@import url("https://fonts.googleapis.com/css?family=Montserrat:500,600,700|Roboto:400,500|Rubik:300,400,500");

html {
    box-sizing: border-box;
    font-size: 100%
}

.grid-container {
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 75rem;
    margin: 0 auto
}



.grid-x {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}



.grid-margin-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}


.grid-margin-x>.cell {
    width: calc(100% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem
}




@media print,
screen and (min-width:64em) {
    .grid-margin-x>.large-auto {
        width: auto
    }
    .grid-margin-x>.large-shrink {
        width: auto
    }
    .grid-margin-x>.large-1 {
        width: calc(8.33333% - 1.25rem)
    }
    .grid-margin-x>.large-2 {
        width: calc(16.66667% - 1.25rem)
    }
    .grid-margin-x>.large-3 {
        width: calc(25% - 1.25rem)
    }
    .grid-margin-x>.large-4 {
        width: calc(33.33333% - 1.25rem)
    }
    .grid-margin-x>.large-5 {
        width: calc(41.66667% - 1.25rem)
    }
    .grid-margin-x>.large-6 {
        width: calc(50% - 1.25rem)
    }
    .grid-margin-x>.large-7 {
        width: calc(58.33333% - 1.25rem)
    }
    .grid-margin-x>.large-8 {
        width: calc(66.66667% - 1.25rem)
    }
    .grid-margin-x>.large-9 {
        width: calc(75% - 1.25rem)
    }
    .grid-margin-x>.large-10 {
        width: calc(83.33333% - 1.25rem)
    }
    .grid-margin-x>.large-11 {
        width: calc(91.66667% - 1.25rem)
    }
    .grid-margin-x>.large-12 {
        width: calc(100% - 1.25rem)
    }
}


.post-list {
    font-family: 'Rubik';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em
}



.card,
.card__vertical,
.card__vertical--full-width,
.card__box,
.card__featured,
.theme-pediatric .card__box,
.theme-pediatric .card__featured,
.card__label,
.card__review {
    height: 100%
}

.card__shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.card__background-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.theme-pediatric .card__shadow {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}


.card__vertical,
.card__vertical--full-width {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #f0f2f4;
    background-color: #fff;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

@media screen and (max-width:40em) {
    .card__vertical,
    .card__vertical--full-width {
        min-height: 150px
    }
}

.card__vertical .card__content,
.card__vertical--full-width .card__content {
    padding: 40px;
    width: 60%
}


.card__vertical .card__media,
.card__vertical--full-width .card__media {
    background-color: #8fa3ad;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 40%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}