/* Editor
================================= */

.nx-editor .textblock > .PageElement-Title {
    color: #216462;
    font-size: 36px;
}

.nx-editor .nx-footer {
    background: #216462;
}

/* Overrides for Menu Themes */

.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav li.selected a {
    border-bottom: none;
}

.nx-html.MenuTheme-TopNav-Soft .nx-menu nav ul li,
.nx-html.MenuTheme-TopNav-Soft .nx-menu nav a,
.nx-html.MenuTheme-TopNav-Soft .nx-menu nav a:hover,
.nx-html.MenuTheme-TopNav-Soft .nx-menu nav a:focus,
.nx-html.MenuTheme-TopNav-Soft .nx-menu nav ul li ul li a {
    color: #43ab9b;
    background-color: #FFF;
}

    .nx-html.MenuTheme-TopNav-Soft .nx-menu nav ul li,
    .nx-html.MenuTheme-TopNav-Soft .nx-menu nav a,
    .nx-html.MenuTheme-TopNav-Soft .nx-menu nav a:hover,
    .nx-html.MenuTheme-TopNav-Soft .nx-menu nav a:focus,
    .nx-html.MenuTheme-TopNav-Soft .nx-menu nav ul li ul li a {
        color: #43ab9b;
        background-color: #FFF;
    }

        .nx-html.MenuTheme-TopNav-Soft .nx-menu nav ul li ul li a {
            border-top: 1px solid #EEEEEE;
            border-right: 1px solid #43ab9b;
        }

            .nx-html.MenuTheme-TopNav-Soft .nx-menu nav ul li ul li a:hover,
            .nx-html.MenuTheme-TopNav-Soft .nx-menu nav ul ul ul li:focus {
                background-color: #EEEEEE;
            }

.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul ul ul li {
    background-color: #43ab9b;
}

.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav .selected {
    background: #123534;
}

.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul li:hover,
.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul li:focus {
    background-color: #216462;
}

.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav .selected:hover,
.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav .selected:focus {
    background-color: #123534;
}

.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul ul ul li:hover,
.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul ul ul li:focus {
    background-color: #43ab9b;
}

.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul ul li.selected:hover,
.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul ul li.selected:focus {
    background-color: #43ab9b;
}

.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul li ul li:hover,
.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul li ul li:focus {
    background-color: #43ab9b;
}

.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul li ul li.selected,
.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul li ul li.selected {
    background-color: #43ab9b;
}

.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul ul ul li.selected:hover,
.nx-html.MenuTheme-LeftNav-Square-Fixed .nx-menu nav ul ul ul li.selected:focus {
    background-color: #43ab9b;
}


/* Site
================================= */

.nx-body.body-default {
    background: #43ab9b url(../../Images/bg-green-gradient.jpg) top repeat-x;
}

/* Background Colors
================================= */

.nx-body .primary-bg-color {
    background: #216462;
}

.nx-body .secondary-bg-color {
    background: #43ab9b;
}

.nx-body .tertiary-bg-color {
    background: #666;
}

.nx-body .subtle-bg-color {
    background: #dfe8ed;
}

.nx-page {
    background: #fff;
}


/* Typography
================================= */

.nx-body .primary-font-color {
    color: #216462;
}

.nx-body .secondary-font-color {
    color: #43ab9b;
}

.nx-body a {
    color: #216462;
}

    .nx-body a:hover,
    .nx-body a:focus {
        color: #43ab9b;
    }

.nx-body h1 {
    font-size: 42px;
    color: #216462;
}

.nx-body h2 {
    font-size: 36px;
    font-family: Arial;
    font-weight: bold;
    color: #216462;
}

    .nx-body h2.PageElement-Title {
        padding-bottom: 10px;
    }

.nx-body h3 {
    font-size: 30px;
    color: #216462;
}

.nx-body h4 {
    font-size: 24px;
    color: #216462;
}

.nx-body p {
    color: #444;
}

.nx-footer .container { /*eliminate stripe from footer */
}

/* Nav
================================= */

.nx-menu {
    border-color: #43ab9b;
    position: relative;
    z-index: 1021;
}

.nx-body .menu-wrapper {
    background-color: #eee;
}

.nx-menu nav {
    background-color: #216462;
}

    .nx-menu nav a {
        color: #fff;
    }

        .nx-menu nav a:hover,
        .nx-menu nav a:focus {
            color: #fff;
            text-decoration: none;
        }

    .nx-menu nav ul {
        background-color: transparent;
    }

        .nx-menu nav ul li {
            background-color: #216462;
        }

            .nx-menu nav ul li.current {
                background-color: #43ab9b;
            }

            .nx-menu nav ul li:hover,
            .nx-menu nav ul li:focus {
                background-color: #43ab9b;
            }

                /* SECOND LEVEL */
                .nx-menu nav ul li:hover ul,
                .nx-menu nav ul li:focus ul {
                    box-shadow: 4px 4px 6px #333;
                }

            .nx-menu nav ul li ul {
                background-color: #fff;
            }

                .nx-menu nav ul li ul li {
                    margin: 0;
                    border-bottom: 1px solid #fff;
                    background-color: #43ab9b;
                }

        .nx-menu nav ul ul li:hover,
        .nx-menu nav ul ul li:focus {
            background-color: #216462;
        }


        /* THIRD LEVEL */
        .nx-menu nav ul ul ul li {
            background-color: #216462;
        }

            .nx-menu nav ul ul ul li:hover,
            .nx-menu nav ul ul ul li:focus {
                background-color: #43ab9b;
            }

    .nx-menu nav .selected {
        background: #123534;
    }


/* Content
================================= */


.nx-body .offer {
    border: 1px solid #c2c9cc;
    background: #f0fafa;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
}

    .nx-body .offer img {
        width: 100%;
    }

    .nx-body .offer h3 {
        margin-top: 10px;
        margin-bottom: 0;
    }





/* Content: Search Results */

.nx-body table.ContentTitleBar2 td {
    color: #fff;
    background-color: #216462;
}

.nx-body .SRBottomSearchCritLabel {
    color: #fff;
}

.nx-body table.ContentTitleBar2 td a {
    color: #fff;
}

.nx-body table.ContentTitleBar2 td {
    color: #fff;
}

.nx-body .tabactiveBackground {
    background-color: #216462;
    color: #fff;
}

    .nx-body .tabactiveBackground a {
        color: #fff;
    }

.nx-body .bg2, .nx-body .bg1 {
    background-color: #216462;
}

.nx-body .bg3 {
    background-color: #43AB9B;
}

.nx-body .ODPriceBoxHeader {
    color: #fff;
    border-left: 1px solid #216462;
    border-right: 1px solid #216462;
}

.nx-body .ODPriceBoxRow1 {
    background: #EEE;
}

.nx-body .SRPrice800 {
    color: #ffffcc;
}

.nx-body .SpecialOD {
    background-color: #ffffcc;
    border: 1px solid #aaaaaa;
}

/* Content: Offer Details */

.nx-body .MainContentOD {
    border: 1px solid #216462;
    padding: 15px;
}

.nx-body .ODTabActive {
    background-color: #216462;
}

.nx-body .ODTabInactive {
    background-color: #43AB9B;
}


/* Content: Compare  */

.nx-body td.CompareColumn {
    border: 1px solid #c2c9cc;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.nx-body div.CompareTop {
    background-color: #f0fafa;
    color: #216462;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    height: 80px;
    overflow: hidden;
}

.nx-body .ResultsBoxTop {
    font-size: 14px;
    font-weight: bold;
}


/* Content: Quick Search  */

.quicksearch-container a {
    color: #fff;
}

    .quicksearch-container a:hover,
    .quicksearch-container a:focus {
        color: #fff;
    }

.quicksearch-tab a {
    color: #fff;
    background: #4a372b;
}

    .quicksearch-tab a.active {
        color: #fff;
        background: #216462;
    }

.quicksearch-tab-body {
    background: #216462;
}

.nx-body .quicksearch__v2 label.MuiInputLabel-shrink {
    color: #ffffff !important;
}

.nx-body .quicksearch__v2 span.MuiFormControlLabel-label:not(.MuiInputLabel-animated) {
    color: #ffffff !important;
}

.nx-body .quicksearch__v2 a {
    color: #fff;
}

.nx-body .quicksearch__v2 ul:not(.MuiAutocomplete-listbox):not(.MuiAutocomplete-groupUl) li {
    color: #fff;
}

.nx-body .MuiInputLabel-shrink {
    background-color: #216462 !important;
}

/* Content: Cruise Search  */

.cruisesearch-container a {
    color: #fff;
}

    .cruisesearch-container a:hover,
    .cruisesearch-container a:focus {
        color: #fff;
    }

/* Content: Offer List from Offer Group */
.nx-body .offerList .offer-card-list .offer-card1 {
    border: 1px solid #216462;
}

    .nx-body .offerList .offer-card-list .offer-card1 .offer-card1-title {
        background-color: #216462;
        color: #fff;
    }

/* Content: Destinations */
.nx-body .destinations .destinations-content .destinations-cards .destinations-card {
    border: 1px solid #216462;
}

    .nx-body .destinations .destinations-content .destinations-cards .destinations-card .destinations-card-title {
        background-color: #216462;
        color: #fff;
    }

/* Content: Breadcrumb Navigation */
.nx-body .breadcrumb-navigation-blocks {
    border: 1px solid #216462;
}

    .nx-body .breadcrumb-navigation-blocks li.breadcrumb-navigation-selected {
        background: #216462;
    }

/* Footer
================================= */

.nx-footer {
    color: #fff;
}

    .nx-footer .container {
        box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.9);
        background: #216462;
    }


    .nx-footer p, .nx-footer h1, .nx-footer h2, .nx-footer h3, .nx-footer h4, .nx-footer li, .nx-footer a {
        color: #fff;
    }

/* Content: Offer Groups*/
.nx-body .OGMainTable {
    border: 1px solid #216462;
    background-color: #FFFFFF;
}

.nx-body .OGCategoryTableLeft {
    border-left: 1px solid #216462;
    border-bottom: 1px solid #216462;
}

.nx-body .OGCategoryTableRight {
    border-left: 1px solid #216462;
    border-right: 1px solid #216462;
    border-bottom: 1px solid #216462;
}

.nx-body .OGCategoryTableBorder {
    border-left: 1px solid #216462;
    border-right: 1px solid #216462;
    border-bottom: 1px solid #216462;
    height: 50px;
    width: 100%;
}

.nx-body .OGCategory-left {
    border-left: 1px solid #216462;
    border-bottom: 1px solid #216462;
    height: 50px;
    width: 100%;
}

.nx-body .OGCategory-right {
    border-right: 1px solid #216462;
    border-bottom: 1px solid #216462;
    height: 50px;
    width: 100%;
}

.search-filter {
    background: #f0fafa !important;
}

.advance-search-filter {
    background: #f0fafa;
}

.more-search {
    background: #216462;
    color: white !important;
    text-align: center;
}

    .more-search:hover {
        background: #216462 !important;
    }

.offer-itinerary-tooltip {
    color: #216462 !important;
    background: #f8f8f8;
}

.offer-dates-preposition {
    color: #216462;
}

.resort-heading,
.resort-footer {
    background: #216462;
    color: #fff !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #216462;
    border-color: #216462;
}

.nx-body .search-item {
    border: 1px solid #c2c9cc;
    background: #f0fafa;
}

.offer-amenity,
.offer-content-container {
    background: #f0fafa;
}

.itinerary-table {
}

    .itinerary-table > tr:nth-child(2n + 1),
    .itinerary-table > tbody > tr:nth-child(2n + 1),
    .itinerary-table > tfoot > tr:nth-child(2n + 1) {
        background: #f0fafa;
    }

.offer-price-sm {
    color: #216462;
    font-weight: bold;
}

.offer-price {
    color: #216462;
    font-weight: bold;
}

.system-container {
    border: 1px solid #c2c9cc;
    background: #f8f8f8;
}
