.grecaptcha-badge {
        z-index:9999;
}

/* add slashes to menu items */
.slash-before:before {
        content: "/ ";
        color: #00A7B5;
        font-weight: 700;
}



@media only screen and (min-width: 52em) {
        header ul > li > ul > li:first-child > ul > li:first-child > a {
                margin-top:1rem;
        }
}

header ul > li:last-child > a {
        margin-right:0rem !important;  
}  


.logo-technology-white svg * {
        fill: white !important;  
}

.logo-technology-black svg * {
        fill: black !important;  
}

.text-columns {
        column-count: 2;
        column-width: 360px;
        column-gap: 3em;
}

footer .hidden-in-footer {
        display:none !important;
}

.flag {
        max-width:32px;
        max-height:32px;
}

@media (min-width:1111px) {
        .border-product-text {
                border-left-width: 1px;
                border-left-style: solid;
                border-left-color: #00A7B5;
        }
}

#slider-content .slick-slide:not(.slick-active) {
        opacity: 0.5;
}
#slider-content .slick-list {
        overflow: visible;
}

.diagram-product-cycle {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto;
        gap: 20px;
        max-width: 480px;
}

.diagram-product-cycle .cycle-pic {
        grid-area: 1 / 1;
        max-width: 480px;
}

.diagram-product-cycle .cycle-01 {
        grid-area: 2 / 1;
        max-width: 480px;
}

.diagram-product-cycle .cycle-02 {
        grid-area: 3 / 1;
        max-width: 480px;
}

.diagram-product-cycle .cycle-03 {
        grid-area: 4 / 1;
        max-width: 480px;
}

.diagram-product-cycle .cycle-04 {
        grid-area: 5 / 1;
        max-width: 480px;  
}

@media (min-width: 1120px) {
     
        .diagram-product-cycle {
                display: grid;
                grid-template-rows: auto;
                grid-template-columns: 1fr 1fr 1fr;
                gap: 20px;
                max-width: 1120px;
        }

        .diagram-product-cycle .cycle-pic {
                grid-area: 2 / 2;
                width: 360px;
                transform: scale(1.5);
        }

        .diagram-product-cycle .cycle-01 {
                grid-area: 1 / 1;
                width: 360px;
        }

        .diagram-product-cycle .cycle-02 {
                grid-area: 1 / 3;
                width: 360px;
        }

        .diagram-product-cycle .cycle-03 {
                grid-area: 3 / 3;
                width: 360px;
        }

        .diagram-product-cycle .cycle-04 {
                grid-area: 3 / 1;
                width: 360px;
        }    
        
}

.esg-icon {
        padding: 40px;       
}
.esg-icon img {
        max-width: 128px;
}

@media (min-width: 800px) {
        .esg-icon {
                min-width: 480px;        
                min-height: 480px;     
        }
}

.animate-colors {
        transition: background-color 0.5s ease;   
}



.slick-dotted.slick-slider {
        margin-bottom: 0 !important;
}




/* 
navbar - expand and make scrollable if overflowing 
*/
@media (max-width: 1152px) {
        .nav-down {
                max-height:100vh;
                overflow-y:auto;
        }
}





@media (min-width: 1152px) {
        
        /* move first sub-item of dropdown down a bit */
        header ul > li > ul > li:first-child > a {
                padding-top:1.5rem !important; 
        }

        /* hide secondary items in main menu */
        #menu-main ul li[data-page="10"] {
                display:none !important;
        }
        #menu-main ul li[data-page="136"] {
                display:none !important;
        }                         
        .menu1, .menu1-selected {
                font-weight: normal !important;
        }
        .menu5, .menu5-selected {
                padding-left: 0.5rem !important;
        }
        
}
        
/* nav grid */
#nav-wrapper {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto; 
        gap: 0px;
}
#nav-wrapper #logo {
        grid-area: 2 / 1;
}
#nav-wrapper #language {
        grid-area: 1 / 1;
}
#nav-wrapper #menu {
        grid-area: 3 / 1;
}

#nav-wrapper #secondary-nav {
        display: none;
}

@media (min-width: 480px) {
        #nav-wrapper {
                grid-template-columns: auto auto;
                grid-template-rows: 1fr auto; 
        }
        #nav-wrapper #logo {
                grid-area: 1 / 1;
        }
        #nav-wrapper #language {
                grid-area: 1 / 2;
                padding-bottom: 10px !important;
        }
        #nav-wrapper #menu {
                grid-area: 2 / 1 / span 1 / span 2;
        }
}

@media (min-width: 1152px) {
        #nav-wrapper #menu {
                grid-area: 2 / 1;
        }
        /* show secondary navigation */
        #nav-wrapper #secondary-nav {
                grid-area: 2 / 2;
                display: block;
        }
}
@media (min-width: 1344px) {
        #nav-wrapper {
                grid-template-columns: auto 1fr auto;
                grid-template-rows: 1fr auto; 
        }

        #nav-wrapper #logo {
                grid-area: 1 / 1 / span 2 / span 1;
        }

        #nav-wrapper #language {
                grid-area: 1 / 3;
        }
        
        #nav-wrapper #menu {
                grid-area: 2 / 2;
                text-align: center;
        }  
        #nav-wrapper #menu #multilevel-navbar {
                display: inline-block;
        }
                
        #nav-wrapper #secondary-nav {
                grid-area: 2 / 3;
        }
}

/* make dc meter look stronger in menu */
.menu5.strong, .menu5-selected.strong {
        font-weight: bold !important;
        background-color: rgba(248, 248, 248, 0.9) !important;
}


/* 
* accordeon 
*/
.accordeon-grid > div {
        width: 100%;
        margin-bottom:20px;
}


        
@media (min-width: 720px) {
        .accordeon-grid > div {
                width: 50%;
        }
}

@media (min-width: 1152px) {
        .accordeon-grid > div {
                width: 25%;
        }
}

@media (min-width: 720px) {
        .accordeon-grid {
                padding: 0px 20px;
        }
        .accordeon-grid > div > div {
                margin: -10px -20px;   
        }
        .accordeon-grid > div:nth-child(1) {
                margin-top: 0px;
        }
        .accordeon-grid > div:nth-child(2) {
                margin-top: 40px;
        }
        .accordeon-grid > div:nth-child(3) {
                margin-top: 80px;
        }
        .accordeon-grid > div:nth-child(4) {
                margin-top: 120px;
        }
        .accordeon-grid > div:nth-child(5) {
                margin-top: 160px;
        }
        .accordeon-grid > div:nth-child(6) {
                margin-top: 200px;
        }
}

@media (min-width: 800px) {
        .text-overlap {
                position:relative;
                z-index:2;
                margin-right:-15%;
        }
}