/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5-mrt-2023, 21:12:23
    Author     : henkschipper
*/

/* Nieuws =========== */
.sliderrow .post_title_grid h3 { margin: 10px 0 10px 0!important; }
.sliderrow .leesmeerbutton { display: inline-block; margin: 20px 0!important; background-color: white; padding: 3px 20px 1px 20px;  color: #400f17;  font-family: Sirenia;  text-decoration: none!important;  border-radius: 10px;}
.sliderrow .alleitemsbutton { display: inline-block; margin: 20px 0!important; background-color: #80a82c; padding: 3px 20px 1px 20px;  color: #ffffff;  font-family: Sirenia;  text-decoration: none!important;  border-radius: 10px;}
.sliderrow .imageside img {  

    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    border: 5px solid white;
    max-width: 100%;
    max-height: fit-content;
    display: block;
    height: auto;
}

@media only screen and (max-width: 650px) { 
.sliderrow .imageside img {  
    width: 100%;
}
}


.video_grid .vc_column_container { text-align: center;}
.video_grid a {  margin-bottom: 20px; padding-left: 30px; padding-right: 30px;}
.video_grid img { display: block; margin-bottom: 20px;    margin-left: auto;  margin-right: auto; border-radius: 20px; border: 5px solid white; }
.video_grid a { text-decoration: none!important;  }
.video_grid a .post_title_grid { width: 80%; margin-left: 10%; }


.buttoncenter { text-align: center!important; z-index: 99; }
.buttoncenter a { text-align: center!important; z-index: 99;  margin-left: auto!important;  margin-right: auto!important; }

.bx-pager-link.active {    background: #333333!important;}

.bx-controls.bx-has-pager .bx-pager {     bottom: 30px; }
.bx-wrapper-video .bx-pager.bx-default-pager a:hover, 
.bx-wrapper-video .bx-pager.bx-default-pager a.active, 
.bx-wrapper-video .bx-pager.bx-default-pager a:focus {   background: rgba(66, 66, 66);}
.bx-wrapper-video .bx-pager.bx-default-pager a { background: rgba(237, 26, 52);}




@media only screen and (max-width: 650px) { 
.buttoncenter { text-align: right!important;  }
   .sliderrow  .imageside { margin:20px 0 0; }
   .sliderrowitem { padding-left: 20px; padding-right: 20px; }
   .imageside > .buttons > div { display: inline-block;  width: 49%!important; }
}
/*  .bx-controls-direction { display: none; visibility: hidden; }  */



.videospost-iframe {     aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%;

border: 5px solid white;
    border-radius: 20px;
}