/*
Theme Name: Wpt
Template: wp-bootstrap-starter
*/


/* header */
@import url("//cloud.typenetwork.com/projects/2781/fontface.css/");
@import url("//fonts.googleapis.com/css?family=Coustard");
@import url("//fonts.googleapis.com/css?family=Rubik");
@import url("//fonts.googleapis.com/css?family=Roboto");
@import url("//fonts.googleapis.com/css?family=Roboto+Slab");
@import url("//fonts.googleapis.com/css?family=Roboto+Mono");
@import url('//fonts.googleapis.com/css?family=Roboto+Condensed');
@import url("//fonts.googleapis.com/css?family=Lekton");
@import url('//fonts.googleapis.com/css?family=Amatic+SC');
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');


body {
  font-family: 'Open Sans', sans-serif !important;
}


/* site content */
.vc_desktop .site-content#content{
    padding-bottom: 30px;
    padding-top: 30px;
}

#content.site-content {
    padding-bottom: 30px;
    padding-top: 30px;
}

.btn.focus, .btn:focus {
    box-shadow: none !important;
}

/* hide recaptcha*/
.grecaptcha-badge {
    display: none !important;
}

/***************************************************************
These styles are subject to the following license agreement(s):
https://store.typenetwork.com/cart/eula/font-bureau
***************************************************************/
.eaglebook {
font-family: "Eagle Bk";
font-style: Normal;
font-weight: Normal;
}



header#masthead {
    margin-bottom: 0;
    background-image: url('/wp-content/themes/wpt/images/banner-radial-bkgd1.png') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0, 1) !important;
    box-shadow: none !important;
    padding: 30px 0px 30px 0px !important;
    border-bottom: 1px solid #000000 !important;
}

.secondarymenu {
    float: right;
}

#masthead .navbar-nav > li > a {
    color: #ffffff !important;
    padding: 10px 0px 0px 10px !important;
    font-weight: 500;
    font-size: 14px;
    text-transform: lowercase!important;
}

#secondmenu a.nav-link:hover {
    text-decoration: underline;
}

.nav-divider {
    display: inline-block;
    margin-left: 8px;
    /* margin-left: 9px; */
}

li#menu-item-14 .nav-divider {
    display: none;
}

.navbar-nav {
    flex-direction: inherit;
   } 

ul#primary {
       margin-top: 0px;
    margin-bottom: 0px;
    /* font-size: 14px; */
    margin-left: 0px;
    padding-left: 0px;
    display: flex;
    list-style: none;
}   

.bop-nav-search input#s {
    width: 100%;
}

form.bop-nav-search {
    padding-top: 10px;
}

#primary > li > a {
    color: #f8f9fa;
    padding: 0.5rem 1.5rem .5rem 1.5rem;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

li#menu-item-6 {
    background-color: #ff6600;
}

.fullbar {
    background-color: #2b2b2b;
}

#primary a.nav-link:Hover {
    background-color: white;
    color: black !important;
}

.navbar-toggle{
    display: none;
}

 /*sidebar*/
 #rfw_dock-2 {
    border: solid;
    border-width: 5px 1px 1px 1px;
    padding: 0px 10px 10px 10px;
    border-color: #d0d0d0;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
} 


/*footer*/

#three-footer-widget {
    color: white;
}

#three-footer-widget .textwidget p {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Verdana';
    font-size: 11px;
}

#three-footer-widget .widget {
    margin-top: 0px;    
    margin-bottom: 0px;
}


img.wp-image-18 {
    margin-right: 5px;
}

#footer-widget a {
    color: white;
}

p.footerHeaderKKD,p.footerHeaderKKD2  {
    font-weight: bold;
    color:white;
    margin-top: 20px;
    margin-bottom: 5px;
}

#footerlogos a img {
    margin-right: 7%;
}

.footerLinksKKD a:hover {
    text-decoration: underline;
}

.footerLinksKKD a {
    font-size:12px;
}

.footerLinksKKD{
    color:white;
}




/*----------------------------------------------------- ugc------------------------------------------ */

#toparea{
    background-image:url('https://s3-us-east-2.amazonaws.com/wisconsinpublictv/wp-content/uploads/2018/03/banner-fixed-right.png');
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: -20px;
}



#menu-storylab {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
    text-transform: uppercase;
    flex-direction: row !important;
}

li#menu-item-503 {
    display: block;
    float: none;
    width: 100%;
}

li#menu-item-503 a {
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 5px;
    font-weight: bold !important;
    font-size: 21px !important;
}

#menu-storylab li a {
    display: block;
    padding: 0px 30px 0px 0px;
}


#menu-storylab li.current-menu-item a {
    font-weight: 600 !important;
    text-decoration: underline;
}

#menu-storylab  li a {
    color: black;
    font-size: 14px;
    font-weight: 400;
}

#menu-storylab li a:hover {
    text-decoration: underline !important;
    background-color: inherit !important;
}


p.formlabel {
    margin-bottom: 5px;
    font-family: 'Rubik';
    font-size: 12px;
    font-weight: bold;
}


.widget.widget_nav_menu {
    margin-bottom: 0px;
}


img.img-responsive {
    min-width: 100%;
}


#storylabmediaplayer {
    background-color: black;
    margin-bottom: 20px;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

.player-row {
    width: 100%;
}
.player-row #vidplayer {
    width: 78%; /*78*/
    float: left;
}

.player-row #vidtn {
    width: 22%;
    float: left;
}

.hidevideo{
   display: none;
}

.showvideo{
   display: block;
}

.vidcont {
    background-color: black;
}

.vidcont img {
    opacity: .5;
}

.vidcont.nowplaying {
    background-color: blue;
}

a.tnclick .bottom-left:hover {
    background-color: #3366cd;
}


#vidquote {
    background-color: black;
    color: white;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
}
#vidquote span#thisquote {
    color: white;
}

#vidquote h1.quote {
    font-family: 'Rubik',sans-serif;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #fff;
    padding-top: 20px;
}

#vidquote .quotechar {
    font-family: 'Coustard',sans-serif;
    font-weight: normal;
    color: #ffffff;
    font-size: 36px;
    line-height: 43px;
}

h2.quotereadmore{
    margin-top: 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
}
#thislink a{
     color:#03a9f4;
}

#thislink a:hover {
    color: white;
    text-decoration: underline;
}


/*call to action */

#storylabcta {
    text-align: center;
}

#storylabcta h2.collect {
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: 'Amatic SC';
    font-size: 32px;
    color: #000;
    font-weight: 700;
    padding-bottom: 0px;
}

#storylabcta  img.movarrows {
    max-width: 170px;
    margin-left: 12px;
}

a.blackbtn {
    display: inline-block;
    background-color: black;
    color: white;
    padding: 10px 15px;
    color: #f7f7f7;
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 20px;
}

a.blackbtn:hover {
    background-color: #515151;
    color: white;
    text-decoration: none;
}



/*player tn */
.vidcont {
    position: relative;
}

.vidcont .title {
position: absolute;
    bottom: 0px;
    left: 18%;
    right: 2%;
    color: white;
    line-height: 18px;
    font-weight: 500;
    bottom: 2%;
    font-size: 14px;
    font-family: 'Rubik',sans-serif;
}

.vidcont .bottom-left {
    position: absolute;
    bottom: 0;
    background-color: #000000;
    width: 15%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.vidcont.nowplaying .bottom-left {
    background-color: #3366cd;
}

.vidcont i.fa.fa-play {
    color: white;
}

.vidcont .top-center {
    position: absolute;
    color: yellow;
    font-size: 20px;
    top: 10%;
    font-weight: bold;
    width: 100%;
    text-align: center;
     font-family: 'Roboto Slab',sans-serif;
}


p.topictag{
    font-weight: normal;
    color: #ffffff;
    text-transform: uppercase;
    background-color:#03a9f4;
    padding: 5px;
    display: inline-block;
    margin-bottom: 0px;
    font-size: 16px;
    font-family: 'Roboto',sans-serif;
}

.topictag a {
    color: white;
}

.quotechar{
    font-family: 'Coustard',sans-serif;
    font-weight:normal;
    color:#000;
    font-size: 50px;
}

h1.quote{
    font-family: 'Rubik',sans-serif;
    font-weight: normal;
    font-size: 46px;
    line-height: 50px;
    color:#000;
}


p.author{
    font-family: 'Roboto',sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
}


.ugc-template-default .addtoany_shortcode a {
    margin-bottom: 20px;
}


#mep_0 {
    margin-bottom: 15px;
}

p.photocaption {
    text-align: right;
    margin-top: 3px;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: 'Roboto Slab',sans-serif;
}


.thecontent{
     font-family: 'Roboto Slab',sans-serif;
    font-weight: normal;
    color:#464646;
    font-size: 18px;
    line-height: 28px;
}

.thecontent h2{
    font-family: 'Rubik',sans-serif;
    font-weight: normal;
    color:#000;
    font-size: 30px;
    line-height: 36px;
    margin-top: 10px;
    margin-bottom: 2px;
} 

p.tagtile {
    font-family: 'Rubik',sans-serif;
    margin-bottom: 5px;
    margin-top: 0px;
}

.ugctag {
    margin-bottom: 30px;
}

.ugctag a {
    font-weight: normal;
    color: #ffffff;
    background-color: #03a9f4;
    padding: 0px 10px 0px 10px;
    display: inline-block;
    margin-bottom: 0px;
    font-family: 'Lekton',sans-serif;
    font-size: 14px;
    margin-right: 10px;
}

.row.bottomfeat {
    margin-top: 20px;
}

h2.rowtit {
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

p.greyuc {
    font-family: 'Roboto Condensed',sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: normal;
}

h4.headline, p.headline {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Rubik';
}

h4.headline a, p.headline a{
    color:black;
}

.featcon {
    margin-bottom: 30px;
}

.featcon h4.headline {
    font-size: 21px;
    line-height: 27px;
}


.ugcfooter h3{
    font-family: 'Rubik',sans-serif;
    font-weight:500;
    color:#000;
    font-size: 18px;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.calltoaction {
    text-align: center;
    background-color: #e4e4e4;
    padding: 20px;
    font-size: 24px;
    font-weight: bold;
}

.ugcfooter h3{
    font-family: 'Amatic SC';
    margin-bottom: 10px;
    text-transform: 'uppercase';
    font-weight: bold;
    font-size: 24px;
}

/*full width rows*/
.full {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0px;

}

.grey, .gray{
    background-color: #f6f6f6;
}

.elm-button {
  display: block;
    text-align: center;
    background-color: #f1f3f5;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    color: #666;
    padding: 15px 0 15px 0px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    border: none;
    font-size: 16px;
}

.elm-button:hover, .elm-button:active, .elm-button:focus {
    background: #c0c0c0;
}



@media screen and (min-width: 767px) and (max-width:991px) {
    #toparea{
    background-position-y: -15px;
    background-position-x: -40px;
    }
    .ugcheadtitle h2 {
    width:67% !important;
}
}   

/*nav for templates 720 to 1000*/
@media screen and (min-width: 570px) and (max-width:1000px) {
#masthead .navbar-nav > li > a{
    padding-top: 5px !important;
}

#primary > li > a {
    font-size: 14px;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

form.bop-nav-search {
    padding-top: 7px;
}

.player-row #vidplayer {
    width: 100%;
    float: none;
}

.player-row #vidtn {
    width: 100%;
    float: none;
}

.vidcont {
    width: 33%;
    float: left;
}

.vidcont .top-center {
    font-size: 15px;
    top: 15%;
}

#vidquote h1.quote {
    font-size: 24px;
}

#vidquote .quotechar {
    font-size: 24px;
}

 } /*end tablet nav*/


/*no mans land*/
@media screen and (min-width: 570px) and (max-width:767px) {
.secondarymenu {
    display: none;
}

.addtoany_shortcode {
    text-align: center;
    margin-bottom: 20px;
}

}

/*nav for templates 0 to 720*/
@media screen and (min-width: 0px) and (max-width:570px) {

.secondarymenu {
    display: none;
}

.navbar-toggle{
    display: block;
}

.navbar-ex1-collapse{
    display: none;
}

#primary > li > a {
    color: #f8f9fa;
    padding: 8px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

form.bop-nav-search {
    padding-top: 10px;
    padding-bottom: 10px;
}


p.topictag {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    display: block;
    font-family: 'Roboto Condensed'
 }   
h1.quote {
    font-size: 24px;
    text-align: center;
}
.quotechar {
    font-size: 24px;
}

p.author {
    text-align: center;
}

.addtoany_shortcode {
    text-align: center;
    margin-bottom: 20px;
}

.featcon{
      margin-bottom: 20px;
    border-bottom: solid;
    padding-bottom: 20px;
    border-width: 1px;
    color: #dcdcdc;
}

.featcon h4.headline {
    font-size: 24px;
    line-height: 28px;
}

.featcon p.headline {
    font-size: 18px;
    line-height: 24px;
}

p.greyuc {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 2px;
}

.latest hr {
    display: none;
}

#latest-ugc img {
    width: 40%;
    float: right;
    margin-left: 20px;
    margin-bottom: 15px;
    margin-top: 5px;
}

#latest-ugc p.greyuc {
 margin-top: 0px;
}


.player-row #vidplayer {
    width: 100%;
    float: none;
}

.player-row #vidtn {
    width: 100%;
    float: none;
}

.vidcont {
    width: 100%;
    float: none;
}

.vidcont .top-center {
    font-size: 15px;
}

#vidquote h1.quote {
    font-size: 24px;
    text-align: left;
}

#vidquote .quotechar {
    font-size: 24px;
}

.vidcont img {
    min-width: 100%;
}

#menu-storylab li a {
    display: block;
    padding: 0px 10px 0px 0px;
}

 } /*end mobile nav*/


/*------------------------------------------------------top screen nave for storylab */

@media screen and (min-width: 0px) and (max-width:767px) {
    #toparea{
    background-image:url('https://s3-us-east-2.amazonaws.com/wisconsinpublictv/wp-content/uploads/2018/03/banner-bkgd-XS-skaters.png');
    background-size: 54px;
    background-repeat: no-repeat;
    background-position: right;
        
    }
 
.row.ugcheadtitle{ 
    padding-bottom: 10px;
}

.ugcheadtitle h2 {
    width:100%;
}
}
/*----------------------------------------------------------end top screen ----------------------------*/