/*
 * Theme Name: Barcelona
 * Version: 0.9.0
 */

 /* Theme syles now live in theme.css. 
  DO NOT EDIT THEME.CSS FILE DIRECTLY!

  If you need to add css styles directly
  on the server, you may do so below 
  in this file! */

a:hover,
a:focus,
a:active {
	outline: inherit;
}

a.skip-links,  
a.skip-links:link, 
a.skip-links:visited, 
a.skip-links:hover {
	position:absolute;
	top:0px;
	left:-9999px;
	z-index:1000;
	background-color:#000;
	padding:0.5em;
	font-size:1em;  
	color: #ffffff;	  
}
 a.skip-links:active,  
 a.skip-links:focus {
	top:0px;
	left:0px;   
}

#mastcontent {
	display: inline;
} 

iframe {
	border: none;
}

.template-locations.locations.page-locations .state h2,
.template-reservations.reservations.page-reservations .state h2 {	
	font-family: "Arvo", serif;
	font-size: 2em;
	color: #666;
	text-transform: initial;
}
.template-reservations.reservations.page-reservations .state h2 {	
	margin-bottom: 0;
	text-align: center;
}
.template-locations.locations.page-locations .modal h2,
.template-reservations.reservations.page-reservations .modal h2,
.loc.select-state.modal h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 400;
	color: 	#fff;
}
.loc.select-state.modal h2 {
	margin-bottom: 0;
}
.template-locations.locations.page-locations .modal h3,
.template-reservations.reservations.page-reservations .modal h3,
.loc.select-state.modal h3 {
	font-size: 22px;
	font-weight: 400;
	color: #fff;
}

.template-locations.locations.page-locations  article h3 {
	font-size: 22px;
	margin-bottom: 10px;
}
.template-reservations.reservations.page-reservations article h3 {
	font-size: 22px;
	margin-bottom: 8px;
}
.template-reservations main li .inner .info {
	text-align: left;
}
.template-reservations.reservations.page-reservations article h2 {
	text-align: center;
}

.template-private-events.private-events.page-private-events h2 {
	font-family: "Arvo", serif;
	font-size: 2em;
	color: 	#666;
	text-transform: initial;
}

#online-comment-card-form label {
	display: block;
}
.online-comment-card section {
	margin: 50px auto 60px;
}
#online-comment-card-form input[type="radio"],
#gform_3 input[type="radio"] {
	-webkit-appearance: radio;
	height: 1em;
	vertical-align: middle;
	padding-right: 10px;
}
.email_address {
	padding: 10px;
	border: 1px solid #666;
	margin-bottom: 20px;
	width: 50%;
}
#online-comment-card-form textarea,
#gform_3 textarea {  
	resize: none;
	padding: 10px;
	height: 120px;
	min-width: 80%;
	margin-top: 30px;
	margin-bottom: 30px;
}
#online-comment-card-form .form-button,
#gform_3 input[type="submit"] {
	padding: 10px;
	background-color: #ffffff;
	border: 2px solid #000000;
	color: #000000;
	font-family: inherit;
	font-size: 16px;    
	letter-spacing: 2px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;   
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;  
	display: block;
	margin-top: 30px;
	min-width: 280px;
}
#online-comment-card-form .form-button:hover,
#gform_3 input[type="submit"]:hover {
	background-color: #000000;
	color: #ffffff;  
}
#online-comment-card-form select,
#gform_3 select {
	margin-bottom: 30px;
	padding: 10px 0 10px 10px;
}

#gform_3 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#gform_3 .gform_title {
	display: none;
}
#gform_3 .ginput_container_radio label {
	padding-left: 5px;
}  
#gform_3 label.gfield_label {
	display: block;
	margin-top: 16px;
	margin-bottom: 16px;  
}
#gform_3 textarea {  
	margin-top: 10px; 
}   

.feedback-form .survey_form  iframe{
	min-height: 1000px;
}
  
.navbar-shop.modal {
	padding: 0;
}
.navbar-shop.modal .pop-out-wrapper {
	padding: 30px;
	max-width: 1200px;
  margin: 0 auto;
	/*height: auto;*/
}
/*.navbar-shop.modal .close img {
	width: 40px;
	top: 40px;
	position: absolute;
}*/
.navbar-shop.modal .module-content {
	border: none;
	background-color: transparent;
}


.navbar-shop.modal .pop-out-inner {
	padding: 0;
}
.navbar-shop.modal .div-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.navbar-shop.modal .div-flex .div-col {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.navbar-shop.modal .div-flex .col-6 {
	width: 50%;
}
.navbar-shop.modal .model-bg-img {
	border: 1px solid rgba(255,255,255,0.2);
	padding-bottom: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	
}

.navbar-shop.modal .model-bg-box {
	color: #FFF;
	position: absolute;
	left: 20px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.navbar-shop.modal .model-bg-box h2 {
	font-size: 22px;
	color: #FFF;
	margin-bottom: 10px;
}
.navbar-shop.modal .model-bg-box p {
	margin-top: 0;
	line-height: 1.4;
	font-size: 14px;
}
.navbar-shop.modal .div-flex .shop-conserva p {
	max-width: 180px;
	margin: 0 auto;
}
.full-btn-bar {
	background-color: #000;
	padding: 20px 0;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	clear: both;
}
.full-btn-bar.top-btn-bar {
	margin-bottom: 30px;
}
.full-btn-bar a {
	color: #FFF !important;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	font-family: "Montserrat", sans-serif;
}
.career-blocks {
	padding-bottom: 70px;
}
.career-blocks figcaption {
	position: absolute;
	top: 50%;
	background-color: transparent;
	color: #FFF;
	bottom: unset;
	transform: translateY(-50%);
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}
.career-blocks figcaption::after {
	display: none;
}
.full-btn-bar.top-btn-bar.career-pages {
	margin-top: 70px;
}
.full-btn-bar.career-pages {
	margin-bottom: 50px;
}
.career-pages.nav-blocks {
	padding: 0 15px;
}
.career-pages .image-area {
	float: left;
	width: 30%;
	margin-bottom: 30px;
}
.career-pages .image-area img {
	max-width: 100%;
}
.career-pages.left .image-area {
	float: left;
	margin-right: 30px;
}
.career-pages.right .image-area {
	float: right;
	margin-left: 30px;
}
.career-pages.right {
	float: unset;
}

.btn {
	margin: 20px 0;
	position: relative;
	display: inline-block !important;
	width: auto;
	padding: 15px 10px;
	font-family: "Montserrat", sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px solid #000;
	color: #000;
}
.btn:hover {
	background-color: #000;
	color: #fff;
}
.btn.float-right {
	float: right;
}
.btn.float-left {
	float: left;
}

img {
	max-width: 100%;
}
.pl-10 {
	padding-left: 10px;
}
.pl-20 {
	padding-left: 20px;
}
.pr-10 {
	padding-right: 10px;
}
.pr-20 {
	padding-right: 20px;
}

.modal .state li a:hover img, 
.modal .state li a:focus img, 
.modal .state li a:active img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	opacity: .7;
}
.modal .state li .info-wrap-two .button {
	margin: 20px auto 0;
	position: relative;
	display: inline-block;
	width: 170px;
	padding: 10px 23px;
	font-family: "Montserrat", sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px solid #FFF;
	color: #FFF;
	text-decoration: none;
}

.d-m-block {
	display: none !important;
}

/*#location-details .button.share-btn {
	background-color: #000;
	color: #FFF;
	opacity: .75;
}*/
#location-details .button.share-btn:hover {
	opacity: 1 !important;
}
.content a {
	text-decoration: underline !important;
}
.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a,
.content h6 a {
	text-decoration: none !important;
}

@media (max-width: 767.98px) {
	.career-blocks figure {
		padding-bottom: 25px;
		padding-top: 0;
	}
	.full-btn-bar.top-btn-bar {
		margin-bottom: 25px;
	}
	.career-pages .image-area {
		width: 100%;
	}
	.career-pages.left .image-area,
	.career-pages.right .image-area {
		margin-right: 0;
		margin-left: 0;
	}
	.feedback-form .survey_form iframe{
		min-height: 1200px;
	}
/*
	.modal .state li a h3 {
		margin-bottom: 8px;
	}
	.modal .state li a h3, 
	.modal .state li a span {
		text-decoration: underline;
	}
	.modal .state li .info a {
		text-decoration: underline;
		margin-bottom: 12px;
	}*/
	.d-m-block {
		display: block !important;
	}
 
}

@media (max-width: 600.98px) {
	.pl-10, 
	.pl-20 {
		padding-left: 0;
	}
	.pr-10,
	.pr-20 {
		padding-right: 0;
	}
}

@media (max-width: 640.98px) {
	.navbar-shop.modal .div-flex .col-6 {
			width: 100%;
	}
	.navbar-shop.modal .model-bg-img {
			margin-bottom: 30px;
	}
	.navbar-shop.modal .model-bg-img {
    padding-bottom: 60%;
	}
}
@media (max-width: 500.98px) {
	.navbar-shop.modal .model-bg-img {
    padding-bottom: 100%;
	}
	.feedback-form .survey_form  iframe{
		min-height: 1250px;
	}
		
}

.size-doublesquare-horizontal{
	aspect-ratio: 880 / 424;
    object-fit: cover;
    overflow: hidden;
}

.size-square{
	aspect-ratio: 424 / 424;
    object-fit: cover;
    overflow: hidden;
}