/*
Theme Name: CGLF Custom Theme
Theme URI: http://panghaig.com.au
Author: Donina Asera
Author URI: http://donina.com/
Description: Child theme customised for Chokgyur Lingpa Foundation by Donina Asera on behalf of Pang Haig Design (http://www.panghaig.com).
Version: 1.0
Template: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@import url("../twentyeleven/style.css");
html, body {
	font-family: 'Gentium Basic', serif;
	height:100%;
}
body {
	/* background: #fff url(images/bg-site.gif) top center no-repeat;
	border-top:3px solid #d01c23; */
	 background-color: #fff;
	}
img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
	border: none;
	padding: 0;
	margin-bottom: 20px;
}
a#banner img {
	height:231px;
	overflow: hidden;
	width:725px;
}
h4 {
	border-bottom:1px solid #467082;
	color:#467082;
	font-size:18px;
	margin-bottom:15px;
}
blockquote p {
	color:#0096C0;
	font-family: 'Gentium Basic', serif;
	font-size:17px;
	line-height: 22px;
	}
h5 {
	color:#467082;
	font-weight:bold;
}
#access {
	background:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-top:30px;
	margin-left:7px;
}
#access li {
	float:none;
}
#access a {
	color: #000;
	font-size:17px;
	line-height:17px;
	text-transform: capitalize;
	font-family: 'Droid Serif', serif;
	padding: 10px;
}
#access li:hover > a, #access a:focus, #access .current-menu-item a, #access ul .current_page_parent a {
	background: #0096C0;
	color:#fff;
}
#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a{
	font-weight: normal !important;
}
#access .current-menu-item ul a {
	background: #fff;
	color:#0096c0;
}
#access ul li:hover > ul {
	display:none;
}
#access ul .current-menu-item ul, #access ul .current_page_parent ul {
	display: block !important;
}
#access ul .current-menu-item ul a, #access ul .current_page_parent ul a {
	background: #97cddc;
	color:#fff;
	font-size:15px;
	line-height: 17px;
	padding-top:5px;
	padding-bottom:7px;
}
#access ul ul .current-menu-item a {
	background: #5ab1c9;
	color:#fff;
}
#content .single-post img, .entry-content p img {
	border:1px solid #ddd;
}
a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {
	background: none;
	border-color: #ddd;
}
#access ul ul {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: none;
	float: left;
	margin: 0 0 20px 0;
	position: relative;
	top:0;
	width: 188px;
	z-index: 99999;
}
#access ul ul a {
	border-bottom:none;
	font-weight: bold;
	padding:0 10px;
	width: 147px;
}
#access ul ul a:hover {
	background: #5ab1c9;
	color:#fff;
}
#banner-text {
	background: url(images/bg-banner-text.png) top left repeat;
	color:#fff;
	font-size:20px;
	font-style: italic;
	max-height: 97px;
	line-height: 23px;
	overflow: hidden;
	padding:12px 15px 15px 15px;
	position: absolute;
	right:5px;
	top:135px;
	width:490px;
	z-index: 20;
	display: none;
}
.slides img {
    max-height: 300px;
    max-width: 100%;
    width: 100% !important;
}
#branding {
	border-top:none;
	margin-top:0;
}
#branding hgroup {
	margin:0;
}
#branding a#banner {
	margin: 0;
	position:absolute;
	top:0;
	right:-730px;
	height:231px;
	width:725px;
}
#branding #searchform {
	display: none;
}
#branding img {
	margin: 0 auto -7px auto;
	display: block;
	width:auto;
}
#colophon {
	clear:both;
	height:150px;
	margin:-150px auto;
	position:relative;
	width:960px;
	z-index: 20;
}
#colophon p {
	font-size:12px;
	line-height: 14px;
	margin-top: 14px;
	text-align: left;
	width:67%;
}
.comments-link {
	display: none;
	}
.contact-field-name {
	color: #8C836E;
	float:left;
	font-size:14px;
	position: relative;
	width:135px;
}
.contact-field {
	float:right;
	font-size:14px;
	margin-right:30px;
	position: relative;
	width:260px;
}
#events-only {
	background: url(images/g-events-banner.jpg) top left no-repeat;
	display: block;
	height:231px;
	width:725px;
}
a.getit {
	background: #0096C0;
	color:#fff;
	margin-left:15px;
	padding:2px 7px 3px;
}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	margin-bottom:20px !important;
	}
.holder {
	clear:both;
	float: left;
	position: relative;
	width:100%;
}
#home-only {
	display:none;
}
.home #home-only {
	background: #d01c23;
	display: block;
	height:62px;
	margin-top:0px;
	margin-left:-14px;
	padding-left:12px;
}
.home #home-only h2 {
	color:#fff;
	font-size: 30px;
	font-style: italic;
	letter-spacing: 1px;
	line-height: 62px;
	vertical-align: middle
}
#image-buttons img {
	float:left;
	margin-right:10px;
}
.left-sidebar #secondary {
	margin:0;
	width:185px;
}
.left-sidebar #primary {
	float:right;
	width:760px;
	height:100%;
	margin:275px 0 0;
}
.home .left-sidebar #primary {
	float:right;
	width:760px;
	height:100%;
	margin:330px 0 0;
}

.metaslider .caption-wrap { opacity: 1 !important; background: url("images/bg-banner-text.png") repeat scroll left top !important; left: auto !important;; right: 0 !important;; max-width: 500px !important;; width: 100% !important;; }
.metaslider .caption { color: #fff !important;; font-size: 1.3em !important; font-style: italic; padding: 5px 10px; word-wrap: break-word; }
#main {
	overflow-x:hidden;
	overflow-y:auto;
	padding:0 0 150px;
	position: relative;
	z-index: 10;
}
.moretag {
	font-size:13px;
	margin-top:-10px;
}
.moretag a {
	color:#0096C0;
	text-decoration: underline;
}
#news-only {
	background: url(images/g-news-banner.jpg) top left no-repeat;
	display: block;
	height:231px;
	width:725px;
}
p {
	color:#8C836E;
	font-size:14px;
	line-height: 20px;
	margin-bottom: 16px;
}
li {
	color:#8C836E;
	font-size:14px;
	line-height: 20px;
	margin-bottom: 7px;
}
li li {
	margin-bottom:0;
}
#page {
	/* background: rgba(0, 0, 0, 0) url("images/g-site-strip.gif") repeat-y scroll -40px top; */
	margin:0 auto;
	min-height:100%;
	width:960px;
	max-width:960px;
	min-width: 960px;
	z-index: 10;
	position: relative;
}
.home.page #posts-section {
	margin-top:20px;
	width: 100%;
}
#posts-section {
	margin-top:20px;
	width: 100%;
}
.entry-content {
	padding:0;
}
.singular.page .hentry {
	padding: 0;
}
.singular .hentry {
	padding-top:23px;
}
.singular .entry-title, .singular .entry, .page-title {
	color:#467082;
	font-size:24px;
	line-height: 30px;
	padding-bottom:0;
}
#posts-section h2 {
	border-bottom:1px solid #467082;
	color: #467082;
	font-style: italic;
	font-size: 18px;
	margin-bottom: 16px;
	width:100%;
}
#primary-sidebar {
	/*border-left:1px solid #467082;*/
	color:#467082;
	float:right;
	/*margin:0 0 15px 15px;
	padding-left:15px;*/
	width:215px;
}
.homepage-content img{
	margin-bottom: 20px;
	width: 100%;
}
.sidebar-images img {
    width: 100%;
}
#content .single-post {
	float:left;
	height:auto;
	margin-bottom:30px;
	position: relative;
	width:239px;
}
#content .single-post-sidebar a {
	display: block;
	height:116px;
	overflow: hidden;
	width:190px;
}
.collapseomatic {
	color:#467082;
	font-size:16px;
	margin-bottom:15px;
	display: block;
	width:100%;
}
.single-post-sidebar.adapt {
	border-bottom:none;
	height:auto;
}
a#special-link:hover {
	text-decoration: none;
}
.widget li {
	list-style: none;
}
.widget li a {
	font-size: 14px;
	font-weight: normal;
}
.single-post-sidebar {
	border-bottom:2px dotted #467082;
	float:left;
	height:auto;
	margin-bottom:15px;
	position: relative;
	width:190px;
}
.single-post-sidebar:last-child {
	border-bottom:none;
}
#content .single-post h3 {
	color:#467082;
	font-weight: bold;
	font-size:16px;
	line-height: 18px;
}
.page-id-13 h1.entry-title, .page-id-11 h1.entry-title  {
	padding-bottom:43px;
}
#primary-sidebar .single-post-sidebar h3 {
	border-bottom:none;
	line-height: 19px;
}
#primary-sidebar .single-post-sidebar h3 a {
	color:#000;
	font-size:16px;
	font-style: normal;
	line-height: 18px;
}

#respond {
background: #DDD;
border: 1px solid lightGrey;
-moz-border-radius: 0;
border-radius: 0;
width: 75%;
}
#respond input#submit {
	background: #0096C0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}
#respond textarea {
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#side-image {
	background: url(images/bg-site.jpg) center center no-repeat;
	display: block;
	height:397px;
	left:50%;
	margin-left:-740px;
	position:absolute;
	top:513px;
	width:540px;
	z-index: 1;
}
#site-generator {
	background:none;
	border-top:1px solid #467082;
	width:715px;
	float:right;
	padding:0;
	line-height:1.2em;
	position: relative;
}
.singular .entry-header .entry-meta {
	position: relative;
	padding-bottom:17px;
}
.singular #content, .left-sidebar.singular #content, .left-sidebar #content {
	margin:0;
	float:left;
	width:535px;
}
.page-id-673.singular #content, .page-id-673.left-sidebar.singular #content, .page-id-673.left-sidebar #content {
	width: 713px;
}
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
	margin:0;
	width:100%;
}
#site-title {
	margin-right:0;
	padding:0;
	text-align: center;
}
#site-title a {
	color:#005baa;
	font-variant: small-caps;
	font-size:22px;
	line-height: 27px;
	font-family: 'EB Garamond', serif;
	letter-spacing:1px;
}
#social-media {
	float:left;
	margin-top:4px;
	margin-left:15px;
	width:100%;
}
#social-media a {
	float:left;
	margin-left:18px;
}
#static-text p {
	background: #0096C0;
	color: #fff;
	display:block;
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	line-height: 20px;
	height:47px;
	padding:13px 15px;
	/*width:147px;*/
}

#branding #banner {
    left: 200px;
    position: absolute;
    top: 0;
    width: 760px;
}
#posts-section .metaslider {
    margin-bottom: 20px;
}
.the-date {
	color:#467082;
	font-size:11px;
	font-style: italic;
	text-transform: uppercase;
}
.widget#static-text {
	height:130px;
	margin-bottom: 10px;
}
#primary-sidebar h3 {
	border-bottom:1px solid #467082;
	color: #467082;
	font-style: italic;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 29px;
	margin-bottom: 16px;
	text-transform: none;
	width:100%;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"] {
	width:100%;
}
ul.sub-menu {
	display:none;
}
.widget h3 a {
	font-weight: bold;
	color:#467082;
	font-size:16px;
	line-height: 18px;
	font-style: normal;
}
#primary-sidebar .widget:first-child h3.widget-title {
	border-bottom:1px solid #467082;
	margin:-10px 0 10px 0;
}
#primary-sidebar .widget h3.widget-title {
	border-bottom:none;
}
.widget ul#menu-footer-menu li {
	float:left;
	list-style-type: none;
	border-right:1px solid #467082;
	padding-right:7px;
	margin-right:7px;
}
.widget ul#menu-footer-menu a {
	font-size:15px;
	color:#467082;
}
.widget ul#menu-footer-menu li:last-child {
	border-right:none;
}
span.wpcf7-list-item {
float:none !important;
width:100% !important;
display: block;
}
#supplementary {
	border-top:none;
	padding:0;
}

/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after,
	footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#primary {
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before,
	.commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}

	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}

	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article,
	.commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}

}


/*custom*/
.page-template-blog h1.entry-title,
.page-template-page-of-news-posts h1.entry-title,
.page-template-page-of-events-posts h1.entry-title {
	padding-bottom: 40px;
}
#content .cglf_loop .single-post {
	width: 242px;
	margin: 0px 0px 15px;
}
#content .cglf_loop .single-post:nth-child(2n+1) {
	clear: both;
	margin-left: 0px;
}
#content .cglf_loop .single-post > img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	margin: 0px 0px 10px;
	border: 0px;
}
ul.page-numbers {
	clear: both;
	margin: 0px 20px 20px;
	padding: 0px 0px;
	list-style: none;
}
ul.page-numbers > li {
	display: inline-block;
	margin: 0px 15px 0px 0px;
}
#primary-sidebar .widget a {
	text-decoration: none;
}
.nav-mobile {
	padding: 10px 10px;
	border-radius: 4px;
	font-size: 14px;
	width: 220px;
	display: none;
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
	body {
		padding: 0px 0px;
	}
	#main {
		padding-bottom: 0px;
	}
	#primary-sidebar {
		clear: both;
		float: none;
		border: 0px;
		margin: 0px 0px;
		padding: 0px 0px;
		width: auto;
		max-width: 497px;
	}
	.widget-area .single-post-sidebar {
		overflow: hidden;
		margin: 0px 20px 20px 0px;
	}
	.widget-area .single-post-sidebar:last-child {
		border-bottom: 2px dotted #467082;
	}
	.widget-area .single-post-sidebar img {
		max-width: 100%;
		height: auto;
		display: block;
		margin-bottom: 6px;
	}
	#colophon {
		height: auto;
		margin: 0px auto;
		padding: 20px 10px;
		max-width: 700px;
		width: auto;
	}
	#site-generator {
		width: auto;
		margin: 0px auto;
		float: none;
		padding: 0px 0px;
		border: 0px;
		text-align: center;
	}
	#colophon .widget {
		margin: 0px 0px 10px
	}
	#colophon p {
		width: auto;
		text-align: center;
		margin: 0px 0px;
	}
	#colophon ul.menu > li {
		float: none;
		display: inline-block;
		margin: 0px 0px;
		padding: 0px 10px;
		line-height: 14px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	#page {
		width: 750px;
		min-width: 100px;
	}
	.left-sidebar #primary {
		width: 515px;
	}
	div#slider {
		width: 502px !important;
	}
	div#slider .nivo-slice,
	div#slider.nivoSlider {
		background-size: cover !important;
		background-position: center !important;
	}
	#branding a#banner {
		right: -507px;
		width: 502px;
		overflow: hidden;
	}
	#banner-text {
		width: 473px;
		right: auto;
		left: 229px;
	}
	.home #home-only {
		margin-left: -5px;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#page {
		width: 90%;
		margin: 0px auto;
		min-width: 200px;
		background-image: none;
	}
	#main #secondary {
		float: none;
		width: 100%;
		margin: 0px 0px;
	}
	.left-sidebar #primary {
		float: none;
		width: 100%;
		height: auto;
		clear: both;
		margin: 0px auto;
	}
	#main #content {
		float: none;
		width: 100%;
		margin: 0px 0px;
	}	#site-title {
		margin-bottom: 10px;
	}
	#access {
		margin: 0px 0px;
		padding: 10px 0px;
	}
	#access ul.menu {
		display: none;
	}
	.nav-mobile {
		display: block;
		margin: 0px auto;
	}
	#social-media {
		float: none;
		margin: 0px 0px;
		text-align: center;
	}
	#social-media a {
		float: none;
		margin: 0px 5px;
		display: inline-block;
	}
	#banner-text {
		display: none !important;
	}
	.home #branding a#banner {
		display: none !important;
		visibility: hidden;
	}
	#branding img {
		margin: 0px auto;
		max-width: 100%;
	}
	#branding a#banner {
		position: relative;
		right: auto;
		left: auto;
		width: 100%;
		height: auto;
	}
	#events-only,
	#news-only {
		width: 100%;
		background-size: cover;
		height: 220px;
		background-position: center;
	}
	#branding a#banner > img {
		max-width: 100%;
		height: auto;
		width: 100%;
		display: block;
	}
	div#slider {
		width: 100% !important;
		height: 220px !important;
	}
	div#slider .nivo-slice,
	div#slider.nivoSlider {
		background-size: cover !important;
		background-position: center !important;
	}
	.home #home-only {
		margin: 0px 0px;
		height: auto;
		padding: 10px 10px;
		text-align: center;
	}
	.home #home-only h2 {
		line-height: 34px;
	}
	#main img {
		max-width: 100%;
		height: auto;
	}
	#content .cglf_loop .single-post {
		margin: 0px 2% 20px !important;
		width: 46% !important;
	}
	#static-text p {
		width: auto;
		height: auto;
	}
	#primary-sidebar .widget h3.widget-title {
		margin: 0px 0px 15px !important;
	}
	.entry-content iframe {
		height: 200px;
		max-width: 100%;
	}
	.entry-content textarea,
	.entry-content input[type="text"],
	.entry-content input[type="password"],
	.entry-content input[type="email"],
	.entry-content input[type="url"],
	.entry-content input[type="number"] {
		max-width: 90%;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	body {
		overflow-x:hidden;
	}
	#content .cglf_loop .single-post {
		float: none;
		clear: both;
		width: auto !important;
		margin: 0px 0px 20px !important;
	}
	.widget-area .single-post-sidebar {
		float: none;
		clear: both;
		width: 100%;
		margin: 0px 0px 15px;
	}

}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) { 
 
 .banner-images, header img.attachment-post-thumbnail, #branding #banner{
	display: none !important;
 }
.left-sidebar #primary, .home #primary, .page-id-1542 #primary, .page-id-1543 #primary { margin: 0 !important; }

}
.banner-images, header img.attachment-post-thumbnail {
    left: 200px;
    position: absolute;
    top: 0;
    width: 760px !important;
}
.home #primary {
    margin: 330px 0 0;
}
/* Dhrama page */
.page-id-1542 .entry-header { display: none; }
.page-id-1542 header img.attachment-post-thumbnail { width: auto !important; }
.page-id-1542 #primary { margin-top: 300px; }
/* Building page */
.page-id-1543 .entry-header { display: none; }
.page-id-1543 header img.attachment-post-thumbnail { width: auto !important; max-width: 760px; }
.page-id-1543 #primary { margin-top: 300px; }