/*
Theme Name: Child Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/

/* --------- Common Header Settings -------------*/

/* Force Enfold to think it's mobile at 935px */
@media only screen and (max-width: 935px) {
    /* Add mobile classes that Enfold looks for */
    body:before {
        content: "";
        display: none;
    }
    
    /* Force mobile menu visibility */
    .responsive #top #header .av-main-nav > li.menu-item-avia-special {
        display: block !important;
        position: relative !important;
    }
    
    /* Hide desktop menu */
    .responsive #top #header .av-main-nav > li:not(.menu-item-avia-special) {
        display: none !important;
    }
    
    /* Ensure burger menu is visible */
    #top #header .av-burger-menu-main {
        display: block !important;
    }
}


/* Set logo and menu area to full width 
#header #header_main .container {
    width: 100%;
    max-width: none;
}
*/

/* Set top bar area to full width
#header_meta .container{
	width: 100%; 
	max-width: none;
}
*/

/* Adjust top bar menu setting 
#header_meta .sub_menu {
	font-size:18px;
}
*/

/* Adjust top bar container 
#header_meta {
	padding: 6px 0px; 
}
*/

/* Adjust settings for top bar text */
.phone-info {
  font-size: 18px !important;
	    width: 100% !important;
    text-align: center !important;
}

/* Social media icons */
/*.social_bookmarks_facebook a{
 * color:#f0b51c !important;
 * }

.social_bookmarks_instagram svg path {
  fill: #fff; 
}
*/

/*Adjust vertical alignment of logo when set to sticky header 
div .logo {top: 20px; }

.header-scrolled div .logo {top: 0px; }
*/

/*
.html_header_transparency #top .avia-builder-el-0 .container{padding-top: 0px !important;}
*/

/* |---------- Common Custom CSS ---------------| */

/*
 * Use for large none heading fonts. Usually in header
 * Add the class "csem-hero" to a paragraph text
 * Or use: <p class="csem-hero">Text</p>
 */

h2 {font-size: var(--fs-h2) !important; font-weight:400 !important;}
h3 {font-size: var(--fs-h3) !important;}




.csem-hero {
  font-size: clamp(1em, 17vh, 3rem);
  font-family: 'cormorant garamond', Helvetica, Arial, sans-serif;
  line-height: 1em;
  margin-bottom: 20px;
  margin-top: 0px;
  color:#765464;
	
}

.csem-fs-lg {
  font-size: var(--fs-lg);
  margin: 0px;
  line-height: 1em;
  display: inline-block;
}
.csem-fs-lg p {
  overflow: hidden;
  white-space: nowrap;
  margin: 0px;
  padding-bottom: 3px;
  animation: typing 2s steps(35), blinking 0.5s steps(1) infinite;
  animation-delay: 1s;
  animation-fill-mode: backwards;
}

/*
 * Enfold Social icons
 * Applies styles for footer icons in functions.php
 * Ues: Place widget anywhere you'd like social icons set in Enfold to be displayed
 */

#top .socialbookmarks-widget .social_bookmarks {
  float: left;
  margin: 15px 0 0;
  position: relative;
}

#top .socialbookmarks-widget .social_bookmarks li {
  float: left;
  clear: right !important;
}

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

#csem-top-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: max-content;
}
#csem-top-bar div {
  margin-right: 10px;
}
@media only screen and (max-width: 762px) {
  #csem-top-bar {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: max-content;
  }
}

#csem-footer-icons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: max-content;
  margin: auto;
  font-size: 18px;
  color: #444;
}
#csem-footer-icons div {
  margin-right: 5px;
}
#csem-footer-icons a {
  color: #444;
}

/* Gravity Forms input and placeholder color settings */
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  color: #000 !important;
}
body .gform_wrapper ::placeholder,
body .gform_wrapper ::-webkit-input-placeholder,
body .gform_wrapper input[placeholder],
body .gform_wrapper select {
  color: #717171 !important;
  opacity: 1;
}

.gfield_label{color:#765464 !important;}
.ginput_container span {color:#765464 !important;}
.av-icon-char {line-height: 29px !important;}

.csem-col-wrapper .entry-content-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.csem-testimonial-slider .avia-slide-wrap{padding-top: 55px;}
.csem-testimonial-slide{display:flex; align-items: center;}
.csem-testimonial-slide p{color:#000 !important;}

.csem-testimonial-slide-first, .csem-testimonial-slide-second{width:50%; color:#000 !important;}
.csem-testimonial-slide-second{}

.csem-testimonial-slider .avia-caption .avia-caption-content p {
    background: rgb(255 255 255 / 50%);
}


/* Slider styles */
.custom-slider {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  overflow: visible;
}

.slides {
  display: flex;
  transition: transform 0.5s ease;
}

.slide {
  min-width: 100%;
  display: none;
}

.slide.active {
  display: block;
}

.slide-content {
  display: flex;
  align-items: center; /* Vertical alignment */
  justify-content: space-between;
  padding: 5px;
}

.csem-test-slide{
 display: flex;
  align-items: center; /* Vertical alignment */
  justify-content: space-between;
	padding: 20px;}




.text-content {
  flex: 1;
  padding-right: 20px;
}

.image-content {
  flex: 1;
}

.image-content img {
  max-width: 100%;
  height: auto;
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgb(0 0 0 / 0%);
    color: #bcbcbc;
  border: none;
  font-size: 24px;
  padding: 10px 15px;
  cursor: pointer;
  z-index: 10;
}

.prev {
  left: -50px;
}

.next {
  right: -50px;
}

.prev:hover, .next:hover {
  background: rgba(0, 0, 0, 0);
}


.slide-image {max-height: 190px !important;}
.page-id-1055 .slide-image {max-height: 250px !important;}

/* Wellness Sidebar Styling */
.wellness-sidebar {
    background-color: #f8f9fa; /* Light neutral background */
    padding: 7px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    max-width: 300px; /* Adjust as needed */
}

.sidebar-title {
    font-size: 1.5em;
    color: #2c3e50; /* Dark blue for contrast */
    margin-bottom: 0px;
    margin-left: 5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.testimonial-quote {font-size: 22px; color: #765464; margin-bottom: 10px; text-align:center;}
.testimonial-list {color: #765464; text-align:center;}

.category-menu {
    list-style: none;
    padding: 0;
    margin: 0;
	margin-top: 20px !important;
}

.category-menu li {
    margin-bottom: 10px;
}

.category-menu a {
    display: block;
    padding: 10px 15px;
    color: #34495e; /* Dark grayish-blue */
    text-decoration: none;
    font-size: 1.1em;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 5px;
}

.category-menu a:hover {
    background-color: #d5dbca; /* Light green for hover */
    color: #765464; /* Darker green */
}

.category-menu a.active {
    background-color: #bcd2d2; /* Wellness green for active state */
    color: #ffffff; /* White text for contrast */
    font-weight: 200;
}

/* Responsive Design */
@media (max-width: 768px) {
    .wellness-sidebar {
        max-width: 100%;
        margin: 0 auto 20px;
    }

    .category-menu a {
        font-size: 1em;
        padding: 8px 12px;
    }
}

.sidebar_left.sidebar {
    text-align: left !important;
}


.entry-content-header h3{font-size:26px !important;}

.slide-entry-excerpt, .slide-meta-time, .entry-content-header .blog-categories{display:none !important;}

.category-term-description p{font-size: clamp(30px, 3vw, 50px); text-align: center; color: #765464; font-family: 'cormorant garamond', Helvetica, Arial, sans-serif;} 
.category-term-description {background-color:#cedfdf; padding: 1px 0px;}

p {letter-spacing: 1px !important;}

.csem-col-top-marg{margin-top:5px !important;}

.csem-icon-tb img{height: 120px;
    width: auto;}


.csem-le-ep{}
.csem-le-ep-img{margin-bottom: 0px !important;}
.csem-le-ep-text{
	display: flex;
	flex-direction: column;
    justify-content: space-between;
	    background-color: #765464;
    color: #fff;
    padding: 20px 40px;
	font-size: 22px; height: 260px;
}

@media (max-width: 1243px) {
  .csem-le-ep-text {
    height: 300px;
}
}

@media (max-width: 1127px) {
  .csem-le-ep-text {
    height: 340px;
}
}

@media (max-width: 869px) {
  .csem-le-ep-text {
    height: 380px;
}
}

@media (max-width: 767px) {
  .csem-le-ep-text {
    height: 325px;
}
}


.csem-prioritize{padding: 85px 165px 85px 360px;}

.csem-ico-sect{
	display:flex;
	justify-content: space-evenly;
    flex-direction: row;
}

.csem-ico-sect img{
	max-height:170px !important;
	width:auto;
}

/*.csem-le-ep-text a{
	color: #ffffff;
    bottom: 75px;
    position: absolute;
    translate: -50% 100%;
}
*/

#field_submit input{background-color: #e6dde1 !important; color:#765464 !important; font-size: 18px;}
input[type="submit"], #submit, .button {
	padding: 12px 22px;}


.csem-rm{display:none;}

.social_bookmarks a{color:#b4cdcd !important;}
.header_color .social_bookmarks .avia-svg-icon a svg:first-child{fill:#b4cdcd !important;}

#header_main {
	border-bottom-width: 0px !important;}

.avia-menu.av_menu_icon_beside{border-right-width: 0px !important;}

.main_color input[type='submit']{background-color: #765464 !important; border-color:#765464 !important;}

.csem-foot-link a:hover, .csem-foot-link strong:hover{color:#b4cdcd !important;}
.phone-info a:hover, .phone-info strong:hover{color:#b4cdcd !important;}

.image-overlay .image-overlay-inside {display: none !important;}


#top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-youtube:hover a, #top #wrap_all .av-social-link-mail:hover a{
	background-color:#e6dde1 !important;
}

.avia-content-slider .slide-entry-wrap {margin-bottom: 0px !important; }



.avia-menu-text:hover {border-bottom: solid 3px #cedfdf;
	padding-bottom: 20px;}

.current_page_item a > span.avia-menu-text {border-bottom: solid 3px #765464 !important;
	padding-bottom: 20px !important;}

.avia-menu-fx{visibility: hidden !important;}

@media (max-width: 1500px) {
  .csem-prioritize {
    padding: 85px 165px 85px 175px;
}
}

@media (max-width: 1100px) {
  .csem-prioritize {
    padding: 50px;
}
}


@media (max-width: 900px) {
  .csem-test-slide {
    flex-direction: column;
  }
	
	li{list-style: none;}
	.csem-prioritize {
    padding: 30px;
}
	
	.csem-ico-sect {
    
    flex-wrap: wrap;
    flex-direction: row;
}
	
	.page-id-798 p{text-align:left;}
	
}


@media (max-width: 800px) {
  .csem-pkg .entry-content-wrapper li{
   margin-left: 0em;
   padding: 0px 0;
}
	
	.csem-pkg ul, .csem-pkg li {margin-left: 0px;}
	.csem-pkg-text {
    padding-left: 0px;
}
}