/*
	Theme Name: v215 Child
	Template:v215
*/

:root {
	--blue: #00c6ff;
	--yellow: #ffe430;
	--purple: #ed1e79;
}

/* .topbar .container {position: relative;}
.topbar p {position: absolute;right: 15px; top: 25px;}
.topbar-inner {padding: 0;}
.topbar a {color: white; position: relative; z-index: 9;}
.topbar a:hover {color: var(--blue);}
.topbar a:not(:last-child) {margin-right: 20px;} */
/* #header #header-menu > .menu-item > a {bottom: -20px;position: relative;} */
#header .header-bottom .menu-holder {grid-column: 1 / 3;margin-left: 120px;justify-self: left;}
#header .container {position: relative;}
/* #header .header-social {position: absolute;}
#header .header-social.ig {right: 0;}
#header .header-social.twitter {right: 30px;}
#header .header-social.f {right: 60px}
#header .header-social.yt {right: 86px;}
#header .header-social a {padding: 0 3px;} */
#header .logo-holder {height: 130px;}
#header .menu-item a:hover {color: var(--blue);}
.header-standard.sticky.scrolled .logo-holder img {height: auto !important;}
.menu-holder {display: grid; align-items: center;}
#header .current-menu-parent > a, #header .current-menu-item > a {color: var(--blue);}
#header .header-cta-1, #header .header-cta-2 {position: absolute;}
#header .header-cta-1 {right: 0px; display: none;}
#header .header-cta-1 a {padding-right: 0px;}
#header .header-cta-2 {right: 188px;}
#header .header-cta-1 a, #header .header-cta-2 a {font-weight: 400;}
#header .menu > li > a {line-height: 130px;}
#header .header-cta-2 span {font-size: 14px; background: transparent;padding: 12px 24px;border: 2px solid var(--blue);color: var(--blue);border-radius: 30px;transition: .5s;}
#header .header-cta-2 span:hover {background: var(--blue); color: white;}
#header .header-cta-1 span {font-size: 14px; background: transparent;padding: 12px 24px;border: 2px solid var(--purple);color: var(--purple);border-radius: 30px;transition: .5s;}
#header .header-cta-1 span:hover {background: var(--purple); color: white;}
#header .header-cta-2 {display: none;}

#header .header-bottom .header-contact-1 {position: absolute;right: 0;}
#header .header-bottom .header-contact-2 {position: absolute;right: 175px;}

#header .header-bottom #header-menu > li > a > span:after {position: absolute;bottom: -5px;left: 0;width: 0;height: 1px;background: white;z-index: 9999;content: '';transition: .5s;}
#header .header-bottom #header-menu > li > a > span {position: relative;}
#header .header-bottom #header-menu > li:not(.header-cta-2):not(.header-cta-1) > a:hover > span:after, 
#header .header-bottom #header-menu > .current-menu-ancestor > a > span:after {width: 100%;}
#header .header-bottom #header-menu > .current-menu-ancestor > a > span:after {background: var(--blue);}

.title-area {min-height: 20vh; padding: 30px 0;}
.title-area {background-position: center !important;}

iframe{position: relative; z-index: 999}

.product-slider .slick-track {display: flex;}
.product-slider .slick-slide {margin: 0 10px; height: inherit;}
.product-slider .slick-slide > *, .product-slider .slick-slide > * > * {height: 100%;}
.product-slider .post-item {background-image: url(/wp-content/uploads/2025/03/Background-1.jpg);background-size: cover;aspect-ratio: 350/550; cursor: pointer; border-radius: 20px;padding: 30px;position: relative;overflow: hidden;}
.product-slider .subtitle {color:white; margin-bottom: 0 !important;}
.product-slider .title {text-transform: uppercase; color: white; font-size: 30px; line-height: 40px;}
.product-slider .slick-slide img {display: inline-block;margin-top: 50px;}
.product-slider .post-item-content {flex: 1;}
.product-slider .post-image {padding-bottom: 15px;flex: 2;text-align: center; margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width: 100%;}
.product-slider .post-open {background: #333;width: 40px;line-height: 40px;color: white;text-align: center;border-radius: 100%;position: absolute;right: 20px;bottom: 20px;}
.product-slider .slick-list {overflow: unset !important;}
.product-slider .slick-arrow {background: #e5e5e5;width: 40px;height: 40px;border: 2px solid #e5e5e5;color: #333;font-size: 22px;padding: 0;}
.product-slider .slick-arrow:hover {background: #333; color: white; border-color: #333;}
.product-slider .slick-prev {position: absolute;right: 50px;bottom: -60px;}
.product-slider .slick-next {position: absolute;right: 0;bottom: -60px;}
.product-slider .post-content {transition: .5s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 14px; line-height: 23px; color: white; padding: 30px; background: rgb(0,0,0,.9); overflow: auto; opacity: 0;}
.product-slider .post-item:hover .post-content {opacity: 1;}
.product-slider-wrap .show {display: block !important;}
.product-slider-popup-overlay {display: none; position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background: rgb(0, 0, 0, .9);}
.product-slider-popup {min-height: 600px;display: none; position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: white;width: 100%;z-index: 99;height: auto;max-width: 1200px;border-radius: 30px;}
.product-slider-popup .close {cursor: pointer;background: #e5e5e5;width: 40px;line-height: 40px;text-align: center;color: #333;border-radius: 100%;position: absolute;right: 22px;top: 20px;}
.product-slider-popup.show {z-index: 9999; display: grid !important;grid-template-columns: 2fr 3fr;padding: 10px;gap: 50px; align-items: center;}
.product-slider-popup .post-popup-image {position: relative; height: 100%; aspect-ratio: 450 / 780;}
.product-slider-popup h2 {text-transform: uppercase; font-size: 80px; line-height: 90px; margin-bottom: 10px;}
.product-slider-popup h3 {text-transform: uppercase;}
.product-slider-popup ul {margin-top: 10px; font-size: 18px; line-height: 28px;}
.product-slider-popup .post-popup-content {height: 100%;overflow: auto;padding: 50px 50px 50px 0;}
.product-slider .brochure {display: none;}
.product-slider-popup .post-popup-brochure {margin-top: 15px;}
.product-slider video {max-height: 400px;position: absolute;top: 0;left: 0;margin-top: 50px;opacity: 0;transition: .5s;}
.product-slider .post-item:hover video {opacity: 1;}
.product-slider-popup .post-popup-image video {border-top-left-radius: 25px;border-bottom-left-radius: 25px;position: absolute;height: 100%;top: 0;left: 0;width: 100%;object-fit: cover;}
.product-slider-popup .description li:not(:last-child) {margin-bottom: 12px;}
.product-slider .post-content li:not(:last-child) {margin-bottom: 10px;}
.product-slider .slick-slide:nth-child(4n+1) .post-item {background-position: left center;}
.product-slider .slick-slide:nth-child(4n+2) .post-item {background-position: 27% center;}
.product-slider .slick-slide:nth-child(4n+3) .post-item {background-position: 62% center;}
.product-slider .slick-slide:nth-child(4n) .post-item {background-position: right center;}
.product-slider .post-video {display: none;}
.product-slider .atom img {transform: scale(0.9);}
.product-slider .curve img {transform: scale(1.15);}
.product-slider .infinity img {transform: scale(1.85);margin-top: 55%;}
.product-slider .nostalgia img {transform: scale(1.75);	margin-top: 55%;}

.trivia-slider .slick-track {display: flex;}
.trivia-slider .slick-slide {margin: 0 10px; height: inherit;}
.trivia-slider .slick-slide > *, .trivia-slider .slick-slide > * > * {height: 100%;}
.trivia-slider .post-item {cursor: pointer; border-radius: 20px;padding: 30px;position: relative;}
.trivia-slider .subtitle {color:white; margin-bottom: 0 !important;}
.trivia-slider .title {text-transform: uppercase; color: white;}
.trivia-slider .slick-slide img {display: inline-block;max-height: 400px;margin-top: 50px;}
.trivia-slider .post-item-content {flex: 1;}
.trivia-slider .post-image {padding-bottom: 15px;flex: 2;text-align: center; margin: 0;}
.trivia-slider .post-open {background: #333;width: 40px;line-height: 40px;color: white;text-align: center;border-radius: 100%;position: absolute;right: 20px;bottom: 20px;}
.trivia-slider .slick-list {overflow: unset !important;}
.trivia-slider .slick-arrow {background: #e5e5e5;width: 40px;height: 40px;border: 2px solid #e5e5e5;color: #333;font-size: 22px;padding: 0;}
.trivia-slider .slick-arrow:hover {background: #333; color: white; border-color: #333;}
.trivia-slider .slick-prev {position: absolute;right: calc(24% + 50px);bottom: -60px;}
.trivia-slider .slick-next {position: absolute;right: 24%;bottom: -60px;}
.trivia-slider .post-content {display: none;}
.trivia-slider-wrap .show {display: block !important;}
.trivia-slider-popup-overlay {display: none; position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background: rgb(0, 0, 0, .9);}
.trivia-slider-popup {display: none; position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: white;width: 100%;z-index: 99;height: 75vh;max-width: 1200px;border-radius: 30px;}
.trivia-slider-popup .close {cursor: pointer;background: #e5e5e5;width: 40px;line-height: 40px;text-align: center;color: #333;border-radius: 100%;position: absolute;right: 22px;top: 20px;}
.trivia-slider-popup.show {z-index: 9999; display: grid !important;grid-template-columns: 2fr 3fr;padding: 50px;gap: 75px; align-items: center;}
.trivia-slider-popup .post-popup-image {display: grid;align-items: center;justify-content: center;}
.trivia-slider-popup h2 {text-transform: uppercase; font-size: 60px; line-height: 70px; margin-bottom: 10px;}
.trivia-slider-popup h3 {text-transform: uppercase;}
.trivia-slider-popup ul {margin-top: 10px; font-size: 18px; line-height: 28px;}
.trivia-slider-popup .post-popup-content {/*height: 100%;*/overflow: auto;}
.trivia-slider .brochure {display: none;}
.trivia-slider-popup .post-popup-brochure {margin-top: 15px;}

.testimonial-slider .slick-slide {transition: .4s;padding-top: 50px;}
.testimonial-slider .slick-slide:not(.slick-center) {transform: scale(0.7)  translate(30%);}
.testimonial-slider .slick-slide.slick-center {transform: scale(1); z-index: 30; position: relative;}
.testimonial-slider .slick-center + .slick-slide {transform: scale(0.7) translate(-30%);}
.testimonial-slider .slick-dots button {border: 1px solid white;border-radius: 100%;}
.testimonial-slider .slick-dots .slick-active button {background: white;}
.testimonial-slider .container {box-shadow: 0 0 20px rgb(0, 0, 0, .35);}
.testimonial-slider img {background: white; max-height: 100px; max-width: 100px; aspect-ratio: 1/1; width: 100%; object-fit: cover;border-radius: 100%;border: 4px solid transparent;}
.testimonial-slider .jawn_image {text-align: center;margin-top: -50px;}
.testimonial-slider .jawn_text_block {padding: 15px 40px 40px 40px; text-align: center;}
.testimonial-slider p:nth-of-type(1) {opacity: .7; font-size: 18px; line-height: 28px;}
.testimonial-slider h4 {font-size: 26px;line-height: 36px;}
.testimonial-slider h2 {color: white; text-transform: uppercase;}
.testimonial-slider h2 strong {color: transparent; font-size: 90px;line-height: 100px;-webkit-text-stroke: 1px var(--yellow);}
.testimonial-slider .container {position: relative;background: white;}

.text-center {text-align: center;}

.back-to-top:hover div {color: white;background: var(--purple);}

.footer-social a {color: white;font-size: 22px;line-height: 32px;}
.footer-social a:hover {color: var(--blue);}
.footer-social {display: flex; gap: 10px;}
.footer-1-cols {margin: unset !important;}
#footer .col-1 img {max-height: 100px;}
#footer .col-1 {display: flex;align-items: center;gap: 30px;}
#footer .col-2 p {color: white;font-size: 12.5px;line-height: 20px;}
#footer .footer-top-inner > div {align-items: center;}
#footer .col-1 p {font-size: 15px;line-height: 25px;}

.slide-right:not(.animated),
.slide-left:not(.animated),
.fade-slide-up:not(.animated),
.fade-in-center:not(.animated) {opacity: 0;}
.jawn-itr.left-image.animated .itr-image-side,
.jawn-itr.right-image.animated .itr-content-side,
.slide-right.animated {animation: fadeInLeft 1s ease 0s 1 normal forwards;}
@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-25%);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.jawn-itr.left-image.animated .itr-content-side,
.jawn-itr.right-image.animated .itr-image-side,
.slide-left.animated {animation: fadeInRight 1s ease 0s 1 normal forwards;}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(25%);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fade-in-center.animated {animation: fadeInCenter 2s ease 0s 1 normal forwards;}
@keyframes fadeInCenter {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fade-slide-up.animated {animation: fadeSlideUp 1s ease 0s 1 normal forwards;}
@keyframes fadeSlideUp {
	0% {
		opacity: 0;
		transform: translateY(25%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.staff-grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 30px;}
.staff-grid img {width: 100%;}
.staff-grid .post-item {position: relative; overflow: hidden;}
.staff-grid .post-item-content {position: absolute;bottom: 0;background: rgb(0,0,0,.6); color: white;width: 100%;padding: 10px 15px; transition: .5s; transform: translateY(36px) translateZ(0);backface-visibility: hidden;}
.staff-grid .post-item:hover .post-item-content {transform: translateY(0);}
.staff-grid .post-item-content h3 {margin-top: 5px;}
.staff-grid .post-item-content p {margin: 0 !important;}
.staff-grid h3 strong {display: none;}

.single-staff #content p:first-of-type {color: var(--blue); font-size: 32px; line-height: 42px; margin-bottom: 10px;}

.news-grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 60px 30px;}
.news-grid img {border-radius: 15px;margin-bottom: 15px;aspect-ratio: 1 / 1;object-fit: cover;object-position: center;width: 100%; transition: .5s; filter: brightness(1);}
.news-grid img:hover {filter: brightness(.5);}
.news-grid h3 {transition: .5s;color: #0d0d0d;font-weight: 600;font-size: 22px;line-height: 28px;margin-bottom: 10px;}
.news-grid h3:hover {color: var(--blue);}
.news-grid p {font-size: 16px;line-height: 26px;color: #0d0d0d;}
.news-grid .date i {margin-right: 5px;}
.news-grid .date {margin-bottom: 5px !important;}
.news-grid .info {display: flex;justify-content: space-between;}
.news-grid .info p {font-size: 14px;color: #555;}

.single-post .title-area {display: none;}
.single-post .post-image {max-width: 1100px;}
.single-post .post-info {display: none;}

@media (max-width: 1500px) {
	#header .container {max-width: calc(100% - 60px);margin: auto;}
}

@media (max-width: 1100px) {
    .product-slider .post-content {font-size: 12px;line-height: 18px;padding: 20px;}
	.product-slider-popup {min-height: unset;max-width: calc(100% - 60px);}
	.product-slider-popup .post-popup-content {max-height: 600px;}
	
	#footer .col-1 {width: 40%;}
	#footer .col-2 {width: 60%;}
}

@media (max-width: 1100px) and (min-width: 1023px) {
	.header-contact-2 span > span, .header-contact-1 span > span {display: none;}
	#header .header-bottom .header-contact-2 {right: 40px;}
}

@media (max-width: 1023px) {
	#header {background: #0d0d0d;}
	#header:not(.scrolled) .logo-holder {height: 100px;}
	#header.scrolled .logo-holder {height: 80px;}
	#header .menu-holder {text-align: left; background: #0d0d0d;}
	#header .menu-item a {line-height: 27px !important;outline: 0;}
	#header .sub-menu {text-align: left;padding-left: 35px;}
	#header .sub-menu li:not(:last-child) {border-bottom: 0px !important;}
	#header .menu-item {padding-top: 6px !important;padding-bottom: 6px !important;}
	#header .header-cta-1 {position: unset; /*display: inline-block !important;*/ display: none !important; margin-top: 10px; margin-bottom: 10px;}
	#header .header-cta-2 {display: none !important;}
	#header .header-cta-1 a {padding-left: 0 !important;}
	#header .menu-item-has-children .sub-menu {max-height: 0; transition: .5s; overflow: hidden;}
	#header .menu-item-has-children.show .sub-menu {max-height: 300px;}
	#header .menu-item-has-children > a:after {position: absolute; right: 0; content: "\f078";color: white;margin-left: 10px;font-family: 'Font Awesome 5 Free';}
	#header .menu-item-has-children.show > a:after {content: "\f077";}
	
	.title-area {min-height: 110px;height: auto !important;padding: 30px 0;}
	
	.single-staff .staff-wrapper .left {max-width: 300px;}
	
	.testimonial-slider .jawn_text_block {padding: 5px 15px 15px 15px;}
    .testimonial-slider em {font-size: 16px;line-height: 24px;display: inline-block;}
    .testimonial-slider p {font-size: 16px;line-height: 26px;margin-bottom: 7px !important;}
	
	.news-grid {grid-template-columns: 1fr 1fr;}
	
	.jawn_text_block h2, .jawn-itr h2 {font-size: 40px;line-height: 50px;}
	
	.product-slider .title {font-size: 24px;line-height: 34px;}
	.product-slider-popup .post-popup-content {max-height: 500px;}
	.product-slider-popup h2 {font-size: 55px;line-height: 65px;margin-bottom: 10px;}
	.product-slider-popup .post-popup-content {padding: 30px 30px 30px 0;}
	.product-slider-popup.show {gap: 30px;}
	.post-popup-content ul li {font-size: 16px;line-height: 24px;}
}

@media (max-width: 767px) {
	#header .header-cta-1 {/*display: block !important;*/ display: none !important;}
	#header .header-cta-2 {display: none !important;}
	#header .header-cta-1 a {padding-left: 15px !important;}
	#header .header-cta-2 {margin-bottom: 15px;}
	#header .header-cta-1 span, #header .header-cta-2 span {font-size: 14px;padding: 10px 18px;}
	
	#title .jawn_button {white-space: normal;line-height: 1.4;padding: 12px 24px;border-radius: 100px;}
	
	.testimonial-slider .slick-slide:not(.slick-center) {opacity: 0;}
	.testimonial-slider .jawn_image {padding-top: 20px;}
	
	.jawn_col:not(:last-child) {margin-bottom: 30px;}
	.jawn_col_inner:not(:last-child) {margin-bottom: 30px;}
	
	.product-slider-popup.show {grid-template-columns: 1fr; gap: 0;}
	.product-slider-popup .post-popup-image video {border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
	.product-slider-popup h2 {font-size: 40px;line-height: 50px;margin-bottom: 10px;}
	.product-slider-popup .post-popup-content {padding: 30px 15px;}
	.product-slider-popup {max-width: calc(100% - 30px);}
	.product-slider .title {font-size: 40px;line-height: 50px;}
	.product-slider-popup .post-popup-content {max-height: 400px;}
	
	.news-grid {grid-template-columns: 1fr;}
	
	.single-post .post-title {font-size: 35px;line-height: 45px;}
	
	.single-staff .staff-wrapper {display: grid;gap: 30px;}
	.single-staff .staff-wrapper .left {padding-right: 0;}
	.single-staff .right h2 {font-size: 35px;line-height: 45px;}
	.single-staff .right p:nth-child(2) strong {font-size: 25px; line-height: 35px;}
	
	#footer .col-1 {width: 100%;}
	#footer .col-2 {width: 100%;}
	#footer .col-2 p {font-size: 11px;line-height: 18px; text-align: center; max-width: 220px; margin: auto;}
}