/* 
 Theme Name:     Wood Bros Industries
 Author:         Gravitate Web Design
 Author URI:     https://gravitatewebdesign.com
 Template:       Divi
 Version:        1.0
*/ 

/* ----------- CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

.iksm-282850 .iksm-term--current > .iksm-term__inner .iksm-term__link a:active {color: #ffffff!important;}
.iksm-282850 .current-menu-item a {color: #fffff!important;}
.wp-image-283222 {width: 70%!important; max-width: 70%!important; opacity: 0.4;}

h1, h2, h3, h4, h5, h6 {
   overflow-wrap: normal;
   word-wrap: normal;
}

.subgrey h1, h2, h3, h4, h5, h6{color: #4a4a4a!important;}
.grey-banner h1, h2, h3 {padding-bottom: 0px!important;}

/* HEADER */
#main-header.et-fixed-header {
    -webkit-box-shadow: 6px 5px 11px -11px rgba(0,0,0,.4)!important; 
    -moz-box-shadow: 6px 5px 11px -11px rgba(0,0,0,.4)!important;
    box-shadow: 6px 5px 11px -11px rgba(0,0,0,.4)!important; 
}

#wood-bros-phone .et_pb_blurb_content .et_pb_blurb_container {padding-left: 0px;}

.wood-bros-header .et_pb_row {width: 100%!important; max-width: 100%!important; padding-top: 5px!important;} 

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: 28px;
    border-top: 2px;
    left: 0;
}

.et_pb_menu .et-menu-nav>ul ul {padding: 10px 0!important;}

.nav li ul {width: 420px !important;}
.et-menu li li a {padding: 6px 10px; width: 400px;}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {color: #000000!important;}
.contact-btn a{color: #000000!important; padding: 15px 20px!important; font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif !important; border-color: RGBA(255, 255, 255, 0);}
.contact-btn {padding: 0!important; margin-top: -8px!important; margin-left: 40px!important; transition: 0.3s; background-color: #dca153; border-color: RGBA(255, 255, 255, 0);}
.contact-btn:hover {background: #e1e2e2; }

.contact-btn-mobi a{color: #000000!important; border-color: RGBA(255, 255, 255, 0); text-align: center; text-transform: uppercase; font-size: 18px;}
.contact-btn-mobi {padding: 0!important; transition: 0.3s; background-color: #dca153; border-color: RGBA(255, 255, 255, 0);}

.active-menu-item .et-menu-nav>ul>li.contact-btn.current-menu-item> a {
  background-color: #f3f3f3 !important;
}

.active-menu-item .et-menu-nav>ul>li.current-menu-parent>a {
	color: #A37A3C!important;
}

/* .active-menu-item ul li.current-menu-parent>ul>li.current-menu-item>a {background-color: #f1f1f1!important; width: 370px;} */

/* ##### DROPDOWN MENU WIDTH ##### */

.nav li ul {
   width: 410px !important; /* Width of the dropdown menu */
}

.nav li li ul {
   left: 410px !important; /* Use the same size as above */
}



/* ### menu text for default menu ### */
.et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 40px;
margin-top:5px;
color: #000;
font-size:16px;
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}


/* change hamburger mobile menu to X */

.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

/* rotating the mobile menu icon*/

.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}

/* rotate the Menu icon on click */

.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}

/* mobile menu top line */
.et_mobile_menu {
    border-top: 1px solid #dadada!important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: 112%;
}

/* full width mobile menu*/
.et_pb_menu .et_mobile_menu{
    min-width: 100vw;
    width: 100vw;
    max-width: 100vw;
    margin-left: -5vw;
}

/* mobile menu line height*/

.et_mobile_menu li a {padding:10px 10px!important;}

/*removing padding of the social media icons*/
.et_mobile_menu li li {
	padding-left:0%!important;
}

/* mobile menu scrollable */
@media (max-width: 980px) {
    #et_mobile_nav_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_fullwidth_menu .et_mobile_menu {
        overflow: scroll;
        max-height: 80vh; /* Adjust this value as needed */
    }
}

/*make the Divi mobile dropdown menu scrollable*/

.et_mobile_menu {
overflow: scroll !important;
max-height: 80vh;
}


/* manuals submenu */
.et_mobile_menu .parent-menu-item > a {
	background-color: transparent;
	position: relative;
}

.et_mobile_menu .parent-menu-item > a:after {
	font-family: 'ETmodules';
	content: '\4c';
	font-weight: normal;
	position: absolute;
	font-size: 16px;
	top: 13px;
	right: 10px;
}

.et_mobile_menu .parent-menu-item > .switched-icon:after{
	content: '\4b';
}

.child-menu-item {
	display: none;
}

.show-menu-items {
	display: block;
}
























.centro { display: flex; justify-content: center; }







@media screen and (max-width: 900px) {
   .mobile-hide { display: none !important; }
}





#footer-bottom .et-social-facebook a {color: #4267b2;}
#footer-bottom .et-social-instagram a {color: #dd2a7b;}
#footer-bottom .et-social-pinterest a {color: #bd081c;}
#footer-bottom .et-social-youtube a {color: #ff0000;}

#footer-info {font-size:16px; color:#e6e6e6; font-weight: 700;}

#boton-footer:hover {
   background-color: #ffffffd4!important;
   color: #ce1313!important;
   text-shadow: none;
}

.classy-divider h3 {
    font-weight: 800;
    font-size: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
 
.classy-divider h3:after {
    display: table;
    content: "";
    border-top: 5px solid #fff;
    width: 50px;
    margin: 17px 0px 14px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}

.classy-divider:hover h3 {
    color: #fff;}
 
.classy-divider:hover h3:after {
    width: 120px;
    border-top: 5px solid #fff;}


/* EQUIPO */
@media screen and ( min-width: 981px ) {
  .team1::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    transform: rotate(45deg);
    visibility: visible !important;
    z-index: 3 !important;
    border: 35px solid;
    color: #aa0000;
    right: -2.6vw;
  }
}

@media screen and ( min-width: 981px ) {
  .team2::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    transform: rotate(45deg);
    visibility: visible !important;
    z-index: 3 !important;
    border: 35px solid;
    color: #000;
    right: -2.6vw;
  }
}

@media screen and ( min-width: 981px ) {
  .team3::before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    transform: rotate(45deg);
    visibility: visible !important;
    z-index: 3 !important;
    border: 35px solid;
    color: #fff;
    left: -2.6vw;
  }
}

@media screen and ( min-width: 981px ) {
  .team4::before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    transform: rotate(45deg);
    visibility: visible !important;
    z-index: 3 !important;
    border: 35px solid;
    color: #000;
    left: -2.6vw;
  }
}

.et-dropcap {
    display: block;
    float: left;
    margin: 0px 5px 0 0;
    font-size: 64px;
    line-height: 1;
    font-family: times;
}



/* column image */
.full-height-column-image {
	height: 100%;
}
/* image container height */
.full-height-column-image .et_pb_image_wrap {
	height: 100%;
}
/* actual image height and fit */
.full-height-column-image img {
	object-fit: cover;
	height: 100%;
}



    .module-hover {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
        -webkit-transition: all 0.6s;
        transition: all 0.6s;}
    .module-hover:hover {
        border: 2px solid #dca153;
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.1, 1.1);
        box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, .2);
        z-index: 1;}
        
        





/* services-image-text */

.image-text img {
   -webkit-filter: opacity(90%);
   /* Safari */
   filter: opacity(90%);
   margin-top: -1px;
}

/*zoom and rotate image on hover*/

.image-text .et_pb_image_wrap {
overflow: hidden;
}

/*zoom and rotate image on hover*/

.image-text img {
transition: all .5s ease;
}

/*zoom and rotate image on hover*/

.image-text:hover img {
-webkit-transform: scale(1.05) rotate(1deg);
-ms-transform: scale(1.05) rotate(1deg);
transform: scale(1.05) rotate(1deg);
transition: all .3s ease;
}

.service-manuals:hover {
   min-height: 100%;
   height: 100%;
   max-height: 100%;
   border: 2px solid #dadada;
   background-clip: padding-box;
   box-shadow: 0 10px 80px -20px rgba(0, 0, 0, .2);
   transition: box-shadow 0.3s ease-in-out;
}


.wbi-blog-equal-height .et_pb_ajax_pagination_container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	column-gap: 0.9em
}

.wbi-blog-equal-height .et_pb_ajax_pagination_container article {
	padding: 1em;
	border: 1px solid #d8d8d8;
}

.wbi-blog-equal-height .et_pb_ajax_pagination_container div {
	grid-column: 1 / -1;
}

.wbi-blog-equal-height .et_pb_post div.post-content a.more-link {
	position: absolute;
	bottom: 30px
}

.wbi-blog-equal-height .et_pb_post .entry-featured-image-url {
    margin: -1em -1em 30px;
}

@media all and (max-width: 980px) {
	.wbi-blog-equal-height .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media all and (max-width: 768px) {
	.wbi-blog-equal-height .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1, 1fr);
	}
}