/*
Theme Name: NMMAA
Theme URI: https://nmmaa.net
Description: Single-page block theme for the Northern Michigan Martial Arts Alliance. Reproduces the colours, fonts and section layout of the previous SitePad design so the whole page can be edited with the WordPress block editor.
Author: Northern Michigan Martial Arts Alliance
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: nmmaa
*/

/* ---- Tournament rules bar ------------------------------------------- */
.nmmaa-rules-link a { text-decoration: none; }
.nmmaa-rules-link a:hover { text-decoration: underline; }

/* ---- Hero band ------------------------------------------------------- */
.nmmaa-hero-title { text-shadow: rgb(255, 255, 255) 2px 2px 4px; }

@media screen and (max-width: 575px) {
	.nmmaa-hero { padding: 60px 24px 40px !important; }
}

/* ---- Intro section: fan-shaped divider along the bottom edge ---------- */
.nmmaa-fan-section { position: relative; overflow: hidden; }

.nmmaa-fan-section::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-top: 6.914%; /* keeps the 283.5 x 19.6 shape ratio */
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 19.6' preserveAspectRatio='none'%3E%3Cpath d='M 0,19.577789 V 6.6222114 L 141.8,15.464907 283.5,6.6222114 V 19.577789 Z' fill='rgba(230,253,84,0.5)'/%3E%3Cpath d='m 0,19.577789 v -6.580611 l 141.8,2.467729 141.7,-2.467729 v 6.580611 z' fill='rgba(230,253,84,0.7)'/%3E%3Cpath d='m 0,19.577789 v -1.233865 l 141.8,-2.879017 141.7,2.879017 v 1.233865 z' fill='%23e6fd54'/%3E%3C/svg%3E");
}

/* ---- Tournament cards ------------------------------------------------ */
.nmmaa-card { overflow: hidden; }
.nmmaa-card .wp-block-image { margin: 0; }
.nmmaa-card .wp-block-image img { display: block; width: 100%; height: auto; }

@media screen and (max-width: 781px) {
	.nmmaa-fan-section .wp-block-column { padding-left: 0 !important; }
}