@charset "UTF-8";
/*
	Notes:
	=====
	DO NOT change the values from em. We're using em for more flexibility for responsive browsers, allowing people to use zoom.
	=====
	Min-width applies to that break and bigger (or from the break to infinity).
	Max-width applies to that break and lower (or from 0 to the break).
	-----
	Major breakpoints
	-----
	1000px = 62.5em
	640px = 40em
	
	1000 divided by 16 = 62.5em this is the formula for figuring out the px to em conversion for the widths
	=====
*/


/* 1920 = 120em */
@media screen and (min-width:120em) { 
	
	#greater-chesapeake-damage-prevention-training-conference div.bg { background-size:cover; }

	h1 { font-size:8rem; }
	
	section h2 { font-size:8rem; } }




/* 1440 = 90em */
@media screen and (max-width:90em) {

	#site-title a {
	background-image:url(/wp-content/uploads/2026/04/gcdptc-logo-sm.png);
	width:160px;
	padding:160px 0 0
	}

	#greater-chesapeake-damage-prevention-training-conference div.bg { padding:16vw 2vw 0; }

	#schedule .bg,
	#faqs .bg { padding:3vw; }

	#sponsors div.bg { padding:10vw 4vw; }

	#networking .bg { padding:10vw; }

}


/* 1360= 85em */
@media screen and (max-width:85em) {

	h1,
	section h2 { font-size:4rem; }

	#branding { top:1em; left:4vw; }

	#greater-chesapeake-damage-prevention-training-conference h2 { font-size:2.8rem; }
	#greater-chesapeake-damage-prevention-training-conference .flex div:first-child { width:60%; }
	#greater-chesapeake-damage-prevention-training-conference h1,
	#greater-chesapeake-damage-prevention-training-conference h2,
	#greater-chesapeake-damage-prevention-training-conference h3 { line-height:1.25em; }
	#greater-chesapeake-damage-prevention-training-conference p { font-size:1.6rem; }
	#greater-chesapeake-damage-prevention-training-conference .btn.yellow a { padding:1em 2em; }

	#faqs h4,
	#greater-chesapeake-damage-prevention-training-conference h3 { font-size:2rem; }

}


/* 1160= 72.5em */
@media screen and (max-width:72.5em) { .page-template-secondary-page-template article { width:60%; padding:0; margin:2em auto; } }

/* 1080= 67.5em */
@media screen and (max-width:67.5em) {

	.btn a { font-size:1.8rem; }

	.hidden { transform:translateY(0); }

	#greater-chesapeake-damage-prevention-training-conference div.bg { padding: 18vw 2vw 2vw; }
	#greater-chesapeake-damage-prevention-training-conference .flex div:first-child { width:100%; }
	#greater-chesapeake-damage-prevention-training-conference .hp { gap:0; }

	#schedule .flex { flex-wrap:wrap; }
	#schedule .flex div { flex-basis:100%; margin:0 0 2em; }

	#networking .bg { padding:4vw; }


}

/* 960= 60em */
@media screen and (max-width:60em) {

	.hamburger-container { display:block; }
	nav#menu { display:none; }

	header#header { padding:0 0 1em; }
	#branding { position:relative; top:0; left:0; }

	.page-template-secondary-page-template article { width:95%; }

	#greater-chesapeake-damage-prevention-training-conference, #schedule, #sponsors, #faqs, #networking { min-height:auto; margin:0 auto; }

	#greater-chesapeake-damage-prevention-training-conference div.bg { text-align:center; padding:3vw; min-height:auto; }
	#greater-chesapeake-damage-prevention-training-conference .hp { flex-direction:column; }

	#sponsors .flex .img,
	#sponsors .flex div:first-child { width:95%; }

	#networking .flex { flex-direction:column; gap:0; ; }



/* 880= 55em */
@media screen and (max-width:55em) {

	#schedule .flex div { flex-basis:100%; }

	#sponsors div.bg { padding:4vw; }
	#sponsors .flex { flex-direction:column-reverse; }

	#faqs .faqs div { margin: 1em 0; }

}


/* 760= 47.5em */
@media screen and (max-width:47.5em) {

	.event .flex { flex-wrap:wrap; }
	.event .flex div { width:95%; }

}

/* 420= 26.25em */
@media screen and (max-width:26.25em) {

	.menu-mobile-menu-container ul { height: 300vh; }

	h1, section h2 { font-size:3rem; }

	#greater-chesapeake-damage-prevention-training-conference h1, #greater-chesapeake-damage-prevention-training-conference h2, #greater-chesapeake-damage-prevention-training-conference h3 {
		text-shadow:0 0 10px rgba(0,0,0,0.6), 0 0 30px rgba(0,0,0,0.6), 0 0 10px rgba(0,0,0,0.6);
	}

	#greater-chesapeake-damage-prevention-training-conference, #schedule, #sponsors, #faqs, #networking { margin:2em auto; }

}