/*
Theme Name:     Karme Choling
Description:    Modena child theme for KCL site
Author:         Press Up
Author URI:     http://pressupinc.com/
Template:       modena
Version:	1.1.0
*/

/* Proper box-sizing */
html {
  box-sizing: border-box;
}



body, .post-single, .archive-meta {
	letter-spacing: .5px;
}

.post-single {
	margin-bottom: 2rem;
}

/* In case people want to create border styles */
img {
    border-color: #aaa;
    border-style: solid;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* Titles */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6, legend {
	color: #23375C;
	font-weight: bold;
	/*color: #FFBD29;*/
}

input:valid{
	margin-right: 5px;
}

button, input[type="button"], .button, .kcl_button, .register-button, #inpSubmitButton {
	background-color: #23375C;
	font-weight: bold;
	font-size: .85rem;
	text-align: center;
	padding: 8px 15px;
	border: 0;
	color: #fff;
}

.register-button, .post-single form input[type="button"], #inpSubmitButton {
	position: relative;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}

/* Define the hover highlight color for the contact us table row */
    .hoverTable tr:hover {
          background-color: #f0f0f0;
    }
    .hoverTable {
	width:100%;
}


/* For the actual "Register" register button */
.centered .register-button {
	background-color: #BC0006;
	font-size: .85rem;
}

.register-button:hover, .post-single form input[type="button"]:hover, #inpSubmitButton:hover {
	background-color: #FFBD29;
}

.register-button, #inpSubmitButton {
	margin-bottom: 20px;
}

.fp-img{
height:150px;
width:150px;
background-image: url('https://stage.karmecholing.org/wp-content/uploads/2015/09/Sakyong-Mipham-Rinpoche-150x150.jpg');
float : left;
position : relative;

}
.fp-quote{
color:#ffffff;
max-width: 300px;
margin-left: 40px;
margin-top: 30px;
float : left;
position : relative;

}

/* Overriding unwanted title styling */
#content .wpzoom-welcome .title-widget, #content .title-widget, .wpzoom-featured-page .title-post, .wpzoom-featured-page .title-post a {
	font-weight: bold;
	color: #23375C;
}

/* Add styling to delineate payment page sections, clean up profile tables*/

.registration-section-label-bg {
	content: '';
	background-image: url(/wp-content/uploads/2015/12/kcl-blue-floral.png);	
	width: 100%;
}
p.registration-section-label {
	font-weight: bold;
	color: #fff;
	font-size: 1.1rem;
	padding: .5rem 1rem;
	text-transform: uppercase;
	
}
p.registration-label {
    display: inline-block;
    width: 150px;
    font-weight:bold;
    margin: 0px;
    color: #555;
	font-size: 16px;
	line-height: 26px;
    }
p.registration-field{
	margin:0px;
}
.profile-address-label{
	width:150px; display:inline; float:left; height: 80px; font-weight: bold;
}    
p.profile-address-field{
	 margin:0px;
}
.profile-address{
	display:inline;
}

/* end profile styling */

.title-post-single, .title-archive, h1 {
    /* font-size: 40px; */
    font-size: 34px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 0;
}

h2, .post-single h2 {
	margin-top: 1.5rem;
	font-size: 22px;
}

/* Overwriting overlarge margins in parent theme */
.post-single h2, .post-single h3, .post-single h4, .post-single h5, .post-single h6 {
	margin-bottom: .25rem;
}

.post-single>*:first-child {
	margin-top: 0;
}

/* No Programs */
.no_programs {
	color: #BC0006;
}



/* Registration and Donation Form styling */
legend {
	font-size: 1.2rem;
	margin: 1rem 0 .5rem 0;
}

.required {

}

.required:after {
	content: " *";
	color: #BC0006;
	font-weight: bold;
}

form fieldset, fieldset {
	margin: 1rem 0;
}

form fieldset {
	/* font-size: 1.2rem; */
}

form .textfield, form .dropdown {
	margin: 0 0 1rem 0;
}

form fieldset input[type="text"], form fieldset input[type="password"], .textfield input[type="text"], .textfield input[type="password"] {
	max-width: none;
	width: 100%;
	line-height: 2;
	padding-left: .25rem;
	padding-right: .25rem;
}

form .inlinefields select, form .inlinefields input[type="text"] {
	display: inline;
	min-width: 5rem;
	margin-right: .125rem;
	margin-bottom: 1rem;
}

form .inlinefields select {
	padding: .5rem 0;
	max-width: 25%;
}

form .inlinefields input[type="text"] {
	max-width: 6rem;
}

form .inlinefields label {
    display: block;
}

form .inlinefields.radio label {
    display: inline;
}

form fieldset select {
	display: block;
}

form .dropdown select {
	font-family: inherit;
}

.error {
	font-size: 1.2rem;
	color: #BC0006;
}

/* General */
img {
	max-width: 100%;
}

.border-gray {
    border: #b9b9b9 solid 1px;
}

.button-box{
 	width: 200px;
    	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 15px;
}
.gform_button {
	background: #BC0006;
   	color: white;
   	text-decoration: none;
	border: 0px;
}
a.gform_button {
   	background: #830004;
	text-decoration: none;
   	color: white;
}
.gform_wrapper.gf_browser_safari .gfield_checkbox li input, .gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio] {
	margin-left: .125rem;
}
.gfield_label {
	width: 100%;
}
.kcl_button {
   	background: #BC0006;
   	color: white;
   	text-decoration: none;
}

a.kcl_button:hover {
   	background: #830004;
	text-decoration: none;
   	color: white;
}

/* Promotional Boxes */
/* used for promoting Mukpo Institute in some programs */

.promotional_box_outer { padding-top: 15px; margin-bottom: 20px; display: block;}
.promotional_box {
	width: 100%;
	padding: 1.5rem 1rem;
	border: 1px solid #999999;
	background-color: #F2F2F2;
	display: inline-block;
	vertical-align: middle;
}

.promotional_box img {
  height: 60px;
  width: 60px;
  float: left;
  margin-right: 1.5rem;
  border: none;
}
.promotional_box_text {
  color: #8F8F8F;
  line-height: 1.5;
}
.promotional_box_text a {
  font-weight: bold;
/*  color: #8a2200; */
  font-style: normal;
  text-decoration: none;
}
/* .promotional_box_text a:visited { color: #666666; } */
.promotional_box_text a:hover { text-decoration: underline; }

/* Header and footer background */

footer .widget-worhours-item {
	border-bottom-color: #aaaaaa;
}

.widget-worhours-item .workhours-value {
	float: left;
}

.workhours-label {
	width: 80px;
}

footer .widget_nav_menu .menu-item {
	border-bottom: solid 1px #aaaaaa;
	line-height: 26px;
	list-style-type: circle;
	padding: 8px 0;
}

footer .widget_nav_menu .menu-item:last-child {
	border-bottom-width: 0;
}

footer .widget_nav_menu .menu-item:hover,
footer .widget_nav_menu .menu-item:focus {
	color: #f7e763;
	list-style-type: disc;
}

.site-header {
	background-color: #23375C;
	color: #fff;
}

footer {
	background-color: #23375C;
	border: 0;
	color: #fff;
}

footer .wrapper {
	position: relative;
	z-index: 9999999;
}

.wrapper-footer {
	border-bottom: 1px white solid;
}

footer .column-full {
	border-bottom: 0;
	margin-bottom: 0;
}

#footer-copy {
	background-color: #23375C;
	border: 0;
}

footer a {
	color: #fff;
}

footer .widget-worhours-item {
	border-color: #fff;
	list-style-type: none;
}

#footer-copy .wpzoom a {
	color: #fff;
	text-decoration: underline;
}

/* Social share buttons */
html .ssba img {
	width: 32px !important;
}

.footer-social-share {
	display: block;
	margin-top: .5rem;
}

footer .ssba img {
	width: 32px !important;
}

footer .ssba>div {
	text-align: left !important;
}

.header-and-nav, footer {
	position: relative;


}

.site-header:before, #nav-main-menu:before, #nav-main-menu .dropdown ul:before, #featured-posts .slide-content:before, footer:before, .register-button:before {
	content: '';
	background-image: url(/wp-content/themes/karmecholing/kcl_floral_pattern.png);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-position: 50% 50%;
	opacity: 0.03;
}

.site-header:before {
	opacity: 0.03;
}

/* Header */
#logo {
	position: relative; /* To win z-index war with background */
}
	
#logo img {
/*	max-width: 450px; */
	max-width: 380px;
	width:100%;
	max-height: 60%;

}

/* Nav menu */
#menu-main {
	/* padding: .5rem 0; */
}

#menu-main li {
	border-right: 0;
	/* line-height: 1; */
}

html #nav-main-menu {
	position: relative;
	/*background-color: transparent;*/
	/*background-image: url(kcl_pattern.png);*/
	/*background-color: rgba(255,255,255,.2);*/
	background-color: #FFBD29;
}

/* Sub-menu */
#nav-main-menu .dropdown ul {
	/*background-color: #23375C;*/
	background-color: #FFBD29;
}

#nav-main-menu .dropdown ul li {
	border-bottom: 0;
	/*background-color: rgba(255,255,255,.2);*/
}

#nav-main-menu .dropdown ul li a {
	color: #fff;
}

html #menu-main li li {
	background: transparent;
}

html #menu-main li li a:hover, html #menu-main li li a:focus {
	background-color: rgba(255,255,255,.2);
}

#nav-main-menu ul.dropdown li li:hover ul, #nav-main-menu ul.dropdown li li:focus ul, #nav-main-menu ul.dropdown li li.sfHover ul {
	left: 190px;
}

/* (html, body, ul selectors are for needed specificity) */
html #menu-main li.current-menu-ancestor>a,
html #menu-main li.current-menu-parent>a,
html body #menu-main ul li.current-menu-item>a {
	color: #BC0006;
	/* color: #FFBD29; */
}

html #menu-main li.current-menu-item li a, html #menu-main li.current-item li a {
	color: #fff;
}

/* Hamburger menu */

div.wrapper-menu {
	position: relative;
}

html .btn_menu {
	position: relative;
	background: #B90408 url('../modena/images/menu.png') 8px 12px no-repeat;
	padding: 0;
	width: 40px;
    height: 40px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

html .btn_menu span {
	position: absolute;
    right: -65px;
    z-index: 1;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1;
    width: 60px;
    color: #B90408;
}

/* Contact info section */
.wpzoom-contacts {
	position: relative;
	margin-top: .5rem;
	list-style-type: none;
}

.wpzoom-contact {
	min-width: 12.5rem;
}

.wpzoom-sprite-contact {
	background: transparent url(sprite-contact-icons.png) no-repeat top left;
}

.wpzoom-contact a {
	color: inherit;
}

/* Stay in touch section */
.wpzoom-contact .mailing-list-caption {
	display: inline-block;
	/* max-width: 40%; */
}

/* .wpzoom-contact .mailing-list-form {
	display: inline-block;
	max-width: 60%;
	padding-left: 4px;
} */

.wpzoom-contact .mailing-list-field {
	background-color: rgba(255,255,255,.4);
	border: 0;
	line-height: 1.5;
	max-width: 63%;
	padding-left: 4px;
	padding-right: 4px;
	color: #fff;
}

.wpzoom-contact .mailing-list-submit {
	max-width: 34%;
	margin-left: 3%;
	background: rgba(255,255,255,.4);
	border: 0;
	line-height: 1.5;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
}

/* Social media section */
.site-header .fa {
    /* border: 1px white solid; */
    padding: .05rem .2rem;
    background-color: #23375C;
    border-radius: 3px;
    margin-right: .75rem;
}

.site-header .fa, .wpzoom-contact img {
	min-width: 1.5rem;
	margin-right: .25rem;
}

/* .header-facebook-link {
	vertical-align: top;
	margin-left: 4px;
	max-height: 16px;
} */

/* Homepage hero image */
.section-shadow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 2rem;
}

/* Shadow effect */
#featured-posts, footer .post-cover {
	position: relative;
}

#featured-posts, .featured-image-holder, footer .post-cover {
	position: relative;
}

#featured-posts:before,
/* .featured-image-holder:before, */
footer .post-cover:before {
	content: "";
	position: absolute;
	background-image: url(shadow_top.png);
	width: 100%;
	top: 0;
	left: 0;
	height: 1rem;
	background-size: auto 100%;
	background-repeat: repeat-x;
	z-index: 1;
}

#featured-posts:after,
/* .featured-image-holder:after, */
footer .post-cover:after {
	content: "";
	position: absolute;
	background-image: url(shadow_bottom.png);
	width: 100%;
	bottom: 0;
	left: 0;
	height: 1rem;
	background-size: auto 100%;
	background-repeat: repeat-x;
	z-index: 1;
}

footer .post-cover:before, footer .post-cover:after {
	z-index: 0;
}

.featured-image-holder {
	margin-bottom: 30px;
}

.post-single img.alignnone {

}

.post-single img.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.post-single img {
	margin-bottom: 0;
}

/* Text below homepage hero image */
#featured-posts .slide-title {
	text-transform: none;
}

#featured-posts .slide-content {
	width: 100%;
	background-color: #FFBD29;
	/*background-image: url(kcl_logo_background_pattern.png);*/
	/*background-repeat: repeat;*/
/*	background-size: auto 150%;*/
	/*background-position: 0 50%;*/
}

.homepage-banner-image {
	width: 100%;
}

#featured-posts .slide-title, #featured-posts .slide-tagline {
	color: #fff;
}

/* Homepage widgets */
.home #content h1.title-widget {
	line-height: 1;
	margin-bottom: 1rem;
}

.widget .program-picture img {
	width: 100%;
}

.widget .program-picture {
	max-width: 100px !important;
}

.widget .program-dates, .widget .teachers {
	font-size: 1rem;
}

.widget .program-short-description {
	line-height: 1.4;
}

.wpzoom-featured-page .title-post a {
	font-size: 1.75rem;
}

.wpzoom-featured-page .title-post a:hover, .wpzoom-featured-page .title-post a:focus {
	color: inherit;
}

.wpzoom-featured-page .title-post {
	margin-top: 0;
}

.home .textwidget .quote-box-outer {
	padding-top: 15px;
	margin-bottom: 20px;
	display: block;
}

.home .textwidget .quote-box {
	width: 100%;
	border: 1px solid #999999;
	padding-right: .25rem;
}

.home .textwidget .quote-box p:first-child .quote-box-text {
	display: block;
	padding-top: 1.5rem;
}

.home .textwidget .quote-box img {
  height: 150px;
  width: 150px;
  float: left;
  margin-right: .75rem;
  border: none;
}

.home .textwidget .quote-box .quote-box-text {
  color: #fff;
  line-height: 1.5;
}

.important-information {
	margin-top: 0px;
 	padding-left: 20px;
	list-style-position: outside;
}

.important-information a {
	color: #BC0006;
}

#content .wpzoom-welcome {
	font-size: 1.04rem;
	line-height: inherit;
}

#content .wpzoom-welcome .title-widget, #content .wpzoom-pages-widget .title-widget {
	font-size: 2.5rem;
	text-align: left;
}

.featured-pages-3 .title-post, #content .title-widget {
	font-size: 1.25rem;
	text-transform: none;
}

#content .wpzoom-column-half.wpzoom-column-last .title-widget {
	font-size: 1.25rem;
}

div#wpzoom-widget-feat-testimonials-2 {
	position: relative;
	background-color: #23375C;
	color: #fff;
}

#content div#wpzoom-widget-feat-testimonials-2 .title-widget {
	color: inherit;
}

div#wpzoom-widget-feat-testimonials-2:before {
	content: '';
	background-image: url(kcl_pattern.png);
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-position: 50% 50%;
	z-index: 0;
	opacity: .5;
}

.wpzoom-loop-testimonial .testimonial-excerpt, .wpzoom-column-full .wpzoom-testimonials-widget .testimonial-author-name {
	font-family: inherit;
}

.wpzoom-column-full .wpzoom-testimonials-widget .testimonial-author-name {
	text-transform: none;
}

/* Page title styling */
/* #title {
	position: relative;
	min-height: 300px;
	text-align: left;
	padding: 1rem 0;
}

#title h1 {
	color: #FFF;
	text-shadow: 0px 0px 2px #000;
	position: absolute;
	bottom: 1rem;
	font-size: 3.5rem;
} */

/* .featured-image-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: -1;
  opacity: .8;
} */

.featured-image-holder img {
	width: 100%;
	height: auto;
}

.wpzoom-breadcrumbs {
	margin-top: 1rem;
	display: none;
}

.wpzoom-breadcrumbs span, .wpzoom-breadcrumbs a {
	/*color: #23375C;*/
	/*color: #FFBD29;*/
	color: #FFF;
	text-shadow: 0px 0px 1px #666;
}



/* Page content styling */
.post-meta-single {
	border-bottom: 0;
}

/* Teachers page */
.teacher-image, html .post-single img.teacher-image {
	max-width: 150px;
}

/* Rideshare page */
.rideshare-wrap {
	max-width: 100%;
	overflow-x: scroll;
	margin-top: 2.25rem;
}

.tablesorter-blue {
	font-size: .85rem;
}

/* Search page */

div.navigation .current {
	background: #bc0006;
}

/* 404 page */
.not-found {
	color: #bc0006;
}

#setop.not-found-search-input, #searchsubmit.not-found-search-submit {
	display: inline-block;
	line-height: 2;
	font-size: 1.2rem;
	border-radius: 0;
	margin: 0;
}

#setop.not-found-search-input {
	width: 80%;
	padding: 0 .5rem;
	border: 1px #bbb solid;
	border-right: 0;
}

#searchsubmit.not-found-search-submit {
	width: 20%;
	padding: 1px .5rem;
}

/* Sidebar */
aside {
	background: #f0f0f0;
	padding: 1rem;
}

aside a {
	color: #23375C;
}

.ssba_facebook_share {
	padding-left: 0;
}

.textwidget .one_third {
    padding: 0 1rem;
    line-height: 1;
    text-align: center;
}

.textwidget .one_third img {
    margin-bottom: .5rem;
}

/* Search widget in sidebar */
div.widget input#setop {
	font-size: 1rem;
	line-height: 1.5rem;
	height: auto;
	width: 100%;
}

input#searchsubmit {
	font-size: .85rem;
}

/* Search results */
.wpzoom-loop-post .title-post {
	font-size: 1.5rem;
	font-weight: initial;
	margin: 0;
	text-transform: none;
	line-height: 1;
}

.wpzoom-loop-post .title-post a, .wpzoom-loop-post .title-post a:hover {
	color: inherit;
}

.wpzoom-loop-post a, .wpzoom-loop-post a:hover {
	color: #BC0006;
}


#main .wpzoom-recent-posts .title-widget, #main aside .title-widget, .home #content .wpzoom-column.wpzoom-column-half.wpzoom-column-last .title-widget {
	background-color: #BC0006;
	color: #fff;
	background-image: url(kcl_pattern.png);
	font-size: 1.1rem;
	padding: .5rem 1rem;
	text-transform: uppercase;
}

.wpzoom-recent-posts .title-post {
	margin-top: 0;
}

input#searchsubmit {
	background-color: #23375C;
	/*background-color: #BC0006;*/
}

input#searchsubmit:hover, input#searchsubmit:focus, #respond input[type=submit]:hover, #respond input[type=submit]:focus {
	background-color: #BC0006;	
}

/* Sidebar menu */
.cmw-menu {
	font-size: 1rem;
	line-height: 1.6;
}
.cmw-menu .current-menu-item>a {
	/* color: #23375C; */
	/* color: #FFBD29; */
	color: #222;
	font-weight: bold;
}

.menu-item-has-children.cmw-level-1>a {
	/* font-weight: bold; */
}

.cmw-level-2 {
	padding-left: 1rem;
}

.cmw-level-3 {
	padding-left: 2rem;
}

/* SDB login */
.textwidget iframe {	
/*	min-height: 375px; */
	min-height: 700px;
	max-width: 100%;
	overflow: visible;
	border: 0;
}

#content .widgets_on_page ul, #content .widgets_on_page ul li {
	margin: 0;
	/*list-style: none;*/
}

.widgets_on_page .textwidget iframe {
	width: 100%;
}


/* Google Maps */
.google-maps-widget img {
	width: 100%;
}

@media screen and (max-width: 1000px) {
	.wpzoom-contact {
		min-width: 0;
	}

	.home .textwidget .quote-box p, .home .textwidget .quote-box-text {
		font-size: .85rem;
		line-height: 1.3;
	}

	.home .textwidget .quote-box p:first-child .quote-box-text {
		padding-top: .5rem;
	}
	
	.home .textwidget .quote-box img {
		margin-right: .5rem;
	}
}
@media screen and (max-width: 768px) {
	#nav-main-menu .dropdown ul li {
		background-color: transparent;
	}

	#nav-main-menu .dropdown ul:before {
		background-image: none;
	}

	#setop.not-found-search-input, #searchsubmit.not-found-search-submit {
		font-size: 1rem;
	}
}