/*
Theme Name: RTVNOF
Theme URI: https://www.rtvnof.nl//
Description: Wordpess template RTVNOF
Author: Bosma Multimedia
Author URI: http://www.bosmamultimedia.nl
Version: 1.0
RTVNOF Blauw         : #1474aa rgba(20,116,170,0.5);
RTVNOF Groen(Sport)
*/
html, body {
    overflow-x:hidden;
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight:300;
    color:#444444;
}
h1,h2,h3,h4,h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight:900;
    line-height:1em;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
.imageMax {
    width:100%;
    margin-bottom:40px;
}
.onlySmall {
    display:none;
}
.minHeight {
    min-height:1000px !important;
}
.bannerTopExtra {
    display:none !important;
}
.bannerTop {
    min-width:468px;min-height:80px;
    margin-bottom:20px;
}
.bannerLeft {
    min-width:660px;min-height:220px;
    margin-bottom:20px;
}
.bannerRight {
    min-width:100%;min-height:870px;
}

/*
#bannersLeft {
    position:absolute;
    right:30px;top:25px;
    min-height:1000px;
    z-index:1000;
}
 */
.weekSelector .categorySelector {
    width:150px !important;
}
.alertMessage {
    background:rgba(255,0,0,0.1);
    font-size:0.8em;
    color:#dd0000;
    padding:20px;
    margin:-10px 0 30px 0;
}
#list {
    display:none;
}
h1,h2 {
    font-size:2em;
}
.number,
.catHeader {
    background:#000000;
}
.rightColumn h3 {
    text-transform:uppercase;
    font-size:1.35em;
    margin-bottom:20px;
    color:#000000;
}
#fancybox-title-inside {
    font-size:0.9em;
}
.marginBottom {
    margin-bottom:30px;
}
.detail .date {
    display:inline-block;
    min-height:40px;
    font-size:0.8em;
    padding:0;margin:0;
}
.firstImageHolder {
    position:relative;
    width:100%;min-height:500px;
    margin-bottom:30px;
}
.firstImageHolder a {
    display:block;
    width:100%;min-height:500px;
    background-size:cover;
        -moz-background-size:cover;
            -webkit-background-size:cover;
                -o-background-size:cover;
    background-position:center center;
}
.fotograafLabel  {
    position:absolute;
    font-size:0.9em;
    line-height:1em;
    bottom:0;right:0;
    padding:15px 20px;
    color:#ffffff;
    background:rgba(0,0,0,0.7);
}

.imageHolder {
    margin-bottom:30px;
}
.imageHolder a {
    display:block;
    width:100%;min-height:215px;
    background-size:cover;
        -moz-background-size:cover;
            -webkit-background-size:cover;
                -o-background-size:cover;
    background-position:center center;
}
.fotograaf {
    font-size:0.9em;
    margin-top:-20px;
    margin-bottom:30px;
}
ul.socials  {
    list-style:none;
    font-size:1.5em;
    padding:0;margin:0 0 40px 0;
}
ul.socials li {
    float:left;
    padding:0;margin:0 15px 0 0;
}

.contentPadding {
    padding:30px;
}
.noPadding {
    padding:10px;
}
.noPadding .noPadding{
    padding:0px;
}

.noBottomMargin {
    margin-bottom:0 !important;
}
.weekSelector {
    position:relative;
    height:60px;
    background:rgba(20,116,170,0.1);
    padding:18px 65px 0 65px;margin-bottom:40px;
    font-size:0.9em;
    color:#1474aa;
}
.weekSelector .leftButton {
    position:absolute;
    top:10px;left:10px;
}
.weekSelector .rightButton {
    position:absolute;
    top:10px;right:10px;
}
.pager {
    position:relative;
    height:60px;
    background:rgba(20,116,170,0.1);
    padding:18px 65px 0 65px;margin-bottom:40px;
    font-size:0.9em;
    color:#1474aa;
}
.pager .leftButton {
    position:absolute;
    top:10px;left:10px;
}
.pager .leftLabel {
    position:absolute;
    top:19px;left:62px;
}
.pager .current{
    font-weight:bold !important;
}
.pager .rightButton {
    position:absolute;
    top:10px;right:10px;
}
.pager .rightLabel {
    position:absolute;
    top:19px;right:62px;
}

.pager .extraButtonRight1 {
    position:absolute;
    top:10px;right:60px;
}
.pager .extraButtonRight1.active {
    background:#000000 !important;
}
.pager .extraButtonRight2 {
    position:absolute;
    top:10px;right:110px;
}
.pager .extraButtonRight2.active {
    background:#000000 !important;
}

#contentOffsetPadding {
    display:block;
    width:100%;height:80px;
}
#contentOffsetPaddingExtra {
    display:block;
    width:100%;height:30px;
}

#contentOffsetPadding.active {
    height:160px;
}
.nf-form-content {
   max-width:100% !important;
   padding:30px !important;
   background:rgba(20,116,170,0.1);;
   margin-top:30px !important;

}
.nf-form-content .listselect-wrap .nf-field-element div,
.nf-form-content .ninja-forms-field {
    font-size:0.9em !important;
    margin: 0;
    padding: 12px;
}
.nf-form-content label {
    font-size: 0.9em !important;
    line-height: 20px;
}
.nf-error-msg {
    color:#dd0000;
    font-size:0.8em;
}
.nf-form-fields-required {
    display:none;
    text-align:right;
    color:#dd0000;
    font-size:0.8em;
}
.nf-field-label  label {
    font-size:0.9em !important;
}
.nf-fu-fileinput-button {
    display: inline-block;
    border-radius:0;
    padding:15px 20px !important;
    border:none;
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight:600;
    text-transform:uppercase;
    background:#1474aa !important;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
    margin-bottom:20px !important;
}
.nf-fu-fileinput-button:hover {
    background:#000000 !important;
    color:#ffffff !important;
}
.invalid {
    border: 1px solid #dd0000;
    background:rgba(221,0,0,0.1);
}
[type="checkbox"].invalid {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
    box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
}
.number,
.catHeader {
    float:right;
    display:inline-block;
    padding:8px 15px;
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
}
.number {
    position:absolute;
    top:0;left:0;
}
.descriptionDiv .fa-angle-right,
.itemsMore .fa-angle-right {
    position:absolute;
    top:8px;right:10px;
    font-size:2em;
}
.itemsMore ul {
    list-style:none;
    padding:0;margin:0 0 30px 0 !important;
}
.itemsMore ul li {
    position:relative;
    list-style:none;
    font-size:0.8em;
    padding:10px 20px;margin:0;
    margin-bottom:1px;
    transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;

}
.itemsMore ul li.paddingLeft {
    padding-left:50px;
}
.itemsMore ul li.paddingLeftExtra {
    padding-left:115px;
}

.itemsMore ul li a {
    font-weight:bold;
}
.programs h5 {
    font-size:1.4em;
    color:#1474aa !important;
    margin-bottom:5px;
}
.programs ul li.paddingLeftExtra {
    padding-top:20px;
    padding-bottom:20px;
    padding-left:125px;
}
.programDetails table {
    font-size:0.8em !important;
}
.programPlayers h5,
.programDetails h5,
.programs .fa-angle-right {
    color:#1474aa !important;
}
.programPlayers .title {
    color:#1474aa !important;
    font-size:1.1em;
}
.programPlayers thead,
.programPlayers tbody,
.programPlayers tfoot {
    border:none;
    background:rgba(20,116,170,0.2);
}
.programPlayers tbody tr:nth-child(2n) {
    background:none;
}
.mousePointer {
    cursor:pointer;
    transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out;
                -moz-transition: all .25s ease-in-out;
                    -o-transition: all .25s ease-in-out;
}
#offCanvas
{
    position:fixed;
    height:100%;
    padding-top:220px;
    background:#1474aa;
}
#offCanvas button.closeMenu
{
    position:absolute;
    top:160px;left:0px;
    display:block;
    width:250px;height:60px;
    background:url('img/bg_navimobi_close.png') 200px center no-repeat #000000;
    padding:0;margin:0;
    font-size:2em;
    line-height:0em;
    text-align:right;
    color:#ffffff;
    cursor:pointer;
    z-index:200;
}
#offCanvas ul
{
    list-style:none;
    padding:0;margin:0 0 20px 0;
}
#offCanvas ul li
{
    list-style:none;
    padding:0;margin:0 0 1px 0;
}
#offCanvas ul li a
{
    display:block;
    font-family:museo-sans, sans-serif;
    padding:12px 0 0 20px;
    height:50px;
    list-style:none;
    font-size:0.9em;
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
    background:rgba(255,255,255,0.1);
}
#offCanvas ul li a:hover
{
    background:rgba(255,255,255,0.2);
    text-decoration:none;
    color:#ffffff;
}
#offCanvas ul li ul
{
    list-style:none;
    padding:0;margin:1px 0 0 0 !important;
}
#offCanvas ul li ul li a
{
    display:block;
    padding:8px 20px 0 30px;
    height:40px;
    font-size:0.9em;
    background:rgba(255,255,255,0.2);
}
#offCanvas ul li ul li a:hover
{
    background:rgba(255,255,255, 0.25);
    text-decoration:none;
}
button.openMenu
{
    display:none;
    position:absolute;
    width:50px;height:50px;
    top:5px;right:10px;
    background:url('img/bg_navimobi.png') center center no-repeat;
    z-index:200;
}

.button {
    display: inline-block;
    border-radius:0;
    padding-left:20px !important;
    padding-right:20px !important;
    font-size:1.2em !important;
    border:none;
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight:600;
    text-transform:uppercase;
    background:#1474aa !important;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
.button:hover {
    background:#000000 !important;
    color:#ffffff !important;
}
.button.small {
    width:40px;height:40px;
    padding:12px 0 !important;
    text-align:center;
}
.smaller {
    font-size:0.9em;
}
.subnav ul {
    list-style:none;
    padding:0;margin:60px 0 60px 0;
    border-bottom:solid 1px #f0f0f0;
}
.subnav ul li {
    border-top:solid 1px #f0f0f0;
}
.subnav ul li a {
    display:block;
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight:bold;
    padding:10px 20px;
    color:#1474aa;
}
.subnav ul li a:hover {
    background:#f0f0f0;
}
.subnav ul li.current-cat a,
.subnav ul li.current_page_item a,
.subnav ul li.current-menu-item a,
.subnav ul li.current-menu-parent a,
.subnav ul li.current-menu-ancestor a,
.subnav ul li.current-page-ancestor a,
.subnav ul li a.active {
    font-weight:bold;
    background:#1474aa;
    color:#ffffff;
}
header {
    position:absolute;
    width:100%;height:160px;
    padding:0;margin:0;
    background:#ffffff;
    -webkit-box-shadow: 2px 2px 20px 0px rgba(20,116,170,0.2);
        -moz-box-shadow: 2px 2px 20px 0px rgba(20,116,170,0.2);
            box-shadow: 2px 2px 20px 0px rgba(20,116,170,0.2);
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
    z-index:100;
}
header .grid-container {
    height:160px;
    position:relative;
}
#search {
    width:100%;height:80px;
    background:rgba(20,116,170,0.1);
}
#searchButton {
    position:absolute;
    display:block;
    width:50px;height:50px;
    bottom:0;right:0;
    font-size:1.4em;
    text-align:center;
    padding-top:8px;
    color:#ffffff;
    background:url('img/search_down.svg') #000000;
    background-size:36px 36px;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:999;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
    cursor:pointer;
}
#searchButton:hover {
    background:url('img/search_down.svg') rgba(0,0,0,0.8);
    background-size:36px 36px;
    background-position:center center;
    background-repeat:no-repeat;

}
#searchButton.active {
    background:url('img/search_up.svg') #000000;
    background-size:36px 36px;
    background-position:center center;
    background-repeat:no-repeat;
    bottom:-50px;
}
.searchHolder {
    padding:10px 70px 0 0;
}
.searchHolder input.searchInput {
    border:none;
    box-shadow:none;
    background:#ffffff;
    color:#000000;
    font-size:0.9em;
    padding-left:15px;
}
.searchHolder input.searchInput::-webkit-input-placeholder {
    color: #666666;
}
.searchHolder input.searchInput:-ms-input-placeholder {
    color: #666666;
}
.searchHolder input.searchInput::placeholder {
    color: #666666;
}
.searchHolder input.searchInput::-moz-placeholder {
    color: #666666;
}
.searchHolder .submit {
    position:absolute;
    top:20px;right:80px;
    width:38px;height:38px;
    cursor:pointer;
    border:0;
    background:url('img/search.svg') #ffffff;
    background-size:20px 20px;
    background-position:center center;
    background-repeat:no-repeat;
    text-indent:-9999em;
}
.agenda .daydate {
    width:100%;
    background:#000000;
    color:#ffffff;
    text-align:center;
    padding:15px 0;margin-bottom:40px;
    font-weight:bold;
}
.agenda .daydate .day {
    font-size:0.8em;
    line-height:1em;
}
.agenda .daydate .dayNumber {
    font-size:3em;
    line-height:1em;
    font-weight:bold;
}
.agenda .daydate .dayMonth {
    font-size:1em;
    font-weight:bold;
    line-height:1em;
}
.agenda li h4 {
    font-size:1.5em;
}
.agenda li {
    padding:20px !important;
    cursor:pointer;
}
.agenda li p {
    margin:10px 0 0 0;
    font-size:1.1em;
}

.agendaHeader .daydate {
    width:100%;
    background:#000000;
    color:#ffffff;
    text-align:center;
    padding:15px 0 25px 0;margin-bottom:40px;
    font-weight:bold;
    font-size:1.7em !important;
}
.agendaHeader .daydate .day {
    font-size:0.8em;
    line-height:1em;
}
.agendaHeader .daydate .dayNumber {
    font-size:3em;
    line-height:1em;
    font-weight:bold;
}
.agendaHeader .daydate .dayMonth {
    font-size:1em;
    font-weight:bold;
    line-height:1em;
}



#weekButton {
    position:absolute;
    display:block;
    width:100px;height:50px;
    bottom:0;right:50px;
    font-size:1em;
    padding:12px 0 0 10px;
    color:#ffffff;
    background:#055c8a;
    background-size:36px 36px;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:999;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
    cursor:pointer;
}
#weekButton:hover {
    background:#1474aa;
}
#weekButton .textLabel {
    width:60px;
    text-align:center;
    position:absolute;
    left:30px;
    top:5px;
    font-size:0.75em;
    line-height:1em;
    font-weight:900;
}
#tvButton {
    position:absolute;
    display:block;
    width:95px;height:50px;
    bottom:0;right:150px;
    font-size:1em;
    padding:12px 0 0 10px;
    color:#ffffff;
    background:#055c8a;
    background-size:36px 36px;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:999;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
    cursor:pointer;
}
#tvButton:hover {
    background:#1474aa;
}
#tvButton .textLabel {
    width:60px;
    text-align:center;
    position:absolute;
    left:30px;
    top:12px;
    font-size:0.75em;
    line-height:1em;
    font-weight:900;
}




#logo {
    margin-top:10px;
    display:block;
    width:135px;height:135px;
}
#logo a {
    display:block;
    width:135px;height:135px;
    text-indent:-9999em;
    background:url('img/logo_rtvnof.png') no-repeat;
    background-size:cover;
        -moz-background-size:cover;
            -webkit-background-size:cover;
                -o-background-size:cover;
    cursor:pointer;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
#bannertop {
    position:absolute;
    right:20px;top:20px;
}
#topNavi {
    position:absolute;
    top:0;left:170px;
    height:40px;
    padding:0 10px;
    background:#000000;
    z-index:2;
}
#topNavi ul {
    list-style:none;
    padding:0;margin:0;

}
#topNavi ul li {
    position:relative;
    float:left;display:inline;
    padding:0;
}
#topNavi ul li a {
    display:block;
    padding:10px 10px 0 10px;
    text-align:center;
    color:#ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size:0.8em;
    text-transform:uppercase;
    font-weight:600;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
#topNavi ul li.current-cat a,
#topNavi ul li.current_page_item a,
#topNavi ul li.current-menu-item a,
#topNavi ul li.current-menu-parent a,
#topNavi ul li.current-menu-ancestor a,
#topNavi ul li.current-page-ancestor a,
#topNavi ul li a.active,
#topNavi ul li a.active:hover,
#topNavi ul li a.active:focus,
#topNavi ul li a:hover,
#topNavi ul li a:focus {
    background:#000000;
    color:#ffffff;
}
#editionChoice {
/*     display:none; */
    width:100%;min-height:50px;
    font-size:0.9em;
    font-weight:bold;
    padding:0;
    overflow:hidden;
    margin-bottom:30px;
}
#editionChoice .close {
    float:right;
    margin-top:4px;
}
#editionChoice .headerLabel {
    padding:7px 5px 5px 0;
    font-weight:bold;
    text-transform:uppercase;
    font-size:1.2em;
}
#editionChoice ul {
    list-style:none;
    padding:5px 0 0 0;margin:0;
}
#editionChoice ul li {
    float:left;display:inline;
    padding:0;margin:0 0 5px 0;
}
#editionChoice ul li a {
    display:block;
    font-size:0.9em;
    padding:10px;
    font-weight:bold;
    color:#ffffff;
    text-transform:uppercase;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
#editionChoice ul li a:hover {
    background:rgba(255,255,255,0.2);
}
#editionChoice ul li a.active {
    background:#ffffff;
    color:#000000;
}
#editionChoice .bgColor {
    background:url('img/bg_choices.png') repeat-x #055c8a;
    color:#ffffff;
}
#editionChoice a {
    margin-left:5px;
    display:inline-block;
    color:#ffffff;
    font-weight:normal;
}
#nowPlaying {
    position:absolute;
    top:40px;left:170px;
    width:502px;height:50px;
    font-size:0.8em;
    padding:15px 20px;
    background:rgba(20,116,170,0.1);
    color:#1474aa;
    overflow:hidden;
    z-index:3;
}
#albumcover {
    position:absolute;
    top:40px;left:621px;
    display:block;
    width:50px;height:50px;
        background-size:cover;
        -moz-background-size:cover;
            -webkit-background-size:cover;
                -o-background-size:cover;
    z-index:4;
}
#navi {
    position:absolute;
    bottom:0;left:170px;
    height:50px;
    padding:0;
    background:#1474aa;
}
#navi ul {
    list-style:none;
    padding:0;margin:0;

}
#navi ul li {
    position:relative;
    float:left;display:inline;
    padding:0;
}
#navi ul li a {
    display:block;
    height:50px;
    padding:12px 15px 0 15px;
    text-align:center;
    color:#ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    text-transform:uppercase;
    font-weight:600;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
#navi ul li a.active,
#navi ul li a.active:hover,
#navi ul li a.active:focus,
#navi ul li a:hover,
#navi ul li a:focus {
    background:rgba(0,0,0,0.2);
    color:#ffffff;
}

#navi ul li.current-cat a,
#navi ul li.current_page_item a,
#navi ul li.current-menu-item a,
#navi ul li.current-menu-parent a,
#navi ul li.current-menu-ancestor a,
#navi ul li.current-page-ancestor a {
    background:#000000;
    color:#ffffff;
}
#navi ul li ul {
    display:none;
    position:absolute;
    top:50px;left:0;
    background:#1474aa;
    color:#ffffff;
    z-index:100;
}
#navi ul li ul li {
    clear:both;
    padding:0;
}
#navi ul li ul li a.active,
#navi ul li ul li a {
    display:block;
    width:300px;height:42px;
    padding:8px 20px 0 20px;
    text-transform:none;
    font-size:0.9em;
    text-align:left;
    border-bottom:1px solid rgba(255,255,255,0.4);
    color:#ffffff;
}
#navi ul li ul li a.active:hover,
#navi ul li ul li a.active:focus,
#navi ul li ul li a:hover,
#navi ul li ul li a:focus {
    border-bottom:1px solid rgba(255,255,255,0.4);
    color:#ffffff;
    background:#1474aa;
}
#slider {
    width:100%;height:437px;
    margin-bottom:40px;
    overflow:hidden;
}
#slider ul {
    list-style:none;
    padding:0;margin:0;
}
#slider ul li {
    position:relative;
    display:block;
    padding:0;margin:0;
    width:100%;height:437px;
    background-position:center center;
    background-repeat:no-repeat;
}
#slider ul li .descriptionHolder {
    position:absolute;
    width:100%;
    bottom:0;left:0;
    padding:30px 20px 40px 20px;
    color:#ffffff;
}
#slider ul li .descriptionHolder h2 {
    font-size:1.7em;
}
#slider .slick-dots {
    position:absolute;
    list-style:none;
    padding:0 10px;margin:0;
    text-align:center;
    right:0;bottom:0;
    clear:both;
    border:none;
    outline: 0 !important;
    z-index:9999;
}
#slider ul.slick-dots li {
    display:inline-block;
    width:20px;height:40px;
    outline: 0 !important;
    padding:15px 5px;
}
#slider ul.slick-dots li button {
    display:block;
    width:10px;height:10px;
    border-radius:5px;
    text-indent:-999em;
    margin:0;padding:0;
    background:rgba(255,255,255,1);
    outline: 0 !important;
}
#slider ul.slick-dots li.slick-active button {
    background:rgba(255,255,255,0.5);
}
.item {
    position:relative;
    width:100%;height:300px;
    margin-bottom:30px;
    background-size:cover;
        -moz-background-size:cover;
            -webkit-background-size:cover;
                -o-background-size:cover;
    background-position:center center;
    transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;

}
.item:hover {
    transform: scale(1.05);
}
.item .descriptionHolder {
    position:absolute;
    width:100%;
    bottom:0;left:0;
    min-height:95px;
    padding:15px 20px;
    font-size:1em;
    color:#ffffff;
    overflow:hidden;
}
.item .date {
    font-size:0.7em;
}
.item .descriptionHolder h2 {
    font-size:1.2em;
    line-height:1.2em;
    margin-bottom:5px;
}
.item .iconHolder {
    position:absolute;
    bottom:0;right:0;
    display:block;
    text-align:center;
    font-size:1.2em;
    padding-top:5px;
    width:50px;height:40px;
    color:#ffffff;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
.videoItem {
    position:relative;
    width:100%;height:200px;
    margin-bottom:30px;
    background-size:cover;
        -moz-background-size:cover;
            -webkit-background-size:cover;
                -o-background-size:cover;
    background-position:center center;
    transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;

}
.videoItem:hover {
    transform: scale(1.05);
}
.videoItem .playButton {
    position:absolute;
    left:38%;top:35px;
    display:block;
    width:60px;height:60px;
    padding-top:5px;
    text-align:center;
    font-size:2em;
    color:#ffffff;
}
.videoItem .descriptionHolder {
    position:absolute;
    width:100%;
    bottom:0;left:0;
    height:75px;
    padding:15px 20px;
    font-size:1em;
    color:#ffffff;
    overflow:hidden;
}
.videoItem .date {
    font-size:0.7em;
}
.videoItem .descriptionHolder h2 {
    font-size:1em;
    line-height:1.2em;
    margin-bottom:5px;
}
.videoItem .iconHolder {
    position:absolute;
    bottom:0;right:0;
    display:block;
    text-align:center;
    font-size:1.2em;
    padding-top:5px;
    width:50px;height:40px;
    color:#ffffff;
    background:#000000;
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
}
.videoItem:hover .iconHolder {
    background:none;
}
#slider ul li.descriptionHolder {
    background:rgba(0,0,0,0.7);
}
.itemsMore ul li {
    background:rgba(0,0,0,0.1);
}
.itemsMore ul li:hover {
    background:rgba(0,0,0,0.2);
}
.itemsMore ul li a {
    color:rgba(0,0,0,1);
}
.itemsMore li .date {
    color:rgba(0,0,0,0.8);
    font-size:0.9em;
}
.imageDiv {
    min-height:250px;
    background-size:cover;
        -moz-background-size:cover;
            -webkit-background-size:cover;
                -o-background-size:cover;
    background-position:center center;
}
.descriptionDiv {
    position:relative;
    background:rgba(0,0,0,0.1);
    font-size:0.9em;
}
.descriptionDiv h3 {
    font-size:3em;
    color:#000000;
    margin-bottom:5px;
}
.descriptionDiv .date {
    font-size:0.9em;
    margin-bottom:10px;
}
.item .descriptionHolder {
    background:rgba(0,0,0,0.7);
}
.item .descriptionHolder .iconHolder {
    background:rgba(0,0,0,1);
}
.videoItem .descriptionHolder {
    background:rgba(0,0,0,0.7);
}
.videoItem .playButton {
    background:rgba(0,0,0,1);
}
.videoItem .descriptionHolder .iconHolder {
    background:rgba(0,0,0,1);
}
/* Nieuws */
#slider ul li.news .descriptionHolder {
    background:rgba(20,116,170,0.7);
}
.news .itemsMore ul li {
    background:rgba(20,116,170,0.1);
}
.news .itemsMore ul li:hover {
    background:rgba(20,116,170,0.2);
}
.news .itemsMore ul li a {
    color:rgba(20,116,170,1);
}
.news .itemsMore li .date {
/*     color:rgba(20,116,170,0.8); */
    font-size:0.9em;
}
.news .daydate,
.news.agenda .daydate,
.news .number,
.news .catHeader {
    background:#1474aa !important;
}
.news h3 {
    text-transform:uppercase;
    font-size:1.35em;
    margin-bottom:20px;
    color:#1474aa;
}
.news .item .descriptionHolder {
    background:rgba(20,116,170,0.7);
}
.news .item .descriptionHolder .iconHolder {
    background:rgba(20,116,170,1);
}
.news .videoItem .descriptionHolder {
    background:rgba(20,116,170,0.7);
}
.news .videoItem .playButton {
    background:rgba(20,116,170,1);
}
.news .videoItem .descriptionHolder .iconHolder {
    background:rgba(20,116,170,1);
}
.detail.news h1,
.detail.news h2 {
    color:#1474aa;
    font-size:2.2em;
    line-height:1.2em;
    padding:0;margin:0 0 10px 0;
}
.detail table {
    font-size:0.9em;
    margin-bottom:30px;
}
.news .descriptionDiv {
    background:rgba(20,116,170,0.1);
    font-size:0.9em;
}
.news .descriptionDiv h3 {
    font-size:1.8em;
    text-transform:none;
    color:#1474aa;
    margin-bottom:5px;
}
.news .descriptionDiv .fa-angle-right,
.news.agenda .fa-angle-right,
.news.agenda h4 {
    color:#1474aa !important;
}
.news ul.socials li a {
    color:#1474aa !important;
}
/* Sport */
#slider ul li.sport .descriptionHolder {
    background:rgba(0,150,0,0.7);
}
.sport .itemsMore ul li {
    background:rgba(0,150,0,0.1);
}
.sport .itemsMore ul li:hover {
    background:rgba(0,150,0,0.2);
}
.sport .itemsMore ul li a {
    color:rgba(0,150,0,1);
}
.sport .itemsMore li .date {
/*     color:rgba(0,150,0,0.8); */
    font-size:0.9em;
}
.sport .daydate,
.sport.agenda .daydate,
.sport .number,
.sport .catHeader {
    background:#009600;
}
.sport h3 {
    text-transform:uppercase;
    font-size:1.35em;
    margin-bottom:20px;
    color: rgba(0,150,0,1);
}
.sport .item .descriptionHolder {
    background:rgba(0,150,0,0.7);
}
.sport .item .descriptionHolder .iconHolder {
    background:rgba(0,150,0,1);
}
.sport .videoItem .descriptionHolder {
    background:rgba(0,150,0,0.7);
}
.sport .videoItem .playButton {
    background:rgba(0,150,0,1);
}
.sport .videoItem .descriptionHolder .iconHolder {
    background:rgba(0,150,0,1);
}
.sport .descriptionDiv {
    background:rgba(0,150,0,0.1);
    font-size:0.9em;
}
.sport .descriptionDiv h3 {
    font-size:1.8em;
    text-transform:none;
    color:#009600;
    margin-bottom:5px;
}
.sport .descriptionDiv .fa-angle-right,
.sport.agenda .fa-angle-right,
.sport.agenda h4 {
    color:#009600 !important;
}

.detail.sport h1,
.detail.sport h2 {
    color:#009600 !important;
    font-size:2.2em;
    line-height:1em;
    padding:0;margin:0 0 10px 0;
}
.sport ul.socials li a {
    color:#009600 !important;
}


/*
#8c4d03
rgba(140,77,3,0.3)
historie / geschiedenis
*/
#slider ul li.historie .descriptionHolder {
    background:rgba(140,77,3,0.7);
}
.historie .itemsMore ul li {
    background:rgba(140,77,3,0.1);
}
.historie .itemsMore ul li:hover {
    background:rgba(140,77,3,0.2);
}
.historie .itemsMore ul li a {
    color:rgba(140,77,3,1);
}
.historie .itemsMore li .date {
/*     color:rgba(140,77,3,0.8); */
    font-size:0.9em;
}
.historie .daydate,
.historie.agenda .daydate,
.historie .number,
.historie .catHeader {
    background:#8c4d03;
}
.historie h3 {
    text-transform:uppercase;
    font-size:1.35em;
    margin-bottom:20px;
    color: rgba(140,77,3,1);
}
.historie .item .descriptionHolder {
    background:rgba(140,77,3,0.7);
}
.historie .item .descriptionHolder .iconHolder {
    background:rgba(140,77,3,1);
}
.historie .videoItem .descriptionHolder {
    background:rgba(140,77,3,0.7);
}
.historie .videoItem .playButton {
    background:rgba(140,77,3,1);
}
.historie .videoItem .descriptionHolder .iconHolder {
    background:rgba(140,77,3,1);
}
.historie .descriptionDiv {
    background:rgba(140,77,3,0.1);
    font-size:0.9em;
}
.historie .descriptionDiv h3 {
    font-size:1.8em;
    text-transform:none;
    color:#8c4d03;
    margin-bottom:5px;
}
.historie .descriptionDiv .fa-angle-right,
.historie.agenda .fa-angle-right,
.historie.agenda h4 {
    color:#8c4d03 !important;
}
.historie ul.socials li a {
    color:#8c4d03 !important;
}

/*
#ffd200
rgba(255,210,0,0.3)
weer
*/
#slider ul li.weer .descriptionHolder {
    background:rgba(255,210,0,0.7);
}
.weer .itemsMore ul li {
    background:rgba(255,210,0,0.1);
}
.weer .itemsMore ul li:hover {
    background:rgba(255,210,0,0.2);
}
.weer .itemsMore ul li a {
    color:rgba(255,210,0,1);
}
.weer .itemsMore li .date {
/*     color:rgba(255,210,0,0.8); */
    font-size:0.9em;
}
.weer .daydate,
.weer.agenda .daydate,
.weer .number,
.weer .catHeader {
    background:#ffd200;
}
.weer h3 {
    text-transform:uppercase;
    font-size:1.35em;
    margin-bottom:20px;
    color: rgba(255,210,0,1);
}
.weer .item .descriptionHolder {
    background:rgba(255,210,0,0.7);
}
.weer .item .descriptionHolder .iconHolder {
    background:rgba(255,210,0,1);
}
.weer .videoItem .descriptionHolder {
    background:rgba(255,210,0,0.7);
}
.weer .videoItem .playButton {
    background:rgba(255,210,0,1);
}
.weer .videoItem .descriptionHolder .iconHolder {
    background:rgba(255,210,0,1);
}
.weer .descriptionDiv {
    background:rgba(255,210,0,0.1);
    font-size:0.9em;
}
.weer .descriptionDiv h3 {
    font-size:1.8em;
    text-transform:none;
    color:#ffd200;
    margin-bottom:5px;
}
.weer .descriptionDiv .fa-angle-right,
.weer.agenda .fa-angle-right,
.weer.agenda h4 {
    color:#ffd200 !important;
}
.weer ul.socials li a {
    color:#ffd200!important;
}


/*
#494949
rgba(73,73,73,0.3)
ondernemend
*/
#slider ul li.ondernemend .descriptionHolder {
    background:rgba(73,73,73,0.7);
}
.ondernemend .itemsMore ul li {
    background:rgba(73,73,73,0.1);
}
.ondernemend .itemsMore ul li:hover {
    background:rgba(73,73,73,0.2);
}
.ondernemend .itemsMore ul li a {
    color:rgba(73,73,73,1);
}
.ondernemend .itemsMore li .date {
/*     color:rgba(73,73,73,0.8); */
    font-size:0.9em;
}
.ondernemend .daydate,
.ondernemend.agenda .daydate,
.ondernemend .number,
.ondernemend .catHeader {
    background:#222222;
}
.ondernemend h3 {
    text-transform:uppercase;
    font-size:1.35em;
    margin-bottom:20px;
    color: rgba(73,73,73,1);
}
.ondernemend .item .descriptionHolder {
    background:rgba(73,73,73,0.7);
}
.ondernemend .item .descriptionHolder .iconHolder {
    background:rgba(73,73,73,1);
}
.ondernemend .videoItem .descriptionHolder {
    background:rgba(73,73,73,0.7);
}
.ondernemend .videoItem .playButton {
    background:rgba(73,73,73,1);
}
.ondernemend .videoItem .descriptionHolder .iconHolder {
    background:rgba(73,73,73,1);
}
.ondernemend .descriptionDiv {
    background:rgba(73,73,73,0.1);
    font-size:0.9em;
}
.ondernemend .descriptionDiv h3 {
    font-size:1.8em;
    text-transform:none;
    color:#494949;
    margin-bottom:5px;
}
.ondernemend .descriptionDiv .fa-angle-right,
.ondernemend.agenda .fa-angle-right,
.ondernemend.agenda h4 {
    color:#494949 !important;
}
.ondernemend ul.socials li a {
    color:#494949 !important;
}
footer {
    background:rgba(20,116,170,0.1);
    padding:20px 30px 20px 30px;
}
footer h3 {
    text-transform:uppercase;
    font-size:1.35em;
    margin-bottom:20px;
    color:rgba(20,116,170,1);
}
footer ul {
    list-style:none;
    font-size:0.9em;
    padding:0;margin:0;
    color:rgba(20,116,170,1);
}
footer p {
    font-size:0.9em;
}
footer .contentPadding {
    padding:20px;
}
#subfooter {
    width:100%;
    padding:15px 0;
    text-align:center;
    background:#1474aa;
    color:rgba(255,255,255,0.8);
    font-size:0.9em;
}
#subfooter a {
    color:rgba(255,255,255,0.8);
    transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
    text-transform:lowercase;
}
#subfooter a:focus,
#subfooter a:hover {
    color:rgba(255,255,255,1);
}
#subfooter a[aria-current="page"] {
    color:rgba(255,255,255,1);
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

@media (min-width: 768px) and (max-width: 991px)
{
    header #bannertop,
    #navi {
        display:none !important;
    }
    button.openMenu {
        display:block !important;
    }
    .bannerLeft {
        min-width:100% !important;
        max-width:100% !important;
        min-height:200px !important;
        margin-top:-10px !important;
        margin-bottom:10px !important;;
    }
}
@media (max-width: 767px)
{
    header #bannertop,
    #navi {
        display:none !important;
    }
    .detail,
    .noPadding {
        padding:0 10px;
    }
    .onlySmall,
    .bannerTopExtra,
    button.openMenu {
        display:block !important;
    }
    h1,h2 {
        font-size:2em;
    }
    #contentOffsetPadding {
        height:40px;
    }
    #contentOffsetPadding.active {
        height:120px;
    }
    #offCanvas {
        padding-top:180px;
    }
    header  {
        height:120px;
    }
    #offCanvas button.closeMenu
    {
        display:block;
        width:250px;height:60px;
        top:120px;left:0px;
        background:url('img/bg_navimobi_close.png') 200px center no-repeat #000000;
    }
    #searchButton {
        bottom:40px;
    }
    .searchHolder {
        padding:20px 50px 0 0;
    }
    .searchHolder .submit {
        right:60px;
    }
    #searchButton.active {
        bottom:-10px;
    }
    #weekButton {
        bottom:40px;
    }
    #tvButton {
        bottom:40px;
    }
    header #logo {
        width:100px;height:100px;
    }
    header #logo a {
        display:block;
        width:100px;height:100px;
    }
    #topNavi {
        top:0;left:125px
    }
    #albumcover,
    #nowPlaying {
        display:none !important;
        top:40px;left:125px
    }
    .agenda .daydate {
    margin-bottom:1px;
    }
    #editionChoice {
        line-height:2em;
    }
    #editionChoice a {
        margin-left:0;
    }
/*
    #bannersLeft {
        position:relative;
        right:0;top:0;
        z-index:1000;
    }
 */
    .minHeight {
        min-height:50px !important;
    }
    .bannerLeft {
        min-width:100% !important;
        max-width:100% !important;
        min-height:150px !important;
        margin-top:-10px !important;
        margin-bottom:10px !important;;
    }

    .bannerTop {
        min-width:100% !important;
        max-width:100% !important;
        min-height:80px !important;
        max-height:80px !important;
        margin-bottom:20px;
    }


    .weekSelector {
        position:relative;
        margin-bottom:70px;
    }
    .weekSelector .categorySelector {
        position:absolute;
        top:80px;right:0px;
        width:150px !important;
    }
    .weekSelector strong {
        display:none;
    }
    #editionChoice .headerLabel {
        padding:5px 5px 0 0;
        font-weight:bold;
        text-transform:uppercase;
        font-size:1.2em;
    }
    #editionChoice ul li {
        clear:both !important;
    }
    .programs ul li.paddingLeftExtra {
        padding-top:50px;
        padding-bottom:20px;
        padding-left:20px;
    }
    .programs ul li.paddingLeftExtra .number {
        display:block;
        width:150px;
    }

}