/** general **/

.workshop-wrapper {
	margin-top: 52px;
}

.workshop-wrapper {
	display: flex;
	justify-content: space-between;
}

.workshop-wrapper .workshop-main-content {
	flex-basis: 63.49%;
}

.workshop-wrapper .workshop-content {
	border: 1px solid #dcc182;
}

.workshop-wrapper .workshop-content .main-banner {
	display: grid;
}

.workshop-wrapper .workshop-content .main-banner .image-wrapper,
.workshop-wrapper .workshop-content .main-banner .title-wrapper {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
}

.workshop-wrapper .workshop-content .main-banner .title-wrapper {
	display: flex;
	align-items: flex-end;
}

.workshop-wrapper .workshop-content .main-banner .title-wrapper h1 {
	border: 1px solid #dcc182;
	padding: 2px;
	margin: 0 34px 38px;
}

.workshop-wrapper .workshop-content .main-banner .title-wrapper h1 span {
	border: 1px solid #dcc182;
	padding: 5px 30px;
}

.workshop-wrapper .workshop-content .main-content .icons-info {
	padding-bottom: 19px;
	border-bottom: 2px solid #dcc182;
	display: flex;
	align-items: center;
}

.workshop-wrapper .workshop-content .main-content .icons-info li {
	display: flex;
	align-items: center;
}

.workshop-wrapper .workshop-content .main-content .icons-info li:not(:last-child) {
	margin-left: 39px;
}

.workshop-wrapper .workshop-content .main-content .icons-info li :not(:last-child) {
	margin-left: 9px;
}

.workshop-wrapper .workshop-content .main-content .icons-info li img {
	max-height: 23px;
}

.workshop-wrapper .workshop-content .main-content {
	padding: 20px 35px 10px;
}

.workshop-wrapper .workshop-content .main-content .sadna-content {
	margin-top: 23px;
}

/** slider **/

.mood-slider {
	height: 388px;
	display: grid;
	grid-template-columns: 45px auto 1fr auto 45px;
	margin-top: 15px;
}

.mood-slider .swiper-wrapper {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
}

.mood-slider .swiper-slide {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
}

.mood-slider .swiper-slide .play-icon {
	grid-column: 2 / 3;
	grid-row: 1 / -1;
	align-self: center;
	display: grid;
}

.mood-slider .swiper-slide .play-icon img,
.mood-slider .swiper-slide .play-icon .loader {
	grid-column: 1/-1;
	grid-row: 1/-1;
	height: 108px;
}

.mood-slider .swiper-slide .play-icon .loader {
	border: 3.5px solid #fff;
	border-right-color: #dcc182;
	border-radius: 100%;
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	animation: loader-spin 1s linear infinite;
	display: none;
}

@keyframes loader-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.mood-slider .swiper-slide .thumbnail,
.mood-slider .swiper-slide .iframe-wrapper {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
}

.mood-slider .swiper-slide .iframe-wrapper {
	display: none;
	z-index: 1;
}

.mood-slider .bt-swiper-nav {
	cursor: pointer;
	grid-row: 1 / -1;
	z-index: 1;
	align-self: center;
}

.mood-slider .bt-swiper-nav.prev {
	grid-column: 2 / 3;
}

.mood-slider .bt-swiper-nav.next {
	grid-column: 4 / 5;
}

/** slider **/

/** important message **/

.important-message {
	margin-top: 32px;
}

/** important message **/

/** map **/

.workshop-wrapper .workshop-main-content .map {
	margin-top: 32px;
}

.workshop-wrapper .workshop-main-content .map .map-iframe {
	height: 170px;
	margin-top: 22px;
}

.workshop-wrapper .workshop-main-content .map .map-iframe iframe {
	width: 100% !important;
	height: 100% !important;
}

/** map **/

/** sidebar **/

.workshop-wrapper .sidebar-content {
	flex-basis: 30%;
	align-self: baseline;
	
}

.workshop-wrapper .sidebar-content .form-wrapper {
	padding: 29px 20px 36px;
}

.workshop-wrapper .sidebar-content .cancel-button {
	margin-top: 20px;
}

.workshop-wrapper .sidebar-content .wpcf7 {
	margin-top: 17px;
}

.workshop-wrapper .sidebar-content .wpcf7 br {
	display: none;
}

.workshop-wrapper .sidebar-content .wpcf7 p {
	margin: 0;
}

.workshop-wrapper .sidebar-content .wpcf7 ::-webkit-input-placeholder,
.sidebar-content.sadna .bt-date-time-inputs .input-wrapper ::-webkit-input-placeholder {
	color: #200f0c;
}

.workshop-wrapper .sidebar-content .wpcf7 :-ms-input-placeholder,
.sidebar-content.sadna .bt-date-time-inputs .input-wrapper :-ms-input-placeholder {
	color: #200f0c;
}

.workshop-wrapper .sidebar-content .wpcf7 ::placeholder,
.sidebar-content.sadna .bt-date-time-inputs .input-wrapper ::input-placeholder {
	color: #200f0c;
}

.workshop-wrapper .sidebar-content .wpcf7 input[type=number]::-webkit-inner-spin-button, 
.workshop-wrapper .sidebar-content .wpcf7 input[type=number]::-webkit-outer-spin-button,
.sidebar-content.sadna .input-wrapper.number input[type=number]::-webkit-inner-spin-button, 
.sidebar-content.sadna .input-wrapper.number input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

.workshop-wrapper .sidebar-content .wpcf7 input[type=number],
.sidebar-content.sadna .input-wrapper.number input[type=number] {
	-moz-appearance: textfield;
}

/** date picker fixes **/

.workshop-wrapper .sidebar-content .date .qs-datepicker-container {
	z-index: 1;
}

.workshop-wrapper .sidebar-content .date .qs-datepicker .qs-arrow.qs-right:after {
	border-right-color: grey;
	border-left-color: transparent;
	-webkit-transform: translate(-75%,-50%);
	-ms-transform: translate(-75%,-50%);
	transform: translate(-75%,-50%);
}

.workshop-wrapper .sidebar-content .date .qs-datepicker .qs-arrow:hover.qs-right:after {
	border-right-color: #000;
	border-left-color: transparent;
}

.workshop-wrapper .sidebar-content .date .qs-datepicker .qs-arrow.qs-left:after {
	border-right-color: transparent;
	border-left-color: grey;
	-webkit-transform: translate(75%,-50%);
	-ms-transform: translate(75%,-50%);
	transform: translate(75%,-50%);
}

.workshop-wrapper .sidebar-content .date .qs-datepicker .qs-arrow:hover.qs-left:after {
	border-right-color: transparent;
	border-left-color: #000;
}

/** date picker fixes **/

.workshop-wrapper .sidebar-content .input-wrapper.top {
	margin-top: 18px;
}

.workshop-wrapper .sidebar-content .input-wrapper.around {
	margin: 38px 0 28px;
}

.workshop-wrapper .sidebar-content .input-wrapper .headline {
	font-weight: 700;
	font-size: 1.063em;
	margin-bottom: 3px;
}

.workshop-wrapper .sidebar-content .input-wrapper:not(.number) input,
.workshop-wrapper .sidebar-content .input-wrapper:not(.number) select,
.workshop-wrapper .sidebar-content .input-wrapper:not(.number) textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #200f0c;
	background-color: #fff;
	padding: 3px 16px;
	width: 100%;
	font-size: 1.063em;
}

.workshop-wrapper .sidebar-content .input-wrapper.select .inner,
.workshop-wrapper .sidebar-content .input-wrapper.date .inner,
.workshop-wrapper .sidebar-content .input-wrapper.time .inner {
	position: relative;
}

.workshop-wrapper .sidebar-content .input-wrapper.select .inner .arrow,
.workshop-wrapper .sidebar-content .input-wrapper.date .inner .arrow,
.workshop-wrapper .sidebar-content .input-wrapper.time .inner .arrow {
	position: absolute;
	top: 10px;
	left: 16px;
	width: 10px;
	height: 8px;
	background-image: url(/wp-content/uploads/2019/11/workshop-form-arrow-icon.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.workshop-wrapper .sidebar-content .input-wrapper.select select::-ms-expand { 
	display: none;
}

.workshop-wrapper .sidebar-content .input-wrapper.select select {
	-webkit-appearance: none;
	appearance: none;
}

.workshop-wrapper .sidebar-content .input-wrapper.number .inner {
	display: flex;
	align-items: center;
	font-size: 1.063em;
}

.workshop-wrapper .sidebar-content .input-wrapper.number .inner .label {
	margin-left: 30px;
}

.workshop-wrapper .sidebar-content .input-wrapper.number .inner .numer-arrows {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #200f0c;
	background-color: #fff;
}

.workshop-wrapper .sidebar-content .input-wrapper.number .inner .numer-arrows input {
	width: 45px;
	border: none;
	padding: 3px 0;
	text-align: center;
	margin: 0 25px;
}

.workshop-wrapper .sidebar-content .input-wrapper.textarea textarea {
	height: 70px;
}

.workshop-wrapper .sidebar-content .input-wrapper.basic label {
	position: relative;
}

.workshop-wrapper .sidebar-content .input-wrapper.basic .on-focus {
	position: absolute;
	top: 3px;
	right: 0;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
	display: block;
	z-index: 1;
	font-size: 1.063em;
}

.workshop-wrapper .sidebar-content .input-wrapper.basic .on-focus.active {
	top: -1.3em;
}

.workshop-wrapper .sidebar-content .input-wrapper.basic input.focus-change {
	border:  none;
	border-bottom: 1px solid #200f0c;
	width: 100%;
	padding: 4px 0;
	background-color: transparent;
}

.workshop-wrapper .sidebar-content .input-wrapper.submit input {
	background-color: #200f0c;
	color: #fff;
	font-size: 1.063em;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	padding: 3px 0;
}

.workshop-wrapper .sidebar-content .input-wrapper.submit .ajax-loader {
	display: none;
}

@media (min-width: 1023px) {
	.workshop-wrapper .sidebar-content {
		position: sticky;
		top: 70px;
	}
}

/** sidebar **/

/** related workshops **/

.related-workshops {
	margin-top: 42px;
}

.related-workshops .workshops-list {
	margin-top: 23px;
	display: grid;
	grid-template-columns: repeat( 3, 1fr );
	grid-gap: 46px 11px;
}

.related-workshops .workshops-list a {
	border: 1px solid #dcc182;
}

.related-workshops .workshops-list .thumbnail {
	height: 236px;
	display: flex;
	align-items: flex-end;
}

.related-workshops .workshops-list .thumbnail .prices {
	border: 1px solid #dcc182;
	padding: 1px;
	margin: 0 20px 14px;
}

.related-workshops .workshops-list .thumbnail .prices .booking-people-prices,
.related-workshops .workshops-list .thumbnail .prices .booking-block-cost {
	border: 1px solid #dcc182;
	padding: 5px 10px;
	margin: 0;
}

.related-workshops .workshops-list .thumbnail .prices .booking-people-prices:not(.basic) {
	display: none;
}

.related-workshops .workshops-list .content {
	padding: 15px 25px;
}

.related-workshops .workshops-list .content li:not(:last-child) {
	margin-bottom: 8px;
}

.related-workshops .workshops-list .content .prices .booking-people-prices,
.related-workshops .workshops-list .content .prices .booking-block-cost {
	display: inline;
}

.related-workshops .workshops-list .content .prices .booking-people-prices.basic {
	display: none;
}

.related-workshops .workshops-list .available-dates {
	padding: 4px;
}

.related-workshops .workshops-list .available-dates span {
	background-color: #200f0c;
	padding: 8px 0;
}

/** related workshops **/

/** general **/

/** sadna **/

.sidebar-content.sadna .booking-people-prices.basic {
	display: none;
}

.sidebar-content.sadna form {
	margin-top: 30px;
}

.sidebar-content.sadna .wc-bookings-booking-form,
.sidebar-content.sadna .wc-bookings-booking-form fieldset,
.sidebar-content.sadna .wc-bookings-date-picker,
.sidebar-content.sadna .wc-bookings-booking-form fieldset .picker.hasDatepicker,
.sidebar-content.sadna .wc-bookings-booking-form .form-field {
	border: none;
	padding: 0;
	margin: 0;
}

.sidebar-content.sadna .wc-bookings-booking-form .results fieldset {
	display: none;
}

.sidebar-content.sadna .wc-bookings-booking-form .results .form-field {
	display: none !important;
}

.sidebar-content.sadna .bt-date-time-inputs {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	justify-content: space-between;
	margin-bottom: 45px;
}

.sidebar-content.sadna .bt-date-time-inputs .input-wrapper.date {
	flex-basis: 51.68%;
}

.sidebar-content.sadna .bt-date-time-inputs .input-wrapper.time {
	flex-basis: 37%;
	position: relative;
}

.sidebar-content.sadna .bt-date-time-inputs .input-wrapper.time ul {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 2;
	background-color: #fff;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #200f0c;
	border-top: none;
	display: none;
}

.sidebar-content.sadna .bt-date-time-inputs .input-wrapper.time ul li:not(:last-child) {
	border-bottom: 1px solid #200f0c;
}

.sidebar-content.sadna .bt-date-time-inputs .input-wrapper.time ul li a {
	padding: 3px 16px;
	display: block;
	white-space: nowrap;
}

.sidebar-content.sadna .bt-date-time-inputs .input-wrapper.time ul li a:hover {
	color: #fff;
	background-color: #200f0c;
}

.sidebar-content.sadna .bt-date-time-inputs .input-wrapper input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #200f0c;
	background-color: #fff;
	padding: 3px 16px;
	width: 100%;
	font-size: 1.063em;
}

.sidebar-content.sadna .bt-date-time-inputs .results {
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	z-index: 1;
}

.sidebar-content.sadna .input-wrapper.number.bottom {
	margin-bottom: 15px;
}

.sidebar-content.sadna .input-wrapper.number:not(.show) .headline {
	display: none;
}

.sidebar-content.sadna .input-wrapper.number .inner .label {
	flex-basis: 25.22%;
	margin-left: 0;
}

.sidebar-content.sadna .bt-coupon {
	margin-top: 70px;
}

.sidebar-content.sadna .bt-coupon .input-wrapper {
	margin-top: 5px;
	display: none;
}

.sidebar-content.sadna .bt-line {
	margin-top: 25px;
	height: 1px;
	background-color: #200f0c;
}

.sidebar-content.sadna .wc-bookings-booking-form .wc-bookings-booking-cost {
	background: transparent;
	border: none;
	margin: 25px 0 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	font-weight: 700;
}

.sidebar-content.sadna .bt-submit {
	margin-top: 50px;
	display: grid;
}

.sidebar-content.sadna .bt-submit > * {
	grid-row: 1 / -1;
	grid-column: 1 / -1;
}

.sidebar-content.sadna .bt-submit button {
	background-color: #200f0c;
	color: #fff;
	font-weight: 700;
	width: 100%;
	font-size: 1.063em;
	padding: 6px 0;
	border: none;
	cursor: pointer;
}

/** sadna **/

@media (max-width: 1365px) {

	.workshop-wrapper .workshop-main-content {
		flex-basis: 58.49%;
	}

	.workshop-wrapper .sidebar-content {
		flex-basis: 35%;
	}

	/** related workshops **/

	.related-workshops .workshops-list .content .prices * {
		font-size: 1em;
	}

	/** related workshops **/

}

@media (max-width: 900px) {

	.workshop-wrapper {
		flex-direction: column;
	}

	.workshop-wrapper .workshop-main-content {
		width: 100%;
	}

	.workshop-wrapper .sidebar-content {
		width: 450px;
		margin: 30px auto;
	}

}

@media (max-width: 750px) {

	.related-workshops .workshops-list {
		grid-template-columns: 1fr;
		grid-gap: 11px;
	}

}

@media (max-width: 650px) {

	.workshop-wrapper .workshop-content .main-content .icons-info {
		align-items: flex-start;
		flex-direction: column;
	}

	.workshop-wrapper .workshop-content .main-content .icons-info li:not(:last-child) {
		margin: 0 0 15px;
	}

}

@media (max-width: 500px) {

	.workshop-wrapper .sidebar-content {
		width: 100%;
	}

}