/*
 Theme Name:   Customizr-child
 Description:  Customizr Child Theme
 Author:       Pete Warren
 Template:     customizr
 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:  customizr-child
*/

body {
	background-color: #a6cb6e;
}

#tc-page-wrap {
	background-color: #fff;
}

.wpcf7-text::placeholder, .wpcf7-textarea::placeholder {
	font-size: 0.7em;
	text-transform: uppercase;
}

.wpcf7-text {
	width: 100%;
}

.wpcf7 p {
	margin-top: 0;
}

.wpcf7 .wp-block-column {
	margin-bottom: 0;
}

.wpcf7-captchar {
	margin: 5px 0 20px 0;
}

/*.bup-button-submit, .bup-button-submit:focus, ul.bup-time-slots-available-list .bup-button, .formError .formErrorContent {
	background: #77b82a;
}

.bup-front-cont {
	z-index: 0;
}

.bup-front-cont .bup-button-submit-changes, .btn-squared {
	background: #77b82a;
	border: none;
	color: #fff;
}

.bup-button-submit:hover, .bup-button-submit:active, .bup-front-cont .bup-button-submit-changes:hover, .bup-front-cont .bup-button-submit-changes:active, .btn-squared:hover, .btn-squared:active {
	background: #FFF;
	border: 1px solid #77b82a;
	color: #77b82a;
}

.bup-front-cont .bup-book-steps-cont .bup-cart-step-active {
	background: #77b82a;
}*/

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-next span {
	border-left: 10px solid #77b82a;
}

.ui-datepicker-wrapper .ui-datepicker .ui-datepicker-prev span {
	border-right: 10px solid #77b82a;
}

.czr-credits {display:none;}

.sek-btn, .sek-btn:focus {
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.5em 1em;
	border-radius: 2px;
	border-width: 2px;
	border-style: solid;
	font-size: 1em;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	background-color: #57861f;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.25;
}

.sek-btn:hover, .sek-btn:active, .sek-btn:focus  {
	background-color: transparent;
	border-color: #57861f;
	color: #57861f;
	text-transform: capitalize;
}

.reasons {
	margin: 10px 0
}

.reasons--hero {
	font-size: 1.27em;
}

#footer-horizontal-widget-area {
	border-top: none;
}

#gallery-1 {
	margin: 15px 0;
}

#gallery-1 .btn {
	display: none;
}

#gallery-1 .gallery-icon {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

#gallery-1 .gallery-item img {
	transition: none;
}

#gallery-1 .gallery-item.hover img {
	transform: none;
}

#main-wrapper {
}

.czr-wp-the-content .display-posts-listing {
	list-style: none;
}

.display-posts-listing .listing-item a.title {
	font-size: 1.728em;
	text-decoration: none;
}

.display-posts-listing .listing-item a.title:hover {
	text-decoration: underline;
}

.display-posts-listing li.listing-item {
	border-bottom: 1px solid #77b82a;
	padding-bottom: 30px;
	margin-top: 50px;
}

.display-posts-listing li.listing-item:first-of-type {
	padding-top: 0;
}

.display-posts-listing li.listing-item:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

.post-info {
	display: none;
}

.headline-tel {
	width: 20%;
	height: 126.75px;
	position: absolute;
	top: 0;
	left: 40%;
	z-index: 100;
}

.headline-tel h3 {
	font-size: 2.3rem;
	color: #77b72d;
	text-align: center;
	line-height: 1;
	margin: 0;
	padding-top: 20px;
}

.headline-tel small {
	font-size: 0.8rem;
	line-height: 0.8;
}

@media (max-width: 1079px) {
	.headline-tel h3 {
	font-size: 1.8rem;
	color: #77b72d;
	text-align: center;
	line-height: 1;
	margin: 0;
	padding-top: 30px;
}
	
}

@media (max-width: 991px) {

	.headline-tel {
		height: 70px;
	}
	
	.headline-tel h3 {
		padding-top: 5px;
		padding-right: 0;
		font-size: 1.6rem;
	}
	
	.headline-tel small {
		font-size: 0.7rem;
		line-height: 0.8;
	}
	
}

@media (max-width: 770px) {

	.headline-tel {
		height: 59px;
	}
	
	.headline-tel h3 {
		padding-top: 15px;
		padding-right: 0;
		font-size: 1.1rem;
	}

	.headline-tel small {
		font-size: 0.6rem;
		line-height: 0.8;
	}
	
}

@media (max-width: 400px) {

	.headline-tel {
		display: none;
	}
	
	.headline-tel h3 {
		padding-top: 15px;
		padding-right: 0;
		font-size: 1.1rem;
	}

	.headline-tel small {
		font-size: 0.6rem;
		line-height: 0.8;
	}
}

/** Salon Online Booking System Styles **/
/*.sln-btn--emphasis, #sln-salon .sln-btn--emphasis, .sln-bootstrap .sln-btn--emphasis {
	background-color: #77B72D !important;
}

.sln-steps-name, .sln-checkbox input:checked + label::after {
	color: #77B72D !important;
}

.sln-checkbox input + label::before {
	border-color: #77B72D !important;
}

#sln-salon h1, #sln-salon h2, #sln-salon h3 {
	color: #444444 !important;
}*/

#sln-salon {
	border: 1px solid rgba(0, 66, 88, 0.3) !important;
}

#sln-salon .sln-steps-duration, #sln-salon .sln-service-duration, #sln-salon .sln-steps-description, #sln-salon .sln-service-description, #sln-salon .sln-total, #sln-salon .sln-alert.sln-alert--warning {
	display: none;
}

#sln-salon .sln-service {
	margin-top: 1.1em;
	margin-bottom: 1.1em;
}

.datetimepicker.sln-datetimepicker {
	min-width: 360px !important;
	width: auto !important;
}

#sln-salon .sln-thankyou--okbox.sln-bkg--ok {
	background-color: #fff !important;
}


#sln-salon.sln-step-date #sln-notifications.sln-notifications--active::before {
	background-image: repeating-linear-gradient(-25deg, #fff, #fff 20px, #77B72D 20px, #77B72D 40px, #fff 40px, #fff 60px, #77B72D 60px, #77B72D 80px) !important;
}

.sln-loader::before {
	display: none !important;
}

#sln-salon.sln-step-date #sln-notifications.sln-notifications--active .sln-alert.sln-alert--wait {
    background-color: #77B72D !important;
}

.sln-btn--borderonly, #sln-salon .sln-btn--borderonly, .sln-bootstrap .sln-btn--borderonly, .sln-btn.sln-btn--borderonly, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit, .sln-bootstrap .sln-btn.sln-btn--borderonly, a.sln-btn.sln-btn--borderonly, .sln-bootstrap a.sln-btn.sln-btn--borderonly, #sln-salon .sln-btn.sln-btn--borderonly, #sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly, #sln-salon a.sln-btn.sln-btn--borderonly, #sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly {
    color: rgb(9, 120, 189);
    border-style: solid;
    border-width: 2px;
}

/*.sln-alert a:hover, #sln-salon .alert a:hover, .sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active, #sln-salon .sln-btn--borderonly:hover, #sln-salon .sln-btn--borderonly:focus, #sln-salon .sln-btn--borderonly:active, .sln-bootstrap .sln-btn--borderonly:hover, .sln-bootstrap .sln-btn--borderonly:focus, .sln-bootstrap .sln-btn--borderonly:active, .sln-btn.sln-btn--borderonly:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:hover, .sln-btn.sln-btn--borderonly:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:focus, .sln-btn.sln-btn--borderonly:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-btn--borderonly#wp-submit:active, .sln-bootstrap .sln-btn.sln-btn--borderonly:hover, .sln-bootstrap .sln-btn.sln-btn--borderonly:focus, .sln-bootstrap .sln-btn.sln-btn--borderonly:active, a.sln-btn.sln-btn--borderonly:hover, a.sln-btn.sln-btn--borderonly:focus, a.sln-btn.sln-btn--borderonly:active, .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover, .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus, .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, #sln-salon .sln-btn.sln-btn--borderonly:hover, #sln-salon .sln-btn.sln-btn--borderonly:focus, #sln-salon .sln-btn.sln-btn--borderonly:active, #sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover, #sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus, #sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active, #sln-salon a.sln-btn.sln-btn--borderonly:hover, #sln-salon a.sln-btn.sln-btn--borderonly:focus, #sln-salon a.sln-btn.sln-btn--borderonly:active, #sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover, #sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus, #sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, #sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left:hover, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit:hover, #sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left:focus, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit:focus, #sln-salon .sln-box--formactions .sln-btn--medium.sln-btn--icon--left:active, #sln-salon.sln-loginform:not(.sln-customcolors) .sln-box--formactions #loginform .sln-btn--icon--left#wp-submit:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform .sln-box--formactions .sln-btn--icon--left#wp-submit:active, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true], #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple[aria-expanded=true], #sln-salon.sln-loginform #loginform .login-emember label:hover:before, .sln-checkbox input + label:hover:before, #sln-salon .sln-checkbox input + label:hover:before, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly:hover {
    border-color: rgb(119, 183, 45); /*#0091ea;*/
}

.sln-btn--borderonly:hover, .sln-btn--borderonly:focus, .sln-btn--borderonly:active, #sln-salon .sln-btn--borderonly:hover, #sln-salon .sln-btn--borderonly:focus, #sln-salon .sln-btn--borderonly:active, .sln-bootstrap .sln-btn--borderonly:hover, .sln-bootstrap .sln-btn--borderonly:focus, .sln-bootstrap .sln-btn--borderonly:active, .sln-btn.sln-btn--borderonly:hover, .sln-btn.sln-btn--borderonly:focus, .sln-btn.sln-btn--borderonly:active, .sln-bootstrap .sln-btn.sln-btn--borderonly:hover, .sln-bootstrap .sln-btn.sln-btn--borderonly:focus, .sln-bootstrap .sln-btn.sln-btn--borderonly:active, a.sln-btn.sln-btn--borderonly:hover, a.sln-btn.sln-btn--borderonly:focus, a.sln-btn.sln-btn--borderonly:active, .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover, .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus, .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, #sln-salon .sln-btn.sln-btn--borderonly:hover, #sln-salon .sln-btn.sln-btn--borderonly:focus, #sln-salon .sln-btn.sln-btn--borderonly:active, #sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:hover, #sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:focus, #sln-salon .sln-bootstrap .sln-btn.sln-btn--borderonly:active, #sln-salon a.sln-btn.sln-btn--borderonly:hover, #sln-salon a.sln-btn.sln-btn--borderonly:focus, #sln-salon a.sln-btn.sln-btn--borderonly:active, #sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:hover, #sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:focus, #sln-salon .sln-bootstrap a.sln-btn.sln-btn--borderonly:active, .sln-btn--nobkg:hover, .sln-btn--nobkg:focus, .sln-btn--nobkg:active, #sln-salon .sln-btn--nobkg:hover, #sln-salon .sln-btn--nobkg:focus, #sln-salon .sln-btn--nobkg:active, .sln-bootstrap .sln-btn--nobkg:hover, .sln-bootstrap .sln-btn--nobkg:focus, .sln-bootstrap .sln-btn--nobkg:active, .sln-btn--emphasis:hover, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:hover, .sln-btn--emphasis:focus, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:focus, .sln-btn--emphasis:active, #sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit:active, #sln-salon .sln-btn--emphasis:hover, #sln-salon .sln-btn--emphasis:focus, #sln-salon .sln-btn--emphasis:active, .sln-bootstrap .sln-btn--emphasis:hover, .sln-bootstrap .sln-btn--emphasis:focus, .sln-bootstrap .sln-btn--emphasis:active, .sln-salon-page:not(.sln-salon-page-customcolors) .select2-container.select2-container--sln .select2-results__option--highlighted[aria-selected], #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:hover, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single:focus, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--single[aria-expanded=true], #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:hover, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple:focus, #sln-salon:not(.sln-customcolors) .select2-container.select2-container--sln .select2-selection--multiple[aria-expanded=true], .sln-radiobox input + label:hover:after, #sln-salon .sln-radiobox input + label:hover:after, #sln-salon .datetimepicker.sln-datetimepicker .prev:hover, #sln-salon .datetimepicker.sln-datetimepicker .next:hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .prev:hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker .next:hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled):hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled):hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled):hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled):hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled):hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day.active:not(.disabled):hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour.active:not(.disabled):hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute.active:not(.disabled):hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month.active:not(.disabled):hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year.active:not(.disabled):hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active):hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active):hover, #sln-salon .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active):hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td.day:not(.disabled):hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.hour:not(.disabled):not(.active):hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.minute:not(.disabled):not(.active):hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.month:not(.disabled):not(.active):hover, #sln-salon #sln-salon-my-account .datetimepicker.sln-datetimepicker table tr td span.year:not(.disabled):not(.active):hover, #sln-salon .sln-panel .sln-panel-heading .sln-btn--nobkg:hover, #sln-salon .sln-panel .sln-panel-heading .sln-btn--borderonly:hover {
    background-color: rgb(119, 183, 45); /*#0091ea;*/
}*/

#sln-salon.sln-customcolors .sln-list {
    background-color: #fff !important; /*rgba(68, 68, 68, 0.1);*/
}

.sln-list, #sln-salon .sln-list {
    background-color: #fff !important; /*rgb(245, 245, 245); */
}