@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1920px) {
	html {
		font-size: 21px;
	}
}
@media screen and (max-width: 1680px) {
	html {
		font-size: 20px;
	}
}
@media screen and (max-width: 1440px) {
	html {
		font-size: 17.5px;
	}
}
@media screen and (max-width: 1280px) {
	html {
		font-size: 14px;
	}
}
@media screen and (min-width: 961px) {
	.mobile-only {
		display: none;
	}
}
@media screen and (max-width: 960px) {
	.desktop-only {
		display: none;
	}
	html {
		font-size: 20px;
	}
	h1 {
		font-weight: 700;
		font-size: 1.8rem;
		line-height: 2rem;
		margin: 0 0 1rem;
	}
	h2 {
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 1.8rem;
		margin: 0 0 1rem;
	}
	h3 {
		font-weight: 700;
		font-size: 1.3rem;
		line-height: 1.5rem;
		margin: 0 0 1rem;
	}
	h4 {
		font-weight: 700;
		font-size: 1rem;
		line-height: 1.3rem;
		margin: 0 0 1rem;
	}
	h5 {
		font-weight: 700;
		font-size: 0.9rem;
		line-height: 1rem;
		margin: 0 0 1rem;
	}
	h6 {
		font-weight: 700;
		font-size: 0.8rem;
		line-height: 0.9rem;
		margin: 0 0 1rem;
	}
	p {
		margin: 0 0 1rem;
	}
	span {
	}
	ul {
		margin: 0 0 2rem;
	}
	ol {
		margin: 0 0 2rem;
	}
	.columns .column {
		width: 100% !important;
		float: none !important;
		margin: 0 0 1rem;
	}
	.spacer#main-header-spacer {
		position: static;
		background-color: transparent;
		z-index: 1;
		height: 3.5rem;
	}
	.wrapper#main-header-wrapper {
		width: 100%;
		height: auto;
		position: fixed;
		left: 0;
		top: 0;
	}
	.wrapper#main-footer-wrapper {
		
	}
	.wrapper#main-content-wrapper {
		padding: 0;
		width: 100%;
	}
	#main-header {
		padding: 0.5rem 3.125%;
	}
	#main-header a.button.home,
	#main-footer a.button.home {
		float: left;
		width: 6rem;
		margin: 0;
		position: relative;
		z-index: 2000;
		padding: 0 0.6rem;
	}
	.scroll-lock #main-header a.button.home * {
		color: #ffffff;
	}
	#main-header a.button.home *,
	#main-footer a.button.home * {
		font-size: 0.7rem;
		line-height: 0.8rem;
	}
	#main-header #main-navigation-toggle {
		float: right;
		min-width: 0;
		min-height: 0;
		height: 2.4rem;
		position: relative;
		left: 0;
		right: 0;
	}
	#main-header #main-navigation-toggle .toggle-trigger {
		position: relative;
		z-index: 2000;
		height: 2.4rem;
		padding: 0.6rem 0.8rem;
	}
	#main-header #main-navigation-toggle .toggle-trigger .hamburger-inner,
	#main-header #main-navigation-toggle .toggle-trigger .hamburger-inner::before,
	#main-header #main-navigation-toggle .toggle-trigger .hamburger-inner::after {
		background-color: #074581;
	}
	#main-header #main-navigation-toggle.active .toggle-trigger .hamburger-inner,
	#main-header #main-navigation-toggle.active .toggle-trigger .hamburger-inner::before,
	#main-header #main-navigation-toggle.active .toggle-trigger .hamburger-inner::after {
		background-color: #ffffff;
	}
	#main-header #main-navigation-toggle .toggle-target {
		width: 100%;
		height: 0;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1000;
	}
	#main-header #main-navigation-toggle.active .toggle-target {
		height: 100%;
	}
	#main-header #main-navigation-toggle #main-navigation {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	#main-header #main-navigation-toggle #main-navigation > .menu {
		width: 100%;
	}
	#main-header #main-navigation-toggle #main-navigation .menu .menu-item {
		width: 100%;
	}
	#main-header #main-navigation-toggle #main-navigation .menu .menu-item .sub-menu {
		left: 100%;
		width: 100%;
	}
	#main-header #main-navigation-toggle #main-navigation .menu .menu-item.active > .sub-menu {
		left: 0;
	}
	#main-header #main-navigation .menu {
		padding: 3.5rem 0 0 0;
	}
	#main-footer-toggle {
		position: static;
		height: auto !important;
	}
	#main-footer-toggle .toggle-target {
		height: auto;
		padding: 1rem 3.125%;
	}
	#main-footer-toggle #main-footer {
		font-size: 0.5rem;
		line-height: 1rem;
	}
	#main-footer-toggle #main-footer .columns .column {
		clear: both;
		margin: 0;
	}
	#main-footer-toggle #main-footer .copyright {
		padding: 1rem 0.6rem 0;
	}
	#main-footer-toggle #main-footer #footer-navigation {
		display: none;
	}
	.container,
	.entry #main-content .container {
		width: 100%;
		min-width: 0;
		padding: 1rem 3.125%;
	}
	.container + .container,
	.entry #main-content .container + .container {
		padding: 0 3.125% 1rem;
	}
	.page-template-home .page #main-content-wrapper {
		height: auto;
	}
	.page-template-page-subpages #sub-content > .entry-header-wrap,
	.page-template-page-subpage #sub-content > .entry-header-wrap {
		padding: 0 3.125% 1rem;
	}
	
	.entry {
		height: auto;
	}
	.entry .entry-header-wrap,
	.entry .entry-footer-wrap,
	.entry .entry-content-wrap,
	.entry .entry-aside-wrap {
		padding: 0 3.125% 1rem;
	}
	.entry.preview.post,
	.entry.preview.event,
	.entry.preview.gallery,
	.entry.preview.extracurricular,
	.entry.preview.contest,
	.entry.preview.class {
		width: 100%;
		margin: 0 0 1rem;
	}
	.entry.preview.post .entry-title-wrap,
	.entry.preview.event .entry-title-wrap,
	.entry.preview.gallery .entry-title-wrap,
	.entry.preview.extracurricular .entry-title-wrap,
	.entry.preview.contest .entry-title-wrap,
	.entry.preview.class .entry-title-wrap {
		position: relative;
	}
	.slider  {
		height: 12rem;
	}
	.slider .slider-header .slider-controls .slider-control.prev,
	.slider .slider-header .slider-controls .slider-control.next {
		width: 2rem;
		height: 2rem;
		line-height: 2rem;
		font-size: 1rem;
		top: 1rem;
		transform: none;
	}
	.slider .slider-header .slider-controls .slider-control.prev {
		padding: 0;
		left: 3.125%;
	}
	.slider .slider-header .slider-controls .slider-control.next {
		padding: 0;
		right: 3.125%;
	}
	.slider .slider-header .slider-controls .slider-control.prev:hover,
	.slider .slider-header .slider-controls .slider-control.next:hover {
		padding: 0;
	}
	.slider .slider-header .slider-controls .slider-control.dots {
		width: 100%;
		left: 0;
		bottom: 1rem;
		transform: none;
		
		text-align: center;
	}
	.slider .slider-header .slider-controls .slider-control.dots .dot {
		float: none;
		display: inline-block;
		margin: 0;
	}
	.slider .slider-content .slider-slides .slide .slide-overlay {
		padding: 1rem 3.125%;
		font-size: 1rem;
		line-height: 1.2rem;
		text-align: center;
	}
}