@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Unica+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Bacalar Condensed';
    src: url('BacalarTest-Condensed.woff2') format('woff2'),
        url('BacalarTest-Condensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Loos Normal';
    src: url('LoosNormal-Regular.woff2') format('woff2'),
        url('LoosNormal-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {

    --color-1: #ec3352;
    --color-2: #ec3352;
    --color-3: #bbdeba;
    --color-4: #ec3352;
    --color-5: #ec3352;
    --color-6: #f0cccc;
    --color-7: #bbdeba;

    --color-1-opacity: #ec335255;
    --color-2-opacity: #ec335255;
    --color-3-opacity: #bbdeba55;
    --color-4-opacity: #ec335255;
    --color-5-opacity: #ec335255;

    --color-1-opacity-darker: #ec335299;
    --color-2-opacity-darker: #ec335299;
    --color-3-opacity-darker: #bbdeba99;
    --color-4-opacity-darker: #ec335299;
    --color-5-opacity-darker: #ec335299;

    --color-1-opacity-darkest: #ec3352dd;
    --color-2-opacity-darkest: #ec3352dd;
    --color-3-opacity-darkest: #bbdebadd;
    --color-4-opacity-darkest: #ec3352dd;
    --color-5-opacity-darkest: #ec3352dd;

    /* body */
    --page-background: var(--color-3);
    --text: var(--color-6);
    --text-font: "Loos Normal", sans-serif;
    --headers: var(--color-4);
    --headers-font: "Bacalar Condensed", sans-serif;
    --links: var(--color-1);
    --links-hover: var(--color-2);

    /* buttons */
    --btn-font-size: 1rem;
    --btn-border-radius: 0px;
    --btn-main-bg: var(--color-1);
    --btn-main-text: var(--color-6);
    --btn-main-border: var(--color-1);
    --btn-main-shadow: var(--color-5-opacity) 0px 1px 3px, var(--color-5-opacity-darker) 0px 1px 2px;
    --btn-hover-bg: var(--color-6);
    --btn-hover-text: var(--color-1);
    --btn-hover-border: var(--color-6);
    --btn-focus-shadow: 0 0 0 0.25rem var(--color-1-opacity);
    --btn-padding: 8px 22px;

    /* header */
    --header-background: var(--color-5);
    --header-text: var(--color-6);
    --header-text-hover: var(--color-7);
    --scrolled-header-background: var(--color-5);
    --scrolled-header-text: var(--color-3);

    /* footer */
    --footer-background: var(--color-5);
    --footer-text: var(--color-6);
    --footer-link-hover: var(--color-7);

    /* gallery */
    --gallery-bg: var(--color-4);

    /* modal */
    --modal-text: var(--color-4);
    --modal-bg: var(--color-6);
    --modal-btn-text: var(--color-3);
    --modal-close-btn-shadow: var(--color-1-opacity);

    /* reviews */
    --review-carousel-text: var(--color-3);
    --review-carousel-name: var(--color-3);
    --review-carousel-bg: var(--color-1);
    --review-stars: var(--color-1);

    /* calendar */
    --calendar-month-border: var(--color-3);
    --calendar-month-bg: var(--color-3);
    --calendar-month-title: var(--color-3);
    --calendar-month-day: var(--color-3);
    --calendar-month-highlight: var(--color-2-opacity);
    --calendar-month-number: var(--color-3);

    /* forms */
    --form: var(--color-3);
    --form-text: var(--color-4);
    --form-border: var(--color-4);
}

.accent-1 {
	background-color: var(--color-1);
	color: var(--color-4);
	--btn-font-size: 1rem;
	--btn-border-radius: 0px;
    --btn-hover-bg: var(--color-1);
	--btn-hover-text: var(--color-6);
	--btn-hover-border: var(--color-1);
	--btn-main-bg: var(--color-6);
	--btn-main-text: var(--color-1);
	--btn-main-border: var(--color-6);
	--headers: var(--color-4);
	--text: var(--color-4);
	--links: var(--color-7);
	--links-hover: var(--color-3);
}

.accent-2 {
	background-color: var(--color-2);
	color: var(--color-6);
	--btn-font-size: 1rem;
	--btn-border-radius: 0px;
	--btn-hover-bg: var(--color-1);
	--btn-hover-text: var(--color-6);
	--btn-hover-border: var(--color-1);
	--btn-main-bg: var(--color-6);
	--btn-main-text: var(--color-1);
	--btn-main-border: var(--color-6);
	--headers: var(--color-6);
	--text: var(--color-6);
	--links: var(--color-1);
	--links-hover: var(--color-3);
}

/* Body */
.internal .body-wrapper{background:url('../images/design/home-grid.webp');background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}.page-overlay{background-color:var(--color-1-opacity-darkest)!important}@media(max-width:992px){body.internal .body-wrapper{background:var(--color-1)}body.internal .body-wrapper main{background-color:var(--color-1)}}

/* Text */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: var(--headers)
}

p,
body,
li,
a,
.text1.big {
    color: var(--text);
    font-size: 1.15rem;
    transition: color .5s ease;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease
}

.internal p,
    .internal body,
    .internal li,
    .internal a {
        color: var(--color-4);
    }

    .internal .text1.big {
        color: var(--color-6);
    }

    .internal div.accent-2 p,
    .internal div.accent-2 body,
    .internal div.accent-2 li,
    .internal div.accent-2 a,
    .internal div.accent-2 .text1.big {
        color: var(--color-6);
    }

    .footer p,
    .footer body,
    .footer li,
    .footer a,
    .footer .text1.big {
        color: var(--color-4);
    }
h1,
.h1,
h2,
.h2,
h3,
.h3,
.text1.big {
    font-family: var(--headers-font);
    text-transform: uppercase
}

h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
body,
li,
a {
    font-family: var(--text-font)
}

@media(max-width:768px) {

    p,
    body,
    li,
    a,
    .text1.big {
        color: var(--text);
        font-size: 1rem
    }
    .internal p,
    .internal body,
    .internal li,
    .internal a {
        color: var(--color-4);
    }

    .internal .text1.big {
        color: var(--color-6);
    }

    .internal div.accent-2 p,
    .internal div.accent-2 body,
    .internal div.accent-2 li,
    .internal div.accent-2 a,
    .internal div.accent-2 .text1.big {
        color: var(--color-6);
    }

    .footer p,
    .footer body,
    .footer li,
    .footer a,
    .footer .text1.big {
        color: var(--color-4);
    }
}

a:hover,
a:active,
a:focus {
    color: var(--links-hover)
}
/* Footer */
footer{background-color:var(--footer-background);color:var(--footer-text)}footer h1,footer .h1,footer h2,footer .h2,footer h3,footer .h3,footer h4,footer .h4,footer h5,footer .h5,footer h6,footer .h6{color:var(--footer-text)}footer p,footer body,footer li,footer a{color:var(--footer-text)}.navbar-nav .nav-link,.footer-nav .nav-link{color:var(--header-text);font-size: 1.15rem;}footer a:hover,footer a:active,footer a:focus,.navbar-nav .nav-link:hover,.navbar-nav .nav-link:active,.navbar-nav .nav-link:focus,.footer-nav .nav-link:hover,.footer-nav .nav-link:active,.footer-nav .nav-link:focus{color:var(--footer-link-hover)}

/* Header */
.header.header-sticky{background-color:var(--header-background);transition:background-color 1s ease,max-height 1s ease;-webkit-transition:background-color 1s ease,max-height 1s ease;-o-transition:background-color 1s ease,max-height 1s ease;transition:background-color 1s ease,max-height 1s ease}.header.header-sticky.scrolled{background-color:var(--scrolled-header-background)}

/* Dropdowns */
.dropdown-menu{border:1px solid var(--color-1);background-color:var(--scrolled-header-background);border-radius:8px;position:absolute;z-index:1000;display:none;padding:0rem;margin:0;font-size:1rem;text-align:left;list-style:none;overflow:hidden}.dropdown-menu li .dropdown-item{background-color:var(--header-background);color:var(--header-text);padding:.5rem 1rem}.dropdown-menu li .dropdown-item:hover,.dropdown-menu li .dropdown-item:active,.dropdown-menu li .dropdown-item:focus{background-color:var(--color-1);color:var(--header-text)}

/*Buttons*/
[class^="btn"]:not(.btn-close,.sidebar-toggle),button#header-arrows,.subscribe-button,.portfolio-shuffle a,div.form-group.d-grid.gap-2>button,.cta-button{background-color:var(--btn-main-bg);color:var(--btn-main-text);border:2px solid var(--btn-main-border);border-radius:var(--btn-border-radius);-webkit-box-shadow:var(--btn-main-shadow);box-shadow:var(--btn-main-shadow);font-size:var(--btn-font-size);padding:var(--btn-padding);text-transform:uppercase;letter-spacing:2px;font-weight:600;transition:"padding .3s ease-in-out","margin .3s ease-in-out"}[class^="btn"]:not(.btn-close,.sidebar-toggle):hover,[class^="btn"]:not(.btn-close,.sidebar-toggle):active,[class^="btn"]:not(.btn-close,.sidebar-toggle):focus,button#header-arrows:hover,button#header-arrows:active,button#header-arrows:focus,.subscribe-button:hover,.subscribe-button:active,.subscribe-button:focus,.portfolio-shuffle a:hover,.portfolio-shuffle a:active,.portfolio-shuffle a:focus,div.form-group.d-grid.gap-2>button:hover,div.form-group.d-grid.gap-2>button:active,div.form-group.d-grid.gap-2>button:focus,.cta-button:hover,.cta-button:active,.cta-button:focus{background-color:var(--btn-hover-bg);color:var(--btn-hover-text);border:2px solid var(--btn-hover-border)}[class^="btn"]:not(.btn-close,.sidebar-toggle):focus,button#header-arrows:focus,.subscribe-button:focus,.portfolio-shuffle a:focus,div.form-group.d-grid.gap-2>button:focus,.cta-button:focus{-webkit-box-shadow:var(--btn-focus-shadow);box-shadow:var(--btn-focus-shadow)}.btn-close:focus{outline:0;-webkit-box-shadow:0 0 0 .25rem var(--modal-close-btn-shadow);box-shadow:0 0 0 .25rem var(--modal-close-btn-shadow);opacity:1}

/*Social*/
.social .facebook{--primary-color:#3B5998}.social .twitter{--primary-color:#1DA1F2}.social .instagram{--primary-color:#EA0C5F}.social .google-plus{--primary-color:#DB4437}.social .google{--primary-color:#4285F4}.social .youtube{--primary-color:#ff0000}.social .yelp{--primary-color:#af0606}.social .pinterest{--primary-color:#BD081C}.social .tumblr{--primary-color:#35465c}.social .linkedin{--primary-color:#0077B5}.social .trip-advisor{--primary-color:#00af87}.social .vimeo{--primary-color:#1ab7ea}.social{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding-left:0;margin-bottom:0;margin-left:-.5rem}.social li a{padding:5px;font-size:1.25rem}.social li a:hover,.social li a:focus{text-decoration:none;outline:0}.social li a{color:var(--color-3);color:var(--secondary-color,--color-3);-webkit-transition:color 300ms,background-color 300ms;-o-transition:color 300ms,background-color 300ms;transition:color 300ms,background-color 300ms;text-decoration:none}.social li a:hover,.social li a:focus{color:var(--primary-color,--color-1)!important}.social li a:focus{-webkit-box-shadow:0 0 0 2pt var(--outline);box-shadow:0 0 0 2pt var(--outline)}.social li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2rem}

/* Spillover */
.spillover *{margin:auto}.spillover{background-color:var(--color-1);padding:9px 0 9px 0;text-align:center}

/* Copyright */
.copyright p,.copyright a{font-size:1rem!important;text-align:center}@media (max-width:767px){.copyright p,.copyright a{font-size:0.75rem!important;text-align:center}}