/*
Theme Name: Betheme
Theme URI: https://themes.muffingroup.com/betheme/
Author: Muffin group
Author URI: https://muffingroup.com/
Description: The biggest WordPress Theme ever
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: betheme
Requires PHP: 7.0
Version: 27.1.1

All css files are placed in /css/ folder
*/

.btn-green {
    background: #00421a;
    color: white;
    font-weight: 600;
    border: 1px solid #c2c2c2;
    padding: 15px 15px;
    border-radius: 20px;
    display: inline-block;
    line-height: 18px;
    cursor: pointer;
    font-family: "Playfair Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 17px;
}

.btn-grey-block {
    background: #eaeaea;
    font-size: 17px;
    color: #4f4f4f;
    font-weight: 600;
    border: 1px solid #c2c2c2;
    padding: 15px 15px;
    border-radius: 15px;
    display: inline-block;
    line-height: 18px;
    cursor: pointer;
}

.btn-green:hover  {
	opacity: 0.7;
	text-decoration: none;
	color: white;
}


a.btn-light:hover,
.btn-grey-block:hover {
	opacity: 0.7;
	text-decoration: none;
	color: black;
}

#Action_bar .contact_details li > i {
    display: none;
}

.btn-grey-block small {
    font-weight: 400;
    font-size: 12px;
}

.d-flex {
    display: flex;
}

body:not(.template-slider) #Header {
    min-height: auto !important;
}

#Top_bar .btn-menu-green span {
    background: #00421a;
    color: white;
    font-weight: 600;
    border: 1px solid #c2c2c2 !important;
    border-radius: 35px;
    cursor: pointer;
    display: block !important;
	font-family: "Playfair Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

#Action_bar {
    border-bottom: 1px solid #c8be9f;
}

#Action_bar {
    font-size: 13px;
    color: #c8be9f;
}

#Action_bar:not(.creative) .social-menu a {
    color: #363535 !important;
}

#Action_bar .social li a:hover, 
#Header_creative .social li a:hover, 
#Action_bar:not(.creative) .social-menu a:hover {
    color: #000;
}

#Top_bar {
    border-bottom-color: #c2c2c2;
}

#Footer .footer_copy .copyright {
    text-align: center;
    float: none;
}

.footer_copy {
    background: #f5f5f5;
}

.footer_copy .mcb-column-inner {
    margin-bottom: 0;
}

#Footer .footer_copy .one {
    margin-bottom: 0;
    padding-top: 19px;
    min-height: 68px;
    box-sizing: border-box;
}

a.btn-light {
    background: #f4eedc;
    color: #6b634a;
    font-size: 17px;
    padding: 11px 40px;
    border-radius: 25px;
    cursor: pointer;
}


.product-card {
    border-radius: 11px;
    border: 1px solid #d0d0d0;
    overflow: hidden;
	display: block;
	box-shadow: 0px 15px 29.44px 2.56px rgba(0, 0, 0, 0.1);
}



.product-card-top {
    background: #00421a;
    padding: 13px;
    display: flex;
	gap: 12px;
	text-align: left;
}

.woocommerce ul.products li.product a .product-card-top .product-image {
    border-radius: 11px;
    display: block;
    width: 115px;
    height: 100%;
    object-fit: cover;
}

.product-card-top h5 {
	font-size: 20px;
	color: #ffffff;
}

.product-card .experience {
	font-size: 15px;
	color: #a0baaa;
	line-height: 15px;
}

.product-card .recommendations {
    font-size: 16px;
    color: #626262;
    background: #efd1d0;
    border-radius: 13px;
    padding: 4px 10px;
    box-sizing: border-box;
    line-height: 19px;
    display: flex;
    align-items: center;
    gap: 6px;
	margin: 9px 0;
}

.product-card .starting-price {
	font-size: 15px;
	color: #ffffff;
	background: #126031;
	border-radius: 13px;
    padding: 4px 10px;
    box-sizing: border-box;
    line-height: 19px;
}

.woocommerce ul.products li.product .product-card .recommendations img {
    width: 15px;
}

.product-card-top .right {
	display: flex;
    flex-direction: column;
    align-items: baseline;
}

.product-card-description {
	padding: 22px 30px;
}

.product-card-description .product-tags {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.product-card-description .product-tags > * {
    font-size: 14px;
    line-height: 14px;
    color: #4f4f4f;
    border-radius: 12px;
    background: #ebebeb;
    padding: 5px 15px;
}

.product-card hr {
    margin: 10px auto 20px;
}

.product-card .product-card-title {
	margin-top: 10px;
}

.product-card-footer {
	background: #f4eedc;
	border-top: 1px solid #d0d0d0;
	padding: 12px;
	display: flex;
	gap: 35px;
	justify-content: center;
}

.product-property {
    color: #6b634a;
    font-size: 12px;
	line-height: 12px;
    display: flex;
    gap: 6px;
    align-items: center;
}

.product-property img {
	max-height: 19px;
    object-fit: contain;
}

.product-card  .description-short {
    font-size: 14px;
    line-height: 24px;
    color: #383838;
}

.product-card:hover {
	background: #f9f9f9;
}

.experience-row .date {
	font-size: 12px;
	color: #989898;
	line-hieght: 24px;
	font-style: italic;
	font-weight: 500;
}

.experience-row {
    font-size: 15px;
    line-height: 24px;
    color: #3b7853;
    display: flex;
    white-space: nowrap;
    justify-content: space-between;
}

.experience-row {
    font-size: 15px;
    line-height: 24px;
    color: #3b7853;
    display: flex;
    white-space: nowrap;
    justify-content: space-between;
    padding: 13px 0;
    gap: 20px;
    position: relative;
}

.experience-row + .experience-row {
    border-top: 1px solid #e9e9e9;
    margin-top: 0px;
}

.experience-row:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    background: #00421a;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translateY(-50%);
}

.specialist-review {
    background: #f5f5f5;
    border: 1px solid #d0d0d0;
    border-radius: 11px;
    padding: 25px 25px;
}

.specialist-review p {
	color: #383838;
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 0;
}

.specialist-review .verified {
    font-size: 12px;
    color: #126031;
}


.specialist-review .name {
	font-size: 16px;
    font-weight: 600;
    color: #4f4f4f;
}

.review-type {
    font-size: 14px;
    line-height: 15px;
    padding: 6px 10px;
    background: white;
    border-radius: 15px;
    display: flex;
    gap: 7px;
    align-items: center;
    align-self: center;
}

.review-type img {
    height: 13px !important;
}

.review-positive {
    color: #b0e6c5;
    background: #126031;
}

.review-negative {
    color: #d7443e;
    background: #efd1d0;
}

.review-neutral {
    color: #fff;
    background: #9b9b9b;
}

.specialist-review + .specialist-review {
    margin-top: 20px;
}

.review-type-total {
	font-size: 12px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    border-radius: 6px;
    padding: 3px;
    width: 36px;
}

.specialist-profile {
    display: flex;
    padding: 16px;
}

.specialist-profile {
    display: flex;
    padding: 16px;
    gap: 20px;
    position: relative;
}

.specialist-profile {
    display: flex;
    padding: 16px;
    gap: 20px;
    position: relative;
    margin-bottom: 50px;
}

.specialist-profile-picture img {
    width: 190px;
    border-radius: 7px;
    height: 245px !important;
    object-fit: cover;
    margin-bottom: 30px;
    display: block;
}

.specialist-profile:before {
    content: '';
    width: 100%;
    height: 240px;
    border-radius: 10px;
    background: #00421a;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}

.specialist-profile-picture {
    margin-right: 20px;
}

.specialist-profile .product-tags > * {
    font-size: 14px;
    line-height: 14px;
    color: #b0e6c5;
    border-radius: 12px;
    background: #126031;
    padding: 5px 15px;
}

.specialist-profile .product-tags {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: baseline;
    margin-top: 5px;
}

.specialist-profile h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    margin-top: 20px;
}

.specialist-profile-picture img {
    width: 190px;
    border-radius: 7px;
    height: 245px !important;
    object-fit: cover;
    margin-bottom: 30px;
    display: block;
}

.specialist-description {
    font-size: 15px;
    line-height: 25px;
    color: #383838;
}

.white {
    color: white;
}

.specialist-profile-left {
    max-width: 470px;
}

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

.flex-grow {
    flex-grow: 1;
}

.calendar-container {
    box-shadow: 0px 15px 29.44px 2.56px rgba(0, 0, 0, 0.1);
    background: white;
    border-radius: 11px 11px 0 0;
    padding: 25px 40px;
    border: 1px solid #d0d0d0;
}

#Subheader {
    display: none;
}

.schedule-times {

}

.specialist-calendar {
    margin-top: 10px;
}

.schedule-time {
    display: flex;
    justify-content: space-between;
    background: #126031;
    padding: 9px 15px;
    border-radius: 5px;
    align-items: center;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
}

.schedule-time:hover {
    cursor: pointer;
    background: #1d914b;
}

.schedule-time.selected {
    background: #00421a;
}

.schedule-time small {
    font-size: 12px;
    font-weight: 400;
}

.schedule-time + .schedule-time {
    margin-top: 8px;
}

.time-price {
    font-size: 11px;
    color: #b6d9c4;
    line-height: 11px;
    font-weight: 400;
}

.time-pick {
    width: 50%;
    margin-left: 20px;
}

#calendar-input {
    flex-grow: 1;
    margin-top: -9px;
}

.calendar-container h6 {
    font-size: 16px;
    color: #4f4f4f;
    font-family: 'Poppins';
    font-weight: 600;
}

.calendar-container .product-property {
    flex-direction: column;
    text-align: center;
    color: #3b7853;
    font-size: 12px;
    line-height: 15px;
}

.calendar-product-properties {
    justify-content: space-evenly;
    gap: 20px;
}

.calendar-container .product-property img {
    max-height: 20px;
}

.calendar-container .product-property.property-disabled {
    color: #989898;
}

.calendar-container .product-property:not(.property-disabled) img {
    filter: invert(39%) sepia(10%) saturate(2108%) hue-rotate(91deg) brightness(96%) contrast(80%);
}

.calendar-container .product-property.property-disabled img {
    filter: invert(69%) sepia(0%) saturate(2%) hue-rotate(99deg) brightness(88%) contrast(87%);
}

.calendar-footer {
    background: #126031;
    box-shadow: 0px 15px 29.44px 2.56px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 11px 11px;
    padding: 10px 40px;
    border: 1px solid #d0d0d0;
    border-top: none;
    color: white;
    line-height: 20px;
    align-items: center;
}

.selected-time {
    font-size: 12px;
    line-height: 12px;
}
.button-round .btn-book {
    margin-bottom: 0;
    border-radius: 8px;
    background: #1db258;
    font-size: 15px;
    color: white;
    font-weight: 600;
    text-align: center;
    line-height: 13px;
    font-family: 'Poppins';
    padding-left: 40px;
    padding-right: 40px;
    margin: 0;
}

.button-round .btn-book small {
    font-weight: 400;
}

.btn-book-disabled {
    box-shadow: inset 0 0 6px -2px #000000a1;
    opacity: 0.6;
    cursor: no-drop;
}

.calendar-container .ui-datepicker-calendar tr td {
    background: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    padding: 0;
    line-height: 18px;
}

.calendar-container .ui-widget-content .ui-state-default {
    background: transparent;
    border-color: transparent;
    color: #878787;
    text-align: center;
    font-family: 'Poppins';
}

.calendar-container table.ui-datepicker-calendar {
    font-size: 12px;
}

.calendar-container .ui-widget.ui-widget-content {
    border-color: transparent;
}

.calendar-container table th {
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    color: #00421a;
    box-shadow: none;
}

.calendar-container table th {
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    color: #00421a;
}

.calendar-container .ui-widget-content .ui-state-active {
    color: white !important;
    position: relative;
    z-index: 1;
    font-weight: 600;
}

.calendar-container .ui-widget-content .ui-state-active:before {
    content: '';
    width: 25px;
    height: 25px;
    background: #126031;
    display: block;
    position: absolute;
    top: 50%;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.calendar-container .ui-datepicker table tr:hover td a:not(.ui-state-active) {
    color: #878787 !important;
}

.d-none {
    display: none;
}

.calendar-container .ui-widget-header {
    border: none;
    background: none;
    box-shadow: none;
    font-size: 16px;
    color: #4f4f4f;
    font-family: 'Poppins';
    font-weight: 600;
}

.calendar-container .ui-widget-header .ui-state-hover {
    border-color: transparent;
    border-radius: 50%;
    background: #126031;
    cursor: pointer;
}

.calendar-container .ui-widget-header .ui-state-hover span {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(147deg) brightness(104%) contrast(103%);
}

.calendar-container .ui-datepicker .ui-datepicker-next .ui-icon:before,
.calendar-container .ui-datepicker .ui-datepicker-prev .ui-icon:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    color: black;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.calendar-container .ui-datepicker .ui-datepicker-prev .ui-icon:before {
    border-right: 8px solid black;
    margin-left: -1px;
}

.calendar-container .ui-datepicker .ui-datepicker-next .ui-icon:before {
    border-left: 8px solid black;
    margin-left: 1px;
}

.calendar-container .ui-datepicker .ui-datepicker-next .ui-icon,
.calendar-container .ui-datepicker .ui-datepicker-prev .ui-icon {
    background: none;
}


.booking-confirm-modal {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.55);
    position: fixed;
    z-index: 9999999;
}



.booking-modal-content {
    width: 350px;
    border-radius: 11px;
    background: white;
    margin: 13vh auto 0;
    overflow: hidden;
}

.booking-modal-head {
    padding: 8px;
    background: #126031;
    color: white;
    font-weight: 600;
    font-size: 20px;
    justify-content: space-between;
    font-family: "Playfair Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    padding: 20px 14px;
}

.booking-modal-body {
    font-size: 13px;
    font-weight: 500;
    color: #9d9d9d;
    font-family: 'Poppins';
    padding: 11px;
}

.booking-modal-content .black {
    color: #4f4f4f;
    font-size: 13px;
    font-weight: 500;
}

.booking-confirm-inputs {
    padding: 10px 13px 5px;
}

.booking-confirm-inputs input[type=text],
.booking-confirm-inputs input[type=email] {
    background: #ebebeb;
    font-family: 'POPPINS';
    color: #818181;
    font-size: 15px;
    line-height: 18px;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 0;
    box-shadow: none;
}

.booking-confirm-inputs input + input {
    margin-top: 11px;
}

.img-booking-modal-close {
    width: 20px;
    cursor: pointer;
    object-fit: contain;
    filter: invert(66%) sepia(6%) saturate(2057%) hue-rotate(91deg) brightness(87%) contrast(86%);
}

.booking-confirm-modal hr {
    margin: 10px 0;
}

.button-round .booking-confirm-modal .btn-book {
    padding: 10px 30px;
    width: 100%;
}

.booking-confirm-modal .specialist-profile-picture img {
    width: 70px;
    height: 70px !important;
    margin-bottom: 0px;
}

.booking-confirm-name {
    font-weight: 600;
    font-size: 15px;
    color: #00421a;
    font-family: 'Playfair Display';
    line-height: 15px;
}

.booking-confirm-datetime {
    color: #126031;
    font-size: 12px;
    line-height: 23px;
    font-weight: 400;
}

body .wpcf7 form .wpcf7-response-output {
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 0;
}