.mobile-search {
	display: none;
}

.mobile-menu {
	display: none;
}

.ui-loader {
	display: none;
}

.events-instructions {
	display: none;
}

.fullsize-image {
	width: 100%;
	height: auto;
}

.responsive-table {
	width: 100% !important;
	height: auto !important;
}

.wp-image-4318 {
	float: left !important;
	margin: 5px 20px 20px 0px !important;
	width: 76px !important;
	height: 289px !important;
}

@media screen and (max-width:1025px) {
	
	.header {
		padding: 0px 20px;
	}

	.header .right {
		display: none;
	}

	.header .header-logo {
		float: right;
	}

	.content-space {
		border-left: none;
		border-right: none;
	}

	.top-border {
		display: none;
	}

	.mobile-search {
		height: 40px;
		display: block;
		position: relative;
		z-index: 9999;
	}

	.mobile-search form {
		width: 100%;
		height: 100%;
	}

	.mobile-search form input {
		background-color: transparent;
		background-image: url(../images/mobile-search-icon.png);
		background-size: 16px 16px;
		background-position: 20px 12px;
		background-repeat: no-repeat;
		border: none;
		width: 100%;
		height: 40px;
		padding: 0px;
		margin: 0px;
		font-family: 'Source Sans Pro', sans-serif;
		font-style: italic;
		color: #fff;
		font-weight: 400;
		font-size: 20px;
		text-indent: 45px;
	}

	.header .mobile-menu-btn {
	    background-image: url(../images/mobile-nav.png);
	    background-size: 28px 24px;
	    width: 28px;
	    height: 24px;
	    display: block;
	    margin-top: 45px;
	}

	.mobile-menu {
		background: #6c110e;
	}

	.mobile-menu ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
	}

	.mobile-menu ul li {
		margin: 0px;
		padding: 0px;
	}

	.mobile-menu ul li > ul {
		background: #4a0c0a;
		display: none;
	}

	.mobile-menu ul li > ul li a{
		padding: 10px 0px 0px 20px;
	}

	.mobile-menu ul li a {
		width: 100%;
		height: 40px;
		color: #fff;
		display: block;
		padding: 10px 0px 0px 10px;
		text-decoration: none;
		font-size: 16px;
		outline: none;
		box-sizing: border-box;
	}

	.mobile-menu .full-menu-btn {
		top: -40px;
		position: relative;
	}

	.mobile-menu .full-menu-btn a {
		background-color: #fff;
		color: #940007;
		line-height: 16px;
	}

	.mobile-menu .full-menu-btn a:hover {
		background-color: #eee;
	}

	.mobile-menu .full-menu-btn a span.arrow {
		background: url(../images/icon-red-arrow.png);
		height: 16px;
		width: 16px;
		display: inline-block;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		vertical-align: bottom;
		margin-right: 5px;
	}

	.mobile-menu ul li a:hover {
		background-color: rgba(255, 255, 255, 0.1);
	}

	.content-space .content.main-page-rotator-content {
		padding: 27px 20px;
	}

	.content-space .content {
		padding: 20px;
	}

	.main-page-rotator-content > .left {
		float: none;
	}

	.main-page-rotator-content > .right {
		float: none;
	}

	.front-page-about-col {
		width: 63%;
	}
	
	.front-page-about-col .content img.left {
		width: 33%;
	}

	.front-page-about-col .text-content {
		margin-left: 36%;
		padding-right: 5%;
	}

	.magnets .col {
		width: 33.3%;
	}

	.page-header .left h1 {
		margin-left: 20px;
		font-size: 26px;
	}

	.page-header .left {
		float: none;
	}

	.page-header .right {
		float: none;
		margin-left: 20px;
		margin-top: 10px;
	}

	.page-header .right .btn {
		width: 100px;
		font-size: 16px;
		float: left;
	}

	.sponsor-space {
		display: none;
	}

	.content img.alignright, .content img.alignleft {
		width: 35%;
		height: auto;
	}
	
	.content img.advisory-council-image {
		width: 25%;
		height: auto;
	}

}

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

	.footer {
		padding: 32px 20px 32px 20px;
	}

	.footer-magnets .col {
		width: 100%;
		margin: 0px auto 25px auto;
	}

	.row.social-search .left {
		display: block;
		float: none;
		width: 100%;
		border-bottom: solid #660d0b 1px;
		padding-bottom: 10px;
	}

	.row.social-search .right h4 {
		margin-top: 8px;
	}

	.row.social-search .right {
		display: block;
		float: none;
		width: 100%;
	}

	.row.social-search .search-box {
		width: 100% !important;
		box-sizing: border-box;
	}

	.social-icon-pack {
		overflow: auto;
	}

	.internal-links .btn {
		width: 100%;
		box-sizing: border-box;
	}
	


}

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

	.events-wrapper {
		overflow: hidden;
	}

	.events-background-overlay {
		background: rgba(0, 0, 0, 0.6);
	}

	.events {
		width: 90%;
	}

	.events h1.gigantic {
		font-size: 30px;
		line-height: 35px;
		margin: 0px 0px 20px 0px;
	}
	
	.events-instructions {
		display: block;
		margin: 0 auto 30px auto;
	}

	.event-listing .event {
		background: none !important;
		border: solid #fff 1px;
		position: absolute;
		width: 100%;
		height: auto !important;
		padding: 5% 5% !important;
		box-sizing: border-box;
	}

	.event-listing .event h3 {
		color: #fff !important;
	}

	.event-listing .event .date {
		color: #fff !important;
	}

	.event-listing .event .time {
		color: #fff !important;
	}

	.event-listing .event .more-info {
		background: #fff;
		color: #a51511 !important;
	}

	.view-all-events.btn {
		display: none;
	}

}

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

	.magnets .col {
		float: none;
		margin: 10px auto 10px auto;
		width: 100%;
	}

	.magnets .col.donate {
		margin-bottom: 20px;
	}

	.magnets .col.volunteer {
		margin-bottom: 20px;
	}

	.magnets .col .magnet-content {
		border-right: solid #ddd 1px;
	}

	.magnets .col .magnet-content .btn {
		margin: 20px auto 0px auto;
	}

	.magnets .col .magnet-header {
		border-left: none;
	}

	img.aligncenter,
	img.alignnone {
		width: 100%;
		max-width: 900px;
		height: auto;
	}

}

@media screen and (max-width:870px) {
	
	.advisory-council-table {
		width: 100% !important;
		height: auto !important;
	}


}

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


	.front-page-about-col {
		width: 60%;
	}	

}

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


	.content img.alignright, .content img.alignleft {
		width: 40%;
	}	

}

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

	.front-page-about-col {
		width: auto;
		margin-top: 20px;
		margin-bottom: 20px;
		float: none;
	}

		.front-page-about-col .text-content {
			margin-left: 0px;
		}

		.front-page-about-col img.left {
			margin: 0px 15px 15px 0px;
		}

	.newsfeed-column {
		float: none;
		margin-bottom: 20px;
		clear: both;
		width: 100%;
	}

	.content img.junior-board-image {
		width: 40% !important;
		height: auto;
		margin: 0px !important;
	}

}

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

	.contact-us-image {
		float: none !important;
	}
	.contact-us-table {
		width: 100% !important;
		height: auto !important;
	}

}

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

	.rotator-space {
		height: 320px;
	}

}

@media screen and (max-width: 658px) {
	
	.news-category-images {
		display: none;
	}

}

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

	.staff-table .div-table-row .div-table-col {
	    float: left;
	    display: block;
	}
	
	.staff-table .div-table-row .div-table-col:nth-child(1) {
		padding-bottom: 25px;
	}

	.staff-table .div-table-row .div-table-col:nth-child(2) {
		width: 76%;
	}

	.staff-table .div-table-row .div-table-col:nth-child(3) {
		clear: both;
		padding-bottom: 25px;
	}

	.staff-table .div-table-row .div-table-col:nth-child(4) {
		width: 76%;
	}

	.staff-table .div-table-row {
		margin: 0px;
	}

	.staff-table .div-table-col img {
	    margin: 0px 0px 0px 0px !important;
	}

	iframe {
	    min-height: 280px;
	    width: 100%;
	}
}

@media screen and (max-width: 550px) {
	.junior-board-table {
		width: 100% !important;
		float: none;
	}

	.content img.junior-board-image {
		width: 100% !important;
		height: auto;
		margin: 0px !important;
		float: none;
	}
	.content img.red-shoe-run-image {
	    width: 100% !important;
	}
}

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

	.rotator-space {
		height: 280px;
	}

}

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

	.rotator-space {
		height: 180px;
	}

	.help-buttons .btn {
		width: 100% !important;
		box-sizing: border-box;
		margin: 5px 0px;
		float: none;
	}

}

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

	.content img.alignright, .content img.alignleft {
		width: 100%;
		float: none;
		margin: 10px 0px;
		padding: 0px 0px;
	}

	.not-on-mobile {
		display: none;
	}
	.content div.wp-caption {
		width: 45% !important;
	}	

}

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

	.front-page-about-col img.left {
		width: 30%;
		height: auto;
	}

}

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

	.wp-caption {
		float: none;
		width: 100% !important;
	}

}

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

	.main-page-rotator-content .btn.large {
		font-size: 16px;
		width: 49%;
		box-sizing: border-box;
	}

}