/*
Theme Name: Gastrobar
Theme URI: https://vandenbusken.nl
Author: Lennart Mouris
Author URI: https://vandenbusken.nl
Description: Visual Composer Starter theme designed to be a perfect companion for a simple and good looking website.
Version: 3.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: featured-images, full-width-template, blog
Text Domain: visual-composer-starter
*/


/* Fonts */
@font-face {
  font-family: 'Knockout-HTF49-Liteweight';
  src: url('fonts/Knockout-HTF49-Liteweight.woff2') format('woff2'), /* Super modern browsers */
       url('fonts/Knockout-HTF49-Liteweight.woff') format('woff'); /* Modern browsers */
}

@font-face {
  font-family: 'Knockout-HTF28-JuniorFeatherwt';
  src: url('fonts/Knockout-HTF28-JuniorFeatherwt.woff2') format('woff2'), /* Super modern browsers */
       url('fonts/Knockout-HTF28-JuniorFeatherwt.woff') format('woff'); /* Modern browsers */
}

@media only screen and (max-width: 768px) {
	.container {
		width: calc(100% - 30px);
	}

}


/* Formitable */
.formitable-row {
	height: 0;
	position: absolute;
}

/* Cookie Consent */
#cookie-law-info-bar {
	font-size: 0.75em!important;
}

.cli-plugin-button {
	font-size: 24px!important;
}

/* Header */
body.navbar-no-background #header {
	position: fixed;
	z-index: 99;
	width: 100%;
	max-width: 170px;
}

@media only screen and (max-width: 520px) {
	body.navbar-no-background #header {
		max-width: 70px;
	}
}

.navbar-brand {
	display: none;
}

body.menu-sandwich .navbar-toggle {
	float: none;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.7);
}

.nav-lang-select {
	position: absolute;
	right: 30px;
	z-index: 2;
	padding: 25px 15px;
}

@media only screen and (max-width: 520px) {
	.nav-lang-select {
		right: 0;
	}
	.nav-lang-select span.wpml-ls-native {
		display: none;
	}
}


/* Navigation */
#main-menu {
	left:0;
	margin-left: -270px;
}
#main-menu.open {
	margin-left: 0;
}

#main-menu > ul > li:not(.wpml-ls-item) > a {
	font-family: 'Knockout-HTF49-Liteweight'!important;
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#main-menu > ul > li.wpml-ls-item > a {
	font-family: 'Knockout-HTF28-JuniorFeatherwt';
}

ul.nav-secondary {
	list-style: none;
	margin:0;
	padding:0;

	font-family: 'Knockout-HTF28-JuniorFeatherwt';
}
ul.nav-secondary li {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}
.nav-secondary a {
 	color: #fff;
}

.expanded {
	display: none;
}

/* Visual Composer overwrites */

.content-wrapper, 
.main-content {
	padding: 0;
}

.wpb_revslider_element.wpb_content_element {
	margin-bottom: 0;
}
.navbar-toggle {
	margin-right: 0;
}
.navbar-toggle .icon-bar {
	width: 34px;
	height: 5px;
	border-radius: 2px;
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 6px;
}

/* Gravity Forms Overwrites */ 
h3.gf_progressbar_title {
	text-transform: uppercase;
	color: #fff;
	opacity: 1!important;
}

.gform_wrapper .gf_progressbar {
	padding: 0!important;
	background: #fff!important;
	border-radius: 0!important;
	width: 100%!important;
}

.gform_wrapper .gf_progressbar:after {
	display: none!important;
}

.gform_wrapper .gf_progressbar_percentage {
	background: #bf9961!important;
	border-radius: 0!important;
	text-shadow: none!important;
}

.gform_wrapper .gf_progressbar_percentage span {
	display: none!important;
}

.gform_wrapper input[type="text"], 
.gform_wrapper select, 
.gform_wrapper textarea {
	border: none;
	background: #fff;
	color: #3c3c3b;
}

.gform_wrapper span.gfield_required {
	color: #fff;
}

.gform_wrapper .gform_page_footer .button.gform_next_button, 
.gform_wrapper .gform_page_footer .button.gform_previous_button, 
.gform_wrapper .gform_page_footer .button.gform_button {
	background: #bf9961;
	border: solid 3px #bf9961;

	font-family: 'Knockout-HTF49-Liteweight';
	font-size: 24px;
	text-transform: uppercase;

	padding: 9px 25px 7px 25px;

	border-radius: 6px;

}

.gform_wrapper .gform_page_footer .button.gform_previous_button {
	background: none;
	border: solid 3px #fff;
}


.gform_wrapper {
	color: #fff;
}

.gform_wrapper .top_label .gfield_label {
	
}


.gform_wrapper li.gfield.gfield_error {
	background-color: transparent!important;
    border-top: none!important;
    border-bottom: none!important;
    padding: none!important;
}

.validation_error {
	display: none;
}

.gform_page_footer {
	border-top: 0!important;
	text-align: center;
}

.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
	margin-top: 0!important;
}

/* Gravity Forms Gift Cards */
#giftcards .gfield_required {
	display: none;
}

/* Gravity Forms Contact */
#contact .gfield_required {
	display: none;
}

#contact ul>li {
	padding-left: 0!important;
}


/* Gravity Forms Newsletter */
#newsletter h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 0.1em;
}

@media only screen and (min-width: 520px) {
	#newsletter h3 {
		font-size: 2.4em;
	}
}

.gform_fields li:before {
	display: none;
}
#newsletter li {
	padding-left: 0;
}

#newsletter .button, .button {
	background: #e03434;

	font-family: 'Knockout-HTF49-Liteweight';
	font-size: 24px;
	text-transform: uppercase;

	padding: 8px 20px;

	border-radius: 2px;
	border: none;

	margin-top: 2px;
}

#newsletter .gform_wrapper .top_label div.ginput_container, 
#newsletter .gform_wrapper .top_label div.ginput_container input {
	margin-top: 2px;	
}


#newsletter .gform_heading, 
#newsletter h3 {
	margin-bottom: 0!important;
}
#newsletter ul,
#newsletter ul li.gfield {
	margin-top: 0!important;
}
.aanhef-select li {
	float: left;
	margin-right: 0.5em!important;
}

#newsletter .gform_wrapper div.validation_error, 
#newsletter .gform_wrapper .validation_message, 
#newsletter .gform_wrapper li.gfield_error ul.gfield_checkbox, 
#newsletter .gform_wrapper li.gfield_error ul.gfield_radio {
	color: #e82c07;
}

#newsletter .gform_wrapper li.gfield.gfield_error .validation_message {
	padding-top: 0;
}
#newsletter .gform_wrapper .gfield_checkbox li input {
	vertical-align: top;
}
#newsletter .gform_wrapper ul.gfield_checkbox li label {
	font-size: 0.7em;
	line-height: 1;
}


#newsletter .gform_wrapper .newsletter-naam div.ginput_container input {
	margin-top: 0;
}

#newsletter .ginput_container_email {
	margin-bottom: 10px;
}


/* Gravity Forms Groepen */
.groepen-wrapper .gform_footer {
	text-align: center;
}
@media only screen and (max-width: 600px) {
	.groepen-wrapper ul>li {
		padding-left: 0;
	}

}


/*
@media only screen and (min-width: 868px) {
	#newsletter .gform_heading {
		width: 30%;
		float: left;
	}

	#newsletter .gform_body {
		width: 50%;
		float: left;
		text-align: right;
	}

	#newsletter .gform_footer {
		padding: 0;
		width: 20%;
		float: left;
		clear: none;
		text-align: right;
	}
}*/

/* General - Text */

html body {
	color: #000;
	font-family: 'Knockout-HTF28-JuniorFeatherwt';
	font-size: 30px;
	line-height: 1.3em;
}

body h1, 
body h2, 
body h3, 
body h4 {
	font-family: 'Knockout-HTF49-Liteweight';
	color: #000;
}

@media only screen and (max-width: 520px) {
	.mob-title {
		font-size: 2em!important;
	}
	.mob-title-sm {
		font-size: 1em!important;
	}
}

body h1 {
	font-size: 60px;
}

@media only screen and (min-width: 600px) {
  body h1 {
  	font-size: 120px;
  }
}

.btn {
	display: inline-block;
	background: #e03434;

	font-family: 'Knockout-HTF49-Liteweight';
	font-size: 24px;
	text-transform: uppercase;

	padding: 8px 20px;

	border-radius: 2px;

	/* Revolution overwrites */
	color: #fff!important;
	border: none!important;
}

@media only screen and (max-width: 600px) {
	.Restaurant-text .btn {
		font-size: 36px;
	}
}

.Restaurant-text .btn {
	padding: 8px 15px;
}

.btn-outline {
	background: transparent;
	border: solid 2px #fff!important;
}

.back-link {
	font-size: 24px;
}
.back-link a {
	color: #fff;
	border-bottom-style: none!important;
}

/* Restaurant slider */
.restaurant-slider-text {
	text-align: center!important;
}

.border-gold img {
	border: solid 10px #c09a5d!important;
}

/* Events slider */
/*.events-slider-logo {
	width: 10%;
	max-width: 200px;
	height: auto;
}*/

@media only screen and (max-width: 480px) {
	.events-slider-logo {
		width: 120px!important;
		height: auto!important;
	}
}

/* Events overzicht */
.events-header {
	width: 100%;
	box-sizing: border-box;
	padding-top: 150px;
	padding-bottom: 150px;
	background: url('/wp-content/uploads/2019/10/rongastrobar-events.jpg') center;
	background-size: cover;
	text-align: center;
}

.events-header h1 {
	color: #fff;
	font-size: 6em;
}

.events-intro h2 {
	font-size: 4.5em;
	line-height: 0.9;
}

.events-intro p {
	margin-left: 50px;
	padding-top: 10px;
}

.events-intro > div { 
	max-width: 1170px;
	padding: 50px 20px 50px 20px;
	box-sizing: border-box;
	background-size: contain;
	position: relative;
	margin: auto;
}

@media only screen and (min-width: 520px) {
	.events-intro > div { 
		padding: 80px 420px 80px 30px;
		background: url('/wp-content/uploads/2019/05/events-ei.png') right center no-repeat;
	}
}

.post-type-archive-tribe_events .entry-content {
	padding: 20px;
}

#tribe-events-content-wrapper {
	background: -moz-linear-gradient(-45deg, rgba(224,52,52,0.2) 0%, rgba(211,158,70,0.2) 18%, rgba(46,43,108,0.2) 34%, rgba(232,182,69,0.2) 51%, rgba(70,75,62,0.2) 68%, rgba(192,154,93,0.2) 85%, rgba(224,52,52,0.2) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(224,52,52,0.2) 0%,rgba(211,158,70,0.2) 18%,rgba(46,43,108,0.2) 34%,rgba(232,182,69,0.2) 51%,rgba(70,75,62,0.2) 68%,rgba(192,154,93,0.2) 85%,rgba(224,52,52,0.2) 100%);
	background: linear-gradient(135deg, rgba(224,52,52,0.2) 0%,rgba(211,158,70,0.2) 18%,rgba(46,43,108,0.2) 34%,rgba(232,182,69,0.2) 51%,rgba(70,75,62,0.2) 68%,rgba(192,154,93,0.2) 85%,rgba(224,52,52,0.2) 100%);
}

#tribe-events-content.tribe-events-list {
	padding: 20px;
	max-width: 1170px;
	box-sizing: border-box;
	position: relative;
	margin: auto;
}

#tribe-events-bar, 
#tribe-events-footer,
.tribe-events-ical {
	display: none;
}
.tribe-events-list-separator-month {
	clear: both;

	text-transform: uppercase;
	font-size: 2em;
}
.tribe-events-loop {

}
.gastrobar-event {
	margin-left:2%;
	margin-right: 2%;
	margin-bottom: 30px;
	display: block;
	padding: 40px;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
}

.gastrobar-event:hover {

}

.tribe-events-list-event-title {
	text-transform: uppercase;
	font-size: 1.8em;
	line-height: 0.9em!important;
}

.tribe-event-schedule-details {
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 30px;
}

.tribe-event-schedule-details, 
.cat-ron-gastrobar .tribe-event-schedule-details {
	color: #d39e46;
}
.cat-ron-gastrobar-indonesia .tribe-event-schedule-details { color: #6d78ff; }
.cat-ron-gastrobar-indonesia-downtown .tribe-event-schedule-details { color: #e03434; }
.cat-ron-gastrobar-oriental .tribe-event-schedule-details { color: #d39e46; }

.cat-ron-gastrobar .btn { background: #d39e46;}
.cat-ron-gastrobar-indonesia .btn { background: #2e2b6c; }
.cat-ron-gastrobar-indonesia-downtown .btn { background: #e03434; }
.cat-ron-gastrobar-oriental .btn { background: #d39e46; }

@media only screen and (min-width: 768px) {

	.month-wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	.gastrobar-event {
		flex: 0 50%;
		max-width: 46%;
		margin-bottom: 50px;
	}

}

.gastrobar-event, 
.gastrobar-event a {
	color: #fff;
}

/* Events single template */
.events-single-header {
	padding-bottom: 130px;
}

.events-single-header h1 {
	text-transform: uppercase;
	font-size: 3em;
	line-height: 0.9;
	margin-bottom: 0;
}

.events-single-header h2 {
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 0.9;
	color: #fff;
	margin-bottom: 0;
}

@media only screen and (min-width: 520px) {
	.events-single-header h1 {
		font-size: 5em;
	}
	.events-single-header h2 {
		font-size: 2em;
	}
}

.tribe-events-single {
	margin: auto;
	position: relative;
	max-width: 900px;
	padding: 70px 20px 30px 20px!important;
	box-sizing: border-box;
}

/* Locatie Map */
.map-wrapper {
	position: relative;
}
#map {
	max-height: 100vh;
	height: 630px;
	width: 100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.map-cols {
	font-family: 'Knockout-HTF28-JuniorFeatherwt';
	font-size: 18px;
}

.gm-style h3, 
.mapboxgl-popup-content h3 { 
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.gm-style a, 
.mapboxgl-popup-content a {
	color: #000;
}

.mapboxgl-popup-content {
    text-align: left;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 2px 20px 1px rgba(0,0,0,0.2);
}

.mapboxgl-popup-tip {
    border-bottom-color: rgba(255,255,255,0.9);
}

@media only screen and (min-width: 520px) {
	.map-cols {
		min-width: 240px;
	}
	.map-col {
		width: 50%;
		float: left;
	}
}
.gm-style .gm-style-iw-c {
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 2px 20px 1px rgba(0,0,0,0.2);

}
.map-title {
	width: 100%;
	padding: 20px 30px;
	box-sizing: border-box;
	z-index: 1;
	background-color: rgba(255,255,255,1);

	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.map-title h2 { 
	font-size: 50px;
	margin-bottom: 0;
}

.marker {
    background-size: cover;
    width: 70px;
    height: 93px;
    border-radius: 50%;
    cursor: pointer;
}


/* Footer */
footer .footer-widget-area {
	background-color: transparent;
	font-size: 20px;
	line-height: 1.2;
	padding: 80px 0 70px 0;

}

footer a {
    border-bottom-color: white!important;
}

footer .footer-widget-area h3.widget-title {
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
}

footer .footer-widget-area .col-md-6:nth-child(2){
	text-align: right;
}

/*
.footer-columns > div {
	width: 25%;
	float: left;
	text-align: center;
}

.footer-columns > div > img {
	width: 80%;
	max-width: 80px;
	margin: 0 0 20px 0;
}
.footer-columns > div > a {
	text-decoration: none;
}
.footer-columns > div > a img {
	max-width: 30px!important;
	margin-bottom: 15px;
}*/

/* Locaties algemeen */

.border-vimeo {
		margin-right: 60px;
}
@media only screen and (max-width: 520px) {
	.border-vimeo {
		border-width: 5px!important;
		margin-right: 0!important;
	}
}

.logo-width-mob .vc_single_image-wrapper {
	padding: 0 80px 0 80px;
}

.vc_row.bg-right, 
.bg-right .vc_column-inner {
	background-position: top right!important;
}
@media only screen and (max-width: 768px) {
	.vc_row.bg-hide-mob {
		background-image: none!important;
	}
}

.white-content, 
.white-content h1, 
.white-content h2, 
.white-content h3
{
	color: #fff;
}

.content-width {
	max-width: 500px;
}

.content-pullright {
	float: right;
}

.half-col-bg, 
.half-col-bg-right {
	padding: 0!important;
}

@media only screen and (max-width: 768px) {
	.half-col-bg, 
	.half-col-bg-right {
		height: 300px;
	}
}

.half-col-bg-white {
	border-top: solid 10px #fff;
	border-bottom: solid 10px #fff;
	border-right: solid 10px #fff;
}

.half-col-bg-gold {
	border-top: solid 10px #c09a5d;
	border-bottom: solid 10px #c09a5d;
	border-left: solid 10px #c09a5d;
}

.half-col-bg-blue {
	border-top: solid 10px #2e2b6c;
	border-bottom: solid 10px #2e2b6c;
	border-left: solid 10px #2e2b6c;
}

.half-col-bg-dark {
	border-top: solid 10px #3c3c3b;
	border-bottom: solid 10px #3c3c3b;
	border-right: solid 10px #3c3c3b;
}

.half-col-bg-gold-ori {
	border-top: solid 10px #d39e46;
	border-bottom: solid 10px #d39e46;
	border-left: solid 10px #d39e46;
}

.half-col-bg-red-right {
	border-top: solid 10px #e03434;
	border-bottom: solid 10px #e03434;
	border-left: solid 10px #e03434;
}

.half-col-bg-red-left {
	border-top: solid 10px #e03434;
	border-bottom: solid 10px #e03434;
	border-right: solid 10px #e03434;
}

/* Sophialaan */
.sophialaan-wrapper .btn {
	background-color: #c09a5d;
}

/* Indonesia */
.indonesia-wrapper .btn {
	background-color: #2e2b6c;
}
.indonesia-wrapper,
.indonesia-wrapper h1,
.indonesia-wrapper h2,
.indonesia-wrapper h3 {
	color: #2e2b6c;
}

/* Oriental */
.oriental-wrapper .btn {
	background-color: #d39e46;
}
.oriental-wrapper,
.oriental-wrapper h1, 
.oriental-wrapper h2, 
.oriental-wrapper h3 {
	color: #d39e46;
}

.oriental-wrapper-alt, 
.oriental-wrapper-alt h1,
.oriental-wrapper-alt h2,
.oriental-wrapper-alt h3 {
	color: #3c3c3b;
}

.oriental-wrapper-alt .btn-outline {
	border: solid 2px #3c3c3b!important;
	color: #3c3c3b!important;
}

/* Downtown */
.downtown-wrapper,
.downtown-wrapper h1,
.downtown-wrapper h2,
.downtown-wrapper h3 {
	color: #464b3e;
}

.downtown-wrapper-alt {
	color: #e8b645;
}

.downtown-wrapper .btn, 
.downtown-wrapper-alt .btn {
	/*border-radius: 40px;*/
}

.leaves-footer:before {
	z-index: 2;
	display: block;
	height: 80px;
	width: 100%;
	position: fixed;
	right: 200px;
	bottom: 0;

	background: url('/wp-content/uploads/2019/04/leaves-bottom.png') center right;
}