@import "fontawesome.css";
@import "all.css";
@import "screenreader.css";

@font-face {
				font-family: "TheMixC5-SemiBold";
				src: url("../webfonts/TheMixC5-6_SemiBold.woff2") format("woff2"),url('../webfonts/TheMixC5-6_SemiBold.woff') format('woff');
				font-weight: normal;
				font-style: normal;
			}

/*
.tm-header .uk-navbar-container:not(.uk-navbar-transparent),
.tm-header .uk-navbar-container {
	margin:0;
	width:100%;
	max-width:100%;
	padding:0;
}
*/

.tm-header-mobile .uk-navbar-container {
	border-bottom:5px solid #FF7320;
	background-color:#fff;
}

/*
nav.uk-navbar-container.uk-navbar:after {
	content: "\f2f6";
	font-family:"Font Awesome 5 Pro";
    right: 0;
    display: block;
    position: absolute;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #fff;
    background-color:#ff7320;
    margin-top: 15px;
    margin-right: 15px;
}
*/
.zoekenmenu a.uk-button,
.mobielzoekenlogin a.uk-button {
	padding: 0 15px;
}

.uk-modal-dialog #search-tm-1:before {
	content:"Zoeken in de website:";
	font-size:30px;
	font-family:"TheMixC5-SemiBold";
	text-align:center;
	margin-bottom:40px;
	display:block;
}

.finder div#search-form {
    background: #fff;
    padding: 40px;
    margin: 0 0 20px 0;
    border: 2px solid #e3e3e3;
}
.finder input[name="q"] {
	margin-bottom:0 !important;
}
.uk-modal-dialog input.uk-search-input {
	border:2px solid #ccc;
	background:#f9f9f9;
	color:#333;
}
.uk-modal-dialog input.uk-search-input:focus {
	outline:2px solid #ccc !important;
	}
.mobielzoekenlogin a.uk-button {
	margin-right:5px;
}
.mobielzoekenlogin a.uk-button:last-child {
	margin-right:15px;
	}

#module-tm-1.uk-navbar-toggle {
	display:none;
}
.inloggen:before {
	content: "\f2f6";
	font-family:"Font Awesome 5 Pro";
	margin-right:10px;	
}

h3.wordlid {
    margin: 0;
}

.tm-headerbar-top .uk-container,
.uk-navbar-container .uk-container {
	max-width:100%;
}
.uk-navbar-container .uk-container .uk-navbar-nav > li > a {
	color:#fff;
	border-right: 1px solid #ff9658;
}

.uk-navbar-container .uk-container .uk-navbar-nav > li.uk-active > a {	
	color:#39373a;
}

.uk-navbar-container .uk-container .uk-navbar-nav > li > a:hover {
	color:#ffdac3;
}

.uk-navbar-container .uk-container .uk-navbar-nav > li.uk-active > a:hover  {
	color:#000;
}

#tm-top {
    background: #efefef;
    padding-bottom:0;
}

.homerotterdam #tm-top {
	padding-bottom:20px;
}

#tm-top .uk-container-expand {
	padding:0;
}

#tm-top wise-search-searchbar input {
	background-color:#fff;
}	

#tm-top .input-group-btn.dropdown > button {
	box-shadow: none;
}
#tm-top .input-group-btn.dropdown > button.wise-search-searchbar__toggle {
    margin: 0 -5px 0;
}

#tm-top .icon-base-search:before {
	content: "\f002";
	font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}

#tm-top .wise-search-searchbar > div.input-group {
	display:flex;
}

#tm-top .wise-search-searchbar > div.input-group input {
	max-width:70%;
	margin-left:30px;
	border-top:3px solid #e3e3e3;
	border-bottom:3px solid #e3e3e3;
	border-left:3px solid #e3e3e3;
}

#tm-top .wise-search-searchbar div.input-group-btn button {
	border-top:3px solid #d7611b;
	border-bottom:3px solid #d7611b;
	border-left:0;	
	border-right:3px solid #d7611b;
	line-height:38px;
	padding:0 18px;
}

#tm-top .wise-search-searchbar div.input-group-btn button:first-child {
	border-top:3px solid #d7611b;
	border-bottom:3px solid #d7611b;
	border-right:0;	
	border-left:0;
}


#tm-top > .uk-container > .uk-grid {
	display:block;
}
@media (max-width:960px) {
	#tm-top .wise-search-searchbar .btn, 
	#tm-top .wise-search-searchbar .uk-button {
		padding:0 14px;
	}
	.mobileflex {
		display:flex;
	}
	#tm-main > .uk-container > .uk-grid.mobileflex > div.mobilefirst {
		order:1;
	}
	#tm-main > .uk-container > .uk-grid.mobileflex > div.mobilelast {
		order:2;
	}
}

@media (max-width:768px) {
	#tm-top .wise-search-searchbar > div.input-group input {
		max-width:70%;
	}
}

@media (max-width:600px) {
	#tm-top .wise-search-searchbar > div.input-group input {
		max-width:62%;
	}
	#wise-searchbar .hidden-xs.ng-binding {
		display:none;		
	}
}

@media (max-width:400px) {
	#tm-top .wise-search-searchbar > div.input-group input {
		max-width:60%;
	}
}

@media (max-width:360px) {
	#tm-top .wise-search-searchbar > div.input-group input {
		max-width:50%;
	}
	.uk-navbar-center:not(:only-child) {
	    left: 38%;
	}
}

#tm-top .uk-container > .uk-grid > div:first-child,
#tm-top .uk-container-expand > .uk-grid > div:first-child{
    max-width: 900px;
    margin:auto;
}

#tm-top .uk-container > .uk-grid > div:last-child .uk-panel .uk-breadcrumb,
#tm-top .uk-container-expand > .uk-grid > div:last-child .uk-panel .uk-breadcrumb {
    max-width: 1200px;
    padding:0 15px;
    margin:auto;
}

@media (min-width: 640px) {
	#tm-top .uk-container > .uk-grid > div:last-child .uk-panel .uk-breadcrumb,
	#tm-top .uk-container-expand > .uk-grid > div:last-child .uk-panel .uk-breadcrumb {
	    padding:0 40px;
	}	
}

#tm-top .uk-container > .uk-grid > div:last-child,
#tm-top .uk-container-expand > .uk-grid > div:last-child {
	margin-top:20px;
}

#tm-top .uk-container > .uk-grid > div:last-child .uk-panel,
#tm-top .uk-container-expand > .uk-grid > div:last-child .uk-panel {
    background-color:#fff;
    padding:20px 0;
    margin:0;
}

.homerotterdam #tm-top > .uk-container > .uk-grid > div:last-child {
	display:none;
}

.kopsnel {
	background-color: #39373a;
    color: #fff;
    display: block;
    padding: 10px;
/*    margin: -30px 0 30px -30px;*/
}

.openingstijden {
	margin-top:40px;
}

.buttonssnel {
/*	box-shadow:0 10px 10px rgba(0,0,0,0.1);
	padding:20px;*/
}

/*
@media (max-width:960px) {
	.homestart .uk-grid .uk-width-expand\@m {
			order:1;
	}
	
	.homestart .uk-grid .uk-width-2-3\@m {
		order:2;
	}
}
*/

span.themix {
	font-family:"TheMixC5-SemiBold";
}

span.wit {
	color:#fff;
}

@media (min-width:1150px) and (max-width:1250px) {
	.uk-h2 {
	    font-size: 30px;
	}
}

.headermargin {
	max-width:1200px;
	margin:auto;
}

.tm-headerbar-top .uk-subnav>*>:first-child {
	color:#fff;
}
div#search-tm-1-modal {
    margin-top: 30px;
}

button.uk-modal-close-full {
	background:#ff7320;
}

.uk-modal-close-full svg {
	width:50px;
	height:50px;
	color:#fff;
}

.openingstijden > div > div:last-child {
    display: none;
}

@media (max-width:768px) {
	#tm-main > .uk-container > .uk-grid > div {
		order:2;
	}
	#tm-main > .uk-container > .uk-grid > aside {
		order:1;
	}
}

.uk-offcanvas-bar {
    padding: 80px 20px 20px 20px;h;
}

/*******************************************************/
/* RSEVENTSPRO OVERRULINGEN                            */
/*******************************************************/

.rsepro-small-description-block {
	font-size:0.8em;
}

#tm-main .rs_event_detail {
	border:0;
	box-shadow: none;
	border-radius:0;
	margin:0;
	padding:0 !important;
	background:transparent !important;
}

#tm-main .rs_event_image,
#tm-main .thumbnail,
#tm-main .thumbnail > img {
	border-radius:0;
	padding:0;
	margin:0;
	float:none;
	border:0;
}

@media (min-width:640px) {
	#tm-main .rs_event_image {
	    height: 140px;
	    overflow: hidden;
	}	
}

@media (min-width:768px) {
	#tm-main .rs_event_image {
	    height: 160px;
	    overflow: hidden;
	}	
}

@media (min-width:960px) {
	#tm-main .rs_event_image {
	    height: 100px;
	    overflow: hidden;
	}	
}

@media (min-width:1024px) {
	#tm-main .rs_event_image {
	    height: 110px;
	    overflow: hidden;
	}	
}

@media (min-width:1280px) {
	#tm-main .rs_event_image {
	    height: 140px;
	    overflow: hidden;
	}	
}




#tm-main .rs_event_details {
	padding:25px;
}


#rs_events_container .uk-margin {
	margin-top:0 !important;
}

.rsepro-date-block {
    font-size: 12px;
}

.rsepro-date-block b {
	font-weight:600;
}

.rsepro-title-block {
    font-size: 18px;
    padding:10px 0;
}

.rsepro-small-description-block {
}
.rsepro-event-taxonomies-block {
	font-size:14px;
	margin-top:20px;
}

.rsepro-small-description-block,
.rsepro-title-block {
    height: 60px;
}

.rsepro-event-taxonomies-block > span {
	display:block;
}

#tm-main .thumbnail {
	
}

#agendablok {
	overflow:unset;
}

#agendablok > .uk-grid {
	margin-left:0px;
}

#agendablok > .uk-grid > .schaduwbox,
#tm-main .uk-child-width-1-3\@m article {
	padding-left:0px;
	margin-top:0;
}


.agendabeeld {
	position:relative;
}
.bijschrift {
	background-color: rgba(255,255,255, 0.9);
    padding: 30px;
}
.bijschrift small {
	font-weight:300;
	font-size:110%;
}
.schaduwbox,
#tm-main .uk-child-width-1-3\@m article {
	box-shadow: 2px 15px 50px rgba(41,44,61,.1);
}

/*
.agenda #tm-main .uk-container {
    max-width: 1000px;
}
*/


.btn {
	padding:5px 10px;
}

.rsform-block-rseprotickets,
.rsform-block-rsepropayment {
	display:none;
}

.rs_event_full,
.rs_event_full + div {
	background:red;
	color:#fff;
	text-decoration:none;
}

.rs_event_full:hover,
.rs_event_full + div:hover {
	background:#f17474;
	color:#fff;
}

div.rs_event_full {
	padding:10px;
	margin-bottom:40px;
}

h1.rs_event_full_title {
	color:#fff;
}

h1.rs_event_full_title:after {
    content: " = reeds geboekt";
    color: yellow;
}

.gast {
	font-size:10px;
	color:red;
}

.rsepro-title-block {
	font-weight:400;
}

.tm-headerbar-top .uk-container.uk-flex.uk-flex-middle {
    margin-left: 0;
    padding-left: 0;
}

#tm-sidebar .uk-nav {
    position: fixed;
}

.tm-header .finder .btn {
    padding: 0px 10px;
    border: 3px solid #d7601a;
    border-left: 0;
	padding: 0px 15px;
    border: 3px solid #39373a;
}

.tm-header .btn-primary.zoekendesktop {
	background-color:#39373a;
}

.tm-header .finder .search-query {
	border: 3px solid #ccc;
	border-right:0;
	height:50px;
	width:200px !important;
}

#tm-main .uk-child-width-1-3\@m > div {
	padding-left:15px;
}

#tm-main .rs_events_container.uk-child-width-1-3\@m {
	margin-left:-15px !important;
}

#tm-main .uk-child-width-1-3\@m > div article h2,
#tm-main .uk-child-width-1-3\@m > div article p {
	padding:0 20px;
} 

#tm-main .uk-child-width-1-3\@m > div article h2 {
	font-size:18px;
}

#tm-main .uk-child-width-1-3\@m > div article p {
	padding:10px 20px 20px 20px;
}

#tm-main .uk-child-width-1-3\@m > div {
	margin-top:15px;
}

.rs_event_details {
    display: flex;
    flex-wrap: wrap;
}

.uk-text-large.datumvlak {
    background: #fff;
    width: 80px;
    height: 70px;
    padding-top:10px;
    color: #ff731f;
    text-align: center;
    font-weight:600;
    line-height:30px;
}


.uk-text-large.datumvlak.multiday p.rs_events_date.period {
	color:#ff731f;
}

.uk-text-large.datumvlak .date-day {
	font-size:40px;
}

.uk-text-large.datumvlak .date-month {
	font-size:20px;
}

span.struct {
    display: block;
}

.schaduwbox .rs_events_date {
	text-align:center;
}

.schaduwbox .rs_events_date .date-day {
	font-size:30px;
}

.uk-text-large.datumvlak.multiday .date-day {
	font-size:20px;
}
.schaduwbox .rs_events_date.multiday .date-day {
	font-size:14px;	
}
.uk-text-large.datumvlak.multiday .date-month {
	font-size:20px;
}

.uk-text-large.datumvlak.multiday span.struct {
    line-height: 0.2;
}

#tm-main .uk-container > .uk-grid > .uk-width-expand\@m > .uk-panel.uk-margin-medium-bottom h1 {
	margin-left:-20px;
}

p.rs_events_date.period {
    color: #fff;
}

.schaduwbox p.rs_events_date {
    background: #ff7221;
    color: #fff;
    padding: 15px 10px 10px 10px;
    width: 50px;
    height: 45px;
    display: block;
    float: none;
    clear: both;
    font-weight:600;
    text-align:center;
    margin-top: -60px;
	position: relative;
    z-index: 1000000;
}

.schaduwbox p.rs_events_date.multiday {
    padding: 10px;
    height: 50px;
}

.schaduwbox p.rs_events_date {
	font-size:0.75em;
}

.schaduwbox p.rs_events_date.multiday {
	font-size:0.7em;
	line-height:1.4em;
	}

.schaduwbox p.rs_events_date .date-month {
	font-size:14px;
	text-transform: uppercase;
}

.schaduwbox p.rs_events_date.multiday .date-month {
	font-size:12px;	
}

.schaduwbox .rs_event_details > div {
    width: 100%;
}

.card-activiteit {
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,.4);
}

.card-activiteit .struct {
	display:inline;
}

.card-activiteit .rsep_tickets {
	margin-top:30px;
}

.card-activiteit h3.uk-h3 {
	font-weight:600;
}
.card-activiteit.uk-card-primary.uk-card-body, 
.card-activiteit.uk-card-primary>:not([class*=uk-card-media]), 
.card-activiteit.uk-card-secondary.uk-card-body, 
.card-activiteit.uk-card-secondary>:not([class*=uk-card-media]), 
.card-activiteit.uk-light, 
.card-activiteit.uk-offcanvas-bar, 
.card-activiteit.uk-overlay-primary, 
.card-activiteit.uk-section-primary:not(.uk-preserve-color), 
.card-activiteit.uk-section-secondary:not(.uk-preserve-color), 
.card-activiteit.uk-tile-primary:not(.uk-preserve-color), 
.card-activiteit.uk-tile-secondary:not(.uk-preserve-color) {
	color:#fff;
}

.rs_repeats {
    height: 80px;
}

.a2a_default_style a.slaopinagenda {
	color:#fff;
	background-color:#ff7320;
	border-radius:4px;
	line-height:32px;
	height:32px;
	width:28px;
	text-align: center;
}

/* WISE OVERRIDES */

.wise-bootstrap [class*=" icon-"]:before, 
.wise-bootstrap [class^=icon-]:before {
    font-family: wise-icons;
}

.wise-bootstrap .wise-ui-title-list-item__control-column .clearfix {
	display:block;
}

.wise-bootstrap [class*="icon-media-"],
.wise-bootstrap [class^=icon-media-] {
	display: inline-block;
    margin-right: .6em;
    font-size:30px !important;
}

.wise-bootstrap .wise-ui-title-list-item__control-column span.ng-binding {
    background: #38373a;
    color: #fff;
    padding: 3px 5px;
    margin: 5px 0;
    display: inline-block;
}

select:not([class*=uk-]):not([multiple]):not([size]) {
	border-bottom:1px solid rgba(204, 204, 204, 1) !important;
}

#wise-searchbar input#wise-search-searchbar {
	height:50px;
}

#wise-searchbar .btn .icon-base-search {
	margin-right:0.75em;
}

#wise-searchbar .btn .ng-binding {
	font-size:22px;
}

.wise-bootstrap .panel,
.wise-bootstrap .panel-heading,
.wise-bootstrap .btn-lg, .wise-bootstrap .btn-group-lg > .btn {
	border-radius:0;
}

.openinghours-eachday {
    margin: 0;
    padding: 0;
    margin-top: -5px;
}

.tm-page-container .tm-page {
    box-shadow: 0 0 10px #ccc;
}

.wise-bootstrap .ellipsis {
	white-space: normal;
}

.buttonbottom .el-content {
    padding-bottom: 20px;
}

.buttonbottom .uk-button {
    position: absolute;
    bottom: 30px;
    margin-top: 30px;
}

.buttonticketwise {
	text-decoration:underline;
	font-weight:bold;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
	content: "/";
}

.introzoeken {
	display:block;
	margin-bottom:10px;
	font-style:italic;
	color:#ff7320;
}

.terug {
	margin-bottom:10px !important;
}


/* width */
.wise-bootstrap .table-responsive::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.wise-bootstrap .table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.wise-bootstrap .table-responsive::-webkit-scrollbar-thumb {
  background: #ff7320;
}

/* Handle on hover */
.wise-bootstrap .table-responsive::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.lp-right {
	float:none;
}

.lp-button-wrapper button {
	background-color:#ff7320;
}

.lp-register-intro a, 
.lp-button-wrapper ul.lp-link-wrapper li a {
	float:left;
	font-size:0.9em;
	color:#ff7320;
}

.formError {
    font-weight: bold;
	font-size:0.9em;
	color:#ff7320;
	}
	
input[type="checkbox"],
input[type="radio"] {
	margin-right:5px;
	margin-left:10px;
}

.rsform-button-prev {
    margin-right: 20px;
}

#userForm .uk-margin {
	clear:both;
}

span.highlight {
    background-color: #f9e3d6;
}

div.modal.wise-bootstrap,
div.modal.wise-bootstrap:focus {
	background:transparent;
	outline:0;
	outline:0 !important;
	max-width:640px;
	width:auto;
}

@media (min-width:960px) and (max-width: 1280px) {
	.uk-width-2-3\@m {
	    width: calc(100% * 55 / 100.001);
	}
	.uk-width-1-3\@m {
	    width: calc(100% * 45 / 100.001);
	}
}

.verleng_vink {
    color: #ff7320 !important;
}


.nieuwsenblog .uk-card-default {
    box-shadow: 2px 15px 50px rgba(41,44,61,.1);
    }
    
.nieuwsenblog .uk-card-default h2 a,
.nieuwsenblog .uk-card-default h3 a,
.nieuwsenblog .uk-card-default h4 a {

	color:#000;
	font-size:18px;
	line-height:1
	}
	
.uk-rsevents-search.uk-search-icon {
    position: absolute;
	z-index:1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #a1a1a1;
    margin:12px;
}

input[name="rs_filterlist[search]"] {
	padding-left:40px;
}

@media (max-width:640px) {
	#tm-top .wise-search-searchbar > div.input-group {
		display: block;
	}
	#tm-top .wise-search-searchbar > div.input-group input {
	    max-width: 80%;
	    margin-right: 30px;
	    border-right: 3px solid #e3e3e3;
	}

	#tm-top .input-group-btn.dropdown > button.wise-search-searchbar__toggle {
	    font-size: 19px;
	}
	.dropdown, .dropup {
	    position: relative;
	    margin-left: 30px;
	    width: 100%;
	    right: 0;
	    left: auto;
	}
	#tm-top .wise-search-searchbar div.input-group-btn button:first-child {
	    border-left: 3px solid #d7611b;
	   }
}


@media (max-width:768px) {
	.openinghours-day,
	.openinghours-time {
		width:40% !important;
	}
}

.login #username,
.login #password {
	background-color:#fff;
}

/* TIJDELIJK */

.rsepro-event-categories-block,
.rsepro-event-tags-block {
	display:none !important;
}

.popover {
	z-index:2020;
}