/*
 Theme Name:   Ateliers '89
 Theme URI:    https://generatepress.com
 Description:  Ateliers '89 child theme
 Author:       Louwrens Duhen
 Author URI:   https://duhen.com
 Template:     generatepress
 Version:      0.1
*/
.main-navigation a{
   font-weight: 500;
}
h2{
   margin-bottom: 5px;
}
.home h2 {
   padding-left:8px;
   margin-bottom: 5px;
   padding-top:0;
   margin-top: 0;
}
.home .entry-content{
   margin-top: 0em !important;
}
#page,#content, .sidebar .widget {
   background-color: transparent;
}
.ateliers-mob-logo{
  display:none;
} 
ul {
  list-style: none;
}

/* body,#masthead, .inside-right-sidebar , #right-sidebar*/
body,#primary-menu  {
    /* background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(241,256,253,1)); */
}
/* .one-container .site-content {
    padding: 40px 40px 40px 40px;
} */
.archive #content.site-content, .page #content.site-content,  .single #content.site-content{
    padding: 30px 40px 40px 40px !important;
}
.home #content.site-content {
    padding: 10px 40px 40px 40px !important;
}
/* start home vormgeving */
body.home,.home #masthead, .home .main-navigation{
   background-color: #FFF7FB; 
}
/* start gallery vormgeving */
body.page-id-2 .main-navigation ul ul {
    background-color: #000;
}

page-id-2 .main-navigation .main-nav ul li ul.sub-menu li a{
    color:#fff;
}

body.page-id-2, .page-id-2 .site-header, .page-id-2 .main-navigation, .page-id-2 #content{
    background-color: #000000;
}
.page-id-2 h1.entry-title,.page-id-2 h2, .page-id-2 h3, .page-id-2 h4, .page-id-2 h5, .page-id-2 .photoswipe-gallery-caption, .page-id-2 .site-info, .page-id-2 .main-navigation .main-nav ul li a{
    color:#ffffff;
}
.page-id-2 .main-navigation .main-nav ul li.current_page_item a, .page-id-2 .main-navigation .main-nav ul li a:hover{
    color:#000000;
}

body.page-id-2 .site-logo .header-image.is-logo-image {
    display:none;
}
/* .page-id-2 .main-navigation .main-nav ul li ul.sub-menu li a{
    color: #000000;
} */
.page-id-2 .main-navigation .main-nav ul li:hover > a,.page-id-2 .main-navigation .main-nav ul li:focus > a,.page-id-2 .main-navigation .main-nav ul li.sfHover > a,.page-id-2 .main-navigation .menu-bar-item:hover > a,.page-id-2 .main-navigation .menu-bar-item.sfHover > a {
    color: #000;
    background-color: #ffffff;
}
body.page-id-2 .site-logo a{
    background-image: url(https://ateliers89.org/wp-content/uploads/2021/03/ateliers89-logo-white.svg);
    background-repeat: no-repeat;
    background-size: 450px 247px;
    width: 450px;
    height: 247px;
    display:block;
}
.gallery-columns-3 .gallery-item {
    max-width: none;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: auto;
}
.gallery-icon {
    padding: 0px;
}
/* photo swipe masonry plugin */
.psgal {
margin: 0 !important;

}
/* end gallery vormgeving */
/* Video embed haalt message weg bij geen embed */
.rwmb-oembed-not-available {
    display: none;
}
/* menu submenu */
.main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
    color: #000 !important;
    background-color: #ffffff;
}
.page-id-171 .main-navigation .main-nav ul li[class*="current-menu-"] > a,.page-id-171 .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,.page-id-171 .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
  color: #000 !important;
  background-color: #fcf7dd;
}
.page-id-293 .main-navigation .main-nav ul li[class*="current-menu-"] > a,.page-id-293 .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,.page-id-293 .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
  color: #000 !important;
  background-color: #fcf7dd;
}
.page-id-296 .main-navigation .main-nav ul li[class*="current-menu-"] > a,.page-id-296 .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,.page-id-296 .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
  color: #000 !important;
  background-color: #fcf7dd;
}
.page-id-1432 .main-navigation .main-nav ul li[class*="current-menu-"] > a,.page-id-1432 .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,.page-id-1432 .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
  color: #000 !important;
  background-color: #fcf7dd;
}
.postid-72 .main-navigation .main-nav ul li[class*="current-menu-"] > a,.postid-72 .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,.postid-72 .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
  color: #000 !important;
  background-color: #fcf7dd;
}
.page-id-384 .main-navigation .main-nav ul li[class*="current-menu-"] > a,.page-id-384 .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,.page-id-384 .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
  color: #000 !important;
  background-color: #fcf7dd;
}

.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{
    color: #000;
    background-color: #ffffff;
}
.page-id-171 .main-navigation .main-nav ul li:hover > a,.page-id-171 .main-navigation .main-nav ul li:focus > a,.page-id-171 .main-navigation .main-nav ul li.sfHover > a,.page-id-171 .main-navigation .menu-bar-item:hover > a,.page-id-171 .main-navigation .menu-bar-item.sfHover > a{
  color: #000;
  background-color: #fcf7dd;
}
.page-id-293 .main-navigation .main-nav ul li:hover > a,.page-id-293 .main-navigation .main-nav ul li:focus > a,.page-id-293 .main-navigation .main-nav ul li.sfHover > a,.page-id-293 .main-navigation .menu-bar-item:hover > a,.page-id-293 .main-navigation .menu-bar-item.sfHover > a{
  color: #000;
  background-color: #fcf7dd;
}
.page-id-296 .main-navigation .main-nav ul li:hover > a,.page-id-296 .main-navigation .main-nav ul li:focus > a,.page-id-296 .main-navigation .main-nav ul li.sfHover > a,.page-id-296 .main-navigation .menu-bar-item:hover > a,.page-id-296 .main-navigation .menu-bar-item.sfHover > a{
  color: #000;
  background-color: #fcf7dd;
}
.page-id-1432 .main-navigation .main-nav ul li:hover > a,.page-id-1432 .main-navigation .main-nav ul li:focus > a,.page-id-1432 .main-navigation .main-nav ul li.sfHover > a,.page-id-1432 .main-navigation .menu-bar-item:hover > a,.page-id-1432 .main-navigation .menu-bar-item.sfHover > a{
  color: #000;
  background-color: #fcf7dd;
}
.postid-72 .main-navigation .main-nav ul li:hover > a,.postid-72 .main-navigation .main-nav ul li:focus > a,.postid-72 .main-navigation .main-nav ul li.sfHover > a,.postid-72 .main-navigation .menu-bar-item:hover > a,.postid-72 .main-navigation .menu-bar-item.sfHover > a{
  color: #000;
  background-color: #fcf7dd;
}
.page-id-384 .main-navigation .main-nav ul li:hover > a,.page-id-384 .main-navigation .main-nav ul li:focus > a,.page-id-384 .main-navigation .main-nav ul li.sfHover > a,.page-id-384 .main-navigation .menu-bar-item:hover > a,.page-id-384 .main-navigation .menu-bar-item.sfHover > a{
  color: #000;
  background-color: #fcf7dd;
}

.main-navigation .main-nav ul li  a {
    color: #000;
}c
.main-navigation .main-nav ul li  a :hover{
    color: #000 ;
}
.main-navigation .main-nav ul ul li a {
    color: #000;
}

.home .main-navigation .main-nav ul ul li:hover > a,.home .main-navigation .main-nav ul ul li:focus > a,.home .main-navigation .main-nav ul ul li.sfHover > a {
    color: #000 !important;
    /* background-color: #fcf7dd; */ 
    background-color: #fff;
}
.page-id-171 .main-navigation .main-nav ul ul li a:hover {
  background-color: #fcf7dd;
  color: #000;
}
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover > a, .main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover{
    color: #000 !important;
    /* background-color: #fcf7dd; */
    background-color: #fff;
}

.main-navigation .main-nav ul ul li:hover > a, .main-navigation .main-nav ul ul li:focus > a, .main-navigation .main-nav ul ul li.sfHover > a {
    color: #000 !important;
    /* background-color: #fcf7dd; */
    background-color: #fff;
}
.main-navigation ul ul {
    background-color: #FFF7FB;
}
.page-id-171 .main-navigation ul ul, .page-id-293 .main-navigation ul ul, .page-id-296 .main-navigation ul ul,.page-id-1432 .main-navigation ul ul,.postid-72 .main-navigation ul ul,.page-id-384 .main-navigation ul ul{
  background-color: #fff;
}

.main-navigation ul ul {
    box-shadow: none;
}


body{
    /* letter-spacing: 0.03em; */
    /* color: #33495e; */
    color:#000000;
}
body.category-workshop .main-navigation ul ul {
    background-color: #fcf7dd;
}


body.home .entry-header h1{
    display:none;
}


h1 {
    /* font-size: 34px; */
}

.entry-meta{
    display:none;
}

.site-info {
    color: #000;
    background-color: #fff;
}

.category-workshop .site-info {
        color: #33495e;
        background-color: #fff;
}
/* Bario */

body.category-workshop, .category-workshop .site-header, .category-workshop .main-navigation, .category-workshop #content,.category-workshop .sidebar .widget{
    background-color: #fcf7dd;
}
body.single-bario, .single-bario .site-header, .single-bario .main-navigation, .single-bario #content,.single-bario .sidebar .widget{
    background-color: #fcf7dd;
}

/* Workshop */
.portrait_teacher{
     /* color:#006ba1; */
     width:150px;
     display:flex; 
     flex-direction: column; 
     font-size: 14px; 
}
.portrait_teacher img{

}

.start-end{
    /* color:#006ba1; */
}

.start-end-time:empty { display: none }

.dualimage{
    position: relative;
    display:flex;  
}
.dualimage img{
    /* max-height: 150px; */
    height: 150px;
}

p.postmetadata{
  display:none;
}

/* Workshop  category */
.portrait_teacher1{
    /* display:flex; */
    /* color:#006ba1; */     
}
.portrait_teacher2{
    /* display:flex; */
    /* color:#006ba1; */    
}
.category-workshop .start-end{
    color: #000;
    text-transform: uppercase;
    font-size: 22px;
}
.workshop-block{
    /* padding-bottom: 5px; */
}
.workshop-block h2{
    padding-left:38px;
}
.workshop-block .start-end{
    margin-bottom: 20px;
    padding-left:28px;
}
.workshop-slash-box{
  height:150px;
  height: max-content;/* zorgt voor overflow */  
}
.workshop-slash{
  /* width:40px; */
  
  position:relative;
}
.workshop-slash:after{
  content:"";
  /* display:inline-block; */
  position:absolute;
  left:-10px;
  border-top:3px solid black;
  width:130px;
  transform: rotate(100deg);
  transform-origin: 15% 15px 0;
}

.tag-slash-box{
  height:150px;
  /* overflow: hidden; */
  
}
.tag-slash{
  /* width:40px; */
  
  position:relative;
}
.tag-slash:after{
  content:"";
  /* display:inline-block; */
  position:absolute;
  left:-10px;
  border-top:3px solid black;
  width:130px;
  transform: rotate(100deg);
  transform-origin: 15% 15px 0;
}

/* homepage */
.front-main{
    display:flex;
    flex-wrap: wrap;
    width:99%;
}
.front-show-wrap{
    display:flex;
    width:100%;
    margin: 15px 0 15px 0;
}
.front-show-text{
    display: inline;
    /* flex-direction: row; */
    height:300px;
}
.front-show-slash{
   /* border:1px solid gray; */
     width:35px;
     height:300px;
     position:relative;
 
}
/* view alumni */
/* Alumni */
.alumni-thumb{
    /*width: 75px;
    height: 75px;*/
}
.one-contact{display: block;}
.one-contact-mob{display: none;}

.entry-content .clear{
    clear: both;
}
.gallery-wrap{
    flex:3;
    min-width:
    400px;
    padding-left:3%

}
.frm_button .frm_inverse, .with_frm_style .frm_button.frm_inverse{
    font-family: "Montserrat";
    color: #e2b100 !important;
    border: 1px solid #33495e !important;
    border-radius: 0px !important;
}
a.frm_button.frm_inverse:hover,a.frm_button.frm_inverse:active,a.frm_button.frm_inverse:focus,
button.frm_button.frm_inverse:hover,button.frm_button.frm_inverse:active,button.frm_button.frm_inverse:focus{
    color:#000 !important;
}
.frm_tiles > li, .frm_tiles > div {
    border: none/*1px solid #000*/ !important;
    /*background-color: #FFF7FB;*/
    border-top:1px solid #000 !important;
    border-radius: 0px !important;
    margin-top: 20px;
    padding: 25px;
    box-shadow: /*0 0 5px 1px rgba(0,0,0,0.075)*/ none !important;
}


.front-show-slash:after{  
   content:"";
  position:absolute;
  left:-15px;
  border-top:3px solid blacK;
  width:155px;
  transform: rotate(100deg);
  transform-origin: 15% 20px 0;

}
.front-show-title{
    display:inline-block;
    height: 300px;
    width: 60%;

    /* flex-direction: column; */
}
.front-show-title h2{
  
}
.front-show-text h2 a, .front-show-title h2 a{
    text-transform: uppercase;
    color: #000;
    
}

/* voor alles */
h2 a{
    text-transform: uppercase;
    color: #000;

    
}
h2 a:hover{
    color: #e2b100;
    
}
/* voor alles eind */
.front-show-text h2 a:hover, .front-show-title h2 a:hover{
    color: #e2b100;
    
}
/* now playing overlay image */
.nowoverlay {  
    position: absolute;
    z-index: 100;
    display: block;
    top: 0px;
    left: 0px;
    width: 300px;
    height: 300px;
    margin: 0;
    padding: 0; 
} 
.nowoverlaycat {  
    position: absolute;
    z-index: 100;
    display: block;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 0; 
}

.front-show-poster{  
    flex: none;
    width: 315px;
    position: relative;
}
img.poster{
    object-fit: cover;
    width:300px;
    height:300px;
}
.start-end{
    color: #000;
    text-transform: uppercase;
    font-size: 22px;
}
/* Bario */
.bario-main{
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    height: 100%;
    /* margin-top: 15px; */
    left: 50%;
    background-color: #fcf7dd;
    /* padding-left:54px; */
}
.category-bario .start-end{
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
}
.front-bario-wrap{
    display:flex;
    margin-left: auto;
    padding-left:18px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: auto;
    max-width: 1200px;
}
.bario-padding{
    padding-left:30px;
    margin-left:2px;
}
.pagination-style{
    font-size: 20px;
}

    
.nice_tag{
    padding-top:15px;
}
.nice_tag a, .nice_button a , .nice_button button.frm_button_submit.frm_final_submit{
    padding: 4px 12px 4px 12px;
    /* background: #f2f2f2; */
    border: 1px solid #33495e;
    border-radius: 25px;
    margin: 10px 10px 10px 0px;
    line-height: 2.2;
}
.nice_tag a:hover, .nice_button a:hover {
    background: #fff;
}
/* TTTTTTTT timeline TTTTTTTTT */
.cool-timeline.white-timeline .timeline-year {
    background: #fff !important;
}
.ctl-timeline-date{
    color:#e2b100;
}


.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button {
    background: #e2b100 !important;
}

.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button {
    background: #e2b100 !important;
}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button {
    border-color: #e2b100;
    
}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current {
    color: #e2b100 !important;
}


.nav-links a {
    display: inline-block;
    /* border: 1px solid #DDD; */
    padding: 5px 10px;
    line-height: 1;
    margin-right: 10px;
}

.nav-links a:hover {
    background:#000;
    color: #FFF;
    border-color: #222;
}
/* diagonaal background */


.line1 {
    width: 100%;
    height: 400px;
    border-bottom: 40px solid #e2b100;
    -webkit-transform:
        translateY(-20px)
        translateX(5px)
        rotate(75deg); 
    position: absolute;
    z-index: 0;
    /* top: -20px; */
}
/* logo pre footer */
.ateliers-fields{
   display: block;
   padding-top:8px;
   margin-left: 100px;
   margin-right: auto;
  
   /* width: 400px; */
   
}
.ateliers-fields img{
   height:294px !important;
}
/* enroll */
.page-id-293 h1.entry-title{
   display:none;
}
/* sponsors */
.sponsor-container{
   background-color: #fff;
   display:flex;
   padding-top:15px;
   
}

.sponsor-row{
   display:flex;
   flex-flow: wrap;  
   align-items: center;
   justify-content: center;
   
}
.sponsor-container .col{
   padding-right:45px;
}
.sponsor-container img{
   height:120px;
}
#sponsor-eerste{
   padding-left:45px;
}
.sponsor-gallery{
   margin-top:35px;
}

.bx-wrapper{
   max-width: 1000px !important; 
   margin: 5px auto;
}
.page-id-2 .bx-wrapper{
     background-color: #fff;
}
.category-workshop .bx-wrapper{
     background-color: #fff;
}
.copyright-bar{
   /* position: absolute; */
   bottom: 0px;
}
.site-footer, .site-info{
   background-color: #fff;
}
.site-info a {
    color: #e2b100 !important;
}


.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: transparent !important;
}

.home #footer-widgets{
  background-color:#FFF7FB ;
}
.category-workshop #footer-widgets{
  background-color:#fcf7dd ;
}
.page-id-2 #footer-widgets{
  background-color:#000;
  color:#fff;
}
.page-id-2 #footer-widgets svg path{
  fill: white !important;
}
.page-id-2 #footer-widgets a{
  color: #FF00EE;
}
.page-id-2 #footer-widgets a:hover{
  color: #FFF;
}
    
@media only screen and (max-width: 1250px) {
     .front-bario-wrap{
          padding-left: 0px;
      }  
      .sponsor-container .col{
         /* flex:33%; */
      }
      h2 {
        font-size: 28px;
      }
      .start-end{
        color: #000;
        text-transform: uppercase;
        font-size: 20px;
     }

      
}
@media only screen and (max-width: 1280px) and (orientation:landscape) {
  /* For landscape layouts only */
  .front-bario-wrap{
        padding-left: 13px;
    }
    .inside-header {
        padding-right: 30px;
        padding-left: 40px;
    }
    .site-header .header-image {
       /* width: 180px; */
    }
   body.page-id-2 .site-logo a{
       /* background-size: 180px 178.6px;
       width: 180px;
       height:178.6px;
       vertical-align: middle; */
    }
    body.page-id-2 .gp-icon svg {
         fill: #fff;
     }
}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1080px) {
   /* .ateliers-fields img{
      height:264px !important;
   } */
     .category-workshop .start-end {
     font-size: 18px;
     }
     .site-logo{
       display:none;

     }  
     .ateliers-mob-logo{
       display:block;
       /* height:220px; */
       width:220px;
     }
     .start-end{
       color: #000;
       text-transform: uppercase;
       font-size: 18px;
    }
} 


@media only screen and (max-width: 1024px) {
      .nice_tag a {
          padding: 4px 12px 4px 12px;
          line-height: 2.2;
          border: 1px solid #33495e;
          border-radius: 25px;
          margin: 2px 2px 2px 2px;
          /* word-break: keep-all !important; */
      }

      .nice_tag{

      }
      .front-show-wrap{
          /* display:inline-block; */
      }
      .front-show-text{
          /* display: none; */
      }
      .front-show-title{
          display: block;
      }
      .front-bario-wrap{
          padding-left: 0px;
      }
      .bario-main {
          /* padding-left: 44px; */
      }
      body.page-id-2 .gp-icon svg {
           fill: #fff;
       }
}



/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
   .ateliers-fields img{
      height:203px !important;
   }
   h2 {
     font-size: 26px;
   } 

}
@media only screen and (max-width: 768px) {
         .inside-header {
         padding-right: 30px;
         padding-left: 40px;
         }
         .sponsor-container .col{
            flex:33%;
         }
         .ateliers-fields{
            display:none;
         }
         .sponsor-row{
            /* display:block;
            flex:none; */
         }
         .sponsor-container .col{
            /* flex:none; */
         }
         #sponsor-eerste{
            padding-left:0px;
         }
         /* view alumni */
         .frm_grid_container.frm_no_grid_750 > div {
         grid-column: span 12/span 12;
         }
         .alumni-thumb {
         width: 55px;
         height: 55px;
         }
         .gallery-wrap{
         min-width:300px;
         }
         .one-contact{display:none; }
         .one-contact-mob {display: block}


}
@media only screen and (max-width: 740px){
    .front-show-slash:after{  
      border-top:2px solid black;
      }
     .workshop-slash:after{  
       border-top:2px solid black;
       }
     .tag-slash:after{  
       border-top:2px solid black;
       }
       h2 {
         font-size: 24px;
      } 
}


@media only screen and (max-width: 740px) and (orientation:landscape) {
      /* For landscape layouts only */
      .front-bario-wrap{
            padding-left: 1px;
        }
        .sponsor-container .col{
           /* flex:none; */
        }
        .sponsor-row{
           /* display:block;
           flex:none; */
        }

        .site-header .header-image {
            width: 180px;
         }
        body.page-id-2 .site-logo a{
            background-size: 180px 178.6px;
            width: 180px;
            height:178.6px;
            vertical-align: middle;
         }
        body.page-id-2 .gp-icon svg {
           fill: #fff;
       }
}
@media only screen and (max-width: 680px) and (orientation:landscape) {
      /* For landscape layouts only */
      .front-bario-wrap{
            padding-left: 0px;
        }
        .site-header .header-image {
            width: 180px;
         }
        body.page-id-2 .site-logo a{
            background-size: 180px 178.6px;
            width: 180px;
            height:178.6px;
            vertical-align: middle;
        }
       body.page-id-2 .gp-icon svg {
           fill: #fff;
       }

}
@media only screen and (max-width: 640px) {
        .front-show-text{
          display: none;
          }
          .home h2 {
            padding-left: 0px;
            margin-bottom: 5px;
          }
}
@media only screen and (max-width: 420px) {
        .site-header .header-image {
          width: 180px;
        }
        .sponsor-container .col{
             flex:none;
          }
        body.page-id-2 .site-logo a{
          background-size: 180px 178.6px;
          width: 180px;
          height:178.6px;
          vertical-align: middle;
        }
        body.page-id-2 .gp-icon svg {
            fill: #fff;
        }
        .front-show-poster{  
            flex: none;
            width: 300px;
        }
          
        .front-show-wrap{
          display:inline-block;
        }
        .front-bario-wrap{
            display:inline-block;
            /* padding-left: 30px; */
        }
        .front-show-title{
            width:100%;
            height:auto;
        }
        .bario-main {
              /* padding-left: 33px; */
        }
        h2 {
          font-size: 20px;
        }
        .home h2 {
          padding-left: 0px;
          margin-bottom: 5px;
        }
        .category-workshop .start-end {
            font-size: 18px;
        }
        .front-show-wrap{
           margin: 30px 0 15px 0;
        }

        .sponsor-row{
           padding-top:25px;
        }
        .category-workshop .start-end {
          font-size: 16px;
        }
        .start-end {
          font-size: 16px;
        }

}
@media only screen and (max-width: 320px) {
      img.poster{
      object-fit: cover;
      width:250px;
      height:250px;
      }
      .nowoverlay {  
      width: 250px;
      height: 250px;
      } 
      h2 {
         font-size: 20px;
      } 

}