@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Muli:wght@300;400;500;600;700&display=swap');

body {
	color: #455770;
}

.service-widget .widget-categories .category .category {
	background-color: #edd5cf;
}

.service-widget .widget-categories .category .category .white-text {
	font-family: 'Muli', serif;
    font-weight: 400;
    text-transform: uppercase;
    color: #455770;
    letter-spacing: 3px;
    line-height: 1.45em;
}

.service-widget .gift-card-link a,
.service-widget .step,
.service-widget .widget-categories .category .category.selected,
.radio-button-teal input[type="radio"]:checked + label:before,
.field-with-icon i:first-child,
.ui-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ui-calendar .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a.ui-state-active,
.service-widget .date-time .choose-date-time .widget-time .times .hours .hour.selected,
.service-widget .date-time .choose-date-time .widget-time .titles .title.selected,
.service-widget .choose-worker .widget-workers .worker .worker-item .name,
.service-widget .personal-information .information .customer-info.highlighted .icon,
footer .content .buttons .button#create-res:hover,
.service-widget .choose-terms .widget-terms .term-select2.selected .select2-container .select2-choice .select2-chosen,
.service-widget .participants-count participants-count .p-count .counts .minus,
.service-widget .participants-count participants-count .p-count .counts .plus,
.btn-teal {
	background-color: #edd5cf;
}

.service-widget .widget-categories .step-line, .service-widget .choose-service .step-line, .service-widget .choose-worker .step-line, .service-widget .choose-items .step-line, .service-widget .choose-terms .step-line, .service-widget .customer-request .step-line, .service-widget .date-time .choose-date-time .step-line, .service-widget .date-time .choose-date-time .step-line span, .service-widget .date-time .step-line-hour-1, .service-widget .choose-service .widget-services .service.selected, .service-widget .choose-worker .widget-workers .worker.selected, .service-widget .choose-terms .widget-terms .term.selected, .radio-button-teal input[type="radio"] + label, .service-widget .widget-categories .step-line span.top-horizontal, .service-widget .widget-categories .step-line span.bottom-horizontal, .service-widget .choose-service .step-line span.bottom-horizontal, .service-widget .choose-worker .step-line span.bottom-horizontal, .service-widget .choose-terms .step-line span.bottom-horizontal, .service-widget .choose-items .step-line span.bottom-horizontal, .service-widget .customer-request .step-line span.bottom-horizontal, .service-widget .date-time .choose-date-time .step-line span.bottom-horizontal, .service-widget .personal-information .information .customer-info.highlighted .icon, .service-widget .personal-information .information .customer-info.highlighted .field input[type="text"], .service-widget .summary .summary-panel .pay-panel-payment .pay.selected, footer .content .buttons .button#create-res, .field-with-icon, .service-widget .participants-count .count-wrapper .service-info, .service-widget .participants-count .next-services .service.selected, .service-widget .participants-count .step-line, .service-widget .participants-count .step-line span.bottom-horizontal, .service-widget .required-data .step-line, .btn-teal, .btn-teal:hover {
	background-color: #edd5cf;
}

.service-widget .widget-categories .step-line, .service-widget .choose-service .step-line, .service-widget .choose-worker .step-line, .service-widget .choose-items .step-line, .service-widget .choose-terms .step-line, .service-widget .customer-request .step-line, .service-widget .date-time .choose-date-time .step-line, .service-widget .date-time .choose-date-time .step-line span, .service-widget .date-time .step-line-hour-1, .service-widget .choose-service .widget-services .service.selected, .service-widget .choose-worker .widget-workers .worker.selected, .service-widget .choose-terms .widget-terms .term.selected, .radio-button-teal input[type="radio"] + label, .service-widget .widget-categories .step-line span.top-horizontal, .service-widget .widget-categories .step-line span.bottom-horizontal, .service-widget .choose-service .step-line span.bottom-horizontal, .service-widget .choose-worker .step-line span.bottom-horizontal, .service-widget .choose-terms .step-line span.bottom-horizontal, .service-widget .choose-items .step-line span.bottom-horizontal, .service-widget .customer-request .step-line span.bottom-horizontal, .service-widget .date-time .choose-date-time .step-line span.bottom-horizontal, .service-widget .personal-information .information .customer-info.highlighted .icon, .service-widget .personal-information .information .customer-info.highlighted .field input[type="text"], .service-widget .summary .summary-panel .pay-panel-payment .pay.selected, footer .content .buttons .button#create-res, .field-with-icon, .service-widget .participants-count .count-wrapper .service-info, .service-widget .participants-count .next-services .service.selected, .service-widget .participants-count .step-line, .service-widget .participants-count .step-line span.bottom-horizontal, .service-widget .required-data .step-line, .btn-teal, .btn-teal:hover
{
	border-color: #edd5cf;
}

.service-widget .widget-categories .step-line.ng-star-inserted,
.service-widget .widget-categories .step-line {
	border-color:  #edd5cf;
}

.widget-services .service.selected {
	border-color:  #edd5cf;
}

.widget-services .service.selected .desktop {
	color: #455770;
}

.service-widget .widget-categories .category .category, .ui-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover, .ui-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover, .ui-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, .service-widget .date-time .choose-date-time .widget-time .titles .title
{
	background-color:  #edd5cf;
}

.service-widget .choose-service .widget-services .service.selected, .service-widget .choose-worker .widget-workers .worker.selected, .service-widget .choose-terms .widget-terms .term.selected, .service-widget .date-time .choose-date-time .widget-time .times .title, .service-widget .summary .summary-panel .pay-panel-payment .pay.selected .bank-name, .service-widget .summary .summary-panel .sum-panel .name, .service-widget .summary .summary-panel .sum-price .price, .ui-calendar .ui-datepicker .ui-datepicker-calendar thead, footer .content .buttons .button#create-res, .service-widget .participants-count .count-wrapper .service-info, .service-widget .participants-count .next-services .service.selected, .btn-teal:hover
{
	color: #455770;
}