<style>
/*first just /*row paddings*/
    .pt80{
        padding-top: 100px !important;
    }
    .pt90{
        padding-top: 110px !important;
    }
    .pb80{
        padding-bottom: 100px !important;
    }
    .pb90{
        padding-bottom: 110px !important;
    }

@media screen and (min-width: 1200px) and (max-width:1399px) {
    .pt80{
        padding-top: 90px !important;
    }
    .pt90{
        padding-top: 100px !important;
    }
    .pb80{
        padding-bottom: 90px !important;
    }
    .pb90{
        padding-bottom: 100px !important;
    }
}    
@media screen and (min-width: 992px) and (max-width:1199px) {
    .pt80{
        padding-top: 80px !important;
    }
    .pt90{
        padding-top: 90px !important;
    }
    .pb80{
        padding-bottom: 80px !important;
    }
    .pb90{
        padding-bottom: 90px !important;
    }
}    
@media screen and (min-width: 768px) and (max-width:991px) {
    .pt80{
        padding-top: 70px !important;
    }
    .pt90{
        padding-top: 80px !important;
    }
    .pb80{
        padding-bottom: 70px !important;
    }
    .pb90{
        padding-bottom: 80px !important;
    }
}   
@media screen and (min-width: 576px) and (max-width:767px) {
    .pt80{
        padding-top: 60px !important;
    }
    .pt90{
        padding-top: 70px !important;
    }
    .pb80{
        padding-bottom: 60px !important;
    }
    .pb90{
        padding-bottom: 70px !important;
    }
}   
@media screen and (min-width: 0px) and (max-width:575px) {
    .pt80{
        padding-top: 50px !important;
    }
    .pt90{
        padding-top: 60px !important;
    }
    .pb80{
        padding-bottom: 50px !important;
    }
    .pb90{
        padding-bottom: 60px !important;
    }
}    
/******************************end paddings*/





#mm_menu{
    display: none;
}

#ipadrow {
    display: none;
}

.channelrow{
  margin-top:40px;
}

.achannel {
    background-size: cover;
    min-height: 150px;
}

p.watchback{
color: #2638C4;
text-align: left;
font-weight: bold;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
text-transform: uppercase;
opacity: 1;
margin: 0px;
}

p.toschedule{
margin: 0px 0px 20px 0px;
color: #2638C4;
text-align: left;
font-weight: 600;
font-size: 20px;
line-height: 24px;
letter-spacing: 0px;
opacity: 1;
}

.top-car {
    padding-top: 16px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

a.videosearchonly, a.viewmore {
    margin-bottom: 0px;
    }

img.chan_logo {
    height: 60px;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.live_btn {
    background-color: #D6383A;
    color: white;
    font-weight: 900;
    padding: 3px 10px 0px 6px;
    width: inherit;
    display: initial;
    position: absolute;
}

.black_overlay {
    background-color: #00000075;
    max-width: 100%;
    min-height: 150px;
}

.achannel:hover {
    cursor: pointer;
}
.activechan{
    border-color: white;
    border-width: 4px;
    border-style: solid;
}

.mylead {
    text-align: center;
}

#playercodehide {
    background-color: black;
    position: absolute;
    width: 97%;
    height: 100%;
    z-index: 100;
}

#playercodehide h2 {
    color: white;
    text-align: center;
    padding-top: 20%;
}

p.watchlive {
    color:#FFCF00;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    text-shadow: 0px 3px 6px #00000029;
    margin-top: 0px;
    margin-bottom: 10px;
}

p.streamnow{
     color:#FFCF00;
    text-transform: none;
    font-size: 24px;
    line-height: 29px;
    text-shadow: 0px 3px 6px #00000029;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 30px;
}


p.seriestitle {
font-weight:bold;
font-size: 36px;
line-height:43px;
text-shadow: 0px 3px 6px #00000029;
margin-top: 0px;
margin-bottom: 5px;
}

p.episodetitle {
color: #ffffff;
text-align: left;
font-weight:500;
font-size: 16px;
line-height:19px;
text-shadow: 0px 3px 6px #00000029;
opacity: 1;
margin-top: 0px;
margin-bottom: 10px;
}


p.episodedesc {
    margin-bottom: 20px;
    margin-top: 0px;
}

p.time {
    color:#FFCF00;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    text-shadow: 0px 3px 6px #00000029;
    margin-top: 0px;
    margin-bottom: 0px;
}

p.chan_name{
    color:#FFCF00;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
    text-shadow: 0px 3px 6px #00000029;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 0px;
}

p.series{
font-weight:bold;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
text-shadow: 0px 3px 6px #00000029;
 margin-top: 5px;
    margin-bottom: 0px;
}

p.only {
    font-style: italic;
    margin:0px;
}

p.upnext {
    border-top: solid;
    border-top-width: 1px;
    padding-top: 10px;
    margin-top: 8px;
}

.upnext a{
    color:white !important;
    font-weight: bold;
    
}

#schedule h2.vidheadtitle {
text-transform: inherit;
   } 

#schedule p.covevideodate {
    color: #5C6E85;
    text-transform: inherit;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
}

#schedule .upcoming_sch {
    margin-bottom: 30px;
}

#schedule h2.covevideotitle {
    text-transform: inherit;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
}

#schedule p.episodetitle {
    margin-top: 0px;
    margin-bottom: 15px;
    text-shadow: none;

}

#schedule p.episodetitle a {
    color: #5C6E85;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
}

#schedule p.covedesc {
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#schedule a.viewmore {
    width: fit-content;
    background: #F6F8FA 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    text-align: center;
    font-weight:bold;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0px;
    color: #5C6E85;
    opacity: 1;
    padding: 19px 30px;
    text-transform: uppercase;
}

/* header */

#epinfo img.chan_logo {
    height: 45px;
    margin-bottom: 15px;
    position: inherit;
    top: inherit;
    left: inherit;
    transform: inherit;
}


/*for accordion*/

h2.c24{
    font-size: 24px;
    margin:0px;
    text-transform: capitalize;
    margin-bottom: 15px;
}
h2.c30{
    font-size: 30px;
    margin:0px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

span.vc_tta-title-text {
    color: #2638C4;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

#gethelp .vc_tta-panel-body {
    padding: 20px 0px !IMPORTANT;
}

#gethelp .vc_tta-panel {
    margin-bottom: 10px !important;
}
#gethelp .vc_tta-panel-heading {
    background-color: #F6F8FA !important;
}

#gethelp i.vc_tta-controls-icon.vc_tta-controls-icon-plus {
    top: 47%;
    background-color: #2638C4;
    color: white !important;
    width: 45px;
    height: 45px;
    left: 0px !important;
}

#gethelp .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title>a {
       padding-left: 60px !important;
}

#gethelp .vc_tta-panel-title>a {
    padding: 10px 20px !important;
}

#gethelp .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
    left: 25% !important;
    right: 0 !important;
    border-width: 4px 0 0 0 !important;
    border-color: white !important;
    width: 50% !important;
    padding: 0px -28px !important;
}
#gethelp .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
    left: 50% !important;
    bottom: 0 !important;
    top: 25% !important;
    border-width: 0 0 0 4px !important;
    border-color: white !important;
    height: 50% !important;
}

#gethelp .greybackground {
    background-color: #f6f8fa;
}



#passport_CTA_top {
    text-align: center;
} 
#passport_CTA_top #passportimg {
    margin-bottom: 20px;
    margin-top: 90px;
}

#passport_CTA_top #passportimg img {
    width: 70%;
}

#passport_CTA {
    color: #5C6E85;
    text-align: center;
}

#passport_CTA p a{
   font-weight: bold;
}


p.passport_text{
text-align: center;
font-size: 20px;
line-height:30px;
letter-spacing: 0px;
color: #5C6E85;
opacity: 1;
}

p.passport_help{
color: #5C6E85;    
font-size: 18px;
line-height:30px;
text-align: center;
letter-spacing: 0px;
opacity: 1;
}


/*passport call to action on top of passport page */



#passport_CTA_page h1.passport_title{
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
}    

#passport_CTA_page ul.passport_list {
    margin: 0pc;
    padding: 0px 16px;
    list-style: none;
}

#passport_CTA_page ul.passport_list li::before {
  content: "\2022"; 
  color: #2638C4; 
  font-weight: bold;
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}

#passport_CTA_page li {
   margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
}

#passport_sidebar, #passport_sidebar p{
    text-align: center;
    color:#5C6E85;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

#passport_sidebar p.passport_started {
    color: #0F1E8C;
    font-size: 18px;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}


.nobottom {
    margin-bottom: 10px;
}

#gethelptablet{
    display: none;
}

h2.vidheadtitle {
    text-transform: none;
}



.videoheader p.viewmore {
    font-size: 18px;
    font-weight: 600;
}
p.viewmore a{
 color: #2638C4 !important;
}

p.covevideodate {
    color: #5C6E85;
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
}

p.coveseriestitle {
    margin-top: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 18px;
    color: #5C6E85;
    font-weight: 600;
}

/*.vc_col-sm-4*/
h3.covevideotitle {
    margin-top: 0px !important;
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}

.vc_col-sm-6 h3.covevideotitle {
    font-size: 30px;
    line-height: 36px;
}

.vc_col-sm-3 h3.covevideotitle {
    font-size: 18px;
    line-height: 22px;
}

.vc_col-lg-4 h3.covevideotitle {
    font-size: 24px;
    line-height: 29px;
}


.posterbar {
    margin-top: 0px;
    margin-bottom: 0px;
}

.posterbar.none {
    padding: 0px;
}

.posterbar.bluewhite{
    background-color: #61738b;
    color: white;
}
.posterbar.bluewhite h2.showsearch a, .posterbar.bluewhite h2.postertitle {
    color: white;
}

.posterbar.whiteblack{
    background-color: #fff;
    color: black;
}
.posterbar.whiteblack h2.showsearch a, .posterbar.whiteblack h2.postertitle {
    color: black;
}

.posterbar.ppbluewhite{
    background-color: #0a145a;
    color: white;
}

.posterbar.wiscbluewhite{
    background-color: #0F1E8C;
    color: white;
}


.posterbar.ppbluewhite h2.showsearch a, .posterbar.ppbluewhite h2.postertitle {
    color: white !important;
}

.posterbar h2.postertitle {
    font-size: 36px;
    text-align: center;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 40px;
    padding-bottom: 0px;
}

.posterbar p {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.posterbar p.desc {
    margin-top: 15px;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
}

.posterbar a.minbutton {
    background-color: white;
    color: #61738B;
    padding: 14px 45px;
    border-radius: 4px;
    display: inline-block;
}

.posterbar .poster_desc {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 30px;
    margin-top: 30px;
}

.posterbar #madeinwi {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 48px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 20px;
}

.posterbar #madeinwi img {
    height: 150px;
    margin-right: 25px;
}

#passport_row {
    padding: 80px 0px;
}


#passport_row p{
    margin:0px;
    padding: 0px;
}

#passport_row .subhead {   
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    line-height: 22px;
    font-weight: 600;
}

#passport_row .yellow{
 color: #FFCF00;
}

#passport_row h2 {
    color:white;
    font-size: 36px;
    line-height: 43px;
    text-transform: capitalize;
    font-weight: bold;
    text-shadow: 0px 3px 6px #00000029;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 10px;

}

#passport_row .streamnow {
    font-size: 24px;
    line-height: 29px;
    text-shadow: 0px 3px 6px #00000029;
    font-weight: 600;
    margin-bottom: 20px;
}

#passport_row .description {
font-size:20px;
line-height: 30px;
letter-spacing: 0px;
color: #FFFFFF;
text-shadow: 0px 3px 6px #00000029;
font-weight: 600;
margin-bottom: 30px;
}

#passport_row a.watch_trailer_btn {
    background-color: white;
    color: #2638C4;
    font-weight: bold;
    text-transform: uppercase;
    padding: 18px 26px;
    font-size: 18px;
    line-height: 22px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 4px;
}

a.watch_trailer_btn:hover,  a.passport_page_btn:hover {
    text-decoration: none;
    background-color: #FFCF00 !important;
    color:black !important;
}

#passport_row a.passport_page_btn {
    border-color: white;
    border:solid;
    border-width: 1px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 18px 30px;
    font-size: 18px;
    line-height: 22px;
    display: inline-block;
    
}

/*yellow guide */

#needhelp .wpb_content_element {
    margin-bottom: 10px;
    margin-top: 90px;
}

#yellowguide {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    background-color: #FFCF00;
    padding: 30px;
    border-radius: 5px;
}

h2.yellowguidehead{
    margin:0px 0px 20px 0px;
    color: #000000;
    text-align: left;
    font-size:24px;
    line-height: 29px;
    font-weight: medium;
    padding: 0px;
}

#yellowguide #img {
    display: contents;
}

#yellowguide  img {
    height: auto;
    max-width: 30%;
    margin-right: 25px;
}

#yellowguide .title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}

#yellowguide .links a {
    color:#2638C4;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    margin-bottom: 20px;
    display: inline-block;
}




.videobar {
    color: white;
    padding-bottom: 0px;
}



h2.showsearch {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    color: #5C6E85;
    margin-bottom: 20px;
}

h3.pass_showsearch{
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 18px;
}
h3.pass_showsearch a{
    color: #ffffff;
}

.none h3.pass_showsearch a {
    color: #000000;
}

h2.showsearch a{
    color: #5C6E85;
}

h3.vidheadtitle a {
    color: #2638C4 !important;
}




#passport_popular .row, #passport_local .row {
    margin-bottom: 30px;
}

h2.populartitle {
    margin: 0px;
    font-size: 36px;
    line-height: 43px;
    font-weight: 600;
}



#passport_popular p {
    font-size: 20px;
    letter-spacing: 0px;
    color: #000000;
    line-height: 30px;
    opacity: 1;
}
a.btn.btn-primary.watchlatest {
    background-color: #2638C4;
    border-color: #2638C4;
    color: white !important;
    text-transform: uppercase;
    padding: 15px 30px;
    font-weight: 600;
    border-radius: 4px;
}

#thefooter {
    margin-top: 0px;
}

p.watchlive, p.time {
    text-shadow: none;
    font-weight: 600;
}  

.row.upcoming_sch {
    margin-bottom: 30px;
}


.passportreq #passport_page_logo {
    max-width: 175px;
}
.passportreq h1.passport_title{
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
    margin: 20px 0px 0px 0px;
}
.passportreq ul.passport_list{
    padding: 0px;
    margin:0px 20px;
    list-style-type: disc;
}

.passportreq li::marker {
  color: #5680FF;
  font-size: 1.5em;
}

.passportreq .passport_list li{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

/* buckets */
.educationbucketCont{
    padding-bottom: 50px;
}

.educationbucket {
    border: solid;
    border-width: 10px;
    text-align: center;
    border-color: #efefef;
}

.education_orange{
    background-color:#fe704e;
}

.education_blue{
    background-color: #6498FF;
}
.educationbucket .edcontent {
    padding: 20px 20px 0px 20px;
    min-height: 310px;
    font-size: 24px;
    line-height: 32px;
    color: black;
    font-weight: 600;
}

@media screen and (min-width:990px) and (max-width:1199px) {
.educationbucket .edcontent {
    font-size: 22px;
    line-height: 30px;
     min-height: 320px;
}
}

@media screen and (min-width:768px) and (max-width:989px) {
.educationbucket .edcontent {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
     min-height: 330px;
}
}

@media screen and (min-width:0px) and (max-width:767px) {
.educationbucket .edcontent p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
}

.educationbucket p.smalltitle {
    text-transform: uppercase;
    margin: 0px;
    font-size: 18px;
}

.educationbucket h3 {
    font-size: 40px;
    line-height: 42px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}

.educationbucketCont .ed_btn {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    bottom: 28px;
}

.educationbucketCont .ed_btn i.fas.fa-circle {
    color: white;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 16px;
    -webkit-text-stroke-color: white;
}
.educationbucket .bucketimage {
    margin-bottom: 0px;
}


.educationbucketCont .ed_btn:hover {
    cursor: pointer;
}


.educationbucket a:hover {
    text-decoration: none !important;
}

a.edlink:hover .educationbucket {
    border-color: black !important;
    text-decoration: none !important;
}

a.edlink{
    color:black;
}

a.edlink:hover {
    color: black !important;
    text-decoration: none !important;
}


.educationbucket:hover ~ .ed_btn i.fas.fa-circle {
     -webkit-text-stroke-color: black;
     -webkit-text-fill-color: black;
}
.educationbucket:hover ~ .ed_btn i.fas.fa-arrow-alt-circle-down {
    color: white;
}

.ed_btn:hover i.fas.fa-circle {
     -webkit-text-stroke-color: black;
     -webkit-text-fill-color: black;
}
.ed_btn:hover i.fas.fa-arrow-alt-circle-down {
     color: white;
}



.imgleft {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
}

.imgleft .bucketimage {
    margin-bottom: 0px;
    width: 30%;
}
.imgleft .edcontent {
    width: 70%;
    padding-left: 30px;
    color:black;
}

.imgleft img {
    width: 100%;
}

.imgleft p.smalltitle {
    text-transform: uppercase;
    margin: 0px;
    font-size: 18px;
}

.imgleft h3 {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
}

.imgleft p.desc {
    margin-top: 10px;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
}

.edcontent a {
    color: black;
}

.imgleftcont a:hover {
    text-decoration: none;
}

.imgleft:hover img {
    opacity: .6;
}

.imgleftcont a:hover h3 {
    text-decoration: underline;
}

.imgleft:hover {
    cursor: pointer;
}


@media screen and (min-width:767px) and (max-width:989px) {
.imgleft {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-evenly;
}

.imgleft .bucketimage {
    margin-bottom: 60px;
    width: 35%;
}

.imgleft .edcontent {
    width: 65%;
    padding-left: 5%;
    color: black;
}

}



@media screen and (min-width:0px) and (max-width:766px) {
.imgleft {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    align-content: flex-start;
}

.imgleft .bucketimage {
    margin-bottom: 30px;
    width: 20%;
}

.imgleft .edcontent {
    width: 70%;
    padding-left: 5%;
    color: black;
    margin-bottom: 40px;
}

}


/* sidebar */

#watch-sidebar-login{
    display: none;
}

.pp_buttons .eyebrow{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin: 0px 0px 13px 0px;
}

a.normanBTN, a.videosearchonly, a.bluehelpbtn, input#submit.normanBTN{
    display: inline-block;
    width: 100%;
    padding: 20px 30px 19px 30px;
    border-radius: 5px;
    text-decoration: none;
    color:white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}



#caro_hero a.normanBTN, #yelloxbox_desktop a.normanBTN{
    width:fit-content;
}

/* btnsmallwhite is videosearchonly */
a.videosearchonly {
    display: block;
    width:fit-content !important;
    color:#61738B !important;
    background-color:#F6F8FA !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
 }


.videosearchonly:hover {
    color:#FFFFFF !important;
    background-color:#5C6E85 !important;
 }


.btnred{
   background-color: #D6383A !important;
}
.btnblue{
   background-color: #0A145A !important;
}

.btnPBSblue{
   background-color: #2638C4 !important;
}

.btngreen{
   background-color: #087B45 !important;
}
.btnyellow{
    background-color: #FFCF00 !important;
    color:black !important;
}

.btnWidth,.btnwidth {
    width: inherit !important;
}

.btnaqua{
     background-color: #6498FF !important;
    color:black !important;
    width: auto !important;
    Transition: 0.5s;
}

a.btnaqua:hover{
    background-color: #83ADFF !important;
    color:black !important;
    text-decoration: none !important;
}

.btnPBSorange {
    background-color: #FE704E !important;
    color: black !important;
    width:inherit !important;
    Transition: 0.5s;
}

a.btnPBSorange:hover {
    text-decoration: none;
    background-color: #FAB09D !important;
}


a.normanBTN.outline {
    border: solid;
    border-width: 3px;
}

a.bluehelpbtn {
    color: white !important;
    background-color:#486CD8 !important ;
    margin-bottom: 20px;
}

a.bluehelpbtn:hover {
 color: #000000 !important;
 background: #EDF0FB !important;
}


.btnyellow:hover{
    background-color: #FFCF00 !important;
    color:black !important;
}

.btnyellow:hover{
    background-color: #FFFAE5 !important;
    color:black !important;
}
.btnPBSblue:hover{
   background-color: #E9EBF9 !important;
   color:black !important;
}

.btnPBSblue_hover{
   background-color: #E9EBF9 !important;
   color:black !important;
   text-decoration: underline;
}


#yelloxbox_desktop .btnPBSblue:hover{
   background-color: #FFFFFF !important;
   color:#2638C4 !important;
}

.btnred:hover{
   background-color: #FBEAEB !important;
   color:#D6383A !important;
}

.btngreen:hover{
   background-color: #E6F2ED !important;
   color:#087B45 !important;
}
.btnblue:hover{
   background-color: #E6E7EE !important;
   color:#0A145A !important;
}

a.normanBTN.outline:hover {
    border: solid;
    border-width: 3px;
    border-color: white;
    background-color: white !important;
    color:black;
}

p.btndesc{
text-align: center;
font-size:16px;
line-height: 24px;
font-weight: 600;
letter-spacing: 0px;
color: #5C6E85;
opacity: 1;
margin: 10px 0px 30px 0px;
}

/* video footer */


.footer_pbs_logo{
    max-width: 288px;
}
#watchfooter p.watch_signup{
color: #5c6e85;
text-align: center;
font-size: 20px;
line-height: 30px;
letter-spacing: 0px;
color: #5C6E85;
opacity: 1;
margin: 30px 0px 40px 0px;
}

p.needhelpfaq{
color: #5c6e85;
text-align: center;
font-size: 18px;
line-height: 30px;
letter-spacing: 0px;
color: #5C6E85;
opacity: 1;
margin-bottom: 0px;
}

p.needhelpfaq a{
font-weight: bold;
}

#yelloxbox_desktop {
    display: block;
}
#yelloxbox_mobile {
    display: none;
}

img.shim {
   display: none;
}


a.pbs_passport_authenticate_login {
    color: #5C6E85;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.pass_member {
    color: #0A145A;
}

.desktoplogin {
    display: block;
    text-align: right !important;
}

.mobilelogin{
    display: none;
}

.featser{
background-color: #F6F8FA; 
}



span.threestorylink a {
    text-align: right;
    float: right;
    font-size: 20px;
    color: #2638C4 !important;
    text-decoration: none !important;
}



/*ipad and tablet=================================================================================*/
@media screen and (min-width: 767px) and (max-width:990px) {


#ondemand-subnav li {
    font-size: 14px !important;
    font-weight: bold !important;
    margin-right: 15px;
    font-weight: inherit ;
}


.desktoplogin{
    display: none;
}

.mobilelogin {
    display: block;
    margin-bottom: 15px;
}

.ondemandtitle {
        margin: 10px 0px 0px 0px;
        padding-bottom: 0px;
 }




#gethelptablet{
    display: block;
}


.extranav{
    display: none;
}




.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner{
    padding-top: 5px;
}

.vc_btn3-block.vc_btn3-size-md {
    font-size: 14px !important;
    padding-top: 15px !important;
    padding-bottom: 11px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-weight: bold;
}


img.chan_logo {
    height: 50px;
    top: 47%;
}    


.achannel {
    min-height: 50px;
}

.black_overlay {
    max-width: 100%;
    min-height: 100px;
}

#madeinwisc{
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 30px;
    margin-bottom: 30px;
}

#passport_row {
    padding-top: 60px;
    padding-bottom: 60px;
}

#passport_row  p.abutton {
    float: left;
    display: contents;
}


h2.showsearch {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    text-transform: uppercase;
    color: #5C6E85;
}


.featser{
background-color: #F6F8FA; 
}


.threestorylink {
    display: flex;
    margin-top: 5px;
}

.posterbar {
    margin-top: 0px;
    margin-bottom: 0px;
}

#schedule h2.covevideotitle {
    margin-bottom: 5px;
 }   

#one_featured_passport {
    display: inline-block;
}

#one_featured_passport a.normanBTN {
    width: 340px;
}

#one_featured_passport #passport_right_logo img {
    width: 30%;
}

#alreadymember {
    text-align: left;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    margin: 10px 0px 0px 74px;
}

#passport_callout {
    display: block !important;
    height: 400px !important;
    padding-top: 400px !important;
    flex-wrap: nowrap !important;
}

#passport_right_blue {
    width: 100% !important;
    background-color: #0a145a !important;
    padding: 30px !important;
    color: white !important;
    height: fit-content !important;
}

.videobar #searchresultstitle {
    margin-top: 40px;
}

.videobar ul.genre_nav.nav-pills {
    padding: 0px 10px;
}

.videobar h2.sresults {
    padding: 0px;
    margin: 0px;
}

#letter {
    padding: 0px 154px;
}



#yellowguide {
    align-items: flex-start;
}    

#yellowguide .links a {
    margin-bottom: 5px;
}

#yellowguide #sep2{
    display: none;
}

#yellowguide  a.normanBTN.btnPBSblue {
    margin-top: 25px;
}

/* watch video page*/
#ondemand-hero {
    background-color: #000525;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 50px 0;
    position: relative;
    color: #FFF;
}
#ondemand-hero .ondemand-videotitle{
    color:white !important;
}

}
/*mobile=-------------------------------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width:767px) {

.m_menulink {
    color:#2638C4;
    font-size: 18px;
    font-weight: bold;
    line-height: 19px;
    text-align: right;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

a#watch_menu_mobile:hover {
    text-decoration: none;
}

.ondemand-header {
    padding: 20px 0 0px;
}

ul#mobilemenu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 24px;
    line-height: 29px;
    text-decoration: none;
    font-weight: bold;

}
   a.selected {
    padding-bottom: 0px !important;
    }


#letter {
    padding: 0px 60px;
}

.menu-overlay {
    display: grid;
}

#ondemand-subnav {
    margin: 0px;
    padding: 0px 0px 3px;
    list-style-type: none;
}
#ondemand-subnav li {
    font-size: 16px;
    flex: 0 0 auto;
    margin-right: 25px;
}

img.shim {
    position: absolute;
    right: -20px;
    top: 0px;
    display: block;
}

#ondemand-subnav.mobile-subnav-shim {
    padding-right: 20px;
}

ul.mobile-subnav-shim::after {
    content: "";
    display: block;
    width: 80px;
    height: 53px;
    background-image: linear-gradient(-90deg, white 0%, white 40%, transparent 100%);
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
}

.desktoplogin{
    display: none;
}

.mobilelogin {
    display: block;
    margin-bottom: 15px;
}

.ondemandtitle {
    font-size:48px !important;
        margin: 10px 0px 10px 0px;
        padding-bottom: 0px;
 }


#gethelptablet{
    display: block;
}

#gethelptablet .wpb_column.vc_column_container.vc_col-sm-3 {
    width: 50%;
    float: left;
}

#ipadrow {
    padding: 20px 15px;
    background-color: #000000;
    margin-bottom: 0px;
    display: block;
}

.featser{
background-color: #F6F8FA; 
}


p {
    margin-bottom: 1.5em;
    font-size: 16px;
}

#one_featured_passport #passport_right_logo img {
    width: 30%;
}

#passportimg {
    margin-bottom: 20px;
    margin-top: 0px;
}

#passportimg img {
    height: auto;
    width: auto;
}

p.upnext {
    display: none;
}

a.viewmore{
    margin-bottom: 0px;
}


#schedule p.episodetitle {
    margin-bottom: 10px;
    font-weight: 600;
}

#madeinwisc{
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}


#passport_row {
    padding-top: 40px;
    padding-bottom: 40px;
}

.top_description p.episodetitle {
color:white;
font-size: 24px;
line-height:29px;
}



a.videosearchonly {
    margin-bottom: 20px;
 }   

#thefooter {
    margin-top: 0px;
}

.threestorylink {
    display: flex;
    margin-top: 5px;
}

.posterbar {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.posterbar #madeinwi {
    font-size: 30px;
    margin-left: 15%;
}

.posterbar #madeinwi img {
    height: 100px;
    margin-right: 15px;
}

.videobar h2.selectgen {
    font-size: 30px;
    padding-bottom: 30px;
}


#one_featured_passport {
    display: inline-block;
}

#passport_callout {
    display: block !important;
    height: 200px !important;
    padding-top: 200px !important;
    flex-wrap: nowrap !important;
}

#passport_right_blue {
    width: 100% !important;
    background-color: #0a145a !important;
    padding: 15px !important;
    color: white !important;
    height: fit-content !important;
}

.made-in-wisconsin img {
    margin-bottom: 30px;
}

.made-in-wisconsin h1 {
    line-height: 58px;
}

.videobar #searchresultstitle {
    margin-top: 40px;
}

.videobar h2.sresults {
    padding: 0px;
    margin: 0px;
}

input#kw {
    font-size: 18px;
}


#watchfooter_calloutbtns{
    padding: 0px 30px;
}

#sep1,#sep2,#sep3{
    display: none;
}

#yelloxbox_desktop {
    display: none;
}
#yelloxbox_mobile {
    display: block;
}

#yellowguide {
    display: flex;
    flex-direction: column;
}

#yellowguide img {
    height: auto;
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
}    
h2.yellowguidehead {
    text-align: center;
}

#yellowguide .mlinks{
text-align: center;
font-size:16px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0px;
color: #2638C4;
opacity: 1;
display: block;
}

#yellowguide a.normanBTN{
    width: fit-content;
}

/* watch video page*/
#ondemand-hero {
    background-color: #000525;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 0px 0px 20px 0px;
    position: relative;
    color: #FFF;
}
#ondemand-hero .ondemand-videotitle{
    color:white !important;
}
}
</style>