/* Master layout */

/************************************************************
Embedded fonts */

@font-face{
	font-family:Pluto;
	src:url('../fonts/PlutoRegular.eot'); /* For IE */
	src:local('XXX'), url('../fonts/PlutoRegular.otf') format('opentype');
}
@font-face{
	font-family:PlutoCond;
	src:url('../fonts/PlutoCondRegular.eot'); /* For IE */
	src:local('XXX'), url('../fonts/PlutoCondRegular.otf') format('opentype');
}
@font-face{
	font-family:MuseoSlab;
	src:local('XXX'), url('../fonts/MuseoSlab.woff') format('woff');
}
@font-face{
	font-family:MuseoSlab;
	src:local('XXX'), url('../fonts/MuseoSlab.woff2') format('woff2');
}
@font-face{
	font-family:JBSymbols;
	src:url('../fonts/JBSymbols.eot'); /* For IE */
	src:local('XXX'), url('../fonts/JBSymbols.ttf') format('opentype');
}


/************************************************************
Global styles */

html {
	margin:0;
	padding:0;
	border-top:0.43em solid #f1f1f1;
	background:#eceae4 url('../images/backgrounds/main-texture.jpg') repeat center top;
}
body {
	margin:0;
	padding:0;
	border-top:0.33em solid #c9c9c9;
	font:10pt/1.3 Arial,Helvetica,sans-serif;
	color:#68655d;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {
	color:#2eb24c;
	text-decoration:none;
}
a img {
	border:none;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font:11pt/1.2 MuseoSlab,Arial,Helvetica,sans-serif;
	margin:1em 0 0.3em;
}
h1 {
	font-size:21pt;
}
h2 {
	font-size:18pt;
}
h3 {
	font-size:18pt;
}

h1:first-child {
	margin-top:0.3em;
}
h2:first-child,
h3:first-child,
h4:first-child {
	margin-top:0;
}


/* Block-level */
p {
	margin:0.5em 0 1em;
}


/************************************************************
Layout: Top / Navigation */

#top {
	background:#67645c url('../images/backgrounds/stitches.jpg') repeat-x center bottom;
}

/* Navigation */
#main-nav {
	max-width:960px;
	width: 100%;
	margin:0 auto;
	padding:0.4em 0 0;
	list-style:none;
	text-align:center;
	font:13.5pt/2 MuseoSlab,Arial,Helvetica,sans-serif;
}
#main-nav>li {
	display:inline-block;
}
#main-nav>li>a {
	display:block;
	color:#f0eee8;
	text-shadow:1px 1px 0 rgba(255,255,255,0.3), -1px -1px rgba(0,0,0,0.3);
	padding:0 0.75em 0.25em;
}

#main-nav>li.sel,
#main-nav>li:hover {
	background:#eceae4 url('../images/backgrounds/main-texture.jpg') repeat center top;
	border-radius:0.3em 0.3em 0 0;
}
#main-nav>li.sel>a,
#main-nav>li:hover>a {
	color:#2eb24c;
}

#main-nav ul {
	display:none;
	position:absolute;
	z-index:50;
	list-style:none;
	text-align:left;
	margin:0;
	padding:0.5em 0;
	min-width:12em;
	background:#fff;
	box-shadow:0 0.2em 0.2em rgba(0,0,0,0.1);
	border-radius:0 0 0.3em 0.3em;
}
#main-nav li:hover>ul {
	display:block;
}
#main-nav ul a {
	font-size:12pt;
	display:block;
	padding:0.1em 2.5em 0.1em 1em;
}
#main-nav ul a:hover {
	background:#eee;
}


/************************************************************
Layout: Main */

#main {
	position:relative;
	max-width:960px;
	width: 100%;
	margin:0 auto;
	padding:1em 0;
}


/************************************************************
Layout: Header */

/* Logo */
#logo {
	margin:0.4em 0 0.8em 0.5em;
}
#logo a {
	display:block;
	text-indent:-9999px;
	height:130px;
	width:477px;
	outline:none;
	background:transparent url('../images/site/All_Kids_Logo.png') no-repeat left center;
	background-size: contain;
}


/* Call number */
#call {
	position:absolute;
	right:0;
	top:2.4em;
	margin:0;
	text-align:right;
	color:#414141;
}
#call small {
	display:block;
	font-size:75%;
}


/************************************************************
Layout: Content */

#content {
	position:relative;
	background:#fff url('../images/site/jagged.png') repeat-x center top;
	margin-bottom:0.5em;
	padding:3em 1.5em 0.8em;
	border-radius:0 0 0.5em 0.5em;
}


/* Borders */
#content>.col.main:before,
#content>.col.side:before {
	content:' ';
	position:absolute;
	width:96%;
	left:2%;
	border-bottom:1px dashed #dedcd7;
	margin-top:-1.2em;
}
#content>.col.main:before {
	margin-top:-1.4em;
}


/* Columns */
#content .col.side {
	width:32%;
	padding-left:1%;
}
#content .col.main {
	width:60%;
}
#content .col.side+.col.main,
#content .col.main+.col.side {
	padding-left:6%;
}


/* Columns inside columns */
#content .col .col.side {
	width:36%;
	padding-left:0;
}
#content .col .col.main {
	width:60%;
}

#content .col .col.side+.col.main,
#content .col .col.main+.col.side {
	padding-left:3%;
}
#content .col .col.main ul {
	padding-left:1.5em;
	margin-left:0;
}


/************************************************************
Layout: Footer */

#footer {
	position:relative;
	text-align:center;
	margin:0 0 2em;
	padding:1em 0 1.5em;
	background:#625f57 url('../images/backgrounds/slate-texture.jpg') repeat center top;
	color:#edeae3;
	font:9pt/1.5 MuseoSlab,Arial,Helvetica,sans-serif;
}
#footer:before {
	content:' ';
	position:absolute;
	width:100%;
	height:10px;
	top:0;
	left:0;
	background:transparent url('../images/site/jagged.png') repeat-x center top;
}


/* Footer navigation */
#foot-nav {
	list-style:none;
	margin:0.8em 0 3em;
	padding:0;
	font-size:10.5pt;
}
#foot-nav li {
	display:inline-block;
}
#foot-nav a {
	display:block;
	padding:0 0.6em;
	color:#edeae3;
}


/* Address / copyright */
#footer address {
	margin:0.5em 0;
	font-style:normal;
}


/* Back to Top */
#top-arrow {
	position:absolute;
	left:50%;
	bottom:-0.75em;
	margin:0 0 0 420px;
}
#top-arrow a {
	display:block;
	background:rgba(42, 58, 145,0.76);
	color:#fff;
	font:10.5pt/2 MuseoSlab,Arial,Helvetica,sans-serif;
	padding:0.3em 0.5em 0.9em 1.7em;
}
#top-arrow a:before {
	content:' ';
	position:absolute;
	background:#fff;
	width:6px;
	height:7px;
	left:0.75em;
	top:1.2em;
}
#top-arrow a:after {
	content:' ';
	position:absolute;
	top:0.7em;
	left:0.5em;
	border-bottom:7px solid #fff;
	border-right:6px solid transparent;
	border-left:6px solid transparent;
}




/************************************************************
Buttons / links */

/* Braces */
a.braces {
	font:10pt/1.3 MuseoSlab,Arial,Helvetica,sans-serif;
}
a.braces:before {
	content:'{';
	padding-right:0.2em;
}
a.braces:after {
	content:'}';
	padding-left:0.2em;
}


/* Buttons */

/* Common button styles */
.button {
	display:inline-block;
	vertical-align:middle;
	background:#2eb24c;
	font:10pt/1.3 MuseoSlab,Arial,Helvetica,sans-serif;
	color:#fff !important;
	padding:4px 1em;
	border-left:0.5em solid #2eb24c;
	border-right:0.5em solid #2eb24c;
	position:relative;
	margin:0 0.8em;
	height:16px;
	box-shadow:0 0 2px rgba(0,0,0,0.5), 0 -1px 0 rgba(46,178,76,0.3);
}
.button:before,
.button:after {
	position:absolute;
	top:0;
	font:24px/24px JBSymbols;
	color:#2eb24c;
}
.button:before {
	content:'{';
	left:-16px;
}
.button:after {
	content:'}';
	right:-16px;
}
.button>input,
.button strong {
	font:10pt/1.3 MuseoSlab,Arial,Helvetica,sans-serif;
	color:#fff;
	background:none;
	border:none;
	padding:0 2em;
	margin:0 -2em;
	cursor:pointer;
}


/************************************************************
Columns */

.col {
	display:inline-block;
	vertical-align:top;
}


/************************************************************
Modal window */

#simplemodal-container {
	max-width:800px;
}
#modal {
	display:none;
	position:relative;
	background:#fff;
	border-radius:0.4em;
}
#modal h2 {
	margin:0 -15px 0.5em;
	padding:0.5em 30px 0.2em 15px;
	background:#eff0f0;
	border-radius:0.3em 0.3em 0 0;
}
#modal .simplemodal-close {
	font-weight:bold;
	cursor:pointer;
	position:absolute;
	right:0.4em;
	top:0.2em;
	font-size:12pt;
	padding:0.2em;
}
#modal-content {
	padding:0 15px 0.5em 15px;
	min-width:300px;
}


/************************************************************
Miscellaneous */

a[href^="tel"],
a[href^="mailto"] {
	color: inherit;
}

/* Text alignment */
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

/* Font sizes */
small { font-size:90%; }
big { font-size:115%; }

/* Floating/clearing */
.clear { clear:both; }

/* Padding */
.pad { padding:1em; }
.topPad { padding-top:1em; }
.bottomPad { padding-bottom:1em; }
.leftPad { padding-left:1em; }
.rightPad { padding-right:1em; }


/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
    border:none;
    padding:0;
    line-height:1;
}

.container {
	max-width: 1780px;
	margin: 0 auto;
	padding: 0 25px;
}
#nav-btn,
#nav-close-btn {
	display: none;
}
#nav-btn, 
#nav-close-btn{
	font-size: 30px;
}