/*
Theme Name: CODA Education
Author: Mitch Guy - CODA Education
Author URI: http://coda.education/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * -----------------------------------------------------------------------------
 */

/*---------------------------------
1.0 Reset 
---------------------------------*/

*, ::before, ::after { box-sizing: border-box; }

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*---------------------------------
2.0 Main 
---------------------------------*/

body {
background: #f7f7f7;
background-size: 250px 250px;
width: 100%; height: 100%; 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: "Museo-Sans";
font-size: 100%; line-height: 2;
}

.container {
width: 90%;
margin: 0px auto;
display: table;
}

#content {
background: #FFF;
float: left;
width: 100%; min-height: 400px;
padding: 30px 5%; margin: -40px 0px 50px;
position: relative;
border-radius: 20px;
box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}

/*---------------------------------
3.0 Header 
---------------------------------*/

header#masthead {
background: #FFF;
width: 100%; height: 100px;
margin: 0px 0px;
display: inline-block; z-index: 99;
position: fixed;
box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}

body.smaller header#masthead {
width: 100%; margin: 0px;
top: 0px;
}

.logo {
width: auto; height: 60px;
float: left;
margin: 0px; padding: 20px 0px 0px;
}

.logo img {
width: auto; height: 60px;
}

.logo a:link img {
text-decoration: none;
}

.logo img:hover {
opacity: 0.7;
}

header#masthead,
.logo img,
nav#navigation,
nav#navigation li a:link,
nav#navigation li a:visited,
#content:hover,
#content,
{
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; 
}

/*---------------------------------
4.0 Typography 
---------------------------------*/


h1, h2, h3, h4, h5 {
margin: 20px 0px; font-weight: 600;
}

h1 {
margin: 0px 0px 20px 0px;
font-size: 2em;  
display: inline-block;
color: rgb(88,86,167);
line-height: 1.5;
}

h2 {
color: rgb(88,86,167); font-size: 1.7em;
}

h3 {
font-size: 1.4em;
color: #6c6c6c;
}

h4 {
color: #6d6d6d;
font-size: 1.3em;
}

p, td, #content li {
margin: 0px 0px 20px;
color: #595959;
}

blockquote { 
padding: 0px; margin: 0px 0px 20px;
font-style: italic; font-weight: 800;
}

blockquote p {
font-size: 1.3em; 
}

#content li  {
margin: 0px 0px 10px;
}

#content ul {
margin: 5px 0px 10px 0px;
color: #4e4e4e;
}

#content p a:link,
#content p a:visited,
#content li a:link,
#content li a:visited,
#content td a:link,
#content td a:visited {
color: rgb(88,86,167);
text-decoration: none;
font-weight: 800;
border-bottom: 2px solid rgba(234, 234, 234, 0.65);
padding-bottom: 4px;
}

#content td a:link,
#content td a:visited {
display: inherit;
}

#content p a img:link {
border: none;
}

#content a:link {
overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;
}

/*---------------------------------
5.0 Footer 
---------------------------------*/

.site-footer {
background: rgb(88,86,167);
    background: -moz-linear-gradient(90deg, rgba(88,86,167,1) 0%, rgba(102,99,202,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(88,86,167,1) 0%, rgba(102,99,202,1) 100%);
    background: linear-gradient(90deg, rgba(88,86,167,1) 0%, rgba(102,99,202,1) 100%);
padding: 50px 0px;
clear: both;
}

.site-footer a:link,
.site-footer a:visited {
color: #FFF;
text-decoration: none;
font-weight: 800;
}

.site-footer h2 {
color: #FFF; margin-bottom: 10px; font-weight: 800;
}

.site-footer p {
margin: 0px 0px 5px 0px;
color: #FFF;
display: block;
}

.site-footer .left {
width: 50%;
float: left;
text-align: left;
}

.site-footer .right {
width: 50%;
float: right;
text-align: right;
}

.map {
width: 100%;
  overflow: hidden;
  height: 350px;
}

.map iframe {
  margin-top: -150px;
width: 100%;
}

.footer_logos {
background: #FFF;
padding: 30px 0px;
}

#announcement {
display: table;
width: 100%;
background: #333;
padding: 20px 0px;
position: fixed;
bottom: 0;
z-index: 9999;
color: #FFF;
font-size: 20px;
text-align: center;
} 

#announcement p,
#announcement a:link,
#announcement a:visited {
color: #FFF;
}