/*
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 break point for burger menu -----*/
@media only screen and (max-width: 1353px) {
	.av-main-nav > li.menu-item-avia-special {
    	display: block;
	}
	.av-main-nav > li {
    	display: none;
	}
}


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

h2{
	font-size:var(--fs-h2);
}


#header_meta .container {
    min-height: 50px !important;
	max-width: none !important;
}

#header_meta .responsive .container{
	max-width: none !important;
}

#header_main {
    z-index: 10 !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;
}

#csem-top-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
	margin-top:10px;
  /*width: max-content;
	
	position: absolute;
    top: 50%;
    left: 80%;
    transform: translate(47%, -50%);
	*/
}


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

/* 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: none;
  font-family: 'montserrat', Helvetica, Arial, sans-serif;
  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-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;
}


.logo {
    top: -25%;
}






.csem-partial-border {
	min-height:200px;
  position: relative;
  width: fit-content;
  padding: 20px;
  background: white;
	border-top: 2px solid #00AEEF;
    border-bottom: 2px solid #00AEEF;
	min-height: 200px !important;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Top and bottom borders */
.csem-partial-border::before,
.csem-partial-border::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: #00AEEF;
}

.csem-partial-border::before {
  top: 0;
}

.csem-partial-border::after {
  bottom: 0;
}

/* Left and right borders with gaps */
.csem-partial-border {
  border-left: 2px solid #00AEEF;
  border-right: 2px solid #00AEEF;
  /* Create the gap by using a transparent section in the middle */
  border-image: linear-gradient(to bottom, #00AEEF 25%, transparent 25%, transparent 75%, #00AEEF 75%) 1;
}

.wwd-numbers{font-size:30px !important; color:#fdd300 !important; font-weight:bold !important; margin-bottom: 0px !important; margin-top: 0px !important;}
.csem-partial-border h3{margin-top: 0px !important;}

.claim-type img{max-width: 166px;}

#header_meta .social_bookmarks{margin-top: 7px !important;}


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

.hd-sponsors-container {
    overflow: hidden; /* Hide overflow on the container */
    width: 100%; /* or set a specific width if needed */
}

.hd-sponsors {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; /* Prevent wrapping */
    overflow-x: hidden; /* Hide horizontal overflow, we control it with JS */
    align-items: center;
    white-space: nowrap; /* Ensure all items are in one line */
}

.hd-sponsors a {
    flex: 0 0 auto; /* Prevent anchors from stretching */
}

.hd-sponsors img {
    width: 200px;
    margin: 10px 30px;
    transition: transform 0.2s; /* Smooth zoom effect */
}

.hd-sponsors .image-overlay-inside {
	display: none;
	}
	
.hd-sponsors .image-overlay {
		background: none;
	}



@media only screen and (max-width: 762px) {
    .csem-footer-section {
        text-align: left !important;
    }
	.csem-footer-section div {
        text-align: left !important;
    }
}

.avia-testimonial-meta{margin-left: 0px;}

@media only screen and (max-width: 762px) {
.csem-inner-header{min-height:50px !important;}
	.csem-inner-header .flex_column {margin-bottom:0px !important;}
}

.avia-testimonial-name{color:#040075 !important;}