/*!
Theme Name: Beach and Bach
Theme URI: http://underscores.me/
Author: Inciso ye
Author URI: http://www.incisoye.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bb
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Beach and Bach is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
:root {
	--black: #000;
	--white: #FFF;

	--verde01: #025A5E;
	--verde02: #026E73;
	--verde03: #02858B;
	--verde04: #03B0B8;
	--verde05: #04DFE9;
	--verde06: #20F1FB;
	
	--coral01: #D46344;
	--coral02: #DD8269;
	--coral03: #E49D89;
	--coral04: #EDBCAE;
	--coral05: #F6E0D9;
	--coral06: #FFFAF9;
}
@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url('assets/fonts/lato-v23-latin-regular.eot');src:url('assets/fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'),url('assets/fonts/lato-v23-latin-regular.woff2') format('woff2'),url('assets/fonts/lato-v23-latin-regular.woff') format('woff'),url('assets/fonts/lato-v23-latin-regular.ttf') format('truetype'),url('assets/fonts/lato-v23-latin-regular.svg#Lato') format('svg')}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:url('assets/fonts/lato-v23-latin-700.eot');src:url('assets/fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'),url('assets/fonts/lato-v23-latin-700.woff2') format('woff2'),url('assets/fonts/lato-v23-latin-700.woff') format('woff'),url('assets/fonts/lato-v23-latin-700.ttf') format('truetype'),url('assets/fonts/lato-v23-latin-700.svg#Lato') format('svg')}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:url('assets/fonts/lato-v23-latin-900.eot');src:url('assets/fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'),url('assets/fonts/lato-v23-latin-900.woff2') format('woff2'),url('assets/fonts/lato-v23-latin-900.woff') format('woff'),url('assets/fonts/lato-v23-latin-900.ttf') format('truetype'),url('assets/fonts/lato-v23-latin-900.svg#Lato') format('svg')}@font-face{font-display:swap;font-family:Cardo;font-style:normal;font-weight:400;src:url('assets/fonts/cardo-v19-latin-regular.eot');src:url('assets/fonts/cardo-v19-latin-regular.eot?#iefix') format('embedded-opentype'),url('assets/fonts/cardo-v19-latin-regular.woff2') format('woff2'),url('assets/fonts/cardo-v19-latin-regular.woff') format('woff'),url('assets/fonts/cardo-v19-latin-regular.ttf') format('truetype'),url('assets/fonts/cardo-v19-latin-regular.svg#Cardo') format('svg')}@font-face{font-display:swap;font-family:Cardo;font-style:normal;font-weight:700;src:url('assets/fonts/cardo-v19-latin-700.eot');src:url('assets/fonts/cardo-v19-latin-700.eot?#iefix') format('embedded-opentype'),url('assets/fonts/cardo-v19-latin-700.woff2') format('woff2'),url('assets/fonts/cardo-v19-latin-700.woff') format('woff'),url('assets/fonts/cardo-v19-latin-700.ttf') format('truetype'),url('assets/fonts/cardo-v19-latin-700.svg#Cardo') format('svg')}

html, body {
    padding: 0;
    margin: 0;
    font-family: 'Lato', 'Roboto', 'Helvetica Neue', Arial, 'Noto Sans', 'Cardo', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: var(--primary);
    background-color: var(--white);
}
html {
    scroll-behavior: smooth;
}
/*
.site {
	overflow: hidden;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.scroll-container {
	position: absolute;
	overflow: hidden;
	z-index: 10;
	display: flex;
	justify-content: center;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}
*/
/* Elements */
h1, h2, h3, h4, h5, h6, li, p {
    font-weight: 400;
}
p {
	font-size: clamp(1rem, 0.3393rem + 1.0667vw, 1.25rem);
}
.d-block {
	display: block;
}
.d-none {
	display: none;
}
.title {
	font-family: 'Cardo', sans-serif;
	font-weight: 700;
	font-size: clamp(1.875rem, -1.098rem + 4.8vw, 3rem);
}
.subtitle {
	font-size: clamp(1.25rem, 0.5893rem + 1.0667vw, 1.5rem);
	font-weight: 700;
	letter-spacing: 4px;
}
.subtitle:not(:last-child) {
	margin-bottom: 1.75rem;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-center {
	text-align: center;
}
.button {
	font-family: 'Lato';
	font-size: clamp(1.125rem, 0.7947rem + 0.5333vw, 1.25rem);
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.7;
	height: auto;
	padding: 12px 75px;
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-radius: 75px;
	box-shadow: none!important;
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-ms-transition: all .75s ease;
	-o-transition: all .75s ease;
	transition: all .75s ease;
}
.button:hover, .button:focus, .button:active {
	font-weight: 800;
	letter-spacing: 2px;
}
.btn-white {
	color: var(--white);
	border-color: var(--white);
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
	color: var(--verde02);
	border-color: var(--white);
	background-color: var(--white);
}
.btn-primary {
	color: var(--verde02);
	border-color: var(--verde02);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	color: var(--white);
	background-color: var(--verde02);
	border-color: var(--verde02);
}
.btn-secondary {
	color: var(--white);
	background-color: var(--coral03);
	border-color: var(--coral03);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	color: var(--white);
	background-color: var(--coral02);
	border-color: var(--coral02);
}
.color-primary {
	color: var(--verde01);
}
.color-secondary {
	color: var(--verde02);
}
.color-white {
	color: var(--white);
}
.btn-white {
	color: var(--white);
}
/* Navbar */
.navbar {
	padding: 1.313rem;
	background-color: var(--coral03);
}
.navbar-item img {
	max-height: inherit;
	max-width: 131px;
}
.navbar-item {
	font-size: 1rem;
	font-weight: 400;
	color: var(--white);
	line-height: 1.188rem;
	text-align: center;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	background-color: transparent!important;
}
.navbar-link.is-active, a.navbar-item.is-active,
.navbar .navbar-menu .navbar-item:hover,
.navbar .navbar-menu .navbar-item:focus,
.navbar .navbar-menu .navbar-item:focus {
	font-weight: 900;
    color: var(--white);
}
.navbar-item.has-dropdown {
	align-items: center;
}
.navbar-item.dropdown {
	padding: 0.5rem 38px .5rem 17px;
	border: 1px solid var(--white);
	border-radius: 13px;
}
.navbar-link:not(.is-arrowless)::after {
	border-color: var(--white);
}
.navbar-dropdown {
	background-color: var(--coral03);
	box-shadow: none;
}
/* Footer */
.site-footer {
	padding: 4rem 1.313rem 3rem;
	background-color: var(--coral06);
}
.footer-img {
	max-width: 228px;
	width: 100%;
	height: auto;
}
footer .social {
	display: flex;
	flex-direction: row;
	gap: 0 1rem;
}
footer .title {
	font-size: clamp(1.5rem, -1.098rem + 4.8vw, 3rem);
}
/* Section: Header */
.section__header {
	position: relative;
}
.section__header .slide {
	position: relative;
	height: calc(100vh + 5rem);
	width: 100%;
}
.slide--img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.header--content {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
	max-width: 1344px;
	width: 100%;
	height: 100%;
	z-index: 2;
	justify-content: end;
	align-items: flex-end;
	align-content: center;
	text-align: center;
	margin: 0 auto 5vw;
}
.header--slider#slick-slide00 .header--content, 
.header--slider#slick-slide01 .header--content {
	justify-content: center;
	align-items: flex-start;
	align-content: end;
	text-align: left;
	margin: 0 auto;
}
.header--slider#slick-slide02 .header--content {
	justify-content: center;
	align-content: flex-start;
	text-align: left;
	margin: 0 auto;
}
.header--slider#slick-slide03 .header--content {
	justify-content: end;
	align-items: flex-end;
	align-content: center;
	text-align: center;
	margin: 0 auto 5vw;
}
.header--content .title {
	max-width: 570px;
	width: 100%;
	margin-left: auto;
	margin-bottom: 10vw;
}
.header--content .title > :first-child > * {
	font-size: clamp(2.1875rem, -2.6023rem + 7.7333vw, 4rem);
}
.header--content .title > :first-child strong {
	color: var(--verde01);
	font-weight: normal;
}
.header--content .subtitle {
	font-family: 'Lato';
	font-size: 1.125rem;
	font-weight: 400;
	letter-spacing: 0;
	text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
	margin: 1rem 0 1rem;
}
.header--content .button {
	display: table;
	margin-right: auto;
	max-width: inherit;
	width: auto;
	font-weight: 400;
}
#slick-slide03 .header--content .button {
	margin-left: auto;
}
#slick-slide04 .header--content .button,
#slick-slide05 .header--content .button,
#slick-slide06 .header--content .button,
#slick-slide07 .header--content .button,
#slick-slide08 .header--content .button,
#slick-slide09 .header--content .button {
	margin-left: auto;
	margin-right: auto;
}
.section__header .slider {
	-webkit-transition: opacity 1700s ease-in-out;
	-moz-transition: opacity 1700s ease-in-out;
	-ms-transition: opacity 1700s ease-in-out;
	-o-transition: opacity 1700s ease-in-out;
	opacity: 1;
}
.section__header .slick-dots {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto 5rem;
	z-index: 3;
}
.header--mask {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 100px;
	width: 100%;
	overflow: hidden;
}
.header--mask img {
	height: 100%;
	width: 100%;
}
.slick-dots li button {
	width: 18px;
	height: 18px;
}
.slick-dots li button::before {
	content: "";
	font-size: 1rem;
	line-height: 16px;
	color: transparent;
	opacity: 1;
	border: 2px solid var(--white);
	border-radius: 50%;
}
.slick-dots li.slick-active button::before {
	background-color: var(--white);
}
/* Section: About Us */
.section__about {
	position: relative;
	padding: clamp(4rem, -3.928rem + 12.8vw, 7rem) 1.313rem clamp(7rem, -16.784rem + 38.4vw, 12rem);
	background-color: var(--coral05);
	background-image: url(assets/img/vector--about.png);
	background-size: 100% auto;
	background-position: 50% 90%;
	background-repeat: no-repeat;
}
.section__about::before {
	content: "";
	position: absolute;
	top: -2rem;
	left: 0;
	width: 100%;
	height: 2rem;
	background-color: var(--coral05);
}
.section__about .subtitle {
	letter-spacing: 1.4px;
	margin-bottom: 2rem;
}
.about--content {
	max-width: 470px;
	margin: 0 auto;
}
.about--content .text {
	text-align: justify;
}
.section__about .header--mask {
	height: 210px;
	width: 100%;
}
.section__about .header--mask img {
	display: block;
	width: 100%;
	height: 100%;
}
.section__about img {
	width: 100%;
}
.section__about .text p {
	color: var(--verde02);
}
/* Section: Services */
.section__services {
	padding: clamp(4rem, -3.928rem + 12.8vw, 7rem) 1.313rem clamp(6rem, -4.5707rem + 17.0667vw, 10rem);
	background-color: var(--coral06);
}
.section__services p:not(.color-primary) {
	font-size: clamp(1.125rem, 0.7947rem + 0.5333vw, 1.25rem);
	color: var(--verde02);
}
.services--extra {
	margin: 2rem 0;
	max-width: 353px;
	width: 100%;
	border: 2px solid var(--verde02);
	padding: 3rem 2rem;
	border-radius: 47px;
}
.services--extra p {
	font-size: clamp(1.25rem, 0.5893rem + 1.0667vw, 1.5rem);
	margin-bottom: .5rem!important;
}
.services--extra ul {
	padding-left: 1rem;
}
.services--extra li {
	font-size: 1rem;
	color: var(--verde02);
	line-height: 2;
	list-style-type: disc;
}
.services--grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(4, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 20px;
	margin-left: auto;
	max-width: 750px;
}
.service--icon svg {
	display: block;
	margin: 0 auto;
}
.service--icon p {
	font-size: 1rem;
	max-width: 220px;
	margin: .5rem auto 0;
}
/* Section: Testimonials */
.section__testimonials {
	padding: clamp(8rem, -2.5707rem + 17.0667vw, 12rem) 1.313rem 8rem;
	background-color: var(--coral05);
}
.section__testimonials .subtitle {
	font-weight: 700;
	letter-spacing: 4px;
}
.testimonials--grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 20px;
	margin: 6rem auto 1rem;
}
.testimonials--grid.d-none {
	display: grid;
	height: 0;
	margin: 0 auto 1rem;
	overflow: hidden;
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-ms-transition: all .75s ease;
	-o-transition: all .75s ease;
	transition: all .75s ease;
}
.testimonials--grid.d-block {
	display: grid;
	margin: 4rem auto 1rem;
	height: 400px;
	overflow: visible;
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-ms-transition: all .75s ease;
	-o-transition: all .75s ease;
	transition: all .75s ease;
}
.user__box {
	display: flex;
	align-items: center;
	position: relative;
	padding: 5rem 1.5rem 3.5rem;
	background-color: var(--coral06);
	border-radius: 47px;
}
.user__box img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: -2rem auto 0;
}
.user__box p {
	font-size: 1rem;
}
.section__testimonials .btn-primary {
	display: block;
	margin: 3rem auto 0;
}
/* Section: Contact */
.section__contact {
	padding: 8rem 1.313rem 4rem;
	background-color: var(--verde01);
}
.contact--form {
	margin-left: auto;
	max-width: 750px;
}
.contact--content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.contact--content .title {
	margin-bottom: 0;
}
.contact--content p {
	font-size: 1rem;
	line-height: 2;
}
.contact--content hr {
	width: 90px;
	background-color: var(--coral04);
	margin: 1rem auto;
}
.wpforms-field-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0rem 20px;
}
.wpforms-one-half {
	margin-left: 0!important;
	width: 48%!important;
}
.wpforms-field.wpforms-field-textarea {
	width: 100%;
}
.wpforms-field.wpforms-field-select.wpforms-one-half {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 20px;
}
#wpforms-28-field_12-container {
	flex-wrap: wrap;
}
#wpforms-28-field_12-container .wpforms-field-label {
	flex: 1;
}
#wpforms-55-field_19-description,
#wpforms-28-field_12-description {
	color: var(--white);
}
.wpforms-100 {
	width: 100%!important;
}
.wpforms-field-label {
	font-size: 1rem!important;
	font-weight: 400!important;
	color: var(--white)!important;
	margin: 0 0 .5rem .5rem!important;
}
.wpforms-100 input,
.wpforms-one-half input, 
.wpforms-one-half select, 
.wpforms-field-textarea textarea {
	color: var(--white)!important;
	background-color: var(--verde02)!important;
	border: 1px solid var(--white)!important;
	border-radius: 13px!important;
}
.wpforms-100 select,
.wpforms-one-half select {
	max-width: 105px!important;
}
.wpforms-submit {
	margin-left: auto;
	background-color: var(--coral05);
}
.section__contact .wpforms-submit {
	display: block!important;
	height: auto!important;
	font-family: 'Lato'!important;
	color: var(--verde02)!important;
	font-weight: 600!important;
	line-height: 1.7!important;
	text-transform: uppercase!important;
	padding: 12px 75px!important;
	height: auto!important;
	margin: 0 0 0 auto;
	border-radius: 75px!important;
	border: 1px solid var(--coral05)!important;
	background-color: var(--coral05)!important;
}
.section__contact .wpforms-submit:hover, .section__contact .wpforms-submit:focus, .section__contact .wpforms-submit:active {
	font-weight: 800!important;
	color: var(--white)!important;
	letter-spacing: 2px!important;
	border-color: var(--coral03)!important;
	background-color: var(--coral03)!important;
	padding: 12px 75px!important;
}
.wpforms-container ::-webkit-input-placeholder {
	color: rgba(255, 250, 249, 0.5)!important;
}
.wpforms-container :-moz-placeholder {
	color: rgba(255, 250, 249, 0.5)!important;
	opacity: 1!important;
}
.wpforms-container ::-moz-placeholder {
	color: rgba(255, 250, 249, 0.5)!important;
	opacity: 1!important;
}
.wpforms-container :-ms-input-placeholder {
	color: rgba(255, 250, 249, 0.5)!important;
}
.wpforms-container ::-ms-input-placeholder {
	color: rgba(255, 250, 249, 0.5)!important;
}
.wpforms-container ::placeholder {
	color: rgba(255, 250, 249, 0.5)!important;
}

/* Section: Gallery */
.section__gallery {
	padding: 8rem 1.313rem 6rem;
	background-color: var(--coral06);
}
.section__gallery .container {
	max-width: 100%!important;
}
.gallery--content {
	margin: 4rem 0;
}
.gallery--content img {
	display: block;
	width: 100%;
}
.sbi_photo {
	border-radius: 25px;
}
/* Section: Header */
.section__travel {
	display: flex;
	align-items: center;
	position: relative;
	min-height: 1000px;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
.section__travel .container {
	position: relative;
	z-index: 2;
}
.section__travel video {
	position: absolute;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	object-fit: cover;
}
.travel--box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding: 10rem 5rem 8rem;
	max-width: 726px;
	background-color: rgba(3, 176, 184, 0.7);
	border-radius: 114px;
	z-index: 2;
}
.travel--box p:not(.subtitle) {
	font-size: 1rem;
	font-weight: 400;
	line-height: 2;
	margin-bottom: 2rem;
}
/* Section: Recommendations */
.section__recommendations {
	padding: 5rem 0;
	background-color: var(--coral02);
}
.section__recommendations .contents {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 0 20rem;
	overflow: hidden;
	padding-bottom: 2rem;
	transition: all 2s ease-in-out;
	/*
	height: 100%;
	max-height: 900px;
	*/
}
.progress-container {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 23vw 0 0;
	width: 100px;
	height: 5px;
	background-color: var(--coral03);
	border-radius: 12px;
}
.progress-bar {
	height: 5px;
	background-color: var(--coral06);
	width: 0%;
}
.section__recommendations .column--primary {
	display: flex;
	align-items: end;
	margin-left: 5rem;
}
.recommendations--content {
	width: 27rem;
}
.section__recommendations .column--secondary {
	overflow-x: scroll;
	overflow-y: hidden;
	/*
	height: 950px;
	*/
	transition: all 0.2s;
	/*transform: scale(0.98);*/
	will-change: transform;
	user-select: none;
	cursor: pointer;
}
.section__recommendations .column--secondary.active {
	transform: scale(0.99);
	cursor: grabbing;
	cursor: -webkit-grabbing;
}
.column--secondary .columns {
	flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 70vw;
	margin: 0;
	gap: 0 20px;
	/*
	min-width: 65vw;
	width: 100%;
	*/
}
.column--secondary .column {
	max-width: 365px;
	padding: 0 0 1rem;
}
.recommendations--content p:not(.subtitle) {
	font-size: 1rem;
	font-weight: 400;
	color: var(--coral06);
	line-height: 2;
	text-align: justify;
}
.recommendations--content hr {
	width: 90px;
	background-color: var(--coral04);
}

.column--secondary {
	scrollbar-width: thin;
	scrollbar-color: #E49D89 #DD8269;
}
.column--secondary::-webkit-scrollbar {
	width: 5px;
}
.column--secondary::-webkit-scrollbar-track {
	background: #DD8269;
}
.column--secondary::-webkit-scrollbar-thumb {
	background-color: #E49D89;
	border-radius: 10px;
	border: 3px solid #E49D89;
}


.location {
	height: 100%;
	border-radius: 47px;
	border-bottom-left-radius: 47px;
	border-bottom-right-radius: 47px;
	background-color: var(--coral03);
}
.location--header {
	position: relative;
}
.location--name {
	position: absolute;
	top: 0;
	left: 0;
	margin: 1.25rem 0 0 1.5rem;
	font-size: 1.125rem;
	font-weight: 500;
	letter-spacing: 2px;
	z-index: 2;
}
.location--name img {
	position: relative;
	top: 5px;
	height: 24px;
	width: auto;
	margin-right: .5rem;
}
.location .image {
	position: relative;
	height: 308px;
	margin: 0 0 1rem!important;
	border-top-left-radius: 47px;
	border-top-right-radius: 47px;
	overflow: hidden;
}
.location .image img {
	position: relative;
	height: 100%;
	width: 100%;
	object-fit: cover;
	padding: 0;
	margin: 0;
}
.location--content {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 0 2rem 4rem;
	height: 35rem;
}
.location--content .texts {
	height: 100%;
}
.location--content .title {
	font-family: 'Lato';
	font-size: clamp(1.25rem, 0.5893rem + 1.0667vw, 1.5rem);
	font-weight: 700;
	letter-spacing: 4px;
}
.modal .title {
	max-width: 300px;
	width: 100%;
}
.location--content .subtitle {
	font-size: 1.125rem;
	font-weight: 400;
}
.location--content p:not(.subtitle) {
	font-size: 1rem;
	color: var(--coral06);
	line-height: 2;
	text-align: justify;
}
.location--content .btn-white {
	display: block;
	font-size: clamp(1.125rem, 0.7947rem + 0.5333vw, 1.25rem);
	margin: 5rem auto 0;
}
/* Modal */
.modal .title {
	font-family: 'Lato';
	font-size: clamp(1.25rem, 0.5893rem + 1.0667vw, 1.5rem);
	font-weight: 700;
	letter-spacing: 4px;
	max-width: 300px;
	width: 100%;
}
.modal .subtitle {
	font-size: 1.125rem;
	font-weight: 400;
	margin-bottom: .5rem;
}
.modal p:not(.subtitle) {
	font-size: 1rem;
	color: var(--coral06);
	line-height: 2;
	text-align: justify;
}
.modal .color-secondary {
	font-weight: 600;
	color: var(--coral02);
}
.modal a.color-secondary svg {
	position: relative;
	top: 2px;
}
.modal p:not(.subtitle) {
	color: var(--verde01);
}
.modal p:not(.subtitle):not(:last-child) {
	margin-bottom: 1rem;
}
.modal-background {
	background-color: rgba(2, 110, 115, 0.8);
}
.modal .box {
	padding: 3rem 5rem;
}
.modal-card, .modal-content {
	max-width: 1120px;
	width: 100%;
	border-radius: 47px;
}
.modal-close {
	position: absolute;
	top: 0;
	right: 0;
	margin: 2rem 4rem 0 0;
	border: 1px solid var(--verde02);;
}
.delete:focus, .delete:hover, .modal-close:focus, .modal-close:hover {
	background-color: transparent;
}
.delete::after, .delete::before, .modal-close::after, .modal-close::before {
	background-color: var(--verde02);
}
.modal img {
	max-height: 650px;
	height: 100%;
	max-width: 300px;
	width: 100%;
	object-fit: cover;
	border-radius: 47px;
}
.modal .is-8 {
	padding-top: 3rem;
	padding-left: 3rem;
}
/* --# Queries #-- */
@media (max-width:1441px) {}

@media screen and (min-width: 1408px) {
	.container:not(.is-max-desktop):not(.is-max-widescreen) {
		max-width: 1344px;
	}
}

@media (max-width:1367px) {}

@media (min-width:1024px) {

	/* --# General #-- */
	.only-mobile {
		display: none;
	}
	/* --# Section: Navbar #-- */
	.navbar-end {
		gap: 0 9px;
	}
	/* --# Section: Testimonials #-- */
	.user__box {
		opacity: 1!important;
	}
	/* --# Section: Hotel #-- */
	.location {
		width: 365px;
	}
	
		
}

@media (max-width:1023px) {
	.site {
		position: relative;
		overflow-x: hidden;
		width: 100%;
	}
	/* .columns { max-width: 100%; } */
	/* --# Section: Navbar #-- */
	.navbar-burger {
		height: 5rem;
		width: 5rem;
	}
	.navbar-burger:hover {
		background-color: transparent;
	}
	.navbar-burger span {
		left: calc(50% - 15px);
		height: 3px;
		width: 30px;
		background-color: var(--coral06);
	}
	.navbar-burger span:first-child {
		top: calc(50% - 10px);
	}
	.navbar-burger span:nth-child(3) {
		top: calc(50% + 9px);
	}
	.navbar-burger.is-active span:first-child {
		transform: translateY(5px) rotate(45deg);
	}
	.navbar-burger.is-active span:nth-child(3) {
		transform: translateY(-13px) rotate(-45deg);
	}
	.navbar-menu {
		margin: 4rem 0;
		background-color: transparent;
		box-shadow: none;
		height: calc(100vh - 15.8rem);
	}
	.navbar-menu.is-active {
	}
	.navbar-end {
		display: flex;
		flex-direction: column;
		gap: 1rem 0;
	}
	.navbar .navbar-item {
		font-size: 1.5rem;
		text-align: center;
	}
	.navbar .navbar-brand .navbar-item {
		padding-left: 0;
	}
	/* --# Section: Footer #-- */
	.footer-img {
		display: block;
		max-width: 170px;
		margin: 0 auto 2.5rem;
	}
	footer .subtitle, footer .title {
		display: block;
		text-align: center;
	}
	footer .social {
		justify-content: center;
	}
	footer .is-3:last-child .subtitle {
		display: none;
	}
	/* --# General #-- */
	.header--mask img {
		object-fit: cover;
	}
	.only-desktop {
		display: none;
	}
	/* --# Section: Header #-- */
	.header--content {
		padding: 0 1.313rem;
	}
	.slide--img {
		background-position: center center;
	}
	.section__header .img1 {
		background-position: 100% 50%;
	}
	.section__header .img2 {
		background-position: -25vw 50%;
	}
	.section__header .img3 {
		background-position: -150vw 50%;
	}
	.header--content .title {
		margin-bottom: 45vw;
	}
	/* --# Section: About Us #-- */
	/* --# Section: Services #-- */
	.services--grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(6, 1fr);
		grid-column-gap: 16px;
		grid-row-gap: 16px;
	}
	/* --# Section: Testimonials #-- */
	.testimonials--grid {
		display: inherit;
		margin-top: 2rem;
		/*
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, 1fr);
		*/
	}
	.user__box {
		min-height: 25rem;
		margin: 3rem 1rem 1rem;
	}
	/* --# Section: Contact #-- */
	.wpforms-one-half {
		width: 100%!important;
	}
	.contact--content {
		text-align: left;
	}
	.contact--content hr {
		margin-left: 0;
	}
	/* --# Section: Gallery #-- */
	/* --# Section: Travel #-- */
	.travel--box {
		height: 1000px;
		border-radius: 0;
		padding: 8rem 2rem;
	}
	/* --# Section: Recommendations #-- */
	.section__recommendations .contents {
		flex-direction: column;
		padding-bottom: 0;
		overflow: visible;
		max-height: inherit;
	}
	.recommendations--content {
		width: auto;
	}
	.section__recommendations .column--secondary {
		overflow-x: scroll;
		height: auto;
	}
	.section__recommendations .column--primary {
		padding: 0 1.313rem;
		max-width: inherit;
		margin: 0 0 2rem;
	}
	.column--secondary .columns {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		min-width: 100vw;
		width: 1250px;
		padding-bottom: 2rem;
		overflow-x: scroll;
		margin-left: 2rem;
	}
	/* Modal */
	.modal .box {
		padding: 3rem 1.313rem;
		margin-bottom: 25vw;
	}
	.modal-card, .modal-content {
		border-radius: 25px;
	}
	.modal img {
		max-height: 400px;
		max-width: 100%;
		border-radius: 25px;
	}
	.modal .is-8 {
		padding: 1rem 1rem 0;
	}
	.modal-close {
		position: fixed;
		margin: 1rem 1rem 0 0;
		border-color: var(--white);
	}
	.delete::after, .delete::before, .modal-close::after, .modal-close::before {
		background-color: var(--white);
	}
}

@media (max-width:991px) {}

@media (min-width: 769px) {}

@media (max-width: 768px) {}

@media (max-width: 575px) {}

@media (max-width: 376px) {}