/*****************************************************
*   General Styling
*****************************************************/
:root {
    --blue: 24, 53, 96;
    --red: 124, 43, 42;
    --orange: 99, 194, 249; /*this is now light blue, didn't change name */
    --grey:107, 109, 104;
    --yellow:248, 226, 111;
    p, h1, h2, h3, h4, a, figcaption {
    	color: white;
    }
}
/*****************************************************
*   General Styling
*****************************************************/
.site-top-header-wrap {
	position: fixed;
	bottom: 30px;
	right: 0;
	width: 100%;
	display: none;
}
.site-top-header-wrap.visible {
	display: block !important;
}
/* HIDE THE FALL AND COACHES GROUP*/
#fall-group, #coaches-group, #coaches-page-group, #groups-group {
	display: none;
}
/* Style the email signup forms*/
.email-signup-div {
	display: flex;
	flex-direction: column;
	justify-self: center;
	width: 80%;
}
.email-signup-div, .email-signup-div input, .email-signup-div label {
	width: 100%;
	max-width: 782px;
}
.email-signup-div ::placeholder, .email-signup-div input {
   text-align: center; 
	color: rgb(var(--blue));
}
#main {
	background-color: rgb(var(--blue));
}
#below-the-fold {
	padding: 0 1rem 1rem;
}
.white-bg {
	padding: 1rem;
}
.outter-group, footer .footer-widget-area-inner, #cover-group p, #cover-group h1 {
	padding: 1rem;
	max-width: 900px;
	margin: auto;
}
.home .outter-group, #coaches-page-group .wp-block-column, .white-bg {
	background-color: white;
}
.home p, .home h2, .home a, #coaches-page-group .wp-block-column p, #coaches-page-group .wp-block-column figcaption, .white-bg p, .white-bg h2, .white-bg h3, .white-bg h4, li {
	color: black;
}
/* Box shadows for all pages */
#fall-group, #mission-group, #ultimate-group, .home .outter-group,
#location-group img, #groups-group img,
#coaches-page-group .wp-block-column, #contact-page-content,
#releveant-buttons-group .wp-block-group, div.white-bg {
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 0 0 10px rgb(var(--yellow));
}
#location-group img, #groups-group img {
	box-shadow: 2px 2px 2px black;
}
/* Cover groups for all pages */
#cover-group {
	min-height: calc(var(--vh, 1vh) * 100);
	padding-top: 100px;
	width: 100%;
	background-size: cover, cover;
	background-repeat: no-repeat, no-repeat;
	position: relative;
}
#cover-group p {
	color: white;
}
#cover-group .wp-block-cover__inner-container {
	z-index: 1;
}
#cover-group::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background: linear-gradient(180deg, rgba(var(--blue), 1) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.5) 80%, rgba(var(--blue), 1) 100%);
}
/*****************************************************
*   General Button Styling
*****************************************************/
a.wp-block-button__link, a.wp-block-button__link:visited, 
.mc4wp-form-fields input[type="submit"], #primary-menu > li:nth-last-child(1) a{
	color: black;
	margin: 5px 0;
	background-color: rgb(var(--orange));
	border: 1px solid rgb(var(--orange));
	border-radius: 5px;
}
div.custom-hollow a.wp-block-button__link, div.custom-hollow a.wp-block-button__link:visited,
div.wpforms-container-full button[type='submit'] {
	color: white !important;
	background-color: rgb(var(--blue)) !important;
	border: 1px solid rgb(var(--blue)) !important;
	box-shadow: 0 0 10px rgb(var(--yellow)) !important;
}
a.wp-block-button__link:hover, #primary-menu > li:nth-last-child(1) a:hover, .mc4wp-form-fields input[type="submit"]:hover {
	color: rgb(var(--orange));
	background-color: rgb(var(--blue));
	box-shadow: 0 0 10px rgb(var(--yellow));
}
div.custom-hollow a.wp-block-button__link:hover, 
div.wpforms-container-full button[type='submit']:hover {
	color: white !important;
	background-color: rgb(var(--orange)) !important;
}
/*****************************************************
*   Landing Page style
*****************************************************/
/* Mission and Ultimate groups */
#special-outter-group.outter-group {
	border: none;
	box-shadow: 0px 0px 0px;
	background-color: transparent;
	min-height: 100%;
	padding: 0;
}
/* #mission-group {
	min-height: 100%;
} */
#mission-group .wp-block-buttons {
	width: 100%;
}
#ultimate-group figure {
	max-width: 100px;
	height: auto;
	margin: auto;
}
/* Involved group */
#involved-group {
	padding: 3rem 1rem;
	background-image: linear-gradient(45deg,
                    rgba(var(--orange), 0.9),
                    rgba(var(--orange), 0.9)), url('./images/bg1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
/* Fall group */
/* #fall-group {
	padding: 3rem 1rem;
	background-image: linear-gradient(45deg,
                    rgba(var(--orange), 0.9),
                    rgba(var(--orange), 0.9)), url('./images/bg1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
} */
/* Location and group groups */
#location-group .location-col, #groups-group .level-col {
	position: relative;
}
#location-group figure, #groups-group figure {
	display: flex;
}
#master-col-locations figure.wp-block-image, #master-col-locations, .level-col figure, #coaches-group .wp-block-columns {
	margin-bottom: 0 !important;
}
#location-group h2 {
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	color: rgb(var(--blue));
	font-size: 2em;
	background: linear-gradient(90deg, rgba(var(--blue), 0) 0%, rgba(var(--blue), 1) 50%, rgba(var(--blue), 0) 100%);
}

/* #location-group h2, #groups-group .level-col h3 {
	background-color: rgba(var(--orange), 0.75);
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	width: 100%;
} */
/* #location-group h2, #groups-group .level-col h3 {
	font-size: 0.8em;
	font-style: italic;
} */
#location-group h2 a, #groups-group .level-col h3 a {
	color: white;
	width: 100%;
	height: 100%;
	display: block;
	padding: 5px 10px;
}
#location-group .location-col:hover, #groups-group .level-col:hover {
	transform: translate(2px, 2px);
}
#location-group .location-col:hover img, #groups-group .level-col:hover img,
#location-group a:hover, #groups-group a:hover{
	box-shadow: 0px 0px 0px;
	cursor: pointer;
	color: white;
	text-decoration: none;
}

#groups-group .wp-block-columns {
	gap: 1rem;
	margin-bottom: 0;
}
#groups-group .wp-block-column, #groups-group img {
	width: 100%;
}
/*****************************************************
*   Coaching page Styles
*****************************************************/
.store-group .wp-block-group__inner-container {
	display: flex;
	justify-content: center;
}
/*****************************************************
*   Coaching page Styles
*****************************************************/
/* #coaches-page-group .wp-block-column {
	padding: 1rem;
}
#coaches-navigation .wp-block-columns {
	gap: 0 !important;
	color: white;
}
#coaches-page-group figure {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 0;
}
#coaches-page-group img {
	border-radius: 100px;
}
.floating {
	position: fixed;
	bottom: 20px;
	right: 100px;
	z-index: 2;
} */
/*****************************************************
*   Header Styling
*****************************************************/
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a:hover {
	color: rgb(var(--orange));
}
/*****************************************************
*   Footer Styling
*****************************************************/
footer {
	background-color: rgb(var(--blue));
}
footer p, footer h2, footer h3 {
	color: white !important;
}
footer .widget_media_image, .footer-widget1 .widget_block {
	margin-bottom: 0 !important;
}
footer .footer-widget1 .footer-widget-area-inner,
footer .footer-widget2 .wp-block-column:nth-child(1),
footer .footer-widget3 .footer-widget-area-inner, 
footer .footer-widget4 .footer-widget-area-inner,
footer .footer-widget5 .footer-widget-area-inner {
	display: flex;
	flex-direction: column;
    justify-content: space-between;
    align-items: center;
	text-align: center;
}
footer .footer-widget1, footer .footer-widget2 {
	display: flex;
	flex-direction: column;
	border-style: solid none none none;
	border-width: 3px;
	border-color: rgb(var(--orange));
	padding: 2rem 1rem;
	margin: 0 -1.5rem;
}
footer .footer-widget1 {
	background-color: black;
}
footer .footer-widget2 {
	border-style: solid none solid none;
}
footer .footer-widget2 .mc4wp-form-fields {
	display: flex;
	justify-content: center;
}
footer .footer-widget2 .mc4wp-form-fields p:nth-child(2) {
	margin-left: 10px;
}
footer .footer-widget2 ::placeholder {
	color: black;
	opacity: 0.5;
}
footer .footer-widget3 .footer-widget-area-inner a, 
footer .footer-widget4 .footer-widget-area-inner a,
footer .footer-widget5 .footer-widget-area-inner a {
	color: white;
}
footer .footer-widget3 .footer-widget-area-inner a:hover, 
footer .footer-widget4 .footer-widget-area-inner a:hover,
footer .footer-widget5 .footer-widget-area-inner a:hover {
	color: rgb(var(--orange));
}
footer .site-bottom-footer-inner-wrap, footer .site-bottom-footer-inner-wrap p {
	background-color: rgb(var(--orange));
	color: rgb(var(--blue)) !important;
	text-align: center;
	padding: 0.5rem;
}
/*****************************************************
*   skill level pages Styling
*****************************************************/
#releveant-buttons-group .wp-block-group {
	padding: 3rem 1rem;
}
#releveant-buttons-group .wp-block-group:nth-child(1) {
	background-color: white;
}
#releveant-buttons-group .wp-block-group:nth-child(2) {
	background-color: rgb(var(--orange));
}
#releveant-buttons-group .wp-block-group:nth-child(2) .btn.cta a {
	border-color: rgb(var(--blue));
}
#releveant-buttons-group .wp-block-group:nth-child(2) .btn.cta a::after {
	background-color: rgb(var(--blue));
}
/*****************************************************
*   Contact Page Styling & why ultimate page
*****************************************************/
#contact-page-content {
	padding: 1rem;
	background: linear-gradient(345deg, rgba(var(--orange), 1) 0%, rgb(var(--blue)) 100%);
}
.why-ultimate-icon-col img {
	max-width: 100px;
	height: auto;
}
/*****************************************************
*   Media Query Styling
*****************************************************/
@media(max-width: 400px) {
	.why-ultimate-icon-col img {
		max-width: 70px;
	}
}
@media(max-width: 550px) {
	#session-table-group mark {
		font-size: 12px;
	} 
}
@media(min-width: 720px) {
	.site-top-header-wrap {
		right: 60px;
		width: auto;
	}
}
@media(min-width: 782px) {
/* 	#master-col-locations {
		flex-direction: column;
	} */
	.wp-block-cover__inner-container {
		text-align: center;
		justify-content: center;
		display: flex;
		flex-direction: column;
	}
	#cover-group .wp-block-buttons, #fall-group .wp-block-buttons {
		justify-content: center;
	}
	#fall-group {
		text-align: center;
	}
}
/*****************************************************
*   Intersection Observer Animations
*****************************************************/
.outter-group {
	opacity: 0;
	transition: all 1s ease-in;
}
.outter-group.show {
	opacity: 1;
}