/* 
Theme Name:		Hello Buro Staal
Theme URI:		https://burostaal.nl/
Description:	Hello Buro Staal is a child theme of Hello Elementor, created by Elementor team
Author:			Buro Staal
Author URI:		https://burostaal.nl/
Template:		hello-elementor
Version:		1.0.2
Text Domain:	hello-buro-staal
*/

/* 
	Toon "menu" op smartphone bij hamburger icoontje
*/
div.elementor-menu-toggle {
	background-color: transparent;
	margin: auto;
	padding: 0;
}
div.elementor-menu-toggle span.elementor-screen-only {
	position: absolute;
	top: 25px;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clip: auto;
	border: 0;
	left: 0;
	color: #000;
	text-align: center;	
	text-transform: lowercase;
	font-size: 18px;
}
div.elementor-menu-toggle [class*=" eicon-"], div.elementor-menu-toggle [class^=eicon] {
	font-size: 25px !important;
}


@media only screen and (max-width: 1024px){
div.elementor-menu-toggle {
	margin: 0 12px 0 0;
}
}

span.jet-button__icon.jet-elements-icon {
    position: absolute;
    right: 10px;
}

/*NIEUWS BERICHTEN BLAUW - Juiste uitlijning*/
.jet-smart-listing__post-wrapper:nth-child(odd) .jet-smart-listing__post.has-post-thumb.has-thumb-postion-top {
    margin-left: 0px;
		margin-right: 10px
}
.jet-smart-listing__post-wrapper:nth-child(even) .jet-smart-listing__post.has-post-thumb.has-thumb-postion-top {
    margin-left: 10px;
}

/*Events Page*/

.events-list {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.event .event-more a {
	padding: 4px 12px;
	background: #BBB;
	border-radius: 3px;
	color: #FFF;
	position: absolute;
	bottom: 12px;
	right: 12px;
}

.css-events-list .events-wrap {
	margin-bottom: 42px;
}

.events-list .flag-wrap .flag {
	width: 30px;
	margin-right: 6px;
	vertical-align: -3px;
	border: 1px solid #BBB;
}

.events-list .event-more {
	display: block;
	margin: 12px 0;
}

.event-category a:empty {
	display: none;
}

div.css-search {
	height: 40px !important;
	min-height: 0 !important;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	padding: 0 !important;
}

div.css-search div.em-search-field {
	padding: 2px 0 0 20px !important;
}

div.css-search div.em-search-main div {
	display: inline-block !important;
	width: calc(100% - 40px) !important;
}

div.css-search div.em-search-text {
	background-position: 0px 10px !important;
	background-repeat: no-repeat !important;
}

div.css-search div.em-search-main .em-search-submit {
	height: 40px !important;
	width: 40px !important;
	background: #BBB !important;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	top: -1px !important;
	right: 0 !important;
}

div.css-search div.em-search-main .em-search-submit:hover {
	background: #888 !important;
	color: #FFF !important;
}

/* Pagination Events Page */
span.em-pagination .page-numbers {
	margin: 0;
	padding: 5px 12px;
	border: 1px solid #e3e3e3;
	background: #FFF;
	font-size: 14px;
}

span.em-pagination .page-numbers.current {
	background: #BBB;
	border: 1px solid #BBB;
	color: #FFF;
}

span.em-pagination .page-numbers:hover {
	color: #FFF;
	background: #888;
}

/*events*/
.em-item-image, .em-item-taxonomies {
	display:none;
}
.jet-button__state,.jet-button__label {
	transition: all 0.4s ease-in-out;
}

/* large news items at the top of the homepage */
.elementor-element .jet-smart-tiles__box::after {
	content: "";
	background-color: rgba(0,0,0,0);
	transition: 0.4s all ease-in-out;
	position: absolute!important;
	inset: 0!important;
	z-index: 0;
}
.jet-smart-tiles__terms > a {
	transition: 0.4s all ease-in-out;
	
}

 .elementor-element .jet-smart-tiles__box:hover::before {

	background-color: transparent;
	background-image: linear-gradient(180deg, #FFFFFF00 0%, var( --e-global-color-accent ) 100%)!important;
}

 .elementor-element .jet-smart-tiles__box:hover::after {

	background-color: rgba(0,0,0,0.1)!important;
}
/* small news items*/
.elementor-element .jet-smart-listing__post .jet-smart-listing__post-thumbnail:hover a::before {
	background-color: transparent;
background-image: linear-gradient(180deg, #FFFFFF00 0%, var( --e-global-color-primary ) 100%)!important;
}
.elementor-element .jet-smart-listing__post .jet-smart-listing__post-thumbnail a::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0,0,0,0);
	transition: 0.4s all ease-in-out;
}
.elementor-element .jet-smart-listing__post .jet-smart-listing__post-thumbnail:hover a::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0,0,0,0.2);
	transition: 0.4s all ease-in-out;
}

/*larger news block second type on the page */
.elementor-element .jet-smart-listing__featured .jet-smart-listing__post-thumbnail:hover a::before{
	background-color: transparent;
background-image: linear-gradient(180deg, #59241733 0%, var( --e-global-color-primary ) 100%);
}
.elementor-element .jet-smart-listing__featured .jet-smart-listing__post-thumbnail a::after{
	content: "";
	position: absolute;
	inset: 0;
	background-color: rgba(0,0,0,0);
	transition: 0.4s all ease-in-out;
}
.elementor-element .jet-smart-listing__featured .jet-smart-listing__post-thumbnail:hover a::after{
	background-color: rgba(0,0,0,0.1);
}

.event {
	margin-bottom: 25px;
}
.events-list {
	display: flex;
	flex-direction: column;
}
.events-page .event-country-text {
	display: block;
	align-items: center;
}
.event-footer {
	display: flex;
	gap: 5px;
	align-items: center;
	line-height: 0;
}

.event-footer .event-country-text, 
.event-footer .event-more{
	    font-family: 'BarlowCondensed', sans-serif;
    font-size: 14px;
    line-height: 0px;
}
.event .event-more a{
	display:block;
	align-items: bottom;
	text-decoration:underline;
}

.event-date {
text-transform: none;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 5px;
}
.event .event-more a {
	position: relative;
	margin-top: 12px;
	margin-left: 12px;
	display:inline-flex;
	background-color: transparent;
	color: #D97826;
	padding: 0;
	margin: 0;
	bottom: unset;
	right: unset;
}
.event .event-more a:focus-visible {
	outline: none;
}
.events-list .event {
		display: flex;
	gap: 20px;
	flex-direction: row;
}
.event-filters {
	display: flex; 
	gap: 20px;
	margin-bottom: 20px;}
.em-search-views {
	margin-right: 20px;
}
.events-page .event-title h3 a {
	font-family: 'BarlowCondensed-SemiBold',;
	font-weight:600;
  font-size: 18px;
  color: #000;
	margin:0;
}
.events-page .event-title h3 {
	margin: 0;
}
.events-page .em-search-scope.em-search-field.em-datepicker,
.events-page .em-search-views{display: none;}
.events-page .em.pixelbones .input button.button-primary:hover,
.events-page .em.pixelbones .input button.button-primary {
	--button-primary-color: #fff!important;
	--accent-color: #D97826!important;
	border-radius: 0!important;
}
.events-page .event-filter {
	position: relative;
}
.events-page .event-filter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
	min-width: 160px;
	border: none;
	height: 50px;
}
.events-page .em.pixelbones .input button.button-primary
.events-page .event-filters .btn-orange { 
	display: inline-flex;
	align-items:center;
	padding: 0;
	margin: 0;
	line-height: 0;
	height: 50px;
	color: #fff;
	background-color: #D97826;
	text-align: center;
	justify-content: center;
	position: relative;
}
.events-page .event-filters .btn-orange {
  position:relative;
  transition: 0.3s all ease-in-out;
  border: 1px solid #D97826;
  border-radius: 4px!important;
  height: 50px;
  display: inline-flex;
  min-width: 100px;
  background: #D97826;
  color: #fff;
	justify-content: center!important;
	line-height: 10px;
	align-items: center!important;
	text-align: center;
	align-content: center!important;
	padding-right: 40px;
}
.events-page .event-filters .btn-orange:hover::after {
	
	  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAMAAABLAV/qAAAA7VBMVEUAAAD/gAD/VQDVgCvbbSTfgCDjcRzYdifddyLVcSvXeSjeeiHVdSvbdiTXeCjaeCbbdSTXeCjYdifZeCbZdibaeSXbdiTbeSTXdyjadyXbeSTYeifadiXZeSbZeSbYeSfYeCfZdybYeCXZeCbYeCfaeCbZeCbZdybYeCfZeCbZeCbaeCXYeSfZeCbZeSbaeCbYeCfZdybZdybZeCbaeCXYeCfZeCbZeCbZeCbYeCfZeCbZdybZeCbZeCbZeCbYeCfZeCbZeCbZeCbZeCbaeCbZdybZeCbZeCbZeCbZeCbZeCbZeCbZeCbZeCb////+MXnHAAAATXRSTlMAAgMGBwgJDQ8SExcYHCAiIzM0NTY3ODk6Pj9BRUpQVFVeaGp9iIyNkZ+ipKWmqaqsra+wsbKztLW5u8/X2N3h5ujq6+7v8PH0+Pr7/pocjEgAAAABYktHRE4ZYXHfAAAA4UlEQVQoz23SeXvBQBAG8EGkrtKg7hK0jlL33dJKRKvM9/86NnbWbjzefzb5ZZLdnQ2Am1j7BW5TsRHfHzwU+kA3m6xij5/Ic6heLbNFkdObj3CAMk6CMDC92j4Nup90JuwZ9FUTPMpMmyPWhbJr/M1AcMnGY4mUVfzlxRtWlFQfZuW3x3IPyirkJl7lctf3Kk2aqWNAYELWpaoJOimhP2Fh6Kq2YON/kduYdyN5eVpTjbTBbSQ7Z4DGu9RT+mmLfuYsiS3ReXj6IjrWlZOL8Jm+C95zN3eI/fDt3xDvl9XbMyngSR7HwcCuAAAAAElFTkSuQmCC')
}
.events-page .event-filters .btn-orange:hover {
	background-color: #fff;
	color: #D97826;
}

.events-page .event-filters .btn-orange::after { 
	--icon-size: 25px;
	content: "";
	display: inline-block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	height: var(--icon-size);
	width: var(--icon-size);
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAABmJLR0QA/wD/AP+gvaeTAAABUklEQVRIia3Uv04UURQH4A0kLFsQEy2gsCD6CIouFBAKGioKaK0N72BvIQVPQGKURIJh0aUgPIQlNhY2hkDiamJB2ISPwpkw2cz9M4Rfe3K/OTP3zGm1aoIZ7GC1rt4oWMeF27zH1F2gB9hVnx+Yb4I9xrcAVuYSr3KwLs4SWJlrvMVYDNzPxMoM8CQGTuBLJvYHL4pzHYzH0K8Z2MsKdoKtVKchtIq10a/UNlNofwT7i25Rn8TxSH2IlRha7eAfFjPe4BzTMbSDz4phTmBlekGw5jPkTkHW4L/JxOD7fXe4EULa+IBnFfQwgX2MdVQeHmAuA/2FhymsTBVt42ikfoXlENYLdDDA88BDXzfFYui7EHaQwKpoeVFtddsGnzKxMhcS+3DB/38xN9tiG7tAn+I0AQ3FVlUN+kj4Yn5iKRsbgTfwu4LtqRvahuhsAa01PXsDOuun/CZax90AAAAASUVORK5CYII=');
}
.events-page .event-filter:last-of-type::after {
	display: none;
}

.events-page .em.pixelbones .input button.button-primary{
	font-size: 1em!important;
	height: 50px!important;
	background-color: #D97826;
	padding: 10px;
		border:  none!important;
	transform: scale(1.01);
}

.events-page .em.pixelbones .input {
	position:relative;
}

.events-page .em.pixelbones .input button.button-primary {
	padding-right: 40px!important;
}

.events-page .em.pixelbones .input::after {
--icon-size: 15px;
content: "";
display: inline-block;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
right: 10px;
	top:50%;
	transform: translateY(-50%);
height: var(--icon-size);
width: var(--icon-size);
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAABmJLR0QA/wD/AP+gvaeTAAABUklEQVRIia3Uv04UURQH4A0kLFsQEy2gsCD6CIouFBAKGioKaK0N72BvIQVPQGKURIJh0aUgPIQlNhY2hkDiamJB2ISPwpkw2cz9M4Rfe3K/OTP3zGm1aoIZ7GC1rt4oWMeF27zH1F2gB9hVnx+Yb4I9xrcAVuYSr3KwLs4SWJlrvMVYDNzPxMoM8CQGTuBLJvYHL4pzHYzH0K8Z2MsKdoKtVKchtIq10a/UNlNofwT7i25Rn8TxSH2IlRha7eAfFjPe4BzTMbSDz4phTmBlekGw5jPkTkHW4L/JxOD7fXe4EULa+IBnFfQwgX2MdVQeHmAuA/2FhymsTBVt42ikfoXlENYLdDDA88BDXzfFYui7EHaQwKpoeVFtddsGnzKxMhcS+3DB/38xN9tiG7tAn+I0AQ3FVlUN+kj4Yn5iKRsbgTfwu4LtqRvahuhsAa01PXsDOuun/CZax90AAAAASUVORK5CYII=');
}
.events-page .em.pixelbones .input button.button-primary:hover{
	font-size: 1em!important;
	height: 50px!important;
	background-color: #D97826!important;
	border:  1px solid #D97826!important;
	padding: 10px;
	
}

.events-page .em-search-main.em-search-main-bar{ padding: 0!important;}
.events-page .event-filter select{
    font-weight: bold;
		font-size: 1.1em;
}
.events-page .event-filter::after {
	--icon-size: 15px;
	content: "";
	display: block;
	height: var(--icon-size);
	width: calc(var(--icon-size) * 2);
	z-index:100;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	 background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTggMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+YXJyb3ctYmxhY2s8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImFycm93LWJsYWNrIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNOC45NjE0Mjg1Nyw1LjczNDI4NTcxIEwxMy4zNjUsMTAuMTEyMTQyOSBDMTIuMTE3NzIsMTEuMjkxMjM2MyAxMC43NTE4ODg5LDEyLjMzODIyOTkgOS4yODkyODU3MSwxMy4yMzY0Mjg2IEw5LjI4OTI4NTcxLDEzLjIzNjQyODYgTDguOTgwNzE0MjksMTMuNDIyODU3MSBMOC42Nzg1NzE0MywxMy4yMzY0Mjg2IEM3LjIwNzg3NDU1LDEyLjM0MzM3MjkgNS44MzM0MjgsMTEuMzAwNjg5MyA0LjU3NzE0Mjg2LDEwLjEyNSBMNC41NzcxNDI4NiwxMC4xMjUgTDguOTYxNDI4NTcsNS43MzQyODU3MSBaIE0zLjUzNTcxNDI5LDAuMzIxNDI4NTcxIEw3LjkzOTI4NTcxLDQuNzEyMTQyODYgTDMuNTM1NzE0MjksOS4wOTY0Mjg1NyBDMi4zNTU5MDE2LDcuODQyNzgzNDcgMS4zMDg5MDM1OCw2LjQ3MDQ4MzU5IDAuNDExNDI4NTcxLDUuMDAxNDI4NTcgTDAuNDExNDI4NTcxLDUuMDAxNDI4NTcgTDAuMjI1LDQuNjk5Mjg1NzEgTDAuNDExNDI4NTcxLDQuMzkwNzE0MjkgQzEuMzA4MDc5MiwyLjkyOTAzMDI1IDIuMzU1MjA4NjIsMS41NjUxNzY1MSAzLjUzNTcxNDI5LDAuMzIxNDI4NTcxIEwzLjUzNTcxNDI5LDAuMzIxNDI4NTcxIFogTTE0LjM4MDcxNDMsMC4zMjE0Mjg1NzEgQzE1LjU1MzM3NDcsMS41NzMzMDM3MiAxNi41OTU4NjYyLDIuOTQxMDM1MjcgMTcuNDkyMTQyOSw0LjQwMzU3MTQzIEwxNy40OTIxNDI5LDQuNDAzNTcxNDMgTDE3LjY3ODU3MTQsNC43MTIxNDI4NiBMMTcuNDkyMTQyOSw1LjAxNDI4NTcxIEMxNi41OTM5NDQxLDYuNDc2ODg4ODkgMTUuNTQ2OTUwNiw3Ljg0MjcxOTk2IDE0LjM2Nzg1NzEsOS4wOSBMMTQuMzY3ODU3MSw5LjA5IEw5Ljk2NDI4NTcxLDQuNzEyMTQyODYgTDE0LjM4MDcxNDMsMC4zMjE0Mjg1NzEgWiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+');
}
.em-search-main .em-search-main-bar {
	position: relative;
}

.event-country{
	align-items: normal!important;
}
.em.em-search .em-search-main.em-search-main-bar, .em.em-search-advanced .em-search-main.em-search-main-bar{
	background-color: #eee;
}
.em-search-text:after{
	display:none!important;
}
.em.em-search .em-search-main input.em-search-text{
	background: #eee!important;
	font-size: 16px;
  line-height: 16px;
}

.event-filters .event-filter select{
	position: relative;
    background-color: #EEEEEE;
    padding: 6px 30px 5px 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'BarlowCondensed-SemiBold', sans-serif;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(./images/arrow-black-down.svg);
    background-repeat: no-repeat;
    background-position: calc( 100% - 5px) center;
    border: none;
}

.event-filters{
	margin-bottom:50px;
}

.page-with-sidebar .events-wrap .events-list .event .event-desc .event-footer .event-country-text{
    font-family: 'BarlowCondensed', sans-serif;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
}

/* Gravity Forms + Elementor buttons*/
.gform_button.button, .elementor-kit-1712 input[type="submit"]{
	width: 33.3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: calc( 100% - 15px) center;
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAAABmJLR0QA/wD/AP+gvaeTAAABUklEQVRIia3Uv04UURQH4A0kLFsQEy2gsCD6CIouFBAKGioKaK0N72BvIQVPQGKURIJh0aUgPIQlNhY2hkDiamJB2ISPwpkw2cz9M4Rfe3K/OTP3zGm1aoIZ7GC1rt4oWMeF27zH1F2gB9hVnx+Yb4I9xrcAVuYSr3KwLs4SWJlrvMVYDNzPxMoM8CQGTuBLJvYHL4pzHYzH0K8Z2MsKdoKtVKchtIq10a/UNlNofwT7i25Rn8TxSH2IlRha7eAfFjPe4BzTMbSDz4phTmBlekGw5jPkTkHW4L/JxOD7fXe4EULa+IBnFfQwgX2MdVQeHmAuA/2FhymsTBVt42ikfoXlENYLdDDA88BDXzfFYui7EHaQwKpoeVFtddsGnzKxMhcS+3DB/38xN9tiG7tAn+I0AQ3FVlUN+kj4Yn5iKRsbgTfwu4LtqRvahuhsAa01PXsDOuun/CZax90AAAAASUVORK5CYII=');
	background-size: 15px;
}

.gform_wrapper [type=button], 
.gform_wrapper [type=submit], 
.gform_wrapper button, .elementor-kit-1712 input[type="submit"]{
	border: solid 1px #D97826;
}


.gform_wrapper [type=button]:hover, 
.gform_wrapper [type=submit]:hover, 
.gform_wrapper button:hover{
	background-color:transparent!important;
	border-radius: 4px!important;
	border-color: #EEE;
}


.elementor-kit-1712 input[type="submit"]:hover{
	background-color:transparent!important;
	border-radius: 4px!important;
	border-color: #D97826;
	color:#D97826!important;
}