/*!
Theme Name: wcob_new
Author: Enot
Author URI: https://worldcenterofbaby.com/
Description: Description
Version: 1.0.0
Text Domain: wcob
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */
body{
	height: auto;
    overflow: visible;
}
.yt-link {
	position: relative;
	width: 320px;
	height: 180px;
	cursor: pointer;
	display: inline-block;
}

.yt-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.yt-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 32px;
	color: white;
	background: rgba(0, 0, 0, 0.6);
	border: none;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 2;
}

#booking-details {
	display: none;
	padding: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	text-align: center;
	width: fit-content;
	margin: 50px auto;
}
#booking-details.active{
	display: block;
}
.booking-details__success {
	color: rgb(0 0 0);
	font-size: 24px;
	line-height: 28px;
	margin: 0;
	font-weight: 700;
	margin-bottom: 25px;
	display: block;
}

.booking-details__success-svg {
	display: flex;
	justify-content: center;
	align-items: center;
}

.booking-details__success-svg svg {
	width: 20px;
	margin-right: 14px;
	padding-top: 8px;
}

.booking-details__item {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-bottom: 20px;
}

.booking-details__item-svg {
	width: 25px;
	height: 25px;
}

.booking-details__item-value {
	color: rgba(26, 26, 26, 0.61);
	font-size: 16px;
}
.booking-details__item-email{
	width: 28px;
    height: 25px;
}
@media (min-width: 1399.98px) {
	#booking-details {
		padding: 40px;
	}

	.booking-details__success {
		font-size: 32px;
	}

	.booking-details__success-svg svg {
		width: 28px;
		padding-top: 4px;
	}

	.booking-details__item {
		gap: 20px;
		margin-bottom: 25px;
	}

	.booking-details__item-svg {
		width: 30px;
		height: 30px;
	}

	.booking-details__item-value {
		font-size: 20px;
	}
	.booking-details__item-email{
	width: 30px;
    height: 20px;
}
}

#thankspage .wcob-confirmation__content--calendly {
	flex: 0 0 100%;
}

@media (max-width: 1200px) {
	#thankspage .wcob-confirmation__content--calendly .wcob-confirmation__text {
		margin-bottom: 0px;
		font-size: 16px;
		line-height: 1.5;
	}
}

#thankspage #stay p {
	font-size: 16px;
	line-height: 1.5;
}
#thankspage #stay .social-block {
    gap: 15px;
}
#thankspage #stay .social-block a {
	flex: 0 0 44px;
	height: 44px;
	margin-right: 0px;
	width: 44px;
}

#thankspage #stay .social-block a svg {
	height: 25px;
	width: 25px;
}

#thankspage #stay .grid-item {
	margin: 0 auto;
}
@media (min-width: 1200px) {
#thankspage #stay .social-block {
    gap: 25px;
}
}
/*
 :root {
    --text-size: 20px;
    --text-line-height: 28px;
    --text-big-size: 24px;
    --text-big-line-height: 28px;
    --text-small: 16px;
    --text-small-line-height: 19px;
    --border-radius: 24px;
    --h2-size-small: 40px;
    --h2-line-height-small: 46px;
	--h1-size: 96px;
    --h1-line-height: 113px;
    --h2-size: 48px;
    --h2-line-height: 56px;
    --h3-size: 36px;
    --h3-line-height: 42px;
    --text-size: 24px;
    --purple: #7752b5;
    --purpleRgb: 119, 82, 181;
    --christmasRed: #e4481e;
	--bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
    --bs-breakpoint-xxxl: 1800px;
}

@font-face {
	font-family: "Raleway";
	src: local("Raleway 200"), local("Raleway-200"),
		url("./assets/fonts/raleway-v29-latin-200.woff2") format("woff2");
	font-weight: 200;
	font-display: fallback;
}

@font-face {
	font-family: "Raleway";
	src: local("Raleway 300"), local("Raleway-300"),
		url("./assets/fonts/raleway-v29-latin-300.woff2") format("woff2");
	font-weight: 300;
	font-display: fallback;
}
@font-face {
	font-family: "Raleway";
	src: local("Raleway Regular"), local("Raleway-regular"),
		url("./assets/fonts/raleway-v29-latin-regular.woff2") format("woff2");
	font-weight: 400;
	font-display: fallback;
}
@font-face {
	font-family: "Raleway";
	src: local("Raleway 500"), local("Raleway-500"),
		url("./assets/fonts/raleway-v29-latin-500.woff2") format("woff2");
	font-weight: 500;
	font-display: fallback;
}

@font-face {
	font-family: "Raleway";
	src: local("Raleway 600"), local("Raleway-600"),
		url("./assets/fonts/raleway-v29-latin-600.woff2") format("woff2");
	font-weight: 600;
	font-display: fallback;
}
@font-face {
	font-family: "Raleway";
	src: local("Raleway 700"), local("Raleway-700"),
		url("./assets/fonts/raleway-v29-latin-700.woff2") format("woff2");
	font-weight: 700;
	font-display: fallback;
}
@font-face {
	font-family: "Raleway";
	src: local("Raleway 800"), local("Raleway-800"),
		url("./assets/fonts/raleway-v29-latin-800.woff2") format("woff2");
	font-weight: 800;
	font-display: fallback;
}
@font-face {
	font-family: "Raleway";
	src: local("Raleway 900"), local("Raleway-900"),
		url("./assets/fonts/raleway-v29-latin-900.woff2") format("woff2");
	font-weight: 900;
	font-display: fallback;
}

@layer {
	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		scroll-margin-top: 110px;
	}

	html {
		box-sizing: border-box;
		scroll-behavior: smooth;
		touch-action: manipulation;
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: transparent;
	}

	body,
	input,
	button,
	select,
	textarea {
		font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
		font-size: 14px;
		line-height: 1.5;
		color: var(--black);
	}

	a {
		text-decoration: underline;
		color: var(--blue);
	}
	a:hover,
	a:focus-visible {
		text-decoration: none;
	}

	img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

	iframe {
		max-width: 100%;
		vertical-align: middle;
		border: none;
	}
	fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}
	@media screen and (min-width: 1024px) {
		* {
			scroll-margin-top: 135px;
		}
	}
}

*/
/**********************************Main Container*************************************/
/*
.container {
	max-width: 1180px;
	padding: 0 20px;
	margin-inline: auto;
}
.page-content {
    padding: 40px 0;
}
.page-wrap a{
    font-weight: 700;
    text-decoration: none;
    color: var(--yellow);
}
/**********************************Titles*************************************/
/*
.main__title{
    text-align: center;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: var(--second-family);
    font-weight: 600;
	color: #000;
	line-height: 1;
}
h1, .h1 {
	font-size: 40px;
	margin: 30px 0;
}
h2, .h2 {
	font-size: 30px;
	margin: 20px 0;
}
h3, .h3 {
	font-size: 24px;
	margin: 20px 0;
}
h4, .h4 {
	font-size: 20px;
	margin: 20px 0;
}
h5, .h5 {
	font-size: 20px;
	margin: 20px 0;
}
h6, .h6 {
	font-size: 18px;
	margin: 20px 0;
}
@media screen and (min-width: 1024px) {
	h1, .h1 {
		font-size: 50px;
		margin: 50px 0;
	}
	h2, .h2 {
		font-size: 40px;
		margin: 40px 0;
	}
	h3, .h3 {
		font-size: 30px;
		margin: 40px 0;
	}
	h4, .h4 {
		font-size: 24px;
		margin: 40px 0;
	}
	h5, .h5 {
		margin: 40px 0;
	}
	h6, .h6 {
		margin: 40px 0;
	}
}

/**********************************Paragraph*************************************/
/*
p {
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 16px;
	color: var(--black);
}
p + p {
	margin-top: 1em;
}

/**********************************Default Buttons*************************************/
/*
.main__button{
	display: block;
    background: var(--black);
    padding: 10px 30px;
    border: none;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
	transition: all 0.2s, transform 0.064s;
	cursor: pointer;
	text-decoration: none;
}
.main__button:hover{
	background: var(--yellow);
	color: var(--black);
}
/**********************************Header*************************************/


/**********************************Footer*************************************/