/*
CSS FOR LANDING PAGE: Dancing
*/
body {
	font-size: 1.2rem;
}

.wpcf7 form .wpcf7-response-output {
	z-index: 100;
	position: relative !important;
	left: 0 !important;
	top: 0 !important;
	margin: 0 0.5em 1em !important;
	border-radius: 5px !important;
}

@font-face {
    font-family: 'Proxima Nova Black';
    src: url('../fonts/ProximaNova-Black.woff2') format('woff2'),
        url('../fonts/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Argone LC';
    src: url('../fonts/ArgoneLCRegular.woff2') format('woff2'),
        url('../fonts/ArgoneLCRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.display-desktop {
	display: inherit;
}
.display-mobile {
	display: none;
}

/********** GENERAL **********/
/*****************************/
#page {
	background: #F0EDE3;
}
#main > .wf-wrap {
	width: 1700px;
}
#main section.section-nopadding {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	position: relative;
}
.font-narrow {
	letter-spacing: -13%;
}
.text-narrow {
	max-width: 400px;
}
.text-bigger {
	font-size: 1.6rem;
	line-height: 2.2rem;
	font-family: 'Argone LC';
}
.heading-secondary {
    font-family: 'Argone LC';
}
span.green {
	color: var(--green);
}

.dancing-hero-bg-video {
	position: absolute !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.dancing-hero-bg-video::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(133deg,rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0.35) 41%, rgba(0, 0, 0, 0) 53%, rgba(0, 0, 0, 0.41) 65%, rgba(0, 0, 0, 0.46) 100%);
}
.dancing-hero-bg-video * {
	height: 100%;
}
.dancing-hero-bg-video video {
	object-fit: cover;
	width: 100%;
}
.dancing-hero-bg-video .vc_column-inner {
	padding: 0;
}

.dancing-hero {
	padding-top: var(--space-sm);
	height: 800px; /* leave this here for wide macbook resolutions */
}
.dancing-hero h1 {
	font-family: 'Proxima Nova Black';
	font-size: 7vw;
	line-height: 7vw;
}
.dancing-hero .dancing-tagline {
	color: var(--yellow);
	font: var(--the7-h3-font);
	font-size: 2.5vw !important;
}
.dancing-hero .pdc-logo-white img {
	width: 17vw;
	max-width: 320px;
	margin-right: 30px;
}
.dancing-hero-section .row-dancing-subjects {
	margin-bottom: 0;
	width: 70%;
	position: absolute;
	bottom: 0;
	right: 0;
	max-height: 80vh;
	overflow: hidden;
}

.section-dancing-about {
	background: url('../img/bg-yellow-about.webp') right bottom/65% no-repeat;
}
.row-dancing-about {
}
.row-dancing-about .heading-secondary {
	font-size: 5.6vw;
	line-height: 5.6vw;
	color: #000;
}
.row-dancing-about .img-discoball {
	width: 35%;
	position: absolute;
	left: 8%;
	top: 0;
	margin-top: calc(var(--space-md) * -1);
}
.row-dancing-about .img-mic {
	width: 13%;
	position: absolute;
	left: -10%;
	top: 20%;
}
.row-dancing-about .img-polaroids {
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
.block-vinyl-player {
	width: 55%;
	position: absolute !important;
	bottom: -5rem;
	left: 0;
}
.block-vinyl-player .img-plate {
	width: 56%;
	aspect-ratio: 1;
	margin: 0;
	position: absolute;
	top: 15%;
	left: 13%;
	z-index: 5;
	animation: spin 5s linear infinite;
}
.block-vinyl-player .img-needle {
	position: absolute;
	top: 0;
	z-index: 10;
}
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.section-dancing-about .row-img-chicken {
	width: 17%;
	position: absolute;
	right: -15px;
	bottom: 0;
	z-index: 10;
}

.section-dancing-steps {
	background: url('../img/bg-yellow-steps.webp') center bottom/100% no-repeat;
}
.row-steps-title {
	overflow: visible !important;
}
.row-steps-title .vc_column-inner {
	position: relative;
}
.row-steps-title .img-footprints {
	margin-bottom: 0;
	position: absolute;
	width: 100%;
	bottom: 0;
}

.col-step > .vc_column-inner {
	align-items: center;
}
.col-step > .vc_column-inner > .wpb_wrapper {
	height: 100%;
	background-color: var(--yellow);
	border: 10px solid #67A487;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	width: 100%;
	max-width: 360px;
	display: flex;
	flex-direction: column;
	position: relative;
}
.col-step .vc_custom_heading {
    font-family: 'Argone LC';
	font-size: 150px;
	background: url('../img/downward-shape.svg') center top/100% 100% no-repeat;
	border-radius: 10px;
	color: #fff;
	margin: -15px;
	filter: drop-shadow(0 0 10px rgba(0,0,0,.3));
}
.col-step .wpb_text_column {
	padding: 15px;
	flex: 1;
	align-content: center;
}
.col-step .wpb_text_column .highlighttag {
	font-family: 'Argone LC';
	display: inline-block;
	margin: 5px 0;
	padding: 5px 10px;
	border: 1px solid #67A487;
	border-radius: 10px;
	color: #000;
	background: rgba(255,255,255,.3);
}
.col-step > .vc_column-inner > .wpb_wrapper::before,
.col-step > .vc_column-inner > .wpb_wrapper::after {
	content: '';
	display: block;
	position: absolute;
}
.col-step.col-1 > .vc_column-inner > .wpb_wrapper::before {
	width: 100px;
	height: 100px;
	right: 100%;
	bottom: 100%;
	transform: translate(40%,40%);
	background: url('../img/effect-col-no1a.webp') center center/contain no-repeat;
}
.col-step.col-1 > .vc_column-inner > .wpb_wrapper::after {
	width: 80px;
	height: 80px;
	right: 100%;
	top: 100%;
	transform: translate(0,-25%);
	background: url('../img/effect-col-no1b.webp') center center/contain no-repeat;
}
.col-step.col-2 > .vc_column-inner > .wpb_wrapper::before {
	width: 40px;
	height: 40px;
	left: 100%;
	bottom: 100%;
	transform: translate(5%,0%);
	background: url('../img/effect-col-no2a.webp') center center/contain no-repeat;
}
.col-step.col-2 > .vc_column-inner > .wpb_wrapper::after {
	width: 30px;
	height: 30px;
	right: 100%;
	top: 100%;
	transform: translate(0,0);
	background: url('../img/effect-col-no2b.webp') center center/contain no-repeat;
}
.col-step.col-3 > .vc_column-inner > .wpb_wrapper::after {
	width: 100px;
	height: 100px;
	left: 100%;
	top: 100%;
	transform: translate(-40%,-30%);
	background: url('../img/effect-col-no3.webp') center center/contain no-repeat;
}

#main section.section-dancing-prizes {
	padding-bottom: 0 !important;
	background: url('../img/bg-yellow-prize3.webp') right bottom/33% auto no-repeat;
}
#main section.section-dancing-prizes .img-title img {
	max-width: 70vw;
}
.row-dancing-prizes .wpb_text_column span.price {
	display: inline-block;
	background: var(--green);
	color: var(--yellow);
	font-weight: bold;
	padding: 0 5px;
	border-radius: 3px;
}
.row-inner-prize-hor .vc_column-inner > .wpb_wrapper {
	display: flex;
	justify-content: center;
	gap: 15px;
	align-items: center;
}
.row-inner-prize-vert .wpb_text_column {
	text-align: center;
	margin-top: 15px;
}
.row-dancing-prizes .col-3 .row-inner-prize-vert {
	position: absolute;
	top: 15%;
}
.row-dancing-prizes .col-3 > .vc_column-inner > .wpb_wrapper {
	height: 100%;
}
.row-dancing-prizes .wpb_single_image {
	margin-bottom: 0;
}

.row-dancing-contact .col-form {
	padding: var(--space-sm) var(--space-sm) var(--space-xs);
	background: var(--bg-yellow-gradient-light);
	border-radius: 15px;
}
.row-dancing-contact .col-right .wpb_single_image img {
	transform: scaleX(-1);
}

.row-dancing-playlist-icons .wpb_single_image {
	margin-bottom: 15px;
}
.row-dancing-playlist-icons img {
	max-width: 120px;
}
.row-dancing-greenboxes .vc_column-inner > .wpb_wrapper {
	padding: 15px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	position: relative;
	background: url('../img/bg-greenbox.webp') center center/100% 100% no-repeat;
}
.row-dancing-greenboxes .vc_column-inner > .wpb_wrapper .wpb_text_column {
	margin-bottom: 0;
}
.row-dancing-greenboxes .vc_column-inner > .wpb_wrapper::after {
	content: '';
	width: 70px;
	height: 70px;
	position: absolute;
	left: 100%;
	top: 50%;
	z-index: 0;
	transform: translateY(-50%);
}
.row-dancing-greenboxes .col-1 .vc_column-inner > .wpb_wrapper::after {
	background: url('../img/img-musical-1.webp') center center/100% auto no-repeat;
}
.row-dancing-greenboxes .col-2 .vc_column-inner > .wpb_wrapper::after {
	background: url('../img/img-musical-2.webp') center center/100% auto no-repeat;
}
.row-dancing-greenboxes .col-3 .vc_column-inner > .wpb_wrapper::after {
	background: url('../img/img-musical-3.webp') center center/100% auto no-repeat;
}

/********* RESPONSIVE ********/
/*****************************/

/* ipad and kindle tablet */
@media (orientation: portrait) {
	.dancing-hero {
		min-height: 0 !important;
		height: 65vh;
	}
	.dancing-hero-section .row-dancing-subjects {
		width: 100%;
	}
	.dancing-hero .dancing-tagline {
		font-size: 3.4vw !important;
	}
}
@media (max-width: 1440px) and (orientation: landscape) {
	.dancing-hero-section .row-dancing-subjects {
		max-height: 85vh;
	}
}
@media (max-width: 1280px) and (orientation: landscape) {
	.dancing-hero {
		min-height: 0 !important;
		height: 90vh;
	}
	.dancing-hero .dancing-tagline {
		font-size: 3.4vw !important;
	}
}
@media (max-width: 1080px) and (orientation: landscape) {
	.dancing-hero {
		height: 80vh;
	}
}
/* ipad and kindle tablet */

@media (min-width: 1921px) {
	.dancing-hero h1 {
		font-size: 132px;
		line-height: 130px;
	}
	.dancing-hero .dancing-tagline {
		font-size: 44px !important;
	}
	.row-dancing-about .heading-secondary {
		font-size: 108px;
		line-height: 110px;
	}
	#main section.section-dancing-prizes {
		background: url('../img/bg-yellow-prize3.webp') right bottom/auto 90% no-repeat;
	}
}

@media (max-width: 1699px) {
	#main section.section-dancing-prizes {
		background: url('../img/bg-yellow-prize3-inv.webp') right bottom/35% auto no-repeat;
	}
}
@media (max-width: 1499px) {
	.row-dancing-about .heading-secondary {
	}
}
@media (max-width: 1280px) {
	#main section.section-dancing-about {
		padding-top: var(--space-sm) !important;
		padding-bottom: var(--space-sm) !important;
	}
	.row-dancing-about .img-discoball {
		margin-top: calc(var(--space-sm) * -1);
	}
	.block-vinyl-player {
		bottom: -2.5rem;
	}
}

@media (min-width: 993px) {
	.row-dancing-prizes .col-3 > .vc_column-inner > .wpb_wrapper {
		display: flex;
		align-items: flex-end;
	}
}
@media (max-width: 992px) {
	.display-desktop {
		display: none;
	}
	.display-mobile {
		display: inherit;
	}
	#main section.section-dancing-about {
		padding-bottom: 0 !important;
		background: url('../img/bg-yellow-about.webp') right bottom/100% no-repeat;
	}
	.row-dancing-about .img-mic {
		left: 35%;
		top: 10%;
		width: 8%;
	}
	.row-dancing-about .img-discoball {
		left: auto;
		right: 0;
	}
	.block-vinyl-player {
		position: inherit !important;
		width: 70%;
	}
	.row-dancing-about .img-polaroids {
		top: auto;
		bottom: 100%;
		width: calc(100vw - 500px);
		right: -15px;
	}
	.section-dancing-about .row-img-chicken {
		width: 33%;
	}
	.col-step > .vc_column-inner > .wpb_wrapper {
		margin-bottom: 30px;
	}
	#main section.section-dancing-prizes {
		background: url('../img/bg-yellow-prize3-inv.webp') right bottom/auto 33% no-repeat;
	}
	.row-dancing-prizes .col-2 .row-inner-prize-vert .vc_column-inner > .wpb_wrapper {
		display: flex;
		justify-content: center;
		gap: 15px;
		align-items: center;
	}
	.row-dancing-prizes .col-2 .row-inner-prize-vert .wpb_text_column {
		text-align: left;
	}
	.row-dancing-prizes .col-3 {
		padding-top: 10vw;
	}
	.row-dancing-prizes .col-3 .row-inner-prize-vert {
		top: 0;
		left: 25%;
	}
	.row-dancing-prizes .wpb_column:not(.col-3) .img-prize {
		margin-bottom: 50px;
	}
	.row-dancing-prizes .img-prize img {
		max-width: 60vw;
	}
	.row-dancing-greenboxes .vc_column-inner {
		max-width: 350px;
		margin: auto;
	}
	.row-dancing-greenboxes .vc_column-inner > .wpb_wrapper::after {
		left: 50%;
		top: 100%;
		transform: translateX(-50%) rotate(90deg);
	}
}
@media (min-width:768px) {
}
@media (max-width:767px) {
	.text-narrow {
		max-width: 60%;
	}
	.dancing-hero .pdc-logo-white img {
		margin-right: 5px;
	}
	.row-dancing-about .heading-secondary {
		font-size: 40px;
		line-height: 40px;
	}
	.row-dancing-about .img-polaroids {
		width: 40%;
		right: 0;
	}
	.row-steps-title .img-footprints {
		width: 300%;
	}
	.row-steps-title .img-footprints.left {
		right: -30px;
	}
	.row-steps-title .img-footprints.right {
		left: -30px;
	}
	.row-dancing-prizes .row-inner-prize-vert img,
	.row-dancing-prizes .row-inner-prize-hor img {
		max-height: 15vw;
		width: auto;
	}
	.row-dancing-prizes .col-3 .row-inner-prize-vert {
		position: inherit;
	}
	.row-dancing-prizes .col-3 .row-inner-prize-vert .vc_column-inner > .wpb_wrapper {
		display: flex;
		justify-content: center;
		gap: 15px;
		align-items: center;
	}
	.row-inner-prize-vert .wpb_text_column {
		margin-top: 0;
		text-align: left;
	}
	.row-dancing-prizes .img-prize img {
		max-width: 100%;
	}
}
@media (max-width:699px) {
	.row-dancing-prizes .col-3 .row-inner-prize-vert {
		display: inline-block;
	}
}
@media (max-width:576px) {
	.text-narrow {
		max-width: none;
	}
	.row-dancing-about .img-mic {
		left: 50%;
	}
	.row-dancing-about .img-polaroids {
		position: inherit;
		width: 50%;
	}
	.block-vinyl-player {
		width: 100%;
	}
	.row-dancing-about .col-disco-objects > .vc_column-inner > .wpb_wrapper {
		display: flex;
		flex-direction: column-reverse;
	}
	.col-step > .vc_column-inner > .wpb_wrapper {
		max-width: 90%;
	}
	.row-dancing-prizes .col-3 .row-inner-prize-vert .vc_column-inner > .wpb_wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
	.row-dancing-contact .col-form {
		padding: 15px 0;
	}
	.block-playlist-title img {
		max-width: 80%;
	}
}