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

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

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


.csem-hero {
  font-size: var(--fs-xl);
  
  font-family: var(--ff-body);
  line-height: 1.2em;
  margin-bottom: 20px;
  margin-top: 0px;
  
}

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




.dig-grad {
    background: linear-gradient(135deg, #9b6291 0%, #b54575 50%, #15a1e0 100%);
}


.csem-company-card {background-color:#fff !important; border-radius:30px !important; padding:30px !important; box-shadow: 0px 0px 16px 0px #00000066; height: 395px;
    margin-bottom: 20px;}

.csem-company-card a {font-weight:bold;}

.csem-company-wrapper .entry-content-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.csem-srvc-card{box-shadow: 0px 0px 16px 0px #00000066;}
.csem-srvc-text{background-color:#404057 !important; color:#fff !important; padding:30px; min-height: 420px;}
.csem-srvc-text h3{color:#fff !important; }
.csem-srvc-text h3{position: relative; /* Required for absolute positioning of ::after */
    display: inline-block; /* Ensures the h3 width fits its content */}

.csem-srvc-text h3::after {
    content: '';
    position: absolute;
    bottom: -17px;;
    left: 0; /* Start from the left edge */
    width: 50%; /* Half the width of the div */
    height: 5px; /* Thickness of the border */
    background-color: #915b91; /* Border color */
}
.csem-srvc-img{border-left: solid #fff 15px !important;
    border-top: solid #fff 15px !important;
    border-right: solid #fff 15px !important;
    margin-bottom: 0px !important;}

.csem-anim-numbers .avia-animated-number-title .avia-single-number{font-size: 75px; font-weight: bold; background: linear-gradient(135deg, #9b6291 0%, #b54575 50%, #15a1e0 100%); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline;}


.csem-hm-member h3, 
.csem-hm-member-two h3, 
.csem-hm-member .team-member-job-title, 
.csem-hm-member-two .team-member-job-title{
	color:#404057 !important;
}

.csem-hm-member a, 
.csem-hm-member-two a{
	color:#404057;
}

.csem-hm-member,
.csem-hm-member-two{
	text-align: center;
}

.csem-hm-member span
{
	color: #bd4577 !important;
	font-size:20px;
	font-weight:bold;
}

.csem-hm-member-two span
{
	color: #14a2e2 !important;
	font-size:20px;
	font-weight:bold;
}

.csem-ico-text{
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	margin-bottom: 20px;
}

.csem-ico-text img {
	height:50px; width:auto;
}

.csem-ico{
	width: 60px;
    text-align: center;
    padding-right: 15px;
}

.csem-text{
	color:#fff;
	font-size: 25px;
}

.csem-ctc {
	display:flex;
}


.csem-ctc div{
	min-width:275px !important;
	margin-right:20px !important;
}


.team-img-container img {width:57% !important;}

.csem-foot-logo img{
	width:269px !important;
	height:auto;
}

.avia-menu-fx {bottom: 46px;}

.mfp-iframe-scaler {padding-top: 47% !important; }
.mfp-iframe-scaler .content{padding-top: 15px !important; padding-bottom: 20px !important;}

.bio-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000000; /* High z-index for Enfold compatibility */
  justify-content: center;
  align-items: center;
}

.bio-popup-content {
  background: #fff;
  padding: 20px;
  max-width: 500px;
  width: 90%;
  border-radius: 8px;
  position: relative;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.bio-popup-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  color: #333;
}

.bio-popup-trigger {
  color: #0073aa;
  text-decoration: none;
  font-weight: bold;
}

.bio-popup-trigger span {
  font-size: 18px;
  margin-left: 5px;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .bio-popup-content {
    width: 95%;
    padding: 15px;
  }
  .bio-popup-content h2 {
    font-size: 1.5em;
  }
  .bio-popup-content p {
    font-size: 0.9em;
  }
}

.bio-popup-wrapper{ text-align: center; }