/*------------------------------------------------------
CUSTOM STYLES BAR CAMPO
------------------------------------------------------*/

* {
	font-feature-settings: "tnum";
}

html {
	background: #f0eee9;
}

body {
	font: 300 15px/18px "sofia-pro", sans-serif;
	letter-spacing:0.01em;
	color: #232b28;
}

h1 {
	margin: 0;
	padding: 0;
	font: 500 38px/42px "sofia-pro", sans-serif;
	letter-spacing: 0.01em;
	margin-bottom: 25px;
}

h2 {
	margin: 0;
	padding: 0;
	font: 500 18px/18px "sofia-pro", sans-serif;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin-bottom: 38px;
	text-transform: uppercase;
}

a {
	outline: none;
	text-decoration: none;
	cursor: pointer;
	color: #ddd;
	-webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

a:hover {
	color:#e5d3bf;
}

.event_bubble .event_date, .event_bubble .event_time {
	display: block !important;
	visibility: visible !important;
}

/*------------------------------------------------------
Animated Home
------------------------------------------------------*/

.animated_home h1 {
	width:650px;
	height:102px;
	text-indent: -10000px;
	background:url('../images/barcampo_xl.svg') no-repeat center center;
	background-size:650px 102px;
}

.top_logo {
	background: transparent url('../images/barcampo_s.svg') no-repeat center center;
	background-size:185px 29px;
}

/*------------------------------------------------------
EVENT BUBBLE
------------------------------------------------------*/

.event_bubble_bg {
	background:rgba(245,245,245,0.8);
	background-size:100% 100%;
	-webkit-transition:background 0.3s ease-out, opacity 0.3s ease-out;
	transition:background 0.3s ease-out, opacity 0.3s ease-out;
}

.event_bubble_bg.rollover {
	background:rgba(245,245,245,1);
}

.event_bubble .event_date, .event_bubble .event_time {
	font: 500 12px/18px "sofia-pro", sans-serif;
	color:#fff;
	letter-spacing: 0.45em;
}

.event_bubble .event_title {
	font: 300 34px/42px "sofia-pro", sans-serif;
	letter-spacing: 0.05em;
	margin:26px 0;
   color: #232b28;
}

/*------------------------------------------------------
MAIN CONTENT
------------------------------------------------------*/

/* Top Text */

.main_content .main_content_inside_700.main_content_inside_top_text, .main_content .main_content_inside_full.main_content_inside_opening_hours, .main_content .main_content_inside_700.menu_cart {
	margin-bottom:105px;
}

.main_content .main_content_inside_menu_buttons a, .reservation_tool a {
 	font: 300 14px/45px "sofia-pro", sans-serif;
 	background:#fff;
 	color:#1a1a1a;
 }

 .main_content .main_content_inside_menu_buttons a:hover, .reservation_tool a:hover {
 	background:#6d5626 !important;
 	color:#fff;
 }

 .text_newsletter a {
 	color:#232b28;
 }

 .text_newsletter a:hover {
 	color:#c7c9c8;
 }

 /* Newsletter */

 .mailchimp_nl .FNAME-label, .mailchimp_nl .LNAME-label, .mailchimp_nl .EMAIL-label , .mailchimp_nl .MMERGE3-label {
 	width: -moz-calc(33.3333% - 30px) !important;
 	width: -webkit-calc(33.3333% - 30px) !important;
 	width: -o-calc(33.3333% - 30px) !important;
 	width: calc(33.3333% - 30px) !important;
 	margin:0 10px !important;
 }

 .mailchimp_nl .yikes-easy-mc-form button {
 	width: -moz-calc(33.3333% - 14px) !important;
 	width: -webkit-calc(33.3333% - 14px) !important;
 	width: -o-calc(33.3333% - 14px) !important;
 	width: calc(33.3333% - 14px) !important;
 }

 .mailchimp_nl .yikes-easy-mc-form input, .mailchimp_nl .yikes-easy-mc-form button {
 	font: 300 14px/45px "sofia-pro", sans-serif;
 	background:#ffffff !important;
 	color:#1a1a1a;
 }

.mailchimp_nl .yikes-easy-mc-form button:hover {
	color:#fff !important;
}

 .mailchimp_nl .yikes-easy-mc-form input.active {
 	background:#6d5626 !important;
 	color:#f0eee9;
 }

 .mailchimp_nl .yikes-easy-mc-form input.error, .mailchimp_nl .yikes-easy-mc-form input.active.error {
 	background:#b41113 !important;
 	color:#f0eee9;
 }

 .mailchimp_nl input::-webkit-input-placeholder,
 .mailchimp_nl input.error::-webkit-input-placeholder,
 .mailchimp_nl input.active.error::-webkit-input-placeholder {
     color: #232b28;
 }

 .mailchimp_nl input.active::-webkit-input-placeholder {
     color: #f0eee9;
 }

 .mailchimp_nl input:-moz-placeholder,
 .mailchimp_nl input.error:-moz-placeholder,
 .mailchimp_nl input.active.error:-moz-placeholder  {
    color: #232b28;
    opacity: 1;
 }

 .mailchimp_nl input.active:-moz-placeholder {
    color: #f0eee9;
    opacity: 1;
 }

 .mailchimp_nl input::-moz-placeholder,
 .mailchimp_nl input.error::-moz-placeholder,
 .mailchimp_nl input.active.error::-moz-placeholder {
    color: #232b28;
    opacity: 1;
 }

 .mailchimp_nl input.active::-moz-placeholder {
    color: #f0eee9;
    opacity: 1;
 }

 .mailchimp_nl input:-ms-input-placeholder,
 .mailchimp_nl input.error:-ms-input-placeholder,
 .mailchimp_nl input.active.error:-ms-input-placeholder {
    color: #232b28;
 }

 .mailchimp_nl input.active:-ms-input-placeholder {
    color: #f0eee9;
 }

.mailchimp_nl .yikes-easy-mc-form button:hover {
 	background:#6d5626 !important;
 	color:#fff;
 }

 /* Links */

 .other_links, .other_links a {
   color:#1a1a1a;
 }

 .other_links a:hover {
 	color:#c7c9c8;
 }

 /* Social Media */

 .social_media .social_media_centered a svg .icon_svg  {
   stroke:#1a1a1a;
 }

 .social_media .social_media_centered a:hover svg .icon_svg {
   stroke:#c7c9c8;
 }

 /* Made By */

 .made_by, .made_by a {
 	color:#c7c9c8;
 }

 .made_by a:hover {
 	color:#1a1a1a;
 }

 .cookie_message {
 	background: #fff;
 }

 .cookie_message, .cookie_message a {
 	font-size:11px;
 	line-height: 14px;
 	color:#c7c9c8;
 }

 .cookie_message a:hover {
 	color:#1a1a1a;
 }

 a.accept_cookie {
 	background: url('../images/close_bar45.svg') no-repeat center right;
 	background-size:10px 10px;
 }

 /*------------------------------------------------------
Version 2.0
------------------------------------------------------*/

.page_home.page_home_2 .mailchimp_nl .FNAME-label, .page_home.page_home_2 .mailchimp_nl .LNAME-label, .page_home.page_home_2 .mailchimp_nl .EMAIL-label, .page_home.page_home_2 .mailchimp_nl .MMERGE3-label {
      display: inline-block;
      width: -moz-calc(33.3333% - 13px) !important;
      width: -webkit-calc(33.3333% - 13px) !important;
      width: -o-calc(33.3333% - 13px) !important;
      width: calc(33.3333% - 13px) !important;
      margin-left:0 !important;
      margin-right:0 !important;
}

.page_home.page_home_2 .mailchimp_nl .LNAME-label {
   margin-left:19px !important;
   margin-right:20px !important;
}

.show_form_content input, .show_form_content input .submit_button {
   font: 300 14px/45px "sofia-pro", sans-serif;
   background:#fff;
   color:#1a1a1a;
 }

.page_home.page_home_2 .mailchimp_nl .yikes-easy-mc-form input,
.show_form_content input:not(.submit_button),
.show_form_content input:is(.submit_button):hover,
.main_content .main_content_inside_menu_buttons a.active {
   background:#6d5626 !important;
   color:#fff;
}

 .page_home.page_home_2 .mailchimp_nl input::-webkit-input-placeholder,
.page_home.page_home_2 .show_form_content input::-webkit-input-placeholder {
     color: #fff;
 }

  .page_home.page_home_2 .mailchimp_nl input:-moz-placeholder,
 .page_home.page_home_2 .show_form_content input:-moz-placeholder {
    color: #fff;
    opacity: 1;
 }

  .page_home.page_home_2 .mailchimp_nl input::-moz-placeholder,
  .page_home.page_home_2 .show_form_content input::-moz-placeholder {
    color: #fff;
    opacity: 1;
 }

  .page_home.page_home_2 .mailchimp_nl input:-ms-input-placeholder,
  .page_home.page_home_2 .show_form_content input:-ms-input-placeholder {
    color: #fff;
 }

 /*------------------------------------------------------
 MEDIA QUERIES
 ------------------------------------------------------*/

 @media all and (min-width: 1680px) {

 	body {
 		font: 300 16px/20px "sofia-pro", sans-serif;
 		letter-spacing:0.06em;
 	}

 	h2 {
 		font: 500 18px/18px "sofia-pro", sans-serif;
 		letter-spacing: 0.15em;
 		margin-bottom: 32px;
 	}

 	.animated_home h1 {
 		width:825px;
 		height:129px;
 		background:url('../images/barcampo_xl.svg') no-repeat center center;
 		background-size:825px 129px;
 	}

 }

 @media all and (max-width: 800px) and (min-width: 0) {

 	.animated_home h1 {
 		width:400px;
 		height:63px;
 		background:url('../images/barcampo_xl.svg') no-repeat center center;
 		background-size:400px 63px;
 	}

 	.event_bubble .event_title  {
 		font-size:24px;
 		line-height: 30px;
 		margin:16px 0;
 	}
 	.event_bubble .event_date, .event_bubble .event_time {
 		font-size:10px;
 		line-height: 16px;
 	}

 	.mailchimp_nl .FNAME-label, .mailchimp_nl .LNAME-label, .mailchimp_nl .EMAIL-label , .mailchimp_nl .MMERGE3-label {
 		width: -moz-calc(50% - 30px) !important;
 		width: -webkit-calc(50% - 30px) !important;
 		width: -o-calc(50% - 30px) !important;
 		width: calc(50% - 30px) !important;
 		margin:0 10px !important;
 	}

 	.mailchimp_nl button {
 		width: -moz-calc(50% - 30px) !important;
 		width: -webkit-calc(50% - 30px) !important;
 		width: -o-calc(50% - 30px) !important;
 		width: calc(50% - 30px) !important;
 	}

   /* Version 2 */

   .page_home.page_home_2 .mailchimp_nl .FNAME-label, .page_home.page_home_2 .mailchimp_nl .LNAME-label, .page_home.page_home_2 .mailchimp_nl .EMAIL-label, .page_home.page_home_2 .mailchimp_nl .MMERGE3-label {
      width: 100% !important;
      margin-left:0 !important;
      margin-right:0 !important;
   }

 }

 @media all and (max-width: 500px) and (min-width: 0) {

 	body {
 		font-size:13px;
 		line-height:17px;
 		letter-spacing: 0.03em;
 	}

 	h2 {
 		font-size:13px;
 		line-height:16px;
 		letter-spacing: 0.45em;
 		margin-bottom:28px;
 	}

 	.main_content .main_content_inside_700.main_content_inside_top_text, .main_content .main_content_inside_full.main_content_inside_opening_hours, .main_content .main_content_inside_700.menu_cart {
 		margin-bottom:60px;
 	}

 	.event_date_info {
 		margin-top:60px;
 	}

 	.event_bottom_text {
 		margin-top:60px;
 		margin-bottom:30px;
 	}

 	.animated_home h1 {
 		width:240px;
 		height:38px;
 		background:url('../images/barcampo_xl.svg') no-repeat center center;
 		background-size:240px 38px;
 	}

 	.top_logo {
 		background: transparent url('../images/barcampo_s.svg') no-repeat center center;
 		background-size:150px 24px;
 	}

 	.event_bubble .event_title  {
 		font-size:14px;
 		line-height: 17px;
 		margin:8px 0;
 	}

 	.event_bubble .event_date, .event_bubble .event_time {
 		font-size:8px;
 		line-height: 13px;
 	}

 	.start_animation {
 		padding-bottom:60px;
 	}

 	.mailchimp_nl .FNAME-label, .mailchimp_nl .LNAME-label, .mailchimp_nl .EMAIL-label , .mailchimp_nl .MMERGE3-label {
 		width:100% !important;
 		margin:0 !important;
 		margin-bottom:10px !important;
 	}

 	.mailchimp_nl button {
 		width:100%;
 		margin-top:0;
 		margin-left:0;
 		margin-right:0;
 	}

 }