@charset "UTF-8";
/*
Theme Name: Kailasam
Theme URI: https://www.ideology.uk.com
Description: A child theme for WP-Forge
Author: Ideology
Author URI: http://www.ideology.uk.com
Template: wp-forge
Version: 2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: wpstarter
font-family:'EB Garamond regular';
font-family:'EB Garamond regular italic';
font-family:'Lato 300';
strong blue #435ebc

*/


/* =Theme customization starts here
----------------------------------------------- */

/* Facebook feed*/
.social-feed-element .author-title, .social-feed-element .media-object 
 { 
   display: none;
}

#social-feed-container-861 {
height: 5px!important;
background-color:#a6cf29!important;
box-shadow:none!important;
}

.grid-item{
margin-top: 15px;
margin-bottom: 15px;
}
/*resets*/
body, h1, h2,h5,h6, .top-bar-section ul li > a{
font-family:'lato',sans-serif!important;
font-weight: 300;
}
h3, h4 {
font-family: 'EB Garamond', serif!important;
font-weight: 400;
letter-spacing: 3px;
font-size: 0.865rem;
text-transform: uppercase;
margin:0rem;}

.widget-title {
font-size: 1rem;


}
article{
-webkit-hyphens: manual;   
 -moz-hyphens: manual;       
hyphens: manual; }

.widget-area .widget {
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
word-wrap: normal;
}

/*header area - logo and strapline*/
.logo{
padding-top:24px;
padding-bottom:24px;
}

.tagline h2{
color:#FFFFFF!important;
font-family: 'EB Garamond', serif!important;
font-weight: 400;
font-size: 18px;
}

/*topbar*/
.header_container{
background-color: black;	
}
.nav_container{
background-color:#a6cf29;		
}
.footer_container, .sidebar_container{
background-color:#a6cf29;
}
.top-bar .name a, .top-bar-section li:not(.has-form) a:not(.button) {
text-transform: uppercase;
letter-spacing:0.15rem;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
border: 1px solid #FFF;
border-bottom: 0;}
.top-bar ul .dropdown{
border-bottom: 1px solid #FFFFFF;
}
.top-bar .name a {
background-color: #a6cf29;
}
.top-bar .name a:hover,.top-bar .name a:focus {
background-color: #cccc00;
}
.top-bar-section .divider, .top-bar-section [role="separator"] {
    border-top-color: #fff;
}
.parent-link{
color: #FFFFFF!important;}

.top-bar-section ul {
font-size: 10px!important;
    
}

.top-bar .europe a {
background-color:#828ddd!important; 
    }

  .top-bar .europe a:hover,.top-bar .europe a:focus {
background-color: #cccc00!important;
}

/*background colours/images on templates*/
.blue { 
 background: #33cccc url("images/backgroundblue@1.2.jpg") no-repeat center center fixed; 
  background-size: cover;
  
}
.content_container_blue{
background: #33cccc url("images/backgroundblue@1.2.jpg") no-repeat center center fixed; 
  background-size: cover;}
  
.woodblock {
 background: #440024 url("images/woodblock@2.2.jpg") no-repeat center center fixed; 
background-size:cover;
}
.content_container_woodblock{
background: #440024 url("images/woodblock@2.2.jpg") no-repeat center center fixed; 
background-size:cover;
}

.europe { 
 background: #33cccc url("images/backgroundblue@1.2.jpg") no-repeat center center fixed; 
  background-size: cover;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
 .woodblock{
background: url("images/woodblock@2.2.jpg") no-repeat center center fixed; 
background-size: cover;
}
}
/* for background-size:cover replacement on iOS devices 
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
    .woodblock {
      -webkit-background-size: auto 150%;
      background-attachment: scroll;
    }
}*/

/*home page*/
.post-145 .entry-content p, .post-145 .entry-content ul{
padding: 0.50rem 2rem;
}

.post-145 .entry-content .secondary-nav h2, .read-more, .read-more a {
    text-transform: uppercase;
    color: #FFFFFF!important;
    text-align: center;
}
.secondary-nav{
background-color:#DAE1F2; 	
}
.post-145 h2, .read-more{
padding: 0.50rem 2rem;
letter-spacing:3px;

}

.introduction .read-more, .xmas .read-more{
margin-left: 2rem;	
}
.location h2,.location .read-more{
background-color:#BFBF00 ; 
}
.holidays h2,.holidays .read-more{
background-color:#550051; 
}
.house h2, .house .read-more{
background-color:#C19400; 
}
.ayurveda h2,.ayurveda .read-more{
background-color:#828ddd; 
}
.book h2, .book .read-more{
background-color:#f73100 ; 
}
.introduction, .xmas{
background-color:#DAE1F2; 
margin-top:20px;
padding-bottom:20px;
margin-bottom:20px;	
}
.introduction .read-more, .xmas .read-more{
text-align:left;
background-color:#FF6600;
width:260px;	
}
.post-145 .entry-content .introduction h2{
text-align:left!important;
font-size: 1.5rem!important;
color: #000!important;	
}
.xmas-image{
margin-top:20px;
background-color: #B3FF00;
}
.post-145 .entry-content .xmas-image h2{
font-size:1.5rem!important;
text-align:center;
color:#000!important;	
}
.post-145 .entry-content .xmas h2{
font-size:1.5rem!important;
text-align:left;
color:#000!important;	
}

.post-145 h2{
font-size:18px;
margin-bottom:0;
}

.excerpt-text{
background-color:#DAE1F2;
font-family: 'EB Garamond', serif!important;
font-weight: 400;
padding:  0.25rem 1rem 0.5rem 1rem;
line-height: 1.10rem;
font-size: 1.10rem;
}
.white{
background-color:#FFFFFF;
font-family: 'EB Garamond', serif!important;
font-weight: 400;
line-height: 1rem;
padding:  0.75rem 1rem 0.5rem 1rem;
}
.alert{
color:#ff6600;
}
/*home page images*/
.slideshow{
background-color:#FFFFFF;
}
.slideshow-caption{
background-color:#C19400;
color:#FFFFFF;
padding:  16px 8px 16px 16px;
margin-bottom: 25px;
font-size: 1.25rem;
line-height: 1.45rem;
}
/*google map*/
./* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }

/*home page about section*/
.column .aubergine, .columns .aubergine{
background-color:#440024;
padding-right:0rem!important;
padding-left:0rem!important; ; 
}
.map{
background-color:#F7A600;
padding:  0.25rem 1rem 0.5rem 1rem;
}
.home-page-caption{
background-color:#DAE1F2;
color:#000000;
padding-left:16px;
}
/*changing bottom margins on columns on home page so they work better as screen narrows*/
.columns .location, .columns .house, .columns .yoga, .columns .holidays,.columns .book, .columns .europe{
margin-bottom: 0.5rem;
}
@media only screen and (min-width: 40.063em) { 
.margin{
margin-bottom: 2rem!important;
}
.columns .location, .columns .ayurveda, .columns .yoga, .columns .holidays,.columns .book, .columns .europe{
margin-bottom: 0rem!important;
}
}

/*main pages*/
/*gets the white background to meet the header*/
.woodblock .entry-content, .blue .entry-content, .europe .entry-content{
padding-top:rem;
padding-bottom:2rem;
}
.entry-content h2 {
font-size: 1rem;
letter-spacing: 3px;
text-transform: uppercase;
color:#ff6600!important;
margin:0rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.entry-content h3 {
color:#000000!important;
padding-top: 1rem;
padding-bottom: 0.5rem;
}
.entry-content h4 {
color:#858585!important;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.entry-header {
margin-bottom: 0;}

.blue h1.entry-title, .woodblock h1.entry-title {
font-family:'lato',sans-serif!important;
font-weight: 300;
color:#FFFFFF!important;
background-color:#C19400;
padding: 0.25rem;
text-transform: uppercase;
text-align: center;
letter-spacing:0.25rem;
font-size: 2rem!important;
margin-bottom: 0; 

 }
.europe h1.entry-title{
background-color:#828ddd!important; 
color:#FFFFFF!important; 
text-transform: uppercase;
text-align: center;
letter-spacing:0.25rem;
font-size: 2rem!important;
margin-bottom: 0;  
 }
h1.entry-title{
font-family:'lato',sans-serif!important;
font-weight: 300;
color:#e66600!important;
padding: 0.25rem;
text-transform: uppercase;
letter-spacing:0.25rem;
font-size: 2rem!important;
margin-bottom: 0; 
}
/* yoga in europe entry title*/
.post-188 h1.entry-title{
background-color:#828ddd;
}

.woodblock .entry-content, .blue .entry-content, .europe .entry-content{
background-color:#ffffff;
}
.woodblock .entry-content, .blue .entry-content, .europe .entry-content{
padding-left:0.75rem!important;
padding-right:0.75rem!important;
}

.content_wrap .row .woodblock{
margin:0rem!important;
padding:0rem!important;
}

@media only screen and (min-width: 40.063em)  {
.woodblock .entry-content, .blue .entry-content,.europe .entry-content, .custom_wrap, .about{
padding-left:3rem!important;
padding-right:3rem!important;}
.page-id-145 .entry-content, .page-id-145 .custom_wrap, .post-185 .entry-content, .post-185 .custom_wrap, .page-id-456 .entry-content, .page-id-456 .custom_wrap{
padding-left:1rem!important;
padding-right:1rem!important;}
}
@media only screen and (min-width: 50.063em)  {
.woodblock .entry-content, .blue .entry-content, .europe .entry-content, .custom_wrap, .about{
padding-left:5rem!important;
padding-right: 5rem!important;}

.page-id-145 .entry-content, .page-id-145 .custom_wrap, .post-185 .entry-content, .post-185 .custom_wrap, .page-id-456 .entry-content, .page-id-456 .custom_wrap{
padding-left:2rem!important;
padding-right:2rem!important;}
}

#content{margin-bottom: 2rem;}

.entry-content p, .about p{
line-height: 1.25;
}
/* blockquotes*/
.entry-content blockquote, .comment-content blockquote {
font-style: normal;
margin-bottom: 0.5rem;
padding:0.5rem;
}
 blockquote, blockquote p {
background-color:#828ddd;
font-family: 'EB Garamond', serif!important;
font-weight:400;
font-style:italic;
color:#ffffff!important;
font-size:1.65rem!important;
line-height:1.75rem!important;
border:0;
}
/* first para style*/
.first-para{
font-family: 'EB Garamond', serif!important;
font-weight:400;
font-style:italic;
font-size:1.25rem;
line-height:1.65rem!important;
}
/* buttons on teacher page*/
 #content .button a {
    color: #ffffff!important;
}






/* images*/

/*image gallery*/

.gallery-item a, .gallery-caption {
    width: 100%;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 100%;
	border:0;
}
.gallery-columns-1 .gallery-icon img {
	padding: 0%;
}

/*puts image captions in a coloured box with white text*/
.figcaption, .wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
background-color:#C19400;
color:#FFFFFF;
font-size: 16px;
font-style: normal;
padding-left:5px;
line-height: 2rem;
}
figcaption, .wp-caption {
padding-top: 0px;
padding-right: 6px
}
.copyright{
padding: 0;
margin-top: 0;
font-size: 10px;
text-align: right;
}

.page-id-772 img.aligncenter {
    margin-bottom: 0;
}
/*removes bottom margin from large images at top of page*/
img.alignnone {
    margin-bottom: 0rem;
}
.page-id-185 img.alignnone{
margin-bottom: 1rem;
}
img.aligncenter {
margin-bottom: ;
margin-top: 0px;
}
.wp-caption.alignleft {
   margin-bottom: 6px;
    margin-left: 0;
    margin-right: 1.5rem;
    margin-top: 0px;
}
 .wp-caption.alignright {
    margin-bottom: 6px;
    margin-left: 1.5rem;
    margin-right: 0;
    margin-top: 0px;
	}

.entry-content ul{
margin-left: 1rem;
}
/*news page*/
.entry-meta-header, .entry-meta-categories {
padding-top: 1rem;
}
#secondary a {
color: #F7A600!important;
 }
 
 /*removes the author of the post?*/
span.byline{
display: none;
}
/*faq page - add padding top and bottom of list*/
.hrf-faq-list{
padding-top:1rem;
padding-bottom:1rem;
}
.page-id-194 h2.hrf-title {
font-family:'Lato',sans-serif!important;
font-weight: 300;
letter-spacing: 1px;
font-size: 1rem;
text-transform: uppercase;
color:#000000!important;
margin:0rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
/*schedule page*/

.content_container hr {
border-color: #ff6600 !important;
margin-top:10px!important;
}


/*footer and footer widgets*/
.ideology{
text-align:center;
}
.footer_wrap, #secondary-sidebar{
background-color:#a6cf29!important;
}
footer[role="contentinfo"] {
    border:0;
    }
ul.footer{
font-family:  ;
font-size:  ;
text-decoration: none;
}
.widget-area .widget p, .widget-area .widget li, .widget-area .widget h3 {
    font-size: 0.875rem;
    line-height: 1.84615;
}
.widget-area .textwidget ul {
 list-style-type: none;
}
.widget-area .textwidget ul li{
 margin-bottom: 1.5rem;
   }
.widget-area .textwidget li {
    margin-left: 0px!important;
}
ul #social li  {
display: inline;
position: relative;
float: left;
}
ul #social li a  {
display: inline-block;
text-decoration: none;
float: left;
}	
ul #social{
margin: 0px;
padding: 0px;
}
.widget-area .widget {
    -moz-hyphens: auto;
    margin-bottom: 1.5rem;
}

#backtotop {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #444;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 3.125rem;
    border-bottom-right-radius: 3.125rem;
    border-top-left-radius: 3.125rem;
    border-top-right-radius: 3.125rem;
    bottom: 1rem;
    color: #f9f9f9;
    cursor: pointer;
    display: none;
    font-size: 0.6875rem;
    height: 3.125rem;
    line-height: 3.125rem;
    position: fixed;
    right: 1rem;
    text-align: center;
    text-transform: uppercase;
    width: 3.125rem;
    z-index: 99999;
}


/* Child Theme Media Queries - Use the following media queries to adjust the appearance of your theme on different devices */
@media only screen and (max-width: 40em) { /* max-width 640px, mobile-only styles, use when QAing mobile issues */
/*not quite sure what this does.  It is aimed at the schedule and costs page but removing it doesn't seem to make much difference...*/ 
/*.post-185.entry-content, .post-185.custom_wrap{
padding-left:7rem!important;
padding-right:7rem!important;
}*/
		.top-bar .toggle-topbar.menu-icon a {
 color: #fff;
 height: 34px;
 line-height: 33px;
 padding: 0 2.5rem 0 0.9375rem;
 position: relative;
}
}   
@media only screen and (min-width: 35.063em) and (max-width: 50em) { /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
.post-145 h2, .read-more{
padding: 0.50rem;
letter-spacing:2px;
font-size: 14px;
}
	.top-bar .toggle-topbar.menu-icon a {
 color: #fff;
 height: 34px;
 line-height: 33px;
 padding: 0 2.5rem 0 0.9375rem;
 position: relative;
}
}
@media only screen and (min-width: 64.em) and (max-width: 70em) { /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
.top-bar-section ul {
font-size: 10px;
    }
    }
@media only screen and (min-width: 90.063em) and (max-width: 120em) { /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
    }
@media only screen and (min-width: 120.063em) { /* min-width 1921px, xlarge screens */
    }