/*
Theme Name: Esotera Plus Child
Theme URI: http://www.cryoutcreations.eu/
Description: Esotera Plus base child theme - use for your theme customizations
Author: Cryout Creations
Author URI: http://www.cryoutcreations.eu
Version: 0.5
Template: esotera-plus
*/
/* place your custom css and customizations below */



/*----- CSS vars ----- */
:root {
	/* Color vars */
  --coipiTealDark: #4C8B98;
  --coipiTealLight: #B5D4DB;
  --coipiMaroon: #740018;
  --coipiOrange: #F77720;
  --coipiBlueDark: #274C96;
  --coipiBlueLight: #66C7EF;
  --coipiYellow: #FAE810;
  --coipiPurple: #6C47BA;
  --coipiGreen: #528B43;
  --coipiPink: #D5008F;

} /* ----- /CSS vars ----- */


/* Blog disabling overlay over featured images */

.post-thumbnail-container .featured-image-overlay::before {
  background:unset;
}


.post-thumbnail-container .featured-image-overlay::after {
  background-color: unset;
  background: unset;
}


/* ----- Getting styling for posts and category pages to behave */



/* Remove featured image on post, but keep it on category page. */
.single-post .has-post-thumbnail .post-thumbnail-container {
  width: 0px!important;
  height: 0px!important;
  visibility: hidden;
}
















/* Home when using landing page */

/* Slider text */
.lp-staticslider .staticslider-caption-title {
  margin-bottom: 0px;
  font-size: 3.0em;
  font-weight: 300;
  letter-spacing: unset;
}


/* Get landing page images to not stretch */
.lp-box .lp-box-image > img {
  width: auto;
  height: 100%;
  margin: 0px auto;
  background-color: #ff7610;
}

/* Changing the overlay color on landing page posts. */
.lp-boxes-static.lp-boxes-static2 .lp-box-image .box-overlay {
  opacity: 0.0;
  background: rgba(0,0,0,0);
  background-color: rgba(0,0,0,0);
}

.lp-boxes-static .lp-box-imagelink {
  background-color: rgba(0,0,0,0);
}

.lp-box-image {
  background-color: #3e848c;
}

/* Get feature boxes to line up at bottom with same bg color. */
.lp-boxes-outside {
  background-color: #ffffff;
}



/* Static home page, not using landing page */
/* NOTE: page-id-nnn will need to be updated once this page is made the active home page. */
.page-id-619 h2 {
  font-family: 'Catamaran';
  color: #808080;
  font-weight: 200;
  font-size: 2.7rem;
}


.imageColumns h4{
  color: var(--coipiPink);
}

.narrowSeparator{
  color: red;
  width: 76px;
  height: 4px;
  border-radius: 30px;
  background-color: #f2620f;
  background: -webkit-linear-gradient(to right,#f2620f,#db118d);
  background: linear-gradient(to right,#f2620f,#db118d);
}



.slidingWindowGroup{
  border: 1px solid red;
  overflow: hidden;
}

.slidingWindowGroup img{
  float: left;
}

.ourVisionSection{
  background-color: #F2EFEC;
}



/* Set header image BG color */
#header-image-main, #header-image-main-inside {
  background-color: var(--coipiTealDark);
  
}













/* About Us */


/* Team area of About Us page */

.teamColumns h2, .teamColumns h3{
  margin: 0px;
  padding: 0px;
  text-align: center;
}

.teamColumns h2 {
  font-size: 1.2rem;
}

.teamColumns h3 {
  font-size: 1.1rem;
}


.teamColumns img {
  filter: grayscale(1);
}

.teamColumns img:hover{
  filter: grayscale(0);
}







/* Our Team  page */
.imageTexter-left {
  display: flex;
  background-color: #eef7f9;
  padding: 20px;
  width: 80%;
  margin: 0px auto 2vw auto;
}

.imageTexter-left h2, .imageTexter-left h3{
  clear: unset;
  margin: 0px;
  padding: 0px;
}




/* Embedded audio player */
.audioPlayer{
  width: 100%;
  max-width: 600px;
}



/* What We Do page */

/* Giving some space between media-text blocks */
.wp-block-media-text {
  margin-bottom: 3vw;
}




/* Donate */

.paypalForm {
  margin: 20px 0px 40px 0px;
}

.donateButton {
  cursor: pointer;
}











/* Footer */

.footerButton{
  cursor: pointer;
  margin-top: 20px;
}

/* #colophon a, #footer a {
  -webkit-transition: color .2s;
  transition: color .2s;
}
*/

#colophon a, #footer a{
  transition: unset;
  -webkit-transition: unset;
  color: #65C7EE;
}



#site-copyright {
  float: none;
  max-width: unset;
  text-align: center;
}



/* BHH Studio link */
.poweredBy{
  text-underline-offset: .15em;
  color: #65C7EE;
}

.poweredBy a:link, .poweredBy a:visited {
  color: #fff!important;
  text-decoration: underline!important;
}

.poweredBy a:hover{
  text-decoration: none!important;
}