.test {
    color: #fff
}

.landing-modern~.content-contain .sec-nav .sign-up {
    display: none
}

.bt .banner+.content-contain {
    padding-top: 0
}

.banner+.parenting+a,
.parenting-search .browse-by-menu,
.sec-nav .featured-content,
.sec-nav .sign-up {
    display: none
}

.parenting-search {
    position: relative;
    /*margin:10px;
    padding:10px;
    background-color:#f4c75e;
    border-radius:5px;*/
    z-index: 200
}

.parenting-search .ms-srch-sb {
    display: block;
    margin-right: 80px
}

.bt .parenting-search .ms-srch-sb input {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 0;
    padding: 8px 10px;
    border: 0;
    border-radius: 5px;
    color: #aaa;
    vertical-align: top;
    box-shadow: 0 0 5px #c89312
}

.parenting-search input+a {
    position: absolute;
    top: 0;
    right: -81px;
    display: inline-block;
    width: 46px;
    height: 34px;
    padding: 0;
    background-color: transparent;
    text-indent: 100%;
    overflow: hidden;
    vertical-align: top
}

.parenting-search input+a:before {
    display: block;
    width: 46px;
    background-position: -86px 0
}

.parenting-search .browse-by {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #c89312;
    cursor: pointer;
    font: 13px HelveticaNeue, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 8px 10px;
    color: #aaa
}

.parenting-search .browse-by span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #57acc9), color-stop(13%, #4fa4c3), color-stop(23%, #469abc), color-stop(29%, #4297b6), color-stop(71%, #186b93), to(#055882));
    background: linear-gradient(180deg, #57acc9 0, #4fa4c3 13%, #469abc 23%, #4297b6 29%, #186b93 71%, #055882);
    border-radius: 0 5px 5px 0
}

.bt .parenting-search .browse-by span:before {
    width: 17px;
    height: 16px;
    top: 8px;
    background-position: -93px 0
}

.parenting-search .browse-by-menu {
    background: #fff;
    position: absolute;
    top: 27px;
    right: 40px;
    left: 0;
    box-shadow: 0 3px 3px #ccc;
    font-size: 14px;
    z-index: 1
}

.parenting-search .browse-by-menu a {
    display: block;
    padding: 10px;
    color: #e26d2d
}

.parenting-search .browse-by-menu a:hover {
    background-color: #eef5f9;
    color: #00537f;
    text-decoration: none
}

.bt .parent-new.landing-modern~.content-contain {
    padding-bottom: 0
}

.bt .landing-modern~.content-contain article {
    padding: 0 0 30px
}

.landing-modern~.content-contain .intro {
    margin: 20px 20px 30px;
    padding: 0;
    font: 400 18px/1 Source Sans Pro, Arial, sans-serif
}

.bt .banner .banner-content.parent-home-banner {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    padding: 15px 0;
    text-align: center;
    position: static;
    -webkit-transform: none !important;
    transform: none !important
}

.banner .parent-home .full-only,
.banner .parent-home .tablet-only {
    display: none
}

.banner .parent-home .mobile-small {
    display: block
}

.bt .banner-content.parent-home-banner a {
    display: block;
    position: relative
}

.banner .banner-content.parent-home-banner .btn {
    background: #fdb72c;
    text-shadow: none;
    padding: 15px 20px;
    border-radius: 6px;
    box-shadow: none;
    font: 700 17px Source Sans Pro, Arial, sans-serif;
    color: #044264 !important;
    border: 2px solid #003b63
}

.banner .banner-content.parent-home-banner .btn,
.banner .banner-content.parent-home-banner .btn:active,
.banner .banner-content.parent-home-banner .btn:focus,
.banner .banner-content.parent-home-banner .btn:hover {
    color: #fff
}

@media only screen and (max-width:785px) {
    .banner .banner-content.parent-home-banner h1 {
        margin-top: 0;
        padding-bottom: 15px;
        font: 700 42px 'Roboto Slab', 'Times New Roman', serif;
        color: #fff;
        text-align: center;
    }

    .banner .banner-content.parent-home-banner h2 {
        margin-top: 0;
        padding-bottom: none;
        color: #f7941d;
        font: 600 44px/1.2 Source Sans Pro, Arial, sans-serif
    }

    .banner .banner-content.parent-home-banner h3 {
        margin-top: 5px;
        padding-bottom: 0;
        color: #fff;
        font: 800 30px/1.2 Source Sans Pro, Arial, sans-serif
    }

    .banner .banner-content.parent-home-banner p {
        display: block;
        margin-bottom: 20px;
        color: #fff;
        font: 400 24px/1.2 Source Sans Pro, Arial, sans-serif;
        text-shadow: 0 1px 8px #000;
        text-align: center
    }
}

@media only screen and (min-width:786px) {

    .banner .parent-home .mobile-small,
    .banner .parent-home .tablet-only,
    .bt .banner .banner-content.parent-home-banner h2,
    .bt .banner .banner-content.parent-home-banner h3 {
        display: none
    }

    .banner .parent-home .full-only {
        display: block
    }

    .bt .banner .banner-content.parent-home-banner {
        max-width: 960px;
        position: absolute;
        top: auto;
        right: 42.3%;
        left: auto;
        bottom: 23%;
        padding-top: 0;
        padding-bottom: 0
    }

    .bt .banner .banner-content.parent-home-banner .banner-content-constrain {
        width: 27%;
        margin: 17% 5% auto auto
    }
}

@media only screen and (min-width:980px) and (max-width:1289px) {
    .banner .parent-home {
        width: 960px;
        /* margin:0 auto */
    }

    .bt .banner .banner-content.parent-home-banner .banner-content-constrain {
        width: 22%;
        margin: 17% 7% auto auto
    }
}

@media only screen and (min-width:1290px) {
    .bt .banner .banner-content.parent-home-banner .banner-content-constrain {
        width: 27%;
        margin: 23% 1% auto auto
    }
}

.parent-home-grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    text-align: center
}

.bt .parent.full-bg {
    padding-top: 20px;
    padding-bottom: 20px
}

.parent-home-grid>div {
    box-sizing: border-box;
    margin-bottom: 30px
}

.parent.full-bg .article {
    margin-bottom: 0
}

.parent-home-grid>.article {
    overflow: hidden;
    width: 80%;
    padding: 0;
    background-color: #005b7f;
    border: none;
    font: 400 20px/1 Source Sans Pro, Arial, sans-serif;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.parent-home-grid>.article a:hover {
    color: #fdb813;
    text-decoration: none
}

.parent-home-grid>.article a {
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
}

.parent-home-grid>*,
.parent-home-grid>.article a>* {
    max-width: 100%;
    box-sizing: border-box;
    flex-shrink: 0
}

.parent-home-grid>.article img {
    width: 100%
}

.main-content .parent-home-grid>div.article a>span {
    display: block;
    padding: 20px;
    line-height: 1.3;
    font-size: 18px
}

.main-content .parent-home-grid>div.article a>span a:hover {
    color: Â #fdb813
}

.parent-home-grid>.article a>span span {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/arrow-sprite.svg);
    background-position: 72% 0;
    position: relative;
    top: 3px
}

.parent-home-grid>.article p img {
    width: auto;
    margin-left: 10px
}

.parent-home-grid .two-column.nested {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.parent-home-grid .two-column.nested>div {
    box-sizing: border-box
}

.parent-home-grid .two-column.nested>div:not(:last-child) {
    margin-bottom: 30px
}

.main-content .parent-home-grid h2,
.parent-home-grid .hotline p {
    margin: 0 0 10px;
    padding: 0;
    border: 0;
    font: 800 23px 'Roboto Slab', 'Times New Roman', serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left
}

.parent-home-grid .facebook h2,
.parent-home-grid .hotline h2,
.parent-home-grid .hotline p {
    color: #fff;
    text-align: center
}

.parent-home-grid .newsletter {
    width: 100%;
    padding: 20px 35px 10px;
    background: linear-gradient(155deg, #f2f6ff, #f3f7ff 14%, #f1f5fe 16%, #ecf4ff 32%, #eaf2fd 34%, #e8f1ff 46%, #e5f2ff 0, #dce9fc 47%, #dae9fe 0, #e3efff);
    border: 1px solid #ccc
}

.main-content .parent-home-grid div.newsletter p {
    margin: 0 0 10px;
    font: 400 18px Source Sans Pro, Arial, sans-serif;
    text-align: left
}

.parent-home-grid .newsletter .btn {
    margin: 0;
    padding: 10px 30px;
    font-size: 20px
}

.parent-home-grid .newsletter h2 {
    text-align: left
}

.parent-home-grid .hotline {
    padding: 10px 30px;
    /** background: -webkit-repeating-linear-gradient(315deg, #efaf16, #efaf16 5%, #fdbd24 6%, #fdbd24 49%, #efaf16 50%, #efaf16 50.5%, #fdbd24 51%) 0 0 fixed;
    background: repeating-linear-gradient(135deg, #efaf16, #efaf16 5%, #fdbd24 6%, #fdbd24 49%, #efaf16 50%, #efaf16 50.5%, #fdbd24 51%) 0 0 fixed;
    background-size: 7px 7px; **/
    background-color: #efaf16;
}

.main-content .parent-home-grid div.hotline p {
    font-size: 34px
}

.parent-home-grid .facebook {
    position: relative;
    padding: 13px 140px 10px 15px;
    background-image: url(/PublishingImages/BT-PressDeals.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

< !-- Facebook Box Not Being Used .parent-home-grid .facebook:before {
    content: "";
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 5%;
    width: 65px;
    height: 125px;
    margin: auto;
    background-image: url(../images/social-sprite.svg);
    background-repeat: no-repeat;
    background-size: cover
}

-->.parent-home-grid .facebook h2 {
    font-size: 25px
}

.main-content .parent-home-grid div.facebook p {
    margin: 0 0 10px;
    font: 400 18px/1.3 Source Sans Pro, Arial, sans-serif;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.parent-home-grid .parenting-series {
    margin: 0 auto;
    min-width: 300px;
    min-height: 320px;
    position: relative;
    background: url(/Banners/trackSignUp.jpg) no-repeat 100% 0;
    background-size: cover
}

.parent-home-grid .parenting-series .btn {
    position: absolute;
    bottom: 15px;
    right: 20px;
    left: 20px;
    padding: 6px 20% 6px 10px;
    border-width: 3px;
    background: rgba(70, 70, 70, .52);
    font-size: 17px;
    line-height: 1
}

.parent-home-grid .parenting-series .btn:before {
    content: "";
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: auto;
    width: 15px;
    height: 25px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/arrow-sprite.svg);
    background-position: 28.4% 0
}

.parent-home-grid .btn.btn-theme15 {
    margin: 0
}

.basic-img {
    float: right;
    padding-left: 10px
}

.parent-article+.content-contain .social-icon-wrapper {
    text-align: right
}

.parent-article+.content-contain .dfwp-list li {
    padding: 0 20px 20px 15px;
    border: 0
}

.parent-article+.content-contain .dfwp-column,
.parent-article+.content-contain .dfwp-list li .image-area-left,
.parent-article+.content-contain .dfwp-list li .item {
    float: none;
    padding: 0
}

.parent-article+.content-contain .dfwp-list {
    text-align: center
}

.bt .highlight-sec-theme2 {
    margin: 5px 5px 20px;
    padding: 12px 0;
    line-height: 1.8;
    font-size: 15px
}

.bt .btn.hotline-button {
    display: block;
    max-width: 282px;
    margin: 10px auto 0;
    padding: 9px 10px 5px;
    text-align: center;
    text-shadow: 0 0 5px #c89312
}

.hotline-button span {
    font: 700 28px Source Sans Pro, Arial, sans-serif
}

.question-wrapper {
    margin-top: 30px;
    padding: 20px 0 30px;
    position: relative
}

.question-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    left: -100%;
    z-index: -1;
    background: #c8eafa url(../images/bg-diag-lines.png)
}

.bt .answer-wrapper h2,
.bt .question-wrapper h2 {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0;
    font: 400 26px Source Sans Pro, Arial, sans-serif
}

.bt .main-content .tags li {
    padding: 0;
    border: 0;
    text-align: left
}

.bt .tags p {
    margin: 0 8px 5px 0;
    line-height: 1
}

.bt .tags p,
.tags .ms-webpart-chrome {
    display: inline-block;
    vertical-align: middle
}

.tags .ms-webpart-chrome {
    min-width: inherit;
    width: auto
}

.tags a:first-child {
    margin-left: 0
}

.main-content .dfwp-list {
    list-style: none
}

.answer-wrapper~.ms-webpart-chrome .related-articles .article-sec:before {
    background-color: #fef4e9
}

.bt .guide~.content-contain,
.bt .guide~.content-contain article {
    padding-bottom: 0
}

.guide~.content-contain h2 {
    margin-top: 25px;
    margin-bottom: 12px;
    font-size: 26px
}

.bt .guide~.content-contain .main-content p {
    font-size: 20px
}

.guide~.content-contain .guide-feat-content .cbs-List {
    display: block;
    margin-left: 0
}

.guide~.content-contain .guide-feat-content .full-bg {
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 20px;
    padding-bottom: 15px
}

.bt .main-content .guide-feature-banner {
    margin-top: 35px;
    margin-bottom: 45px
}

.bt .main-content .feature-banner {
    margin: 35px 0 42px
}

.bt .main-content .feature-banner:after,
.bt .main-content .guide-feature-banner:after {
    content: "";
    position: absolute;
    top: 0;
    right: -100%;
    bottom: 0;
    left: -100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, 0)), color-stop(47%, transparent), color-stop(53%, rgba(0, 0, 0, .04)), color-stop(62%, rgba(0, 0, 0, .13)), color-stop(89%, rgba(0, 0, 0, .61)), to(rgba(0, 0, 0, .7)));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, transparent 47%, rgba(0, 0, 0, .04) 53%, rgba(0, 0, 0, .13) 62%, rgba(0, 0, 0, .61) 89%, rgba(0, 0, 0, .7));
    z-index: 1
}

.bt .banner.feature-banner .banner-content,
.bt .banner.guide-feature-banner .banner-content {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 15px;
    text-align: center;
    z-index: 2
}

.bt .banner.feature-banner .banner-content {
    text-align: left
}

.banner.guide-feature-banner .banner-content h2,
.bt .banner.feature-banner .banner-content h2 {
    max-width: 600px;
    margin: 0 auto 25px;
    padding: 0;
    font: 600 36px Source Sans Pro, Arial, sans-serif;
    color: #fff
}

.bt .banner.feature-banner .banner-content h2 {
    font-size: 42px;
    margin: 0
}

.banner.guide-feature-banner .banner-content .btn {
    background-color: #0072bc;
    box-shadow: none;
    text-shadow: none;
    border: 0;
    padding: 14px 50px;
    font: 700 22px Source Sans Pro, Arial, sans-serif
}

.guide-feat-content .feat-content-icon {
    width: 64px;
    height: 72px;
    float: right;
    margin-right: 20px;
    margin-left: 20px;
    padding: 0;
    position: relative
}

.guide-feat-content .feat-content-icon:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/search-icons.svg) no-repeat -216px 0;
    background-size: cover
}

.guide-feat-content .feat-content-icon.qa,
.guide-feat-content .feat-content-icon.video {
    height: 64px
}

.guide-feat-content .feat-content-icon.video:before {
    background-position: -250px 0
}

.guide-feat-content .feat-content-icon.blog:before {
    background-position: -74px 0
}

.guide-feat-content .feat-content-icon.qa:before {
    background-position: 0 0
}

.guide-feat-content .feat-content-icon.quicktip:before {
    width: 46px;
    left: 9px;
    background-position: -422px 0
}

.guide-feat-content .feat-content-item a {
    margin-left: 5px
}

.guide-feat-content .feat-content-title {
    position: relative;
    top: -6px;
    margin-bottom: 0;
    padding: 0;
    color: #363636;
    line-height: 1.3
}

.guide-feat-content .feat-content-desc {
    margin-top: 0;
    margin-bottom: 0
}

.bt .guide~.content-contain .guide-feat-content .feat-content-desc {
    font-size: 18px;
    line-height: 1.5
}

.guide~.content-contain .tools {
    margin-top: 36px;
    margin-bottom: -20px
}

.guide~.content-contain .promo-strip {
    margin-top: 55px !important;
    margin-bottom: -60px !important
}

.guide~.content-contain .see-all-section {
    margin-top: 60px;
    margin-bottom: 0;
    padding-top: 25px;
    padding-bottom: 75px
}

.guide-txt-sm {
    font-size: 18px !important
}

@media only screen and (min-width:550px) {
    .parenting-search .ms-srch-sb {
        display: inline-block;
        width: 50%;
        margin-right: 0
    }

    .bt .parenting-search .ms-srch-sb input {
        width: 60%
    }

    .parenting-search input+a {
        position: relative;
        top: auto;
        right: auto
    }

    .parenting-search .browse-by {
        position: absolute;
        top: 10px;
        left: 0;
        width: 40%;
        margin-top: 0
    }

    .parent-home-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .parent-home-grid>.article {
        width: 32%
    }

    .parent-home-grid>div {
        margin-bottom: 20px
    }

    .parent-home-grid .two-column.nested {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin-right: 0
    }

    .parent-home-grid .two-column.nested>div:first-child {
        margin-bottom: 20px
    }

    .parent-home-grid .two-column.nested>div:not(:first-child) {
        width: 48.5%;
        margin-bottom: 0
    }

    .guide-feat-content .feat-content-item {
        display: -webkit-box;
        display: flex;
        margin-left: 15px
    }

    .guide-feat-content .feat-content-item>:last-child {
        -webkit-box-flex: 1;
        flex: 1 1 auto
    }

    .guide-feat-content .feat-content-icon {
        float: none;
        margin-right: 15px;
        margin-left: 0;
        -webkit-box-flex: 0;
        flex: 0 0 auto
    }
}

@media only screen and (min-width:785px) {
    .bt .parenting-search .ms-srch-sb input {
        padding-left: 50px
    }

    .parenting-search input+a {
        top: 2px
    }

    .sec-nav .featured-content,
    .sec-nav .sign-up {
        display: block
    }

    .bt .banner.feature-banner .banner-content h2 {
        margin-bottom: 60px
    }

    .banner+.parenting+a {
        display: inline-block
    }

    .bt .cycle-slideshow.parenting img {
        right: 0
    }

    .guide~.content-contain .tools .cbs-List {
        margin-right: 0;
        margin-left: 0
    }

    .bt .banner.feature-banner .banner-content,
    .bt .banner.guide-feature-banner .banner-content {
        position: absolute;
        padding-top: 0
    }
}

@media only screen and (min-width:980px) {
    .parenting-search .ms-srch-sb input {
        width: 70%
    }

    .bt .main-content .feature-banner,
    .bt .main-content .guide-feature-banner {
        margin-right: -165px;
        margin-left: -165px
    }

    .hotline-button span {
        font-size: 30px
    }

    .parent-home-grid .two-column.nested {
        width: 66%;
        margin-bottom: 0
    }

    .parent-home-grid .parenting-series {
        width: 32%;
        margin: inherit
    }
}