@import url('https://fonts.googleapis.com/css?family=Marcellus&display=swap');
@import 'fonts/fonts-min.css';

html {min-height:100%;}
body {color:#334; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+6,ffffff+99 */
background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(229,229,229,1) 100px, rgba(255,255,255,1) 102px, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(229,229,229,1) 100px, rgba(255,255,255,1) 102px, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%, rgba(229,229,229,1) 100px, rgba(255,255,255,1) 102px, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
min-height:100%;
 }

h1,h2,h3,h4 {margin-bottom:6px;font-family:"proxima_nova"; font-weight:400; color: rgb(16, 6, 159); }
h1 {font-size:30px; line-height:1.1em;}
h2 {font-size:24px; line-height:1.1em;}
h3 {font-size:18px; line-height:1.1em;}

form p {margin:8px 0}

header {
	padding-top:1em;
	height:197px;
	display:block;
	margin: 0 auto;
	text-align:left;
	font-family:"proxima_nova";
	}

header #menu {
	max-width:75%;
	margin:0 auto;
	}

header #menu p{
	padding:0; margin:0;
	}

header #menu h1{
	font-family:"Marcellus"
	}

header #menu a{
	color:white;font-size:130%;
	}

header #menu a:hover{
	color:gold;
	}

header #bluebar {
	position:absolute;
	background: #10069f;
	height:3em; width:100%;
	margin-top:85px;
	}


#sandbox a.button, input.button  {
	font-family: "proxima_nova";
	font-size: 14px;
	color: #123d54;
	padding: 10px 20px;
	background: #f1b434;
	border-radius: 18px;
	text-transform:uppercase;
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
}

#more-form{
  width: 100%;
	}

form{
  width: 1000px!important;
	}

div.body.current{
  width: 100%!important;
  max-width: 900px !important;
	}

#sandbox{
  width: 100%!important;

	}

div.body.home{
  width:90% !important
  max-width: 900px !important;
	}

.cke {
	visibility:hidden;
	}

.student input {width:180px;}
.student input.date {width:120px;}

td {padding:2px 4px;}



#eklipseAdmin .w75, #navrow .w75, .w75  {width:75px !important;}
#eklipseAdmin .w100, #navrow .w100, .w100 {width:100px !important;}
#eklipseAdmin .w125, #navrow .w125, .w125 {width:125px !important;}
#eklipseAdmin .w150, #navrow .w150, .w150 {width:150px !important;}
#eklipseAdmin .w200, #navrow .w200, .w200 {width:200px !important;}
#eklipseAdmin .w250, #navrow .w250, .w250 {width:250px !important;}
#eklipseAdmin .w300, #navrow .w300, .w300 {width:300px !important;}
#eklipseAdmin .w350, #navrow .w350, .w350 {width:350px !important;}
#eklipseAdmin .w400, #navrow .w400, .w400 {width:400px !important;}

table#studentlist {
	width:98%;
	font-size:90%;
	}
table#studentlist td {padding:.2em .5em .4em 1em; background:#f6f9ff}
table#studentlist .header {border-top:12px solid white; font-weight:bold;font-size:110%; padding-top:.4em; padding-bottom:.2em;}
table#studentlist input {width:100%;}
table#studentlist input.date {width:10em;padding:1px;min-height:1.4em;}
table#studentlist td.grade {width:6em;}
table#studentlist .altcampus p {font-style:italic; font-size:80%;}



#footer_main {
/* 
  background: url("/pics/watermark.png") calc(50% - (1024px / 2)) 50% no-repeat white;
 */
  background-size: 288px; }
  #footer_main .footer-grid {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1024px; }
  #footer_main .footer-title {
    padding: 5px 0; }
    #footer_main .footer-title .school-name-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      color: #10069f;
      text-transform: uppercase;
      font-size: 1.5rem;
	font-family:"proxima_nova";
      font-weight: 400; }
  #footer_main .footer-address {
    color: #10069f;
    line-height: 2.5em; }
    #footer_main .footer-address svg {
      fill: #f1b434;
      width: 20px;
      height: 20px; }
  #footer_main .footer-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap; }
    #footer_main .footer-column .powered-by-edlio-logo svg {
      fill: #10069f; }
    #footer_main .footer-column .edlio-login-link {
      color: #10069f;
      font-size: 1.25em;
      height: 1.25em;
      line-height: 1.25em;
      margin: 12px; }
      #footer_main .footer-column .edlio-login-link .edlio-logo {
        border-right-color: #10069f; }
        #footer_main .footer-column .edlio-login-link .edlio-logo svg {
          fill: #10069f; }
      #footer_main .footer-column .edlio-login-link:hover, #footer_main .footer-column .edlio-login-link:focus {
        color: #f1b434; }
        #footer_main .footer-column .edlio-login-link:hover .edlio-logo, #footer_main .footer-column .edlio-login-link:focus .edlio-logo {
          border-color: #f1b434; }
          #footer_main .footer-column .edlio-login-link:hover .edlio-logo svg, #footer_main .footer-column .edlio-login-link:focus .edlio-logo svg {
            fill: #f1b434; }
  @media screen and (min-width: 1024px) {
    #footer_main .footer-row-inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-pack: distribute;
      -webkit-justify-content: space-around;
      justify-content: space-around;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 60px 0; }
      #footer_main .footer-row-inner .footer-address {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 35%;
        max-width: 380px; }
        #footer_main .footer-row-inner .footer-address .footer-info-block:last-child {
          margin-left: 2em;
          position: relative; }
          #footer_main .footer-row-inner .footer-address .footer-info-block:last-child:before {
            content: "";
            display: block;
            position: absolute;
            top: 25%;
            left: 0;
            width: 1px;
            height: 50%; }
      #footer_main .footer-row-inner .footer-column {
        -webkit-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 25%; } }

#mobile_nav {
  background: #10069f; }
  #mobile_nav a {
    color: white; }
    #mobile_nav a svg {
      fill: white; }
    #mobile_nav a:hover, #mobile_nav a:focus {
      color: #f1b434; }
      #mobile_nav a:hover svg, #mobile_nav a:focus svg {
        fill: #f1b434; }

@media screen and (min-width: 1024px) {
  #fax_number {
    margin-left: 20px; } }

/************************************/


@media screen and (max-width: 768px) {
	div.body.home{
  	width:96% !important
	}
  br.mobile-br {
    display: inline;
  }
  img.logo {
    display: none;
  }
form {max-width:98%;}

table#studentlist {
    width: 98%;
    font-size: 90%;
  }
table#studentlist td {
    display: block;
    width: 98% ! important;
  }
table#studentlist input {
    width: 96%;
  }
table#studentlist br.desktop-br {
    display: none;
  }
footer, #footer_main .footer-grid {width:980vw; max-width:980vw; }
.footer-row-inner div {max-width:100%;clear:both;}
.footer-info-block {; display:block;max-width:100%;clear:both;}
}

@media print{
#ekinterior{
  display: none;
  }

#eklipseLibrary{
	display:none;
	}
}