/*!
Theme Name: Divi Child
Theme URI: https://www.elegantthemes.com/gallery/divi-child/
Version: 1.0.0
Description: Divi Child Theme
Author: Absolute Media
Author URI: https://www.absolutemedia.com.au
Template: Divi
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi-child
*/

/* .more-area-new .et_pb_text_inner {
    height: 11.6em;
    line-height: 1.6em;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    text-overflow: ellipsis;
} */



#footer-widgets p {
    line-height: 1.5;
}
#footer-widgets ul#menu-footer-menu li:before{
	display:none !important;
}
#footer-widgets ul#menu-footer-menu li {
    padding: 0 !important;
    margin: 0 !important;
}
#footer-widgets .phone-icon::before, #footer-widgets .email-icon::before, #footer-widgets .address-icon::before{
	margin-left:0 !important;
}
.et_pb_gutters3.et_pb_footer_columns4 #footer-widgets .footer-widget .fwidget {
    margin-bottom: 20px !important;
}
.footer-icons:first-child {
    margin-left: 0 !important;
}
/***   COLOURS   ***/
.blue{color:#0054a4;}
.orange{color:#edab20;}
.grey{color:#414042;}
.ltGrey{color:#a3a5a8;}
.white{color:#fff;}
.black{color:#000;}

/***   TYPOGRAPHY   ***/
html {font-size:100%; }
h1{font-size:34px; font-weight:800!important; padding-bottom:30px;}
h2{font-size:28px; font-weight:800!important;}
h3{padding-top: 20px;}
.edged h3, .edged-right h3{font-size:24px; font-weight:800!important; text-transform:uppercase!important;}
.edged h3{color:#fff;}
.edged h3::before{display: inline-block; content: ""; border-bottom: 1px solid #edab20; width:600px; margin:0 10px 0 -38rem; padding-top: 10px; position:relative; top:16px; transform: translateY(-1rem);}
.edged-right h3{color:#c4c6c7; text-align:right;}
.edged-right h3::after{display: inline-block; content: ""; border-bottom: 1px solid #c4c6c7; width:600px; margin:9px -39rem 0 23px; position:absolute; transform: translateY(-1rem);}
h4{font-size:17px; font-weight:700!important;}
h5{color:#414042; font-family: Montserrat; font-size:18px; font-weight:500; text-transform:uppercase!important;}
h6{}
p{line-height:2.2em;}
p ul {margin-top:18px;}
ul li {line-height:1.6em; margin-left:10px; padding-bottom:12px; }
ul li::marker {  color:#0054a4;}
#headerVidTitle .et_pb_text_inner{color:#fff; font-family:montserrat; font-size:12vw; font-weight:900; line-height:1em; padding-bottom:30px;}
#headerVidBody .et_pb_text_inner{color:#fff; font-size:16px; font-weight:500; line-height:1.6em;}

/***   BUTTONS   ***/
#headerVidButton {background-color:#0054a4; border:2px solid #fff!important; border-radius:0!important; color:#fff; font-size:14px; font-weight:700!important; margin-top: 20px; text-transform:uppercase;}
#headerVidButton:hover{background-color:#edab20!important; border:2px solid #fff!important; padding-left:18px;}
.et_pb_button {border:2px solid #fff!important}
.et_pb_button::after{font-size:25px!important;}
#et_pb_contact_form_0 .et_pb_button:hover{padding-left:1.3em!important;}
#et_pb_contact_form_0 a.et_pb_button{padding:8px 18px; transition: 0.5s ease; }
#et_pb_contact_form_0 a.et_pb_button:hover{background-color:#edab20; width:126px;}
#lm-button{background-color:#edab20!important; border:solid #cdcdcd 2px!important; border-radius:0!important; font-size:14px; font-weight:700!important; text-transform:uppercase;}

/***   NAVIGATION   ***/
#et-top-navigation{font-weight:bold; padding-top:0!important;}
#logo{
	max-height:100%; 
	margin-bottom:-10px !important;
}
.logo_container{padding-top:0;}
#top-menu li{margin-left:1px; padding-right:18px;}
#top-menu li a{ font-size:15px; letter-spacing:0.02em;}
#top-menu > li{border-right: 1px solid #edab20; }
#top-menu > li:nth-child(5){border-right: none;}
li#menu-item-121 a, li#menu-item-122 a, li#menu-item-123 a, li#menu-item-124 a, li#menu-item-125 a, li#menu-item-976 a{ margin-bottom:-20px; margin-right:0px; margin-top:8px; padding-left:0px;}
li#menu-item-125 a{color:#fff!important;}
#et_mobile_nav_menu .et_mobile_menu{background-color:#edab20!important; opacity:1;}
#et_mobile_nav_menu .et_mobile_menu li a{ border-bottom:0!important;}
#et_mobile_nav_menu .et_mobile_menu li a:hover, .et_mobile_menu .menu-item-has-children > a{ background-color:transparent!important;}
.mobile_menu_bar::before{font-size:40px; top:20px;}
.nav ul li a:hover{background-color:#edab20; opacity:1;}
ul.sub-menu{margin-top:21px;}

/***   CAPABILITIES_PANEL   ***/
#capab-rollover .circle p {color:#fff; font-family:montserrat; font-size:20px; font-weight:900; line-height:1.1em;}
#capab-rollover .et_pb_text:nth-child(n){ justify-content:center;}
#capab-rollover .et_pb_gutters {width:22%;}
#capab-rollover .et_pb_text_4,  #capab-rollover .et_pb_text_5,  #capab-rollover .et_pb_text_6,  #capab-rollover .et_pb_text_7,  #capab-rollover .et_pb_text_8,  #capab-rollover .et_pb_text_9,  #capab-rollover .et_pb_text_10,  #capab-rollover .et_pb_text_11{border-radius: 4px; width: 100%; padding-top: 10%; padding-bottom: 10%;}
#capab-rollover .et_pb_row{ margin: 0 auto 0 auto!important; overflow:visible!important; width:90%!important;}
#capab-rollover .et_pb_row .et_pb_column_1_4{margin:0 0 8px 0 !important; }
#capab-rollover .et_pb_row_3{padding-bottom:0 !important;}
#capab-rollover .et_pb_row_4 {padding-bottom: 0 !important;}

/***    HOVER EFFECT    ***/
.hovicon {
    display: inline-block;
    font-size: 45px;
    line-height: 90px;
    cursor: pointer;
    margin: 20px 0 20px 0;
    width: 90px;
    height: 90px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}
.hovicon.small {
    font-size: 20px;
    line-height:45px;
    width:45px;
    height:45px;
    margin:7px;
}
.hovicon.mini {
    font-size: 15px;
    line-height:32px;
    width:30px;
    height:30px;
    margin:7px;
}
.hovicon.auto-width {
    width: auto;
    height: auto;
    padding: 15px;
}
.hovicon:after {
	/*background: orange;*/
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
 .hovicon.effect-5 {
	background: linear-gradient(0deg, rgba(0,84,164,1) 0%, rgba(39,157,212,1) 50%, rgba(0,84,164,1) 100%);
    box-shadow: 0 0 0 9px rgba(255, 255, 255, 0.3);
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.hovicon.effect-5:after {
    display: none;
}
.hovicon.effect-5:hover {
    background: orange;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);
}

.hovicon.effect-5.sub-a:hover:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}
@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}
.hovicon.effect-5.sub-b:hover:before {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}
@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
        transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}
.hovicon.effect-5.sub-c:hover:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}
@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}
.hovicon.effect-5.sub-d:hover:before {
    -webkit-animation: toBottomFromTop 0.3s forwards;
    -moz-animation: toBottomFromTop 0.3s forwards;
    animation: toBottomFromTop 0.3s forwards;
}
@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

/***   FABRICATION PANEL   ***/
#fabricate p{ letter-spacing:0.02em; font-family: Montserrat; font-size:17px; font-weight:900;}
#fabricate span{padding: 0 10px 0;}

/***   PROJECT CTA PANEL   ***/
#project {overflow:visible;}
#project .callout {box-shadow: 0 0 0 28px rgba(255,255,255,0.3); bottom:-100px; display:flex; align-items:center;}
#project .callout p{color:#fff; font-family: Montserrat; font-size:30px; font-weight:300; line-height:1.1em; padding-bottom:20px;}
#project .callout p span{color:#edab20; font-weight:800; }
#project .cta-blurb-with-button a{padding: 8px 14px;}
#project .cta-blurb-with-button a.et_pb_button{ background-color:none; border:2px solid #fff; border-radius:0px; color:#fff; cursor:pointer; font-size:14px; font-weight:700; transition: 0.5s ease; width:400px; }
#project .cta-blurb-with-button a.et_pb_button:hover{padding-right: 28px;}
#project .cta-blurb-with-button:hover a.et_pb_button{background-color:#edab20;}
#project .et_pb_button::after{top:4px;}
#project .cta-blurb-with-button:hover a.et_pb_button::after{top:4px;}

/***   FOOTER   ***/
#custom_html-2{width:100%;}
#footer-icon-row{display:flex; justify-content:flex-start;}
.footer-icons{height:60px; margin-left:20px; padding:0; width:60px;}
#media_image-3{float:right!important;}

/***   APPLICATIONS GALLERY   ***/
#footer-info a{font-weight:500; letter-spacing:0.02em;}

/***   MEDIA QUERIES   ***/
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
.ds-alternating-blog .et_pb_post .post-meta { margin-top: 10px; }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
}

/* Divi ----------- */
@media only screen 
and (min-width : 480px)
and (max-width : 979px) {
        .ds-alternating-blog .et_pb_post {
        margin-bottom: 0;
    }
       .ds-alternating-blog .et_pb_post a img {
        min-width: 100%;
    }
        .ds-alternating-blog .et_pb_post .entry-featured-image-url {
        margin: -30px -30px 30px -30px;
    }
        .ds-alternating-blog .et_pb_post {
            padding: 30px;
        }
 #capab-rollover .circle p {font-size:20px;}
}

/* Divi ----------- */
@media only screen 
and (min-width : 540px) {
#headerVidBody .et_pb_text_inner{font-size:18px;}

/***CAPABILITIES***/
#capab-rollover .et_pb_text_4,  #capab-rollover .et_pb_text_5,  #capab-rollover .et_pb_text_6,  #capab-rollover .et_pb_text_7,  #capab-rollover .et_pb_text_8,  #capab-rollover .et_pb_text_9,   #capab-rollover .et_pb_text_10,  #capab-rollover .et_pb_text_11{border-radius: 50%; width: 100%; padding-top: 50%; padding-bottom: 50%;}
#capab-rollover .et_pb_row{/*margin: 0 0 30px 0 !important;*/}
#capab-rollover .et_pb_row .et_pb_column_1_4{margin:0 13px 0 0 !important;padding:10px; }
#capab-rollover .et_pb_row_3{padding-bottom:10px !important;}
 .hovicon {border-radius: 50%;}
 .hovicon:after {border-radius: 0;}
 .hovicon.effect-5:hover {box-shadow: 0 0 0 17px;}
 
/***HOVER EFFECT***/
.hovicon { margin: 20px;}
}

/* Divi ----------- */
@media only screen 
and (min-width : 768px) {
#headerVidTitle .et_pb_text_inner{font-size:10vw;}
/***CAPABILITIES***/
 .hovicon.effect-5 {box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);}
 #capab-rollover .circle p {font-size:30px;}
/***CTA***/
#project .callout p{font-size:40px; }
}

/* Divi ----------- */
@media only screen 
and (min-width : 980px) {
#headerVidTitle .et_pb_text_inner{font-size:6vw; }

/***NAVIGATION***/
#top-menu li li{padding:0; width:100%;}
#top-menu li li a{font-size:13px; padding:16px 18px; text-transform:uppercase; letter-spacing:0.02em; line-height:1.1em; width:100%;}
li#menu-item-124 .sub-menu a{margin-top:8px;}
.nav li ul{padding-top:10px; padding-bottom:20px;}
.nav ul li a:hover{background-color:#edab20; opacity:1;}
#main-header .nav li ul a:hover{color:#fff; }
li#menu-item-121 a, li#menu-item-122 a, li#menu-item-123 a, li#menu-item-124 a, li#menu-item-976 a{ margin-bottom:-20px; margin-right:0px; margin-top:30px; padding-left:14px;}
li#menu-item-125{border: #fff solid 1px; background-color:#edab20;}
li#menu-item-125 a{ color:#fff; margin:12px 18px -32px 18px;}
li#menu-item-125:hover{background-color:#0054a4;}
ul.sub-menu{margin-top:0;}
li#menu-item-301 a, li#menu-item-295 a, li#menu-item-300 a, li#menu-item-296 a, li#menu-item-299 a, li#menu-item-298 a, li#menu-item-297 a{margin-top:12px;}

/***BLOG***/
   .ds-alternating-blog .et_pb_post {
     background-color: #fff;
     margin-top: 0;
     margin-bottom: 0;
     padding: 30px;
    }
    /*Add some hidden content to clear the floats and make our posts site on their own row*/
    .ds-alternating-blog .et_pb_post:after {
       content: "."; 
       visibility: hidden; 
       display: block; 
       height: 40px; 
       clear: both;
    }
    .ds-alternating-blog .et_pb_post h2 {
        margin-top: 0;
    }
    /*This sets the odd post images to the left*/
    .ds-alternating-blog .et_pb_post:nth-child(odd) img {
        float: left !important;
        overflow: hidden;
        width: calc(50% + 60px);
        height: auto;
        padding-right: 30px;
/*         margin: -30px 0 -30px -30px; */
    }
    /*This sets the even post images to the right*/
    .ds-alternating-blog .et_pb_post:nth-child(even) img {
        float: right;
        overflow: hidden;
        width: calc(50% + 60px);
        height: auto;
        padding-left: 30px;
/*         margin: -30px -30px -30px 0; */
    }
    /*This sets the background color of the image ready for the hover effect*/
    .ds-alternating-blog .et_pb_post img {  
        background:rgba(255,255,255,.75);
        opacity:1;
        -webkit-transition: opacity .25s ease;
        -moz-transition: opacity .25s ease;
        transition: opacity .25s ease;
    }
    /*This gives us the image opacity on hover*/
    .ds-alternating-blog .et_pb_post img:hover {
        opacity: .5;
    }     
    /*This aligns the post text to the right on even posts*/    
    .ds-alternating-blog .et_pb_post:nth-child(even) {
        text-align: left;
    }
        
    /*This sets the position of read more button on odd posts*/
    .ds-alternating-blog .et_pb_post:nth-child(odd) a.more-link {
        display: block;
        clear: none;
        margin-left: calc(50% + 30px);
    }
    /*This sets the position of read more button on even posts*/
    .ds-alternating-blog .et_pb_post:nth-child(even) a.more-link {
        display: block;
        clear: none;
        margin-left: calc(50% - 180px);
        }

    /*This styles the read more button*/
    .ds-alternating-blog a.more-link {
        border: 1px solid #000;
        width: 150px;
        color: #000;
        margin-top: 20px;
        padding: 10px;
        text-align: center;
    }
    /*This styles the readmore button on hover*/
    .ds-alternating-blog a.more-link:hover {
        border: 1px solid #000;
        color: #fff !important;
        background: #000;
    }

.ds-alternating-blog .et_pb_post .post-meta {color: #afafaf; font-size:80%;}
.ds-alternating-blog .et_pb_post p { line-height:1.8em;}

/***CAPABILITIES***/
.hovicon.effect-5 {box-shadow: 0 0 0 17px rgba(255, 255, 255, 0.3);}
#capab-rollover .circle p {font-size:40%;}
.et_pb_row_4 {padding-bottom: 20px !important;}
.et_pb_column_1_4 {width:19% !important;}

/***FOOTER***/
#footer-bottom {background-color:rgba(0,0,0,0)!important;}
#footer-bottom .container{border-top: 1px solid rgba(249,245,246,0.25); padding-top:10px; background-color:rgba(0,0,0,0)!important;}
#footer-info{color:rgba(251,249,249,.5); font-size:12px;}
#footer-bottom p a {color:#fff!important; text-decoration:underline!important;}
.address-icon::before, .phone-icon::before, .email-icon::before {color:#fff; font-family:ETmodules!important; margin-left:20px; margin-right:12px;}
.address-icon::before {content: '\e081';}
.phone-icon::before {content:'\e090';}
.email-icon::before {content:'\e076';}
#media_image-2{margin-bottom:0!important;}
}

/* Divi ----------- */
@media only screen 
and (min-width : 1155px) {
 #capab-rollover .circle p {font-size:20px;}
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
 #capab-rollover .circle p {font-size:22px;}
}

/* Mid screens ----------- */
@media only screen 
and (min-width : 1600px) {
#headerVidTitle .et_pb_text_inner{font-size:98px; }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/*** IE9 and above ----------- ***/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {

}


.et_pb_widget {
    float: none !important;
    
}