/*********************** UI ************************* *
 *  1. Buttons
 *  2. Forms
 *      2.1. Input
 *      2.2. Placeholder
 *      2.3. Misc Form Elements
 *  3. Misc UI Elements
****************************************************/

/******************* 1. Buttons ********************/

.uk-button {
    font-family: "Assistant", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    padding: 15px 35px;
    border-radius: 10px;
    border: none;
    text-transform: inherit;
}
.uk-button-primary,
.uk-light .uk-button-primary {
    color: #fff;
    background: #BE6C44; 
}
.uk-button-primary:hover, 
.uk-button-primary:focus,
.uk-light .uk-button-primary:hover, 
.uk-light .uk-button-primary:focus {
    background-color: #20391C;
    color: #fff;
}
.uk-button-secondary,
.uk-light .uk-button-secondary {
    background: #FFF;
    color: #BE6C44;
    background-color: #20391C;
    color: #fff;
}
footer .uk-button-secondary {
    background-color: #20391C;
    color: #fff;
}
.uk-button-secondary:hover,
.uk-button-secondary:focus,
.uk-light .uk-button-secondary:hover,
.uk-light .uk-button-secondary:focus {
    background-color: #BE6C44;
    color: #fff;
}
.uk-button-default,
.uk-light .uk-button-default {
    background-color: #BE6C44;
    color: #fff;
}
.uk-button-default:hover,
.uk-button-default:focus,
.uk-light .uk-button-default:hover,
.uk-light .uk-button-default:focus {
    background-color: #20391C;
    color: #fff;
}
.uk-button-custom {
    background: #F8F4EF;
    font-weight: 400;
    color: #222;
}
.uk-button-link {
    font-family: "Assistant", sans-serif;
    display: flex;
    color: #20391C;
    font-size: 14px;
    font-weight: 700;
}
.uk-button-small {
    font-size: 17px;
    padding: 15px 20px;
}

/******************** 2. Forms *********************/

/**** 2.1. Input ****/

.uk-input,
.uk-textarea,
.uk-select {
    font-size: 16px;
    height: auto;
    padding: 28px 20px 9px;
    line-height: 1.1;
    border: 1px solid #D3D3D3;
    color: #222;
    border-radius: 10px;
}
.uk-input-flat {
    border: none;
    padding-left: 0;
}
.uk-input:focus,
.uk-textarea:focus,
.uk-select:focus {
    color: #000;
    border-color: #BE6C44;
}
.uk-textarea {
    height: 100px;
    padding-top: 10px;
}
.uk-select:not([multiple]):not([size]) {
    padding: 20px;
    height: auto;
}
.uk-radio {
    margin-right: 10px;
}
.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus,
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
    background-color: #BE6C44;
}

/**** 2.2. Placeholder ****/

.uk-input::-ms-input-placeholder {
    color: #9F9FAC !important;
}
.uk-input::placeholder {
    color: #9F9FAC;    
}
.uk-textarea::-ms-input-placeholder {
    color: #9F9FAC !important;
}
.uk-textarea::placeholder {
    color: #9F9FAC;
}

/**** 2.3. Misc Form Elements ****/
label:not(.uk-label) {
    position: absolute;
    z-index: 1;
    top: 9px;
    left: 20px;
    color: #808080;
    font-size: 13px;
}
.uk-label {
    display: inline-block;
    padding: 0;
    background: transparent;
    line-height: 1.5;
    font-size: 18px;
    color: #686878;
    text-transform: inherit;
}
.newsletter-form {
    position: relative;
}
.newsletter-form .uk-input {
    padding: 10px 20px;
    border-color: transparent;
    border-radius: 20px;
}
.newsletter-form .uk-input:focus-visible {
    border-color: transparent !important;
}
.newsletter-form .uk-button {
    padding: 15px 0;
    line-height: 1;
    width: 125px;
    margin-top: 15px;
}
.wpcf7-spinner {
    display: block;
}
.booking-form input,
.booking-form select,
.booking-form input:focus,
.booking-form select:focus {
    background: #F8F4EF;
    border: none;
}
#booking-form select {
    padding: 28px 20px 9px 40px;
}
.form-search {
    border-radius: 60px;
    background: #BE6C44;
    display: flex;
    width: 64px;
    height: 64px;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
}
.uk-form-icon {
    width: auto;
    top: auto;
    bottom: 15px;
}
.booking-form label {
    color: #27282C;
    font-size: 16px;
    font-weight: 500;
    left: 40px;
    top: 2px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
}
.daterangepicker .drp-buttons .cancelBtn {
    background-color: #20391C;
    border: 1px solid #20391c;
    color: #fff;
    border-radius: 4px;
}
.daterangepicker .drp-buttons .applyBtn {
    background-color: #BE6C44;
    border: 1px solid #BE6C44;
    color: #fff;
    border-radius: 4px;
}
.daterangepicker td.in-range {
    background-color: #f8f4ef;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #f8f4ef;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #BE6C44;
}

/*************** 3. Misc UI Elements ****************/

/**** Overlay ****/
.uk-overlay-primary {
    background: rgba(0,0,0,.4);
}

/**** Badge *****/
.uk-badge {
    color: #20391C !important;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    background: #F8F4EF;
    padding: 0 8px;
}

/**** Border ****/
.uk-border-rounded {
    border-radius: 10px;
    overflow: hidden;
}
.uk-border-rounded-large {
    border-radius: 20px;
    overflow: hidden;
}


/**** Panel ****/
.uk-panel {
    border-radius: 20px;
    overflow: hidden;
}
.uk-panel-padding,
.uk-panel-padding-small {
    padding: 50px 0;
}
.uk-panel-border {
    border: 1px solid #E2E2E2;
}
.uk-panel-background {
    background: #F8F4EF;
}


/**** Modal ****/
.uk-modal {
    background: rgba(32, 57, 28, 0.70);
}
.uk-modal-dialog {
    /* width: 1020px; */
    padding-bottom: 0;
}


/**** Accordion ****/
.faq-accordion > li {
    padding: 20px 15px;
    border-radius: 10px;
    background: #F8F4EF;
}
.faq-accordion li.uk-open {
    border: 1px solid #E2E2E2;
    background: #FFF;
}
.faq-accordion .uk-accordion-title {
    padding-left: 40px;
    position: relative;
    color: #20391C;
    font-size: 16px;
    font-weight: 700;
    font-family: "Assistant", sans-serif;
    margin: 0;
}
.faq-accordion .uk-accordion-title::after {
    content: "";
    position: absolute;
    height: 26px;
    width: 26px;
    background-image: url('../../img/icon-help.svg');
    left: 0;
    top: 0;
}
.faq-accordion .uk-accordion-title::before {
    background-image: url('../../img/accordion-open.svg');
}
.faq-accordion .uk-open > .uk-accordion-title::before {
    background-image: url('../../img/accordion-close.svg');
}
.tour-accordion .uk-accordion-title {
    color: #20391C;
    font-size: 28px;
}
.tour-accordion .uk-accordion-title::before {
    background-image: url('../../img/acc-open.svg');
}
.tour-accordion .uk-open > .uk-accordion-title::before {
    background-image: url('../../img/acc-close.svg');
}
.uk-accordion:not(.sidebar-accordion ) li ul {
    list-style: disc;
}

/**** Card ****/
.uk-card {
    border-radius: 5px;
}
.uk-card-media {
    border-radius: 5px;
    overflow: hidden;
}
.uk-card-body {
    border-radius: 0 0 10px 10px;
    padding: 25px;
}

/**** Slider ****/
.uk-slider-container-offset {
    margin: 0;
    padding: 11px 25px 25px 25px;
}
.uk-slidenav {
    background: #F8F4EF;
    border-radius: 50px;
    color: #20391C;
    padding: 10px;
}
.uk-slidenav > svg {
    display: none;
}
.slidenav-wrap {
    position: absolute;
    top: -85px;
    right: 0;
}

/**** Dotnav ****/

.uk-dotnav {
    padding: 0 25px;
}
.uk-dotnav > * {
    padding: 0px;
    border-radius: 50px;
    margin: 0 0 8px 8px;
}
.uk-dotnav > .uk-active {
    padding: 0px;
    border-radius: 50px;
    margin-left: 10px;
}
.uk-dotnav > * > * {
    border: 1px solid #20391C;
    width: 8px;
    height: 8px;
}
.uk-dotnav > .uk-active > *,
.uk-dotnav > li > *:hover {
    background-color: #20391C;
    border-color: #20391C;
}
.dotnav {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.dotnav li {
    width: 50%;
}
.dotnav li a {
    background: #E4E4E4;
    display: inline-block;
    width: 100%;
    height: 7px;
}
.dotnav li.uk-active a {
    background: #BE6C44;
    border-radius: 12px;
}

/**** Price range ****/

.price-input {
    width: 100%;
    display: flex;
    margin: 0 0 10px;
}
.price-input .field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #27282C;
}
.field input {
    outline: none;
    font-size: 18px;
    border: none;
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.slider {
    height: 10px;
    position: relative;
    background: #d9d9d9;
    border-radius: 10px;
}
.slider .progress {
    height: 100%;
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 10px;
    background: #20391c;
}
.range-input {
    position: relative;
}
.range-input input {
    position: absolute;
    width: 100%;
    height: 6px;
    top: -9px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #17a2b8;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
input[type="range"]::-moz-range-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #fff;
    pointer-events: auto;
    -moz-appearance: none;
    border: 6px solid #27282C;
    cursor: pointer;
}

/**** Drop ****/

.uk-drop {
    width: auto;
}