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

/* large screens with 1140px with */
@media only screen and (min-width: 1140px)  {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 989px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
		
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

}

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

.phone-info{font-size:18px !important;}
.html_header_transparency #top .avia-builder-el-0 .container{padding-top: 0px !important;}

/*
 * Color section padding 
 * Set color section padding to "no padding"
 * Add custom Classes to the developer tab in color sections
 * For Hero Headers: csem-hero-container-padding
 * For Solid/Smaller/Inner Page Headers: csem-inner-header
 * Body content color Section: csem-body-container-padding
 */

/* Hero Header */
.csem-hero-container-padding {padding-top: var(--pd-xl); padding-bottom: var(--pd-xl);}

.col-pad{padding:var(--pd-sm-hm-tb) var(--pd-sm-hm-lr);}

/* Inner Header */
.csem-inner-header {padding-top: clamp(10px, 15%, 25px) !important; padding-bottom: clamp(10px, 15%, 20px) !important;}
.csem-inner-header h1 {font-size: clamp(37px, 3vw, 60px);  text-transform:uppercase !important; font-family: var(--ff-body); color:#ffffff !important; font-weight: normal; text-align: center !important; margin-top:8px;}
.inner-header-txt{margin-bottom:0px !important;}
/*@media only screen and (max-width: 767px) {.csem-inner-header .responsive #top #wrap_all .flex_column {margin-bottom:0px !important;}}*/

/* Boddy Content */
.csem-body-container-padding {padding-top: var(--pd-lg) !important; padding-bottom: var(--pd-lg) !important;}
.csem-body-container-no-bottom-padding {padding-top: var(--pd-lg) !important; padding-bottom: 0px !important;}/* no padding in bottom*/

.csem-body-container-padding-coach{padding-top: var(--pd-lg) !important; padding-bottom: 0px !important;}

/*
 * Center text on mobile
 * Give the text block (under developer settings) the class "csem-center-text"
 * Or use: <p class="csem-center-text">Text</p>
 */

@media only screen and (max-width: 762px) {
    div {
        text-align: center !important;
    }
    .contact-links div {
        text-align: left !important;
    }
}

/*
 * 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>
 */
@keyframes scaleIn{
	0% {transform: scale(0.2);}
	85% {transform:scale(1.1);}
	100% {transform:scale(1);}
	} 

.csem-hero{font-size: var(--fs-h2); color: rgb(var(--fc-primary-dark));  font-family: var(--ff-hero); line-height: 1em; margin-bottom: 20px; margin-top: 0px; font-weight: 300; animation-name: scaleIn; animation-duration: 1s;}

.csem-hero-sm {font-size: var(--fs-h2-sm); color: rgb(var(--fc-primary-dark));  font-family: var(--ff-hero); line-height: 1em; margin-bottom: 20px; margin-top: 0px; font-weight: 300; animation-name: scaleIn; animation-duration: 1s;}

.head-csem-hero {font-size: var(--fs-hero); color: rgb(var(--fc-primary-dark));  font-family: var(--ff-hero); line-height: 1em; margin-bottom: 20px; margin-top: 0px; font-weight: 300; animation-name: scaleIn; animation-duration: 1s;}

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



.av-logo-container .social_bookmarks li a {color:#ed7b2a;}
.av-logo-container .social_bookmarks li:hover a {background-color:#ed7b2a !important;}

#socket .social_bookmarks li a {color:#ed7b2a; margin-right:20px !important;}
#socket .social_bookmarks li:hover a {background-color:#ed7b2a !important;}


/*
 * Adjust mobile menu break point
 * Enable to use custom break point
 * Set max width to desired break point
 */

@media only screen and (max-width: 986px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}}





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

#csem-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}
@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-top-bar {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: max-content;}
#csem-top-bar div {margin-right:10px;}

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

.hab-bg{background-color:rgb(var(--fc-primary-dark));}

.csem-alt-h2{font-family:var(--ff-body); font-size:18px; font-weight:bold; color:rgb(var(--fc-primary-dark)) !important; letter-spacing: 0.1em !important; text-transform:uppercase !important;}
.csem-alt-h3{font-family:var(--ff-body) !important; font-size:20px; font-weight:bold; color:rgb(var(--fc-secondary-dark)) !important; letter-spacing: 3px;
    text-transform: uppercase !important;}

h2 {font-size: var(--fs-h2); font-weight:500; color:rgb(var(--fc-primary-dark)) !important;}

.col-pad-2-right{padding:var(--pd-spec-s) var(--pd-spec-l) var(--pd-spec-s) var(--pd-spec-s);}
.col-pad-2-left{padding:var(--pd-spec-s) var(--pd-spec-s) var(--pd-spec-s) var(--pd-spec-l);}
@media only screen and (max-width: 1100px) {.col-pad-2-left, .col-pad-2-right{padding:25px;}}

.col-pad-2-left .csem-btn, .col-pad-2-right .csem-btn {justify-items: left !important;}



.csem-hm-profile .entry-content-wrapper, .csem-hm-profile-rev .entry-content-wrapper{display: flex !important; align-items: center !important;}
.csem-hm-profile .csem-hm-profile-descript, .csem-hm-profile-rev .csem-hm-profile-descript{padding:60px 127px 60px 55px;}
@media only screen and (max-width: 762px) {.csem-hm-profile-rev .csem-hm-profile-descript {	padding: 30px;}}

@media only screen and (max-width: 762px) {.csem-hm-profile .entry-content-wrapper{flex-direction: column !important;}}
@media only screen and (max-width: 762px) {.csem-hm-profile-rev .entry-content-wrapper{flex-direction: column-reverse !important;}}

@media only screen and (max-width: 762px) {.csem-image-overlay{left: 0px;}}

.foot-img .aligncenter{display: inline !important; margin: 10px 5px !important;}


#socket {border-top: none;}
.socket_color::before {
  content: "";
  position: absolute;
  top: 0;
  left: 25%; /* Center-align the border */
  width: 50%; /* 50% of the container width */
  border-top: 2px solid #203c6e; /* Adjust the thickness and color */
}

.about-title h2{color:#ffffff !important; font-weight: bold !important;}
.about-title-dark h2{font-weight: bold !important;}

.price{font-size:40px; font-weight:500; color:#203c6e;}


.vib-package ul{list-style: none; color:#203c6e;}
.vib-package strong{color:#203c6e; letter-spacing: .1em;}





.vib-package li {
    text-align: center;
    position: relative;
    padding-bottom: 12px;
    padding-top: 12px;
}

.vib-package li::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, #203c6e, transparent);
}

.left-column {
    border-right: 2px solid #ffffff !important; /* Adjust the width and color as needed */
    padding-right: 15px; /* Add some padding for spacing */
}
@media only screen and (max-width: 762px) {.left-column {border-right:none !important; padding-right: 0px !important;}}


/* Ensure the second column aligns properly */
.right-column {
    padding-left: 15px; /* Add padding to the left for spacing */
}

.contact-links h3{font-size: 35px !important;}
.contact-links .iconbox_icon{top: 5px !important; font-size: 25px !important;}


#menu-item-1069 > a{font-size: 18px !important;}


.csem-logo{height: 100px; display: block; margin: 0px auto;}

.avia-testimonial-markup-entry-content p {font-family:var(--ff-heading) !important; font-style:italic !important; font-size: var(--fs-h2-test) !important; line-height: 1.3em;}

#gform_submit_button_4{letter-spacing: 3px; font-weight: bold;}

.avia-testimonial-name {letter-spacing: 3px !important;}

@media only screen and (max-width: 762px) {.reverse-section{display: flex ; flex-direction: column-reverse;}}

@media only screen and (max-width: 767px) {
    .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
        padding: 0px 10px;
        
    }
}

@media only screen and (max-width: 767px) {.cab-hm-cutout{margin-bottom:0px !important;}}
	
@media only screen and (max-width: 767px) {.grid-hm-section{}}
	
.ff-6798efcc68343fb0e8aa0867__title, .ff-6798efcc68343fb0e8aa0867__subtitle{display:none !important;}	
.ff-6798efcc68343fb0e8aa0867__container, .ff-6798efcc68343fb0e8aa0867 {background: #ffffff00 !important;}
.ff-6798efcc68343fb0e8aa0867__button{background: #ed7a2a !important; border: 1px solid #ed7a2a !important; text-transform:uppercase !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 3px !important; border-radius: 5px !important;}
input[type='text']{color:#000 !important;}	
	
.ff-6798efcc68343fb0e8aa0867__footer, .ff-6798efcc68343fb0e8aa0867__button{width: 100% !important;}
.ff-6798efcc68343fb0e8aa0867__field {min-width: 47% !important; max-width: none !important;}
.ff-6798efcc68343fb0e8aa0867__fields {width: 100% !important;}


@media only screen and (max-width: 767px) {.abt-social {display: flex; justify-content: center;}}

@media only screen and (max-width: 767px) {li {list-style: none;} .page-id-860 h3{text-align:center !important;}}

@media only screen and (max-width: 767px) {.reverse-success-section .flex_column_table{display: flex !important; flex-direction: column-reverse !important;}}

@media only screen and (max-width: 767px) {#socket .copyright {
    float: none;
	}}

@media only screen and (max-width: 524px) {#menu-item-1069{margin-top: 10px; line-height:1.7em;}}

.one-one{font-family:"Times New Roman", Times, serif; font-size:clamp(22px, 2vw, 35px)}
.faq-head{font-size: var(--fs-h2); font-weight: 500; color: rgb(var(--fc-primary-dark)) !important; font-family:var(--ff-heading); margin-top: 1.5em;} 

@media only screen and (max-width: 560px) {.hv-break{clear:left; display:block;}}



@media (max-width: 1296px) and (min-width: 1104px) {
    .hv-vid2 {
        height: 30px !important;
    }
}

/* Hide it outside the range */
@media (min-width: 1297px), (max-width: 1103px) {
    .hv-vid2 {
        height: 0px !important;
    }
}

@media (max-width: 947px) and (min-width: 786px) {
    .hv-vid2 {
        height: 30px !important;
    }
}

@media (max-width: 787px) and (min-width: 778px) {
    .hv-vid2 {
        height: 0px !important;
    }
}

@media (max-width: 778px) and (min-width: 768px) {
    .hv-vid2 {
        height: 30px !important;
    }
}



@media (max-width: 1296px) and (min-width: 950px) {
    .hv-vid3 {
        height: 30px !important;
    }
}

@media (max-width: 949px) and (min-width: 848px) {
    .hv-vid3 {
        height: 60px !important;
    }
}

@media (max-width: 847px) and (min-width: 831px) {
    .hv-vid3 {
        height: 30px !important;
    }
}

@media (max-width: 830px) and (min-width: 779px) {
    .hv-vid3 {
        height: 0px !important;
    }
}

@media (max-width: 778px) and (min-width: 700px) {
    .hv-vid3 {
        height: 30px !important;
    }
}


/* Hide it outside the range 
@media (min-width: 1297px), (max-width: 772px) {
    .hv-vid2 {
        height: 0px !important;
    }
}

/* Hide it outside the range 
@media (min-width: 1297px), (max-width: 772px) {
    .hv-vid3 {
        height: 0px !important;
    }
}
*/
@media only screen and (max-width: 990px) {
#header_meta .container {display: flex ; flex-direction: column; align-items: center; }
	.phone-info {margin-top: 20px;}
}