/*
STYLESHEET INFORMATION

Name: Base Cruise Skin
Type: Skin
Theme: Cruise
Client: N/A

Core colours:

Table of Contents:
    - Core Styles
    - Remove Arrows Styles
    - Top Utilities
    - Main Menu
        - White Background Options
            - Media Queries
                - 1020px
    - Mobile Menu
        - Mobile bar
        - Search bar
        - Mobile button
        - Utility links
        - Top Menu
    - Footer Styles
        - Utility Menu
        - By GOSS
    - Home Template
        - Header Styles
        - Search Styles
        - Top Tasks
            - Second Tasks
            - All Services
        - Feature Task
        - Tab Section
            - Media Queries
                - 1024px
        - Related Article Section
    - Default Template
        - Breadcrumb
        - Content
        - Related Articles
        - Tables
    - List Template
        - List Item
        - Paging
    - Authentication Template
    - Form Template  
    - Search Template 
*/


/* Base Cruise Skin CSS Starts */


/* Core Styles */

body {
    color: #CHECK;
}

a {
    color: #CHECK;
}


/* Remove Arrows Styles */

.hometoptasks__arrow,
.homefeaturedtask__arrow,
.tabcontent__arrow {
    display: none;
    opacity: 0;
}

.hometoptasks__task--open .hometoptasks__arrow {
    display: block;
    opacity: 1;
    transition: opacity 0.4s ease-in-out;
}

.hometoptasks__arrow:before,
.hometoptasks__arrow:after {
    background: #0055a5;
}


/* Top Utilities */

.toputils {
    background-color: #CHECK;
}

.toputils__myaccount {
    background-color: #CHECK;
}


/* Main Menu */

.header--thin {
    background-image: CHECK;
}

.secondlevel__item--button {
    background-color: #CHECK;
}


/* Main Menu / White Background Options [DELETE IF YOU DO NOT WANT DARK LINKS] */

@media (min-width: 1024px) {
    .secondlevel--nudged {
        top: 0;
        margin-bottom: 0;
    }
}

.mainmenu__item--open {
    background-color: transparent;
    color: #CHECK;
}

.mainmenu__item--haslevel {
    filter: invert(90%);
}


/* Main Menu / White Background Options / Media Queries */


/* Main Menu / White Background Options / Media Queries /1020px */

@media (min-width: 1024px) {
    .mainmenu__item--haslevel {
        filter: invert(90%);
    }
    .searchcontrol__expandtoggle {
        filter: invert(90%);
    }
}


/* Mobile Menu */

.mobilemenu {
    background-color: #CHECK;
}


/* Mobile Menu / Mobile bar */

.mobilebar {
    background-color: #CHECK;
}


/* Mobile Menu / Search bar */

.mobilemenu__searchtoggle {
    background-color: #CHECK;
}


/* Mobile Menu / Mobile button */

.mobilemenu__toggle {
    background-color: #CHECK;
}

.mt1,
.mt2,
.mt3 {
    background-color: #CHECK;
}


/* Mobile Menu / Utility links */

.toputils__navitem,
.toputils__myaccountitem {
    color: #CHECK;
}


/* Mobile Menu / Top Menu */

.mobilemenu a,
.mobilemenu span {
    color: #CHECK;
}


/* Footer Style */

.footer {
    background-color: #CHECK;
    color: #CHECK;
}


/* Footer Style / Utility Menu */

.footer__navlink {
    color: #CHECK;
}


/* Footer Style / By GOSS */

.footer__goss > a {
    color: #CHECK;
}


/* Home Template */


/* Home Template / Header Styles */

.header--thick {
    padding: 20px 0;
}


/* Home Template / Search Styles */

#topsearchform input[type=image] {
    background: #CHECK;
}

#topsearchform input[type=text] {
    height: 38px;
    border: 1px solid #ccc;
    /* 42 = 2px border + width of search button (40px) */
    width: calc(100% - 42px - 1.5em);
}


/* Home Template / Top Tasks */

.hometoptasks__icon {
    top: 35px;
}

.hometoptasks__linktext {
    bottom: 50px;
    color: #CHECK;
}

.hometoptasks__bg {
    border: 1px solid #ccc;
}


/* Home Template / Top Tasks / Second Tasks */

.homesecondtasks__task {
    background: #CHECK;
}


/* Home Template / Top Tasks / All Services */

.homeallservices {
    margin: 0 auto;
    margin-bottom: 20px;
}

.homeallservices__button {
    background: #CHECK;
}


/* Home Template / Feature Task */

.homefeaturedtask {
    padding: 20px;
}

.homefeaturedtask__title {
    color: #CHECK;
    font-weight: bold;
    font-size: 1.375rem;
}

.homefeaturedtask__button {
    clear: none;
    position: relative;
    right: 0;
    bottom: auto;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0 0 0;
    background: #CHECK;
}


/* Home Template / Tab Section */

.hometabs__tabheading {
    background-color: #CHECK;
    color: #CHECK;
    font-weight: bold;
}

.hometabs__tabheading--selected {
    background-color: #CHECK;
    color: #CHECK;
}

.hometabs__tabheadings--enabled {
    border-bottom: 5px solid #CHECK;
}

.tabcontent__link {
    padding-left: 0;
}


/* Home Template / Tab Section / Media Queries */


/* Home Template / Tab Section / Media Queries / 1024px */

@media (min-width: 1024px) {
    .hometabs {
        padding: 20px 0 40px 0;
    }
}


/* Home Template / Related Article Section */

.newsandevents__panel {
    background: #CHECK;
}

.newsandevents__title {
    background-color: #CHECK;
    color: #CHECK;
    font-weight: bold;
    border-bottom: #CHECK solid 1px;
}

.newsandevents__datemonth {
    background-color: #CHECK;
}

.newsandevents__link {
    background-color: #CHECK;
}


/* Default Template  */


/* Default Template / Breadcrumb */

.breadcrumb__link {
    color: #CHECK;
}

.breadcrumb__crumb:last-child:after {
    content: "";
}


/* Default Template / Content */

.pagetitle {
    border-bottom: 2px solid #CHECK;
}

.socialmediasharing {
    background-image: none;
}

.socialmediasharing__label {
    color: #CHECK;
}


/* Default Template / Related Articles */

.panel__heading {
    background-color: #CHECK;
    color: #CHECK;
    border-bottom: 1px solid #ccc;
}

.panel__content {
    padding: 20px 0;
}

.panel__item {
    background-image: none;
}

.media-link {
    color: #CHECK;
}


/* Default Template / Tables */

.ts1general {
    width: 100%;
    border: 1px solid #ccc;
}

.ts1general td,
.ts1general th {
    border: 1px solid #ccc;
    padding: 10px
}

.ts2general {
    width: 100%;
    border: 1px solid #333;
}

.ts2general td,
.ts2general th {
    border: 1px solid #333;
    padding: 10px
}

.ts2general th {
    background-color: #333;
    color: #fff;
}

.ts3general {
    width: 100%;
}

.ts3general td,
.ts3general th {
    border: 1px solid #fff;
    padding: 10px
}

.ts3general th {
    background-color: #666;
    color: #fff;
    text-align: left;
}

.ts3general tr:nth-child(odd) td {
    background-color: #efefef;
}

.ts3general tr:nth-child(even) td {
    background-color: #dedede;
}

.ts4general {
    width: 100%;
}

.ts4general td,
.ts4general th {
    border: 1px solid #fff;
    padding: 10px
}

.ts4general th {
    background-color: #CHECK;
    color: #fff;
    text-align: left;
}

.ts4general tr:nth-child(odd) td {
    background-color: rgba(#CHECK);
}

.ts4general tr:nth-child(even) td {
    background-color: rgba(#CHECK);
}


/* List Template */


/* List Template / List Item */

.item__link {
    color: #CHECK;
}

/* List Template / Paging */

.paging__link:hover, .paging__link:focus {
    color: #CHECK;
    background: #CHECK;
}


/* Authenication Template */

.loginform__submit {
    background: #CHECK;
}


/* Form Template */

.icmformleft .icmvertical label {
    min-width: 150px;
    max-width: none;
    width: auto;
}

.icmform input[type=button],
.icmform input[type=submit],
.icmform input[type=reset] {
    background: #CHECK;
}

.icmform input[type=button]:hover,
.icmform input[type=submit]:hover,
.icmform input[type=reset]:hover {
    background: #CHECK;
}

/* Search Template */
.maincontent .btn--search {
    background-color: #CHECK;
}

.searchsummary {
    padding: 30px 0 20px;
}
.searchsummary__text{
    float:left;
    display:inline-block;
    margin-top:0;
}

.searchsummary__pages{
    display:inline-block;
    float:right;
}



/* Base Cruise Skin CSS Ends */