body {
	overflow-x: hidden;
}

/* Header Desktop */
@media (min-width: 782px) {
	
	.site-header {
		background: transparent;
	}
	
	.site-content {
		border: none;
	}
	
	/* Spacing for columns: full vs wide vs hero */
	.hero-block .wp-block-columns {
		padding-left: 0;
		padding-right: 0;
		margin-left:0;
		margin-right: 0;
	}
	
	.wp-block-columns {
		padding-left: 2em;
		padding-right: 2em;
	}
	.wp-block-columns.alignfull{
		padding-left: 2em;
		padding-right: 2em;
		margin-left:0;
		margin-right:0;
	}
	
	#primary {
		margin-top: -140px;
	}
	
	#content-inside {
		display: contents;
	}
	
	.hero-block {
		padding-top: 170px
	}
	
	/* Header for Desktop */
	.onepress-menu {
		background-color: #0097d8;
		width: 100%;
		margin-top: 90px;
		margin-left: auto;
		margin-right: auto;
		display: flex; 
  	justify-content: center; 
	}
	
	.onepress-menu > li {
		display: inline-block;
	}
	
	.site-branding {
		position: absolute;
		left: 44%;
		padding-top: 15px;
	}
	/*Menu height */
	.site-header {
		line-height:40px;
	}
	
  /* Space for logo in TOC */
	.onepress-menu > li:nth-of-type(3) {	
		margin-right: 220px;
	}

	h1.entry-title {
		color: gold;
		background-color: rgb(0,0,0,50%);
		text-align: center;
	}
	
	.page-header {
		border:none;
		position:absolute;
		left: 50%;
		transform: translate(-50%, 0);
		display: inline-block;
		background-color: rgb(255,255,255,0%)
	}
	
	/* First H1 Header is Smaller */
.hero-block h1:nth-of-type(1) {
	font-weight: 400;
	font-size: 1.5em !important;
}
/* Second H1 Header is Larger */
.hero-block h1:nth-of-type(2) {
	font-weight: 500;
	font-size: 4em !important;
}
	
	.hero-date {
		margin-top: 96px;
	}
}
/* END MEDIA 782 */


/* Header for Mobile */
@media (max-width: 781px) {
	
	.site-content {
		border: none;
	}
	
	/* Shrink Logo */
	.site-logo-div img {
		max-height: 90px
	}
	
	/* Shrink Hero Image */
	.hero-image img {
		max-height: 300px;
		width: auto;
	}
	
	#primary {
		// margin-top: -140px;
	}
	
	#content-inside {
		display: contents;
	}
		
	.onepress-menu {
		background-color: #0097d8;
		width: 100%;
		margin-top: 56px;
		margin-left: auto;
		margin-right: auto;
		display: flex; /* Makes the ul a flex container */
  	justify-content: center; /* Centers flex items horizontally */
	}

	.onepress-menu > li {
		display: inline-block;
	}
	
		.onepress-menu-mobile-opening #masthead {
	padding-bottom: 94px;			
	}

	
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
		background: #00b1ff;
	}
	
	.site-branding {
		position: absolute;
		left: 35%;
		padding-top: 6px;
	}
	/*Menu height */
	.site-header {
		line-height:40px;
	}
	
	h1.entry-title {
		color: #ffce00;
		background-color: rgb(0,0,0,75%);
		text-align: center;
	}
	
	.page-header {
		border:none;
		position:absolute;
		left: 50%;
		transform: translate(-50%, 0);
		display: inline-block;
		background-color: rgb(255,255,255,0%)
	}
	
		/* First H1 Header is Smaller */
	.hero-block h1:nth-of-type(1) {
		text-align: center;
		font-weight: 400;
		font-size: 1.3em !important;
		margin-top: 2em;
		margin-bottom: 0px;
	}
	/* Second H1 Header is Larger */
	.hero-block h1:nth-of-type(2) {
		text-align: center;
		font-weight: 500;
		font-size: 3em !important;
		margin: 0;
	}
	
	.hero-date {
		margin-top: 3em;
	}
}
/* END MEDIA MAX-781 */



.hero-block a {
	color: #fff;
	border-bottom: 1px dotted white;
}
.hero-block a:hover {
	color: gold;
	border-bottom: 2px dotted gold;
	text-decoration: none;
}


.hero-date {
	border-top: 2px solid;
	padding-top: 4px;
}

.race-title {
	font-weight: 400;
	font-size: 1.7em;
	display: block;
}

.hero-pill {
	border: 1px dotted;
	display: inline-block;
	padding: 0 5px;
}


.hero-block {

	background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,.3) 40%, rgba(0,0,0,0) 60%), url('https://queensmarathon.org/wp-content/uploads/2024/08/QDR_Marathon_background_Panorama_Meadow_Lake-scaled.jpg');
	/* 
	QDR_Marathon_background_Panorama_Trees.jpg 
	QDR_Marathon_background_Panorama_Meadow_Lake.jpg
	*/

	background-size: cover;
	background-position: right;
	overflow: hidden;
	justify-content: center;
}

.hero-block, .hero-block h3, .hero-block h1, .hero-block h2 {
	color: #fff;
}


@media (min-width: 1202px) {

    .hero-info {
        width: 1200px;
        margin: 20px 10px 12px;
        padding: 10px 10px 30px;
    }

    .hero-image img {
        max-width: 730px;
    }

    .hero-block {
        margin-top: 0px;
        align-items: end;
        background-size: cover;
        background-position: right;
        overflow: hidden;
    }
}


@media (max-width: 1201px) {

    .hero-info {
        width: 800px;
        margin: 0px 25px 4px;
        padding: 10px 10px px;
        border: 0px;
    }

    .hero-info > p {
        font-size: 24px !important;
    }

    .hero-image img {
        max-width: 600px;
    }

    .hero-block {
        margin-top: 0px;
        align-items: end;
        background-size: cover;
        background-position: right;
        overflow: hidden;
    }
} /* END 1201 MAX */


@media (max-width: 782px) {

    .hero-info {
        margin: 0px 10px 100px;
        padding: 20px 8px 30px;
        border: 0px dotted #fcb900;
    }

    .hero-block {
        margin-top: 0px;
        align-items: end;
				background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,.6) 40%), url('https://queensmarathon.org/wp-content/uploads/2024/08/QDR_Marathon_background_Panorama_Meadow_Lake-scaled.jpg');
        background-size: cover;
        background-position: right;
    }
}/* END 782 MAX */

@media (max-width: 576px) {
	
 .hero-info {
        margin: 0px 10px 0px;
        padding: 20px 8px 30px;
        border: 0px dotted #fcb900;
  }

    .hero-block {
        margin-top: 0px;
        align-items: end;
				background-image: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,.6) 40%), url('https://queensmarathon.org/wp-content/uploads/2024/08/QDR_Marathon_background_Panorama_Meadow_Lake-scaled.jpg');
        background-size: cover;
        background-position: right;
    }
}/* END 576 MAX */

.wp-block-columns.hero-block {
    margin-bottom: 0px !important;
}

.no-sidebar .entry-content > .alignfull {
    margin-top: 0px !important;
    margin-top: 0px !important;
}

#primary {
    padding-top: 0px !important;
}

.hero-image .wp-block-image {
    margin-bottom: 0 !important;
    max-height: 800px;
}

/*
 * Utility Classes
 */
.padding-below {
	padding-bottom: 2em;
}

/*
 * Race Weekend Page + Other Sub-Pages
 */

/* Calendar List */
.race-weekend-col {
	padding-left: 1em;
}

.race-weekend-col h4, .race-weekend-col img{
	padding-top: 1.5em;
}

.race-weekend-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.race-weekend-col > ul > li {
	
	margin-left: 1.5em;
	padding-left: 2px;
	font-weight: 700;
	color: #0097d8;

}
.race-weekend-col > ul > li li {
	margin-left: 1em;
	padding-left: 1em;
	border-left: 3px solid #aaa;
	font-weight: 500;
	color: #333;
}


/* Countdown Clock */
/* general styling */

.race-day-timer {
	color: #0097d8;	
}
.race-day-timer h3 {
	color: #eee;
}
.race-day-timer {
	background-color: black;
  margin: 0 auto;
  text-align: center;
}

.race-day-timer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.race-day-timer #countdown li h3 {
	font-size: 2.5rem;
	font-weight: 700;
	padding-top: 0;
	margin-top: 0;
}
.race-day-timer #countdown li h3 span {
	
}

.race-day-timer #countdown li {
  display: inline-block;
	margin-left: 0 !important;
	font-size: 1.10rem;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}

.race-day-timer #countdown li span {
  display: block;
  font-size: 2.5rem;
}