/*
STYLESHEET INFORMATION

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

Core colours:

Table of Contents:
    - Core Styles
    - Header Styles
        - Logo 
            - Media Queries 
                - 1050px
                - 480px
        - Utility Links
        - Site Menu
            - White background
        - Sub Menu
        - Search
            - White background
    - Mobile Menu Styles
        - Mobile Button
        - Search Button
        - Utility Links
        - Site Menu
    - Site Alert Styles
    - Carousel Styles
        - Panel
        - Dots
        - Arrows
    - Image Banner
        - Search
            - White background
    - Article Panels
        - With Background
        - With Video
        - Feature Group
    - Related Blocks
    - Footer
        - Utility Links
        - Footer Copy
        - By GOSS
    - Default Template
        - Breadcrumbs
        - Content
        - Tables
        - Related Articles
            - Polls
    - Authentication Template
    - Form Template
    - Search Template        
*/


/* Base Dynamic Skin CSS Starts */


/* Core Styles */

body {
    color: #CHECK;
    letter-spacing: 0em;
}

a {
    color: #CHECK;
}

/* Header Styles */

.header {
    background: #CHECK;
    color: #CHECK;
}

/* Header Styles / Logo */
/* Header Styles / Logo / Media Queries */
/* Header Styles / Logo / Media Queries / 1050px */

@media(max-width: 1050px) {
    .logo {
        width: auto;
        max-width:360px;
    }
    .logo__image {
        width: 100%;
        height: auto;
    }

}

/* Header Styles / Logo / Media Queries / 480px */
@media(max-width: 480px) {
    .logo__image {
        width: calc(100% - 30px);
        height: 100%;
    }

}

/* Header Styles / Utility Links */

.utilitymenu--top .utilitymenu__link,
.utilitymenu--top .utilitymenu__text {
    color: #CHECK;
    font-size: CHECK;
    border: 1px solid rgba(CHECK);
    background-color: #CHECK
}

/* Header Styles / Site Menu */

.sitemenu__link {
    color: #CHECK;
}

/* Header Styles / Site Menu / White background [Use if the header is white]*/
.sitemenu__link--haschildren:after{
    filter: invert(90%);
}

/* Header Styles / Sub Menu */
.submenu {
    background: #CHECK;
}

.submenu__link {
    color: #CHECK;
}

/* Header Styles / Search */
.searchform--open .btn--search {
    background-color: #CHECK;
}

.btn--close {
    background-color: #CHECK;
}

/* Header Styles / Search / White background [Use if the header is white]*/
.searchform--top .btn--search img {
     filter: invert(90%);
}

/* Mobile Menu Styles */

/* Mobile Menu Styles / Mobile Button */

.mobilebutton {
    background-color: #CHECK;
}

.mobilebutton__topbar,
.mobilebutton__middlebar,
.mobilebutton__bottombar {
    background-color: #CHECK;
}

/* Mobile Menu Styles / Search Button */

.searchform--mobile .btn--search {
    background-color: #CHECK;
}

/* Mobile Menu Styles / Utility Links */

.utilitymenu--mobile .utilitymenu__link, .utilitymenu--mobile .utilitymenu__text {
    border-bottom: 1px solid rgba(#CHECK,0.2);
}

/* Mobile Menu Styles / Site Menu */
.sitemenu--mobile .sitemenu__link, .sitemenu--mobile .sitemenu__text {
    border-bottom: 1px solid rgba(#CHECK,0.1);
    color: #CHECK
}

.sitemenu__btn--haschildren {
    border-bottom: 1px solid rgba(#CHECK,0.2);
    background-color: rgba(#CHECK,0.2);
}

/* Site Alert Styles */

.sitealert {
    background: #CHECK;
}

.sitealert__link,
.item__link {
    color: #CHECK;
}

/* Carousel Styles */
/* Carousel Styles / Panel */

.a-panel--carousel {
    background-color: #CHECK;
}

.a-panel--carousel .a-panel__content {
    color: #CHECK;
}

.a-panel--hasbackground .a-panel__content {
    background-color: rgba(#CHECK,0.8);
    color: #CHECK;
}

.a-panel--carousel .a-panel__link {
    background: #CHECK;
    color: #CHECK;
}

/* Carousel Styles / Dots */

.dot {
    background: #CHECK;
}

.dot--active {
    background: #CHECK;
}

/* Carousel Styles / Arrows */

.carousel .arrows {
    color: #CHECK;
}

.carousel .arrow {
    background-color: rgba(#CHECK,0.8);
}

/* Image Banner */

.imagebanner {
    background-color: #CHECK;
}

.imagebanner__title {
    letter-spacing: #CHECK;
    text-transform: #CHECK;
}

/* Image Banner / Search */

.imagebanner__search {
    background-color: rgba(#CHECK,0.8);
    color: #CHECK;
}

.imagebanner--search .btn--search {
    background-color: #CHECK;
}

/* Image Banner / Search / White Background [Use if the background is white] */
.imagebanner--search .btn--search img{
    filter: invert(90%);
}

/* Article Panels */
.a-panel__content {
    background-color: rgba(#CHECK,0.8);
    color: #CHECK;
}

.a-panel__title {
    letter-spacing: 0;
    text-transform: #CHECK;
}

.a-panel__link {
    text-transform: #CHECK;
    background: #CHECK;
    color: #CHECK;
}

.item__link {
    color: #CHECK;
    letter-spacing: 0;
    text-transform: #CHECK;
}

.grid--itemlinks .item__link {
    color: #CHECK;
}

/* Article Panels / With Background */

.a-panel--hasbackground .a-panel__content {
    background-color: rgba(#CHECK,0.8);
    color: #CHECK;
}

.a-panel--hasbackground .a-panel__link {
    background: #CHECK;
    color: #CHECK;
}

.a-panel--hasbackground .item__link {
    color: #CHECK;
}

.a-panel--hasbackground .item__links .item__link {
    color: #CHECK;
}

/* Article Panels / With Video */

.a-panel--carousel .a-panel__link--video {
    background: #CHECK;
    color: #CHECK;
}

/* Article Panels / Feature Group */
.a-panel--feature:nth-child(even) {
    background: #CHECK;
}


/* Related Blocks */

.ra-block {
    border: 1px solid #CHECK;
}

.grid__cell--related .ra-block__link {
    color: #CHECK;
    letter-spacing: 0;
    text-transform: #CHECK;
}

.ra-block__body{
   color: #CHECK; 
}

.ra-block__links .item__link {
    color: #CHECK;
    letter-spacing: 0em;
    text-transform: #CHECK;
}

.grid--related .item__links .item__link {
    color: #CHECK;
}


/* Footer */
.footer {
    background-color: #CHECK;
    color: #CHECK;
    border-top: 10px solid #CHECK;
}

/* Footer / Utility Links */
.utilitymenu--bottom .utilitymenu__link {
    color: #CHECK;
}

/* Footer / Footer Copy */
.footer__copy {
    color: #CHECK;
}

/* Footer / By GOSS */
.bygoss__link {
    color: #CHECK;
}

/* Default Template */
/* Default Template /Breadcrumbs */

.breadcrumb__link {
    color: #CHECK;
}

.breadcrumb__crumb:after {
    content: 'CHECK';
    background-color: #CHECK;
}

/* Default Template / Content */

.a-heading__title {
    border-bottom: 1px solid #CHECK;
    letter-spacing: 0em;
    text-transform: #CHECK;
}

h2 {
    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, 0.1);
}

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

/* Default Template / Related Articles */
.panel__heading {
    letter-spacing: 0em;
    text-transform: #CHECK;
}

.panel__link, 
.media-link__text {
    color: #CHECK;
}

.panel__item {
    padding: 5px 0 10px 50px #CHECK;
    background: url(../images/list-arrow.png) no-repeat top left;
}

/* Default Template / Related Articles / Polls */
.pollform__button--vote {
    background: #CHECK;
    color: #CHECK;
}

.pollform__button--vote:hover {
    box-shadow: inset 0 0 20em rgba(0,0,0,0.25);
}

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

/* Authentication 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 */