/**
Theme Name: Visita Prototype
Author: VISITA
Author URI: https://www.visita.com.au/
Description: This is a prototype website to provide an example of VISITA search and book website functionality.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: visita-prototype
Template: astra
*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400&display=swap');

/* === Global Component Styles === */

/* --- Typography Change Content --- */

h1 span, h2 span, h3 span{
    color: #000;
}
.vp-pb-text h1 span{
    color: #fff !important;
}
.vp-big-text{
    font-size: 60px;
    color: #fff;
}
@media only screen and (max-width: 1200px)  {
    .vp-big-text{
        font-size: 52px;
    }
}
@media only screen and (max-width: 768px) {
    .vp-big-text{
        font-size: 38px;
    }
}
@media only screen and (max-width: 480px) {
    .vp-big-text{
        font-size: 32px;
    }
}
.vp-text-container h1{
    color: #000000;
}
.vp-property-box h2{
    color: #000000;
}
.vp-result-header h1{
    color: #000000;
}

.reservation-boxes h2{
    background: #F12E59;
    color: #fff;
}
.confirmation-boxes h2{
    background: #F12E59;
    color: #fff;
}
/* === Header Component Styles === */

.main-header-bar{
    background-color: #FFFFFF;
}
.main-header-bar:hover{
    background-color: #FFFFFF;
}
.page-id-2 .main-header-bar{
    /* - Make homepage header transparent - */
    background-color: #FFFFFF;
}
.main-header-bar.menu-open{
    background-color: #FFFFFF;
}
.vp-secondary-menu .menu .sub-menu .menu-item a{
    color: #000000;
}
.vp-menu-button .vp-menu-link span{
    font-size: 16px;
    font-weight: 400;
    background: #F12E59;
    color: #fff;
}
/* --- Mega Menu Content --- */

.vp-primary-menu .menu-item a{
    color: #000;
}
.vp-secondary-menu .menu .fl-has-submenu-container a{
    color: #000;
}
.vp-button.vp-button-primary .fl-button{
    background: #F12E59 !important;
}
.vp-button.vp-button-primary .fl-button span{
    color: #fff !important;
}
.vp-button.vp-button-primary .fl-button:hover{
    background: #F12E59 !important;
}
.vp-button.vp-button-border{
    background: transparent;
    border: 1px solid #000000;
    color: #000000;
}
.vp-button.vp-button-border:hover{
    background: #000000;
    border: 1px solid #000000;
    color: #FFF;
}

/* === Property Card Component === */

.card-bottom h2 {
    color: #000;
}
.card-bottom h2 a{
    color: #000;
}
.card-bottom h3 {
    color: #000;
}
.card-container .fl-icon-wrap .fl-icon i{
    color: #F12E59;
}

/* === Flip Box Component === */

.vp-flip-box .uabb-face.uabb-back {
    background: #f12e59;
}
.vp-flip-box .uabb-face.uabb-back h2 {
    font-weight: 300 !important;
    text-transform: uppercase;
}
.vp-flip-box .uabb-face.uabb-back .uabb-button {
    background: #f12e59;
}
.vp-flip-box .uabb-face.uabb-back .uabb-button .uabb-button-text{
    color: #fff !important;
    font-weight: 400;
}
.vp-double-flip-box .uabb-face.uabb-back {
    background: #fff;
}
.vp-double-flip-box  .uabb-face.uabb-back .uabb-button {
    background: #f12e59;
}
.vp-double-flip-box .uabb-face.uabb-back .uabb-button span{
    color: #fff !important;
}
.vp-flip-box .uabb-face.uabb-front .uabb-flip-box-section {
    background: #f12e59;
}
/* --- White Background Flip Box --- */

.vp-flip-box.vp-white-back .uabb-face.uabb-back p {
    color: #000000;
}
.vp-flip-box.vp-white-back .uabb-face.uabb-back {
    background: #fff;
}
.vp-flip-box.vp-white-back .uabb-face.uabb-back h2 {
    color: #000000;
}

/* --- Main Search Component --- */
.button-input input{
    background: #F12E59;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

/* === Page Bottom Subscribe Component === */
.vp-subscribe-text{
    background: #000052;
}
.vp-subscribe-form  input[type="button"] {
    background: #F12E59 !important;
    font-size: 16px;
    color: #fff !important;
    font-weight: 400;
}

/* === Filter Bar Component === */

.vp-filter-button a{
    background: #F12E59;
    text-transform: uppercase;
}
.vp-filter-search input[type="submit"] {
    background: #F12E59;
    color: #fff;
    font-weight: 400;
}
.vp-filter-search input.dates-input-result {
    background: #f4f5f5 url(/wp-content/uploads/2022/06/calander-icon-2.svg) no-repeat right 8px center;
}
.vp-filter-search select {
    background: #f4f5f5 url(/wp-content/uploads/2020/09/chevron-down-solid-black.svg) no-repeat right 8px center;
}
.vp-footer-txt p{
    color: #000 !important;
}
.vp-footer-txt p a{
    color: #F12E59 !important;
}
.vm-fm-submit input{
    background: #F12E59;
}
.vm-fm-submit input:hover{
    background: #F12E59;
}
.vp-filter-button-mobile a{
    background: #F12E59;
}
.vp-filter-details-mobile a{
    background: #F12E59;
}
.vp-fm-items select{
    background: #f4f5f5 url(/wp-content/uploads/2020/09/chevron-down-solid-black.svg) no-repeat right 8px center;
}
/* === Side Availability Component === */
.vp-side-search .vp-side-list input[type="submit"] {
    background: transparent;
    font-weight: 400;
    border: 1px solid #F12E59;
    font-size: 16px;
    color: #F12E59;
}
.vp-side-search .vp-side-list input[type="submit"]:hover{
    background: #F12E59;
    color: #fff;
}
.button-book-now{
    background: #F12E59;
    color: #fff;
    font-size: 16px;
}
.button-book-now:hover{
    background: #F12E59;
    color: #fff;
}
.button-sidebar-info,.button-sidebar-info:focus  {
    background: #fff;
    padding: 7px 25px;
    margin-bottom: 10px;
    font-weight: 400;
    border: 1px solid #F12E59;
    font-size: 14px;
    color: #F12E59;

}
.button-sidebar-info:hover{
    background: #F12E59;
    color: #fff;
}
.button-sidebar-favorite,.button-sidebar-favorite:focus  {
    background: #fff;
    padding: 7px 25px;
    font-weight: 400;
    border: 1px solid #F12E59;
    font-size: 14px;
    color: #F12E59;
}
.button-sidebar-favorite.added, .button-sidebar-favorite.added:focus{
    background: #F12E59;
    color: #fff;
    border: 1px solid #F12E59;
}
.button-sidebar-favorite:hover{
    background: #F12E59;
    color: #fff;
    border: 1px solid #F12E59;
}
.button-sidebar-favorite.added:hover{
    background: #FFF;
    color: #F12E59;
    border: 1px solid #F12E59;
}
.vm-mi-submit input {
    background: #F12E59 !important;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

/* === More Info Modal Component === */
.vm-mi-submit input:hover{
    background: #F12E59;
}

/* === Datepicker Component Styles === */

.ui-widget-content .vp-day-selected .ui-state-default{
    background: #000000 !important;
    color: #fff !important;
}

/* === Reservation Terms Component === */

.form-item-terms-accepted{
    background: #F12E59;
    color: #fff;
}
.button-submit {
    background: #F12E59 !important;
    color: #fff !IMPORTANT;
    font-size: 18px;
}

/* === Fixed Favorite Icon Component === */

.vp-favorite-fix-icon{
    background: #F12E59;
}

.vp-favorite-fix-icon i span{
    color: #fff;
    background: rgb(0 0 0 / 0.9);
}

/* === Text-Image Component === */

#read-more{
    color: #F12E59 !important;
}
.read-more-accordion .fl-accordion-button a:hover {
    color: #F12E59 !important;
}
.read-more-accordion .fl-accordion-button a:focus{
    color: #F12E59 !important;
}
/* === Contact Component === */

.contact-form-container .nf-field-element input[type="button"] {
    color: #fff;
    background: #F12E59;
}

/* === Testimonial component === */

.testimonials-box .uabb-testimonial-author-name{
    color: #F12E59;
}

#cookie-law-info-bar{
    width: 25%;
    left: 15px;
    padding: 40px 30px !important;
    bottom: 15px !important;
}
@media only screen and (max-width: 1200px) {
    #cookie-law-info-bar{
        width: 100%;
        left: 0;
        padding: 20px 40px !important;
        bottom: 0 !important;
    }
}
.cli-style-v2{
    display: flex;
    flex-direction: column;
    width: 100%;
}
@media only screen and (max-width: 1200px) {
    .cli-style-v2{
        flex-direction: initial;
    }
}
.cli-style-v2 .cli-bar-message{
    width: 100%;
}
.cli-bar-btn_container{
    margin: 15px 0 0 0;
}