/* THEME COLOR */

:root {
    --theme: #ec5826;
}


/* .breadcrumb-area { background: var(--theme) } */

.hero-box:after {
    background-color: #ffffff00 !important;
    background-image: url("../img/lastPNG.png");
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width:350px) and (max-width:869px) {
    .hero-box:after {
        background-color: #ffffff00 !important;
        background-image: url("../img/bnrn2MO.png");
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0.5;
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width:350px) and (max-width:480px) {
    .marginTopHeroBox {
        margin-top: 145px;
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .marginTopHeroBox {
        margin-top: 95px;
    }
}

@media only screen and (min-width:768px) and (max-width:1000px) {
    .marginTopHeroBox {
        margin-top: 157px;
    }
}

@media only screen and (min-width:1001px) and (max-width:1199px) {
    .marginTopHeroBox {
        margin-top: 188px;
    }
}

@media only screen and (min-width:1200px) and (max-width:3500px) {
    .marginTopHeroBox {
        margin-top: 323px;
        margin-bottom: -25px;
    }
}

/* STYLE WITH COLORS */
/* .dashboard-bread {  
    background-color: var(--theme) !important;
    background: linear-gradient(45deg,#543cd0 0,#ae459c 99%); 
    background: linear-gradient(45deg,#2900ff 0,#ff00d3 99%);
} */

@media(min-width: 769px) {
    .accordion-button:not(.collapsed) {
        background-color: #fff;
        color: var(--theme);
        
    }
} 


@media(max-width: 768px) {
    .accordion-button:not(.collapsed) {
        background-color: #fff;
        color: var(--theme);

    }
}    

.dashboard-bread {
    background-color: #ff680000 !important;
}

a {
    color: var(--theme);
}

.section-tab .nav-tabs .nav-link.active {
    color: #23448b;
}

.contact-form-action .form-group .form-icon {
    color: #000000;
}

.ladda-button {
    background-color: var(--theme);
    border-color: var(--theme);
    color: #fff;
    border-radius: 30px;
}

.icon-element {
    background-color: var(--theme);
    border: 1px solid white;
}

.icon-box .info-icon {
    color: var(--theme);
}

.bottom-line::before {
    background: linear-gradient(90deg, #000 0, var(--theme) 100%);
}

.theme-btn {
    background-color: var(--theme);
    border-color: #ffffff;
}

.theme-btn-transparent {
    color: var(--theme);
}

.main-menu-content ul li a:hover {
    color: var(--theme);
}

.main-menu-content ul li .dropdown-menu-item li a:hover {
    color: var(--theme);
}

.stroke-shape::before,
.stroke-shape::after {
    background-color: var(--theme);
}

.form-check-input:checked,
.carousel-action .owl-dots div.active,
.destination-card .card-img .badge {
    background-color: var(--theme);
    border-color: #f6cdc0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #ffffff00;
}

.card-header strong,
.theme-bg p {
    color: var(--theme);
}

.btn-primary {
    background-color: var(--theme);
    border-color: #ffffff;
}

.mixitup-control:disabled {
    background-color: var(--theme);
}

.mixitup-control-active {
    border: 2px solid var(--theme);
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    background-color: var(--theme);
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
    border-top-color: var(--theme);
}

.irs--round .irs-handle {
    border: 4px solid var(--theme);
}

.irs--round .irs-bar {
    background-color: var(--theme);
}

.single-feature-icon {
    color: #fff0;
}

.theme-btn:hover {
    color: var(--theme)
}

.autocomplete-result:hover {
    background-color: var(--theme)
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    border-color: var(--theme) !important;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: var(--theme)
}

.modify_search .form-control:hover,
.modify_search .dropdown-btn:hover {
    box-shadow: var(--theme) 0px 0px 0px 1px inset !important;
    box-shadow: 0 0 0 2px var(--theme);
}

.roomInc:hover,
.roomDec:hover,
.qtyInc:hover,
.qtyDec:hover {
    background-color: var(--theme);
}

.loading-results-globe .loading-results-track:before,
.loading-results-globe .loading-results-track:after,
.loading-results-globe .loading-results-track-progress {
    background-color: var(--theme);
}

.loading-results-globe .destination-prefix {
    color: var(--theme);
}

.theme-search-results-item-flight-section-meta-city {
    color: var(--theme);
}

.theme-search-results-item-flight-section-path-line-dot {
    background-color: var(--theme);
}

.theme-search-results-item-flight-details-schedule-icon {
    color: var(--theme);
}

.sidebar-menu li.active>a,
.sidebar-menu li.page-active>a {
    background-color: var(--theme);
}

.ladda-sm {
    background-color: #fff !important;
    color: var(--theme);
    background-color: var(--theme)
}

.ladda-sm:hover {
    color: #000
}