/**
	*	Base classes and styles
	*
	* - ©2019 Akron Children's Museum
	**/
	
/**
*	CLASSES
**/
.float-right{ float: right; }
.float-left{ float: left; }
#layout-content .float-left{ margin-right: 1em; }
#layout-content .float-right{ margin-left: 1em; }
.clear-both{ clear: both; }
.clear-right{ clear: right; }	
.clear-left{ clear: left; }
.text-left{ text-align: left; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }

.drop-shadow{
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.65);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.65);
}

	
/**
	*	COLORS
	**/
.white{ background-color: #FFFFFF; }
.purple,
.acm-button.purple,
.drop-banner.purple:after{ background-color: #4c2b76; }
.drop-banner.purple .drop-banner-tail,
.drop-banner .drop-banner-tail.purple{ border-color: #4c2b76 #4c2b76 transparent #4c2b76; background: none; }
.no-svgclippaths .acm-button.purple::before{ border-color: #3a215b #3a215b #3a215b transparent; }
.no-svgclippaths .acm-button.purple::after{ border-color: #3a215b transparent #3a215b #3a215b; }
.purple-sub,
.drop-banner.purple-sub:after,
.svgclippaths .acm-button.purple::before,
.svgclippaths .acm-button.purple::after{ background-color: #341a56; }
.drop-banner.purple-sub .drop-banner-tail,
.drop-banner .drop-banner-tail.purple-sub{ border-color: #341a56 #341a56 transparent #341a56; background: none; }

.green,
.acm-button.green,
.drop-banner.green:after{ background-color: #bdd73c; }
.drop-banner.green .drop-banner-tail,
.drop-banner .drop-banner-tail.green{ border-color: #bdd73c #bdd73c transparent #bdd73c; background: none; }
.green-sub,
.drop-banner.green-sub:after,
.svgclippaths .acm-button.green::before,
.svgclippaths .acm-button.green::after{ background-color: #95ab2e; color: white; }
.drop-banner.green-sub .drop-banner-tail,
.drop-banner .drop-banner-tail.green-sub{ border-color: #95ab2e #95ab2e transparent #95ab2e; background: none; }
.no-svgclippaths .acm-button.green::before{ border-color: #abc436 #abc436 #abc436 transparent; }
.no-svgclippaths .acm-button.green::after{ border-color: #abc436 transparent #abc436 #abc436; }

.light-blue,
.acm-button.light-blue,
.drop-banner.light-blue:after{ background-color: #75cde9; }
.drop-banner.light-blue .drop-banner-tail,
.drop-banner .drop-banner-tail.light-blue{ border-color: #75cde9 #75cde9 transparent #75cde9; background: none; }
.light-blue-sub,
.drop-banner.light-blue-sub:after,
.svgclippaths .acm-button.light-blue::before,
.svgclippaths .acm-button.light-blue::after{ background-color: #4e8293;  color: white;}
.drop-banner.light-blue-sub .drop-banner-tail,
.drop-banner .drop-banner-tail.light-blue-sub{ border-color: #4e8293 #4e8293 transparent #4e8293; background: none; }
.no-svgclippaths .acm-button.light-blue::before{ border-color: #5ea4ba #5ea4ba #5ea4ba transparent; }
.no-svgclippaths .acm-button.light-blue::after{ border-color: #5ea4ba transparent #5ea4ba #5ea4ba; }


.red,
.acm-button.red,
.drop-banner.red:after{ background-color: #f1444b; }
.drop-banner.red .drop-banner-tail,
.drop-banner .drop-banner-tail.red{ border-color: #f1444b #f1444b transparent #f1444b; background: none; }
.red-sub,
.drop-banner.red-sub:after,
.svgclippaths .acm-button.red::before,
.svgclippaths .acm-button.red::after{ background-color: #99383c; color: white; }
.red-sub .drop-banner-tail,
.drop-banner .drop-banner-tail.red-sub{ border-color: #99383c #99383c transparent #99383c; background: none; }
.no-svgclippaths .acm-button.red::before{ border-color: #c8383e #c8383e #c8383e transparent; }
.no-svgclippaths .acm-button.red::after{ border-color: #c8383e transparent #c8383e #c8383e; }

.orange,
.acm-button.orange,
.drop-banner.orange:after{ background-color: #f9c03f; }
.drop-banner.orange .drop-banner-tail,
.drop-banner .drop-banner-tail.orange{ border-color: #f9c03f #f9c03f transparent #f9c03f; background: none; }
.orange-sub,
.drop-banner.orange-sub:after,
.svgclippaths .acm-button.orange::before,
.svgclippaths .acm-button.orange::after{ background-color: #bf942e; color: white; }
.drop-banner.orange-sub .drop-banner-tail,
.drop-banner .drop-banner-tail.orange-sub{ border-color: #bf942e #bf942e transparent #bf942e; background: none; }
.no-svgclippaths .acm-button.orange::before{ border-color: #e2af38 #e2af38 #e2af38 transparent; }
.no-svgclippaths .acm-button.orange::after{ border-color: #e2af38 transparent #e2af38 #e2af38; }

.dark-green,
.acm-button.dark-green,
.drop-banner.dark-green:after{ background-color: #00a77f; }
.drop-banner.dark-green .drop-banner-tail,
.drop-banner .drop-banner-tail.dark-green{ border-color: #00a77f #00a77f transparent #00a77f; background: none; }
.dark-green-sub,
.drop-banner.dark-green-sub:after,
.svgclippaths .acm-button.dark-green::before,
.svgclippaths .acm-button.dark-green::after{ background-color: #055945; color: white; }
.drop-banner.dark-green-sub .drop-banner-tail,
.drop-banner .drop-banner-tail.dark-green-sub{ border-color: #055945 #055945 transparent #055945; background: none; }
.no-svgclippaths .acm-button.dark-green::before{ border-color: #007e60 #007e60 #007e60 transparent; }
.no-svgclippaths .acm-button.dark-green::after{ border-color: #007e60 transparent #007e60 #007e60; }

.dark-green,
.acm-button.dark-green,
.dark-green a,
.dark-green-sub,
.acm-button.dark-green-sub,
a.dark-green-sub,
.dark-green-sub a,
.purple,
.acm-button.purple,
.purple a,
.purple-sub,
.acm-button.purple-sub,
.purple-sub a,
a.purple,
.green-sub,
.acm-button.green-sub,
.green-sub a,
a.green-sub,
.light-blue-sub,
.acm-button.light-blue-sub,
.light-blue-sub a,
a.light-blue-sub,
.red-sub,
.acm-button.red-sub,
.red-sub a,
a.red-sub,
.orange-sub,
.acm-button.orange-sub,
.orange-sub a,
a.orange-sub{ color: #FFFFFF; }

.green,
.acm-button.green,
.green a,
a.green,
.light-blue,
.acm-button.light-blue,
.light-blue a,
a.light-blue,
.red,
.acm-button.red,
.red a,
a.red,
.orange,
.acm-button.orange,
.orange a,
a.orange{ color: #3a3a3a; }


.white-text,
a.white-text,
.white-text a,
a.white-text{ color: #FFFFFF; }
.purple-text,
a.purple-text,
.purple-text a,
a.purple-text{ color: #4c2b76; }
.green-text,
a.green-text,
.green-text a,
a.green-text{ color: #bdd73c; }
.light-blue-text,
a.light-blue-text,
.light-blue-text a,
a.light-blue-text{ color: #45a0bd; }
.red-text,
a.red-text,
.red-text a,
a.red-text{ color: #ed1c24; }
.orange-text,
a.orange-text,
.orange-text a,
a.orange-text{ color: #c98b0e; }
.dark-green-text,
a.dark-green-text,
.dark-green-text a,
a.dark-green-text{ color: #00a77f; }

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Helvetica Rounded LT Std Bold';
font-style: normal;
font-weight: normal;
src: local('Helvetica Rounded LT Std Bold'), url('../fonts/HelveticaRoundedLTStd-Bd.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Rounded LT Std Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Helvetica Rounded LT Std Bold Condensed'), url('../fonts/HelveticaRoundedLTStd-BdCn.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Rounded LT Std Bold Condensed Oblique';
font-style: normal;
font-weight: normal;
src: local('Helvetica Rounded LT Std Bold Condensed Oblique'), url('../fonts/HelveticaRoundedLTStd-BdCnO.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Rounded LT Std Bold Oblique';
font-style: normal;
font-weight: normal;
src: local('Helvetica Rounded LT Std Bold Oblique'), url('../fonts/HelveticaRoundedLTStd-BdO.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Rounded LT Std Black';
font-style: normal;
font-weight: normal;
src: local('Helvetica Rounded LT Std Black'), url('../fonts/HelveticaRoundedLTStd-Black.woff') format('woff');
}


@font-face {
font-family: 'Helvetica Rounded LT Std Black Oblique';
font-style: normal;
font-weight: normal;
src: local('Helvetica Rounded LT Std Black Oblique'), url('../fonts/HelveticaRoundedLTStd-BlkO.woff') format('woff');
}

@font-face {
font-family: 'Archer Book';
font-style: normal;
font-weight: normal;
src: local('Archer Book'), url('../fonts/Archer-Book-Pro.woff') format('woff');
}


@font-face {
font-family: 'Archer Book Italic';
font-style: normal;
font-weight: normal;
src: local('Archer Book Italic'), url('../fonts/Archer-BookItal-Pro.woff') format('woff');
}


@font-face {
font-family: 'Archer Bold';
font-style: normal;
font-weight: normal;
src: local('Archer Bold'), url('../fonts/Archer-Bold-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Bold';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Bold'), url('../fonts/ArcherPro-Bold_0.woff') format('woff');
}


@font-face {
font-family: 'Archer Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Archer Bold Italic'), url('../fonts/Archer-BoldItal-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Bold Italic'), url('../fonts/ArcherPro-BoldIta.woff') format('woff');
}


@font-face {
font-family: 'Archer Hairline';
font-style: normal;
font-weight: normal;
src: local('Archer Hairline'), url('../fonts/Archer-Hairline-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Hairline';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Hairline'), url('../fonts/ArcherPro-Hairline.woff') format('woff');
}


@font-face {
font-family: 'Archer Hairline Italic';
font-style: normal;
font-weight: normal;
src: local('Archer Hairline Italic'), url('../fonts/Archer-HairlineItal-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Hairline Italic';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Hairline Italic'), url('../fonts/ArcherPro-HairlineIta.woff') format('woff');
}


@font-face {
font-family: 'Archer Thin';
font-style: normal;
font-weight: normal;
src: local('Archer Thin'), url('../fonts/Archer-Thin-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Thin';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Thin'), url('../fonts/ArcherPro-Thin.woff') format('woff');
}


@font-face {
font-family: 'Archer Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Archer Thin Italic'), url('../fonts/Archer-ThinItal-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Thin Italic';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Thin Italic'), url('../fonts/ArcherPro-ThinIta.woff') format('woff');
}


@font-face {
font-family: 'Archer Extra Light';
font-style: normal;
font-weight: normal;
src: local('Archer Extra Light'), url('../fonts/Archer-XLight-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Extra Light';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Extra Light'), url('../fonts/ArcherPro-XLight.woff') format('woff');
}


@font-face {
font-family: 'Archer Extra Light Italic';
font-style: normal;
font-weight: normal;
src: local('Archer Extra Light Italic'), url('../fonts/Archer-XLightItal-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Extra Light Italic';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Extra Light Italic'), url('../fonts/ArcherPro-XLightIta.woff') format('woff');
}


@font-face {
font-family: 'Archer Light';
font-style: normal;
font-weight: normal;
src: local('Archer Light'), url('../fonts/Archer-Light-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Light';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Light'), url('../fonts/ArcherPro-Light_0.woff') format('woff');
}


@font-face {
font-family: 'Archer Light Italic';
font-style: normal;
font-weight: normal;
src: local('Archer Light Italic'), url('../fonts/Archer-LightItal-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Light Italic';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Light Italic'), url('../fonts/ArcherPro-LightIta.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Book';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Book'), url('../fonts/ArcherPro-Book_0.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Book Italic';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Book Italic'), url('../fonts/ArcherPro-BookIta_0.woff') format('woff');
}


@font-face {
font-family: 'Archer Medium';
font-style: normal;
font-weight: normal;
src: local('Archer Medium'), url('../fonts/Archer-Medium-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Medium';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Medium'), url('../fonts/ArcherPro-Medium.woff') format('woff');
}


@font-face {
font-family: 'Archer Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Archer Medium Italic'), url('../fonts/Archer-MediumItal-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Medium Italic';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Medium Italic'), url('../fonts/ArcherPro-MediumIta.woff') format('woff');
}


@font-face {
font-family: 'Archer Semibold';
font-style: normal;
font-weight: normal;
src: local('Archer Semibold'), url('../fonts/Archer-Semibold-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Semibold';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Semibold'), url('../fonts/ArcherPro-Semibold.woff') format('woff');
}


@font-face {
font-family: 'Archer Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('Archer Semibold Italic'), url('../fonts/Archer-SembdItal-Pro.woff') format('woff');
}


@font-face {
font-family: 'ArcherPro Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('ArcherPro Semibold Italic'), url('../fonts/ArcherPro-SemiboldIta.woff') format('woff');
}


.font-primary{ font-family: 'Helvetica Rounded LT Std Bold'; }
.font-content-primary{ font-family: 'Archer Book'; }