/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.1.32.1677948611
Updated: 2023-03-04 16:50:11

*/

/* algemeen */
@font-face {
  font-family: kijkwijzer;
  src: url('/wp-content/themes/kadence-child/kijkwijzer-2020.woff2') format('woff2');
}

span.kijkwijzer {
    font-family: "kijkwijzer";
    font-size: 0.7em;
    letter-spacing: -0.1em;
    position: relative;
    bottom: 8px;
    font-weight: 300;
	margin-left: 5px;
}
div.ev_quote span.sterren {
  color: #096fb0;
}
div.ev_quote span.quote {
  font-style: italic;
}
h2.ev_maand {
    color: #dd3333;
    margin-top: 30px;
}

/* home event-slider kop EM */
div.em-image {
    width: 100%;
    height: 60vh;
    overflow: hidden;
}
div.em-image img {
    width: 100vw;
    height: 60vh;
    object-fit: cover;
}
div.em-bijschrift {
    background-color: #096fb0;
    color: #fff;
    padding: 4px 
	font-size: 1.5em;
	text-align:center;
}
div.em-bijschrift a {
    margin: 0px;
    text-decoration: none!important;
    color: #fff;
	
    font-size: 1.5em;
}
div.em-bijschrift a:hover {
    text-decoration: none!important;
}
div.evenementslider div.bx-wrapper {
	border: 0px;
	box-shadow: 0;
}

/* home lijst met events */
div.ev_voorstelling {
    width: 100%;
    margin-bottom: 10px;
	padding-bottom: 20px;
    border-bottom: 1px solid #dd3333;
}
div.ev_voorstelling div.ev_datumtijd, section.eventspagina div.ev_datumtijd {
    display: inline-block;
    color: #096fb0;
    width: 14%;
    padding-right: 10px;
    text-align: center;
    font-weight: 700;
}
div.ev_voorstelling div.ev_datumtijd div.ev_datumgetal, section.eventspagina div.ev_datumtijd div.ev_datumgetal {
    display: block;
    color: #fff;
    background-color: #096fb0;
    padding: 10px 25px;
    width: 85%;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em;
	white-space: nowrap;
}
div.ev_voorstelling div.ev_datumtijd div.ev_tijd, section.eventspagina div.ev_datumtijd div.ev_tijd {
    font-size: 1.2em;
}

div.ev_voorstelling div.ev_poster {
    display: inline-block;
    vertical-align: top;
    width: 14%;
    padding-bottom: 10px;
    padding-right: 4px;
}
div.ev_voorstelling div.ev_poster img {
    transition: all 2s;
}
div.ev_voorstelling div.ev_poster img:hover {
    opacity: 0.5;
}

div.ev_filminfo {
    display: inline-block;
    width: 70%;
    vertical-align: top;
}
div.ev_filminfo div.ev_titel {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
div.ev_filminfo div.ev_titel a.ev_tmdbthumb img {
	display: inline-block;
}
div.ev_filminfo div.ev_titel img {
    width: 40px;
    margin-left: 10px;
}
div.ev_filminfo div.ev_titel h2 {
    margin: 0px;
}
div.ev_filminfo div.ev_titel h2 a {
    color: inherit;
    text-decoration: none!important;
    transition: all 2s;
}
div.ev_filminfo div.ev_titel h2 a:hover {
    text-decoration: underline!important;
}
div.ev_filminfo p.ev_credits {
    color: #096fb0;
    font-style: italic;
}
div.ev_filminfo div.ev_tekst p {
	margin-bottom: 10px;
}

div.ev_plaats {
    display: inline-block;
    text-align: right;
    width: 19%;
}
span.ev_uitverkocht {
    font-weight: 700;
    color: #dd3333;
}
div.ev_tijd span.ev_uitverkocht {
    font-size: 0.9em;
}

/* nieuwsbrief formulier */
div.nieuwsbriefblok label {
    font-weight: 400;
}
div.nieuwsbriefblok input {
    border: 1px solid #096FB0;
    width: 100%;
  	margin-bottom: 10px;
}

/* EVENTSPAGINA */
section.eventspagina div.evp_trailer {
  background-color: #ddd;
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  margin-bottom: 20px;
}
section.eventspagina div.evp_trailer img, section.eventspagina div.evp_trailer iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
section.eventspagina div.evp_trailer iframe {
    width: 100%;
    height: 100%;
}
section.eventspagina div.evp_details h1 {
  font-size: 2.5em!important;
}
section.eventspagina div.evp_details h3 {
  font-size: 1.8em!important;
}
section.eventspagina div.evp_details h1, section.eventspagina div.evp_details h3 {
  font-weight: 700!important;
}
section.eventspagina div.evp_details a.ev_tmdbthumb img {
  display: inline-block;
  width: 40px;
  margin-left: 10px;
}
section.eventspagina div.evp_datumtijdinfo.col-md-4 {
  padding-left: 20px;
}
section.eventspagina div.ev_datumtijd, section.eventspagina div.ev_datumtijd div.ev_datumgetal {
  width: fit-content;
}
section.eventspagina div.ev_datumtijd {
  padding-right: 0px;
  display: inline;
  text-align: center;
}
section.eventspagina div.evp_datumtijdinfo.col-md-4 div.evp_credits {
  background-color: #096fb011;
  color: #096fb0;
  font-style: italic;
  padding: 15px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border: solid 1px #096fb0;
  margin-top: 20px;
  margin-bottom: 30px;
}
section.eventspagina div.evp_datumtijdinfo.col-md-4 div.evp_credits p {
  margin-bottom: 0px!important;
}
section.eventspagina div img.ev_filmcafe {
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
button.em-event-add-to-calendar.input {
  width: 100%;
}
section.eventspagina div.evp_boekingen h3.em-booking-section-title, div.em-login-trigger {
	display: none;
}
section.eventspagina div.evp_boekingen {
  margin-top: 20px;
}

/* footermenu */
div.footermenu h2.widgettitle {
  color: #dd3333;
}
div.footermenu ul#menu-footermenu li {
  background-color: #096fb0;
  margin-bottom: 4px;
  padding: 3px;
  padding-left: 10px;
  transition: all 0.5s;
}
div.footermenu ul#menu-footermenu li:hover {
  background-color: #dd3333;
}
div.footermenu ul#menu-footermenu li a {
  color: #fff;
}

/* archiefoverzicht - beschrijving (Filmblik) */
div.archive-description p {
	font-size: 1.4em;
	margin-top:15%;
}
/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
	section.eventspagina div.col-md-4, section.eventspagina div.col-md-8 {
		width: 100%!important;
	}
}

/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
  div.em-image {
        height: 30vh;
    }
    div.em-image img {
        height: 30vh;
    }
    div.ev_datumtijd {
        width: 30%!important;
    }
    div.ev_poster {
        width: 60%!important;
    }
    div.ev_filminfo {
        width: 100%;
    }
}