@import url("https://use.typekit.net/chb8nvt.css");

 .main-body .trend-slab-one, 
 .main-body .trend-slab-one-italic, 
 .main-body .trend-slab-five-italic, 
 .main-body .section-heading, 
 .main-body .tip-header, 
 .main-body .step-header, 
 .main-body .level-header, 
 .main-body p.example-header,
 .main-body .parenting-approach-title {
    font-family: "canada-type-gibson", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.main-body .parenting-approach-title {
    margin-bottom: 1rem;
}

.main-body .btn-ftad, 
.main-body .stage-number {
    font-family: "canada-type-gibson", sans-serif;
    font-weight: 600;
    font-style: normal;
}



.main-body .ftad-white-bg, 
.main-body .ftad-white-bg.red, 
.main-body #ftad-white-bg, 
.main-body #submit-question-section, 
.main-body #ftad-white-bg-red, 
footer, 
.main-body #parenting-approach-section, 
.main-body #parenting-approach-subpage-section, 
.main-body #teaching-stage-of-parenting, 
.main-body #home-about-section {
    background-image: none;
    background-color: #fff;
}
.Section.section {
    background-color: #e7e7e7;
    background-image: none;
}
.ftad-red-bg, #ftad-red-bg, #about-bottom-section, #resources-bottom-section {
    background-size: auto;
    background-color: #961f29;
    background-image: none;
}
.btn-ftad {
 background-image: none;
}
.btn.btn-ftad {
    background-image: none;
}
.btn-ftad-blue, .btn-ftad-blue{
    background-image: none;
    background-color: #076688;
}
.btn-ftad-green, .btn-ftad-green {
    background-image: none;
    background-color: #227861;
}
p {
    color: #757575;
}
    li.mh-mn-social-item:last-child {
    order: -1!important;
}

.mh-mn-social-item, .mh-mn-menu-item {
    float: none!important;
}
.mh-mn-social-items {
    width: 230px!important;
    display: flex!important;
}
#topNavigation {
    background-image: none;
    background-size: auto;
    background-color: #202f45;
}

.mh-main-nav-container {
    background-image: none;
    background-size: auto;
    background-color: #202f45;
}

.mh-mn-icons-container {
    position: absolute;
    right: 0;
    top: 2vw;
}
@media only screen and (max-width: 1478px) {
.mh-mn-icons-container {
    position: relative;
    left: 0;
    top: 66px;
}
}
.mh-logo-container {
    background: #202f45;
    height: 6vw;
}
.mh-content, .mh-logo, .mh-logo-img {
    height: 4vw;
    margin: 0.5vw 1vw 1vw;
}
.mh-main-nav-container {
    margin-left: 0;
    height: 150px;
    display: flex;
    justify-content: center;
}
.mh-main-nav-container .mh-mn-icons-container {
    flex: 1;
    top: 29px;
}
.mh-main-nav-container .topnav {
    order: -1;
}
.mh-content {
    background-color: #202f45;
    padding-top: 9px;
    width: auto;
}

.main-header {
    height: 150px;
    background-color: #202f45;
    border-bottom: 3px solid #fff;
}


.sticky-main-header .mh-content, .sticky-main-header .mh-logo, .sticky-main-header .mh-logo-img {
    height: 50px;
}

.stages-of-parenting-buttons {
    text-align: center;
}

.stages-of-parenting-buttons .btn-ftad {
    width: 31%;
}

.stage-title,
.stages-of-parenting-sub-heading {
    font-family: "canada-type-gibson", sans-serif;
}

@media only screen and (max-width: 768px) {

    .mh-content, .mh-logo, .mh-logo-img {
        height: 18vw;
        margin: 0 auto;
        width: 55vw;
        padding: 6vw 0 0;
    }
}


