/*------------------------------------------------------
CUSTOM STYLES LA STANZA
------------------------------------------------------*/

html {
	background: #1a1a1a;
}

body {
	font: normal 14px/18px "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, Verdana, sans-serif; /* Gotham Light */
	font-weight: 300;
	letter-spacing:0.05em;
	color: #dddddd;
}

h1 {
	margin: 0;
	padding: 0;
	font: normal 36px/36px "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, Verdana, sans-serif; /* Gotham Medium */
	font-weight: 500;
	margin-bottom: 25px;
}

h2 {
	margin: 0;
	padding: 0;
	font: normal 12px/18px "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, Verdana, sans-serif; /* Gotham Medium */
	font-weight: 500;
	letter-spacing: 0.75em;
	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;
}

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

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

.top_logo {
	background: transparent url('../images/la_stanza_s.svg') no-repeat center center;
	background-size:240px 40px;
}

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

.event_bubble_bg {
	background:rgba(150,0,30,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(150,0,30,1);
}

.event_bubble .event_date, .event_bubble .event_time {
	font: normal 12px/18px 'Gotham Medium', Helvetica, Arial, Verdana, sans-serif; /* Gotham Medium */
	font-weight: 500;
	color:#fff;
	letter-spacing: 0.45em;
}

.event_bubble .event_title {
	font: normal 34px/42px "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, Verdana, sans-serif; /* Gotham Medium */
	font-weight: 500;
	color:#fff;
	letter-spacing: 0.05em;
	margin:26px 0;
}

/*------------------------------------------------------
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 {
 	font: normal 14px/45px "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, Verdana, sans-serif; /* Gotham Light */
 	font-weight: 300;
 	background:#202020;
 	color:#dddddd;
 }

 .main_content .main_content_inside_menu_buttons a:hover {
 	background:#dddddd !important;
 	color:#1a1a1a;
 }

 /* Newsletter */

 .mailchimp_nl .FNAME-label, .mailchimp_nl .LNAME-label, .mailchimp_nl .EMAIL-label , .mailchimp_nl .MMERGE3-label {
 	width: -moz-calc(33.3333% - 20px) !important;
 	width: -webkit-calc(33.3333% - 20px) !important;
 	width: -o-calc(33.3333% - 20px) !important;
 	width: calc(33.3333% - 20px) !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: normal 14px/18px "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, Verdana, sans-serif; /* Gotham Light */
 	font-weight: 300;
 	background:#202020 !important;
 	color:#dddddd;
 }

 .mailchimp_nl .yikes-easy-mc-form input.active {
 	background:#dddddd !important;
 	color:#1a1a1a;
 }

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

 .mailchimp_nl input::-webkit-input-placeholder,
 .mailchimp_nl input.error::-webkit-input-placeholder,
 .mailchimp_nl input.active.error::-webkit-input-placeholder {
     color: #1a1a1a;
 }

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

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

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

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

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

 .mailchimp_nl input:-ms-input-placeholder,
 .mailchimp_nl input.error:-ms-input-placeholder,
 .mailchimp_nl input.active.error:-ms-input-placeholder {
    color: #1a1a1a;
 }

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

.mailchimp_nl .yikes-easy-mc-form button:hover {
 	background:#dddddd !important;
 	color:#1a1a1a;
 }

 /* Links */

 .other_links, .other_links a {
   color:#dddddd;
 }

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

 /* Social Media */

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

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

 /* Made By */

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

 .made_by a:hover {
 	color:#dddddd;
 }

 .cookie_message {
 	background: #202020;
 }
 .cookie_message, .cookie_message a {
 	color:#dddddd;
 }

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

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

.show_form_content input, .show_form_content input .submit_button {
   font: normal 14px/18px "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, Verdana, sans-serif; /* Gotham Light */
   font-weight: 300;
   background:#202020 !important;
   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:#dddddd !important;
   color:#1a1a1a;
}

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

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

  .page_home.page_home_2 .mailchimp_nl input::-moz-placeholder,
  .page_home.page_home_2 .show_form_content input::-moz-placeholder {
    color: #1a1a1a;
    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: #1a1a1a;
 }

 .page_home.page_home_2 .event_bubble .event_title h2 {
   color:#1a1a1a;
 }

 .page_home.page_home_2 .show_form_content input.submit_button {
   color:#dddddd;
 }

.page_home.page_home_2 .show_form_content input.submit_button:hover {
   color:#1a1a1a;
 }

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

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

 	body {
 		font: normal 16px/20px "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, Verdana, sans-serif; /* Gotham Light */
 		font-weight: 300;
 		letter-spacing:0.06em;
 	}

 	h2 {
 		font: normal 14px/20px "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, Verdana, sans-serif; /* Gotham Medium */
 		font-weight: 500;
 		letter-spacing: 0.85em;
 		margin-bottom: 42px;
 	}

 	.animated_home h1 {
 		width:840px;
 		height:138px;
 		background:url('../images/la_stanza_xl.svg') no-repeat center center;
 		background-size:840px 138px;
 	}

 }

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

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

 	.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;
 	}

 }

 @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:39px;
 		background:url('../images/la_stanza_xl.svg') no-repeat center center;
 		background-size:240px 39px;
 	}

 	.top_logo {
 		background: transparent url('../images/la_stanza_s.svg') no-repeat center center;
 		background-size:180px 30px;
 	}

 	.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% !important;
 		margin-top:0 !important;
 		margin-left:0 !important;
 		margin-right:0 !important;
 	}

 }