/*
Theme Name: Avada child
Author: 
Description: Your description goes here
Version: 1.0
Template: Avada

This is the child theme for Avada theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
* menu */
#menu-item-2391{
	background:#4592CF !important;
    padding: 8px 24px !important;
}
#menu-item-2391 a{
	color:#fff !important;
}
/* Homepage */

@media(min-width:767px){
	 .top-banner{
    position:relative;
 }
 .top-banner .fusion-slider-sc.media-slider-top .flexslider.flexslider-hover-type-none {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}
}

.fusion-slider-sc .flex-direction-nav a{
	opacity:1 !important;
}
.flex-nav-next{
	position: absolute;
    left: 140px;
}
}

.flex-prev,.flex-next{
	padding: 25px !important;
    display: flex  !important;
    align-items: center  !important;
    border: 1px solid #fff  !important;
    border-radius: 50px  !important;
}
.fusion-slider-sc:not(.fusion-has-margin) .flexslider{
	margin:0 !important;
}
 /* For Mobile */
@media screen and (max-width: 767px){
    h1 {
    font-size: 50px !important; 
    line-height: normal !important; 
    }
    h1 p{
    font-size: 20px !important; 
    line-height: normal !important; 
    }
    h2 {
    font-size: 40px !important;
    line-height: normal !important; 
    }
    h2 p {
    font-size: 25px !important;
    line-height: normal !important; 
    }
    h3 {
    font-size: 20px !important;
    }
    .title-three-fifty h3 {
    font-size: 20px !important;
    line-height:normal !important;
    }
    .title-three-fifty h3 p{
    font-size: 18px !important;
    line-height:normal !important;
    }
    h4 {
    font-size: 18px !important;
    line-height: normal !important;
    }
    h5 {
    line-height: normal !important;
    }
    p {
    font-size: 16px !important;
    line-height: 24px !important;
    }
}
.secondary-text{
	color:#4592CF;
}
.fusion-tabs.tabing-sec.icon-position-top .nav-tabs li .tab-link .fontawesome-icon{
   text-align: left;
}
.fusion-tabs.tabing-sec.horizontal-tabs.clean .nav-tabs li .tab-link{
background: #f1f1f1;
	 display: flex;
    flex-direction: column;
    align-items: baseline;
	width: 80%;
	padding:0 !important;
}
ul.nav-tabs.nav-justified{
	padding:24px 24px 32px !important;
}
.nav-tabs.nav-justified li.active{
	text-align:left;
	    border-bottom: 1px solid #F2CD13;
}
.nav-tabs.nav-justified li.active a h3{
	color:#0F1333 !important;
}
.nav-tabs.nav-justified li{
text-align:left !important;
	    border-bottom: 1px solid #0F1333;
}
/* .fusion-tabs.tabing-sec.horizontal-tabs.clean .nav-tabs li .tab-link h3{
	text-align:left;
	    border-bottom: 1px solid #0F1333;
} */
.fusion-tabs.horizontal-tabs.clean .nav-tabs{
	background: #f1f1f1;
        padding: 0 24px;
}
.fusion-tabs.horizontal-tabs.clean .tab-content{
	margin-top:32px !important;
}

.gs_logo_single{
	padding:0 !important;
}
.header-left-sec .fusion-column-wrapper{
    display: flex !important;
    align-items: center !important;
}
.flex-control-nav{
	display:none !important;
}
@media(min-width: 768px) and (max-width: 1024px){
    h1 {
    font-size: 50px !important; 
    line-height: normal !important; 
    }
    h1 p{
    font-size: 20px !important; 
    line-height: normal !important; 
    }
    h2 {
    font-size: 40px !important;
    line-height: normal !important; 
    }
    h2 p {
    font-size: 25px !important;
    line-height: normal !important; 
    }
    h3 {
    font-size: 20px !important;
    }
    .title-three-fifty h3 {
    font-size: 20px !important;
    line-height:normal !important;
    }
    .title-three-fifty h3 p{
    font-size: 18px !important;
    line-height:normal !important;
    }
    h4 {
    font-size: 18px !important;
    line-height: normal !important;
    }
    h5 {
    line-height: normal !important;
    }
    p {
    font-size: 16px !important;
    line-height: 24px !important;
    }
}
@media(min-width:1024px){
	/* projects */
 .our-projects .fusion-imageframe{
      width: 100%;
   }
   .our-projects .fusion-imageframe img{
      width: 100%;
   }
  .project-wrap{
      position: relative !important;
   }

   .project-content{
      position: absolute !important;
      bottom: 0px !important;
      background: #fff !important;
      width: 85% !important;
   }
.project-content .fusion-column-wrapper{
	border-top:5px solid #F2CD13 !important;
}
/* custom cards */
.cards-wrapper{
   position: absolute;
   bottom: -50px;
	left:15% !important;
   display: flex;
   align-items: end;
}
.card-1{
   background: #F2CD13;
   padding: 40px 30px;
   text-align: center;
   opacity: 0.8;
}
.card-2{
   background: #0F1333;
   padding: 12px 50px;
	text-align: center;
   opacity: 0.8;
   height: 119px;
}
}
@media(min-width:1200px) and (max-width:1599px){
	.top-left-column{
		padding-left:2%;
	}
	.top-right-column{
		padding-left:2%;
	}
	.header-left-sec .fusion-image-element{
    	padding-left: 15%;
	}
	.header-right-sec{
    	padding-right: 1%;
	}
	.top-banner .flex-direction-nav{
		position: relative;
		left:-95%;
		bottom:-30px;
	}
	.top-left-column .fusion-column-wrapper{
    padding-top: 80px !important;
    padding-bottom: 50px !important;
}

.top-left-column .choose-wrapper .fusion-column-wrapper{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
	.fusion-layout-column.fusion_builder_column.fusion-flex-column.fusion-flex-align-self-stretch.top-left-column {
	padding-left:2%
}

}
@media(min-width:1600px) and (max-width:1799px){
	.top-left-column{
		padding-left:5%;
	}
	.top-right-column{
		padding-left:2%;
	}
	.header-left-sec .fusion-image-element{
    	padding-left: 20%;
	}
	.header-right-sec{
    	padding-right: 3%;
	}
	.top-banner .flex-direction-nav{
		position: relative;
		left:-90%;
		bottom:30px;
	}
}
@media(min-width:1800px){
	.top-left-column{
		padding-left:12%;
	}
	.top-right-column{
		padding-left:2%;
	}
	.header-left-sec .fusion-image-element{
    	padding-left: 50%;
	}
	.header-right-sec{
    	padding-right: 11%;
	}
	.top-banner .flex-direction-nav{
		position: relative;
		left:-77%;
		bottom:120px;
	}
}
@media(max-width: 1024px) {
    .flex-direction-nav{
        display: block !important;
        top: 10%;
    }
    .fusion-slider-sc .flex-direction-nav a{
        top: 0 !important;
    }
    .flex-nav-next {
        top: 50px !important;
}
.fusion-slider-sc .flex-direction-nav a.flex-prev{
    left: 35px;
    top: 50px !important;
}
.flexslider .image img{
    margin-top: 100px !important;
}
	.flex-prev,.flex-next{
	padding: 20px !important;
    display: flex  !important;
    align-items: center  !important;
    border: 1px solid #fff  !important;
    border-radius: 50px  !important;
}
}
@media(max-width:1023px){
	/* custom cards */
.cards-wrapper{	
   display: flex;
   align-items: end;
}
.card-1{
   background: #F2CD13;
   padding: 40px 30px;
   text-align: center;
   opacity: 0.8;
}
.card-2{
   background: #0F1333;
   padding: 12px 25px;
	text-align: center;
   opacity: 0.8;
   height: 119px;
	display: flex;
      align-items: center;
}
	.mobile-custom-img.fusion-imageframe{
    z-index: -1;
}
}
/* Global */
/* Tabs */
a#fusion-tab-mechanicalengineeringservices:before,
a#mobile-fusion-tab-mechanicalengineeringservices:before{
    content:url('https://boldengineering.viewmysitenow.com/wp-content/uploads/2025/05/tools.png');
}
a#fusion-tab-electricalengineeringservices:before,
a#mobile-fusion-tab-electricalengineeringservices:before{
    content:url('https://boldengineering.viewmysitenow.com/wp-content/uploads/2025/05/electricity.png');
}
a#fusion-tab-buildingscienceengineering:before,
a#mobile-fusion-tab-buildingscienceengineering:before{
    content:url('https://boldengineering.viewmysitenow.com/wp-content/uploads/2025/05/building.png');
}
a#fusion-tab-structuralengineeringservices:before,
a#mobile-fusion-tab-structuralengineeringservices:before{
    content:url('https://boldengineering.viewmysitenow.com/wp-content/uploads/2025/05/scaffolding.png');
}
.frm-fluent-form input,.frm-fluent-form select{
	background:transparent !important;
}
/* header icons */

.fusion-tb-header .fusion-social-network-icon{
    padding: 5px;
    background: #4592cf;
    border-radius: 50%;
}
.fusion-tb-footer .fusion-social-network-icon{
    padding: 5px;
    background: #fff;
    border-radius: 50%;
}
/* Contact form */
#fluentform_1 label{
    color:#4E4F51;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
}
#fluentform_1 input,
#fluentform_1 select{
    border: 2px solid rgba(85, 85, 85, 0.3);
    border-radius: 0 !important;
}
.ff-default .ff-el-form-control{
    font-size: 16px!important;
font-style: normal !important;
font-weight: 300 !important;
}
.ff_submit_btn_wrapper button{
    background: #4592CF !important;
    border-radius: 0 !important;
    margin-top:30px !important;
}
	/* projects */
 .our-projects .fusion-imageframe{
      width: 100%;
   }
   .our-projects .fusion-imageframe img{
      width: 100%;
   }
  .project-wrap{
      position: relative !important;
   }

   .project-content{
      position: absolute !important;
      bottom: 0px !important;
      background: #fff !important;
      width: 85% !important;
   }
.project-content .fusion-column-wrapper{
	border-top:5px solid #F2CD13 !important;
}
.service-library .fusion-imageframe{
	width:100% !important;
}
.service-library .fusion-imageframe img{
	width:100% !important;
}
@media(min-width:768px){
	.fluentform .ff-el-group{
		margin-bottom:32px !important;
	}
}
@media(max-width:767px){
	.service-table td{
		display:flex !important;
	}
}
.toggle-content.post-content .fusion-fullwidth{
    padding: 0px;
}
/* project filter */
/* Grid wrapper */
.media-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

/* Individual card */
.media-card {
/*     background: #f9f9f9; */
    border: 1px solid #e0e0e0;
/*     padding: 16px; */
/*     border-radius: 8px; */
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease;
}
.media-card-content{
	position: absolute;
    bottom: 0;
    background: #F0F0F0;
	width:90%;
	padding:13px 20px;
	 border-top: 5px solid #F2CD13 !important;
}
.media-card.project{
    position:relative; 
}
.media-card:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.media-card-content div{
	padding:0 !important;
}
.media-card-content h4{
	margin-top:0 !important;
}
	#projects-filter{
		display:flex;
		align-items:center;
		gap:24px;
	}
	#projects-filter h4{
		margin:0 !important;
		font-family: Larsseit;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		color:#777 !important;
	}
	#project-category{
		    padding: 0;
   			border: none;
		font-family: Larsseit;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		color:#777 !important;
	}
/* Default: 1 column */
@media (min-width: 600px) {
    .media-card {
        width: calc(50% - 10px); /* 2 columns with 20px gap */
    }

}

@media (min-width: 900px) {
    .media-card {
        width: calc(33.333% - 13.333px); /* 3 columns */
    }
}

/* Image and content styles */
.media-card img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    margin-bottom: 10px;
}

.media-card-content h4 {
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.media-card-content .btn {
    display: inline-block;
    background: #0073aa;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.media-card-content .btn:hover {
    background: #005b8d;
}
@media(max-width:400px){
	.media-card img{
		height:250px!important;
	}
}