/*
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: 1190px) {
	.av-main-nav > li.menu-item-avia-special {
    	display: block !important;
	}
	.av-main-nav > li {
    	display: none !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: 95% !important;
    float: left !important;
}

.phone-info > :first-child{width: 100% !important;}

h2 {font-size: clamp(calc(var(--fs-body) + 1rem), 4vw, calc(var(--fs-body) + 1.6rem)) !important; font-weight: 400 !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 h1{
  font-size: var(--fs-xl);
  
  line-height: 1em;
  margin-bottom: 20px;
  margin-top: 0px;
  font-weight: 400;
	color:#fff !important;
}

.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: space-between;
    align-items: center;
    width: 100%;
    color: #031d2e !important;
}
#csem-top-bar a{color: #031d2e !important; }


#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;
}
input[type='submit'] {background-color:#1a77b1 !important; border-radius:5px !important; text-transform: uppercase !important; font-weight: 900 !important; letter-spacing: 1px !important;}
#field_1_1{margin-bottom: 0px !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 img, .logo svg {
	padding: 30px;}


.csem-num-icon{font-size:75px !important;}

.braces {
  color: #bfddf0; /* Or any color you choose */
	font-family: 'merriweather', Helvetica, Arial, sans-serif;
}

.number {
  color: #031d2e; font-family: 'asul', Helvetica, Arial, sans-serif !important;
}


.csem-cust-ico img{padding: 0 60px;}


.csem-foot-ico {    display: flex;    justify-content: center;}
.csem-foot-ico a {    color: #fff;}
.csem-foot-ico a:hover {    color: #BFDDF0 !important;}
.csem-foot-ico .address_and_icon{width: 345px;}


.csem-foot-ico .icon-location, .csem-foot-ico .icon-phone, .csem-foot-ico .icon-mail{color: #bfddf0;}

.csem-socket{display:felx;}

#socket .copyright {
    
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

.csem-foot-ico div{margin-right:10px;}

#header_meta a{ color: #031d2e !important;}

.social_bookmarks_facebook:hover {color:#fff !important;}

.csem-svc-head{}
.special_amp{font-family: 'merriweather', Helvetica, Arial, sans-serif; color:#031d2e !important; font-size:25px !important; font-style: normal !important;}

.csem-ctc-ico{width: 340px;}

.csem-ctc-ico a {color:#031d2e !important; }
.csem-ctc-ico a:hover {color:#1a77b1 !important; }
.csem-ctc-ico div{margin-bottom:10px;}


.csem-ctc-ico-name{display:flex;}
.csem-ctc-ico-name a {color:#031d2e !important; }
.csem-ctc-ico-name a:hover {color:#1a77b1 !important; }

.csem-ctc-ico-name .csem_phone_number_with_icon{margin-right:20px;}


.svc-imgs div div img{box-shadow:0px 0px 10px #00000047 !important;}
.image-overlay-inside { display: none;}
.avia_transform a:hover .image-overlay { opacity: 0 !important; }
.csem-show-m-section {display:none !important;}



@media only screen and (max-width: 762px) {
	.csem-hide-section {margin-bottom:20px !important;}
	.csem-foot-ico .address_and_icon {text-align: center !important;}
	.csem-foot-ico {align-items: center;}
	#csem-top-bar { display: flex !important; width: fit-content !important; flex-direction: column; align-items: center; }
	.logo img, .logo svg { padding: 5px;}
	.csem-hero h1{font-size: 54px !important; line-height: 68px !important;}
	.csem-hm-head .content{padding-top:10px !important; padding-bottom:10px !important;}
	.csem-hm-head .container { height: 556px !important; }
}

@media only screen and (min-width: 763px) and (max-width: 1181px) {
  .csem-cust-ico img { padding: 0 225px; }
	.csem-hide-section{display:none !important;}
	.csem-show-m-section {display:block !important;}
	#csem-top-bar { display: flex !important ; width: 100% !important; flex-direction: column; align-items: center; }
	.logo img, .logo svg { padding: 5px;}
	.social_bookmarks {display: none !important;}
}

@media only screen and (max-width: 1024px) {
    .responsive #top .container .av-content-small,
    .responsive #top #wrap_all .flex_column,
    .responsive #top #wrap_all .av-flex-cells .no_margin {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
}

@media only screen and (max-width: 1360px) {
	
	.csem-foot-ico {flex-direction: column; }
	.csem_email_icon_only{width:25px !important;}
	.csem-foot-ico a {width: 22px;}
.csem_phone_number_with_icon{width: 161px;} .csem-ctc-foot{display: flex ; gap: 0px;}
	.footer-truck{display:none !important;}
	h1 {margin-bottom: 0px !important; margin-top: 10px !important;}
	
.soc-icons{}
}

.gform_submission_error{ font-size: 20px !important; line-height: 27px !important; }