/*
 * First Stay (Tri-fold) theme
 * */

/* color palette */
.black-text {
    color: #333333;
}

.white-text {
    color: #ffffff;
}

.blue-text {
    color: #0ca0d2;
}

.orange-text {
    color: #f76b3c;
}

.green-text {
    color: #1c4b34;
}

.blue-bg {
    background-color: #0ca0d2;
}

.peach-bg {
    background-color: #fff2e8;
}

.coconut-husk-bg {
    background-color: #e8dBd0;
}

/* typography */
.dunbar-tall {
    font-family: 'DunbarTall', Helvetica, Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
}

.dunbar-tall-ultra {
    font-family: 'DunbarTall', Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

/* override */
.modal-header,
.modal-footer {
    border: none;
}

.wavy-top,
.wavy-bottom {
    display: none;
}

.ribbon {
    background-color: #e8dBd0;
}

.ribbon,
.ribbon .vert-center {
    display: block;
}

.spotlight {
    padding: 0;
}

.select2-results__option--highlighted {
    background-color: #f76b3c !important;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    color: #cccccc;
    cursor: not-allowed;
}

.owl-prev,
.owl-next {
    color: inherit !important;
}

footer {
    border-top: 0;
}

/* buttons */
.btn-primary.btn-orange {
    background: #f76b3c;
    border-color: #f76b3c;
    color: #ffffff;
}

.btn-primary.btn-orange:active,
.btn-primary.btn-orange:hover {
    background: #ffffff;
    border-color: #f76b3c;
    color: #f76b3c;
}

.btn-primary.btn-blue-inverse {
    background: #ffffff;
    border-color: #ffffff;
    color: #0ca0d2;
    font-weight: bold;
}

.btn-primary.btn-blue-inverse:active,
.btn-primary.btn-blue-inverse:hover {
    background: #0ca0d2;
    border-color: #ffffff;
    color: #ffffff;
}

.btn.wide {
    border-radius: 100px;
    margin-bottom: 20px;
    padding: 10px 30px;
}

/* secondary navigation */
.secondary-navigation {
    background-color: #ffffff;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 0;
}

.nav.nav-pills a,
.nav.nav-pills a:active {
    border: none;
    color: #2f343b;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 35px 20px 0;
}

.nav.nav-pills a:hover,
.nav.nav-pills a:focus {
    color: #f47d30;
    background: none;
}

/* carousel */

.owl-theme .owl-dots .owl-dot span {
    background: #30343a;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #f76b3c;
}

.owl-next {
    position: absolute;
    right: 0;
    top: 43%;
}

.owl-prev {
    position: absolute;
    left: 0;
    top: 43%;
}

.owl-carousel {
    padding-left: 60px;
    padding-right: 60px;
}

.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.carousel-control .fa-chevron-right,
.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px;
}

@media screen and (min-width: 768px) {
    .carousel-control .fa-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-control .fa-chevron-left,
    .carousel-control .fa-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }
}

/* form */
#main_form label {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
}

#main_form .input-custom {
    border-color: #f76b3c;
    border-radius: 0;
    font-size: 16px;
}

#main_form .select2-container--default .select2-selection--single {
    border: 1px solid #f76b3c;
    border-radius: 0;
}

#main_form .select2-container .select2-selection--single {
    height: 30px;
}

#main_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #f76b3c transparent transparent transparent;
}

#main_form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #f76b3c transparent;
}

#main_form .input-group.date .input-group-addon {
    background-color: #f76b3c;
    border-color: #f76b3c;
    border-radius: 0;
    color: #ffffff;
    cursor: initial;
}

#main_form .datepicker .active {
    background-color: #f76b3c !important;
}

/* misc */
.medium-icon {
    width: 80px;
}

.modal-body .well {
    overflow: scroll;
}

.link-copied-success {
    background-color: #006451 !important;
    border-color: #006451 !important;
    color: #ffffff !important;
    transition: 0.25s ease;
}

.link-copied-error {
    background-color: #a94442 !important;
    border-color: #a94442 !important;
    color: #ffffff !important;
    transition: 0.25s ease;
}

.banner-lg,
.banner-lg .carousel-item {
    height: 290px;
}

.offer-img {
    margin-top: 0;
}

.offer-border {
    border: 1px solid #46403f;
    padding: 15px;
}

.destination-card {
    cursor: pointer;
}

/* utility */
.full-width {
    width: 100%;
}

.margin-vertical-1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-vertical-4 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.margin-top-1 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-2 {
    margin-top: 20px;
}

.margin-top-3 {
    margin-top: 30px;
}

.margin-bottom-1 {
    margin-bottom: 10px;
}

.margin-bottom-2 {
    margin-bottom: 20px;
}

.margin-bottom-3 {
    margin-bottom: 30px;
}

.margin-bottom-4 {
    margin-bottom: 40px;
}

.margin-bottom-5 {
    margin-bottom: 50px;
}

.mobile-text-center {
    text-align: center;
}

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width: 320px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .banner-lg, .banner-lg .carousel-item {
        height: 200px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .banner-lg, .banner-lg .carousel-item {
        height: 270px;
    }
    .mobile-text-center {
        text-align: left;
    }
    .offer-img {
        margin-top: 32px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
    .banner-lg, .banner-lg .carousel-item {
        height: 320px;
    }
}

/* Extra Large Devices, Wide Screens */
@media only screen and (min-width: 1600px) {
    .banner-lg, .banner-lg .carousel-item {
        height: 420px;
    }
}

/* Extra Large Devices, Ultra Wide Screens */
@media only screen and (min-width: 1920px) {
    .banner-lg, .banner-lg .carousel-item {
        height: 500px;
    }
}

/* Extra Large Devices, Ultra Wide Screens */
@media only screen and (min-width: 2560px) {
    .banner-lg, .banner-lg .carousel-item {
        height: 640px;
    }
}