/**************************************
* Main stylesheet for Wood Weightlifting
* 
* For the first time ever, I am mostly reliant
* on the customizer for style. Anything not
* achievable there is here.
* 
* Updated 8-12-24
*  test
***************************************/

:root {
	--themeRed:  168,0,0;
	--themeGreen: 0,168,0;
	--themeBlack: 0,0,0;
	--themeWhite: 255,255,255;
}
@font-face {
	font-family: 'EBGaramond';
	src: url('./fonts/EBGaramond.ttf');
}
h1, h2, h3, h4, h5, h6, .mobile-menu a, .site-title a, label, .ebg {
	font-family: 'EBGaramond', serif !important;
	font-weight: normal !important;
}
.italicized {
	font-style: italic;
}
h1.small, h2.small {
	font-size: 1em;
	font-family: system-ui !important;
	font-style: normal !important;
	font-weight: 800 !important;
	letter-spacing: 2px;
}
h3, h4, h5, h6 {
	margin-top:  0 !important;
}
/**************************************
* General
***************************************/
/* Style mobile menu red bar on left*/
#offcanvas {
	background: rgb(var(--themeRed));
}
body.home .ct-container-full {
	padding-bottom: 0 !important;
}
.wp-block-cover {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.custom-content-group {
	padding:  2rem 0 4rem;
}
/**************************************
* Header
***************************************/
header div[data-row*='middle'] {
	border-style: none none solid none !important;
	border-color: rgb(var(--themeRed)) !important;
	border-width: 2px !important;
	box-shadow: 0 0 10px black !important;
	
}
/**************************************
* Footer
***************************************/
footer {
	padding: 5rem 0 0 !important;
	background: linear-gradient(180deg, rgb(var(--themeRed)) 0%, transparent 20%) !important;
}
footer .fth2 {
	padding: 5rem 0 0;
}
/* footer .ct-container div:nth-child(1) {
	margin-bottom: 5rem;
} */
footer #schedule-group {
	padding: 0 0 0 1rem;
	margin: 0 0 3rem;
	border-style: none none none solid;
	border-width:  3px;
	border-color: rgb(var(--themeRed));
}
footer table {
	font-size: 0.8em;
}
footer .wp-block-table td, footer .wp-block-table table {
	border:  1px dotted rgb(var(--themeRed)) !important;
}
footer table td:nth-child(1) {
	width: 90px;
}
#block-28 {
	margin-top: 0;
}
/**************************************
* Front Page 
***************************************/
#cta-group {
	min-height: 150px;
	background:var(--theme-palette-color-4);
	display: flex;
	align-items: center;
}
#cta-group a {
	font-size: 1.2em;
    padding: 10px 40px;
}
#philosophy-group {
	padding:  5rem 0;
}
#philosophy-group .wp-block-columns {
	margin-top: 4rem;
}
#philosophy-icon-group {
	flex-wrap: wrap !important;
	justify-content: center;
}
#philosophy-icon-group .wp-block-column {
	flex-basis: 45% !important;
}
#philosophy-icon-group img {
	max-width: 300px;
	filter: drop-shadow(0px 0px 2px rgb(var(--themeRed)));
	width: 50%;
}
/* Lifting program group*/
#lifting-programs-group {
	margin: 0;
	padding: 5rem 0;
	background: linear-gradient(180deg, rgba(var(--themeRed), 0) 0%, rgba(var(--themeGreen), 0.2) 20%, rgba(var(--themeGreen), 0.15) 40%, rgba(var(--themeRed), 0.2) 60%, rgba(var(--themeRed),0.3) 90%, rgba(var(--themeRed), 1) 100%);
/* 	background: linear-gradient(180deg, rgba(var(--themeRed), 0.1) 0%, rgba(var(--themeRed), 0.05) 20%, rgba(var(--themeRed), 0.2) 40%, rgba(var(--themeRed), 0.3) 60%, rgba(var(--themeRed),0.6) 90%, rgba(var(--themeRed), 1) 100%); */
}
#program-blurbs-group {
	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 2rem 0;
}
#program-blurbs-group .wp-block-group {
	margin: 1rem !important;
	padding:  1.5em;
	width: 80%;
	background: rgba(255,255,255,0.5);
	border: solid 1px rgb(var(--themeRed));
}
/* #program-blurbs-group .wp-block-group:nth-child(1) { border-color: rgba(var(--themeRed), 0.25); }
#program-blurbs-group .wp-block-group:nth-child(2) { border-color: rgba(var(--themeRed), 0.5); }
#program-blurbs-group .wp-block-group:nth-child(3) { border-color: rgba(var(--themeRed), 0.75); }
#program-blurbs-group .wp-block-group:nth-child(4) { border-color: rgba(var(--themeRed), 1); } */
#program-blurbs-group .wp-block-group:nth-child(even) {
	align-self: end;
}
#lift-up-group .wp-block-cover {
	position: relative;
	padding: 5rem 0;
}
#lift-up-group .wp-block-cover:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(var(--themeBlack), 1) 0%, rgba(var(--themeBlack), 0) 10%, rgba(var(--themeBlack), 0) 90%, rgba(var(--themeBlack), 1) 100%),
				linear-gradient(180deg, rgba(var(--themeBlack), 1) 0%, rgba(var(--themeBlack), 0) 10%, rgba(var(--themeBlack), 0) 90%, rgba(var(--themeBlack), 1) 100%);
}
#about-group .wp-block-columns:nth-child(2) {
	border-style: solid none none none;
	border-color: var(--themeRed);
	border-width: 10px;
	padding-top: 5rem;
}
#about-group figure {
	position: relative;
}
#about-group figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    text-align: left;
    background: rgba(var(--themeRed), 0.9);
    width: 100%;
    color: white;
    font-weight: bold;
}
.home footer [data-row="top"] {
	display: none;
}
footer [data-row='top'] .ct-container {
	margin: 0;
	width: 100%;
	max-width: 100%;
}
footer [data-row='top'] .ct-container #cta-group {
	background: none;
}
#block-27 {
	margin: 0;
	margin-top: 0;
}
/**************************************
* Media Queries
***************************************/
@media(min-width: 768px) {
	#philosophy-icon-group {
		flex-wrap: nowrap !important;
	}
	#philosophy-icon-group .wp-block-column {
		flex-basis: 33.3%;
	}
}
@media(min-width: 1024px) {
	#program-blurbs-group .wp-block-group {
		width: 60%;
	}
}