/*
Theme Name: Sellabees child
Theme URL: https://sellabees.nl/
Description: Sellabees theme
Author: Sellabees
Author URL: https://sellabees.nl/
Template: Divi
Version: 3.0
Text Domain: Sellabees-child
*/ 


/* ===================================
   LOGIN PAGE STYLING
   =================================== */

/* Login button */
input#wp-submit {
    width: 100%;
    background-color: #0f4053;
}

/* Back to 'sitename' button - hidden */
p#backtoblog {
    display: none;
}

/* Login page background */
body.login {
    background-image: url("");
    background-color: #f2f2f2;
    background-position: center center;
}

/* Login form */
#login form#loginform, 
#login form#registerform, 
#login form#lostpasswordform {
    padding: 26px 24px 46px 25px;
    border-radius: 10px;
    box-shadow: 0 1px 50px rgba(2, 2, 2, 0.3);
}


/* ===================================
   FLATPICKR DATE PICKER STYLING
   =================================== */

.cur-month, .cur-year {
    text-transform: capitalize;
    font-weight: 300 !important;
    font-size: 14px !important;
}

.cur-year {
    width: 43px !important;
}

.flatpickr-weekday {
    text-transform: uppercase;
    font-weight: 300 !important;
}

.flatpickr-month, 
.flatpickr-days, 
.flatpickr-weekdays, 
.flatpickr-weekday, 
.flatpickr-weekdaycontainer, 
.numInputWrapper, 
.flatpickr-time-separator, 
.flatpickr-time input:hover, 
.numInputWrapper:hover, 
.numInputWrapper:focus, 
.flatpickr-time input:focus {
    background-color: #fff !important;
}

.flatpickr-day:hover, 
.flatpickr-day:focus, 
.flatpickr-day.selected {
    background: #e6ddd4 !important;
    border-color: #e6ddd4 !important;
}

.datePicker input::placeholder {
    color: white;
}


/* ===================================
   LAYOUT
   =================================== */

#main-content {
    margin-top: var(--menu-height) !important;
    transition: margin-top 0.3s ease-in-out; /* Smooth transition bij resize */
}

/* ===================================
   GOOGLE REVIEWS WIDGET
   =================================== */

.GoogleReviews {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-size: 12px !important;
    width: fit-content !important;
}

.GoogleReviews .ti-widget {
    width: fit-content !important;
}

.ti-widget.ti-goog .ti-header span {
    font-weight: 400 !important;
    color: #0f2446 !important;
    font-size: 12px !important;
}

.GoogleReviews a {
    padding: 0px !important;
    display: flex !important;
    align-items: center !important;
}

.GoogleReviews .ti-fade-container {
    display: flex !important;
    align-items: center;
}

.ti-stars {
    margin: 0px 10px 0px 15px !important;
}

@media screen and (max-width: 400px) {
    .GoogleReviews .ti-fade-container {
        display: block !important;
    }
    
    .GoogleReviews .ti-fade-container .ti-stars {
        display: inline-block !important;
    }
}


/* ===================================
   UTILITY CLASSES
   =================================== */

.verticalyAlignCenter {
    display: flex;
    align-items: center;
}

@media (max-width: 981px)  {
    .verticalyAlignCenter {
        flex-direction: column !important;
    }
}

@media (min-width: 400px) and (max-width: 981px) {
    .et_pb_row.et_pb_row_3.et_pb_gutters2 {
        display: flex;
        justify-content: space-between;
    }

    .et_pb_row.et_pb_row_3.et_pb_gutters2:after {
        content: none;
    }
}