/*
 Theme Name:   TWC
 Theme URI:    http://www.thewebco.co.nz
 Description:  TWC standard child theme.
 Author:       The Web Company
 Author URI:   http://www.thewebco.co.nz
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


.et_header_style_split {
    #main-header {
    
        &.et-fixed-header{
            .centered-inline-logo-wrap {
                margin: -33px 0 !important;
                width: 200px !important;
            }
        }
        
        /*remove logo on mobile screen */
        .logo_container {
            display: none;
        }
        
        
        
        .centered-inline-logo-wrap {
            float: right;
            margin-top: -44px !important;
            width: 0px !important;
        }
        
        @media (max-width: 980px) {
            
            /* fix top margin on mobile navbar */
            #et_mobile_nav_menu {
                margin-top: 10px !important;
            }    
        }
    }
}
.banner-section{
    .header-tabs-row {

        margin: 0 !important;
        max-width: unset;
        width: 100%;
        
        

        .top-header-slide {
            .et_pb_slide {
                padding: 0 !important;
                
                .et_pb_container {
                    height: 768px !important;
        
        
                    .et_pb_slide_image {
            
                        width: 100% !important;
                        height: 100% !important;
                        position: absolute;
                        top: 0px;
                        height: 0px;
                        margin: 0px !important;
                        display: block !important;
                        
                        img {
                                position: absolute;
                                width: 100%;
                                height: 100%;
                                top: 0px;
                                left: 0px;
                                object-fit: cover;
                                max-height: unset !important;
                        }
                    }
                    
                    .et_pb_slide_description {
                        display: flex;
                        flex-direction: column;
                        justify-content: end;
                        height: 100%;
                        text-align: left;
                        padding-bottom: 150px;
                        padding-left: 30px;
                        padding-right: 30px;
                        float: left;
                    }
                }
            }
            
            &.iconn-slide {
                .et_pb_container {
                    .et_pb_slide_description {
                        justify-content: center;
                        align-items: end;
                    }
                }
            }
        }
        
        &.mobile-header-tabs-row {
            .et_pb_slides {
                
                
                .et_pb_slide_2 {
                    .et_pb_slide_description {
                        /*padding-left: 30px;*/
                        padding-left: 0;
                        width: 80%;
                        padding-right: 0px;
                        margin: auto;
                        float: none;
                    }
                
                }
                /* iconn slide (mobile) */
                .et_pb_slide_3 {
                    .et_pb_slide_description {
                        float: right !important;
                        width: 95% !important;

                        
                        .et_pb_slide_content {
                            img {
                                position: absolute;
                                top: 50%;
                                right: 40px;
                                transform: translateY(-50%);
                            }
                        }
                    }
                }
            }
            
            /*@media only screen and (min-width: 767px) {*/
            /*    .et_pb_slides {*/
            /*        .et_pb_slide_2 {*/
            /*            .et_pb_slide_2 {*/
            /*                .et_pb_slide_description {*/
            /*                    padding-left: 90px;*/
                                
            /*                }*/
                        
            /*            }*/
            /*        }*/
            /*    }*/
            /*}*/
        }
        
    }
    
    .marquee-row {
        position: relative;
        top: -79px;
        max-width: unset;
        width: 100%;
        
        .et_pb_code_inner {

            background-color: rgba(0, 0, 0, 0.3);
            padding: 26px 0px;
            
            > div {
                width:80% !important;
                margin: auto;
            }
        }
    }
}

.marquee-section {
    z-index: 999;
}


.iconn-hero-section {
    
    
    .iconn-hero-logo {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 168px;
        margin-top: -68px;
        
    }
    

    
    @media only screen and (min-width: 767px) {
        .iconn-hero-logo { 
            margin-top: -320px;
        }
    }
    
    @media only screen and (min-width: 980px) {
        .iconn-hero-logo { 
            margin-top: -370px;
            width: 300px;
            
        }
    }
}

.centered-inline-logo-wrap {
    display: none !important;
}

.iconn-menu-image {
    > a  {
        display: block;
        width: 102px; /* adjust width */
        
    
        text-indent: -9999px; /* hide text */
        background-image: url('/wp-content/uploads/2026/01/250501-RCG-iConn-Brochure-v07-PRINT-1.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position:relative !important;
        top: -23px;
    }

}

.et_mobile_menu {
    li.iconn-menu-image {
        a {
            top:10px;
            left:10px;
        }
    }   
}


    