/*======================================
Theme Name: MICP
Theme URI: https://divicake.com/
Description: Child theme for MICP Engineering
Version: 1.0
Author: IRENE SOLER
Author URI: https://irenesoler.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

body.home #main-header{background-color: transparent;}

body.home #top-menu a, 
body.home #top-menu li.current_page_item>a, 
body.home .et-fixed-header #top-menu li.current_page_item>a, 
body.home .mobile_menu_bar:before {color:#fff!important;}

#main-footer{display:none}

.et_mobile_menu, #mobile_menu2 {
    background-color: RGBA(255, 255, 255, 1)!important;
    background-color: #fff;

}

body.home .et_mobile_menu, body.home  #mobile_menu2 {
    background-color: RGBA(0, 0, 0, 1)!important;
    background-color: #000;

}

body.home .et_mobile_menu li a {
    border-bottom: 1px solid rgba(255, 255, 255, .3);}
    
    .menu-wrap {
  pointer-events: none;
}
.menu-wrap * {
  pointer-events: auto;
}
.icon-bid p, .icon-wp p, .icon-bo p{
	padding-left:30px;
	font-size:13px; font-weight:bold;
}
.icon-bid p:before{
	content:"";
	background: url("images/icon-bb.webp") no-repeat;
	background-size: 100%;
	width:25px; height:25px;
	position:absolute; left:0;
	display:block;
}
.icon-wp p:before{
	content:"";
	background: url("images/icon-wp.webp") no-repeat;
	background-size: 100%;
	width:25px; height:25px;
	position:absolute; left:0;
	display:block;
}
.icon-bo p:before{
	content:"";
	background: url("images/icon-bo.webp") no-repeat;
	background-size: 100%;
	width:25px; height:25px;
	position:absolute; left:0;
	display:block;
}

figcaption{display:none!important}


.et_pb_portfolio_filters {}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li{
	width:20%;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
	border:0;
	text-align:center;
	padding-top:220px;
	position:relative;
	overflow-y: visible;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a::after{
	content:"";
	position: absolute;
  bottom: 0px; left:auto;
   width:80%; height:100px;
   margin:auto;
   display:block;
   background-size: 100%;
   
   
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a[data-category-slug*="all"]::after{
background: url("images/dot.webp")no-repeat;
  top:20%; left:37.5%;
   background-size: 30%;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a[data-category-slug*="bridges"]::after {
	background: url("images/icon-bridges.svg")no-repeat; }
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a[data-category-slug*="roads"]::after {
	background: url("images/icon-roads.svg")no-repeat; }
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a[data-category-slug*="tunnels"]::after {
	background: url("images/icon-tunnels.svg")no-repeat; }
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a[data-category-slug*="buildings"]::after {
	background: url("images/icon-buildings.svg")no-repeat;
	height:250px; }
	
#project-categories a{
	font-size:0; 
	float:left;
	display:inline-block;
	position:relative;
	min-width:70px;}

#project-categories a[href*="filter=bridges"]::before{
  content:"";
  background: url("images/icon-bridges.svg") no-repeat;  
  width:50px; height:100%;
  background-size: 100%;
  position:absolute; 
  display:block;
  left:0;

}


#project-categories a[href*="filter=roads"]::before {
  content:"";
	background: url("images/icon-roads.svg")no-repeat;  
	width:50px; height:100%;
  background-size: 100%;
  position:absolute; 
  display:block;
  left:0;

}

#project-categories a[href*="filter=tunnels"]::before {
  content:"";
	background: url("images/icon-tunnels.svg") no-repeat;  
	width:50px; height:100%;
  background-size: 100%;
  position:absolute;   
  left:0;
  display:block;}

#project-categories a[href*="filter=buildings"]::before {
  content:"";
	background: url("images/icon-buildings.svg")no-repeat;  
	width:50px; height:100%;
  background-size: 100%;
  position:absolute;   
  left:0;
  display:block;
}
.et_pb_filterable_portfolio .et_pb_portfolio_items_wrapper{
	margin-top:4em;
}

.et_pb_portfolio_item{
	border-bottom: 1px solid #000;
}

.et_pb_portfolio_item .et_pb_module_header, .et_pb_portfolio_item h2 {
    width: 70%;
}

.project-tags{
	position: absolute;
    right: 0;
    top: 0;
    font-size: 90%;}


.et_pb_gallery .et_pb_gallery_items{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}

.et_pb_gallery.et_pb_slider .et_pb_gallery_items{
justify-content: left}

.et_pb_gallery.align-left .et_pb_gallery_items{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}
@media (max-width: 980px) {
  .no-collapse-cols .col-logo {
    width: 50% !important; /* or 33.33% for 3 cols, 25% for 4 */
    float: left;
    clear: none !important;
  }
  .no-collapse-cols .col-menu {
    width: 50% !important; /* or 33.33% for 3 cols, 25% for 4 */
    float: left;
    clear: none !important;
  }


  /* Prevent line breaks between columns */
  .no-collapse-cols:before,
  .no-collapse-cols:after {
    display: table;
    content: "";
  }

  .no-collapse-cols:after {
    clear: both;
  }
  
   .no-collapse-cols .et_pb_menu__wrap {
    width: 80vw !important;
    max-width: 80vw !important;
    left: 10vw !important;
    position: fixed !important;
    top: 15px;
 }

  .no-collapse-cols  .et_pb_menu__wrap .et_mobile_menu {
     width: 80vw !important;
    top:50px;

  }
}
@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item {
        width: 44.18%;
        margin-right: 5%;
        margin-bottom: 5%;
    }
}

@media (max-width: 767px) {
  .no-collapse-cols .col-logo {
    width: 70% !important; /* or 33.33% for 3 cols, 25% for 4 */
    float: left;
    clear: none !important;
  }
  .no-collapse-cols .col-menu {
    width: 30% !important; /* or 33.33% for 3 cols, 25% for 4 */
    float: left;
    clear: none !important;
  }


  /* Prevent line breaks between columns */
  .no-collapse-cols:before,
  .no-collapse-cols:after {
    display: table;
    content: "";
  }

  .no-collapse-cols:after {
    clear: both;
  }
  .no-collapse-cols .et_pb_menu__wrap {
    width: 80vw !important;
    max-width: 80vw !important;
    left: 10vw !important;
   
    top: 15px;

  }

  .no-collapse-cols  .et_pb_menu__wrap .et_mobile_menu {
    width: 80vw !important;
    top:50px;
  }

}