#videos { margin-right: 1.43266475644699% !important; }


.watchitems {display: flex;   flex-wrap: wrap;}

.watchitem p:not(.thumb){ max-width:36em; }

#featuredvid { box-sizing: border-box; margin: 0 auto 24px; /*max-width: 900px;*/position: relative; display:flex; flex-wrap: nowrap; flex-direction: row }
#featuredvid p.category,
#featuredvid>div:first-child { width:66.666%; max-width: 900px; }


#featuredvid div:not(:first-child) {flex: 1;border-top: 7px solid #ff009a;
    padding:24px;}

div.watchitem{
    position: relative; display: flex; flex-direction: column; box-sizing: border-box;
    margin-bottom: 24px;     background: #cdcccc;
}


 
div.watchitem p.category { z-index: 98; }
div.watchitem p.category span {         background: var(--pink)  }

div.watchitem p.thumb {background-color: #666666;   background-position:center; background-size:cover; background-repeat:no-repeat;
    position: relative;   overflow: hidden;
    display: block; width: 100%; height:100%; position: absolute; top: 0; left: 0;
}
div.watchitem img{
    position: absolute;
    width: 100%; height: 100%; left: 0; top: 0; object-fit: cover;
}
.watchitem iframe { width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; }


    div.watchitems div.watchitem { width: calc(50% - 12px); margin-right: 24px;   }
    div.watchitems div.watchitem:nth-child(2n+2) { margin-right: 0; }

div.watchitem div:not(.iframeholder) {
    border-top: 7px solid #ff009a;
    padding:24px;
}

@media all and (max-width: 500px) {
    #videos {  margin-right: 4% !important;  }

    div.watchitems div.watchitem { width: 100%;   margin-right: 0;  }
    div.watchitems div.watchitem:nth-child(2n+2) { margin-right: 0; }
    div.watchitem div:not(.iframeholder) {
        padding:20px;
    }
}



nav#filter { display: block; margin:0 auto 24px;  font-family: TGC, sans-serif; line-height:1; font-weight:bold; /*max-width: 900px;*/     text-align: center; }
nav#filter::after { display: table; content:"";
    clear: both; height: 1px; }
nav#filter h3 { /*float: left; */ display: inline-block }
nav#filter ul { display: inline-flex; flex-wrap: wrap; /*justify-content: center;*/     align-items: center; }

nav#filter ul::before,
nav#filter h3, nav#filter li { line-height:1.8;  font-size:2.5em; margin: 4px 6px; }
 nav#filter li { margin: 4px; }

/*nav#filter ul::before,*/
nav#filter a { display:inline-block; background:var(--grey); color:#FFF;  padding:0 0 0 5.98802395209581%; }


nav#filter { display: flex;  width: 100%;}

nav#filter ul::before {  /*content: attr(data-heading);*/  }

nav#filter ul::before,
nav#filter h3, nav#filter a { padding:0.25em 0.75em;}

nav#filter h3 { text-align: left;  white-space: nowrap;   }

nav#filter ul::before,
/*nav#filter li.clearing a,*/
nav#filter h3 {padding-left: 0; padding-right: 0; background: none; color: inherit;}


nav#filter a.active, nav#filter a:hover { background:#1caf4d; text-decoration:none;   }

/*nav#filter li.clearing a { color: #1caf4d; }
nav#filter li.clearing a:hover { text-decoration:underline; }*/


body.page-id-13 nav#filter a.active, body.page-id-13 nav#filter a:hover,
body.page-id-13 nav#filter a.active, body.page-id-13 nav#filter a:hover
{ background: var(--blue); color: black}/*
body.page-id-13 nav#filter li.clearing a { color: var(--blue); }*/


nav#filter li.clearing  {  font-size: 20px; }
nav#filter li.clearing a:link,nav#filter li.clearing a:visited { background: #333; color: white; border-radius:12px;}

nav#filter li.clearing a:hover{ background: var(--green); color: black  }
body.page-id-13 nav#filter li.clearing a:hover{ background: var(--blue); color: black  }


@media all and (max-width: 500px) {
    nav#filter {
        width: 100%; display: block;
    }
    nav#filter h3 {
        float: none; width: 100%;
    }
    nav#filter ul::before { min-width: 100%; }

    nav#filter ul {
       /* display: block;*/ justify-content: flex-start; text-align: left;
    }

    nav#filter ul::before,
    nav#filter h3, nav#filter li { font-size: 2.4em; }

    nav#filter ul::before,
    nav#filter h3, nav#filter a { padding:0.25em 20px;}

    nav#filter li:not(.clearing) { margin-right: 4%; width: 100%; box-sizing: border-box}
    nav#filter li a { display: block;}

}