@font-face {
    font-family: 'YesevaOne-Regular';
    src: url('/Photos/MiscPages/women/fonts/YesevaOne-Regular.woff') format("woff");
    font-style: normal;
}
.font--accent {
    font-family: 'YesevaOne-Regular', "Gotham SSm A"!important;
    letter-spacing: 0.25px;
}

.title.font--accent {
    font-size: 4em;
    z-index: 10;
}

h3.font--accent {
    font-size: 2em;
}

@media (max-width: 36rem) {
    .title {
        font-size: 3em;
    }
}

@media (max-width: 24rem) {
    .title {
        font-size: 2.5em;
    }
}

.header--background {
    background-image: url('/Photos/MiscPages/women/img/hero-background.jpg')!important;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.edge--bottom {
    position: absolute;
    bottom: 0;
    min-width: 110%;
    margin-left: -2em!important;
    margin-bottom: -0.5em;
}

.has-background--floral img.edge--bottom {
    transform: scaleY(-1);
}

.edge--top {
    position: absolute;
    top: 0;
    min-width: 110%;
    margin-left: -2em!important;
    margin-top: -0.5em;
}

.has-background img.edge--top {
    transform: scaleX(-1);
    transform: scaleY(-1);
}

.has-overlay::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(36, 36, 36, 0.65);
    background-position: center, center;
    background-size: auto;
    background-repeat: repeat;
    pointer-events: none;
}

.has-overlay--light::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(36, 36, 36, 0.2);
    background-position: center, center;
    background-size: auto;
    background-repeat: repeat;
    pointer-events: none;
}

.on-top {
    z-index: 10;
}
  
.relative {
    position: relative;
}

.flex {
    display: flex;
}

.flex--wrap {
    flex-wrap: wrap;
}

.vertical--center {
    align-self: center;
}

.has-shadow {
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.has-background--floral {
    background-image: url('/Photos/MiscPages/women/img/background-image.jpg');
    background-size: cover;
    background-position: center 80%;
    overflow: hidden;
}

.has-background--women {
    background-image: url('/Photos/MiscPages/women/img/women.jpg');
    background-size: cover;
    background-position: center 35%;
    overflow: hidden;
}

.btn--blush {
    background-color: #EFA693;
    border-color: #EFA693;
}

.btn--blush:hover {
    background-color: #EAB4A9;
    border-color: #EAB4A9;
}

.btn--maroon {
    background-color: #8E1537;
    border-color: #8E1537;
}
.btn--maroon:hover {
    background-color: #A3244B;
    border-color: #A3244B;
}

.btn--quarternary {
    color: #EFA693;
}

.btn--quarternary:hover {
    color: #EAB4A9;
}


.btn--quarternary svg {
    fill: #EFA693;
}

article.panel {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 5px;
    width: calc( 33.3333% - 0.5rem * 2 );
    float: left;
    margin-top: 1em;
    margin-bottom: 1em;
}

article.panel:hover {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.3);
}


@media (max-width: 48rem) {
    article.panel {
        width: calc( 50% - 0.5rem * 2 );
    }
}

@media (max-width: 36rem) {
    article.panel {
        width: calc( 100% - 0.5rem * 2 );
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

article.panel h4, .title--panel a {
    color: #424242!important;
    text-transform: initial;
}

.title--panel {
    font-family: 'YesevaOne-Regular', "Gotham SSm A"!important;
    text-align: left;
    padding: 0.5em 1em;
}

p.summary--panel {
    padding:0em 1.5em 1.5em;
}

.header-text .title.font--accent {
    font-family: 'YesevaOne-Regular', "Gotham SSm A"!important;
    color: #424242;
}

.header-text .btn--ghost.btn--white {
    background-color: #8E1537;
    border-color: #8E1537;
    color: #fff;
}

.header-text .btn--ghost.btn--white:hover {
    background-color: #A3244B;
    border-color: #A3244B;
    color: #fff;
}

article.slat h2.title--slat, article.slat h2.title--slat a {
    font-family: 'YesevaOne-Regular', "Gotham SSm A"!important;
    color: #424242!important;
    text-transform: initial;
    font-size: 1.25em;
}

@media(max-width: 36rem) {
    article.slat h2.title--slat {
        margin: 0.5em 0!important;
    }
}

.well--micro {
     margin-bottom: 0.25em;
}