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


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







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

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



.csem-rotator .av-rotator-text span{font-size:75px !important;}
.csem-hm-mission{display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap;}
.csem-hm-mission h2{font-size:60px; width: max-content; margin: 0px 20px;}
.csem-hm-mission img{}

.csem-pnk-txt{color: #da3f71 !important;} /*  <span class="csem-pnk-txt">  </span>  */
.csem-blu-txt{color: #1373d5 !important;} /*  <span class="csem-blu-txt">  */
.csem-orng-txt{color: #f25f0f !important;} /*  <span class="csem-orng-txt">  */
.csem-grn-txt{color: #1bb59a !important;} /*  <span class="csem-grn-txt">  */
.csem-ylw-txt{color: #efc100 !important;} /*  <span class="csem-ylw-txt">  */

.csem-hm-suprt{ display:flex; flex-direction: row; justify-content: center; gap: 32px; margin-top: 20px;}
.csem-hm-suprt img{height: 200px;}

.csem-hero-sect-content{padding:0px 200px;}

h1 {font-size:75px !important;}

#toggle-id-1 .toggle_content .csem-resource-text{padding: 20px; background-color: #da3f7121 !important; margin-bottom: 20px;}
#toggle-id-2 .toggle_content .csem-resource-text{padding: 20px; background-color: #1373d521 !important; margin-bottom: 20px;}
#toggle-id-3 .toggle_content .csem-resource-text{padding: 20px; background-color: #f25f0f21 !important; margin-bottom: 20px;}
#toggle-id-4 .toggle_content .csem-resource-text{padding: 20px; background-color: #1bb59a21 !important; margin-bottom: 20px;}
#toggle-id-5 .toggle_content .csem-resource-text{padding: 20px; background-color: #efc10021 !important; margin-bottom: 20px;}

strong { letter-spacing: 1px; }
.gfield_label, label {letter-spacing: 0px !important; font-weight: 500 !important; font-size:18px !important;}
.df-bg{background-color: rgb(247 247 247) !important;}

.toggle_icon .vert_icon, .toggle_icon .hor_icon{border-color: #efc100 !important;}
.toggle_icon {border-style: none;}
.toggle_icon .hor_icon {left: 0px !important; width: 14px !important; }
.toggle_icon .vert_icon {top: 0px !important; height: 14px !important; }
.av-social-link-facebook a{color: #67bed9 !important;}
.av-social-link-facebook:hover a{background-color: #fff !important; color:#67bed9 !important;}
.avia-menu.av_menu_icon_beside {border-right-width: 0px !important;}
.avia-menu-fx {bottom: 45px !important;}
.csem-info-graph{}

.post-meta-infos{display:none !important;}
a:hover{color:#1373d5 !important;}


.csem-abt-part-logo img{
    height: 200px !important;
    width: auto !important;
}   

h2 {font-weight:300 !important;}
.toggler{background-color:#F7F7F7!important; font-size:35px !important;}

.csem-resource-accordion a{color:#1373d5 !important;}
.csem-resource-accordion a:hover{color:#004994 !important;}



@media (max-width: 468px) { 
	.csem-rotator .av-rotator-text span { font-size: 55px !important; text-align:center; line-height:1.1em;}
	.csem-rotator { height: 180px; }
	.csem-hero { font-size: 60px ;}
	.csem-hero-sect-content { padding: 0px 0px; }
	.csem-hm-mission {flex-direction: column; }
	.csem-hm-suprt img { height: 90px; }
	.csem-body-container-padding { padding-top: 15px !important; padding-bottom: 15px !important; }
	.csem-resource-accordion div, .csem-form div, .search .template-search div{text-align:left !important;}
	.csem-resource-accordion .toggler {font-size: 18px !important;}
	.csem-info-graph { margin-bottom: 50px !important; }
	.search h2 { font-size: 30px !important;}
	.responsive .logo img{padding-top: 10px !important;}
	
}
	
@media (min-width: 469px) and (max-width: 1000px) { 
	.csem-hm-mission {flex-direction: column; text-align:center !important; }
	.csem-body-container-padding { padding-top: 15px !important; padding-bottom: 15px !important; }
	.csem-rotator .av-rotator-text span { font-size: 55px !important; text-align: center; line-height: 1.1em; }
}
	
@media (min-width: 1000px) {
	
}

.gform_validation_errors h2 {font-size:20px !important;}