/*
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: 1206px) {
	.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;
}
.header_color .phone-info a, .header_color .phone-info { color: #61a607 !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 {
  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;
}


h1 {font-size: 64px !important;
    line-height: 70px !important;
    font-weight: 700 !important;}

.csem-anim-numbers {margin: 44px !important; color: #fff !important;}
.csem-anim-numbers .avia-animated-number-title{color: #fff !important;}
.csem-anim-num-container{}

.csem-page-header{}
.csem-page-header .av-section-color-overlay-wrap { padding: 70px 0px 70px 0px !important; }

.csem-ico-box .avia-svg-icon svg:first-child{fill: #ffb400 !important;}
.csem-ico-box .iconbox_content_title, .csem-ico-box p, .csem-ico-box strong {color: #fff;}
.csem-ico-box .iconbox_content_title {font-size:18px !important;}
.csem-ico-box p {font-size:16px;}

.product-border{padding:30px; border:solid 1px #888;}

.csem-page-header h1{border-left: solid 14px #ffb400; padding-left: 20px;}
.csem-grey-box {
  background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
  border-radius: 10px;
  
  /* Very light subtle shadow, stronger at the bottom */
  box-shadow: 
    0 4px 8px rgba(0, 0, 0, 0.06),   /* main soft shadow */
    0 6px 12px rgba(0, 0, 0, 0.04) !important;  /* extra depth toward bottom */
  
  /* Optional: Add some inner padding if this is containing content */
  padding: 20px;
  
  /* Optional: Prevent content from touching edges on small screens */
  box-sizing: border-box;
}

.csem-grey-box-img .avia-image-overlay-wrap img {border-radius: 50px !important; box-shadow: -4px 5px 10px #c6c6c6 !important;}
#av_section_2 > div > div > div > div > div > div.flex_column.av-232ctb-a5118a1f6a9f422caf5c3c80508c73a0.av_one_fourth.avia-builder-el-11.el_before_av_one_fourth.avia-builder-el-first.csem-grey-box.first.flex_column_table_cell.av-equal-height-column.av-align-top > div > div > div > img {border-radius: 50px !important; box-shadow: -4px 5px 10px #c6c6c6 !important;}

.csem-about-tab {display:flex; height: 200px !important;}
.csem-svc-heading {background-color:#00000038; padding: 20px 0px;}
.csem-svcs {border-radius:20px; padding: 30px 0px;}
.csem-svc-text{padding:20px;}

.csem-inner-header{background-color:#f9f9f9;}
.logo{ display: none !important; }
h1 {color:#000 !important; font-weight:400 !important; font-size: 50px !important;}
strong, b {
    font-weight: 400 !important;
}
.iconbox_content_title, .iconbox_icon {color:#000 !important;}
.iconbox_icon svg:first-child {
	fill: #000 !important;}



@media screen and (max-width: 411px) {
  h1 {font-size: 45px !important;}
	.csem-body-container-padding { padding-top: 30px !important; padding-bottom: 30px !important; }
	.csem-inner-header { background-color: #61a607 !important; }
	.csem-inner-header h1{ color: #fff !important; }
}

/*.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after{ background-color: #61a607 !important; }*/

#gform_submit_button_1 {
    background-color: #69ab14 !important;
}