.engaugement__wrapper {
    margin-top:-250px;
    position:relative;
    margin-bottom:4rem;
    z-index:100;
}

.engaugement__wrapper .button-outline, .link-arrow:hover {
    color: #426a70;
}

.engaugement__wrapper .h5 {
    color:#fcf6eb;
    margin-bottom:8px;
    display:block;
}

.engaugement__wrapper .cat-label {
    margin:0 0 12px 0;
    font-weight:600;
}

.engaugement-new {
    border: 1px solid #fcf6eb;
    width: 100% !important;
    margin: 0 auto 0 0 !important;
    padding-left:0px;
    position: relative;
    text-align:left;
    max-width:740px;
}

.engaugement-new h2 {
    text-transform:none !important;
}

.engaugement__wrapper .container-lg{
    padding-left:auto !important;
}

.engaugement__wrapper .contentBox {
    padding-left:40px !important;
    padding-top:20px;
}

.hero-cta-links {
    display:flex;
    flex-flow:row nowrap;
}

.hero-cta-links .button-outline {
    border:2px solid #ffffff;
    margin-right:12px;
}

.hero-cta-links .button-outline a {
    color:#ffffff !important;
}

.home .collections-feed {
    margin-bottom:0px;
}

.coc-card.centenary {
    margin-bottom: 10rem;
}

/******* Hero Mobile *******/


@media (min-width: 767px) {
    .hero .bottom-image {
        display: none;
    }
}

@media (max-width: 480px) {
    .hero-cta-links {
        flex-flow:column;
        align-items:center;
        margin-bottom:40px;
    }

    .green-box h1, .home .hero .left-green-box h2, .home .hero .left-green-box nav {
        max-width: 450px;
        padding: 10px 10px 10px 10px;
        margin: 0 auto;
    }

    .engaugement__wrapper {
        margin-top: 40px;
    }

    .engaugement__wrapper .container-lg{
        padding-left:auto !important;
    }

    .engaugement__wrapper .h5 {
        color:#463d2f;
        margin-left:10px;
    }

    .engaugement__wrapper .contentBox {
        padding-left:auto !important;
    }

}


/******* Front Page Teaching Component *******/

.teaching {
    margin-bottom:100px;
    position: relative;
    z-index:2;
}


.teaching .left-ornament {
    position:absolute;
    left:0;
    top:-100px;
    z-index:1;
}



.teaching .right-ornament {
    position:absolute;
    right:0;
    top:-100px;
    z-index:0;
}

.teaching .container-lg {
    border: 1px solid #c7b299;
    padding:0px 20px 0px 20px !important;
}

.teaching .container-lg .row {
    padding: 0px 40px 20px 40px !important;
}

.quoteSlider {
    background: rgba(252, 246, 235, 1) !important;
    margin: -20px 40px 0 40px;
}

.teaching .teaching-container-title {
    color:#01252b;
    margin-top:-100px;
    padding:0px 20px 10px 20px;
    background-color:#ffffff;
    display:inline-block;
}


/****** Story Cards 2021 ********/

.home-page-story-cards {
    margin-bottom:60px;
    position: relative;
    z-index:2;
}

.home-page-story-cards .left-ornament {
    position:absolute;
    left:0;
    z-index:1;
}


.home-page-story-cards .right-ornament {
    position:absolute;
    right:0;
    z-index:1;
}

.home-page-story-cards .cards__upper-banner {
    background:#426a70;
    padding:20px;
    position: relative;
    z-index:2;
}


.home-page-story-cards .cards__inner-wrapper {
    border: 1px solid #ffffff;
    padding:20px 20px 100px 20px;
    text-align:center;
}

.home-page-story-cards .cards__upper-banner h2 {
    color:#ffffff;
}

.home-page-story-cards .cards__upper-banner p {
    color:#ffffff;
}

.home-page-story-cards .cards__lower-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-flow:row nowrap;
    margin-top:-70px;
    position:relative;
    z-index:2;
}

.home-page-story-cards .cards__lower-wrapper .story-card {
    background:rgba(252, 246, 235, 1);
    flex-basis:32%;
    -webkit-box-shadow: -1px 1px 9px 4px rgba(0,0,0,0.17); 
    box-shadow: -1px 1px 9px 4px rgba(0,0,0,0.17);
    display:flex;
    flex-flow:column;
}

.home-page-story-cards .story-card-image {
    width:100%;
    min-height:220px;
    background-color:#eeeeee;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

.home-page-story-cards .story-card__inner .title-link h3 {
    margin-top:20px;
}

.home-page-story-cards .story-card__inner .title-link h3:hover {
    color:#990033;
}



.home-page-story-cards .story-card__inner {
    padding:0px 20px;
}

.home-page-story-cards .story-card__inner a {
    font-weight:600;
}

.home-page-story-cards .story-card-button-wrapper {
    margin-top:auto;
}

.home-page-story-cards .story-card-button-wrapper .link-arrow {
    padding:20px 20px;
    display:block;
    border-top:1px solid #463d2f;
}

.home-page-story-cards .story-card-button-wrapper .link-arrow:hover {
    background-color:#990033;
    color:#ffffff;
}

.home-video-story, .home-audio-story {
    display: flex;
    flex-flow:row nowrap;
    align-items: flex-start;
}

.home-video-story .home-icon, .home-audio-story .home-icon {
    margin-right:20px;
    margin-top:0px;
}

.home-video-story h3, .home-audio-story h3{
    margin-top:0px;
}


.home-video-story .excerpt, .home-audio-story .excerpt{
    margin-bottom:20px;
}

@media (max-width: 768px) {
    .home-page-story-cards .cards__lower-wrapper {
        flex-flow:column;
    }

    .home-page-story-cards .cards__lower-wrapper .story-card {
        margin-bottom:20px;
    }

    .home-page-story-cards .story-card-image {
       min-height:400px;
    }

    .story-feed-header {
        margin-bottom:40px;
    }
}


.collections-feed {
    margin-bottom:80px;
}

.collections-feed .collection-card {
    padding-top:0px !important;
}


/******** Contact Template *********/

.page-template-template-contact-asp-forms-v2 .gform_wrapper .top_checkboxes_asp{
    width:100% !important;
    float:none;
    display:flex;
    align-items:center;
    flex-flow: row nowrap;
    min-height:auto;
    background-color:transparent;
    border:none;
    padding:0px !important;
}

.page-template-template-contact-asp-forms-v2 .gform_wrapper .asp-clearer-zero {
    display: none;
}

.page-template-template-contact-asp-forms-v2 .gform_wrapper .top_checkboxes_asp .gfield_label {
    min-height:auto;
}



.page-template-template-contact-asp-forms-v2 .gform_wrapper .top_checkboxes_asp .ginput_container_checkbox {
    position: absolute;
    top: 30%;
    margin-right: 20px;
}   

.page-template-template-contact-asp-forms-v2 .gform_wrapper .asp_bottom_margin {
    margin-bottom: 15px;
    vertical-align: top;
}

.page-template-template-contact-asp-forms-v2 .gform_wrapper .top_checkboxes_asp .gfield_label {
    margin-left:40px;
    margin-right:20px;
    font-family: "Open Sans", sans-serif;
    text-transform: none;
    font-weight:bold !important;
    font-size:16px;
}

/****** Green Section *******/

@media (max-width: 600px) {
    .teaching {
        border: 1px solid #c7b299;
        margin-right: 2%;    
        margin-left: 2%;  
    }

    .teaching .container-lg {
        border: 0px solid #c7b299;
    }
}

@media (max-width: 480px) {

    .coc-card.centenary .coc-card__brand .title {
        position:static;
    }
}
