/*
CHICAGO BLUE = #3399ff
DARKER BLUE = #06131F
CHICAGO RED = #cc0000
DARKER RED = #590000
*/
#page {
}

/*ELEMENTS THAT SOULD BE CONTAINED*/
p, h1, h2, h3, h4, h5, h6, ol, ul,aside,
.wp-block-gallery,.entry-header, .entry-meta, .entry-footer, .comments-area {
	max-width: 1400px !important;
	margin: 0 auto !important;
}

/*ELEMENTS NOT TO CONTAIN*/
#page {
}

#masthead {
}

#colophon {
}

.entry-content {
}

/*--- HEADER ICON LINKS REQUIRES ENQUEUED DASHICONS ---*/
ul.social-links {
	list-style: none;
	position: relative;
	top: 1em;
	padding: 0 !important;
}

ul.social-links li {
	float: left;
	line-height: 3em;
}

ul.social-links li a {
	text-decoration: none;
	color: #06131F;
}

ul.social-links li a:hover {
	text-decoration: none;
	color: #590000;
}

ul.social-links li .dashicons {
	font-size: 3em;
	margin-right: 1em;
}

/*--- INTERNAL ICON LINKS ---*/
ul.wordcamp-links {
	list-style: none;
	position: relative;
	top: 1em;
	padding: 0 !important;
}

ul.wordcamp-links li {
	float: left;
	line-height: 3em;
}

ul.wordcamp-links li a {
	text-decoration: none;
	color: #590000;
}

ul.wordcamp-links li a:hover {
	text-decoration: none;
	color: #000000;
}

ul.wordcamp-links li .dashicons {
	font-size: 2.5em;
	margin-right: 1em;
}

/*ALL HEADER INSIDE OF:*/
.site-branding {
	position: absolute;
	top: 2em;
	left: 2em;
	z-index: 999;
}

.site-branding  .site-title, .site-branding  .site-title a {
	color: #06131F;
	text-decoration: none;
}

h1.site-title, p.site-title {
	font-size: 2em;
	font-weight: bold;
}

p.site-description {
	color: #06131F;
	font-size: 1.25em;
	font-weight: bold;
}

/*---SETTING UP THE OVERLAPPING IMAGES IN THE HEADER ---*/
#masthead {
	position: relative;
}

#masthead .site-header {
}

.custom-header {
	max-height: 275px;
}

.custom-header-media {
	position: relative;
	height: 275px;
}

.custom-header-media .wp-custom-header {
	position: absolute;
	width: 100%;
	bottom: 0 !important;
}

.custom-header-media .wp-custom-header img {
	width: 100%;
	left: 0 !important;
}

/*--- CONTAINING THE MAXIMUN HEIGHT OF THE HEADER & KEEPING THE HEADERE IMAGE FROM OVER STRETCHING ---*/
#content {
	padding-top: 2em;
}

/*ALL HEADER WIDGETS INSIDE OF:*/
#header-widgets {
	position: absolute;
	top: 1em;
	width: 100%;
	top: 1em;
	display: grid;
	grid-gap: 1%;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: repeat(3,1fr);
}

/*--- things work better if these styles are before the animation*/
/*--- THESE ARE THE ICON WIDGETS ---*/
#header-widget-4.header-widgets-block {
	grid-column: 3 / 4;
	grid-row: 1 / 2;
}

#header-widget-5.header-widgets-block {
	grid-column: 3 / 4;
	grid-row: 2 / 3;
}

/*--- THESE THREE WIDGETS OVERLAP ---*/
#header-widget-1.header-widgets-block {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	z-index: 33;
	justify-self: center;
	text-align: center;
}

#header-widget-2.header-widgets-block {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	z-index: 66;
	justify-self: center;
	text-align: center;
}

#header-widget-3.header-widgets-block {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
	z-index: 99;
	justify-self: center;
	text-align: center;
}

/*--- ANIMATION FOR HOME PAGE ONLY ---*/
.home #header-widget-1.header-widgets-block {
	animation: fadeIn ease 5s;
	-webkit-animation: fadeIn ease 5s;
	-moz-animation: fadeIn ease 5s;
	-o-animation: fadeIn ease 5s;
	-ms-animation: fadeIn ease 5s;
}

.home #header-widget-2.header-widgets-block {
	animation: fadeIn ease 5s;
	-webkit-animation: fadeIn ease 5s;
	-moz-animation: fadeIn ease 5s;
	-o-animation: fadeIn ease 5s;
	-ms-animation: fadeIn ease 5s;
}

.home #header-widget-3.header-widgets-block {
	animation: fadeIn ease 5s;
	-webkit-animation: fadeIn ease 5s;
	-moz-animation: fadeIn ease 5s;
	-o-animation: fadeIn ease 5s;
	-ms-animation: fadeIn ease 5s;
	animation: zoomit 2s ease-in 1 alternate;
	-webkit-animation: zoomit 2s ease-in 1 alternate;
}

/*--- DEFINING THE ANIMATION ---*/
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	
	30% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}

@keyframes zoomit {
	0% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}
	
	100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

/*SECONDARY MENU IS ABOVE HEADER IMAGE*/
/*ALL SECONDARY NAVIGATION CONTAINED INSIDE OF:*/
#header-navigation .secondary-navigation .page-navigation-container {
}

/*DEFINES THE UL: */
.secondary-navigation.page-navigation-container ul {
	float: right;
	z-index: 9999;
	position: relative;
}

.secondary-navigation.page-navigation-container li a {
	color: #000000;
}

.secondary-navigation.page-navigation-container li a:hover {
	color: #590000;
}

.secondary-navigation.page-navigation-container ul ul {
	visibility: collapse;
	width: 0;
}

/*DEFINES THE LI:*/
.secondary-navigation.page-navigation-container li {
	margin-right: 2em;
}

/*MAIN MENU IS BELOW HEADER IMAGE*/
/*ALL MAIN NAVIGATION CONTAINED INSIDE OF:*/
.page-navigation-container {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	z-index: 9999;
	padding: 1em 0;
}

#site-navigation {
	background-color: #06131F;
}

.page-navigation-container li a {
	color: #ffffff;
	font-weight: bold;
}

.page-navigation-container li a:hover {
	color: #3399ff;
	font-weight: bold;
}

#site-navigation .main-navigation .page-navigation-container ul.primary-menu {
}

.main-navigation-container {
}

.main-navigation.page-navigation-container {
	clear: both;
	display: flex;
	justify-content: center;
	float: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,.25);
}

/*DEFINES THE UL:*/
.main-navigation.page-navigation-container ul {
	float: left;
}

.main-navigation.page-navigation-container ul ul {
	float: left;
	text-align: left;
	z-index: 99999;
	background-color: #ffffff;
}

.main-navigation.page-navigation-container ul ul li a {
	color: #000000;
}

/*DEFINES THE LI:*/
.main-navigation.page-navigation-container li {
	margin-left: 2em;
}

.main-navigation.page-navigation-container ul ul li {
	margin: .5em 0 .5em .5em;
}

@media screen and (max-width: 1075px) {
	/*ALL HEADER WIDGETS INSIDE OF:*/
	#header-widgets {
		position: absolute;
		top: 1em;
		width: 100%;
		top: 1em;
		display: grid;
		grid-gap: 1%;
		grid-template-columns: repeat(6,1fr);
		grid-template-rows: repeat(3,1fr);
	}
	
	/*--- things work better if these styles are before the animation*/
	#header-widget-4.header-widgets-block {
		grid-column: 5 / 7;
		grid-row: 1 / 2;
	}
	
	#header-widget-5.header-widgets-block {
		grid-column: 5 / 7;
		grid-row: 2 / 3;
	}
	
	#header-widget-1.header-widgets-block {
		grid-column: 3 / 5;
		grid-row: 1 / 3;
		z-index: 33;
		justify-self: center;
		text-align: center;
	}
	
	#header-widget-2.header-widgets-block {
		grid-column: 3 / 5;
		grid-row: 1 / 3;
		z-index: 66;
		justify-self: center;
		text-align: center;
	}
	
	#header-widget-3.header-widgets-block {
		grid-column: 3 / 5;
		grid-row: 1 / 3;
		z-index: 99;
		justify-self: center;
		text-align: center;
	}
	
	.site-branding {
		position: absolute;
		top: 1em;
		left: 1em;
		z-index: 999;
	}
	
	h1.site-title, p.site-title {
		font-size: 1.5em;
		font-weight: bold;
	}
	
	.custom-header {
		max-height: 285px;
	}
	
	.custom-header-media {
		position: relative;
		height: 285px;
	}
	
	.custom-header-media .wp-custom-header {
		margin-left: -25%;
		width: 150%;
	}
	
	.custom-header-media .wp-custom-header img {
		width: 150%;
		left: 0 !important;
	}
}

@media screen and (max-width: 950px) {
	ul.social-links, ul.wordcamp-links {
		top: -2em;
	}
	
	ul.wordcamp-links {
		padding-left: 2em !important;
	}
	
	/*ALL HEADER WIDGETS INSIDE OF:*/
	#header-widgets {
		position: absolute;
		top: 1em;
		width: 100%;
		top: 1em;
		display: grid;
		grid-gap: 1%;
		grid-template-columns: repeat(6,1fr);
		grid-template-rows: 100px 1fr;
	}
	
	/*--- THESE THREE WIDGETS OVERLAP ---*/
	#header-widget-1.header-widgets-block {
		grid-column: 3 / 5;
		grid-row: 1 / 3;
		z-index: 33;
		justify-self: center;
		text-align: center;
	}
	
	#header-widget-2.header-widgets-block {
		grid-column: 3 / 5;
		grid-row: 1 / 3;
		z-index: 66;
		justify-self: center;
		text-align: center;
	}
	
	#header-widget-3.header-widgets-block {
		grid-column: 3 / 5;
		grid-row: 1 / 3;
		z-index: 99;
		justify-self: center;
		text-align: center;
	}
	
	/*--- THESE ARE THE ICON WIDGETS ---*/
	#header-widget-4.header-widgets-block {
		grid-column: 1 / 3;
		grid-row: 2 /3;
	}
	
	#header-widget-5.header-widgets-block {
		grid-column: 5 / 7;
		grid-row: 2 / 3;
	}
}

@media screen and (max-width: 825px) {
	.page-navigation-container {
		padding: 0;
	}
	
	#header-navigation {
		margin-top: -2em;
	}
	
	.page-navigation-container.secondary-navigation li {
		float: left;
		position: relative;
		clear: none;
	}
	
	.page-navigation-container #secondary-menu {
		background-color: transparent;
		left: 0;
	}
	
	.page-navigation-container ul#secondary-menu {
		display: block !important;
	}
	
	.page-navigation-container li {
		float: left;
		position: relative;
		clear: both;
	}
	
	.page-navigation-container li a {
		color: #000000;
	}
	
	.page-navigation-container ul {
		display: none !important;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	
	.page-navigation-container.toggled-on ul {
		display: block !important;
	}
	
	.js .menu-toggle {
		display: block !important;
	}
	
	.secondary-navigation button.menu-toggle {
		visibility: collapse;
		float: left;
		clear: none !important;
	}
	
	#site-navigation .dropdown-toggle {
		visibility: collapse;
		height: 0;
		margin-top: 0;
	}
	
	.home #site-navigation .dropdown-toggle {
		visibility: collapse;
		height: 0;
		margin-top: -1em;
	}
	
	button.dropdown-toggle.toggled-on {
		visibility: hidden;
		padding: 0;
	}
	
	.main-navigation.page-navigation-container {
		clear: both;
		display: flex;
		justify-content: left;
		float: none;
		width: 100%;
		margin: 0 auto;
		text-align: left;
		position: absolute;
		bottom: .5em;
		background-color: rgba(0,0,0,.25);
		z-index: 9999;
	}
	
	.main-navigation.page-navigation-container.toggled-on {
		height: 2.25em;
	}
	
	.page-navigation-container ul {
		display: none;
		list-style: none;
		margin: 0;
		padding-left: 0;
		position: relative;
		top: 2em;
		left: -10.25em;
		padding-left: 1em !important;
		background-color: #ffffff;
	}
	
	.page-navigation-container ul {
		padding-bottom: 2em;
	}
	
	.page-navigation-container ul ul {
		padding-bottom: 0;
	}
	
	.main-navigation.page-navigation-container li {
		margin-left: 0;
		clear: both;
		padding-bottom: .5em;
	}
	
	.page-navigation-container.toggled-on ul ul {
		display: block;
	}
	
	.page-navigation-container.toggled-on ul ul {
		position: relative;
		top: 0;
		padding-left: 1.5em;
	}
	
	.page-navigation-container ul ul {
		box-shadow: 0 0 0 rgba(0,0,0,0.0) !important;
		float: left;
		position: absolute;
		top: 1.5em;
		left: 0 !important;
		z-index: 99999;
		clear: both;
	}
	
	.js .menu-toggle {
		display: block;
		background: #3399ff;
		color: transparent;
		font-weight: normal;
		border: none;
	}
	
	.js .menu-toggle:before {
		content: "menu";
		color: #ffffff;
		font-size: 2em;
	}
}

@media screen and (max-width: 750px) {
	.secondary-navigation.page-navigation-container {
		float: right;
		z-index: 9999;
		position: absolute;
		bottom: 3em;
	}
	
	.site-branding {
		visibility: collapse;
		height: 0;
		width: 0;
	}
	
	#header-widget-1.header-widgets-block, #header-widget-2.header-widgets-block, #header-widget-3.header-widgets-block {
		padding-top: 1em;
	}
	
	.custom-header-media .wp-custom-header img {
		object-fit: cover;
		width: 100%;
		height: 285px;
	}
	
	ul.social-links, ul.wordcamp-links {
		top: -6em;
	}
	
	.secondary-navigation .dropdown-toggle {
		visibility: hidden;
	}
}

@media screen and (max-width: 600px) {
	
}

@media screen and (max-width: 460px) {
	ul.social-links li .dashicons {
		font-size: 1.5em;
		margin-right: 1em;
	}
	
	ul.wordcamp-links li .dashicons {
		font-size: 1.5em;
		margin-right: 1em;
	}
	
	.page-navigation-container ul#secondary-menu {
		top: .5em;
	}
	
	ul.social-links li, ul.wordcamp-links li {
		line-height: 2em;
	}
	
	.secondary-navigation.page-navigation-container li {
		margin-right: 1em;
	}
}

@media screen and (max-width: 400px) {
	.page-navigation-container ul {
		left: -6.25em;
		padding-left: 1em !important;
		background-color: #ffffff;
	}
}

@media screen and (max-width: 375px) {
	.secondary-navigation.page-navigation-container {
		float: right;
		z-index: 9999;
		position: absolute;
		bottom: 1.75em;
	}
	
	.secondary-navigation.page-navigation-container li {
		font-size: .75em;
	}
}

/*Before content all pages except homepage =>*/
#content-widgets {
	display: grid;
	grid-gap: 3%;
	max-width: 1400px;
	margin: 0 auto;
}

#content-widget-1 {
	grid-column: 1 / 3;
}

/*ALL CONTENT WIDGETS INSIDE OF:*/
.home #content-widgets {
	display: grid;
	grid-gap: 3%;
	grid-template-rows: repeat(2,1fr);
	max-width: 1400px;
	margin: 0 auto;
}

.home #content-widget-1 {
	grid-column: 1 / 2;
}

.home #content-widget-2 {
}

.home #content-widget-3 {
}

.home #content-widget-4 {
}

.home #content-widget-5 {
	grid-column: 1 / 3;
}

/*--- WIDGETS SPECIFIC TO DAY OF PAGE TEMPLATE ---*/
.page-template-page-day-of #content-widgets {
	display: grid;
	grid-gap: 1%;
	grid-template-rows: repeat(2,1fr);
	max-width: 1400px;
	margin: 0 auto;
}

.page-template-page-day-of #content-widget-1 {
	grid-column: 1 / 2;
}

.page-template-page-day-of #content-widget-2 {
}

.page-template-page-day-of #content-widget-3 {
}

.page-template-page-day-of #content-widget-4 {
}

.page-template-page-day-of #content-widget-5 {
	grid-column: 1 / 3;
}

/*--- SIDEBAR WIDGETS THAT WE AREEN"T PUTTING IN A SIDEBAR ---*/
#secondary {
	max-width: 1400px;
	margin: 0 auto;
	display: grid;
	grid-gap: 1%;
	grid-template-columns: repeat(2,1fr);
}

/*ALL FOOTER INSIDE OF: */
#colophon .site-footer {
}

/*ALL FOOTER WIDGETS INSIDE OF:*/
#footer-widgets {
	max-width: 1400px;
	margin: 0 auto;
	display: grid;
	grid-gap: 3%;
	grid-template-columns: repeat(4,1fr);
}

#footer-widget-1 {
}

#footer-widget-2 {
}

#footer-widget-3 {
}

#footer-widget-4 {
}

#footer-widget-5 {
	grid-column: 1 / 5;
}

/*LOWER FOOTER REGION*/
.site-info {
	text-align: center;
	background-color: #06131F;
	padding: .5em 0;
}

/*WORDPRESS LINK: */
.site-info-generator {
	margin-right: 2em;
}

/*WORDCAMP LINK:*/
.site-info-network {
	margin-left: 2em;
}

.site-info a {
	color: #3399ff;
	text-decoration: none;
}

.site-info a:hover {
	color: #cc0000;
	text-decoration: none;
}

@media screen and (max-width: 1000px) {
	.home #content-widgets {
		display: grid;
		grid-gap: 4%;
		grid-template-rows: repeat(2,1fr);
		max-width: 1400px;
		margin: 0 auto;
	}
	
	.page-template-page-day-of #content-widgets {
		display: grid;
		grid-gap: 4%;
		grid-template-rows: repeat(2,1fr);
		max-width: 1400px;
		margin: 0 auto;
	}
	
	#footer-widget-1 {
		grid-column: 1 / 3;
	}
	
	#footer-widget-2 {
		grid-column: 3 / 5;
	}
	
	#footer-widget-3 {
		grid-column: 1 / 3;
	}
	
	#footer-widget-4 {
		grid-column: 3 / 5;
	}
}

@media screen and (max-width: 825px) {
	.page-template-page-day-of #content-widget-1 {
		grid-column: 1 / 3;
	}
	
	.page-template-page-day-of #content-widget-2 {
		grid-column: 1 / 3;
	}
	
	.page-template-page-day-of #content-widget-3 {
		grid-column: 1 / 3;
	}
	
	.page-template-page-day-of #content-widget-4 {
		grid-column: 1 / 3;
	}
	
	.page-template-page-day-of #content-widget-5 {
		grid-column: 1 / 3;
		margin-bottom: 5em;
	}
	
	.home #content-widget-1 {
		grid-column: 1 / 3;
	}
	
	.home #content-widget-2 {
		grid-column: 1 / 3;
	}
	
	.home #content-widget-3 {
		grid-column: 1 / 3;
	}
	
	.home #content-widget-4 {
		grid-column: 1 / 3;
	}
	
	.home #content-widget-5 {
		grid-column: 1 / 3;
		margin-bottom: 5em;
	}
}