/* Heading font */

.intro-slider h1, .main-container h3, .main-container h4, .search-popup-container h2, .search-bottom-container h2 {
    font-family: 'bely', serif;
    font-weight: 700;
}

/* align box heights for smaller desktop screen (laptops) */

.after-intro img {
    height: 100%;
    object-fit: cover;
}

/* blog featured image and reelated content image sizing */

header.featured-hero_custom {
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

header.featured-hero_custom img, .content_story img {
    height: 200px;
    object-fit: cover;
    object-position: center;
}

/* blog tags  */

p.tags {
    margin-top: 0.5rem;
}

/* p.tags a {
    margin-right: 1rem;
} */

p.tags a:hover {
    text-decoration: underline;
}

/* Search results  */

#search-results article {
    padding: 1rem;
    border-bottom: 1px solid #f0f0f0f0;
}

#search-results h4.entry-title, #search-results p.byline {
    margin: 0;
    line-height: normal;
}

#search-results ul.pagination {
    margin: 3rem 0;
}

#searchform {
    padding: 1rem 0;
}

#searchform input.input-group-field {
    background-color: #f5f5f5;
    padding: 0 1rem;
}

/* Life cycle page */

#life-stage-label {
    font-family: 'bely';
    margin-top: 1rem;
}

@media print, screen and (min-width: 40em) {
    #life-stage-label {
        text-align: right;
    }
}

/* Banner Slides */

.intro-slider .slick-slide {
    padding: 50px 0;
}

.intro-slider .into-text {
    position: relative;
    color: #fff;
}

.bg-teal:not(#intro):hover {
    background: #8ccfc7;
}

.bg-teal:not(#intro, .slick-slide):hover {
    background: #5eaea4;
}

.bg-rust:not(#intro):hover {
    background: #c76f58;
}

.bg-rust:not(#intro, .slick-slide):hover {
    background: #af5841;
}

.bg-blue:not(#intro):hover {
    background: #2a3845;
}

.bg-blue:not(#intro, .slick-slide):hover {
    background: #1c2935;
}

.bg-yellow:not(#intro):hover {
    background: #e0a94d;
}

.bg-yellow:not(#intro, .slick-slide):hover {
    background: #cf9940;
}

.bg-gray:not(#intro):hover {
    background: #444444;
}

.bg-gray:not(#intro, .slick-slide):hover {
    background: #797979;
}

.bg-red:not(#intro):hover {
    background: #ad1e23;
}

.bg-red:not(#intro, .slick-slide):hover {
    background: #84191d;
}

.bg-nocl:not(#intro):hover {
    background: none;
}

.bg-nocl:not(#intro, .slick-slide):hover {
    background: none;
}

.bg-teal a.button.no-bg {
    background: #5eaea4;
}

.bg-rust a.button.no-bg {
    background: #af5841;
}

.bg-blue a.button.no-bg {
    background: #1c2935;
}

.bg-yellow a.button.no-bg {
    background: #cf9940;
}

.bg-gray a.button.no-bg {
    background: #797979;
}

.bg-red a.button.no-bg {
    background: #84191d;
}

.intro-slider .slick-slide .feature-image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}

/* Search pop-up */

.search-popup, .search-form, .search-form input[type=text], .search-bottom {
    background: #c76f58;
}

.search-popup-close, .search-form button i, .search-form input[type=text], .search-popup-container h2, .search-bottom-container h2 {
    color: #ffffff;
}

.search-form button i, .search-form input[type=text] {
    font-size: 1.5rem;
}

.search-popup-close {
    font-size: 3rem;
}

.search-popup-container {
    display: block;
    max-height: 300px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.search-bottom-container {
    align-items: center;
    max-width: 75rem;
    width: 100%;
    height: 100%;
    padding: 3rem;
    margin: 0 auto;
    position: relative;
}

.search-form {
    position: inherit;
    top: 0;
    border: none;
    background: none;
}

.search-popup {
    position: fixed;
    bottom: 50%;
}

.search-form input[type=text] {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid white 3px;
    padding-bottom: 1rem;
}

.search-form input[type=text]:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.search-form .search-button {
    top: calc(50% - 2rem);
}