/*
Theme Name: Super Series
Author: m5 Marketing Communications
Version: 1
Text Domain: base

*/

:root {
	--global-font-family: "nudista-web", sans-serif;
	--header-font-family: "bebas-neue-by-fontfabric", sans-serif;

	--color-red: #E21F26;
	--color-navy: #002E5D;
	--color-dark-navy: #0C2648;
	--color-light-blue: #00A3E0;
	--color-gray: #B1B3B3;
	--color-steel: #646566;

	--padding-desktop: 10rem;
	--padding-tablet: 4.8rem;
	--padding-mobile: 2rem;
}

html { font-size: 10px; }

body {
	color: #000;
	font: 1.8rem/1.5 var(--global-font-family);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--header-font-family);
	font-weight: 700;
	text-transform: uppercase;
}
h1 {
	font-size: 4.5rem;
	line-height: .91;
	margin: 0;
}
h2 {
	font-size: 4rem;
	line-height: .875;
}
h3 {
	font-family: var(--global-font-family);
	font-size: 2.5rem;
	line-height: 1.055;
}
h4 {
	font-size: .875rem;
	line-height: 1;
	-webkit-font-smoothing: auto;
}
a {
	text-decoration: none;
	transition: all .2s;
}
a:hover,
a:focus { color: #004D42; }

b, strong { -webkit-font-smoothing: auto; }

ul, ol {
    padding-left: 3rem;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

:focus { outline: none; }

img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
embed,
iframe,
object {
	max-width: 100%;
}

#wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.container {
	max-width: 144rem;
	padding: 0 var(--padding-mobile);
	margin: 0 auto;
}
.wp-block-cover .wp-block-cover__inner-container {
	max-width: 124rem;
}
/*
.hentry { margin: 0 0 1.5em; }*/
.clear { clear: both; }

section { position: relative; z-index: 1; }

.btn,
.wp-block-button__link,
#form .gform_button,
.tecc-event-button {
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	width: auto;
	padding: 2.2rem 3.2rem;
	color: #fff;
	font:700 1.8rem/1 var(--global-font-family);
	text-align: center;
	text-transform: uppercase;
	background-color: var(--color-light-blue);
	border-radius: 8px;
	transition: all .3s;
}
.btn:hover,
.wp-block-button__link:hover,
#form .gform_button:hover {
	color: #fff;
	background-color: var(--color-red);
}
.btn-outline,
.bt-outline .wp-block-button__link {
	padding: 2rem 3rem;
	color: #000;
	background: transparent;
	border: 2px solid #000;
}
.tecc-event-button {
	padding: 2rem 3rem !important;
	color: #000 !important;
	font-size: 1.8rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
	background: transparent !important;
	border: 2px solid #000 !important;
}
.btn-outline:hover,
.bt-outline .wp-block-button__link:hover,
.tecc-event-button:hover {
	color: #fff !important;
	background: var(--color-navy) !important;
	border-color: var(--color-navy) !important;
}

.wp-block-cover {
	padding: var(--padding-mobile) !important;
}

#hero,
#hero2 {
	min-height: auto;
}
#hero .wp-block-column,
#hero2 .wp-block-column {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
#hero p,
#hero2 p {
	margin-bottom: 6px;
}
#hero .wp-block-image img,
#hero2 .wp-block-image img {
	margin: 0;
}

#counter {
	color: #000;
}
#counter .wp-block-cover__background {
	top: 5px;
	bottom: 5px;
	border-top: 5px solid var(--color-red);
	border-bottom: 5px solid var(--color-red);
	background-color: transparent;
}
#counter .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	gap: 3.2rem;
    max-width: 74rem;
    margin: 0 auto;
}
#counter .tecc-event-info {
    display: none;
}
#counter .tecc-timer-wrapper {
    padding-bottom: 0;
}
#counter .tecc-wrapper .tecc-event-detail {
    display: none;
    padding-bottom: 0;
}
#counter .tec-countdown-timer {
    padding: 3rem 0;
    border-radius: 2.5rem;
    background: var(--color-navy);
    box-shadow: inset 0 10px 20px rgba(0, 0, 0, .5), 0 3px 1px #fff;
}
#counter .tec-large-box > .tecc-section {
    position: relative;
    margin-bottom: 0;
}
#counter .tec-large-box > .tecc-section:after {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    right: -6px;
    top: 4px;
    bottom: 4px;
    background: linear-gradient(to bottom,  rgba(0,163,224,0) 0%,rgba(0,163,224,1) 32%,rgba(0,163,224,0) 100%);
}
#counter .tec-large-box > .tecc-section:last-child:after {
    display: none;
}
#counter .tec-large-box > .tecc-section > span.tecc-amount {
    font-size: 5.2rem;
    font-weight: 700;
    padding: 2.8rem 2.6rem 1.4rem;
}
#counter .tec-large-box > .tecc-section > span.tecc-word {
    font-size: 1.4rem;
    padding: .5rem;
}
#counter p {
    max-width: 550px;
    margin-inline: auto;
}

#enter .wp-block-cover__inner-container {
	max-width: 83rem;
	margin-inline: auto;
}
#enter h2 {
	margin-bottom: 1rem;
}
#enter h3 {
	font-size: 3.2rem;
	line-height: .95;
	text-transform: none;
	margin-bottom: 4px;
}
#steps {
	padding-block: 3rem 4rem;
}
#steps p {
	font-size: 1.8rem;
}
#steps .label {
	margin-bottom: .6rem;
}
.label .wp-block-button__link {
	flex-direction: column;
	width: 6rem;
	height: 6rem;
	padding: 4px 0 0;
	border-radius: 50%;
	font-size: 3.4rem;
	line-height: .9;
	font-weight: 700;
	text-align: center;
	background: var(--color-red);
}
.label .wp-block-button__link code {
	display: block;
	font-size: 1.2rem;
	font-weight: 700;
	font-family: var(--global-font-family);
}

#form {
	max-width: 75rem;
	margin-inline: auto;
	padding: 4rem 3rem;
	border-radius: 1.2rem;
}
#form .gform_required_legend {
	display: none;
}
#form .gfield_required {
	color: var(--color-steel);
}
#form .gform-theme--foundation .gform_fields {
	row-gap: 1rem !important;
}
#form input::placeholder {
	color: var(--color-gray);
	opacity: 1;
}
#form input::-ms-input-placeholder {
	color: var(--color-gray);
}
#form .gfield_label {
	font-weight: 600;
}
#field_1_4 {
	padding-top: 2rem;
}
#form input[type=checkbox] {
	border-color: var(--color-gray);
	border-radius: .7rem;
}
#form input[type=checkbox]::before {
	color: #fff;
	font-size: 1.8rem;
}
#form input[type=checkbox]:checked {
	border-color: var(--color-light-blue);
	background: var(--color-light-blue);
}
#form input[type=checkbox] + .gform-field-label {
	color: var(--color-steel);
}
#form input[type=checkbox]:checked + .gform-field-label {
	color: #000;
}
#form .gform-footer {
	justify-content: center;
}
#form .gform_confirmation_wrapper {
    max-width: 560px;
    margin: 0 auto;
    padding-block: 2rem;
    color: #000;
    text-align: center;
}
#form .gform_confirmation_wrapper p {
    font-size: 1.6rem;
    margin-top: 2.4rem;
}

#calendar {
	padding-block: 4rem;
}
#calendar .text .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 70rem;
	margin-inline: auto;
	padding-bottom: 3rem;
}
.wp-block-cb-carousel {
	padding-block: 7rem 2rem;
}
.wp-block-cb-slide .wp-block-columns {
	background: #eee;
}
.wp-block-cb-slide img {
	margin: 0;
}
#calendar .slick-list {
	border-radius: 1.2rem;
}
#calendar .slick-slide {
	padding: 0;
}
#calendar .slick-arrow {
	width: 4.6rem;
	height: 4.6rem;
	top: 0;
	transform: none;
	color: #000;
	border-radius: 50%;
	background: #eee;
	transition: all .25s;
}
#calendar .slick-prev {
	left: calc(50% - 5.6rem);
}
#calendar .slick-next {
	right: calc(50% - 5.6rem);
}
#calendar .slick-arrow:before {
	font:900 3rem/1 "Font Awesome 6 Free";
	transition: all .25s;
}
#calendar .slick-prev:before {
	content: '\f104';
}
#calendar .slick-next:before {
	content: '\f105';
}
#calendar .slick-arrow:hover {
	color: #fff;
	background: var(--color-red);
}
#calendar .slick-arrow:hover:before {
	color: #fff;
}
#calendar .slick-dots li {
	width: 2.6rem;
	height: auto;
	margin: 0;
	padding-block: 5px;
	font: 0/0 a;
	text-align: center;
}
#calendar .slick-dots li button {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	padding: 0;
	border-radius: 50%;
	background: var(--color-gray);
	transition: all .25s;
}
#calendar .slick-dots li button:before {
	content: '';
	display: none;
}
#calendar .slick-dots li:hover button,
#calendar .slick-dots li.slick-active button {
	background: var(--color-red);
}
#calendar .slick-slide .wp-block-columns {
	gap: 0;
}
#calendar .col-content {
	padding: 2.5rem 3rem;
	font-size: 1.8rem;
}
.col-content h3 {
	margin-bottom: 1rem;
}
.col-content .date {
	margin-top: 2rem;
	color: var(--color-steel);
	font-size: 2rem;
}
.col-content .date strong {
	color: #000;
}


@media (min-width: 425px) {

    #counter .tec-large-box > .tecc-section > span.tecc-amount {
        font-size: 3.8rem;
        padding: 2.8rem 1.6rem 1.4rem;
    }

}

@media (min-width: 768px) {
	
	body { font-size: 2.2rem; }
	h1 { font-size: 5rem; }
	h2 { font-size: 4.6rem; }
	h3 { font-size: 3rem; }
	.container { padding: 0 var(--padding-tablet); }
	.wp-block-cover { padding: var(--padding-tablet) !important; }
    #counter .tec-countdown-timer { padding: 5rem .5rem; }
    #counter .tec-large-box > .tecc-section > span.tecc-amount {
        font-size: 5.8rem;
        padding: 2.8rem 3.6rem 2rem;
    }
    #counter .tec-large-box > .tecc-section > span.tecc-word {
        font-size: 2.1rem;
    }
	#form { padding: 4rem; }
	#calendar { padding-block: 7rem; }
	.wp-block-cb-carousel { padding-block: 10rem 3rem; }
	#calendar .slick-arrow { top: 1.5rem; }
	
}

@media (min-width: 992px) {
	
	h1 { font-size: 7rem; }
	h2 { font-size: 6.4rem; }
	h3 { font-size: 3.6rem; }
	.btn,
	.wp-block-button__link,
	#form .gform_button {
		padding: 2.3rem 3.6rem;
	}
	.btn-outline,
	.bt-outline .wp-block-button__link {
		padding: 2.2rem 3.4rem;
	}
    .tecc-event-button { padding: 2.2rem 3.4rem !important; }
    #counter .tec-countdown-timer { padding: 5rem 1rem; }
    #counter .tec-large-box > .tecc-section > span.tecc-amount {
        font-size: 7rem;
        padding: 2.8rem 3.9rem 2rem;
    }
    #counter .tec-large-box > .tecc-section > span.tecc-word {
        font-size: 2.4rem;
    }
	#calendar { padding-block: 10rem; }
	.col-content .date { margin-top: 4rem; }

}

@media (min-width: 1160px) {

	#hero .col-content,
    #hero2 .col-content { padding-right: 5%; /*padding-right: 7.5%;*/ }
	#counter { padding-block: 9rem 6rem !important; }
	#calendar .col-content { padding: 5rem 10rem; }
	
	
}

@media (min-width: 1280px) {

	
	.container { padding: 0 var(--padding-desktop); }
	.wp-block-cover { padding: var(--padding-desktop) !important; }

	
}



@media (max-width: 1279px) {
	


}

@media (max-width: 1159px) {

	

}

@media (max-width: 991px) {
	
	#hero .wp-block-columns,
    #hero2 { gap: 4%; }
	#hero .wp-block-column,
    #hero2 { justify-content: center; }
	#hero p,
    #hero2 p,
    #hero li,
    #hero2 li { font-size: 1.6rem; }
    #counter { padding-block: 6rem !important; }
	#steps { gap: 4%; }
	.col-content p { font-size: 1.6rem; }
	#calendar .slick-slide figure {
		position: relative;
		height: 100%;
	}
	#calendar .slick-slide figure img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
        width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	
	

}

@media (max-width: 767px) {
	
	#hero .wp-block-columns,
    #hero2 .wp-block-columns {
		flex-direction: column-reverse;
		gap: 3rem;
	}
	#hero,
    #hero2 { padding: 3.5rem !important; }
	#hero .wp-block-column,
    #hero2 .wp-block-column {
		align-items: center;
		text-align: center;
	}
	#hero figure,
    #hero2 figure { padding: 1.5rem; }
	#hero h1,
    #hero2 h1 { text-align: center; }
	#hero p,
    #hero2 p { text-shadow: 0 2px 10px #000; }
	#hero ul,
    #hero2 ul { padding-left: 0; }
	#hero li,
    #hero2 li { list-style-position: inside; }
	#steps {
		flex-direction: column;
		gap: 3rem;
	}
	#steps { padding-inline: 4.6rem; }
	#enter { padding-block: 3.5rem !important; }
	#calendar .slick-slide .wp-block-columns { flex-direction: column; }
	#calendar .slick-slide figure { height: 22rem; }
}

@media (max-width: 424px) {

    #counter .tec-large-box > .tecc-section:nth-child(2):after {
        display: none;
    }

}