/*** VERTICAL MENU CSS - START ***/
/* Load Roboto font locally */
/*@font-face {*/
/*    font-family: 'Roboto';*/
/*    src: url("/templates/shaper_helixultimate/fonts/Roboto/Roboto-Regular.ttf");*/
/*    font-weight: 400;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Roboto';*/
/*    src: url("/templates/shaper_helixultimate/fonts/Roboto/Roboto-Black.ttf");*/
/*    font-weight: 900;*/
/*}*/

.vert-menu,
.vert-menu-children {
    list-style-type: none;
}

.vert-menu {
    padding: 0;
}

div#sp-vertical-menu {
    top: 0;
    left: 0;
    position: fixed;
    height: 100%;
    z-index: 100;
    max-width: 6.25rem;
    width: 100%;
    padding: 0;
    background-color: var(--atsea-red);
}

.vert-menu-children {
    position: fixed;
    top: 0;
    left: 6.25rem;
    height: 100%;
    width: 21.875rem;
    padding: 0 0 2.5rem 2.5rem;
    background: #fff;
    overflow-y: auto;
    text-align: left;
    cursor: context-menu;
}

.vert-menu-parent {
    width: 6.25rem;
    height: 3.4375rem;
    margin-top: 2.375rem;
}

.vert-menu-logo {
    padding: 1.9375rem 0 1.875rem 0;
}

.vert-menu > li:nth-child(3){
    margin-top: 8.3125rem;
}

.vert-menu-logo > a > img {
    width: 3.9375rem;
    height: 4.875rem;
    margin: 0 auto;
}

.vert-menu-icon {
    margin: 0 auto;
    cursor: pointer;
}

.vert-menu-white {
    background: #ffffff!important;
}

.vert-menu-hidden {
    visibility: hidden;
}

.vert-menu-opacity {
    opacity: 0;
}

.vert-menu-children > li:nth-child(1)
{
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: var(--atsea-blue);
    margin: 0.3125rem 0 0.625rem 0;
    padding: 15.625rem 0 0 0; /* must be converted on media queries */
}

.vert-menu-children > li {
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-decoration: none;
    color: var(--atsea-blue);
    width: 69%;
}

.vert-menu-children > li.vert-menu-children-logo-li {
    width: 75%;
}

.vert-menu-children > li > a.vert-menu-linkable {
    text-decoration: none;
    color: var(--atsea-blue);
}
.vert-menu-children > li > a.vert-menu-linkable:hover,
.vert-menu-children > li > a.vert-menu-linkable:focus,
.vert-menu-children > li > a.vert-menu-linkable:focus-visible {
    outline: none;
    color: var(--atsea-red);
}

.vert-menu-children-hr {
    width: 12.5rem;
    color: #183866;
    background-color: #183866;
    height: 1px;
    opacity: 1;
    margin: 0.15625rem 0;
}

/* Hide the last hr child from Info submenu */
.info-atsea + .vert-menu-children > .vert-menu-children-hr:last-of-type {
    display: none;
}

.vert-menu-questionnaire {
    position: absolute;
    bottom: 8.75rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: auto!important;
}

span.vert-menu-questionnaire-title {
    font-family: 'Roboto', sans-serif;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    font-weight: 400;
    color: var(--atsea-blue);
}

span.vert-menu-questionnaire-subtitle {
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 900;
    color: var(--atsea-blue);
}

p.vert-menu-questionnaire-content {
    font-family: 'Manrope', sans-serif;
    font-size: 0.75rem!important;
    line-height: 1.125rem!important;
    color: var(--atsea-blue);
    margin: 1.5625rem 0 2.0625rem 0;
    padding: 0 2.5rem 0 0;
}

a.vert-menu-questionnaire-a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 16.875rem;
}

a.vert-menu-questionnaire-a > span.vert-menu-questionnaire-action {
    display: inherit;
    flex-wrap: wrap;
    align-content: center;
    font-family: 'Manrope', sans-serif;
    font-size: 1rem;
    line-height: 1.0625rem;
    letter-spacing: -0.01rem;
    font-weight: 400;
    color: #fff;
    background-color: #6EBFD7;
    padding:0.5rem 2.5625rem;
    border-top-left-radius: 0.3125;
    border-bottom-left-radius: 0.3125;
    width: 11.875rem;
    white-space: nowrap;
}

a.vert-menu-questionnaire-a > span.vert-menu-questionnaire-icon {
    display: inherit;
    flex-direction: column;
    align-items: center;
    color: #fff;
    background-color: #007CA0;
    padding: 0.375rem 1.5625rem;
    border-top-right-radius: 0.3125;
    border-bottom-right-radius: 0.3125;
    width: 5rem;
    white-space: nowrap
}

a.vert-menu-questionnaire-a:hover > span.vert-menu-questionnaire-action,
a.vert-menu-questionnaire-a:focus > span.vert-menu-questionnaire-action,
a.vert-menu-questionnaire-a:focus-visible > span.vert-menu-questionnaire-action {
    background-color: #007CA0;
}

a.vert-menu-questionnaire-a:hover > span.vert-menu-questionnaire-icon,
a.vert-menu-questionnaire-a:focus > span.vert-menu-questionnaire-icon,
a.vert-menu-questionnaire-a:focus-visible > span.vert-menu-questionnaire-icon {
    background-color: #6EBFD7;
}

.vert-menu-children-logo-li {
    position: absolute;
    bottom: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.vert-menu-children-logo {
    width: 4.6875rem;
    height: 4.9375rem;
}

.vert-menu-children-oneattica-logo {
    height: fit-content;
}

.vert-menu-children-oneattica-logo > img {
    height: auto;
}

.sp-module-content .mod-languages ul.lang-inline li {
    margin: 0!important;
}

.vert-menu-languages > a > img {
    width: 1.65625rem;
    height: 1.125rem;
    margin-bottom: 0.3125rem;
}

.vert-menu-languages > a > span {
    font-family: 'Manrope', sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: 500;
    color: #fff;
}

/* Music children */

.vert-menu-music-children {
    list-style-type: none;
    padding: 0 0 0 1rem;
}

.vert-menu-music-children > li {
    overflow-wrap: break-word;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.875rem;
    text-decoration: none;
    color: var(--atsea-blue);
}

ul.vert-menu-music-children > li > a.vert-menu-music-linkable {
    text-decoration: none;
    color: var(--atsea-blue);
}

ul.vert-menu-music-children > li > a.vert-menu-music-linkable:hover,
ul.vert-menu-music-children > li > a.vert-menu-music-linkable:focus,
ul.vert-menu-music-children > li > a.vert-menu-music-linkable:focus-visible {
    outline: none;
    color: var(--atsea-red);
}

.vert-menu-children > li.vert-menu-close {
    position: absolute;
    top: 14.0625rem;
    right: 3.625rem;
    font-family: 'Manrope', sans-serif;
    font-weight: 200;
    font-size: 4.5rem;
    width: 1.6875rem;
    height: 1.6875rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.vert-menu-children > li.vert-menu-close > a {
    transform: rotate(45deg);
}

/* Menu Icons */

.home-atsea { background: url(/images/menu-icons/Group_96.svg); }
.home-atsea:hover,
.home-atsea.active-menu,
.home-atsea.open-menu,
.home-atsea:focus { background: url(/images/menu-icons/active/Group_96_hover.svg); }

.info-atsea { background: url(/images/menu-icons/Path_197.svg); }
.info-atsea:hover,
.info-atsea.active-menu,
.info-atsea.open-menu,
.info-atsea:focus { background: url(/images/menu-icons/active/Path_197_hover.svg); }

.pod-state-atsea { background: url(/images/menu-icons/Group_97.svg); }
.pod-state-atsea:hover,
.pod-state-atsea.active-menu,
.pod-state-atsea.open-menu,
.pod-state-atsea:focus { background: url(/images/menu-icons/active/Group_97_hover.svg); }

.newsroom-atsea { background: url(/images/menu-icons/Group_101.svg); }
.newsroom-atsea:hover,
.newsroom-atsea.active-menu,
.newsroom-atsea.open-menu,
.newsroom-atsea:focus { background: url(/images/menu-icons/active/Group_101_hover.svg); }

.seaflix-atsea { background: url(/images/menu-icons/Path_190.svg); }
.seaflix-atsea:hover,
.seaflix-atsea.active-menu,
.seaflix-atsea.open-menu,
.seaflix-atsea:focus { background: url(/images/menu-icons/active/Path_190_hover.svg); }

.seasmiles-atsea { background: url(/images/menu-icons/Group_105.svg); }
.seasmiles-atsea:hover,
.seasmiles-atsea.active-menu,
.seasmiles-atsea.open-menu,
.seasmiles-atsea:focus { background: url(/images/menu-icons/active/Group_105_hover.svg); }

.shop-atsea { background: url(/images/menu-icons/Group_107.svg) }
.shop-atsea:hover,
.shop-atsea.active-menu,
.shop-atsea.open-menu,
.shop-atsea:focus { background: url(/images/menu-icons/active/Group_107_hover.svg); }

.food-atsea { background: url(/images/menu-icons/Group_109.svg); }
.food-atsea:hover,
.food-atsea.active-menu,
.food-atsea.open-menu,
.food-atsea:focus { background: url(/images/menu-icons/active/Group_109_hover.svg); }

.home-atsea, .home-atsea.active-menu, .home-atsea.open-menu,  .home-atsea:focus, .home-atsea:hover,
.info-atsea, .info-atsea.active-menu, .info-atsea.open-menu, .info-atsea:hover, .info-atsea:focus, .info-atsea:hover,
.pod-state-atsea, .pod-state-atsea.active-menu, .pod-state-atsea.open-menu, .pod-state-atsea:hover, .pod-state-atsea:focus, .pod-state-atsea:hover,
.newsroom-atsea, .newsroom-atsea.active-menu, .newsroom-atsea.open-menu, .newsroom-atsea:hover, .newsroom-atsea:focus, .newsroom-atsea:hover,
.seaflix-atsea, .seaflix-atsea.active-menu, .seaflix-atsea.open-menu, .seaflix-atsea:hover, .seaflix-atsea:focus, .seaflix-atsea:hover,
.seasmiles-atsea, .seasmiles-atsea.active-menu, .seasmiles-atsea.open-menu, .seasmiles-atsea:hover, .seasmiles-atsea:focus, .seasmiles-atsea:hover,
.shop-atsea, .shop-atsea.active-menu, .shop-atsea.open-menu, .shop-atsea:hover, .shop-atsea:focus, .shop-atsea:hover,
.food-atsea, .food-atsea.active-menu, .food-atsea.open-menu, .food-atsea:hover, .food-atsea:focus, .food-atsea:hover {
    width: 100%;
    height: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 2.5rem auto;
}

.home-atsea::after,
.info-atsea::after,
.pod-state-atsea::after,
.newsroom-atsea::after,
.seaflix-atsea::after,
.seasmiles-atsea::after,
.shop-atsea::after,
.food-atsea::after {
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'Manrope', sans-serif;
    font-size: 0.9375rem;
    line-height: 1.125rem;
    font-weight: 300;
    color: #fff;
    height: 100%;
    top: 60px;
    position: relative;
    display: block;
    height: 1.25rem;
}

.home-atsea:hover::after, .home-atsea.active-menu::after, .home-atsea.open-menu::after,
.info-atsea:hover::after, .info-atsea.active-menu::after, .info-atsea.open-menu::after,
.pod-state-atsea:hover::after, .pod-state-atsea.active-menu::after, .pod-state-atsea.open-menu::after,
.newsroom-atsea:hover::after, .newsroom-atsea.active-menu::after, .newsroom-atsea.open-menu::after,
.seaflix-atsea:hover::after, .seaflix-atsea.active-menu::after, .seaflix-atsea.open-menu::after,
.seasmiles-atsea:hover::after, .seasmiles-atsea.active-menu::after, .seasmiles-atsea.open-menu::after,
.shop-atsea:hover::after, .shop-atsea.active-menu::after, .shop-atsea.open-menu::after,
.food-atsea:hover::after, .food-atsea.active-menu::after, .food-atsea.open-menu::after {
    color: var(--atsea-blue);
}

/* Vertical orientation according to max-height and min-width 1113px */

/* @media screen and ( max-height: 999px ){ */
@media screen and ( max-height: 1065px ){

    .vert-menu-parent {
        margin-top: 1.5625rem;
    }
    
    .vert-menu > li:nth-child(3) {
        margin-top: 4rem;
    }

    .vert-menu-children > li:nth-child(1) {
        padding: 5rem 0 0 0;
    }

    .vert-menu-children > li.vert-menu-close {
        top: 3.4375rem;
    }
}

/* @media screen and (max-height: 869px) { */
@media screen and (max-height: 999px) {
    .vert-menu > li:nth-child(3) {
        margin-top: 2rem;
    }

    .vert-menu-parent {
        margin-top: 1.375rem;
    }

    p.vert-menu-questionnaire-content {
        display: none;
    }

    a.vert-menu-questionnaire-a {
        margin: 0.625rem 0 0 0;
    }
}

/* @media screen and ( max-height: 829px ){ */
@media screen and ( max-height: 869px ){
    .vert-menu-children > li:nth-child(1) {
        padding: 1.9375rem 0 0 0;
        margin: 0 0 0.625rem 0;
    }

    .vert-menu-children > li.vert-menu-close {
        top: 2.0625rem;
    }
}

/* @media screen and ( max-height: 769px ){ */
@media screen and ( max-height: 829px ){
    
    .vert-menu > li:nth-child(3) {
        margin-top: 1.3rem;
    }

    .vert-menu-parent {
        /* margin-top: 1.2rem; */
        margin-top: 1.1rem;
        /* height: 3rem; */
    }

    .home-atsea::after, 
    .info-atsea::after, 
    .pod-state-atsea::after, 
    .newsroom-atsea::after, 
    .seaflix-atsea::after, 
    .seasmiles-atsea::after, 
    .shop-atsea::after, 
    .food-atsea::after {
        font-size: 0.85rem;
        top: 55px;
    }

    .vert-menu-children > li:nth-child(1) {
        padding: 1.9375rem 0 0 0;
        margin: 0 0 0.625rem 0;
    }

    p.vert-menu-questionnaire-content {
        margin: 1rem 0 1.2rem 0;
    }

    .vert-menu-children > li:nth-child(1) {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    .vert-menu-children > li {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    span.vert-menu-questionnaire-title {
        font-size: 1rem;
        line-height: 1.1rem;
    }

    span.vert-menu-questionnaire-subtitle {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .vert-menu-children > li.vert-menu-close {
        top: 1.8125rem;
        font-size: 3.8rem;
    }
}

/* @media screen and ( max-height: 689px ){ */
@media screen and ( max-height: 769px ){

    .vert-menu-logo {
        padding: 1rem 0;
    }

    .vert-menu-logo > a > img {
        width: 3rem;
        height: 3.5rem;
    }

    .vert-menu > li:nth-child(3) {
        margin-top: 1rem;
    }

    .vert-menu-parent {
        /* margin-top: 0.9rem; */
        margin-top: 0.375rem;
    }

    .home-atsea::after, 
    .info-atsea::after, 
    .pod-state-atsea::after, 
    .newsroom-atsea::after, 
    .seaflix-atsea::after, 
    .seasmiles-atsea::after, 
    .shop-atsea::after, 
    .food-atsea::after {
        font-size: 0.8rem;
    }

    p.vert-menu-questionnaire-content {
        margin: 0.5rem 0 1.2rem 0;
        line-height: 0.9rem!important;
    }

    .vert-menu-children > li.vert-menu-close {
        top: 1.875rem;
    }

    .home-atsea, .home-atsea.active-menu, .home-atsea.open-menu, .home-atsea:focus, .home-atsea:hover, .info-atsea, .info-atsea.active-menu, .info-atsea.open-menu, .info-atsea:hover, .info-atsea:focus, .info-atsea:hover, .pod-state-atsea, .pod-state-atsea.active-menu, .pod-state-atsea.open-menu, .pod-state-atsea:hover, .pod-state-atsea:focus, .pod-state-atsea:hover, .newsroom-atsea, .newsroom-atsea.active-menu, .newsroom-atsea.open-menu, .newsroom-atsea:hover, .newsroom-atsea:focus, .newsroom-atsea:hover, .seaflix-atsea, .seaflix-atsea.active-menu, .seaflix-atsea.open-menu, .seaflix-atsea:hover, .seaflix-atsea:focus, .seaflix-atsea:hover, .seasmiles-atsea, .seasmiles-atsea.active-menu, .seasmiles-atsea.open-menu, .seasmiles-atsea:hover, .seasmiles-atsea:focus, .seasmiles-atsea:hover, .shop-atsea, .shop-atsea.active-menu, .shop-atsea.open-menu, .shop-atsea:hover, .shop-atsea:focus, .shop-atsea:hover, .food-atsea, .food-atsea.active-menu, .food-atsea.open-menu, .food-atsea:hover, .food-atsea:focus, .food-atsea:hover {
        background-size: 2rem auto;
    }

    .home-atsea::after, .info-atsea::after, .pod-state-atsea::after, .newsroom-atsea::after, .seaflix-atsea::after, .seasmiles-atsea::after, .shop-atsea::after, .food-atsea::after {
        font-size: 0.7rem;
    }
}

/* @media screen and ( max-height: 639px ){ */
@media screen and ( max-height: 689px ){
    .vert-menu-questionnaire {
        bottom: 7.75rem;
    }

    .vert-menu-questionnaire-content {
        margin: 0.5rem 0 0.5rem 0;
    }
}

/* @media screen and ( max-height: 619px ){ */
@media screen and ( max-height: 639px ){
    .vert-menu-children > li:nth-child(1) {
        line-height: 0.2rem;
    }
    .vert-menu-questionnaire {
        bottom: 6.4rem;
    }
    .vert-menu-children-logo-li {
        bottom: 1rem;
    }

    .vert-menu-children > li.vert-menu-close {
        top: 1.0625rem;
    }

    .home-atsea, .home-atsea.active-menu, .home-atsea.open-menu, .home-atsea:focus, .home-atsea:hover, .info-atsea, .info-atsea.active-menu, .info-atsea.open-menu, .info-atsea:hover, .info-atsea:focus, .info-atsea:hover, .pod-state-atsea, .pod-state-atsea.active-menu, .pod-state-atsea.open-menu, .pod-state-atsea:hover, .pod-state-atsea:focus, .pod-state-atsea:hover, .newsroom-atsea, .newsroom-atsea.active-menu, .newsroom-atsea.open-menu, .newsroom-atsea:hover, .newsroom-atsea:focus, .newsroom-atsea:hover, .seaflix-atsea, .seaflix-atsea.active-menu, .seaflix-atsea.open-menu, .seaflix-atsea:hover, .seaflix-atsea:focus, .seaflix-atsea:hover, .seasmiles-atsea, .seasmiles-atsea.active-menu, .seasmiles-atsea.open-menu, .seasmiles-atsea:hover, .seasmiles-atsea:focus, .seasmiles-atsea:hover, .shop-atsea, .shop-atsea.active-menu, .shop-atsea.open-menu, .shop-atsea:hover, .shop-atsea:focus, .shop-atsea:hover, .food-atsea, .food-atsea.active-menu, .food-atsea.open-menu, .food-atsea:hover, .food-atsea:focus, .food-atsea:hover {
        /* background-size: 2rem auto; */
        background-size: 1.850rem auto;
    }

    .vert-menu > li:nth-child(3) {
        margin-top: 0;
    }

    .vert-menu-parent {
        margin-top: 0.5rem;
        height: 2.9rem;
    }

    .home-atsea::after, .info-atsea::after, .pod-state-atsea::after, .newsroom-atsea::after, .seaflix-atsea::after, .seasmiles-atsea::after, .shop-atsea::after, .food-atsea::after {
        /* font-size: 0.7rem; */
        font-size: 0.65rem;
    }
}

/*** VERTICAL MENU CSS - END ***/

/*** MOBILE MENU CSS - START ***/
section#sp-mobile-header {
    background-color: var(--atsea-red);
}

div#sp-custom-offcanvas {
    display: flex;
    align-items: center;
    align-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

div#sp-custom-offcanvas > div.sp-column > div.sp-module > div.sp-module-content {
    display: flex;
    flex-direction: row;
    align-items: center;

    margin: 1.25rem 1.25rem;
    height: 60px;
}

div#sp-custom-offcanvas > div.sp-column > div.sp-module > div.sp-module-content > ul.lang-inline {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 1.5rem;
}

a.idcs-offcanvas-bars-icon,
button.idcs-offcanvas-bars-icon{
    font-family: 'Manrope', sans-serif;
    font-weight: 200;
    text-decoration: none;
    color: #fff;
    /* float: right; */
    /* margin: 1.6875rem 4.375rem 0 0; */
    font-size: 2rem;
    cursor: pointer;
    background-color: #fff;
    border: none;
    padding: 0;
}

a.idcs-offcanvas-bars-icon:hover,
a.idcs-offcanvas-bars-icon:focus,
a.idcs-offcanvas-bars-icon:focus-visible,
button.idcs-offcanvas-bars-icon:hover,
button.idcs-offcanvas-bars-icon:focus,
button.idcs-offcanvas-bars-icon:focus-visible {
    color: #fff;
}

a.idcs-offcanvas-bars-icon:after ,
button.idcs-offcanvas-bars-icon:after {
    content: '';
    width: 35px;
    height: 27px;
}

.idcs-offcanvas-nav-overlay {
    position: fixed;
    /*top: 6.7rem;*/
    top: 190px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #283271;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition:    transform .5s ease-in-out;
    -o-transition:      transform .5s ease-in-out;
    -ms-transition:     transform .5s ease-in-out;
    transition:         transform .5s ease-in-out;
    transform: translateY(100%);
    z-index: 99999;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* Hide scrollbar for IE and Edge */
    scrollbar-width: none; /* Hide scrollbar for Firefox */

    height: -webkit-fill-available;
}

.idcs-offcanvas-transform-none {
    transform: none;
}

.idcs-offcanvas-nav-overlay::-webkit-scrollbar { display: none; }

.idcs-offcanvas-nav-overlay > ul.idcs-offcanvas-menu {
    position: absolute;
    top: 2.5625rem;
    /* margin: 0;

    padding: 0 0 0 3.313rem;
    width: 100%;
    height: 100%; */

    padding: 0;
    height: 100%;
    width: 383px;
    padding: 0 0 0 1.25rem;
}


li.idcs-offcanvas-menu-parent {
    margin: 1.2rem 0 0 0;
    cursor: pointer;
}

li.idcs-offcanvas-menu-parent:nth-child(1)
{
    margin: 0;
}

li.idcs-offcanvas-menu-parent:last-of-type {
    /* width: 100%;
    display: flex; */
    /* margin: 2.5rem 0 0 0; */
    margin: 50px 0 0 0;
    padding: 0 0 2.5rem 0rem;
}

li.idcs-offcanvas-menu-parent:last-of-type * hr.offcanvas-menu-bottom-hr {
    /*width: 12.5rem;*/
    color: #fff;
    background-color: #fff;
    height: 2px;
    opacity: 1;
    /*margin: 0 0 2.5rem 0;*/
    margin: 0 0 20px 0;
}

li.idcs-offcanvas-menu-parent:last-of-type * ul.offcanvas-menu-bottom-links {
    list-style-type: none;
    /* padding: 0; */
    padding: 0 3.313rem 0 0;
}

/* li.idcs-offcanvas-menu-parent:last-of-type * ul.offcanvas-menu-bottom-links > li::before {
    content: "•";
    color: #fff;
    padding: 0 1.09375rem 0 0;
} */

li.idcs-offcanvas-menu-parent:last-of-type * ul.offcanvas-menu-bottom-links > li,
li.idcs-offcanvas-menu-parent:last-of-type * ul.offcanvas-menu-bottom-links > li > a {
    font-family: 'Manrope', sans-serif;
    font-size: 0.75rem!important;
    line-height: 1.125rem!important;
    font-weight: 400!important;
    color: #fff;
}

ul.idcs-offcanvas-menu > li.idcs-offcanvas-menu-parent > a.idcs-offcanvas-menu-aref {
    display: flex;
    text-decoration: none;
    /* margin: 0 0.875rem; */
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    line-height: 27px;
    font-weight: 700;
    color: #fff;
    
    /*width: calc(100% - 37px);*/
    width: calc(100% - 45px);
    padding-bottom: 10px;
}

.idcs-offcanvas-menu-icon {
    /* margin: 0 0.9rem 0 0; */

    /* margin: 0 13px 0 0;
    width: 23px;
    position: relative; */

    width: 37px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.idcs-offcanvas-menu-icon-arrow {
    width: 45px;
    /*height: 33px;*/
    /*height: 25px;*/
    display: flex;
    justify-content: flex-end;
}

.idcs-offcanvas-menu-icon-arrow img {
    width: 25px;
    height: 25px;
}

.idcs-offcanvas-menu-icon-open {
    margin-right: 1.35rem;
}

.idcs-offcanvas-menu-class-icon {
    /* margin: 0 0.9rem 0 0; */

    /* position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-height: 28px; */

    max-height: 28px;
    max-width: 17px;
}

.idcs-offcanvas-menu-class-icon .home-atsea {
    background-image: url(/images/logo/home-atsea.svg);
}

.idcs-offcanvas-menu-class-icon .info-atsea {
    background-image: url(/images/logo/info-atsea.svg);
}

.idcs-offcanvas-menu-class-icon .pod-state-atsea {
    background-image: url(/images/logo/pod-state-atsea.svg);
}

.idcs-offcanvas-menu-class-icon .kids-atsea {
    background-image: url(/images/logo/kids-atsea.svg);
}

.idcs-offcanvas-menu-class-icon .newsroom-atsea {
    background-image: url(/images/logo/newsroom-atsea.svg);
}

.idcs-offcanvas-menu-class-icon .seaflix-atsea {
    background-image: url(/images/logo/seaflix-atsea.svg);
}

.idcs-offcanvas-menu-class-icon .shop-atsea {
    background-image: url(/images/logo/shop-atsea.svg);
}

.idcs-offcanvas-menu-class-icon .food-atsea {
    background-image: url(/images/logo/food-atsea.svg);
}

ul.idcs-offcanvas-menu-children {
    display: none;
    /* padding: 0 0 0.3125rem 3.8rem; */
    /* padding: 0 0 0.3125rem 38px; */
    /*padding: 0 2.375rem 0.3125rem 2.375rem;*/
    
    padding: 0 0 0 25px;
    width: 100%;
}

ul.idcs-offcanvas-menu-children > li {
    width: 100%;
    margin-top: 5px;
    
    margin-top: 10px;
    /*margin-bottom: 5px;*/
}

ul.idcs-offcanvas-menu-children > li:first-child {
    margin-top: 10px;
    /*margin-top: 0px;*/
}

ul.idcs-offcanvas-menu-children > li > a.idcs-offcanvas-menu-linkable {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    line-height: 27px;
    /*font-weight: 300;*/
    font-weight: 700;
    color: #fff;
    
    display: block;
    width: 100%;
    padding-bottom: 10px;
}

ul.idcs-offcanvas-menu-children > li > a.idcs-offcanvas-menu-linkable:hover,
ul.idcs-offcanvas-menu-children > li > a.idcs-offcanvas-menu-linkable:focus,
ul.idcs-offcanvas-menu-children > li > a.idcs-offcanvas-menu-linkable:focus-visible {
    outline: none;
    color: #fff;
}

.offcanvas-menu-parent-inside-hr,
.offcanvas-menu-children-inside-hr,
.offcanvas-menu-parent-hr,
.offcanvas-menu-children-hr {
    /*width: 12.5rem;*/
    width: 100%;
    color: #2DB33C;
    background-color: #2DB33C;
    height: 2px;
    opacity: 1;
    margin: 0.15625rem 0;
}

.offcanvas-menu-parent-inside-hr,
.offcanvas-menu-parent-hr {
    width: calc(100% - 37px - 37px);
    /*width: calc(100% - 37px);*/
}


div.offcanvas-overlay {
    display: none;
}

div.offcanvas-menu {
    display: none;
}
/* 
.idcs-offcanvas-languages {
    padding-left: 27px;
    margin: 20px 0px 20px 0px;
} */

.idcs-offcanvas-hidden {
    visibility: hidden;
}

.idcs-offcanvas-menu-hidden {
    display: none;
}

.idcs-offcanvas-menu,
.idcs-offcanvas-menu-children {
    list-style-type: none;
}

li.idcs-offcanvas-menu-music-parent > ul.idcs-offcanvas-menu-music-children {
    list-style-type: none;
    padding: 0 0 0 1rem;
}

li.idcs-offcanvas-menu-music-parent > ul.idcs-offcanvas-menu-music-children > li {
    margin: 0.3rem 0 0 0;
}

li.idcs-offcanvas-menu-music-parent > ul.idcs-offcanvas-menu-music-children > li:last-of-type {
    margin-bottom: 1rem;
}

li.idcs-offcanvas-menu-music-parent > ul.idcs-offcanvas-menu-music-children > li {
    font-family: 'Manrope', sans-serif;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 200;
}

li.idcs-offcanvas-menu-music-parent > ul.idcs-offcanvas-menu-music-children > li > a,
li.idcs-offcanvas-menu-music-parent > ul.idcs-offcanvas-menu-music-children > li > a:hover,
li.idcs-offcanvas-menu-music-parent > ul.idcs-offcanvas-menu-music-children > li > a:focus,
li.idcs-offcanvas-menu-music-parent > ul.idcs-offcanvas-menu-music-children > li > a:focus-visible {
    color: #fff;
}

.vert-menu-mobile-footer-logo {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
}

.vert-menu-children-logo-mob {
    margin: 0 0 1rem 0;
    width: 77px;
    height: auto;
}

a > .vert-menu-children-logo-mob {
    margin-left: 2.5rem;
}









.idcs-offcanvas-menu-title {
    /* width: -webkit-fill-available; */
    /* width: 307px; */
    /*width: calc(100% - 37px);*/
    width: calc(100% - 45px);
}

/* li.idcs-offcanvas-menu-parent.white-menu-item { */
ul.idcs-offcanvas-menu > li.idcs-offcanvas-menu-parent.white-menu-item {
    /* background-color: #FFFFFF;
    border-radius: 5px; */
    margin-top: 1.875rem;
}

ul.idcs-offcanvas-menu > li.idcs-offcanvas-menu-parent.white-menu-item  a.idcs-offcanvas-menu-aref {
    color: #07396A;
    background-color: #FFFFFF;
    border-radius: 5px;
    width: fit-content;
    padding: 0.625rem 0;
}

ul.idcs-offcanvas-menu > li.idcs-offcanvas-menu-parent.white-menu-item .idcs-offcanvas-menu-title {
    font-size: 1.25rem;
    line-height: 1.6875rem;
    padding: 0 0.625rem;
    width: auto;
}

.idcs-offcanvas-menu-footer {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    color: #fff;
}

.idcs-offcanvas-menu-footer .idcs-footer-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0.9375rem 2.5rem 1.4375rem 2.5rem;

    
}

.idcs-offcanvas-menu-footer .vert-menu-mobile-footer-links {

    display: flex;
    align-items: flex-end;
    flex-direction: row;
    justify-content: flex-end;

    color: #fff;
}

.idcs-offcanvas-menu-footer .vert-menu-mobile-footer-links a {
    color: #fff;
}

@media (max-width: 1125px) {

    .idcs-offcanvas-menu-footer .idcs-footer-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0.9375rem 2.5rem 1.4375rem 2.5rem;
    }

    .idcs-offcanvas-menu-footer .vert-menu-mobile-footer-links {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        justify-content: flex-end;
    }

    li.idcs-offcanvas-menu-parent:last-of-type {
            /* padding: 0 0 10.45rem 0rem; */
            padding: 0 0 1.875rem 0rem;
    }
}


/* @media (min-width: 768px) { */
/*@media (min-width: 1200px) {*/
@media (min-width: 992px) {
    
    .idcs-offcanvas-nav-overlay > ul.idcs-offcanvas-menu {
        position: absolute;
        top: 2.5625rem;
        margin: 0;
        padding: 0;
        /* width: 100%; */
        height: 100%;
    
        /* width: 300px; */
        width: 400px;
        left: 50%;
        transform: translateX(-50%);
    }

    .idcs-offcanvas-bottom-container {
        display: none;
    }

    .vert-menu-mobile-footer-logo {
        position: fixed;
        bottom: 0;
        left: 0;
        /* width: 100%; */
        color: #fff;
        /* border: 1px solid black; */
        padding: 0rem 0rem 1.4375rem 2.5rem;
        z-index: 1;
    }

    .idcs-offcanvas-menu-footer .vert-menu-mobile-footer-links {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        color: #fff;
        padding: 0.9375rem 2.5rem 1.4375rem 0rem;
        background-color: var(--atsea-red);
    }
    
    


}
/* @media (max-width: 767px) { */
/*@media (max-width: 1199px) {*/
@media (max-width: 991px) {
        
    .idcs-offcanvas-nav-overlay {
        top: 100px;
    }
    .idcs-offcanvas-menu-right-sidebar {
        display: none;
    }
    
    div#sp-custom-offcanvas > div.sp-column > div.sp-module > div.sp-module-content {
        height: auto;
        margin: 20px 20px 13px 20px;
    }

    .idcs-offcanvas-menu-footer {
        display: none;
    }

    .idcs-offcanvas-menu-footer .idcs-footer-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        /* padding: 6.25rem 0 0 0; */
        align-items: flex-start;
        padding: 0.9375rem 3.313rem 1.4375rem 3.313rem;
    }

    .idcs-offcanvas-menu-footer .vert-menu-mobile-footer-links {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-end;
        text-align: start;
    }

    li.idcs-offcanvas-menu-parent:last-of-type {
        /* padding: 0 0 10.45rem 0rem; */
        /* padding: 0 0 2.5rem 0rem; */

        /*margin: 3.125rem 0 1.875rem 0;*/
        margin: 25px 0 20px 0;
    }


}

    

@media (max-width: 419px) {
    .idcs-offcanvas-nav-overlay > ul.idcs-offcanvas-menu {
        /* width: auto; */
        width: -webkit-fill-available;
        
        padding: 0 1.25rem 0 1.25rem;
    }
}


/* Offcanvas  END  */