body:not(.home) .menu-container {
    background-color: var(--e-global-color-text);
}

.controls {
    margin-top: initial !important;
}

.menu-container {

    display: flex;
    flex-wrap: wrap;
	align-items: center;
    position: fixed;
    width: 100%;
    justify-content: space-between;
    color: #1e1e1e !important;
    z-index: 1000;
    transition: 0.2s ease-in-out;

    &.active {
        background-color: var(--e-global-color-text);
    }

    &.megamenu-active {
        .submenu-bar {
            opacity: 0;
        }
    }

    .logo-colour {
        opacity: 1;
        transition: 0.2s ease-in-out;
    }

    .logo-light-bannerr {
        opacity: 0;
        transition: 0.2s ease-in-out;
    }

    &:not(.scrolling-down, .scrolling-up) .logo-light-banner {
        display: none;
    }

    &.scrolling-down {
        transform: translateY(-100%);

        .logo-colour {
            display: block;
            opacity: 1;
        }

        .logo-light-banner {
            display: none;
            opacity: 0;
        }
    }

    &.scrolling-down,
    &.scrolling-up {

        .logo-colour {
            opacity: 0;
            display: none;

        }

        .logo-light-banner {
            display: block;
            opacity: 1;
        }

    }

    &.scrolling-up {
        transform: translateY(0);
    }

    .controls {
        flex: 0 0 35%;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        text-align: center;
        font-family: var(--e-global-typography-primary-font-family);

        &>div {
            flex: 1;
        }

        .restricted-area-container {
            a {
                color: var(--e-global-color-056623a);
            }
        }

        .search-container {
			
			padding-left: 20px;
			
            input {
                background: transparent;
                border: none;
                color: var(--e-global-color-056623a);
                border-bottom: 1px solid transparent !important;
                padding: 0;
            }

            input:focus {
                border-bottom: 1px solid var(--e-global-color-056623a) !important;
            }

            input::placeholder {
                color: var(--e-global-color-056623a);
            }

            input:focus::placeholder {
                color: #ffffff61;
            }
        }
    }

    .submenu-bar {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        background-color: var(--e-global-color-primary);
        padding: 1rem 3.2rem;
        opacity: 1;
        text-transform: uppercase;
        transition: 0.2s ease-in-out;

        .submenu-bar-container {
            display: flex;
            gap: 20px;
            align-items: center;
        }

        .title {
            color: var(--e-global-color-text);
            font-weight: 600;
            opacity: 0.6;
        }

        a {

            color: var(--e-global-color-056623a);
            font-weight: 300;
            display:flex;
            flex-wrap: wrap;
            align-items: center;

            &.active {
                font-weight: 400;
                text-decoration: underline;
                text-underline-offset: 6px;
                text-decoration-thickness: 2px;
            }

        }

    }


}

@media screen and  (min-width: 992px) and (max-width:1899.98px){
	.menu-container .controls{
		flex: 0 0 40%;
	}
}

.menu-handle-container {
    cursor: pointer
}

.search-container,
.restricted-area-container,
.menu-handle-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 2.1rem 1rem;
    z-index: 1000;
    background-color: var(--e-global-color-cf9ceac);
}

.search-container a,
.restricted-area-container a,
.menu-handle-container a,
.search-container span,
.restricted-area-container span,
.menu-handle-container span {
    text-transform: uppercase;
    font-size: 16px;
    font-family: var(--e-global-typography-3e3e7d2-font-family), Sans-serif;
    font-weight: var(--e-global-typography-3e3e7d2-font-weight);
    line-height: var(--e-global-typography-3e3e7d2-line-height);
}

.search-container .icon-menu,
.restricted-area-container .icon-menu,
.menu-handle-container .icon-menu {
    margin-left: 15px;
}

.restricted-area-container {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.search-container .label input::placeholder {
    text-transform: uppercase;
}

.menu-container.desktop .logo img {
    width: 12rem;
}

.menu-container.desktop .logo {
    padding: 0rem 3rem;
}

.menu-popup-container {
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100vw;
    height: calc(100vh - 6.2rem);
    background-color: var(--e-global-color-cf9ceac);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    pointer-events: none;
    transition: top 0.5s ease-in-out;

    /* Smooth transitions */
    &.active {
        top: 6.2rem;
        border-top: 1px solid #ffffff99;
        pointer-events: auto;
    }

    .column {
        flex: 0 0 25%;
        padding: 4rem 4rem 1rem 4rem;
		height: 30rem;
        overflow-y: auto;

        .group {

            margin-bottom: 3rem;

            a {
                color: var(--e-global-color-056623a);
            }

            .title {
                font-size: 28px;
                font-family: var(--e-global-typography-primary-font-family);
                padding-bottom: 10px;
				
				a{
					font-family: var(--e-global-typography-primary-font-family);
					text-transform: uppercase;
				}
            }

            .line {
                font-size: 18px;
                font-family: var(--e-global-typography-3d1e545-font-family);
            }
        }

    }

    .links-uteis-container {
        flex: 0 0 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        color: var(--e-global-color-056623a);
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        background-color: var(--e-global-color-cf9ceac);
        margin-top: 5rem;
        padding: 0rem 4rem;

        .links {
            flex: 70%;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
		
        .logo-grupo {
            flex: 1;
        }
    }
}

.group.no-submenu {
    margin-bottom: 0px !important;
}

.links-uteis-container .links .item a {
    color: var(--e-global-color-056623a);
    padding-right: 20px;
    text-transform: uppercase;
}

.item.label a {
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 20px;
    color: #DBDBDB !important;
}

.menu-search-container[data-type="mobile"] {
    display: none;
}

@media only screen and (min-width: 1025px) {
    .menu-container.mobile {
        display: none !important;
    }

}

/* SCROLLBAR */
.menu-popup-container .column::-webkit-scrollbar{
	width: 6px;
}
.menu-popup-container .column::-webkit-scrollbar-track {
	background: #555; 
}

.menu-popup-container .column::-webkit-scrollbar-thumb {
  	background: #f1f1f1; 
}

.menu-popup-container .column::-webkit-scrollbar-thumb:hover {
  	background: var(--e-global-color-primary);
}


/* MOBILE, MAINLY*/
@media only screen and (max-width: 1024px) {

    .menu-container.desktop,
    .menu-popup-container[data-type="desktop"] {
        display: none !important;
    }

    .menu-search-container[data-type="mobile"] {
        display: none;
        flex-wrap: wrap;
        width: 100%;
        padding: 0px 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        border-top: 1px solid rgba(255, 255, 255, 0.5);

        .search-container {
            width: 100%;
            z-index: 0;

            .label {
                width: 100%;

                .input-search {
                    width: 100%;
                    padding: 0 1rem;
                }

                .input-search::placeholder {
                    font-size: 14px;
                }
            }
        }

    }

    .menu-container.mobile {
        align-items: center;
        width: 100vw;
        background-color: var(--e-global-color-text);

        .controls {
            flex: 0 0 60%;

            .close {
                display: none;
            }

            .icon-menu {
                margin: 0;
            }
        }
    }

    .menu-popup-container .group .line {
        display: none;
    }

    .menu-popup-container[data-type="mobile"] {

        top: -100vh;

        &.active {
            top: 4.4rem;
        }

        .item-list {

            width: 100%;

            .item {

                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                width: 100%;
                padding: 10px 0px;
            }
        }

        .submenu-popup {
            display: flex;
            flex-wrap: wrap;
            position: fixed;
            top: 4.4rem;
            left: 150vw;
            width: 100vw;
            height: calc(100vh - 7.7rem);
            z-index: 100;
            background-color: #fff1d1 !important;
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            font-family: var(--e-global-typography-primary-font-family);
            pointer-events: none;
            transition: left 0.5s ease;

            &.active {
                left: 0;
                pointer-events: auto;
            }
        }

    }

}



@media screen and (min-width: 992px) and (max-width:1699.98px) {

    .menu-container {

        &.mobile {
            display: none;
        }
    }

    .search-container,
    .restricted-area-container,
    .menu-handle-container {
        padding: 2rem 1rem;
    }

    .menu-popup-container {
        top: -180%;
    }
	.search-container a, .restricted-area-container a, .menu-handle-container a, .search-container span, .restricted-area-container span, .menu-handle-container span{
		font-size: 12px;
	}
}

@media screen and (min-width: 992px) and (max-width:1899.98px) {
    .menu-container .submenu-bar a {
        font-size: 14px !important;
		line-height: 1.8;
    }
}


@media screen and (max-width: 991.98px) {
    .menu-container.mobile .controls {
        /* 		flex: 0 0 40%; */
        flex: 1%;
    }

    .menu-popup-container {
        height: calc(100vh - 4.2rem);

        .item-list {

            overflow-y: auto;
            display: block;
            height: 100%;

        }
    }

    .logo-container {
        flex: 1;
        padding: 1.1rem 0rem;
        display: flex;
        align-items: center;
    }

    .menu-container .logo img {
        width: 110px;
        margin-left: 10px;
    }

    .menu-container {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    .menu-popup-container .item-list {
        padding: 30px;
    }

    .menu-popup-container .item-list .submenu-link,
    .menu-popup-container .item-list a {
        color: #1e1e1e !important;
        font-family: var(--e-global-typography-f26bb16-font-family);
        font-size: 24px !important;
        text-transform: uppercase;
    }

    .links-uteis-container {
        padding: 0 !important;

        .item:not(.label) a {
            font-size: 1rem !important;
        }

        .item.label {
            opacity: 0.6;
            color: #DBDBDB;
        }
    }

    .submenu-link span svg{
        right: 30px;
        position: absolute;
    }

    .submenu-popup .title .back {
        font-family: var(--e-global-typography-f26bb16-font-family);
        font-size: 24px !important;
        text-transform: uppercase;
    }

    .submenu-popup .title .back {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .submenu-popup .title .back svg {
        margin-right: 15px;
    }

    .submenu-popup {
        padding: 40px 30px;
    }

    .submenu-popup .line-list a {
        text-transform: initial !important;
        font-family: var(--e-global-typography-3d1e545-font-family);
        font-size: var(--e-global-typography-d67c453-font-size) !important;
        font-weight: 300;
    }

    .submenu-popup .line-list .line {
        padding: 10px 0px;
    }

    .close svg rect {
        filL: var(--e-global-color-primary);
    }

    .submenu-popup.active .title {
        width: 100%;
    }

    .submenu-popup.active {
/*         height: min-content !important; */
		flex-flow: column;
    }

    .submenu-popup.active .line-list {
        height: 100vw;
        padding-top: 20px;
    }

    .menu-handle-container .icon-menu svg,
    .menu-handle-container .close svg {
        width: 22px;
    }

    .search-container .icon-menu svg,
    .restricted-area-container .icon-menu svg {
        width: 18px;
    }

    .search-container,
    .restricted-area-container,
    .menu-handle-container {
        padding: 1.2rem 0rem !important;
    }

    .menu-popup-container.active,
    .menu-popup-container {
        z-index: -1000;
    }

    .logo-container {
        background-color: var(--e-global-color-text);

    }
}

.title,
a {
    font-family: var(--e-global-typography-3e3e7d2-font-family);
}

.sign-in-container img {
    margin-left: 10px;
}

a.cta-sign-in {
    color: var(--e-global-color-7ec9e38);
    text-transform: uppercase;
    font-weight: 400;
}

a.cta-sign-in svg{
	margin-left: 10px;
}

a.cta-sign-in svg path{
	fill: var(--e-global-color-7ec9e38);
}
a.cta-sign-in svg circle{
	stroke: var(--e-global-color-7ec9e38);
}

@media screen and  (min-width: 1500px) and (max-width:1699.99px){
	.menu-container .controls{
		flex: 0 0 37%!important;
	}
	.menu-popup-container.active{
		top: 5.2rem!important;
	}
}

@media screen and  (min-width: 1400px) and (max-width:1499.99px){
	.menu-container .controls{
		flex: 0 0 40%!important;
	}
	.menu-popup-container.active{
		top: 5.2rem!important;
	}
}

@media screen and  (min-width: 1350px) and (max-width:1399.99px){
	.menu-container .controls{
		flex: 0 0 45%!important;
	}
	.menu-popup-container.active{
		top: 5.2rem!important;
	}
}

@media screen and  (min-width: 1200px) and (max-width:1349.99px){
	.menu-container .controls{
		flex: 0 0 46%!important;
	}
	.menu-popup-container.active{
		top: 5.2rem!important;
	}
}

@media screen and  (min-width: 1181px) and (max-width:1199.99px){
	.menu-container .controls{
		flex: 0 0 47%!important;
	}
	.menu-popup-container.active{
		top: 5.2rem!important;
	}
}

@media screen and  (min-width: 1040px) and (max-width:1180.99px){
	.menu-container .controls{
		flex: 0 0 52%!important;
	}
	.menu-popup-container.active{
		top: 5.2rem!important;
	}
}

@media screen and  (min-width: 1006px) and (max-width:1039.99px){
	.menu-container .controls{
		flex: 0 0 55%!important;
	}
	.menu-popup-container.active{
		top: 5.2rem!important;
	}
}

@media screen and  (min-width: 992px) and (max-width:1005.99px){
	.menu-container .controls{
		flex: 0 0 54%!important;
	}
	.menu-popup-container.active{
		top: 5.2rem!important;
	}
}

.search-container .icon-menu svg{
	  width: 16px;
}

.restricted-area-container .icon-menu svg{
	  width: 16px;
}
.menu-handle-container .icon-menu svg{
	  width: 17px;
}
.controls .label .input-search{
	max-height: 30px;
}

@media screen and (min-width: 1500px) and (max-width: 1699.99px){
	.menu-popup-container .title{
		font-size: 22px!important;
	}
}

@media screen and (min-width: 992px) and (max-width: 1499.99px){
	.menu-popup-container .title{
		font-size: 18px!important;
	}
}