/**
	*	Layout classes and styles
	*
	* - ©2019 Akron Children's Museum
	**/
	
*,
*:before,
*:after{ box-sizing: border-box; line-height: 1.15em; }
	
html {
  height: 100%;
}
body {
  min-height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.dialog-off-canvas-main-canvas{ width: 100%; }


.wrapper-center{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 4.5vw;
}
/**
	*	TOP LEVEL
	**/
#layout-container{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	
	min-height: 100%;
}
#layout-container > #main{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

/**
	*	HEADING
	**/
#header{ position: relative; z-index: 100; }
#region-header{
	height: 200px;
	overflow: hidden;
}
#region-header .wrapper-center{
	height: 160px; padding-top: 1em;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#region-header .wrapper-center > *{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}
#region-header .wrapper-center > #block-monsterdottie-2,
#region-header .wrapper-center > #block-monstersully{ 
	-webkit-align-self: flex-start;
  -ms-flex-item-align: start;
	align-self: flex-start;
}
#region-header .wrapper-center > #block-akronkids-branding{ padding: 0 1em; }
#region-header .wrapper-center > #block-headerhours{ 
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	
	font-size: 1.4em;
	text-align: center;
}
.no-flexbox #region-header .wrapper-center > #block-headerhours{ width: 33.3333%; }
@media (max-width: 768px){
	#region-header{ height: 0; padding-bottom: 25%; }
	#region-header .wrapper-center{ 
	
		-webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
	}
	#block-akronkids-branding{ margin-top: 0.5em; }
	#block-monstersully{ margin-top: 26px; }
	#block-headerhours{ display: none; }
}

#main-menu{ position: relative; z-index: 2; }

body.mobile	#region-header{ position: relative; z-index: 2; }
body.mobile	#main-menu{ z-index: 1; transform: none; margin-top: calc(100% * -0.03492076949); }
body.mobile	#main-menu{ display: none; }
@media (max-width: 768px){
	#main-menu{ display: none; }
}
body.mobile	#main-menu ul.menu > li{ transform: none; }
body.mobile	#main-menu ul.menu > li.first > a{ padding-top: calc(200% * 0.03492076949); }
body.mobile	#main-menu.acm-menu nav > ul{ display: block; }
body.mobile	#main-menu.acm-menu nav.wrapper-center{ max-width: none; }
body.mobile	#main-menu.acm-menu a{
	display: block;
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-align: left;
	padding: 1.75vw 0.5em;
}
body.mobile	#main-menu.acm-menu .drop-banner{ filter: none; margin-bottom: 0 !important; padding-left: 1.75vw; }
body.mobile	#main-menu.acm-menu .acm-button:before,
body.mobile	#main-menu.acm-menu .acm-button:after{ display: none; }
body.mobile	.acm-menu .acm-button,
body.mobile	.acm-menu a.acm-button,
body.mobile	.drop-banner a{ font-size: 16px; }
body.mobile	.acm-menu ul.menu > li > .wrapper{ position: static; width: 100%; height: auto; padding: 0; }
body.mobile	.acm-menu ul.menu > li > .wrapper > ul::before,
body.mobile	.acm-menu .drop-banner:after,
body.mobile	.acm-menu .drop-banner .join,
body.mobile	.acm-menu .drop-banner-tail{ display: none; }
body.mobile	.acm-menu .drop-banner li.last{ padding-bottom: 0; }
body.mobile	.acm-menu ul.menu > li.in-active-trail > .wrapper{ display: block; }
body.mobile	.acm-menu li .drop-banner li + li a{ border-top: 1px solid; }	
body.mobile	.acm-menu .drop-banner .join + li a{ border-top: none; }


/**
	*	MESSAGES & ANNOUNCEMENTS
	**/	
#announcements,
#status-messages{
	padding-bottom: 2em;
	position: relative;
	z-index: 10;
}
#announcements + #status-messages,
#announcements + * + #status-messages{ z-index: 5; }

/**
	*	HOMEPAGE SLIDESHOW
	**/	
/*#homepage-slideshow{ margin-top: calc(100% * -0.03492076949); }*/
#homepage-slideshow .wrapper-center{ padding: 0; }
#homepage-slideshow .flex-control-nav,
#homepage-slideshow .flex-direction-nav{ display: none; }
#homepage-slideshow ul,
#homepage-slideshow li{ margin: 0; padding: 0; }
#homepage-slideshow .slides img{ width: auto; margin: auto; }
#homepage-slideshow .field-content{ text-align: center; }
/*#announcements + * + #homepage-slideshow,
#status-messages + #homepage-slideshow{ background-color: #4c2b76; }*/



/**
	*	SIDEBAR FIRST
	**/
.layout-sidebar-first .block{ padding: 0.5em; }



/**
	*	MAIN CONTENT
	**/
#main > .wrapper{	
	max-width: 1280px;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
#main > .wrapper > *{	
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 0 1 25%;
	padding: 0 0 0 2%;
}
#main > .wrapper > #layout-content{ flex: 1 0 50%; padding: 1em 2%; }
#main > .wrapper > .layout-sidebar-second{ padding: 0 2% 0 0; }
#layout-content .region.content{
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;		
}
#layout-container.is-front #layout-content .region.content{
	display: block;
	/*-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	*/
}

#layout-container.is-front #layout-content .region.content:after{
	display: table;
	clear: both;
	content: "";
}
#layout-content .region.content #block-akronkids-content{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;	
}

.no-flexbox #main > .wrapper > *{ width: 25%; }
.no-flexbox #main > .wrapper > #layout-content{ width: 75%; }

#page-title{ margin-top: 0; }
.no-flexbox #block-akronkids-page-title{ margin-bottom: 1.15em; }

.back-link{
	float:right;
	margin-bottom: 0.5em;
}

#block-mainnavigation,
#block-mainnavigation--2{ padding: 0; }

#layout-container.is-front #layout-content .region.content > *{
	float: left;
	width: 49%;
	margin-bottom: 2em;
}
#layout-container.is-front #layout-content .region.content > #block-views-block-calendar-homepage-programs{ float: right; margin-left: 1%; }
#layout-container.is-front #layout-content .region.content > #block-homepagevideo{
	text-align: center;
	width: auto;
	float: none;
	clear: left;
}
#layout-container.is-front #layout-content .region.content > #block-homepagevideo #homepage-video{ max-width: 100%; height: auto; width: 500px; }
/*#layout-container.is-front .block-view-calendar{
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-webkit-flex: 0 1 49%;
	-ms-flex: 0 1 49%;
	flex: 0 1 49%;
	margin-right: 1%;
}
.no-flexbox #layout-container.is-front .block-view-calendar{ width: 49%;
 }
#layout-container.is-front .block-view-calendar + .block-view-calendar{ margin: 0 0 0 1%; }*/
@media (max-width: 768px){
	#layout-container.is-front #layout-content .region.content{ display: block; }
	#layout-container.is-front .block-view-calendar,
	#layout-container.is-front .block-view-calendar + .block-view-calendar{ margin: 0; }
	#main > .wrapper{	 
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
		-webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	}
	#main > .wrapper > *{	padding: 0 2%; }
  #sidebar-first{
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
	}
  #layout-content{
    -webkit-order: 0
    -ms-flex-order: 0;
    order: 0;
		padding-bottom: 0;
	}
	#block-mainnavigation--2{ display: none; }
	#layout-container.is-front #layout-content .region.content > *{ float: none; width: 100%; }
#layout-container.is-front #layout-content .region.content > #block-views-block-calendar-homepage-programs{ margin-left :0; }
}



/**
	*	FOOTER
	**/
#footer{ overflow: hidden; }
#footer .footer{
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.65);
		-moz-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.65);
		box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.65);
}
#footer .wrapper-center{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
#footer .wrapper-center > *{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}
#footer #block-footeraddress{ text-align: center; }
#footer #block-footeraddress .small-logo{ width: 250px; }
#footer #block-headerhours-2{ display: none; }

#secondary-menu{
	width: 50%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

#secondary-menu nav{
	margin: 0;
	min-height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#secondary-menu ul li{ margin: 0 5%; }
#secondary-menu ul li.wrapper-reverse-skew{ 
	-moz-transform: skew(0deg, 0deg);
	-webkit-transform: skew(0deg, 0deg);
	-o-transform: skew(0deg, 0deg);
	-ms-transform: skew(0deg, 0deg);
	transform: skew(0deg, 0deg);
}
.no-flexbox #secondary-menu ul li.wrapper-reverse-skew{ max-width: 33%; }

#secondary-menu.acm-menu .acm-button,
#secondary-menu.acm-menu a.acm-button{ font-size: 1vw; }
@media (max-width: 768px){
	body.mobile	#secondary-menu.acm-menu .acm-button,
	body.mobile	#secondary-menu.acm-menu a.acm-button{ font-size: 3.5vw; }
}

#footer #block-searchform{ padding-top: 2em; }

#footer #block-searchform .search-form-input{ 
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
#footer #block-searchform .search-form-input > label{
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}
#footer #block-searchform .search-form-input > input{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	
	background: none;
	border: none;
	color: white;
	border-bottom: 1px solid;
	padding: 0 2%;
	margin: 0 0.25em;
}
#footer #block-searchform #search-submit{ float: right; background: none; border: none; outline: none; padding: 0; }

#footer #block-footersocialmediamenu{ text-align: right; }
#footer #block-footersocialmediamenu a,
#block-headerhours .social-media a,
#block-headerhours-2 .social-media a{ 
	display: inline-block;
	margin: 0 3%;
}
#footer #block-footersocialmediamenu a{ width: 50px; }
#block-headerhours .social-media a img,
#block-headerhours-2 .social-media a img{ width: 25px; }
#block-headerhours .social-media a img,
#block-headerhours-2 .social-media a img{ 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#footer #block-footersocialmediamenu a img{ 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#block-akronkids-account-menu{ font-size: 0.9em; }
#block-akronkids-account-menu ul{ text-align: right; }
#block-akronkids-account-menu li{
	display: inline-block;
	list-style: none;	
}
#block-akronkids-account-menu li a{
	display: block;
	margin: 0 0.5em;
	text-decoration: none;
}
@media (max-width: 768px){
	#footer .wrapper-center{ display: block; text-align: center; }
	#footer .wrapper-center > *{ display: inline-block; margin: 0 auto; text-align: left; }
	#footer .wrapper-center > #secondary-menu{ display: block; width: 100%; }
	#footer .wrapper-center > #secondary-menu .menu{ width: 100%; }
	#footer .wrapper-center > *:last-child{ width: 100%; }
  #footer #block-footeraddress{ text-align: left; }
	#footer #block-headerhours-2{ display: block; }
  #footer #block-searchform .search-form-input > input{
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}
}