/**
	*	General classes and styles
	*
	* - ©2019 Akron Children's Museum
	**/
	

::-moz-selection,
::selection { color: #4c2b76; background: #bdd73c; }
	
body{
	font-family: 'Helvetica Rounded LT Std Bold';
	font-size: 14px;
	line-height: 1.2em;
}

img{ max-width: 100%; height: auto; }

#layout-content,
body.cke_editable{
	font-family: 'Archer Book';
	font-size: 16px;
}

h1{
	font-family: 'Helvetica Rounded LT Std Bold';
	font-size: 1.5em;
}
h2{
	font-family: 'Helvetica Rounded LT Std Bold';
	font-size: 1.3em;
}
h3{
	font-size: 1.15em;
}

.font-size-2{ font-size: 18px; }

body.cke_editable figure,
.layout-content figure{ margin: 0 0 1em; text-align: center; }
.layout-content figcaption{ font-size: 0.9em; }


.layout-content img,
body.cke_editable img{ 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 1em;
}
.layout-content .align-left,
.layout-content a.align-left,
.layout-content img.align-left,
.layout-content figure.align-left,
body.cke_editable [data-align="left"]{ margin-right: 2em; }
.layout-content .align-right,
.layout-content a.align-right,
.layout-content img.align-right,
.layout-content figure.align-right,
body.cke_editable [data-align="right"]{ margin-left: 2em; }
@media (max-width: 768px){
	.layout-content .align-left,
	.layout-content a.align-left,
	.layout-content img.align-left,
	.layout-content figure.align-left,
	.layout-content [style*="float: left"],
	.layout-content .align-right,
	.layout-content a.align-right,
	.layout-content img.align-right,
	.layout-content figure.align-right,
	.layout-content [style*="float: right"]{
		margin: 0 auto 1em;
		float: none !important;
		display: block;
		max-width: 100% !important;
	}
}

.layout-content a{ color: #ed1c24; font-weight: bold; }

.layout-content .font-size-normal{ font-size: 16px; }

.layout-content hr,
body.cke_editable hr{
	clear: both;
	height: 1.5em;
	position: relative;
	border: none;
	margin: 1em 0;
}

.dotted-top-border:before,
.layout-content hr:before,
body.cke_editable hr:before{ 
	content: '...............................................................................................................';
	color:  #bdd73c;
	font-size: 4em;
	letter-spacing: 10px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: absolute;
	line-height: 0;
	top: 0;
	left: 0;
	text-align: center;
}
.dotted-top-border:before{ color: #75cde9; height: 36px; top: -21px; }
.dotted-top-border{ margin-top: 1em; padding-top: 1em; position: relative; }


.layout-content table{ table-layout: fixed; }
.layout-content td{ vertical-align: top; }
@media (max-width: 768px){
	.layout-content td{ width: 100% !important; display: block; padding-bottom: 1em; }
	.layout-content td + td{ padding-top: 0.5em; }
}

/**
	*	ANNOUNCEMENTS
	**/
#announcements h1{ margin: 0; font-size: 1.65em; }
@media (max-width: 1280px){
	#announcements h1{ font-size: 16px; }
}

/**
	*	MOBILE MENU EXPANDER
	**/
#modile-menu-expander{
	display: none;
	width: 52px;
	height: 35px;
	right: 0;
	position: absolute;
	top: 5px;
	box-sizing: border-box;
	padding: 5px 10px;
}
#modile-menu-expander .bar,
#main-menu .expander .bar{
	display: block;
	height: 5px;
	background-color: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	transition: 0.25s linear;
}
#modile-menu-expander .bar:nth-child(2){ transform: translateY(5px); }
#modile-menu-expander .bar:nth-child(3){ transform: translateY(10px); }
#modile-menu-expander.is-expanded .bar:nth-child(1){
	transform: translateY(10px) rotate(45deg);
}
#modile-menu-expander.is-expanded .bar:nth-child(2){
	transform: translateY(5px) rotate(-45deg);
}
#modile-menu-expander.is-expanded .bar:nth-child(3){
	transform: translateY(0px) rotate(-45deg);
}
#main-menu .expander{
	display: none;
	position: absolute;
	z-index: 1;
	right: 1.75vw;
	top: 0;
	height: 36px;
	width: 36px;
}
body.mobile #modile-menu-expander{ display: block; }
body.mobile	#main-menu ul.menu > li.first .expander{ margin-top: calc(200% * 0.03492076949); top: -14px; }
#main-menu .expander .bar{ width: 65%; position: absolute; top: 0; }
#main-menu .expander .bar:nth-child(1){ transform: translate(5px, 5px) rotate(45deg); transform-origin: top left; left: 0; }
#main-menu .expander .bar:nth-child(2){ transform: translate(-5px, 5px) rotate(-45deg); transform-origin: top right; right: 0; }
#main-menu .expander.is-expanded .bar:nth-child(1){ transform: translate(0px, 26px) rotate(-45deg); transform-origin: top left; }
#main-menu .expander.is-expanded .bar:nth-child(2){ transform: translate(0px, 26px) rotate(45deg); transform-origin: top right; }
/*@keyframes shrinkbars {
  0% {
    width: 65%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 65%;
  }
}
#main-menu .expander.is-expanded .bar,
#main-menu .expander.is-not-expanded .bar{
   animation: shrinkbars 0.25s 1;
}*/
body.mobile	#modile-menu-expander,
body.mobile	#main-menu .expander{ display: block; }
@media (max-width: 768px){
	#modile-menu-expander,
	#main-menu .expander{ display: block; }
}


/**
	*	LOCAL TASKS MENU
	**/
#block-akronkids-local-tasks,
#block-akronkids-tools{ margin-bottom: 1em; }
#block-akronkids-local-tasks:after,
#block-akronkids-tools:after{ display:table; clear: both; content: ''; }
#block-akronkids-local-tasks ul,
#block-akronkids-tools ul{ padding: 0; margin: 0; }
#block-akronkids-local-tasks li,
#block-akronkids-tools li{
	list-style: none;
	float:left;	
}
#block-akronkids-tools h2{ display: none; }
#block-akronkids-local-tasks li a,
#block-akronkids-tools li a{
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 0.25em 0.5em;
	margin-right: 0.5em;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}


/**
	*	CALENDAR
	**/
.view.calendar .imagefield_slideshow-wrapper{
	float: right;
	margin-left: 1em;
	width: 33.33%;
	text-align: center;
}
.view.calendar .imagefield_slideshow-wrapper img{ margin: 0; }
.view.calendar .imagefield_slideshow-wrapper .cycle-slide{
	right: 0; 
	margin: auto;
}
.view.calendar .views-row .event-image{ float: right; margin-left: 2%; width: 31.333%; text-align: center; }
.view.calendar .views-row .event-image + * + * + .views-field-body,
.view.calendar .views-row .event-image + * + * + * + .views-field-body,
.view.calendar .views-row .event-image + * + * + * + * + .views-field-body,
.view.calendar .views-row .event-image + * + * + * + * + * +.views-field-body,
.view.calendar .views-row .event-image + * + * + * + * + * + * +.views-field-body{ margin-right: 33.333%; }
.view.calendar .views-row h3{ font-size: 18px; text-indent: 1em; margin: 0 0 0.5em; }
.view.calendar .views-row h2 + h3{ margin-top: -0.5em; }
.view.calendar .views-field.views-field-body { margin-top: 1em; }
article.node .imagefield_slideshow-wrapper{
	width: 100%;	
	text-align: center;
}

/*article.node .imagefield_slideshow-wrapper .cycle-pager-wrapper{ 
	position: absolute;	
	right: 0;	
	left: 0;	
	bottom: 0;
	margin: 0 auto;		
	z-index: 500;
	overflow: hidden;
	height: 50px;
}*/
article.node .imagefield_slideshow-wrapper .cycle-pager{	
	position: static;
	display: inline-block;
	width: auto;
	text-align: center;
}
article.node .imagefield_slideshow-wrapper .cycle-slideshow{ position: relative; }
article.node .imagefield_slideshow-wrapper img + img{ position: absolute; opacity: 0; }
article.node .imagefield_slideshow-wrapper img.cycle-slide{ margin: 0 auto; right: 0; }
article.node .imagefield_slideshow-wrapper img.cycle-slide + img{ opacity: 1; }
article.node .imagefield_slideshow-wrapper .cycle-pager span.cycle-pager-active{	color: #ed1c24 }
article.node .single-image{ text-align: center; clear: both; }
.view.calendar .views-field-field-dates,
.view.calendar .views-field-field-repeat-info,
.view.calendar .views-field-field-event-times,
.view.calendar .views-field-field-cost,
.view.calendar .views-field-field-ages,
article.node .field.field-dates,
article.node .field.field-repeat-info,
article.node .field.field-event-times,
article.node .field.field-cost,
article.node .field.field-ages{ font-weight: bold; font-size: 1.15em; }
@media (max-width: 768px){
	.view.calendar .views-row .event-image + * + * + .views-field-body,
	.view.calendar .views-row .event-image + * + * + * + .views-field-body,
	.view.calendar .views-row .event-image + * + * + * + * + .views-field-body,
	.view.calendar .views-row .event-image + * + * + * + * + * +.views-field-body,
	.view.calendar .views-row .event-image + * + * + * + * + * + * +.views-field-body{ margin-right: 0; }
}


/**
	*	STAFF
	**/
.view.staff-members h2 { font-size: 1.15em; margin: 0; }
.view.staff-members h2 a{ text-decoration: none; }
.view.staff-members h2 .sub-title{ font-weight: normal; color: black; font-size: 16px; }
.view.staff-members .views-field-field-image{ float: left; margin-right: 14px; }
.view.staff-members .views-field-field-image + * + .views-field-body{ margin-left: 124px; }
.view.staff-members.two-column .views-field-field-image + *,
.view.staff-members.two-column .views-field-field-image + * + *{ margin-left: 64px; }
.node.board_member .field-image,
.node.staff  .field-image{ float: left; margin-right: 1em; }
.node.board_member .field-job-title,
.node.staff  .field-job-title{ font-size: 1.15em; }
@media (max-width: 768px){
	.view.staff-members .views-field-field-image{ float: none; margin-right: 0; text-align: center; }
	.view.staff-members .views-field-field-image + * + .views-field-body{ margin-left: 0; }
}


/**
	*	ADMIN STYLES
	**/
.views-field-operations > *{ float: right; margin-bottom: 1em; }


/**
	*	HOMEPAGE CONTENT
	**/
@media (max-width: 768px){
	#block-homepagevideo table td{ text-align: center; }
	#block-homepagevideo table td.divider{ display: none; }
}


/**
	*	CAPITAL CAMPAIGN
	**/
.page-sub-heading{
	margin: 1% 0 0;
	height: 0;
	position: relative;
	padding-bottom: 33%;
	background-size: cover;
	background-position: center center;
}
.page-sub-heading .wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.page-sub-heading h1{
	color: white;
	font-family: 'Helvetica Rounded LT Std Black';
	text-transform: none;
	text-shadow: rgb(87, 13, 122) 2px 0px 0px, rgb(87, 13, 122) 1.75px 0.966667px 0px, rgb(87, 13, 122) 1.08333px 1.68333px 0px, rgb(87, 13, 122) 0.133333px 2px 0px, rgb(87, 13, 122) -0.833333px 1.81667px 0px, rgb(87, 13, 122) -1.6px 1.2px 0px, rgb(87, 13, 122) -1.98333px 0.283333px 0px, rgb(87, 13, 122) -1.86667px -0.7px 0px, rgb(87, 13, 122) -1.3px -1.51667px 0px, rgb(87, 13, 122) -0.416667px -1.95px 0px, rgb(87, 13, 122) 0.566667px -1.91667px 0px, rgb(87, 13, 122) 1.41667px -1.41667px 0px, rgb(87, 13, 122) 1.91667px -0.566667px 0px;
	text-align: center;
	font-size: 88px;
	width: 100%;
	margin: 0;
}
.page-sub-heading h1 small{ display: block; font-size: 28px; }

.page-sub-heading-bottom{
	background-color: #f9c03f;
	padding: 8px 2em;
	position: relative;
	z-index: 0;
}
.two-column-layout{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.two-column-layout > *{
	-webkit-flex: 0 1 55%;
	-ms-flex: 0 1 55%;
	flex: 0 1 55%;
}
.two-column-layout > * + *{
	 text-align: center;
	-webkit-flex: 0 1 42%;
	-ms-flex: 0 1 42%;
	flex: 0 1 42%;
}

.two-column-layout > * figure{  margin: 1em auto; }

@media (max-width: 950px){
	.page-sub-heading h1{ font-size: 9vw; }
	.page-sub-heading h1 small{ font-size: calc(14px + 1vw); }
}
@media (max-width: 768px){
	.two-column-layout{ display: block; }
}