/*
Theme Name: D&G Ceilings
Theme URI: http://www.dandgceilings.co.uk/
Description: Bespoke theme for D&G Ceilings
Author: Nettl inc. Absolute Creative
Author URI: https://www.absolutecreativemarketing.co.uk/
Template: Divi
Text Domain: nettl-dandgceilings
*/

/* six column row */
.nettl-six-column-layout .et_pb_column {text-align:center;}

.nettl-six-column-layout .et_pb_module {display:inline-block; margin-right:-4px; margin-bottom:24px; margin-left:11%; width:44.5%; vertical-align:top;}
.nettl-six-column-layout .et_pb_column div.et_pb_module:first-of-type {margin-left:0;}


/*------------------------------------------------*/
/*---------[GQ - CUSTOM PORTFOLIO GRID]-----------*/
/*------------------------------------------------*/
 
 
/* special hover effect for desktop only */
 
    @media (min-width: 981px){ 
    .gq-portfolio-section .et_portfolio_image {
        min-height: 200px;}
 
    .gq-portfolio-section .et_pb_portfolio_item {
            position: relative;
            overflow: hidden;
            max-height: 320px;}
 
    .gq-portfolio-section .et_pb_portfolio_item img {
            webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: scale(1.15);
            transform: scale(1.15);}
 
    .gq-portfolio-section .et_pb_portfolio_item:hover img {
            -webkit-transform: scale(1);
            transform: scale(1);}
 
    .gq-portfolio-section .et_pb_portfolio_item h2 {
        background-color: #00bdf6;
        color: #fff;
        font-size: 16px;
        position:absolute;
        text-align:center;
        width:100%;
        top:100%;
        transition:.5s;
        webkit-transition:.5s;}
 
    .gq-portfolio-section .et_pb_portfolio_item:hover h2 {
            top: 78%;
            padding: 15px 2;}
 
    .gq-portfolio-section .et_overlay {z-index: 0;}
 
 
    .gq-portfolio-section .et_overlay:before {
        opacity:0!important;
            top: -10%!important;
            font-family: sans-serif!important;
            content: 'READ MORE'!important;
            font-size: 13px;
            padding: 10px 20px;
            background-color: rgba(0, 0, 0, 0.59);
             color: #fff;
           width:100%  
            left: 50%;
            margin-right: -50%;
            transform: translate(-40%)}
 
    .gq-portfolio-section .et_overlay:hover:before {
        opacity:1!important;
            top: 6%!important;}
 
    }
 
        @media only screen and (min-width : 1061px) and (max-width : 1200px) {
            .gq-portfolio-section  .et_pb_portfolio_item h2 {font-size: 15px!important;}
            .gq-portfolio-section  .et_pb_portfolio_item:hover h2 {top: 73%!important;}}
 
        @media only screen and (min-width : 981px) and (max-width : 1060px) {
            .gq-portfolio-section  .et_pb_portfolio_item h2 {font-size: 14px!important;}
            .gq-portfolio-section  .et_pb_portfolio_item:hover h2 {top: 72%!important;}}
 
        @media only screen and (max-width : 980px) {
            .gq-portfolio-section .et_pb_portfolio_item h2 {font-size: 14px!important;}
            .gq-portfolio-section .et_overlay {display:none;}}


#top-menu li > a:hover {
 box-shadow: 0 10px 0 0 #fff !important; /*** COLOR AND THICKNESS OF THE LINE ON HOVER ***/
 padding-bottom: 34px;
 opacity: 1 !important;
}

#top-menu li li a {
 padding-bottom: 6px !important;
}
#top-menu li.current-menu-item > a,
.et-fixed-header #top-menu li.current-menu-item > a {
 border: 10px solid #0b3569; /*** COLOR AND THICKNESS OF THE BOX ***/
 padding: 10px;
 margin-bottom: -10px;
}

#top-menu li.current-menu-item > a, .et-fixed-header #top-menu li.current-menu-item > a {
    border: 0px solid #0b3569;
    padding: 10px;
    margin-bottom: -10px;
}


/* header bottom border */
    #main-header {border-bottom: 6px solid #20bef4;}