﻿.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
}
.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
    }
}
