:root {
    --golden: #D79F67;
    --navy: #004B7A;
    --bluedark:#02182A;
    --bluelight:#F1F9FF;
    --blue: #267CBD;
}

/* text-utilities */
.text-navy {color: var(--navy) !important;}
.text-blue { color: var(--blue) !important;}

/* color utilities */
.bg-navy {background-color: var(--navy);}
.bg-bdark {background-color: var(--bluedark);}
.bg-blight {background-color: var(--bluelight);}

/* buttons */
.btn-yucalpeten { background: transparent; border-radius: 170px; border: 2px solid var(--navy); padding: 1rem 3rem; text-transform: uppercase;text-decoration: none; color: var(--navy); transition: all .5s ease-in-out; cursor: pointer;}
.btn-yucalpeten:hover { color: white; background-color: var(--navy);}
.btn-yucalpeten-white {border-radius: 170px; border: 2px solid white; padding: 1rem 3rem; text-transform: uppercase;text-decoration: none; color: white; transition: all .5s ease-in-out; cursor: pointer;}
.btn-yucalpeten-white:hover {color: var(--navy); background: white;}
.btn-yucalpeten.navigation {width:2rem; height: 2rem; padding: 0; border-radius: 50%; display: flex; justify-content: center;align-items: center; display:inline-flex;}

/* inputs */
.y-input {width:100%; background: transparent; color: white;border: none; border-bottom: 2px solid white;}
.y-input:focus { outline: none;}


/* navbar */
nav.navbar {transition: all 1s ease-in-out;}
nav.navbar.bg-white svg path {fill: var(--navy)!important;}
nav.navbar.bg-white .navbar-toggler-icon {color:var(--navy)}
nav.navbar.bg-white li.nav-item a.nav-link {color: var(--navy)!important;}
nav.navbar.bg-transparent button.navbar-toggler {color:white;}
nav.navbar button.navbar-toggler:focus {outline: 0;box-shadow:none!important;}
li.nav-item a.nav-link {color: white!important;}
li.nav-item a.nav-link.active { border-bottom: 3px solid var(--golden); font-weight: bold;}
li.nav-item { margin-left: 1rem; margin-right: 1rem;}

/* home */
.video-container { position: relative; min-height: 90vh !important;}
.video-container::after {position:absolute;content:""; width:100%;height: 100%;background: rgba(0, 75, 122, 0.6); z-index: -1;}
  /* slider */
.swiper-slide {background-position: center;background-size: cover;width: 400px !important; transition: width 1s linear;}
.swiper-slide.swiper-slide-active { width: 600px !important;}
.swiper-slide img { display: block; width: 100%; }

/* newsletter */
.bg {position: relative;background-position: center!important;background-repeat: no-repeat!important;background-size: cover!important;min-height: 30vh;}
.bg::after {content: ""; width: 100%; height: 100%;position: absolute;background: rgba(0, 75, 122, 0.6);z-index: 0;}
.zi-1 {z-index: 1;}

/* form */
.yucalpeten-form input, .yucalpeten-form select {background-color: transparent; color: var(--navy); border: none; border-bottom: 1px solid var(--navy); border-radius: 0; margin-bottom: .5rem;}
.yucalpeten-form input:focus, .yucalpeten-form select:focus, .yucalpeten-form textarea { background-color:transparent; outline: none !important; box-shadow: none !important; border-color:var(--navy); }
.yucalpeten-form label {color: var(--navy);}

.yucalpeten-form textarea {
  background-image: -webkit-linear-gradient(left, #F1F9FF 10px, transparent 10px), -webkit-linear-gradient(right, #F1F9FF 10px, transparent 10px), -webkit-linear-gradient(#F1F9FF 30px, #004B7A 30px, #004B7A 31px, #F1F9FF 31px);
  background-image: -moz-linear-gradient(left, #F1F9FF 10px, transparent 10px), -moz-linear-gradient(right, #F1F9FF 10px, transparent 10px), -moz-linear-gradient(#F1F9FF 30px, #004B7A 30px, #004B7A 31px, #F1F9FF 31px);
  background-image: -ms-linear-gradient(left, #F1F9FF 10px, transparent 10px), -ms-linear-gradient(right, #F1F9FF 10px, transparent 10px), -ms-linear-gradient(#F1F9FF 30px, #004B7A 30px, #004B7A 31px, #F1F9FF 31px);
  background-image: -o-linear-gradient(left, #F1F9FF 10px, transparent 10px), -o-linear-gradient(right, #F1F9FF 10px, transparent 10px), -o-linear-gradient(#F1F9FF 30px, #004B7A 30px, #004B7A 31px, #F1F9FF 31px);
  background-image: linear-gradient(left, #F1F9FF 10px, transparent 10px), linear-gradient(right, #F1F9FF 10px, transparent 10px), linear-gradient(#F1F9FF 30px, #004B7A 30px, #004B7A 31px, #F1F9FF 31px);
  background-size: 100% 100%, 100% 100%, 100% 31px;
  border: none;
  line-height: 31px;
  width:100%;
}

.check-container { font-weight: 600;display: block; margin-left: 1rem; position: relative; padding-left: 30px; margin-bottom: .1rem; cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.check-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 5px; left: 0; height: 15px; width: 15px;background-color: #eee;border: solid 1px #DEE2E6 }
.check-container:hover input ~ .checkmark { background-color: #ccc;}
.check-container input:checked ~ .checkmark { background-color: var(--navy); border:none;}

.checkmark:after { content: "";position: absolute; display: none;}
.check-container input:checked ~ .checkmark:after { display: block; }
.check-container .checkmark:after {left: 5px; top: 3px; width: 4px; height: 9px; border: solid white; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.tippy-box[data-theme~='success'] {background-color: var(--navy);color: white;}

.tippy-box[data-theme~='success'][data-placement^='top'] > .tippy-arrow::before { border-top-color: var(--navy);}
.tippy-box[data-theme~='success'][data-placement^='bottom'] > .tippy-arrow::before {border-bottom-color: var(--navy); }
.tippy-box[data-theme~='success'][data-placement^='left'] > .tippy-arrow::before { border-left-color: var(--navy);}
.tippy-box[data-theme~='success'][data-placement^='right'] > .tippy-arrow::before { border-right-color: var(--navy);}

.tippy-box[data-theme~='error'] {background-color: var(--bs-danger);color: white;}

.tippy-box[data-theme~='error'][data-placement^='top'] > .tippy-arrow::before { border-top-color: var(--bs-danger);}
.tippy-box[data-theme~='error'][data-placement^='bottom'] > .tippy-arrow::before {border-bottom-color: var(--bs-danger); }
.tippy-box[data-theme~='error'][data-placement^='left'] > .tippy-arrow::before { border-left-color: var(--bs-danger);}
.tippy-box[data-theme~='error'][data-placement^='right'] > .tippy-arrow::before { border-right-color: var(--bs-danger);}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

body {
  font-family: 'Open Sans', sans-serif;
}

a.btn-yucalpeten, a.btn-yucalpeten-white, h1, h3{
  font-family: 'Cormorant Garamond', serif;
}