/*
Theme Name: PEI Firefighters Curling Association Theme
Description: Custom designed theme specially for PEIFFCA
Version: 0.9
Author: Rob Williams, Results Marketing & Advertising <web@resultsinc.ca>
Tags: custom template
*/

/* Default Styles */

:root {
	--peiffca-red: #eb232f;
	--peiffca-gold: #c8ac2f;
	--container-width: 1600px;
}

html, body {
    width:                  100%;
    font-family:            'Montserrat', 'Arial', sans-serif;
    line-height:            1.4em;
    background:             white;
}
body { height: 100%; }

p { padding: 0 0 1em 0; font-size: 1.5rem; line-height: 1.4em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

img.centered {
	display: block;
	margin: 0 auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 1em 1em;
	display: inline;
}

img.alignleft {
	display: inline;
}

img.aligncenter {
    display: block;
}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }


/* Basic styles */

a { text-decoration: none; color: var(--peiffca-red); font-weight: 800; }
a:hover { color: var(--peiffca-gold); }

h1 { font-size: 4rem; margin-bottom: 1rem; line-height: normal; }
h2 { font-size: 3rem; margin: 3rem auto !important; font-weight: 900; color: var(--peiffca-gold); line-height: normal; }
h3 { font-size: 2rem; margin-bottom: 1rem; line-height: normal; }
h4 { font-size: 2rem; color: var(--peiffca-gold); margin-bottom: 1rem; line-height: normal; }

.padtop { margin-top: 3rem !important; }
.padbottom { margin-bottom: 3rem !important; }
.extrabold { font-weight: 800; }

.countdown { width: fit-content !important; margin: 0 auto; gap: 2rem; color: var(--peiffca-gold); }
.countdown div { min-width: 5em; line-height: 3em; padding: 0.5rem; text-align: center; }
.countdown span { display: block; background: var(--peiffca-red); color: white; border-radius: 5px; font-size: 2rem; }

header { position: sticky; top: 0; z-index: 10; background: white; border-bottom: 1px solid var(--peiffca-red); }
.logged-in header { top: 2rem; }
.header_bar, main > *:not(.fullwidth) { width: 95%; max-width: var(--container-width); margin-left: auto; margin-right: auto; }
.header_bar { list-style: none outside; }
.header_bar li { position: relative; }
.header_bar .wp-block-columns > .wp-block-column:first-of-type { flex-basis: 75%; }
.header_bar li img { height: 200px; width: auto; padding: 1rem 0 3rem; }
.menu { list-style: none outside; }
#menu-top-menu { position: absolute; top: 0; right: 0; }
#menu-top-menu li { background: var(--peiffca-red); padding: 0.5rem 3rem; }
#menu-top-menu li a { display: block; color: white; }

#menu-navigation-menu { position: absolute; bottom: 2rem; right: 0; z-index: 25; }
#menu-navigation-menu > li { display: inline-block; margin-left: 3rem; position: relative; }
#menu-navigation-menu > li > a { color: black; font-weight: 300; font-size: 1.25em; }
#menu-navigation-menu > li.current-menu-item > a, #menu-navigation-menu li.current-menu-parent a { color: var(--peiffca-red); font-weight: bold; }

#menu-navigation-menu .sub-menu { opacity: 0; pointer-events: none; list-style: none outside; position: absolute; top: 100%; left: 50%; transform: translate(-50%,0); border: 1px #ddd solid; background: white; transition: 0.5s all; }
#menu-navigation-menu .sub-menu li { padding: 0.5rem 1rem; border-bottom: 1px #eee solid; white-space: nowrap; }
#menu-navigation-menu .sub-menu li:last-child { border-bottom: none; }
#menu-navigation-menu .sub-menu li a { display: block; text-align: center; color: #444; font-weight: normal; }
#menu-navigation-menu .sub-menu li:hover, #menu-navigation-menu .sub-menu li.current-menu-item { background: var(--peiffca-red); }
#menu-navigation-menu .sub-menu li:hover a, #menu-navigation-menu .sub-menu li.current-menu-item a { color: white; font-weight: bold; }

#menu-navigation-menu li:hover .sub-menu, #menu-navigation-menu .sub-menu:hover { opacity: 1; pointer-events: all; }

.hero_area p { line-height: normal; padding-bottom: 0; }
.hero_area .line1 { padding-top: 2rem; font-size: 5rem; font-weight: 800; }
.hero_area .line2 { padding-bottom: 2rem; font-size: 3rem; font-weight: bold; }

.home .hero_area .line1 { font-size: 3rem; font-weight: bold; }
.home .hero_area .line2 { font-size: 5rem; font-weight: 800; }

.home main > p { padding: 2rem 0; line-height: 1.4em; font-size: 1.5rem; }

.no_gap { gap: 0; }

.fp_boxes .wp-block-column { position: relative; z-index: 3; }
.fp_boxes .wp-block-column:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 95%); z-index: 4; }
.fp_boxes a { color: white; font-size: 1.5em; position: relative; z-index: 5; }

.sponsors { width: fit-content; margin: 0 auto; }
.sponsors .wp-block-column { flex-basis: fit-content; }

.button_link a { display: inline-block; padding: 1rem 2rem; background: var(--peiffca-red); color: white; font-weight: bold; border-radius: 5px; transition: 0.5s all; }
.button_link a:hover { background: var(--peiffca-gold); }
.button_link.button_link_black a { background: black; }
.button_link.button_link_gold a { background: var(--peiffca-gold); padding: 0.5rem 1rem !important; text-transform: uppercase; }
.button_link.button_link_gold a:hover { background: var(--peiffca-red); }
.button_link_like_form { display: block; width: 60% !important; margin: -2rem auto 6rem; padding: 0 !important; background: var(--peiffca-gold); color: white; font-weight: 900; border-radius: 5px; line-height: 38px; transition: 0.5s all; }
.button_link_like_form:hover { background: #9F871D; }
.button_link_like_form a { color: white; font-size: 14px; text-transform: uppercase; }

.fp_news_posts { gap: 1rem; }
.fp_news_posts .wp-block-column { background: #f2f2f2; }
.fp_news_posts .wp-block-cover { height: 350px; min-height: auto; border-top-left-radius: 1rem; border-top-right-radius: 1rem; margin-bottom: 1rem; }
.fp_news_posts .fp_news_content { padding: 1rem; }
.fp_news_posts .fp_news_content a { font-size: 1.5rem; color: var(--peiffca-red); }
.fp_news_posts .fp_news_content p { padding: 0; margin: 1rem 0 0; text-align: center; font-size: 0.8em; }

hr { margin: 3rem auto !important; width: 50% !important; }

.executive { gap: 2rem; margin-bottom: 2rem !important; width: fit-content !important; max-width: 95% !important; }
.executive .wp-block-column { width: 30rem; height: 4rem; text-align: center; padding: 1rem 0; display: flex; align-items: center; border-radius: 1rem; }
.executive .wp-block-column p { padding: 0; font-size: 1rem; width: 100%; }
.executive .wp-block-column p strong { font-size: 1.5rem; }
.executive.executive_black .wp-block-column { background: black; color: white; }
.executive.executive_gold .wp-block-column { background: var(--peiffca-gold); color: white; }
.executive.executive_red .wp-block-column { background: radial-gradient(circle,rgba(235, 35, 47, 1) 25%, rgba(181, 16, 27, 1) 95%); color: white; }

.wp-block-columns.curling_hosts { justify-content: center; }
.curling_hosts .wp-block-column { flex-basis: fit-content !important; flex-grow: 0 !important; }
.curling_hosts .wp-block-column figure { width: fit-content !important; }

.gform_wrapper { width: 60% !important; margin: 3rem auto; !important; }
.gfield_label { text-transform: uppercase; }
.gform_button { width: 100% !important; font-weight: 900 !important; text-transform: uppercase !important; }
.gform_footer { text-align: center; }
.gsection_title { font-size: 1.5rem; text-align: center; text-transform: uppercase; margin-bottom: 0; }
.all_caps { text-transform: uppercase;}

.news_list { list-style: none outside; }
.news_list > li { margin-bottom: 2rem; }
.news_list .wp-block-columns { gap: 1rem; }
.news_list .wp-block-cover { height: 350px; min-height: 350px !important; max-height: 350px !important; }
.news_list .news_date { font-size: 1rem; }
.news_list .news_header { line-height: normal; }
.news_list .news_header a { color: var(--peiffca-red); font-weight: bold; font-size: 2rem; text-transform: uppercase; }
.news_location span { display: inline-block; vertical-align: top; }
.event_list { margin-bottom: 6rem; }
.event_list p { font-size: 1rem; }

footer { background: url(/wp-content/uploads/2025/12/PEIFFCA-Footer.jpg) no-repeat; position: relative; padding-bottom: 2rem; margin-top: 3rem; }
.footer_bar { list-style: none outside; width: 95%; max-width: var(--container-width); margin: 0 auto; padding: 3rem 0; }
.footer_bar li p { font-size: 1.25em; color: white; font-weight: 500; }
.footer_bar li p strong { color: var(--peiffca-gold); }
.footer_bar li p a { color: white;}
footer p:empty { display: none; }
footer p.copyright { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.5rem 0; text-align: center; background: black; color: white; font-weight: 300; font-size: 0.8em; }

@media screen and ( max-width: 1023px ) {
	.hero_area { min-height: 50vh !important; }
	.home .hero_area .line2 { font-size: 3rem; }
	.has-large-font-size a { font-size: 2rem !important; }
	.proudly img { height: auto !important; width: 95% !important; }
}

@media screen and ( max-width: 850px ) {
	.header_bar li img { height: 100px; padding: 0.5rem 0; }
	#menu-navigation-menu { bottom: 1rem; }
	#menu-item-35 { display: none !important; } /* Home menu entry */
	.home .hero_area .line1, .hero_area .line1 { font-size: 2rem; }
	.home .hero_area .line2, .hero_area .line2 { font-size: 2rem; }
}

@media screen and ( max-width: 600px ) {
	header { top: 0; }
	.header_bar li img { height: auto; width: 100%; padding: 2rem 0; }
	#menu-navigation-menu { text-align: center; width: 100%; }
	#menu-navigation-menu > li { margin: 0 1rem; }
	#menu-navigation-menu > li > a{ font-size: 1rem; }
	.home .hero_area .wp-block-cover__inner-container img { height: 150px !important; }
	.home .hero_area .line1, .hero_area .line1 { font-size: 1.5rem; }
	.home .hero_area .line2, .hero_area .line2 { font-size: 1.5rem; }
	p { font-size: 1.1rem; }
	.home main > p { font-size: 1.1rem; }
	.proudly .wp-block-columns .wp-block-columns { flex-wrap: wrap !important; }
	.proudly .wp-block-columns .wp-block-columns .wp-block-column { flex-basis: 45% !important; }
	.proudly img { height: 75px !important; width: auto !important; }
	.footer_bar .wp-block-columns img { height: auto !important; width: 100% !important;}
	.footer_bar li p { font-size: 0.9rem; }
	.gform_wrapper { width: 95% !important; }
}