/* mobile nav */
ul.secondary-menu-nav.tab-nav {
    display: none !important;
}

html {
    scroll-behavior: smooth;
}

.b {
    border: solid red;
}

.bg-grey {
    background: #EEE !important;
}
.bg-white {
    background: white !important;
}
.bg-cool-white {
    background: #F6F8F9;
} 


/* HEADER */
#nav-header {

}
#nav-header nav {
    max-width: 1200px !important;
    margin: 0 auto;
}
#nav-header nav a {
    float: left;
    margin-right: 23px;
    padding-top: 3px;
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 184.615% */
}
.nav-active {
    border-bottom: 2px solid #FEDF01;
}

#header-sign-in-btn {
    width: 205px;
}
@media only screen and (max-width: 840px) {
    #header-sign-in-btn {
        width: 100%;
    }
}

.header-link {
    width: 23px;
    height: auto;
    margin-right: 25px !important;
}
.header-link-email {
    width: 28px;
    height: auto;
    margin-right: 25px !important;
}
.header-links-car {
    margin-left: 20px;
    padding-left: 27px;
    border-left: 1px solid white;
}
@media only screen and (max-width: 900px) {
    .header-link {
        margin-right: 10px !important;
    }
    /* .header-link-email {
        margin-right: 5px !important;
    } */
}

.btn-cont {
    display: flex;
    flex-direction: column;
}

#header {
    height: 103px !important;    
}
.enroll-text {
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 200% */
}
.enroll-text a {
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
}

.header-tooltop.tooltip-trigger {
    color: white !important;
}
.header-tooltop.tooltip-trigger>.trigger-icon {

}
.header-tooltop.tooltip-trigger>.trigger-icon:before {
    color: white !important;
    content: url(/caribbean/personal/_assets-custom/images/icons/arrow.svg);
    padding-top: 7px;
}

#header-flag-img {
    width: 25px;
    height: 14px;
    margin-right: 8px;
    margin-top: 5px;
}

.sub-nav-btn {
    max-height: 30px;
    border-left: 1px solid #D9D9D9;
}
.sub-nav-btn img {
    height: 100% !important;
    max-height: 30px;
    width: auto !important;
    margin-left: 10px;
    margin-right: 10px;
}

/*featured-card*/
.featured-wpr {
    display: flex;
}
.featured-third {
    width: 33% !important;
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 640px) {
    .featured-wpr {
        display: block;
    }
    .featured-third {
        width: 100% !important;
        display: flex;
        flex-direction: column;
    }   
}

.featured-card {
    border-radius: 5px !important;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.featured-card-img {
    min-height: 186px;
    background-size: cover;
    background-position: center, center;
}
.featured-card-text {
    background-color: white !important;

    flex: 1;

    display: flex;
    flex-direction: column;

}
.featured-card-title {
    color: #000;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
}
.featured-card-body {
    flex: 1;
}
.featured-card-link {
    border-top: 1px solid #C5C8CC;
}

/*OVERLAY*/
.divider-yellow {
    width: 104px;
    height: 5px;
    background: #F9E04B;
}
.overlay-title {
    color: #252525;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 100% */
}

.overlay-btn {
    width: 100% !important;
    max-width: 233px;
}

.offset-overlay-bg {
    max-width: 640px;
    max-height: 418px;   
}

.offset-overlay-wpr {

}
.offset-overlay-wpr .offset-overlay-inner {
    min-height: 0px !important;
}

/*DISCOVER CARD*/
.discover-wpr {
    display: flex;
}
.discover-third {
    width: 33% !important;
    display: flex;
    flex-direction: column;
}
.discover-qtr {
    width: 25% !important;
    display: flex;
    flex-direction: column;
}
.discover-half {
    width: 50% !important;
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 640px) {
    .discover-wpr {
        display: block;
    }
    .discover-third {
        width: 100% !important;
        display: flex;
        flex-direction: column;
    }
    .discover-qtr {
        width: 100% !important;
        display: flex;
        flex-direction: column;
    }
    .discover-half {
        width: 100% !important;
        display: flex;
        flex-direction: column;
    }
}

.discover-card {
    border-radius: 0px !important;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;

    border: 1px solid #C5C8CC;
}

.discover-card-left {
    border-radius: 0px !important;
    overflow: hidden;
    display: flex;
    border: 1px solid #C5C8CC;
    flex: 1;
}
.featured-card-img-left {
    width: 50%;
}
.featured-card-text-left {
    width: 50%;
    background: white;
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width: 840px) {
    .discover-card-left {
        flex-direction: column;
    }
    .featured-card-img-left {
        width: 100%;
        min-height: 186px;
        background-size: 100% auto;
    }
    .featured-card-text-left {
        width: 100%;
        background: white;
        display: flex;
        flex-direction: column;
        flex: 1;
    }
}

.important-block {
    height: 236px;
    overflow: scroll;
}

.section-tabs .tab-nav li.active, .tabs .tab-nav li.active {
    background: #EEE;      
}
.section-tabs .tab-content, .tabs .tab-content {
    background: #EEE;   
}
.tab-nav {
    border: none !important;
}
.tab-nav li:before {
    display: none !important;
}
.news-tab-nav {
    background: #EDF7FC !important;
}
.news-active.active {
    background-color: white !important;
}

.footer-google-link:before {
    background-image: url('/caribbean/personal/_assets-custom/images/download-google.png');
    background-size: 24px 24px;
    display: inline-block;
    width: 24px; 
    height: 24px;
    content:"";
    margin-bottom: -5px;
}
.footer-apple-link:before {
    background-image: url('/caribbean/personal/_assets-custom/images/download-apple.png');
    background-size: 24px 24px;
    display: inline-block;
    width: 24px; 
    height: 24px;
    content:"";
    margin-bottom: -5px;
}

/* Map */
.home-map-section {
    background: #EEE !important;
}
.home-map {
    /* min-height: 372px; */
    max-width: 1512px;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: top center;
    margin: 0 auto;
}	
.map-callout {
    max-width: 763px !important;
    margin: 0 auto !important;
}
.map-title {
    color: #006AC3;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 100% */
}
.map-body {
    color: #252525;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}
.map-link {
    color: #006AC3 !important;
    font-feature-settings: 'clig' off, 'liga' off !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
}	
#postal {
    width: 100% !important;
    max-width: 560px;
    height: 43px !important;
    max-height: 43px !important;
    min-height: 43px !important;
}
.map-btn {
    margin-top: 0px !important;
    height: 43px !important;
    width: 115px;
}

.map-wpr {
    padding-right: 20px;			
}


/* Carousel */
.carousel-item {
    aspect-ratio: 3.51 / 1 !important;
    margin: 0 auto;
    background-size: auto 100%, auto 142% !important;
    background-position: left top, right top !important;
    background-repeat: no-repeat, no-repeat;
}
.bnr-text {
    max-width: 1164px !important;
    margin: 0 auto;
}
.bnr-text-inner {
    max-width: 548px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.bnr-img-mob {
    display: none;
}
@media only screen and (max-width: 1200px) {
    .bnr-text-inner {
        max-width: 50%;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media only screen and (max-width: 900px) {
    .carousel-item {
        background-image: none !important;
    }
    .carousel-item {
        aspect-ratio: auto !important;
    }
    .bnr-text {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
        background-image: url("../_assets-custom/images/banner/bnr-text-mob.jpg");
        background-size: cover;
        max-height: 900px;
        padding-bottom: 30px;
    }
    .bnr-text-inner {
        max-width: 100%;
    }
    .bnr-img-mob {
        display: block;
    }
    .bnr-img-mob img{
        width: 100%;
        height: auto;
    }
}
.carousel-inner {
    position: relative;
}
.bnr-ctrl {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, -50%); 
}

/*FORM*/
.form-section {
    position: relative;
    min-height: 100px;
    background: #EEE;
}
.form-inner {
    width: 100%;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translate(-50%);
    padding: 0px 15px 0px !important;
}
.ask-callout-title {
    color: #006AC3;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.ask-callout {
    display: flex;
}
.ask-callout-title {
    width: 20% !important;
}
#intelli-search {
    width: 60% !important;
}
#ask-button {
    width: 15% !important;
}
@media only screen and (max-width: 640px) {
    .ask-callout {
        display: block;
    }
    .ask-callout-title {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    #intelli-search {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    #ask-button {
        width: 100% !important;
    }

    .form-section {
        min-height: 200px;
    }
}

/*  */
/* .alert .alert-content p, .btn:not(.tablesaw-nav-btn).alternate, .btn:not(.tablesaw-nav-btn).disabled, .btn:not(.tablesaw-nav-btn).tag, .callout .callout-content>.callout-link a, .callout .callout-inner>.callout-link a, .callout>.callout-link a, .checkbox-wpr legend, .collapse-toggle, .datepicker .datepicker--content .datepicker--body .datepicker--cells .datepicker--cell, .datepicker .datepicker--content .datepicker--body .datepicker--days-names .datepicker--day-name, .datepicker .datepicker--nav .datepicker--nav-title, .dropdown-overlay .dropdown-content a, .dropdown-overlay .dropdown-text, .hc-offcanvas-nav .nav-container .nav-wrapper .nav-content h2, .hc-offcanvas-nav.navigation-menu .nav-container .nav-wrapper .nav-content h2, .input-dropdown, .input-wpr .input-symbol>span, .leftnav-btn button span, .leftnav-menu ul li a, .leftnav-menu ul.link-list .lvl-root a, .leftnav-menu ul.link-list .lvl-root-articles a, .leftnav-menu ul.link-list .lvl-root-menu a, .leftnav-menu ul.lvl-one>li>a, .leftnav-menu ul.lvl-one>li>button, .leftnav-menu>.lvl-root-menu, .mega-menu-wpr .mega-menu-nav>ul.mega-menu-lobs .mega-menu-lob .mega-menu-lob-content .mega-menu-lob-content-inner .mega-menu-callout a, .more-toggle span, .navigation-btn button span, .radio-wpr legend, .readonly-wpr .readonly-item .item-name, .roboto-regular, .select-wpr .input-symbol>span, .side-menu .side-menu-link .side-menu-adchoices-link>a, .side-menu .side-menu-link .side-menu-promotions-link>a, .side-menu .side-menu-lob .lob-dropdown #side-menu-lob-content ul li a, .side-menu .side-menu-lob .lob-dropdown .lob-toggle, .side-menu .side-menu-secondary-menu #side-menu-contact-list li a, .side-menu .side-menu-secondary-menu .secondary-menu-nav li.active a, .side-menu ul.link-list .lvl-root a, .side-menu ul.link-list .lvl-root-articles a, .side-menu ul.link-list .lvl-root-menu a, .side-menu ul.lvl-one>li>a, .side-menu ul.lvl-one>li>button, .side-menu-new .side-menu-new-link .side-menu-new-promotions-link>a, .side-menu-new .side-menu-new-lob .lob-dropdown #side-menu-lob-content ul li a, .side-menu-new .side-menu-new-lob .lob-dropdown .lob-toggle, .side-menu-new .side-menu-new-secondary-menu #side-menu-new-contact-list li a, .side-menu-new .side-menu-new-secondary-menu .secondary-menu-nav li.active a, .side-menu-new ul.link-list .lvl-root a, .side-menu-new ul.link-list .lvl-root-articles a, .side-menu-new ul.link-list .lvl-root-menu a, .side-menu-new ul.lvl-one>li>a, .side-menu-new ul.lvl-one>li>button, .side-menu-new-btn button span, .table-wrapper .btn-toolbar .display-group .display-label, .table-wrapper .btn-toolbar .display-group fieldset legend, .tooltip, .tooltip-trigger, a, a.goto-link, a.icon-link, a.interactive-link, a.print-link, a.standalone-link, button[class*=_open], fieldset legend, footer .main-footer .main-footer-inner .to-top span, header #nav-header nav .secondary-nav #header-destination li.active, header #nav-header nav .secondary-nav .promotions-link>a, label, textarea+.counter{
    font-weight: 300;
} */
.f-24{
    font-family: 'RBCDisplay';
}
.f-13{
    font-size: 13px !important;
    font-family: 'RBCDisplay' !important;
    font-weight: 700 !important;
    line-height: 24px !important;
}
.discover-and-learn-section h2{
    line-height: 24px !important;
    font-size: 24px !important;
    font-weight: 500 !important;
}
#important-notices p{
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    font-family: 'Roboto' !important;
}
@media (min-width:640px) {
    .f-24{
    font-size: 24px !important;
}

}
/*  */

.slick-dots li button:before {
    content: url(/dvl/v1.0/assets/images/ui/ui-pagination-default-inverse.svg) !important;
}
.slick-dots li.slick-active button:before {
    content: url(/dvl/v1.0/assets/images/ui/ui-pagination-active-inverse.svg) !important;
}

.overlay-title{
    font-weight: 500 !important;
}
.featured-card-title{
    font-weight: 500 !important;
    font-size: 24px !important;
    font-family: 'RBCDisplay' !important;
}

/* MAP SECTION */
.home-map-section {
    background: #EEE !important;
}
.home-map {
    /* min-height: 372px; */
    max-width: 1512px;
    background-repeat: no-repeat !important;
    /* background-size: auto 100% !important; */
    background-size: cover !important;
    background-position: top center;
    margin: 0 auto;
}	
.map-callout {
    max-width: 763px !important;
    margin: 0 auto !important;
}
.map-title {
    color: #006AC3;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 100% */
}
.map-body {
    color: #252525;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}
.map-link {
    color: #006AC3 !important;
    font-feature-settings: 'clig' off, 'liga' off !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
}	
#postal {
    width: 100% !important;
    max-width: 560px;
    height: 43px !important;
    max-height: 43px !important;
    min-height: 43px !important;
}
.map-btn {
    margin-top: 0px !important;
    height: 43px !important;
    width: 115px;
}

.map-wpr {
    padding-right: 20px;			
}

.f-18{
    font-size: 18px;
    font-weight: 400 !important;
    line-height: 28px;
    font-family: 'Roboto' !important;
}

ol.chevron-list>li, ul.chevron-list>li {
    list-style-image: none !important;
}


