@import url('[https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap](https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap)');

#heroCorpPawPtrl {
    border-top:100px solid #000
}
#heroCorpPawPtrl img {width:100%}
#heroCorpPawPtrl .imgHero {cursor:pointer}
#heroCorpPawPtrl .imgHero:hover {filter:brightness(108%)}
#heroCorpPawPtrl #imgHeroDt {display:none}

#featurette {
    background-image:
        url('/themes/mathnasium/assets/promos/pawpatrol2026/boy.webp'),
        url('/themes/mathnasium/assets/promos/pawpatrol2026/ace-safari.webp'),
        url('/themes/mathnasium/assets/promos/pawpatrol2026/girl.webp'),
        url('/themes/mathnasium/assets/promos/pawpatrol2026/jungle.webp'),
        url('/themes/mathnasium/assets/promos/pawpatrol2026/bg-wht-v3.webp');
    background-size: 50px, 115px, 65px, 100%, 120%;
    background-position:
        calc(50% + 100px) bottom,
        50% bottom,
        calc(50% - 100px) bottom,
        center bottom,
        0 0;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
    padding:25px 0 100px;
    border-bottom: 10px solid #000;
}
#featurette .inner {width:90%;margin:0 auto}
#featurette h1 {
    font-family: 'Permanent Marker', cursive;
    text-transform: none;
    color:#db4b3f;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    line-height: 1.2;
    letter-spacing: -0.05px;
    margin-bottom:25px;
}
#featurette #imgTripCopy {width:100%;max-width:570px;display:block;margin:0 auto 25px}
#featurette .wysiwyg p {
    font-size:18px;
    font-weight: 900;
    line-height:1.2;
    margin-bottom:10px
}
#featurette .wysiwyg li {
    font-weight:600;
    line-height:1.2;
    margin-bottom:8px
}
#featurette .wysiwyg li .red {
    font-weight:900;
    color:#db4b3f
}

#woboCon {margin-top:35px}
.woboHeading {
    width:95%;
    text-align:center;font-size:5.3vw;font-weight:800;line-height:1.2;
    position:absolute;top:-15px;left:50%;transform:translateX(-50%)
}

.pawPatrol2026 #video012 {
    background: #7a849a;
}
.pawPatrol2026 .faqStyle007 {
    background: #eff0ed;
}

.pawPatrol2026 .faqStyle007 .headerTitle {
    font-size:30px;
    line-height:38px;
    font-weight:800;
    text-transform:none;
    margin-bottom:15px
}

@media (min-width:576px) {
    #heroCorpPawPtrl #imgHeroDt {display:block}
    #heroCorpPawPtrl #imgHeroMbl {display:none}
    #featurette {
        background-size: 60px, 135px, 75px, 100%, 100%;
        background-position: calc(50% + 117px) bottom, 50% bottom, calc(50% - 117px) bottom, center bottom, 0 0;
        padding-bottom:100px
    }
    #featurette h1 {font-size:26px}
    #woboCon {margin-top:40px}
    .woboHeading {font-size:30px}
}

@media (min-width:768px) {
    #featurette .inner {width:80%}
    .woboHeading {top:5px}
}

@media (min-width:992px) {
    #featurette {
        background-size: 80px, 175px, 102px, 100%, 100%;
        background-position: calc(50% + 160px) bottom, 50% bottom, calc(50% - 160px) bottom, center bottom, 0 0;
        padding-bottom: 140px;
    }
    #featurette .inner {width:70%}
    #featurette h1 {font-size:40px}
    #featurette #imgTripCopy {max-width:750px}
    #featurette .wysiwyg p {font-size:23px}
    #featurette .wysiwyg li {font-size:19px}
    .pawPatrol2026 .faqStyle007 .headerTitle {
        font-size: 38px;
        line-height: 46px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1280px) {
    section.lgColCtr {width:1280px;margin:0 auto}
    .pawPatrol2026 .faqStyle007 .headerTitle {
        font-size: 44px;
        line-height: 52px
    }
}

@media (min-width:1400px) {
    section.lgColCtr {width:1380px}
}