/* 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;
}

/* Gray disabled buttons */
.register-button[disabled], .post-single input[type="button"][disabled], #inpSubmitButton[disabled] {
	background: #e0e0e0;
	cursor: initial;
}

.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*/
.page-template-template-add-new-payment input[type=radio] {
	margin-right: 20px;
}


.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;
}

/* Youtube embeds */
.textwidget .fluid-width-video-wrapper iframe {
	min-height: 0;
}

#content .widgets_on_page ul, #content .widgets_on_page ul li {
	margin: 0;
}

#content .post-single .widgets_on_page ul li {
	list-style: none;
}

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


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

.page-id-37517 .title-post-single,
.page-id-36229 .title-post-single{
	display: none;
}

.main-section{
	padding: 50px 0;
}

.main-section-bottom{
	padding: 0 0 50px;
}

.sub-section {
	margin-bottom: 0; 
	width: 87.5%;
margin: auto;
padding: 6.25%;
	clear: both;
	overflow: hidden;
}

.page-id-37517 .title,
.page-id-36229 .title,
.page-id-37517 .subtitle,
.page-id-36229 .subtitle{
	line-height: 1.25;
}

.page-id-37517 .title,
.page-id-36229 .title{
	font-size: 42px;
	margin-bottom: 0;
	
}

.page-id-37517 .subtitle,
.page-id-36229 .subtitle{
	font-size: 24px;
	margin-bottom: 0;
}

.page-id-37517 a:link,
.page-id-36229 a,
.page-id-37517 a:hover,
.page-id-36229 a:hover,
.page-id-37517 a:focus,
.page-id-36229 a:focus,
.page-id-37517 .sidebar-column a:link,
.page-id-37517 .sidebar-column a:hover{
	color: #0086d9;
}

img.img-rt{
	float: right;
	margin-left: 6.25%;
	margin-bottom: 20px;
}

img.img-lt{
	float: left;
	margin-right: 6.25%;
	margin-bottom: 20px;
}

img.img-half{
	width: 50%;
	max-width: 768px;
}

/*--------- Components -----------*/

a.button-gold{
color: #fff; 
	padding: 15px; 
	background-color: #e3a623;
	border-radius: 3px;
	box-shadow: 2px 2px 6px #888888;
	margin-top: 6.25%;
}

a.button-gold:hover,
a.button-gold:focus,
a.button-gold:active{
	color: #fff;
}

.post-single a.button-gold: hover{
color: #fff; 
	text-decoration: underline;
}

.header-hero a.button-gold,
.costsFees a.button-gold{
	display: inline-block;
	margin: 10px;
}

.title-section{
	background-color: hsl(203, 80%, 40%);
	color: #fff;
	text-align: center;
	padding: 50px 6.25% 30px;
	border-radius: 3px 3px 0px 0px;
}

.subtitle-section{
	background-color: hsl(203, 80%, 40%);
	color: #fff;
	text-align: center;
	padding: 20px 6.25%;
	border-radius: 3px 3px 0px 0px;
}

.subtitle-section .subtitle{
	margin-bottom: 0;
} 

.video-section{
	text-align: center;
	width: 67%;
	margin: auto;
}

/*------------ GRIDS -------------*/
/*--------------------------------*/

.grid-container {
  display: grid;
  justify-content: space-between;
  grid-template-columns: 25% 70%;
  gap: 1% 5%;
  padding: 6.25% 0;
}

.grid-container > div {
  text-align: left;
  font-size: 18px;
}

/*------ Sidebar section Grid ----------*/

.sidebar-section .grid-container{
	grid-template-columns: 33% 62%;
  gap: 4%;
  padding: 6.25% 0;
}

.sidebar-column{
	padding: 5%;
    background-color: #faf5eb;
    border-radius: 3px;
    box-shadow: 2px 2px 6px #ccc;
    margin-bottom: 20px;
}

.sidebar-column > ul > li,
.sidebar-column > ul > li > ul > li{
	list-style-type: none;
	margin-left: 0;
}

.sidebar-column > ul > li > a,
.sidebar-column > ul > li > ul > li > a{
	color: #0086d9;
	line-height: 2em;
}

.video > div.grid-container{
	grid-template-columns: 62% 33%;
	gap: 4%;
	padding: 6.25% 0;
}

/*-------- Blue Grid ------------*/

.blue-grid{
	gap: 0 0;
	grid-template-columns: 16% 84%;
  color: #fff;
}

div.grid-container.blue-grid{
	padding: 0 0;
}

.blue-grid .grid-item{
	padding: 40px 20px 30px;
}

.grid-item img{
	border-radius: 3px;
}



/*----- ALL THINGS FLEXIBLE -----*/
/*-------------------------------*/

/* Image Tile menu on home page*/
.flex-container{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	margin-top: 6.25%;
}

.flex-container .gallery-item img,
.grid-container .grid-item img,
.flex-cards-3 > div,
.flex-cards-2 > div,
img.img-half{
	box-shadow: 2px 2px 6px #ccc;
}

.blue-grid .grid-item img{
	box-shadow: none;
}

/*--------- Flex CARDS ------------*/

.flex-cards{
	justify-content: space-between;
	align-items: stretch;
}

.flex-cards-2 > div{
	width: 48%; 
	margin-bottom: 20px;
	background-color: #fff;
}

.flex-cards-3 > div{
	width: 32%; 
	margin-bottom: 20px;
	background-color: #fff;
}

.flex-cards-3 .text-box{
	padding: 2%;
	text-align: center;
}

/*--------- Flex Galleries ------------*/

.flex-gallery-3, .flex-gallery-4{
	justify-content: space-between;
}

.flex-gallery-3 > div{
	width: 32%;
	padding: 1% 0;
	text-align: left;
}

.flex-gallery-4 > div{
	width: 24%; 
	padding: 1% 0;
	text-align: left;
}

.flex-gallery .title{
	padding-left: 1rem;
	color: #000;
	font-size: 1.5em;
	font-weight: 400;
}

.flex-gallery p{
	padding: 1rem;
	margin: 0;
}

/*----------- FAQ Sections ------------*/

.faq-section{
	background-attachment: fixed; 
	background-size: cover; 
	background-position: top; 
	overflow: hidden;
}

.faq-section .flex-container{
flex-flow: column;
width: 87.33%;
padding: 6.5%;
margin: auto;
}

.faq-header{
    margin: 0 auto 20px;
    padding: 20px;
    background-color: rgb(255, 255, 255, .85);
    border-radius: 3px;
    width: 100%;
}

.faq-section .faq-Q{
background-color: rgb(255,255,255, .85);
font-weight: 600;
font-size: 24px;
border-radius: 3px 3px 0px 0px;
padding: 20px;
}

.faq-section .faq-A{
background-color: rgb(255,255,255, .95);
margin-bottom: 2rem;
border-radius: 0px 0px 3px 3px;
padding: 20px;
}

/*---------- Info Tables --------------*/

.info-table table {
  box-shadow: 2px 2px 6px #ccc;
  border-collapse: collapse;
  margin: 6.25% 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.info-table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.info-table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

.info-table tr:nth-child(odd){
	background-color: #fff;
}

.info-table tr:nth-child(even){
	background-color: hsl(203, 4%, 96%);
}

.info-table th,
.info-table td {
  padding: .625em;
  text-align: center;
}

.info-table th {
  font-size: .85em;
  letter-spacing: .1em;
  color: #fff;
  text-transform: uppercase;
  background-color: hsl(203, 80%, 40%);
}

/*----- SPECIFICS TO PAGES -----*/

/*------ Section Backgrounds --------*/


.grid-item.dkBlue{
background: hsl(203, 80%, 50%);
}

.grid-item.mdBlue{
background: hsl(203, 80%, 60%);
}

.grid-item.ltBlue{
background: hsl(203, 80%, 70%);
}

.header-hero{
	background-image: url('https://karmecholing.org/wp-content/uploads/2022/05/gif-of-garden-video-3-scaled.jpg'); 
	padding: 20vh 0 50vh; 
	background-attachment: fixed; 
	background-size: cover; 
	background-position: center center; 
	overflow: hidden;
	text-align: center;
}

.header-hero .text-box{
	width: 67%;
	padding: 6.25%;
  margin: auto;
  background-color: rgba(0, 0, 0, .35);
	color: #fff;
	border-radius: 3px;
}  

.page-id-37517 .faq-section{
	background-image: url('https://karmecholing.org/wp-content/uploads/2022/05/Buddha_by_pond-Karme_Choling-1-scaled.jpg');
}

.page-id-36229 .faq-section{
	background-image: url('https://karmecholing.org/wp-content/uploads/2022/05/blue_buddha.jpg');

}

#why-kcl,
#testimonials,
.costsFees,
.pale-yellow{
	background-color: hsl(41, 4%, 96%);
}

.amenities-section,
.register-section,
.meditation-section,
.included-section,
.pale-blue{
	background-color: hsl(203, 6%, 98%);
}

.question-section{
	background-color: hsl(41, 20%, 96%);
	text-align: center;
	padding: 50px 0 30px;
}

.meals-diets{
	background-image: url('https://karmecholing.org/wp-content/uploads/2022/05/meals-karme-choling-1.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	max-width: 1100px;
}

.apply-section{
	background-image: url('https://karmecholing.org/wp-content/uploads/2022/05/karme-choling-meditation-center-pond.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	max-width: 1100px;
}

.meals-diets .textbox,
.apply-section .textbox,
.costsFees .textbox{
	background-color: rgba(255, 255, 255, 0.85);
	padding: 6.25%;
	border-radius: 5px;
	box-shadow: 2px 2px 6px #ccc;
}


/*--------- MEDIA QUERIES ------------*/
/*------------------------------------*/

@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;
	}

.sub-section {
	width: 93.75%;
}

.page-id-37517 .title{
	font-size: 36px;
}

.page-id-37517 p.subtitle{
	font-size: 22px;
}

.blue-grid{
	grid-template-columns: 24% 76%;
}

.faq-section .flex-container{
width: 97.75%;
}

.header-hero .text-box,
.video-section{
	width: 92%;
	padding: 6.25%;
}

.flex-gallery-4 > div,
.flex-gallery-3 > div{
	width: 49%; 
	padding: 2% 0;
}

.video > div.grid-container{
	grid-template-columns: 100%;
	gap: 0;
	padding: 6.25% 0;
	margin-bottom: 0;
}

}

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

@media screen and (max-width: 600px){

	.sidebar-section .grid-container{
	grid-template-columns: 100%;
  gap: 0;
  padding: 6.25% 0;
	}

	.grid-container{
		margin-bottom: 12.5%;
	}

}

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

@media screen and (max-width: 414px) {

.main-section{
	padding: 30px 0;
}

.sub-section {
	width: 100%;
	margin-bottom: 0; 
	padding: 30px 20px;
}

div.included.sub-section{
	padding: 30px 20px 150%;	
}
div#meditation-support.sub-section{
	padding: 30px 20px 80%;
}

img.img-rt{
	float: none;
	margin-left: 0;
}

img.img-lt{
	float: none;
	margin-right: 0;
}

img.img-half{
	width: 100%;
}

.page-id-37517 .title{
	margin-bottom: 0;
	font-size: 32px;
}

.page-id-37517 .subtitle{
	font-size: 18px;
}

a.button-gold{
	padding: 1em;
}

.header-hero{
	text-align: left;
	padding: 15vh 0 40vh;
}

.header-hero .text-box{
	width:  95%;
	padding: 5vw;
}

.video-section{
	width: 100%;
}

.video-section .subtitle{
	font-size: 24px;
	line-height: 1.25;
}

#moya{
	font-size: 18px;
}

.grid-container {
  grid-template-columns: 100%;
}

.grid-container.blue-grid > div:nth-child(odd){
	text-align: center;
}

.grid-container.blue-grid img{
	width: 50%;
	margin: auto;
}

.blue-grid .grid-item {
    padding: 20px;
}

.expect-section img{
width: 50%;
}

.title-section{
	text-align: left;
	padding: 30px 20px;
}

.flex-gallery{
		flex-direction: column;
	}
.flex-gallery > div{
	width: 90%;
	margin: 0 5% 10vw;
}

.flex-gallery-4 > div,
.flex-gallery-3 > div{
	width: 100%; 
	padding: 5% 0;
	text-align: center;
}

	.flex-cards-3 > div{
	width: 100%; 
	margin-bottom: 20px;
	box-shadow: 0 0 2px 1px #ccc; 
}

	.faq-section .flex-container {
    width: 90%;
    margin: auto;
    padding: 0;
	}
	.faq-section .title{
		margin-bottom: .5rem;
	}

	.faq-section .faq-Q {
    font-size: 18px;
  }

/*------------- Table ----------------*/
.info-table table {
    border: 0;
  }

  .info-table caption {
    color: #fff;
    font-size: 1.3em;
    padding: 0.625em 0;
    background-color: hsl(203, 80%, 40%);
	}
  
  .info-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }
  
  
  .info-table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  .info-table tr:nth-child(odd){
	background-color: hsl(203, 4%, 96%);
}
  
  .info-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em;
    text-align: right;
  }
  
  .info-table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .info-table td:last-child {
    border-bottom: 0;
  }

}



/* The Modal (background) */

.loginModal {
	display: block;
	position: fixed;
	overflow: auto;
	z-index: 1;
	left: 0;
	top: 0;
	border: 1px solid #000;
	background-color: #fefefe;
	margin-top: 5%;
	margin-left: 20%;
	margin-right: 35%;
	max-height: calc(100vh - 50px);
	overflow-y: auto;
	/*width: 45%;*/
	z-index: 9999999999999; 
}

.loginBackground {
	opacity: 0.5;
}
.loginModalLoginColumn {
	float: left;
	width: 80%;
	margin-top: 5%;
	margin-left: 5%;
	margin-right: 5%;
}

.loginModalGuestColumn {
	float: left;
	text-align: center;
	/* border-left: 1px solid #d3d3d3; */
	margin-left: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	/*padding-right: 5%;*/
	position: absolute;
	top: 18%;
	left: 85%;
	margin: -15% 0 0 0%;
}

.loginModalDividerLine {
	float: left;
	margin-top: 5%;
	border-left: thin solid #D3D3D3;
}

.loginModalOld {
	display: block;
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	margin-top: 50px;
	margin-left: 20%;
	width: 50%;
	height: 50%;

	/*width: 100%; /* Full width */
	/*height: 100%; /* Full height */
	overflow: scroll; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0); /* Black w/ opacity */
}

/* Modal Content/Box */
.loginModalContentOld {
	float: left;
	background-color: #fefefe;
	margin: 5% auto;*/ /* 15% from the top and centered */
	padding: 20px;*/
	border: 1px solid #888;
	width: 66%;/* Could be more or less, depending on screen size */
	height: 100%;
}

.smallInput {
	height: 35px;
}

.loginModalContentOld .sideColumn {
	float: right;
	border: none;
	margin-top: 15%;
	margin-left: 5%;
	padding-left: none;
	width: 50%;
	height: 100%;
}

+/* Gray disabled buttons */
register-button[disabled], .post-single input[type="button"][disabled], #inpSubmitButton[disabled] {
	background: #e0e0e0;
	cursor: initial;
}


/* begin input group support
(used on donation form)
 */

/*QuickReset*/
/*
*{margin:0;box-sizing:border-box;}
html,body{height:100%;font:14px/1.4 sans-serif;}
input, textarea{font:14px/1.4 sans-serif;}
*/

.input-group{
    display: table;
    border-collapse: collapse;
    width:100%;
}
.input-group > div{
    display: table-cell;
    border: 1px solid #ddd;
    vertical-align: middle;  /* needed for Safari */
}
.input-group-icon{
    background:#eee;
    color: #777;
    padding: 0 12px
}
.input-group-area{
    width:100%;
}
.input-group input{
    border: 0;
    display: block;
    width: 100%;
    padding: 8px;
}

/* temporary banner message in header */
.header-message {	
width: 25em; 
max-width: 100%; 
background-color: #af0613; 
border-radius: 2px; 
margin: 1em auto -1em; 
padding: .5em; 
color: #fff; 
font-size: .85rem; 
font-weight: bold!important;
letter-spacing: .05em;
line-height: 1.25; 
text-align: center;
}

.header-message a{
	color: #fff;
	text-decoration: underline;
}

.header-message a:hover,
.header-message a:focus,
.header-message a:active{
	color: #aaa;
}





/* end input group support */