.img-fill {
    display: block;
    height: auto;
    width: 100%;
}

.card {
    margin-bottom: 30px
}

h1,h2 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.row.separator {
    margin-bottom: 32px;
}

/* Social sharing buttons */
.share-icons {
    ul {
        padding: 0;
        margin: 15px 0 0 0;
        list-style: none;

        li {
            display: inline;

            a {
                display: inline-block;
                font-size: 1.5rem;
                padding: 5px;
            }
        }
    }
}

.fb-send-to-messenger{
    margin: 40px 0 10px;
}

hr {
    margin-bottom: 45px;
}

summary {
    display: block;
    cursor: default;
}

.hyphenate{
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
}

.bcvideo-player-wrapper,
section.embed{
    margin-bottom: 40px;
}

.navbar-level-2{
    border-top: 1px solid #f2f2f2;
    padding-top:20px;
}
.navbar-level-2 .inner{
    margin:0 auto;
}

.navbar-level-2 .inner a.nav-link.active {
    box-shadow: #ee0000 0px -4px 0px inset;
}

.card .card-img-top:after {
    border-radius: 0;
    transition: filter 0.15s ease-in 0s;
    padding-bottom: 66.6%;
    position: relative;
    display:block;
    content:'';
}
.row.small .card .card-img-top:after{
    padding-bottom: 66%!important;
}
.row.small .card .card-img-top,
.card .card-img-top{
    padding-bottom: 0;
    background-size: cover;
    background-position: center;
}

h1, h2, h3, h4, h5, h6 {
    font-family: DomaineDisplay, Times, "Times New Roman", serif;
}

a {
    color: inherit;
    text-decoration: none;

    &:hover {
        color: rgb(238, 0, 0);
    }
}

p a {
    border-bottom: 1px solid rgb(238, 0, 0);
}

h1, h2 {
    font-size: 48px;
    line-height: 62px;
    text-align: center;
    margin-top: 34px;
    margin-bottom: 32px;
    @media (max-width: 575px){
        font-size: 40px;
        line-height: 50px;
    }
}

form .ctaButton{
    padding: 15px 30px;
}
.ctaButton{
    background-color: rgb(238, 0, 0);
    padding:11px 20px;
    display:inline-block;
    font: 12px/16px GTWalsheimVogue700, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    letter-spacing: .9px;
    text-transform: uppercase;
    border: none;
    &:hover{
        color: #fff;
        background-color: rgb(45, 46, 47);
        border-bottom: none;
    }
    &:focus{
        outline:none;
    }
}

.share-icons {

    padding-top: 10px;
    margin-bottom: 70px; /* Changed from design (88px) in agreement with caro */
    text-align: center;

    ul li a {
        height: 48px;
        width: 48px;
        border-radius: 50%;
        border: 1px solid rgb(202, 204, 206);
        text-align: center;
        font-size: 1.3rem;
        padding: 7px;
        &:hover{
            border-color:#ee0000;
        }
        @media (max-width: 460px) {
            .fab:before {
                position: relative;
                top: 2px;
            }
        }
    }
}

.fb-send-to-messenger{
    margin: 2.1rem 0 1rem;
}
.fb_messenger_disclaimer{
    font-family: "GTWalsheimVogue", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #4a4a4a;
    margin-bottom: 1rem;
}

hr {
    border-top: 1px solid #979797;
    margin-left: -15px;
    margin-right: -15px;
}

.container.content-header {
    @media (min-width: 1200px) {
        max-width: 1400px; /* Vogue max contaienr width differs from bootstrap and looks especialy bad on the content header area */
    }
}

.container.content-footer {
    @media (max-width: 575px) {
        h2{
            margin-top: -8px;
            margin-bottom: 27px;
        }
    }
}

.four-teasers {
    &.recommendation {
        h2 {
            font: 64px/64px DomaineDisplay, Times, "Times New Roman", serif;
            text-align: left;
            padding-top: 10px;
            padding-right: 125px;
            margin-top: 0;
            margin-bottom: 50px;
            border-top: 8px solid #000;
            display: inline-block;
        }
        @media (max-width: 575px) {
            h2 {
                font-size: 32px;
                line-height: 40px;
                display: block;
                padding-right: 0;
            }
        }
    }
    h3,h1 {
        font-size: 48px;
        line-height: 54px;
        margin: 40px 0;
        text-align: center;
        @media (max-width: 575px) {
            font-size: 40px;
            line-height: 44px;
        }
    }
}

@media (max-width: 575px) {
    .top-highlight {
        .card .card-img-top {
            margin-left: -15px;
            margin-right: -15px;
            width: calc( 100% + 30px );
        }
        .card-body{
            margin-left:-16px;
            padding-left: calc(15px + 30px);
            width: calc( 100% + 16px );
            &:before{
                left: 15px;
            }
        }
    }
    .four-teasers h5 {
        font-size: 32px;
        line-height: 36px;
    }
}

.backlink{
    padding-left: 66px;
    font-family: "GTWalsheimVogue", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    position: relative;
    top: -20px;
    margin-bottom: 20px;
    &:before{
        content:'';
        background: #ee0000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABEUlEQVQ4jZWTsUpDQRRE7ywSLIKFiFiIhYWFpdjoF1iJX5HCVhB/wtKveGVqSdqAlRZ+QFBLCxHUJHMsskJ84fnWu91eZnbmzl4RRFthtiVtRMR9KPy72XJsb9mugEfgoN5vA68DfWDGvCrbK2UEsAZc28Y2wAtwUqYAuhn8mcFPwBmQWglsd4BL4D3LfrXda1JaByegZ/stvzwBzoFOE0FaTERSAo4iopuvPiJiGIqv5oyX/e/aHtieZRUD2/tFFhas7AEj4CeBW9s7xQRZyTHwkGOcABWwWU4wJzm0Pc4qsH1T/0ipcTgREYo7SReSniNiKmks6X+7kGdyClzZXq33RBRtY5KUQjFdEllC8Fd9A/Rr208xd9vbAAAAAElFTkSuQmCC') no-repeat 15px 16px;
        border-radius: 100%;
        height:46px;
        width:46px;
        position: absolute;
        top: -12px;
        left: 5px;
        display: block;
    }
    &:hover{
        background: none;
        border: none;
    }
}
.border-wrapper{
    border-top: 1px solid #000;
}