/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.nav-align-right .navigation-branding {
	margin-right: 0 !important;
}

.main-navigation.has-branding:not([class*=nav-align-]):not(.mobile-header-navigation) .menu-bar-items, .main-navigation.has-sticky-branding.navigation-stick:not([class*=nav-align-]):not(.mobile-header-navigation) .menu-bar-items {
	margin-left: 0 !important;
}

#menu-item-6240 {
	position: absolute;
	right: 40px !important;
}

#menu-item-6240 a {
	background-color: #F2CE1B;
	text-transform: uppercase;
	color: #000000;
	display: inline-block
}

.navigation-branding img, .site-logo.mobile-header-logo img {
	height: 90px !important;
	margin-left: 40px;
}

.shadowBox {
	-webkit-box-shadow: 0 0 50px 0px #E3E3E3;
	box-shadow: 0 0 50px 0px #E3E3E3;
	margin-bottom: 50px;
	border: 1px solid #fff;
	padding: 60px;
	margin-top: -10px;
}

.wrapper {
	width: 1360px; 
	margin: 0 auto;
	display: block;
	color: #fff;
	}

.slide {
	background-size: cover;
	background-position: center center;
	margin-bottom: -10px;
	}

.overlay {
	height: 40vw;
	display: flex;
	align-items: flex-end;
	}

.slideCover {
	background-color: rgb(0, 0, 0, 0.5);
	width: 100%;
	padding: 50px 0;
}

.slideMargin {
	width: 33%;
	}
.slideMargin.left {
	float: left;
}
.slideMargin.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slideMargin.right {
	float: right;
}

.slide h2 {
	color: #fff;
	text-transform: uppercase;
	}

.slide .callToAction {
	background: #F2CE1B;
	color: #000;
	display: inline-block;
	padding: 0 20px;
	line-height: 50px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	}

.main-navigation .main-nav ul ul li {
	text-align: center;
	}

.owl-prev, .owl-next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block !important;
	border:0px solid black;
	z-index: 999;
	color: #fff !important;
	font-size: 50px;
	}

.owl-prev { left: 20px; }
.owl-next { right: 20px; }

.owl-theme .owl-nav [class*=owl-]:hover {
	background: transparent !important;
	}

.dateListing {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: center;
	}

.dateCard {
	width: calc( 20% - 20px);
	padding: 20px 10px;
	margin: 10px;
	}

.upcomingEvents .dateCard {
	border: 10px solid #F2CE1B;
	}
	
.importantDates .dateCard {
	border: 10px solid #014C97;
	}
	
 .dateCardInside {
	text-align: center;
	}

.dateMonth,
.dateNumber {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	line-height: 30px;
	}

.dateMonthNumber {
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	line-height: 30px;
	}

.dateMonthNumberYear {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	line-height: 30px;
	}

.dateCardTitle {
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 10px;
	}

.dateCardDescription {
	font-style: italic;
	font-size: 14px;
	}
.sectionTitle {
	text-transform: uppercase;
	text-align: center;
	}

.shadowBox.noBottomPadding {
	padding-bottom: 0;
	}

.wp-block-button__link {
	border-radius: 0px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	}

button, html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
a.button, 
a.wp-block-button__link:not(.has-background) {
	background: #014C97;
	}

.siteWideFooter {
	background-image: url('images/footer.png');
	background-size: cover;
	background-position: center center;
	text-align: center;
	}

.footerOverlay {
	padding: 50px 0;

	}

.siteWideFooter h3 {
	text-transform: uppercase;
	color: #17274A;
	margin-bottom: 5px;
	font-weight: 700;
	}

.siteWideFooter p {
	color: #17274A;
	font-weight: 700;
	}

.site-footer .site-info {
	background-image: url('images/denim.png');
	background-size: cover;
	color: #fff;
	background-color: transparent;
	padding: 50px 0;
	}

.site-footer .site-info a {
	color: #F2CE1B;
	text-decoration: none;
	}
	
.slide.short {
	height: 20vw;
	}

.inside-navigation {
	background-color: rgb(255, 255, 255, 0.75)
}

.home .inside-navigation {
	background-color: rgb(0, 0, 0, 0.5)
	}

.home .main-navigation.toggled .main-nav > ul {
	background: #000;
	}

.entry-header {
	text-align: center;
	margin-top: 100px;
	padding: 30px 0;
	background-image: url('images/denim.png');
	background-size: cover;
	color: #fff;
	z-index: 999;
	position: relative;
	}

.officers {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: center;
	}

.officersItem {
	width: calc( 25% - 50px);
	padding: 25px;
	margin: 20px;
	background: #fff;
	-webkit-box-shadow: 0 0 50px 0px #E3E3E3;
	box-shadow: 0 0 50px 0px #E3E3E3;
	border: 1px solid #fff;
	text-align: center;
	}

.officerImage {
	width: 100%;
	height: auto;
	}

.officerName {
	text-transform: uppercase;
	color: #004C97;
	font-weight: 700;
	}


.officerName a {
	text-decoration: none;
	color: #004C97;
	font-size: 25px;
	}

.officerRole {
	font-size: 15px;
	font-weight: 600;
	color: #004C97;
	}

.home .main-navigation .main-nav ul li a, 
.home .main-navigation .menu-toggle, 
.home .main-navigation .menu-bar-items {
	color: #fff;
	}

.home .main-navigation .main-nav ul ul li a {
	color: #000;
	}

.header-wrap {
	z-index: 9999;
}

.wp-block-page-list li {
	list-style-type: none;
	display: block;
	}

.wp-block-page-list {
	margin: 0;
	}

.wp-block-page-list li a {
	padding: 10px;
	background: #004C97;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	display: block;
	}

.wp-block-page-list li a:hover {
	background: #F2CE1B;
	color: #000;
	}

.customContainer {
    max-width: 1640px;
    margin-right: auto;
    margin-left: auto;
    }
   
.officerImageLeft {
	float: left;
	width: 250px;
	height: auto;
	margin: 0 25px 25px 0;
	}

.sponsorLogos {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: center;
}

.sponsorshipLevels.one .sponsorLogos .sponsorLogoItem {
	width: 100%;
	}
	
.sponsorshipLevels.two .sponsorLogos .sponsorLogoItem {
	width: 50%;
	}

.sponsorshipLevels.three .sponsorLogos .sponsorLogoItem {
	width: 33.33%;
	}

.sponsorshipLevels.four .sponsorLogos .sponsorLogoItem {
	width: 25%;
	}

.sponsorshipLevels.five .sponsorLogos .sponsorLogoItem {
	width: 20%;
	}
.sponsorshipLevels.six .sponsorLogos .sponsorLogoItem {
	width: 16.665%;
	}
.sponsorImage {
	width: 100%;
	height: auto;
	}

.sponsorLogoItem {
	display: flex;
	align-items: center;
	justify-content: center;
	}

.sponsorshipLevels {
	background: #fff;
	padding: 25px;
	border: 5px solid #F3CE1C;
	margin-bottom: 25px;
	}

.sponsorLogoItemPad {
	padding: 20px;
	}
.sponsorshipLevels h2 {
	text-align: center;
	text-transform: uppercase;
	}

.sponsorshipLevels h3 {
	text-align: center;
	text-transform: uppercase;

	}
	
@media only screen and (max-width: 1359px) {
	#menu-item-6240 {
		position: relative;
		right: 0 !important;
	}
	
	.wrapper {
		width: 1000px;
		}
	.slideMargin {
		width: 75%
		}
	.dateCard {
		width: calc( 25% - 20px);
		}
}

@media only screen and (max-width: 1135px) {
	.wrapper {
		width: 600px;
		}
	.slideMargin {
		width: 100%
		}
	.dateCard {
		width: calc( 33.33% - 20px);
		}
	.slide.short {
		height: 25vw;
		}
	
}

@media only screen and (max-width: 1135px) {
	.dateCard {
		width: calc( 100% - 20px);
		}
	.overlay {
		height: 80vw;
		}

	.wrapper {
		width: 75vw;
		}
	.slide.short {
		height: 35vw;
		}
	.officersItem {
		width: calc( 50% - 50px );
		}
}

@media only screen and (max-width: 650px) {
	.slide.short {
		height:45vw;
		}
	.overlay {
		height: 150vw;
		}
	.sponsorshipLevels.one .sponsorLogos .sponsorLogoItem,
.sponsorshipLevels.two .sponsorLogos .sponsorLogoItem,
.sponsorshipLevels.three .sponsorLogos .sponsorLogoItem,
.sponsorshipLevels.four .sponsorLogos .sponsorLogoItem,
.sponsorshipLevels.five .sponsorLogos .sponsorLogoItem,
.sponsorshipLevels.six .sponsorLogos .sponsorLogoItem {
	width: 100%;
	}
	
.shadowBox {
	padding: 15px;
	}
.officersItem {
		width: calc( 100% - 50px );
		}
	.officerImageLeft {
		display: block;
		float: none;
		margin: 0 auto 25px auto;

}