/*
 Theme Name:     Imavex Development
 Description:    A Custom Theme by Imavex
 Author:         Imavex
 Author URI:     https://www.imavex.com
 Template:       Divi
 Version:        1.0.0
*/

/* MENU */
.et-cart-info{
    display: none;
}

#main-header{
    border-bottom: 2px solid #ffffff;
}

.current-menu-item a,
.current_page_parent a{
    font-weight: 800 !important;
}

.nav li ul,
#top-menu li li{
	width: 335px;
	line-height: 2.5em;
}

#top-menu li li{
    padding: 0px;
}

#top-menu li li a{
	width: 340px;
	padding-left: 10px;
	padding-right: 0px;
}

/*** wrap row in a flex box ***/
.custom-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}

/* GENERAL */
.search .post-meta{
    display: none;
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}


/* HOMEPAGE */


/* Removed text fade in/out effect on slider */
.animation-fade .et_pb_slide_description,
.animation-fade .et_pb_slider_container_inner,
.animation-fade .et_pb_slide{
    opacity: 1 !important;
    animation: none;
}

.main-banner .et_pb_button.et_pb_more_button{
    width: 130px;
}

.main-banner .et_pb_slide_content{
    margin-bottom: 50px;
}

.hp-product-slider .et_pb_slides .et_pb_slider_container_inner{
    display: block;
}

.hp-product-slider .et_pb_slide_image,
.hp-product-slider .et_pb_slide_description{
    width: 100%;
    display: block !important;
    text-align: center;
    position: relative;
}

.hp-product-slider .et_pb_slide_image{
    margin-top: 0px !important;
}

.hp-product-slider .et_pb_slide_description,
.hp-product-slider .et_pb_slider_fullwidth_off .et_pb_slide_description{
    padding: 2% 8% 8% 8%;
}

.hp-product-slider .et_pb_slide_title{
    text-shadow: none;
}


/* PRODUCT PAGE */

.lever-individual .et_pb_column_2_3.et_pb_column_1_tb_body,
.product-main .et_pb_column_2_3.et_pb_column_1_tb_body,
.product-main .et_pb_column_2_3.et_pb_column_1,
.simple-product-page .et_pb_column_2_3.et_pb_column_1{
    border-left: 2px solid #bacc28;
    padding-left: 40px !important;
    width: 70%;
}

.lever-individual .et_pb_column_single,
.simple-product-page .et_pb_column_single{
    padding-top: 0px !important;
}

.lever-individual .et_pb_row,
.product-main .et_pb_row,
.simple-product-page .et_pb_row{
    width: 100% !important;
    max-width: 100% !important;
}

.lever-individual .et_pb_row .et_pb_column_1_3.et_pb_column_0_tb_body,
.simple-product-page .et_pb_row .et_pb_column_1_3.et_pb_column_0,
.product-main .et_pb_row .et_pb_column_1_3.et_pb_column_0_tb_body,
.product-main .et_pb_row .et_pb_column_1_3.et_pb_column_0,
.et_pb_wc_related_products ul.products.columns-4 li.product, .et_pb_wc_upsells ul.products.columns-4 li.product{
    width: 24% !important;
}

.lever-individual .et_pb_gutters2 .et_pb_column,
.lever-individual .et_pb_gutters2.et_pb_row .et_pb_column,
.product-main .et_pb_column_1_3.et_pb_column_0_tb_body,
.product-main .et_pb_column_1_3.et_pb_column_0,
.simple-product-page .et_pb_column_1_3.et_pb_column_0{
    margin-right: 0px !important;
}

.lever-individual .woocommerce-product-gallery__image img{
    height: 500px !important;
    object-fit: scale-down;
} 

.lever-individual .designer .et_pb_text_inner:before{
    content: "Designer: ";
}

.door-pull-individual .et_pb_column_1_4.et_pb_column_1_tb_body{
    border-left: 2px solid #bacc28;
    padding-left: 40px !important;
}

.door-pull-individual .et_pb_column_single{
    padding-top: 0px !important;
}

.door-pull-individual .et_pb_column_1_4.et_pb_column_1_tb_body{
    padding-top: 60px !important;
}

.door-pull-individual .et_pb_row{
    width: 100% !important;
    max-width: 100% !important;
}

.door-pull-individual .et_pb_row .et_pb_column_1_4.et_pb_column_0_tb_body{
    width: 24% !important;
}

.door-pull-individual .et_pb_row .et_pb_column_1_4.et_pb_column_1_tb_body{
    width: 28% !important;
}

.door-pull-individual .et_pb_row .et_pb_column_1_2.et_pb_column_2_tb_body{
    width: 38% !important;
}

.door-pull-individual .et_pb_gutters2 .et_pb_column,
.door-pull-individual .et_pb_gutters2.et_pb_row .et_pb_column{
    margin-right: 0px !important;
}

.dp-specs .et_pb_text_inner:before{
    content: "Specifications: ";
    white-space: pre;
}

.dp-finishes .et_pb_text_inner:before{
    content: "Available Finishes: ";
    white-space: pre;
}

.dp-finishes .et_pb_text_inner:before,
.dp-specs .et_pb_text_inner:before{
    font-weight: 600;
    color: #000000;
    font-size: 20px;
    display: block;
}

.et_pb_wc_related_products ul.products li.product, .et_pb_wc_upsells ul.products li.product{
    margin-right: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li,
.woocommerce div.product div.images .flex-control-thumbs li:nth-of-type(4n),
.products.columns-4 li.product{
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 15%;
    flex: 1 0 15%;
    border: 1px solid #d8d8d8;
    margin-right: 1px;
    margin-bottom: 20px;
}

.products.columns-4 .et_shop_image{
    border-bottom: 1px solid #13294B;
}

.products.columns-4 h2.woocommerce-loop-product__title{
    font-weight: 600;
    font-size: 14px;
    color: #13294B;
    letter-spacing: 1px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.products.columns-4 .et_overlay:before{
    color: #13294B !important;
    content: attr(data-icon) !important;
}

.woocommerce div.product div.images .flex-control-thumbs li:hover,
.woocommerce div.product div.images .flex-control-thumbs li:nth-of-type(4n):hover,
.products.columns-4 li.product:hover{
    border: 1px solid #13294B;
}

.woocommerce div.product div.images .flex-control-thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar {
  width: 2px;
  border-radius: 50px;
}
 
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 50px;
}
 
.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar-thumb {
  background-color: #666666;
  border-radius: 50px;
}

.download-pdf:before{
    content: attr(data-icon);
}

.product-main .et_pb_row .horizontal-row .et_pb_column{
    width: 68% !important;
}

.product-main .et_pb_row .horizontal-row .et_pb_column.et-last-child{
    width: 25% !important;
}


/* Product Images */
.woocommerce-LoopProduct-link img{
    height: 200px !important;
    object-fit: scale-down !important;
}

.flex-control-thumbs img{
    height: 150px !important;
    object-fit: scale-down !important;
}

.flex-active{
    border: 1px solid #000000;
}

.woocommerce-loop-product__title{
    padding-left: 5px;
    padding-right: 5px;
}


/* PRODUCT SIDEBAR */

.wpb_category_n_menu_accordion > ul li a,
.wpb_category_n_menu_accordion > ul > li:not(:last-child) > a{
    border-bottom: 1px solid #e8e8e8!important;
}

.wpb_category_n_menu_accordion > ul > li > a{
    background: #ffffff;
    color: #000000 !important;
}

.wpb_category_n_menu_accordion > ul li a:hover{
    background: #c9c9c9;
}

.wpb-submenu-indicator:hover,
.wpb_category_n_menu_accordion > ul > li > a:hover,
.wpb_category_n_menu_accordion li > a:hover > span.wpb-submenu-indicator{
    color: #000000 !important;
}

.wpb_category_n_menu_accordion > ul > li li:hover > a,
.wpb_category_n_menu_accordion > ul > li li.current-cat > a,
.wpb_category_n_menu_accordion li.wpb-submenu-indicator-minus > a,
.wpb_category_n_menu_accordion > ul > li li > a{
    border-left: 0px;
}

.wpb_category_n_menu_accordion > ul > li > a{
    font-size: 16px;
}

.wpb_category_n_menu_accordion li a{
    font-size: 14px;
}

.wpb_category_n_menu_accordion ul > li li a{
    background: #f5f5f5;
    color: #000000 !important;
}

.wpb_category_n_menu_accordion > ul > li > ul > li > a{
    padding-left: 40px;
}

.wpb_category_n_menu_accordion > ul > li > ul > li > ul > li > a{
    padding-left: 60px;
}


/* DESIGNERS */
.single-designer .et_post_meta_wrapper{
    display: none;
}

.single-designer .container{
    padding-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.single-designer .container{
    width: 100%;
    max-width: 100%;
}

.single-designer .container .et_pb_row_0{
    padding-top: 50px !important;
}

/* DESIGNERS MAIN */
.designer-blurb .et_pb_main_blurb_image{
    border-bottom: 1px solid #13294B;
    padding: 10px;
    margin-bottom: 10px;
}

.designer-blurb .et_pb_module_header{
    padding-left: 5px;
    padding-right: 5px;
}

.designers .et_pb_column_1_6{
    margin-right: 3.8%;
}


/* PROJECT REFERENCE */
.project-ref p{
    padding-left: 10px;
}

.projects a{
    text-decoration: underline;
}

 
/* DOWNLOADS */
.single-wpdmpro .post-meta,
.single-wpdmpro #comment-wrap,
.single-wpdmpro #sidebar,
.single-wpdmpro #main-content .container:before{
    display: none;
}

.single-wpdmpro #left-area{
    width: 100%;
}
 
 
 /* CONTACT */
.contact-form .with_frm_style input[type=text],
.contact-form .with_frm_style input[type=email]{
    border-radius: 0px;
    height: 40px;
}

.contact-form .with_frm_style textarea{
    border-radius: 0px;
}

.contact-form .with_frm_style .frm_inside_container .frm_primary_label{
    display: none;    
}

.contact-form .frm_style_formidable-style.with_frm_style .frm_submit button{
    background: #13294B;
    color: #ffffff;
    border-radius: 50px;
    border: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 300ms ease 0ms;
}
 
.contact-form .frm_style_formidable-style.with_frm_style .frm_submit button:hover{
    letter-spacing: 2px;
}
 
 
 /* FOOTER */
 .footer-icons .et-pb-icon-circle{
     padding: 8px;
 }
 
 .footer-icons .et-pb-icon{
    border: 1px solid #ffffff;
 }
 
 /* MOBILE */
 
 @media only screen and (max-width: 1450px) {
    #top-menu-nav, #top-menu{
        display:none;
    }
    
    #et_top_search{
        display:none;
    }
    
    #et_mobile_nav_menu{
        display: block;
    }
    
    .mobile_menu_bar:before,
    #main-header #mobile_menu.et_mobile_menu li a,
    #main-header #mobile_menu.et_mobile_menu li li a,
    #main-header #mobile_menu.et_mobile_menu li li li a{
        color: #ffffff !important;
    }
    
    .et_mobile_menu{
        border-top: 2px solid #ffffff;
    }
    
}

 @media only screen and (max-width: 981px) {
    .simple-product-page.designers .et_pb_column_2_3.et_pb_column_1{
        padding-right: 50px;
    }

    .lever-individual .et_pb_row .et_pb_column_1_3.et_pb_column_0_tb_body,
    .simple-product-page .et_pb_row .et_pb_column_1_3.et_pb_column_0,
    .product-main .et_pb_row .et_pb_column_1_3.et_pb_column_0_tb_body,
    .product-main .et_pb_row .et_pb_column_1_3.et_pb_column_0,
    .et_pb_wc_related_products ul.products.columns-4 li.product, .et_pb_wc_upsells ul.products.columns-4 li.product,
    .door-pull-individual .et_pb_row .et_pb_column_1_4.et_pb_column_0_tb_body,
    .door-pull-individual .et_pb_row .et_pb_column_1_4.et_pb_column_1_tb_body,
    .door-pull-individual .et_pb_row .et_pb_column_1_2.et_pb_column_2_tb_body{
        width: 100% !important;
    }
    
    
    ul#menu-sidebar ul.sub-menu ul.sub-menu{
        display: none !important;
    }
    
    ul#menu-sidebar #menu-item-266855 .wpb-submenu-indicator,
    ul#menu-sidebar #menu-item-266618 .wpb-submenu-indicator,
    ul#menu-sidebar #menu-item-266600 .wpb-submenu-indicator,
    ul#menu-sidebar #menu-item-266599 .wpb-submenu-indicator,
    ul#menu-sidebar #menu-item-266557 .wpb-submenu-indicator,
    ul#menu-sidebar #menu-item-266612 .wpb-submenu-indicator{
        display: none;
    }
    
    .product-main .et_pb_column.et_pb_column_2_3,
    .term-lever-designs .et_pb_column.et_pb_column_2_3,
    .single.single-product  .et_pb_column.et_pb_column_2_3,
    .term-architectural-door-pulls .et_pb_column.et_pb_column_2_3,
    .term-decorative-door-pulls .et_pb_column.et_pb_column_2_3{
        padding-right: 40px;
        padding-left: 40px;
    }
    
    .first-on-mobile {
        -webkit-order: 1;
        order: 1;
    }
     
    .second-on-mobile {
        -webkit-order: 2;
        order: 2;
    }
    .w3eden .card-body .media{
        display: block;
    }
    .w3eden .ml-3, .w3eden .mx-3{
        margin-left: 0px !important;
        margin-top: 20px;
    }
    
    .product-main .et_pb_row .horizontal-row .et_pb_column{
        width: 100% !important;
    }
    
    .product-main .et_pb_row .horizontal-row .et_pb_column.et-last-child{
        width: 100% !important;
    }
    
    .lever-individual .et_pb_column_2_3.et_pb_column_1_tb_body,
    .product-main .et_pb_column_2_3.et_pb_column_1_tb_body,
    .product-main .et_pb_column_2_3.et_pb_column_1,
    .simple-product-page .et_pb_column_2_3.et_pb_column_1{
        width: 100%;
    }
    
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*-------------------------------------------------------------------*/
/*-----------------------Header/Menu Styles--------------------------*/
/*-------------------------------------------------------------------*/

@media (min-width: 981px) {
    span#et-info-phone {
        float: right;
    }
    .container.clearfix.et_menu_container {
        width: 95%;
        max-width: 100%;
        margin:auto;
    }
    /* Increase Logo Size on Desktop */
    #logo {
        max-height: 85%;
        width: auto;
    }
}
@media (max-width:981px) {
    .container.clearfix.et_menu_container {
        width: 95%;
        max-width: 100%;
        margin:auto;
    }
    /* Increase Logo Size on Mobile */
    #logo {
        max-height: 80%;
        width:auto;
    }
}
span#et-info-phone:before {
    margin-right: 5px;
}
span#et-info-phone {
    font-weight: bold;
}
div#et-info {
    width: 100%;
}

/*------------------------------------------*/
/*-----------Scroll to Top Button-----------*/
/*------------------------------------------*/

/* Default button appearance */
.et_pb_scroll_top.et-pb-icon {
    right: 15px; /* space from right */
    bottom: 20px; /* space from bottom */
    padding: 6px; /*padding size*/
    border-radius: 30px; /* make the circle */
    background: #000000 /* button color */;    
    font-size: 32px; /* icon size */
    transition: all .1s ease-in-out; /* add transition */
}
/* Button Appearance on Mouseover */
.et_pb_scroll_top.et-pb-icon:hover {
    bottom: 25px /* space from bottom */;
    background: #000000 /*button hover color*/; 
    transition: all .1s ease-in-out; /*add transition*/
    box-shadow: 0 10px 15px #162c4e4a; /*box shadow on hover*/
}
/* Animation tweaks */
.et_pb_scroll_top.et-visible {
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    -moz-animation: fadeInBottom 2s 1 cubic-bezier(.50,0,.160,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.50,0,.160,1);
}
.et_pb_scroll_top.et-hidden {
    opacity: 0;
    -webkit-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeOutBottom 1s 1 cubic-bezier(.77,0,.175,1);
}

/*------------------------------------------*/
/*------Nesting Mobile Menu Settings--------*/
/*------------------------------------------ */

#main-header .et_mobile_menu .menu-item-has-children > a { 
    background-color: transparent;
    position: relative; 
}

#main-header .et_mobile_menu .menu-item-has-children > a:after { 
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-size: 24px;
    content: '\4c';
    top: 13px;
    right: 10px;
}

#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}

#main-header .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

#main-header .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}




/*-------------------------------------------------------------------*/
/*-------MOBILE MENU SLIDE IN EFFECT - FIXED MOBILE HEADER-----------*/
/*-------------------------------------------------------------------*/

/* Fix the mobile header */
@media (max-width: 980px) {
    .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
        position: fixed;
    }
}
/* Set the mobile menu full height and move it down so it doesn't overlap the fixed header */
#mobile_menu {
    display: block!important;
    height:auto;
    right: 0;
    position: fixed;
    overflow: auto;
    z-index:2!important;
    -webkit-transition: -webkit-transform 0.4s 0s;
    -moz-transition: -moz-transform 0.4s 0s;
    transition: transform 0.4s 0s;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}
/* Move the mobile menu fully off the screen when closed using translateX(100%) */
.mobile_nav.closed #mobile_menu {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
/* Move the mobile menu back onto the screen when open using translateX(0%) */
.mobile_nav.opened #mobile_menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
/* Switch the menu icon to a CROSS when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}

/*-------------------------------------------------------------------*/
/*--------------------------Footer Styles----------------------------*/
/*-------------------------------------------------------------------*/

footer#main-footer {
    display: none;
}