/* ------------------------------------------------------
Variables for easy find and replace

primary colour - #1C3F94
accent colour - #0093D0
accent colour - hover : #007DB1
font body - #333
font accent - #555
font highlight - #777


/* ------------------------------------------------------
**** navigation menu
------------------------------------------------------ */

/* ---- Mobile header ---- */
.skin--blue #mobile-header {
    background-color: #1C3F94;
}

@media screen and (min-width: 769px) {
    .skin--blue #frankenmenu-list .mega-menu .container {
        background-color: #193884;
    }
    .skin--blue #frankenmenu-list .mega-menu .container:after {
        background-color: #193884;
    }
}

@media all and (max-width: 768px) {
.skin--blue #frankenmenu-list .menu-item.menu-current-item > a {
    border-left: 10px solid #0093D0;
    }

.skin--blue #frankenmenu-list a {
    color: #333333;
    border-left: 10px solid #1C3F94;
    }
}

/* ------------------------------------------------------
**** line decals
------------------------------------------------------ */
.skin--blue .line-decal {
    background-color: #1C3F94;
}

.skin--blue .line-decal--case-study {
    background-color: #fff;
}

.skin--blue .text-link--arrows #double-arrows .cls-1 {
    fill: #1C3F94;
}

.skin--blue blockquote:before,
.skin--blue blockquote:after {
    color: #1C3F94;
}

.skin--blue a:hover,
.skin--blue a:active,
.skin--blue a:focus {
    color: #006691;
}

 /* ---- Expando ---- */
 .skin--blue  .expando-open {
    color: #1C3F94;
}

 /* ---- Links ---- */
 .skin--blue  a {
    color: #1C3F94;
}

.skin--blue .promo__container__header a {
    color: #333;
}

.skin--blue .footer__quicklinks a:hover {
    color: #555;
}

.skin--blue .section__heading--inline a {
    color: #333;
}

.skin--blue .footer__contact__detail a {
    color: #555;
}

.skin--blue .text-link--arrows:hover a {
    color: #333;
}

.skin--blue .text-link--arrows:hover #double-arrows .cls-1 {
    fill: #333;
}

.skin--blue  .breadcrumb > li:before {
    content: url(../images/icon_singular-arrow--blue.svg);
}

.skin--blue .breadcrumb > li:first-child:before {
    content: none;
}

.skin--blue .breadcrumb a:hover,
.skin--blue .breadcrumb a:active,
.skin--blue .breadcrumb a:focus {
    color: #777;
}



/* ------------------------------------------------------
**** background
------------------------------------------------------ */
/* Dark Blue */
.skin--blue .bg-primary_colour {
    background-color: #1C3F94;
    color: #fff;
}

/* Light Blue */
.skin--blue .bg-accent_colour {
    background-color: #0093D0;
    color: #fff;
}

/* ------------------------------------------------------
**** buttons
------------------------------------------------------ */
.skin--blue a.button {
    color: #555;
}
.skin--blue a.button:hover {
    color: #fff;
}
.skin--blue .button:after {
    content: url(../images/icon_button--arrows--blue.svg);
}
.skin--blue .button:before {
    background-color: #0093D0;
}

/* coloured button */
.skin--blue .button--icon--colour .button--icon__content::after {
    background-image: url(../images/icon_button_arrows--blue.svg);
}

.skin--blue .button--icon--colour .button--icon__content::before {
    background-image: url(../images/icon_button_arrows--blue--hover.svg);
}

/* white button */
.skin--blue .button--icon--white .button--icon__content::after {
    background-image: url(../images/icon_button_arrows__inverse--blue.svg);
}
.skin--blue .button--icon--white .button--icon__content::before {
    background-image: url(../images/icon_button_arrows__inverse--blue--hover.svg);
}

.skin--blue .button--icon--white .button--icon__content:hover::after {
    background-image: url(../images/icon_button_arrows__inverse--blue.svg);
}
.skin--blue .button--icon--white .button--icon__content:hover::before {
    background-image: url(../images/icon_button_arrows__inverse--blue--hover.svg);
}

.skin--blue .button--icon--colour .button--icon__icon__background{
    background: #0093D0;
}

.skin--blue .button--icon--colour:hover .button--icon__icon__background {
    background-color: #007DB1;
 }

 .skin--blue .button--icon--colour:hover .button--icon__content--active .button--icon__icon__background {
    background-color: #007DB1;
}

/* ---- Forms ---- */

.skin--blue .daterangepicker .applyBtn {
    background-color: #1C3F94;
}

.skin--blue .field-input .textbox.file-upload__area--dragenter {
    border-color: #1C3F94;
}

/* Submit Bar */

.skin--blue  .submit-bar .button:hover {
     background-color: #007DB1;
}

.skin--blue .submit-bar .button {
     background-color: #0093D0;
}

 /* ---- Header ---- */
 .skin--blue .header__nav__wrapper:after {
    background-color: #1C3F94;
}

.skin--blue .header__nav__wrapper--inner:before {
    background-color: #0093D0;
}

.skin--blue .header__logo--container--inner:before {
    background: #1C3F94;
}

/* ---- Hero banner ---- */
.skin--blue .hero-banner__text__container {
    background-color: rgba(28, 63, 148, 0.9);
}

/* ---- Footer ---- */
.skin--blue #footer {
    border-top: 10px solid #1C3F94;
}

/* Footer svg icons are inline html colour controlled */

/* ---- Sidebar ---- */
.skin--blue.sidebar-linklist__item__sublist__item a {
    border-left: 5px solid #1C3F94;
}

.skin--blue.sidebar-linklist__item__sublist__item:hover a {
    border-left: 5px solid #0093D0;
}
.skin--blue.sidebar-linklist__item__button:before {
    content: url(../images/icon_singular-arrow--blue.svg);
}

/* ---- Widgets ---- */
.skin--blue    background: #1C3F94;
}

.skin--blue.widget-RelatedLinks li.depth1 > a {
    border-left: 10px solid #1C3F94;
}

.skin--blue.widget-RelatedLinks li.depth1 > a:before {
    content: url(../images/icon_double-arrows--nav-blue--hover.svg);
}

.skin--blue.widget-RelatedLinks li.depth1 > a:after {
    content: url(../images/icon_double-arrows--nav-blue.svg);
}

.skin--blue.widget-RelatedLinks li.depth1.on > a {
    border-left: 10px solid #0093D0;
}

.skin--blue .widget-RelatedLinks li.depth2 {
    border-left: 10px solid #1C3F94;
}

.skin--blue .widget-RelatedLinks li.depth2.on > a {
    color: #1C3F94;
}
.skin--blue .widget-RelatedLinks li.depth1 > a {
    border-left: 10px solid #1C3F94;
}
.skin--blue .widget-RelatedLinks li.depth1.on > a {
    border-left: 10px solid #0093D0;
}
.skin--blue .widget-RelatedLinks li.depth1 > a:before {
    content: url(../images/icon_double-arrows--nav-blue--hover.svg);
}
.skin--blue .widget-RelatedLinks li.depth1 > a:after {
    content: url(../images/icon_double-arrows--nav-blue.svg);
}

/* ---- Slick Slider ---- */
.skin--blue .slick-dots .slick-active button {
    background-color: #0093D0;
}

.skin--blue .sponsors-list__img-wrap:after {
    background-color: #1C3F94;
}

/* ---- Blog Posts ---- */
.skin--blue .post-hub__item:before {
    background-color: #1C3F94;
}

.skin--blue .post-hub__item:after {
    background-color: #1C3F94;
}

.skin--blue .post-hub-filterlist__button,
.skin--blue .post-view__cloud--categories a.button {
    background-color: #0093D0;
    color: #fff;

}
.skin--blue .post-hub-filterlist__button:hover,
.skin--blue .post-view__cloud--categories a.button:hover {
    background-color: #007DB1;
}

.skin--blue .post-hub-filterlist__button:after,
.skin--blue .post-view__cloud--categories a.button:after {
    content: " ";
    background: url(../images/icon_singular-arrow--white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: transparent;
}