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

/* Set burger menu breakpoint at 1230px and below */
@media only screen and (max-width: 1230px) {
    .responsive #top #header .av-main-nav > li.menu-item:not(.menu-item-avia-special) {
        display: none !important;
    }
    .responsive #top #header .av-main-nav > li.menu-item-avia-special,
    .responsive #top .av-burger-menu-main {
        display: block !important;
        cursor: pointer;
    }
    /* Ensure search item shows if present */
    #top #header #menu-item-search.menu-item {
        display: block !important;
    }
    
}

/* Optional: Adjust for tablet range (989px-1230px) if needed for finer control */
@media only screen and (min-width: 989px) and (max-width: 1230px) {
    .html_mobile_menu_tablet .av-main-nav > li.menu-item:not(.menu-item-avia-special) {
        display: none !important;
    }
    .html_mobile_menu_tablet .av-burger-menu-main {
        display: block !important;
    }
}

.av-main-nav > li > a {padding: 0 0px !important;}
#top .av-menu-button > a .avia-menu-text { border: 8px solid #e8f0e7 !important;}


#header_main .container { max-width: 100% !important; }







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

/* 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>
 */
.csem-hero {
  font-size: var(--fs-xl);
  text-shadow: var(--fw-bolder);
  text-transform: uppercase;
  font-family: var(--ff-body);
  line-height: 1em;
  margin-bottom: 20px;
  margin-top: 0px;
  font-weight: bolder;
}

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


.gray-bg {background-color:#efefef; padding:20px; box-shadow: 0px 3px 0px #0000001f;}
.radius-10{border-radius:10px;}

.csem-social-icons .avia-button.avia-size-small{font-size: 20px; color: #9c85a0 !important; background-color: #ffffff00 !important; border: none;}

#socket .container { text-align: center !important;}
#socket .copyright { float: none !important; }
#top .social_bookmarks li{color: #9c85a0 !important;}
#top .social_bookmarks li.avia-svg-icon svg:first-child{margin-top: 2px !important; }

#header_main > div > div > nav > ul > li.social_bookmarks_facebook.av-social-link-facebook.social_icon_1.avia_social_iconfont > a::before,
#header_main > div > div > nav > ul > li.social_bookmarks_linkedin.av-social-link-linkedin.social_icon_3.avia_social_iconfont > a::before,
#header_main > div > div > nav > ul > li.social_bookmarks_youtube.av-social-link-youtube.social_icon_4.avia_social_iconfont > aa::before{font-size:25px !important;}
#top .social_bookmarks li.avia-svg-icon svg:first-child{height: 1.4em !important;}
.social_bookmarks li{margin-right: 10px !important;}

#avia-menu > li:first-child .avia-menu-text {
    border-radius: 10px 10px !important;
}

/* Last REAL menu item (before the burger) → last .avia-menu-text */
#avia-menu > li:nth-last-child(2) .avia-menu-text {
    border-radius: 10px 10px !important;
}

.csem-badge p{ display: flex ; gap: 10px; flex-direction: row; justify-content: space-between; }



.csem-badge a:hover{ transform: scale(1.1); transition: transform .5s ease;/* Increase size by 20% on hover */ }
#gform_submit_button_4 {background-color: #e8f0e7 !important;
    color: #3b3b3b !important;
    border: solid 1px #3b3b3b !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;}

.csem-podcast-sub.gform_wrapper.gravity-theme .gform_fields {align-items: start; }
#gform_fields_4 #field_submit input{align-self: auto !important;} #gform_fields_4 #field_submit{flex-direction: column !important; align-items: flex-start !important;}



.av-social-link-facebook:hover a, .social_bookmarks li:hover a, .av-social-link-instagram:hover a svg:first-child{background-color: #E8F0E7 !important; color:#9c85a0 !important; fill:#9c85a0 !important;}

.av-social-link-facebook a, .social_bookmarks li a, .av-social-link-instagram a svg:first-child{color:#9c85a0 !important; fill:#9c85a0 !important;}
.avia-menu.av_menu_icon_beside {border-right-width: 0px !important;}

.special_amp {
    font-family: none !important;
    font-style: normal;
	font-size: 1em;}

.csem-hm-shared{}
.gform_validation_errors h2 {font-size: 18px !important;}

@media only screen and (max-width: 830px) and (min-width: 762px) {
	h2 { font-size: 45px !important; }
	.csem-hm-header-text{ margin-top: -129px !important; margin-bottom: 121px !important; }
	.csem-hero-container-padding {padding-top: 20px !important; padding-bottom: 20px !important;}
		
	.csem-four-and-half .sc-av_one_fourth{display:flex !important; flex-direction: row; flex-wrap: wrap;}
	.csem-four-and-half .sc-av_one_fourth .flex_column{width: 47% !important;}
	.csem-four-and-half .flex_column_table .av-flex-placeholder:nth-of-type(2), .csem-four-and-half .flex_column_table .av-flex-placeholder:nth-of-type(6) { width: 6% !important; }
	.csem-four-and-half .flex_column_table .av-flex-placeholder:nth-of-type(4) { width: 0% !important; }
	
	.csem-three-and-full .sc-av_one_third{display:flex !important; flex-direction: row; flex-wrap: wrap;}
	.csem-three-and-full .sc-av_one_third .flex_column{width: 100% !important;}
	.csem-w-100 {width: 100% !important; margin-left: 0px !important;}
	
	.csem-two-and-full-rev .sc-av_one_half{display: flex !important; flex-direction: column-reverse; flex-wrap: nowrap; align-items: center;}
	.csem-two-and-full-rev .sc-av_one_half .flex_column{width: 100% !important; margin-left: 0px !important;}
	.csem-two-and-full-rev .sc-av_one_half .flex_column img{margin-bottom:10px;}
	.csem-body-container-padding {padding-top: 50px !important; padding-bottom: 50px !important;}
	
}

@media only screen and (max-width: 761px) {
	.csem-body-container-padding {padding-top: 20px !important; padding-bottom: 20px !important;}
	.csem-hero-container-padding {padding-top: 0px !important; padding-bottom: 0px !important;}
	.csem-hero-container-padding .content{ padding-top: 5px !important; padding-bottom: 5px !important; }
	.csem-badge p {flex-direction: column !important;}
	.csem-bullet div{ text-align:left !important;}
	h3 {font-size: 30px !important;}
	h2 { font-size: 43px !important; }
	.csem-rev .flex_column_table:nth-of-type(2), .csem-rev .flex_column_table:nth-of-type(4){display:flex !important; flex-direction: column-reverse;}
	#header.header_color .av-menu-button-colored > a .avia-menu-text{background-color: #ffffff !important;}
	#top .av-menu-button > a .avia-menu-text { border: 8px solid #ffffff !important }
	li {list-style-position: inside !important;}
	
}

/* Reset everything – no surprises */
.video-bg,
.video-bg video {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
}

/* Responsive wrapper */
.video-bg {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-bottom: 56.25%; /* 16:9 – change if needed */
  height: 0;
  overflow: hidden;
  background: #000; /* fallback color */
}

/* Full-bleed video */
.video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover; /* or 'contain' */
}

/* Reset everything – no surprises */
.video-bg,
.video-bg video {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
}

/* Responsive wrapper */
.video-bg {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-bottom: 56.25%; /* 16:9 – change if needed */
  height: 0;
  overflow: hidden;
  background: #000; /* fallback color */
}

/* Full-bleed video */
.video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover; /* or 'contain' */
}

/* Mobile-specific fix – force full width */
@media (max-width: 768px) {
  .video-bg {
    padding-bottom: 75%; /* adjust for your video’s real ratio if not 16:9 */
  }
  .video-bg video {
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}