/*
 Theme Name:  DGTL
 Theme URI:    https://webwoede.com
 Description:  DGTL Child
 Author:       Webwoede
 Author URI:   https://webwoede.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/*Fonts*/
@font-face {
    font-family: "avenir";
    src: url("https://dgtl.nl/wp-content/fonts/avenir.woff");
}

@font-face {
    font-family: "dgtlstencil";
    src: url("https://dgtl.nl/wp-content/fonts/dgtlstencil.woff");
}

h1, h2, h3, h4, h5, h6 {
    font-family:'dgtlstencil';
}

/*h1 header size*/
@media only screen and (min-width: 981px) {
h1.entry-title, .et_pb_title_container h1 {
	font-size:65px!important;
}
}

body {
    font-family:'avenir';
}

/*menu buttons*/
.menu-tickets > a {
    color: black!important;
    border: 1px solid white;
    padding: 15px 15px 15px 15px!important;
    background-color: white;
}

.menu-editions > a {
    border: 1px solid white;
    padding: 15px 15px 15px 15px!important;
	pointer-events: none;
}

/*submenu dropdown*/
#top-menu .menu-item-has-children>a:first-child:after {
	display:none;
}

ul.sub-menu {
    right: 0px;
    margin-top: 10px;
}

/*info icon*/
img.infomenu {
    position: relative;
    top: 8px;
	max-height: 28px;
}

/*fixed header style*/
@media only screen and (min-width: 981px) {
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding: 16px 0 0 0!important;
}

.et_header_style_left .et-fixed-header #et-top-navigation .menu-tickets > a {
    color: black!important;
    border: 1px solid white;
    padding: 15px 15px 15px 15px!important;
    background-color: white;
}
}

/*hero section button width*/
.et_pb_button {
min-width: 220px;
text-align: center;
}

/*mobile menu style*/
@media screen and (max-width: 980px) {
 .container { 
 width: 100% !important;
 }
 .et_header_style_left .logo_container{
 padding-left: 25px;
 }
 .et_header_style_centered #main-header .mobile_nav {
 background-color: transparent;
 }
 .mobile_nav.closed .select_page {
 display: none;
 }
 .et-fixed-header#main-header {
    background-color: #000;
    position: fixed;
    top: 0px!important;
 }
	
li#menu-item-73 a {
    color: white!important;
    background-color: black;
}
}
.et_mobile_menu {
 top: 0 !important;
 border-top: 3px solid #000000 !important;;
 background-color: #fff !important;
 padding: 20% 0;
}
.et_mobile_menu li a {
 text-align: center;
 font-size: .8em;
 border: 0;
 padding: 15px 0;
 letter-spacing: 1px;
 color: #000!important;
 text-transform:uppercase;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
 color: #283fc0;
}
.mobile_nav ul#mobile_menu li ul li a {
 font-size: .8em !important;
 margin: auto;
 color: #363636 !important;
 padding-top: 1em;
}
.et_mobile_menu li a:hover {
 color: #999;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.mobile_menu_bar:before {
 padding-right: 25px;
 color: #fff !important;
}
.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
 z-index: 99999;
 color: #000!important;
}

/* NESTING MOBILE MENU SETTINGS */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
 content: '\4d';
}

#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, 
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
 content: '5'; 
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
 position: relative; 
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
 position: absolute;
 background-color: rgba(0,0,0,0.03);
 z-index: 1;
 width: 36px;
 height: 36px;
 line-height: 36px;
 border-radius: 50%;
 top: 6px;
 right: 25px;
 cursor: pointer;
 text-align: center;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
 background-color: rgba(0,0,0,0.1);
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
 font-family: "ETmodules" !important;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 line-height: 36px;
 font-size: 24px;
 text-transform: none;
 speak: none;
 content: '\33';
}

/*
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
 content: '\32';
}
*/

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
 display: none !important;
 padding-left: 0;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
 display: block !important;
 background-color: rgba(0,0,0,0.03);
}

 #main-header #mobile_menu.et_mobile_menu li li {
 padding-left: 0;
}

#main-header #mobile_menu.et_mobile_menu li a, 
#main-header #mobile_menu.et_mobile_menu li li a,
#main-header #mobile_menu.et_mobile_menu li li li a {
 padding-left: 20px;
 padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
 padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
 background-color: transparent;
 font-weight: inherit;
}

#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
 font-weight: bolder;
}

/*timetable styles*/
.tt_timetable .event a, .tt_timetable .event .event_header {
    font-size: 18px;
    text-transform: uppercase;
}

.tt_timetable .hours {
    color: #FFF;
    font-weight: bold;
    display: none;
}

.tt_timetable .event .bottom_hour {
	margin-bottom: -10px;
}

.tt_navigation_wrapper {
    display: none;
}

.tt_responsive .tt_timetable.small .box_header, .tt_responsive .tt_timetable.small .tt_items_list a, .tt_responsive .tt_timetable.small .tt_items_list span {
    color: #ffffff !important;
font-size: 15px;
}

.tt_upcoming_events li .tt_upcoming_events_event_container {
	height: 60px;
}

/*blog grid style*/
@media (min-width: 981px) {
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
    width: 31.667%;
    margin-right: 2.5%;
}
	.et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_pb_post .et_pb_slider, .et_pb_image_container {
    margin: 0;
}
	.et_pb_blog_grid .et_pb_post {
    padding: 0;
	min-height: 425px;
}
}

/*floatingticket*/
/*floating button*/
.floatingticket {
z-index: 999999;
position: fixed;
right: 0px;
bottom: 20px;
}

img.ticket-icon {
    width: 7vw;
}

@media screen and (max-width: 600px) {
	img.ticket-icon {
    width: 19vw;
}
}

/*line-up filter buttons*/
.dp-dfg-pagination .pagination a, .dp-dfg-skin-default .dp-dfg-filter a, .et-l .dp-dfg-pagination .pagination a.pagination-link, .et-l .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
    color: #fff!important;
    margin: -1px 10px 0 0!important;
    border: 1px solid #ffffff!important;
    background-color: #fff0!important;
}

/*Make featured images and artist featured square*/
.entry-featured-image-url, figure.dp-dfg-image.entry-thumb {
  padding-top: 100%;
  display: block;
}
.entry-featured-image-url img, .dp-dfg-skin-default .dp-dfg-image img {
position: absolute;
  height: 100%!important;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/*Timetable style*/
.mfesm-schedule .days .table-container table th, .mfesm-schedule .days .table-container table td {
    min-width: 50px;
    background-color: white;
    padding: 9px;
	font-size: 15px;
	box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 30%);
}

/*table spacing*/
table {
    border-collapse: separate;
    border-spacing: 7px;
    text-align: center;
}

/*no background empty cells*/
.mfesm-schedule .days .table-container table td:empty {
    background: none !important;
	box-shadow: none;
    -webkit-box-shadow: none;
}

/*button day selector style*/
.mfesm-schedule .button.active {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

.mfesm-schedule .button {
    background: #000000;
    color: white;
    display: inline-block;
    margin-right: 5px;
    padding: 5px 15px;
    border: 1px solid white;
    margin-right: 15px;
}

.days h2 {
    display: none;
}

.mfesm-schedule .days .table-container table th:first-child, .mfesm-schedule .days .table-container table td:first-child {
    min-width: 80px;
	background: black;
    color: white;
}

.mfesm-schedule .days .table-container table th {
		background: black;
    color: white;
}

/*post title h2*/
h2.entry-title {
    FONT-FAMILY: 'avenir';
	font-size: 22px;
}

/*featured news homepage*/
.brbl-smart-post .brbl-post-title {
    font-family: 'avenir';
    font-size: 21px;
}

.brbl-blog-carousel .brbl-post-title {
	    font-family: 'avenir';
}