/*
 *  Form - Book an Appointment
 *
 */


/*
 *
 * POSTCODE LOOKUP
 *
 */
		#postcode_lookup {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row;
		}

			#getaddress_input {
				/* 
					display: inline-block;
					width: 30% !important;
					height: 40px;
					padding: 10px 5px;
					margin-right: 3%;
					
					border: 1px solid #B2BCC1;
					border-radius: 8px;
					
					text-align: center;
				 */
				text-transform: uppercase;
				font-size: 16px;
			}

		#getaddress_button {
			margin-top: 20px;
			/* 
				width: 67%;
				padding-left: 10px;
				padding-right: 35px;
			 */
		}
		
		/* 
			@media (min-width: 576px) {
				#getaddress_button {
					padding-left: 10px;
					font-size: 18px;
				}
			}
		
			@media (min-width: 768px) {
				#getaddress_input {
					margin-right: 7px;
					height: 53px;
				}
				#getaddress_button {
					width: calc(70% - 7px);
				}
			}
			
			@media (min-width: 991px) {
				#getaddress_button {
					font-size: 20px;
				}
			}
		 */			


        #getaddress_dropdown {
            margin-top: 45px;
			flex-grow: 1;
			flex-basis: 100%;
        }


        @media (max-width: 991px) {
            .form_fields span {
                margin: 0;
                /*display: block;*/
            }
        }

		#getaddress_error_message {
			color: #dc3232;
		}


/*
 *
 * SENDING PANEL
 *
 */
.sending-panel {
	background-color: #EBEDED;
	border-radius: 8px;
	padding: 30px;
	margin-top: 30px;
	text-align: center;
}
.sending-panel-info {
	margin-bottom: 30px;
}
.sending-panel-info .date-choice {
    width: auto;
    margin: 0 auto 30px;
    border-bottom: 1px solid #333;
    display: inline-block;
    padding: 0 15px 15px;
	line-height: 1;
	font-weight: bold;
}
.sending-panel-info .date-day {
	font-size: 90px;
}
.sending-panel-info .date-month {
	font-size: 50px;
	margin-bottom: 10px;
}
.sending-panel-info .date-weekday {
	font-size: 34px;
}
.sending-panel-info .sending-panel-message {
    font-size: 24px;
	font-weight: 400;
}
.sending-panel-actions .ajax-loader {
	position: absolute;
}

/*

	THE CALENDAR

*/

.ui-datepicker {
	/* width: 17%; */
	width: 100%;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker-calendar {
	width: 100%;
	/* background-color: red; */
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	width:100%;
}
.ui-datepicker-header{
	width:100%;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}


.ui-widget-content .ui-state-active {
	border: 1px solid #003eff;
	background: #007fff;
	color: #ffffff;
}




/* ============================================ */
/*  Toggled Checkboxes - Switches 2             */
/*      and                                     */
/*  Custom Radio Buttons                        */
/* ============================================ */
/* The switch - the box around the slider */
/* Create a Custom Radio Buttons that look like the switches */
.g-switch,
.g-radio-switch {
  display: inline-block;
  /* Hide default HTML checkbox */
  /* The slider */ }
  .g-switch label,
  .g-radio-switch label {
    display: inline-flex;
    align-items: center;
    margin-top: 0 !important;
    margin-bottom: 0;
    color: rgba(73, 80, 87, 0.87);
    /* font-size: 14px; */
    cursor: pointer;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .g-switch .switch-label-before,
  .g-radio-switch .switch-label-before {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .g-switch .switch-label-after,
  .g-radio-switch .switch-label-after {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .g-switch input[type="checkbox"],
  .g-switch input[type="radio"],
  .g-radio-switch input[type="checkbox"],
  .g-radio-switch input[type="radio"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none; }
    .g-switch input[type="checkbox"]:checked + .switch-slider,
    .g-switch input[type="radio"]:checked + .switch-slider,
    .g-radio-switch input[type="checkbox"]:checked + .switch-slider,
    .g-radio-switch input[type="radio"]:checked + .switch-slider {
      background-color: #2f9633; }
    .g-switch input[type="checkbox"]:checked:disabled + .switch-slider,
    .g-switch input[type="radio"]:checked:disabled + .switch-slider,
    .g-radio-switch input[type="checkbox"]:checked:disabled + .switch-slider,
    .g-radio-switch input[type="radio"]:checked:disabled + .switch-slider {
      background-color: rgba(47, 150, 51, 0.5); }
    .g-switch input[type="checkbox"]:focus + .switch-slider,
    .g-switch input[type="radio"]:focus + .switch-slider,
    .g-radio-switch input[type="checkbox"]:focus + .switch-slider,
    .g-radio-switch input[type="radio"]:focus + .switch-slider {
      box-shadow: 0 0 1px #2f9633; }
    .g-switch input[type="checkbox"]:checked + .switch-slider:after,
    .g-switch input[type="radio"]:checked + .switch-slider:after,
    .g-radio-switch input[type="checkbox"]:checked + .switch-slider:after,
    .g-radio-switch input[type="radio"]:checked + .switch-slider:after {
      left: 20px; }
  .g-switch .switch-slider,
  .g-radio-switch .switch-slider {
    position: relative;
    display: inline-block;
    flex: 0 0 42px;
    /* Do not resize (keep the width) */
    width: 42px;
    height: 24px;
    margin: 0 10px;
    vertical-align: middle;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    /* Rounded sliders */ }
    .g-switch .switch-slider:after,
    .g-radio-switch .switch-slider:after {
      position: absolute;
      content: "";
      height: 20px;
      width: 20px;
      left: 2px;
      bottom: 2px;
      background-color: #fff;
      -webkit-transition: .4s;
      transition: .4s; }
    .g-switch .switch-slider.round,
    .g-radio-switch .switch-slider.round {
      border-radius: 24px; }
    .g-switch .switch-slider.round:after,
    .g-radio-switch .switch-slider.round:after {
      border-radius: 50%; }
    .g-switch .switch-slider:nth-child(2),
    .g-radio-switch .switch-slider:nth-child(2) {
      margin-left: 0; }
    .g-switch .switch-slider:last-child,
    .g-radio-switch .switch-slider:last-child {
      margin-right: 0; }

.form-group .form-control.g-switch,
.form-group .input-group .g-switch.has-float-label,
.input-group .form-group .g-switch.has-float-label {
  background-color: #E9ECEF; }

.card-header .form-group .form-control.g-switch,
.card-header .form-group .input-group .g-switch.has-float-label,
.input-group .card-header .form-group .g-switch.has-float-label {
  background-color: #fff;
  border-width: 0; }


/* Change the display of the radio switches in the CF7 */
.wpcf7-form-control-wrap .g-radio-switch {
    display: flex;
    flex-direction: column;
}





/* Gutenberg Editor Classes */

.acf-block-preview::after,
.acf-block-preview::before {
    content: '';
    display: block;
    clear: both;
}

.acf-block-preview .toggle-body h3 {
    color: var(--service-plan-color-1, #babfc3);
}

/* Fix the problem when bold elements does not have space arround */
.acf-block-preview #section-plans-intro .section-title b {
	margin-right: 10px;
}

.block-editor-block-list__layout.is-root-container .toggle-body h3 {
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 10px;
}