/*
Theme Name: ptu-2015
Theme URI: https://www.hkptu.org/wp-content/themes/ptu2015/
Description: Child theme, based on twentytwelve
Template: twentytwelve
Version: 1.0.0
Text Domain: twenty-fourteen-child
*/ 

@import url("../twentytwelve/style.css");


body {
	font-size: 11pt;
	color: #000;
}

a, a:visited, .entry-content a, .entry-content a:visited {
	outline: none;
	color: #21759b; 
	text-decoration:none;
}

a:hover {
	color: #0f3647;
}


.site-content {
	overflow: hidden;
	margin-top: 0px;

}

.entry-content table {
	border: none;
	font-size: 12pt;
	line-height: 1.4;
	color: #000000;
}

.entry-content td,
.comment-content td {
	border: 1px solid #adadad;
	padding:5px;
	vertical-align: top;
}

.entry-content ul, .entry-content ol {margin:5px 0 5px 0;}
.entry-content ol li {margin-top:2px; margin-top:2px;}
.entry-content p {margin:15px 0 10px 0;}

.no-border td {border:none}

h1.archive-title {font-size: 21pt; color: darkgreen;}

.site-content article {
	margin-bottom: 32px;
	margin-top: 20px;
	border: none;
}

.archive .site-content article {
	border-bottom: 4px double #ededed;
}

h1, h2, h3, h4, h5 {

	color: darkgreen
}

.hentry h2 {
	/*border-bottom:1px dotted darkgreen; */
font-size:15pt;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}


.entry-content blockquote,
.comment-content blockquote {
	font-style: normal;
	padding: 15px;
	background: lightyellow;
}

.entry-content blockquote p,
.entry-content blockquote h2,
.entry-content blockquote h3{
	margin-top:5px; 
	margin-bottom:10px; 
}

#comments, .nav-single {
	display: none;
}

.entry-meta {
	background: #F5F5F5; padding: 2px;
}


h1.archive-title, h1.page-title, .entry-header h1.entry-title {
	font-size: 18pt;
	color: darkgreen;
	font-weight: bold;
}


/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media screen and (min-width: 10px)  {

	.site {
		width: 960px;
		margin: 0 auto;
	}
	.site-content {
		float: left;
		/* width: 65.104166667%;*/ width: 590px;
		margin-top:0px; 
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		width: 30%;
		margin-top:-25px;
		background: #F5F5F5; padding: 10px; 
	}

	.widget {
		background: #FFFFFF;
	}

	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border: none;
	}
	.main-navigation ul {
		background:darkgreen;
	}

	.main-navigation li a {
		font-size:12pt;
		border-bottom: 0;
		color: #FFFFFF;
		line-height: 2.692307692;
		text-transform: uppercase;
		white-space: nowrap;
		border-right:1px solid #ffffff;
		padding: 0 9px 0 9px; margin-left: -3px;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		background: green;
		color: #ffffff;
	}
	.main-navigation li {
		margin: 0px;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background:darkgreen;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11pt;
		line-height: 1;
		padding: 8px 10px;
		width: 150px;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		/* background: #e3e3e3;
		color: #444;*/
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #ffffff;
		font-weight: normal;
		background: green;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #E0F0E0;
	}
	body .site {
		width: 900px;
		padding: 0 40px;
		margin-top: 0px;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
}


/* Sidebar */

.widget-area .widget {
	padding: 8px; margin-bottom: 15px
}

.widget-area .widget h3 {
	margin-bottom: 5px;
	font-size:12pt; font-weight: normal; color: darkgreen;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 11pt;
	line-height: 1.5;
	margin-bottom: 5px;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 20px;
}
.widget-area .widget a {
	color: #33759b;
}
.widget-area .widget a:hover {
	color: #21750b;
}
.widget-area .widget a:visited {
	color: #33759b;
}
.widget-area #s {

}

.widget-area .widget ul li {
	list-style: square; 
	margin-left:15px; 
}



/* ------------------------------------*/

a[href$=".pdf"] {
  background: url(https://www.hkptu.org/wp-content/uploads/2020/09/icon_pdf.gif) no-repeat right center;
  padding-right: 22px;
}

a[href$=".doc"] {
  background: url(https://www.hkptu.org/wp-content/uploads/2020/09/icon_word.gif) no-repeat right center;
  padding-right: 22px;
}

a[href$=".docx"] {
  background: url(https://www.hkptu.org/wp-content/uploads/2020/09/icon_word.gif) no-repeat right center;
  padding-right: 22px;
}

a[href$=".ppt"] {
  background: url(https://www.hkptu.org/wp-content/uploads/2020/09/ppt-icon.jpg) no-repeat right center;
  padding-right: 22px;
}

a[href$=".pptx"] {
  background: url(https://www.hkptu.org/wp-content/uploads/2020/09/ppt-icon.jpg) no-repeat right center;
  padding-right: 22px;
}

a[href$=".pps"] {
  background: url(https://www.hkptu.org/wp-content/uploads/2020/09/ppt-icon.jpg) no-repeat right center;
  padding-right: 22px;
}

ul {margin-bottom: 0px}

ul.sidebar-menu {
	list-style: square;
	margin: 0 0 0 1em;
	padding-left:15px;
	font-size:16px;
}

ul.sidebar-menu ul {
	font-size: 13px;
}

.category-ptu-notice .date {display:none}

.category-traveltour-group h1, .category-traveltour h1 {
	font-size: 1.7em;
}

.category-traveltour-group h1:after{
	content: " "; color:green; font-weight:normal;
	font-size: 10pt; margin:5px; 
	padding:3px; background: yellow;
}

.flex-control-paging {margin-left:0px !important}

.faq-title {
	background:none
}

ul.lcp_catlist li a {
	display:block;
	font-size: 1.2em;
}


.parent-pageid-432  #content:before
{
	content: url('https://www.hkptu.org/wp-content/uploads/2020/09/banner-shopping.jpg'); 
}

.parent-pageid-432 #primary,  .page-id-2459 #primary
{margin-top:-25px;}

.page-id-2459  #content:before, .parent-pageid-2459  #content:before, .parent-pageid-2672  #content:before
{
	content: url('https://www.hkptu.org/wp-content/uploads/2020/09/banner-western-medicine.jpg'); 

}

#dc_jqaccordion_widget-2 {background: #EEE}

#listcategorypostswidget-3, #text-8 {
	border: 1px solid #FF0066;
}
#listcategorypostswidget-3 h4,
#text-8 h4
 {
	color: #FF0066;
}

#text-20 h4 {
	color: #FF0066;
}

/* home page title none */
#post-14 h1.entry-title {display:none}
article#post-14 header {margin-top:-25px;}