/*
 * Package Transfer Referral theme
 * */

/* --- color palette --- */

body {
    color: #000000 !important;
    font-size: 20px;
    line-height: 28px;
}

.black-text {
    color: #333333;
}

.white-text {
    color: #ffffff;
}

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

.light-gray-bg {
    background-color: #f5f5f5;
}

/* --- typography --- */

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

/* --- override --- */

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

.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.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: #f76b3c;
    background: none;
}

/* --- 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: 2em;
}

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

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

.offer-border {
    border: 4px solid #f76b3c;
    padding: 15px;
}

.destination-card {
    background-color: #ffffff;
    border: 1px solid #bababa;
    border-radius: 5px;
    /*cursor: pointer;*/
    margin-bottom: 20px;
    padding: 5px;
}

/*.destination-card:hover {*/
/*    border-color: #f76b3c;*/
/*    color: #f76b3c;*/
/*}*/

/* --- utilities --- */
/* scale: 1 (.25em), 2 (.5em), 3 (1em), 4 (1.5em), 5 (3em) */

.full-width {
    width: 100%;
}

.margin-vertical-1 {
    margin: .25em 0;
}

.margin-vertical-2 {
    margin: .5em 0;
}

.margin-vertical-3 {
    margin: 1em 0;
}

.margin-vertical-4 {
    margin: 1.5em 0;
}

.margin-vertical-5 {
    margin: 3em 0;
}

.margin-top-1 {
    margin-top: .25em;
}

.margin-top-2 {
    margin-top: .5em;
}

.margin-top-3 {
    margin-top: 1em;
}

.margin-top-4 {
    margin-top: 1.5em;
}

.margin-top-5 {
    margin-top: 3em;
}

.margin-bottom-1 {
    margin-bottom: .25em;
}

.margin-bottom-2 {
    margin-bottom: .5em;
}

.margin-bottom-3 {
    margin-bottom: 1em;
}

.margin-bottom-4 {
    margin-bottom: 1.5em;
}

.margin-bottom-5 {
    margin-bottom: 3em;
}

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

/* --- media query --- */

/* 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;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    .mobile-margin-bottom-4 {
        margin-bottom: 1.5em;
    }
}

/* 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;
    }
}