/*
    Colours with contrast ratio

    Black #000000 21:1 
    Dark Grey #1E1E1E 16.67:1 (30,30,30)
    Hover link #220504
    Mid Grey #544E4E 8.15:1
    Grey #A79B9B 2.69:1
    Light Grey #D3CDCD 1.57:1
    Lightest Grey #E9E6E6 1.24:1

    Red #C42A2A 5.66.1 (196,42,42) (BE2F2A for contrast on D3CDCD)
    Blue #2B8095 4.54:1
    Light Blue #D5E6EA 1.29:1 (213, 230, 234)
    
    Banner (Lustria, 56px, 84px)
    H1 (Lustria, 40px, 60px)
    H2 (Lustria, 32px, 48px)
    H3 (Lustria, 24px, 36px)    
    Body large (Lato, 20px, 30px)
    Body medium (Lato, 16px, 24px)
    Body small (Lato, 14px, 21px)

    Extra small devices Phones (<768px) 
    Small devices Tablets (≥768px)      
    @media screen and (min-width: 768px) {
    }
    Medium devices Desktops (≥992px)    
    @media screen and (min-width: 992px) {
    }
    Large devices Desktops (≥1200px)    
    @media screen and (min-width: 1200px) {
    }

    items per row / image size required
    1   col-xs-12           1400
    2   col-xs-12 col-s-6   768
    3   col-xs-12 col-s-4   768
    4   col-xs-6 col-md-3   481
    6   col-xs-4 col-md-2   311
    12   col-xs-2 col-md-1  141

*/

body {
    background-color: #1e1e1e;
    color: #1e1e1e;
    font-weight: 400;
    position: relative;
}

/*.contentSection:after {
    content: "";
    position: fixed; / * stretch a fixed position to the whole screen * /
    top: 0;
    height: 100vh; / * fix for mobile browser address bar appearing disappearing * /
    left: 0;
    right: 0;
    z-index: -1; / * needed to keep in the background * /
    / *background: url(https://www.w3schools.com/css/trolltunga.jpg) center center;* /
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}*/

.contentSection {
    background-color: #fff;
}

    .contentSection p {
        overflow-wrap: break-word;
    }

        .contentSection p img {
            max-width: 100%;
            height: auto;
            padding: 1rem 0;
        }

            .contentSection p img.icon {
                padding: 0;
            }


    .contentSection .contentPage picture,
    .contentSection .centredContentPage picture,
    .contentSection .subLandingPage picture {
        display: inline-block;
        /*margin: 10px 0 20px;*/
    }

    .contentSection .promoBlock picture {
        margin-bottom: 0;
    }


    /*.contentSection .contentPage .imageOverlay__overlay,
    .contentSection .centredContentPage .imageOverlay__overlay,
    .contentSection .subLandingPage .imageOverlay__overlay {
        margin-top: 10px;
    }*/

    .contentSection .contentPage picture img, .contentSection .centredContentPage picture img, .contentSection .subLandingPage picture img {
        margin: auto;
    }

    .contentSection .contentPage picture + p.caption,
    .contentSection .centredContentPage picture + p.caption,
    .contentSection .subLandingPage picture + p.caption {
        text-align: center;
        margin-top: -20px;
        margin-bottom: 10px;
    }

    .contentSection .contentPage .imageOverlay picture, .contentSection .centredContentPage .imageOverlay picture, .contentSection .subLandingPage .imageOverlay picture,
    .contentSection .contentPage .imageBlock picture, .contentSection .centredContentPage .imageBlock picture, .contentSection .subLandingPage .imageBlock picture {
        margin-bottom: -7px;
    }


span {
    display: inline-block;
    vertical-align: top;
}

/*.fullPage h1 + p.intro,*/
.fullPage .fullWidthPromoSection h2 + p.intro,
.fullPage .pageBannerRevealSection h2 + p.intro {
    width: 90%;
}

p.intro {
    margin: 0 auto 1rem;
}

a.btn {
    color: #C42A2A;
}

    a.btn.btn-primary, button.btn.btn-primary, a.btn.btn-default {
        padding: .7rem 2.1rem;
        display: inline-block;
    }

        button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:active,
        a.btn.btn-primary:hover, a.btn.btn-primary:focus, a.btn.btn-primary:active {
            background-color: #AA2424;
        }


.container > article > .row {
    margin-left: 0;
    margin-right: 0;
}

@media screen and (min-width: 568px) {
    a.btn.btn-primary, button.btn.btn-primary, a.btn.btn-default {
        padding: .8rem 2.4rem;
    }
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 992px) {
    hr {
        border-style: inset;
        border-width: 1px;
    }
}

@media screen and (min-width: 1200px) {
    a.btn.btn-primary, a.btn.btn-default {
        /*padding: .9rem 3rem 1.1rem;*/
        padding: 0.67rem 3rem 0.87rem;
    }
}

/***********************/
/* general */

img[style*="float: left"], img[style*="float:left"] {
    padding-right: 1.5rem;
    padding-bottom: .5rem;
}

img[style*="float: right"], img[style*="float:right"] {
    padding-left: 1.5rem;
    padding-bottom: .5rem;
}

/*.shareableContentSection p img,*/
/*.shareableContentSection p img[style*="float: left;"] {
    padding-right: 1rem;
    padding-bottom: 1rem;
}*/

a {
    color: #C42A2A;
    text-decoration: underline;
}

    a:hover, a:focus {
        color: #220504;
        text-decoration: none;
    }

    a h3, a h3 {
        color: #C42A2A;
    }

        a h3:hover, a h3:focus {
            color: #220504;
        }

nav a {
    text-decoration: none;
}

article ol, article ul {
    /*padding-inline-start: 30px;
    list-style-position: inside;*/
    padding-inline-start: 15px;
    list-style-position: outside;
}

@media screen and (min-width: 568px) {
    article ol, article ul {
        padding-inline-start: 45px;
    }
}

.contentCollectionSection nav {
    text-align: center;
}

    .contentCollectionSection nav ul {
        margin: 0;
    }

.offScreen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    background-color: #C42A2A;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    border-bottom-right-radius: 10px;
    z-index: 101;
}

    .offScreen:focus, .offScreen:active {
        left: 0;
        width: auto;
        height: auto;
        padding: 2px 15px;
        color: #fff;
        text-decoration: none;
        -webkit-transition: top .1s ease-in, background .5s linear;
        transition: top .1s ease-in, background .5s linear;
    }

/***********************/
/* GRID */

/*@media screen and (min-width: 768px) {
    .container { width: 750px; }
}
@media screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media screen and (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}*/

.container.c_ {
    padding-left: 0;
    padding-right: 0;
    /*margin-left: 15px;
    margin-right: 15px;*/
    margin: auto;
}



@media (min-width: 768px) {
    .container {
        width: 750px;
    }

        .container.c_ {
            /*width: 720px;*/
            margin: auto;
        }
}

@media (min-width: 992px) {
    .container, .container.c_ {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container, .container.c_ {
        width: 1200px;
    }
}

@media screen and (min-width: 1400px) {
    .container, .container.c_ {
        width: 1400px;
    }
}


.container-fluid {
    padding-left: 0;
    padding-right: 0;
}


@media (min-width: 768px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }

    .container-fluid.c_ .row > div,
    .container.c_ .row > div {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*@media screen and (max-width: 767px) {
        .row > div {
            padding-right: 0;
        }
    }*/

/*@media screen and (max-width: 767px) {
    .row > div {
        padding-left: 0;
        padding-right: 0;
    }
}*/

/*@media screen and (max-width: 767px) {
    .collection_row > .item {
        padding-left: 0;
        padding-right: 0;
    }
        .collection_row > .item .promoBlock:not(.hasImage) {
        padding-left: 15px;
        padding-right: 15px;
    }
}*/

/*@media screen and (min-width: 768px) {
    .collection_row > .item:first-child {
        padding-left: 0;
    }
    .collection_row > .item:last-child {
        padding-right: 0;
    }
}*/

@media screen and (max-width: 991px) {
    .row > div {
        margin-bottom: 2rem;
    }
    .row > div:last-child {
        margin-bottom: 0;
    }
}

/*.row > div:last-child {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
}*/

@media screen and (min-width: 992px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}*/

/*h2, p, div {
    padding: 15px;
}*/


/*.col-lg-1 img, .col-lg-10 img, .col-lg-11 img, .col-lg-12 img, .col-lg-2 img, .col-lg-3 img, .col-lg-4 img, .col-lg-5 img, .col-lg-6 img, .col-lg-7 img, .col-lg-8 img, .col-lg-9 img, .col-md-1 img, .col-md-10 img, .col-md-11 img, .col-md-12 img, .col-md-2 img, .col-md-3 img, .col-md-4 img, .col-md-5 img, .col-md-6 img, .col-md-7 img, .col-md-8 img, .col-md-9 img, .col-sm-1 img, .col-sm-10 img, .col-sm-11 img, .col-sm-12 img, .col-sm-2 img, .col-sm-3 img, .col-sm-4 img, .col-sm-5 img, .col-sm-6 img, .col-sm-7 img, .col-sm-8 img, .col-sm-9 img, .col-xs-1 img, .col-xs-10 img, .col-xs-11 img, .col-xs-12 img, .col-xs-2 img, .col-xs-3 img, .col-xs-4 img, .col-xs-5 img, .col-xs-6 img, .col-xs-7 img, .col-xs-8 img, .col-xs-9 img {
    width: 100%;
    margin: auto;
}*/

/*.container { background-color: yellow; }*/

/*.container > h2,
.container > div:not(.row),
.container > div.row > div > h2,
.container > div.row > div > p,
.container > p {
    padding-left: 15px;
}
.container > div.row > div > a { margin-left: 15px; }*/

.container > div.collection_children {
    padding-left: 0;
    margin-top: 0.5rem;
}

/*.container > .collection > div.collection_children > .row, 
.container > div.collection_children > .row {
    margin-left: 0;
    margin-right: 0;
}*/

p.spacer {
    margin: 0 auto .8rem;
}

    p.spacer img {
        /*width: inherit;*/
        width: 81px;
        height: 43px;
        margin: auto;
    }

/*section:not(.no-padding) {
        padding-bottom: 3.8rem;
    }*/

section:not(.c_):not(.no-padding) {
    padding-bottom: 3.8rem;
}

section.container-fluid:not(.c_) .container.c_,
section.container-fluid.c_ {
    padding-top: 3.8rem;
}

section.container-fluid.c_ {
    margin-bottom: 3.8rem; /***/
}

section.container-fluid:not(.c_) .container.c_ {
    padding-bottom: 3.8rem;
}

section.container-fluid.c_ .container {
    padding-bottom: 1.6em;
    margin-bottom: 3.8rem; /***/
}

    /*section.container-fluid.c_ .container .row {
        margin-left: 0;
        margin-right: 0;
    }*/

    section.container-fluid.c_ .container h2 {
        margin-top: .6em;
    }

/* if nested... */
.container-fluid .container-fluid,
.container .container {
    width: inherit;
    padding-left: 0;
    padding-right: 0;
}

    /*.container*/
.container-fluid:not(._c):not(.imageAndTextSection) > .container.c_ {
    padding-left: 15px;
    padding-right: 15px;
}

/***********************/
/* BOOTSTRAP */

.btn {
    display: inline;
    vertical-align: top;
    border: none;
    padding: 0;
    border-radius: 0;
}

    .btn:active, .btn.active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

#header .container-fluid {
    background-color: #1e1e1e;
    color: #fff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

/*.container--full-width {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }*/

/***********************/
/* GENERAL */
/*************************************/

/* fixed menu */

#header {
    height: 71px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 106;
}

    #header.nav-up {
        top: -71px;
    }

#headerSection {
    background-color: #1e1e1e;
}

body {
    padding-top: 71px;
}

@media (min-width: 992px) {
    body {
        padding-top: 127px;
    }

    #header {
        height: 127px;
    }

        #header.nav-up {
            top: -127px;
        }
}

.pageBreadcrumb {
    padding-top: 18px;
}

@media (min-width: 992px) {
    .pageBreadcrumb.hasMenu {
        padding-top: 58px;
    }
}

#contentSection:not(.hasBreadcrumb).hasMenu {
    padding-top: 64px;
}


/***************/
.item {
    border: none;
}
/***************************************************/

/* Approved background colours */

.c_000000 {
    background-color: #000000;
}

.c_1e1e1e {
    background-color: #1E1E1E;
}

.c_544e4e {
    background-color: #544E4E;
}

.c_a79b9b {
    background-color: #A79B9B;
}

.c_d3cdcd {
    background-color: #D3CDCD;
}

.c_e9e6e6 {
    background-color: #E9E6E6;
}

.c_c42a2a {
    background-color: #C42A2A;
}

.c_2b8095 {
    background-color: #2B8095;
}

.c_d5e6ea {
    background-color: #D5E6EA;
}

.c_74377a {
 background-color: #74377A;
}

.c_ffffff {
    background-color: #FFFFFF;
}

/* approved text colours */

.t_000000 {
    color: #000000;
}

.t_1e1e1e {
    color: #1E1E1E;
}

.t_544e4e {
    color: #544E4E;
}

.t_a79b9b {
    color: #A79B9B;
}

.t_d3cdcd {
    color: #D3CDCD;
}

.t_e9e6e6 {
    color: #E9E6E6;
}

.t_c42a2a {
    color: #C42A2A;
}

.t_2b8095 {
    color: #2B8095;
}

.t_d5e6ea {
    color: #D5E6EA;
}

.t_74377a {
    color: #74377A;
}

.t_ffffff {
    color: #FFFFFF;
}

/* set link colour to match text so that red link don't appear on dark backgrounds */

.t_000000 a {
    color: #000000;
}

.t_1e1e1e a {
    color: #1E1E1E;
}

.t_544e4e a {
    color: #544E4E;
}

.t_a79b9b a {
    color: #A79B9B;
}

.t_d3cdcd a {
    color: #D3CDCD;
}

.t_e9e6e6 a {
    color: #E9E6E6;
}

.t_c42a2a a {
    color: #C42A2A;
}

.t_2b8095 a {
    color: #2B8095;
}

.t_d5e6ea a {
    color: #D5E6EA;
}

.t_74377a a {
    color: #74377A;
}

.t_ffffff a {
    color: #FFFFFF;
}


/* background colours where red link text is AA */

.c_ffffff.t_ a,
.c_e9e6e6.t_ a {
    color: #C42A2A;
}

.t_000000 hr {
    border-top-color: #000000;
}

.t_ffffff hr {
    border-top-color: #ffffff;
}

.btn-primary {
    background-color: #C42A2A;
    border-color: #C42A2A;
}

a.btn-primary:hover, a.btn-primary:focus, a.btn-primary:active, a.btn-primary:active:hover {
    background-color: #1e1e1e;
    border-color: #C42A2A;
}

a.btn-primary {
    color: #fff;
    text-decoration: none;
}

.c_c42a2a a.btn-primary, .c_c42a2a a.btn-primary:hover, .c_c42a2a a.btn-primary:focus, .c_c42a2a a.btn-primary:active, .c_c42a2a a.btn-primary:active:hover {
    border: 1px solid #ffffff;
}

.modal {
    background-color: rgba(0,0, 0, .75);
}

.modal-content {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 83.333333333333%;
    margin: auto;
}

.modal-header {
    color: #fff;
    border-bottom: none;
    padding-bottom: 30px;
}

.close {
    color: #fff;
    opacity: 1;
}

    .close:hover, .close:focus {
        color: #E9E6E6;
    }


/***************************************************/
/* ELEMENTS */
.container-fluid.pageBreadcrumb {
    background-color: #fff;
}

    .container-fluid.pageBreadcrumb .breadcrumb {
        padding: 0;
        margin-top: .2rem;
        border: 0;
        background-color: transparent;
    }

    .container-fluid.pageBreadcrumb ol.breadcrumb li:first-child > a {
        padding-left: 0;
    }

    .container-fluid.pageBreadcrumb .breadcrumb > .active {
        color: #544E4E;
    }

.parentTitle {
    color: #C42A2A;
}

.showmore {
    text-align: center;
    margin-top: 3.8rem;
}

    .showmore a {
        display: inline-block;
        border: 1px solid #C42A2A;
        font-size: 2rem;
        line-height: 3rem;
        padding: 1rem 6rem;
        margin-bottom: 2rem;
    }

/**********************************/
#leftNav {
    padding-right: 15px;
}

    #leftNav .leftNavHeader {
        padding-left: 20px;
        padding: 5px 0 5px 20px;
        margin: 0;
        font-size: 1.8rem;
        line-height: 2.7rem;
        background-color: #d3cdcd;
        color: #000;
        text-transform: uppercase;
    }

    #leftNav ul.navbar-left {
        width: 100%;
    }

        #leftNav ul.navbar-left li a {
            padding-left: 20px;
        }

    #leftNav .nav > li > a:hover,
    #leftNav .nav > li > a:focus {
        color: #1e1e1e;
        background-color: transparent;
    }


    /*#leftNav .nav > li > a.active:before {
        content: "hy";
    }*/

    #leftNav .nav ul, #leftNav .nav li {
        list-style: none;
        padding-left: 0;
    }

    #leftNav .nav > li.isThis {
        background: url(/images/reddot.png) no-repeat 7px 14px;
    }

    #leftNav .nav > li li.isThis {
        background: url(/images/reddot.png) no-repeat 7px 8px;
    }

    #leftNav .nav > li li li.isThis {
        background: url(/images/reddot.png) no-repeat 7px 10px;
    }

        #leftNav .nav > li.isThis a,
        #leftNav .nav > li li.isThis a,
        #leftNav .nav > li li li.isThis a {
            color: #1e1e1e;
        }


    #leftNav .nav > li {
        float: none !important;
        border-bottom: 1.5px solid #D3CDCD;
    }

        #leftNav .nav > li:first-child {
            border-top: 1.5px solid #D3CDCD;
        }

    #leftNav .nav > li {
        padding: 5px 0;
    }

        #leftNav .nav > li a {
            display: inline-block;
            margin: -5px 0 0 0px;
        }

        #leftNav .nav > li > a {
            padding: 5px 0 5px 20px;
        }

        #leftNav .nav > li li > a {
            padding: 5px 0 5px 40px;
        }

        #leftNav .nav > li li li > a {
            padding: 5px 0 5px 60px;
        }

/**********************************/
.previousNext .container {
    padding: 20px 0;
    border-top: 2px solid #d3cdcd;
}

.previousNext div.previous > a {
    float: left;
    max-width: 500px;
    text-decoration: none;
}

.previousNext div.next > a {
    float: right;
    max-width: 500px;
    text-decoration: none;
}

.previousNext div.previous span.previousLink,
.previousNext div.next span.nextLink {
    font-size: 7.2rem;
    line-height: 7.2rem;
    color: #C42A2A;
    vertical-align: middle;
}

.previousNext div.previous span.previousLink {
    padding-right: 15px;
    float: left;
}

.previousNext div.next span.nextLink {
    padding-left: 15px;
    float: right;
}

    .previousNext div.previous span.previousLink img,
    .previousNext div.next span.nextLink img {
        vertical-align: top;
    }

.previousNext div.previous .previousText {
    color: #C42A2A;
    text-align: left;
    display: table;
}

.previousNext div.next .nextText {
    color: #C42A2A;
    text-align: right;
    display: table;
}

    .previousNext div.next .nextText h3,
    .previousNext div.previous .previousText h3 {
        font-family: Lato-Bold, Lato, sans-serif;
        font-size: 1.4rem;
        line-height: 2.1rem;
        margin-top: 0;
        text-transform: uppercase;
    }

/*************************************/

.embed-responsive {
    margin-top: 15px;
}

/*********************/

.pagination .disabled a {
    color: #1e1e1e;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            /*color: #337ab7;
            background-color: #ffffff;
            border: 1px solid #dddddd;*/
            margin-left: -1px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination > li > a:hover,
        .pagination > li > span:hover,
        .pagination > li > a:focus,
        .pagination > li > span:focus {
            z-index: 2;
            /*color: #23527c;
            background-color: #eeeeee;
            border-color: #dddddd;*/
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        z-index: 3;
        /*color: #ffffff;
        background-color: #337ab7;
        border-color: #337ab7;*/
        cursor: default;
    }

    .pagination > .active > a {
        border: 1px solid grey;
    }

    .pagination > .disabled > span,
    .pagination > .disabled > span:hover,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > a,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > a:focus {
        /*color: #777777;
        background-color: #ffffff;
        border-color: #dddddd;*/
        cursor: not-allowed;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

/*********************/


.share ul, .share li {
    list-style: none;
    padding-left: 3px;
    padding-bottom: 5px;
}


/*********************/


.search form {
    margin-bottom: 2rem;
}

.search input {
    height: 45.6px;
    padding-left: 15px;
    width: 50%;
}

search button.btn-primary {
    display: inline-block;
    background-color: #C42A2A;
    color: #fff;
    padding: 8px 10px;
    margin: 2px 4px 0 0;
}

.search p.results {
    margin: 1rem 0 2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #C42A2A;
}

.search ul, .search li {
    list-style: none;
    padding-left: 0;
}

.search li {
    /*border-bottom: 1px solid #d3d3d3;*/
    margin-bottom: 2rem;
}


.search h3 {
    margin-top: 0;
    color: #C42A2A;
}

.search .searchResultsColumn h3 {
    font-family: Lato, sans-serif;
    font-size: 2.6rem;
    line-height: 3.9rem;
}

.searchTagsColumn h3 {
    margin-bottom: 2rem;
}

.search h3 a {
    text-decoration: none;
    color: #C42A2A;
}

.search .searchResultsColumn .searchResultsAttr {
    text-transform: uppercase;
    color: #C42A2A;
}

.search .searchResultsColumn .tag {
    background-color: transparent;
    padding: 5px 5px 5px 0;
}

    .search .searchResultsColumn .tag a {
        color: #C42A2A;
    }


/*********************/


#leftNav .nav > li.relatedLinks {
    border-bottom: none;
}

    #leftNav .nav > li.relatedLinks h4 {
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: #C42A2A;
        font-family: Lato-Bold, Lato, sans-serif;
        text-transform: uppercase;
        margin-bottom: 0;
    }

/***********************/

/*.twitter-tweet {
    margin: auto;
}*/

.embed-responsive > video {
    height: auto;
}

/* reduce Cumulative Layout Shift by setting aspect ratio on images */

.responsiveImage,
.responsiveVideo {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
}

.responsiveImage > :first-child,
.responsiveVideo > :first-child {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.responsiveImage.isVideo,
.responsiveVideo {
    padding-top: calc( 100% / 1.778 ) !important;
}

.responsiveImage + .page_children {
    margin-top: 48px;
}

.responsiveImage + h2 {
    margin-top: 30px;
}

.responsiveImage + p {
    margin-top: 15px;
}

.alsoVideo {
    visibility: hidden;
}

@supports (--custom:property) {
    @media (min-width: 320px) {
        .responsiveImage[style*="--aspect-ratio-320"]:not(.isVideo) {
            padding-top: calc( 100% / (var(--aspect-ratio-320)) ) !important;
        }
    }

    @media (min-width: 480px) {
        .responsiveImage[style*="--aspect-ratio-480"]:not(.isVideo) {
            padding-top: calc( 100% / (var(--aspect-ratio-480)) ) !important;
        }
    }

    @media (min-width: 768px) {
        .responsiveImage[style*="--aspect-ratio-768"]:not(.isVideo) {
            padding-top: calc( 100% / (var(--aspect-ratio-768)) ) !important;
        }
    }

    @media (min-width: 992px) {
        .responsiveImage[style*="--aspect-ratio-992"]:not(.isVideo) {
            padding-top: calc( 100% / (var(--aspect-ratio-992)) ) !important;
        }
    }

    @media (min-width: 1200px) {
        .responsiveImage[style*="--aspect-ratio-1200"]:not(.isVideo) {
            padding-top: calc( 100% / (var(--aspect-ratio-1200)) ) !important;
        }
    }
}

.collection_children .item .sermon .contentOuter {
    display: flex;
    flex-wrap: wrap; /* allow wrapping items */
}

.collection_children .item .sermon i.fa-solid {
    font-size: 2.7rem;
    margin-top: 0.45rem;
    color: #544E4E;
    float: left;
    display: block;

    flex-grow: 1;
    flex-basis: fit-content; 

}

.collection_children .item .sermon {
    margin-bottom: 1rem;
}

.collection_children .item .sermon .iconList {
    padding: 5px 0;
}

.collection_children .item .sermon .iconList i.fa-solid {
       font-size: 1.8rem;
       margin-right: 1.5rem;
       color: #544E4E;
}

.collection_children .item>div.sermon .content {
    float: none;
    flex-grow: 1;
    flex-basis: 90%;
}

@media (min-width: 768px) {
    .collection_children .item .sermon i.fa-solid {
        margin-top: 0.5rem;
    }
    .collection_children .item .sermon .iconList i.fa-solid svg {
        width: 30px;
        height: 30px;
    }
}
@media screen and (min-width: 992px) {
    .collection_children .item .sermon i.fa-solid {
        margin-top: 0.6rem;
    }
}
@media screen and (min-width: 1200px) {
    .collection_children .item .sermon i.fa-solid {
        margin-top: 0.75rem;
    }
}