/*
Theme Name:     Custom Responsive Theme - Stellar Blue Technologies
Theme URI:      http://www.stellarbluetechnologies.com
Description:    Custom Responsive Theme
Version:        2.0
Author:         Stellar Blue
Author URI:     http://www.stellarbluetechnologies.com
*/

/* LAST MODIFIED - 5/11/2014 */

/*
    Structure:
    00 - Reset
    01 - Responsive Grid
    02 - General
    03 - Header
    04 - Home Page
    05 - Interior Page
    06 - Footer
    07 - Mobile
*/

/*-------------------------------------
00 ------------------------------ Reset
-------------------------------------*/
/* html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:-1px;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
} */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
}
#main-menu-top ul,
.school-logo p,
.school-logo h2,
.school-logo img,
#search-box,
.four h4,
.four p,
.menu-description h4,
.page-id-434 h1,
header ul{
    margin: -1px;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#00f}a:focus{outline:thin dotted}li{list-style:none}abbr[title]{border-bottom:0}b,strong{font-weight:700}i,em,dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}label{cursor:pointer}input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box}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-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}

/* override in-line min-height google translate adds */
body {
   height: 100%!important;
}

* {
	font-family: 'Open Sans', sans-serif;
}

/*-------------------------------------
01 --------------------- Responsive Grid
-------------------------------------*/
.container {width: 100%; margin: 0px auto;}
.row {max-width: 1555px; width: 100%; margin: 0px auto;}
#full.row { max-width: 100%;}
img {max-width: 100%;}
.one, .two, .three, .four,
.five, .six, .seven, .eight,
.nine, .ten, .eleven, .twelve {
    margin-right: 2%;
    float: left;
}
.one {width: 6.5%;}
.two {width: 15%;}
.three {width: 23.5%;}
.four {width: 32%;}
.five {width: 40.5%}
.six {width: 49%;}
.seven {width: 57.5%;}
.eight {width: 66%;}
.nine {width: 74.5%;}
.ten {width: 83%;}
.eleven {width: 91.5%;}
.twelve {margin-right: 0px; width: 100%;}
.last {margin-right: 0px;}


/*-------------------------------------
02 ---------------------------- General
-------------------------------------*/

#outer-page-wrapper {
    overflow-x: initial;

}
i,
em {
    font-style: italic;
}

b,
strong {
    font-weight: bold;
}

.no-scroll {
    overflow: hidden;
}

.alignleft {
    position: relative;
    display: block;
    float: left;
    margin: 0px 15px 15px 0px;
}

.alignright  {
    position: relative;
    display: block;
    float: right;
    margin: 0px 0px 15px 15px;
}

.aligncenter {
    position: relative;
    display: block;
    float: none;
    margin: 15px auto;
}

.alignnone {
    position: relative;
    display: block;
    margin: 0px 0px 15px 0px;
}

.clear {
    position: relative;
    display: block;
    clear: both;
}

.sprite {
    position: relative;
    display: block;
    background: url(/wp-content/themes/Stellar_Responsive/images/sprite.png) no-repeat;
}

a {
	font-weight: 300;
    color:#d92026;
    text-decoration: none;
    letter-spacing: .075em;
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
}

/* a:focus, */
input:focus {
    outline: none;
}

.button-link {
    background-color: #d92026;
    border: none;
    color: #ffffff;
    padding: 3px 10px;
}

p {
	font-weight: 400;
    padding: 10px 0;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: .025em;
}

h1 {
    /* padding: 25px 0; */
    font-size: 55px;
    letter-spacing: .025em;
    color:#314c71;
}
h1, h2 {
	font-weight: bold;
    text-transform: uppercase;
}
h3 {
    font-size: 45px;
    color: #3c3f42;
    letter-spacing: .025em;
    text-transform: uppercase;
	font-weight: 500;
}
h4 {
	font-weight: 500;
    font-size: 36px;
    color: #3c3f42;
    line-height: 40px;
    letter-spacing: .025em;
    text-transform: uppercase;
    padding-bottom: 15px;
}

td {
    padding: 10px 0;
    font-size: 18px;
    line-height: normal;
    letter-spacing: .025em;
    margin-left: 20px;
	font-weight: 300;
}

.red {
    color: #d92026;
}

.white {
    color:#ffffff;
}

.upper {
    text-transform: uppercase;
}

.small {
    font-size: 14px;
}
.large {
    font-size: 20px;
}

#main li {
    list-style: inherit;
    padding: 10px 0;
    font-weight: 300;
    font-size: 18px;
    line-height: normal;
    letter-spacing: .025em;
    margin-left: 20px;
}
input {
    line-height: 32px;
    max-width: 100%;
    font-weight: 300;
}
textarea {
    max-width: 100%;
    font-weight: 300;
}

.wpcf7 textarea {
    width: 374px;
    padding-left:10px;
    box-sizing: border-box;
    border: 1px solid #999999;
    background-color: #ffffff;
}

.wpcf7 input {
    padding-left:10px;
    box-sizing: border-box;
    border: 1px solid #999999;
    background-color: #ffffff;
}

/*-------------------------------------
03 ----------------------------- Header
-------------------------------------*/

#header {
    background: url(/wp-content/themes/Stellar_Responsive/images/backgrounds/header-bkg.jpg);
    background-size: cover;
    padding: 22px 0 18px 0;
    width: 100%;
}

.school-logo {
    float: left;
	width: 1075px;
}
.school-logo a {
	display: flex;
	align-items: center;
}
.school-logo #logo {
	max-width: 22%;
}
@media all and (min-width: 1000px){
	.school-logo #logo {
		max-width: 15%;
	}
}
.school-logo h2 {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 0;
    text-shadow: 2px 3px 4px rgba(25, 25, 25, 0.37);
}

.tagline {
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    padding-top: 0;
}

#search-box {
    position: absolute;
	right: 1rem;
	bottom: 0;
}

#search-box-mobile {
    float: right;
    padding-right: 26px;
    margin: 15px 0;
}

#search-box input, #search-box-mobile input {
    font-size: 100%;
    margin: 30px 0 0 0;
    vertical-align: baseline;
    background-color: transparent;
    background-image:url('/wp-content/themes/Stellar_Responsive/images/sprite.png');
    height: 50px;
    width: 227px;
    box-sizing: border-box;
    padding: 20px 10px 14px;
    border: 0;
    background-position: -425px 0;
    color: #ffffff;
    line-height: 50px;
}

#search-box #searchsubmit, #search-box-mobile #searchsubmit {
    display: none;
}
/*#header .row {
    position: relative;
    max-width: 1200px;
}*/

.not-school-page #header .row, .single #header .row, .search #header .row {
    position: relative;
    max-width: 1530px;
}

#logo {
    margin: 0 20px;
    float: left;
    max-width: 70%;
}

a:focus #logo {
    outline: thin dotted;
}

#search-icon {
    display: block;
    background-position: 0 0;
    height: 27px;
    width: 27px;
    float: right;
    cursor: pointer;
    margin-top: 26px;
    margin-right: 20px;
}
#search-container {
    position: absolute;
    right: 10px;
    top: 50px;
    height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 245px;
    height: 0px;
    overflow: hidden;
}

#search-container.open {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  height: 53px;
}

#search-container form {
    width: 248px;
    height: 53px;
    background:url('/wp-content/themes/Stellar_Responsive/images/sprite.png');
    /* background-position: -144px 0px; */
    background-position: -142px 0px;
}

#search-container form input[type="text"] {
    line-height: 16px;
    height: 16px;
    padding: 0px;
    left: 12px;
    bottom: 19px;
    font-size: 13px;
    color: #333;
    position: absolute;
    border: none;
    width: 215px;
}

#search-container input[type="submit"] {
  display: none;
}

/*menu on top of all school pages*/
#main-menu-top {
    background: url('/wp-content/themes/Stellar_Responsive/images/backgrounds/nav-bg.jpg');
    border-bottom: solid 2px #ffffff;
    height: 47px;
}

#main-menu-top .row {
    max-width: 1108px;
}

#main-menu-top li {
    display: block;
    float: left;
    position: relative;
    line-height: 47px;
}

#main-menu-top #menu-item-307 a {
    padding-right: 0;
    border-right: 0;
    margin-right: 0;
}

#main-menu-top li a {
    font-size: 11px;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    border-right: solid 1px #ffffff;
    padding-right: 8px;
    margin-right: 8px;
}

#main-menu-top li a:hover {
    color: #d92026;
}

/*menu in header on homepage*/
.menu-top-container {
    float: right;
    margin-top: 32px;
}

/*primary menu area*/

#navigation {
    height:57px;
    background: url('/wp-content/themes/Stellar_Responsive/images/backgrounds/school-nav-bg.jpg');
    border-top: solid 2px #ffffff;
    z-index: 200;
    position: relative;
}

.not-school-page #navigation, .single #navigation, .search #navigation {
    background: url('/wp-content/themes/Stellar_Responsive/images/backgrounds/nav-bg.jpg');
}

.not-school-page #main-menu-top, .single #main-menu-top, .search #main-menu-top {
}

#navigation .row {
    max-width: 1530px;
}

#menu-main li, #menu-high-school li, #menu-middle-school li, #menu-elementary-school li, #menu-top li, #menu-st-stanislaus-school li,  #menu-st-stephen li, #menu-st-brons li, #menu-early-childhood li {
    display:block;
    padding:0 35px;
    float:left;
    line-height: 56px;
    padding-bottom:1px;
}

#navigation #menu-high-school, #navigation #menu-middle-school, #navigation #menu-elementary-school, #navigation #menu-st-stanislaus-school,  #navigation #menu-st-stephen, #navigation #menu-st-brons, #navigation #menu-early-childhood {
    padding: 0 45px;
}

#menu-top li {
    padding-right:38px;
    padding-left: 0;
}
#menu-main li:last-child {
    padding-right: 20px;
}

#menu-main li:first-child {
    padding-left: 20px;
}

#menu-main li:hover {
    background-color:#637793;
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
}

#menu-high-school li:hover, #menu-middle-school li:hover, #menu-elementary-school li:hover, #menu-st-stanislaus-school li:hover,  #menu-st-stephen li:hover, #menu-st-brons li:hover, #menu-early-childhood li:hover {
    background-color:#b3b3b3;
}

#menu-main li a, #menu-high-school li a, #menu-top li a, #menu-middle-school li a, #menu-elementary-school li a, #menu-st-stanislaus-school li a,  #menu-st-stephen li a, #menu-st-brons li a, #menu-early-childhood li a {
    font-weight: 400;
    font-size: 15px;
    text-decoration:none;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#menu-main li a,
#menu-top li a {
    display: block !important;
}

#menu-main li a:focus {
    display: inline !important;
}

.menu-high-school-container {
    width: 1245px;
    margin: 0 auto;
}

.menu-middle-school-container, .menu-elementary-school-container, .menu-st-stanislaus-school-container, .menu-st-stephen-container {
    width: 990px;
    margin: 0 auto;
}

.menu-st-brons-container {
    width: 1275px;
    margin: 0 auto;
}
.menu-early-childhood-container {
    width: 800px;
    margin: 0 auto;
}

/*dropdown*/
#menu-main li .sub-menu li, #menu-high-school li .sub-menu li, #menu-middle-school li .sub-menu li, #menu-elementary-school .sub-menu li, #menu-st-stanislaus-school li .sub-menu li,  #menu-st-stephen li .sub-menu li, #menu-st-brons li .sub-menu li, #menu-early-childhood li .sub-menu li {
    line-height: 40px;
}
#dropdown-menu-container {
    display: none;
}

.menu-image {
    position: absolute;
    top: 47px;
    left: 49px;
}

.menu-description {
    display: block;
    float: left;
    color: #333333;
    font-size: 14px;
    line-height: 27px;
    margin-left: 58px;
    padding-bottom: 20px;
    width: 480px;
    position: absolute;
    top: 47px;
    right: 45px;
}

#navigation #menu-main .sub-menu, #navigation #menu-high-school .sub-menu, #navigation #menu-middle-school .sub-menu, #navigation #menu-elementary-school .sub-menu, #navigation #menu-st-stanislaus-school .sub-menu,  #navigation #menu-st-stephen .sub-menu, #navigation #menu-st-brons .sub-menu, #navigation #menu-early-childhood .sub-menu {
    position: absolute;
    background: url('/wp-content/themes/Stellar_Responsive/images/backgrounds/dropdown-bg.png');
    left: 0;
    right: 0;
    margin: 0 20px;
    top: 57px;
    display: none;
    padding: 32px 50px;
    z-index: 100;
    min-height: 257px;
}


#menu-top .sub-menu {
    display: none;
    position: absolute;
    background: url('/wp-content/themes/Stellar_Responsive/images/backgrounds/top-dropdown.png') no-repeat;
    width: 270px;
    display: none;
    padding: 30px;
    z-index: 800;
    box-sizing: border-box;
}

#navigation #menu-main li:hover > .sub-menu,
#navigation #menu-main li:focus > .sub-menu, #menu-top li:hover > .sub-menu,
#menu-top li:focus > .sub-menu, #navigation #menu-high-school li:focus > .sub-menu, #navigation #menu-high-school li:hover > .sub-menu, #navigation #menu-middle-school li:focus > .sub-menu, #navigation #menu-middle-school li:hover > .sub-menu, #navigation #menu-elementary-school li:focus > .sub-menu, #navigation #menu-elementary-school li:hover > .sub-menu,
#navigation #menu-st-stanislaus-school li:hover > .sub-menu,  #navigation #menu-st-stephen li:hover > .sub-menu, #navigation #menu-st-brons li:hover > .sub-menu, #navigation #menu-early-childhood li:hover > .sub-menu,
#navigation #menu-st-stanislaus-school li:focus > .sub-menu,  #navigation #menu-st-stephen li:focus > .sub-menu, #navigation #menu-st-brons li:focus > .sub-menu, #navigation #menu-early-childhood li:focus > .sub-menu  {
    display: block;
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
}

#menu-main .sub-menu li, #menu-high-school .sub-menu li, #menu-middle-school .sub-menu li, #menu-elementary-school .sub-menu li, #menu-st-stanislaus-school .sub-menu li,  #menu-st-stephen .sub-menu li, #menu-st-brons .sub-menu li, #menu-early-childhood .sub-menu li {
    padding:0;
    float:none;
    margin-left: 311px;
}

#menu-main .sub-menu li:hover, #menu-high-school .sub-menu li:hover, #menu-middle-school .sub-menu li:hover, #menu-elementary-school .sub-menu li:hover, #menu-st-stanislaus-school .sub-menu li:hover,  #menu-st-stephen .sub-menu li:hover, #menu-st-brons .sub-menu li:hover, #menu-early-childhood .sub-menu li:hover {
    background-color:transparent;
}

#menu-main .sub-menu li a, #menu-high-school .sub-menu li a, #menu-middle-school .sub-menu li a, #menu-elementary-school .sub-menu li a, #menu-st-stanislaus-school  .sub-menu li a,  #menu-st-stephen  .sub-menu li a, #menu-st-brons  .sub-menu li a, #menu-early-childhood  .sub-menu li a {
    color:#333333;
    padding:0;
    line-height: 40px;
}

#menu-top li {
    line-height: normal;
    position: relative;
}

#menu-top .sub-menu li{
    width:100%;
}

#menu-top #menu-item-231 .sub-menu  {
    left: -90px;
}

#menu-top #menu-item-1385 .sub-menu {
    left: -100px;
}

#menu-top #menu-item-2918 .sub-menu {
    left: -105px;
}

#menu-top .sub-menu li a {
    color:#717f81;
    font-size: 14px;
    line-height: 30px;
}

#menu-main .sub-menu li a:hover, #menu-top .sub-menu li a:hover {
    color:#d92026;
}

/*high school dropdowns */
.menu-high-school-container {
    margin: 0 auto;
    display: block;
    width: 1150px;
}

#sm {
    position: fixed;
    top: 254px;
    right: 0;
    width: 52px;
    z-index: 500;
}

#sm a {
    display: block;
    height: 51px;
    width: 51px;
    background-image: url('/wp-content/themes/Stellar_Responsive/images/sprite.png');
    background-color: #16365f;
    margin-bottom:4px;
}

#sm a:hover {
    background-color:#004a80;
}

.fb {
    background-position: -31px 0;
}

.googleplus {
    background-position: -31px -55px;
}

.twitter {
    background-position: -88px -105px;
}

.instagram {
    background-position: -88px -53px;
}

.email {
    background-position: -31px -110px;
}

.calendar {
    background-position: -31px -165px;
}

/*-------------------------------------
04 -------------------------- Home Page
-------------------------------------*/
/*------ Slideshow ------*/

#main.home-main {
    background: none !important;
    margin: 0 !important;
    min-height: 0 !important;
    z-index: 1 !important;
    padding: 0 !important;
    /* display: none; */
}

#hero {
    max-height: 560px;
    opacity: 0;
    margin: 0
    -webkit-transition-delay: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all .3s cubic-bezier(0.32, 0.22, 0.35, 0.98);
    -moz-transition: all .3s cubic-bezier(0.32, 0.22, 0.35, 0.98);
    -o-transition: all .3s cubic-bezier(0.32, 0.22, 0.35, 0.98);
    transition: all .3s cubic-bezier(0.32, 0.22, 0.35, 0.98);
}

#hero.loaded {
    opacity: 1;
}

.slick-slide {
    position: relative;
}

.overlay {
    background:rgba(54, 54, 54, 0.70);
    display:block;
    height:100%;
    width: 100%;
    box-sizing: border-box;
    padding: 20% 8%;
    opacity:0;
    position: absolute;
    z-index: 100;
    bottom: 0;
    border-bottom: solid 15px #d92026;
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
}

.overlay:hover {
    opacity: 1;
}

.overlay:focus {
    opacity: 1;
    outline: 1px solid;
}

.overlay h2 {
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size:45px;
    letter-spacing: .075em;
}

.overlay p {
    color: #ffffff;
    text-align: center;
    padding: 37px 0 53px;
}

.overlay a {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 2px;
    display: block;
    text-transform: uppercase;
    border: 3px solid #ffffff;
    width: 311px;
    line-height: 60px;
    margin: 0 auto;
}

.slick-dots {
    bottom: 40px;
    right: 60px;
    position: absolute;
}

.slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0 6px;
    background-color: transparent;
    overflow: hidden;
    text-indent: -9999px;
    display: inline-block;
    border: solid 2px #ffffff;
}

.slick-dots li.slick-active {
    background-color:#ffffff;
}

/*hotboxes*/

#hotboxes {
    background-color:#f0f1f2;
    display: table;
}

#hotboxes .row {
    display: table-row;
}

#hotboxes h4 {
    white-space: nowrap;
}

#hotboxes .four {
    padding: 67px 45px 57px;
    box-sizing: border-box;
    display: table-cell;
    float: none;
}

#hotboxes .four:hover {
    background-color: #e1e1e1;
    webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#hotboxes .four:focus {
    border: 1px solid black;
}

#hotboxes p {
    text-align: center;
    color: #000;
}

#hotboxes .more {
    font-weight: 500;
    color: #d92026;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 20px;
}

#hotboxes .arrow {
    display: none;
    float: right;
    z-index: 1000;
    height: 20px;
    width: 11px;
    margin-top: 12px;
    margin-right: 24px;
    background-image: url('/wp-content/themes/Stellar_Responsive/images/sprite.png');
    background-position: -713px 0;

}
#hotboxes h4 {
    text-align: center;
}

#hotboxes h4 img {
    margin-right:27px;
}

/*event calendar*/

#home-calendar {
    background:url('/wp-content/themes/Stellar_Responsive/images/backgrounds/calendar-bkg.jpg');
    background-color: #500d1e;
    background-repeat: no-repeat;
}

#home-calendar .twelve {
    padding: 60px 45px;
    box-sizing: border-box;
}

/*blog feed*/

.news-wrap {
    float: right;
    width:100%;
    max-width:900px;
    padding-right: 85px;
    padding-left: 3.5%;
    box-sizing: border-box;
}

.school-news-wrap {
    width: 100%;
    max-width: 650px;
    float: right;
    padding-right: 85px;
    padding-left: 3.5%;
    box-sizing: border-box;
}
#news.container.school {
    background:url('/wp-content/themes/Stellar_Responsive/images/backgrounds/school-news.jpg');
    background-repeat: no-repeat;
    background-color: #90201f;
}

.news-link {
    font-style: italic;
    /* color:#b7b7b7; */
    color: #6a6a6a;
    float: right;
    text-transform: uppercase;
    font-size: 18px;
    line-height:37px;
}
#news .seven {
    padding: 67px 85px;
    box-sizing: border-box;
    background-color: #ffffff;
}
#news.container.home .seven {
    padding: 67px 0;
    box-sizing: border-box;
    margin-right: 0;
    width: 59.5%;
}
#news.container.home .five {
    padding: 67px 0;
    box-sizing: border-box;
}

#news.container.school .five {
   padding: 67px 85px 0 0;
   box-sizing: border-box;
   background: url('/wp-content/themes/Stellar_Responsive/images/backgrounds/school-news.jpg') no-repeat #90201f;
   width: 42.5%;
   margin-right: 0;
}
.link-wrap {
    width: 100%;
    max-width: 650px;
    float: left;
    padding-left: 85px;
    box-sizing: border-box;
}

.school-calendar {
    width: 100%;
    max-width: 650px;
    float: left;
    padding-left: 40px;
    box-sizing: border-box;
}



#news h3 {
    margin-bottom:54px;
    font-size: 45px;
    letter-spacing: .025em;
    text-transform: uppercase;
    font-weight: 400;
}

#news .seven h3 {
    float: left;
}

.faith-links {
    background-color: #e1e1e1;
    min-height: 693px;
}

.faith-links a {
    display: block;
    width: 100%;
    max-width: 512px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #707070;
    padding: 23px 38px;
    box-sizing: border-box;
    /* height: 70px; */
    line-height: normal;
    font-size: 30px;
    margin: 15px 0 0;
    font-weight: 400;
}
.faith-links a:hover {
    background-color:#b7b7b7;
}
.faith-links a:focus {
        outline: 1px dashed black;
}
.faith-links p {
    padding:0;
    line-height: 0;
}
#news article {
    margin-bottom: 0;
    width: 45%;
    float: left;
    box-sizing: border-box;
}
.article-0 {
    margin-right:5%;
}

#news article h5 {
    margin: 44px 0 29px;
}

#news article h5 a {
    font-weight: bold;
    color: #333333;
    font-size: 30px;
    text-transform: uppercase;
}

/*-------------------------------------
05 ---------------------- Interior Page
-------------------------------------*/

#main {
    background: url('/wp-content/themes/Stellar_Responsive/images/backgrounds/page-content-bkg.png') repeat-x;
    margin-top: -375px;
    min-height: 475px;
    z-index: 100;
    position: relative;
    padding: 85px 60px;
    box-sizing: border-box;
}

#main .nine {
    padding-left: 118px;
    box-sizing: border-box;
}

#sidebar {
    margin-top: 36px;
}

/*----------side bar menu-------------------*/

#side-menu {
    margin-bottom: 67px;
    margin-top: -18px;
    overflow: hidden;
}

#side-menu .menu-middle-school-container, #side-menu .menu-elementary-school-container, #side-menu .menu-st-stanislaus-school-container, #side-menu .menu-st-stephen-container, #side-menu .menu-st-brons-container, #side-menu .menu-high-school-container, #side-menu .menu-early-childhood-container {
    width:100%;

}
#side-menu li.menu-item {
    display: none;
    padding: 0;
}
#side-menu li a:first-child {
    color: #d92026;
    font-weight: 400;
    font-size: 36px;
    letter-spacing: .025em;
    text-transform: uppercase;
    padding-bottom: 15px;
}
#side-menu li:hover {
    background: transparent;
}

#side-menu .sub-menu li a {
    /* color:#8e908f; */
    color: #36393d;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: .075em;
}

#side-menu  li a:hover, #side-menu li.current_page_item > a {
    color:#16365f;
    background: transparent;
}
#side-menu  li a:hover, #side-menu li.current_page_item.menu-item-has-children > a {
    color: #d92026;
}


#side-menu li.menu-item.current-menu-parent,
#side-menu li.menu-item.current-menu-item,
#side-menu .current_page_item,
#side-menu li.menu-item.current-menu-item .sub-menu li,
#side-menu li.menu-item.current-menu-parent .sub-menu li
{
    display: block;
    padding: 14px 0;
}

#side-menu li.menu-item.current-menu-item .sub-menu li,
#side-menu li.menu-item.current-menu-parent .sub-menu li {
    border-top: solid 1px #8e908f;
    margin-left: 0;
 }
 #side-menu .sub-menu li:last-child {
    border-bottom: solid 1px #8e908f;
 }

 #side-menu .sub-menu {
    display: block;
 }

/*---------Countdown calendar--------------*/


#countdown {
    background-color: #ebebeb;
    max-width: 318px;
    box-sizing: border-box;
    padding: 53px 0 40px;
    clear: both;
}
.line {
    height: 1px;
    display: block;
    width: 100%;
    top: 86px;
    background-color: #323232;
    position: absolute;
}
.number {
    background: url('/wp-content/themes/Stellar_Responsive/images/backgrounds/countdown.jpg') no-repeat;
    height: 177px;
    width: 191px;
    display: block;
    background-size: contain;
    margin: 0 auto;
    position: relative;
}

#countdown .number p {
    color:#ffffff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

#countdown p {
    text-align: center;
    text-transform: uppercase;
    color:#ff0d0d;
    font-size: 24px;
    padding-top: 15px;
}

#countdown p strong {
        font-weight: bold;
}

#countdown p.count {
    font-weight: bold;
    font-size: 115px;
    color: #ffffff;
    margin-top: 15px;
}

/*-----Google calendar feed--------*/

/*----landing page feeds------*/
#home-calendar .gce-list-title, #news .gce-list-title {
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
}

#home-calendar .gce-event-day {
    width: 100%;
}

#home-calendar .gce-feed {
    width:33%;
    float: left;
    border-right: solid 1px #ffffff;
    box-sizing: border-box;
    padding: 0 20px 0 40px;
    margin-top: 75px;
}

#home-calendar .gce-feed:last-child {
    border-right:none;
}

#home-calendar .gce-list-grouped {
    margin-top: 75px;
}

#home-calendar upcoming_events_calendar .gce-tooltip-event, #news upcoming_events_calendar .gce-tooltip-event {
    background-color: transparent;
}

#home-calendar .upcoming_events_calendar, #news .upcoming_events_calendar {
    min-height: 220px;
    height: auto;
}

.upcoming_events_calendar .gce-tooltip-event {
    background-color: transparent;
}

#news .gce-event-day {
    width: 100%;
    border-bottom: solid 1px #ffffff;
    box-sizing: border-box;
    padding: 20px 0;
}


#news .gce-event-day:last-child {
    border-bottom:none;
}
.gce-feed {
    font-weight: 300;
    font-size: 24px;
    line-height: 27px;
}

.gce-feed a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

.gce-month-title {
    font-size: 24px;
    padding: 15px 0 10px;
    font-weight: 400;
    color: #3c3f42;
    letter-spacing: .025em;
    text-transform: uppercase;
}
.gce-prev, .gce-next{
    padding-top: 17px;
}
.gce-page-grid, .gce-page-list, .gce-widget-grid, .gce-widget-list, .gce-event-info, .sb-day-event-list {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: .025em;
}

.gce-page-grid .gce-calendar .gce-day-number {
    font-size: 14px;
    font-weight: bold;
    color: #314c71;
    margin-left: 10px;
    float: left;
}
.sb-day-event-list {
    clear: both;
}
.gce-page-grid .gce-calendar td {
    vertical-align: top;
}

.sb-day-event-list {
    font-size: 10px;
}

#calendar_link_wrapper {
    clear:both;
    overflow: hidden;
}

.Feed-Title-Pacelli-Catholic-Schools, #calendar_link_wrapper .catholic_school_calendar {
    color: red;
    border-left:red solid 6px;
    padding: 0 5px;
}

.Feed-Title-Pacelli-Catholic-High-School, #calendar_link_wrapper .high_school_calendar {
    color: green;
    border-left:green solid 6px;
    padding: 0 5px;
}

.Feed-Title-Athletics, #calendar_link_wrapper .athletics_calendar {
    color: blue;
    border-left:blue solid 6px;
    padding: 0 5px;
}

.Feed-Title-St-Steves, #calendar_link_wrapper .st_steves_calendar {
    color: #EE7600;
    border-left: #EE7600 solid 6px;
    padding: 0 5px;
}

.Feed-Title-St-Stans, #calendar_link_wrapper .st_stans_calendar {
    color: purple;
    border-left:purple solid 6px;
    padding: 0 5px;
}

.Feed-Title-St-Bronislava, #calendar_link_wrapper .st_bronislava_calendar {
    color: #3bacd8;
    border-left: #3bacd8 solid 6px;
    padding: 0 5px;
}

.Feed-Title-Middle-School, #calendar_link_wrapper .middle_school_calendar {
    color: #F28;
    border-left: #F28 solid 6px;
    padding: 0 5px;
}

.Feed-Title-Early-Childhood-Center, #calendar_link_wrapper .early_childhood_calendar {
    color: brown;
    border-left: brown solid 6px;
    padding: 0 5px;
}

.Feed-Title-Holy-Spirit-Elementary, #calendar_link_wrapper .holy_spirit_calendar {
    color: grey;
    border-left: grey solid 6px;
    padding: 0 5px;
}

.Feed-Title-Fine-Arts, #calendar_link_wrapper .fine_arts_calendar {
    color: #b47908;
    border-left: #b47908 solid 6px;
    padding: 0 5px;
}

#calendar_link_wrapper .all_calendars{
    color: black;
    border-left:black solid 6px;
    padding: 0 5px;
}

#calendar_link_wrapper a {
    background-color: #dddddd;
    border: none;
    color: #ffffff;
    font-size: 14px;
    padding: 0 10px;
    line-height: 35px;
    display: block;
    float: left;
    margin: 5px;
}
.single_calendar{
    display: none;
}
#all_calendars{
    display: block;
}
#calendar_wrapper #calendar_link_wrapper a{
    padding: 0px 1px;
}

.sb-day-event-list {
    font-size: 10px;
    text-align: left;
    line-height: 16px;
    margin-left: 3px;
}

#calendar_wrapper{
    min-height: 489px;
}


.mobile_upcoming_events {
    display: none;
    overflow: visible;
}
.desktop_upcoming_events {
    display: block;
    overflow: visible;
}


/*-----staff directory -------*/
#main.container #group-nav li {
    float: left;
    line-height: 14px;
    padding-right: 15px;
    margin: 0px 15px 10px 0px;
    border-right: 1px solid #d92026;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: underline;
    list-style: none;
}

#main.container #group-nav li.active {
    text-decoration: none;
}
#main.container #group-nav li.active a {
    color: #314c71;
}

#main.container #group-nav li.St-Stephen {
    border-right: 0;
}

#directory h3 a {
    font-size: 18px;
    font-weight: 400;
    color: #3c3f42;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.directory-name-link {
    text-decoration: underline;
}

.group-title {
    color:#d92026;
    font-size: 32px;
    margin: 0px 0px 10px 0px;
}

#group-nav {
    margin-bottom: 40px;
    height: 20px;
}

.directory-entry {
    float: left;
    width: 45%;
    margin: 0 5% 30px 0;
    word-wrap: break-word;
	height: auto;
}

.directory-entry h3,
.directory-entry p {
    margin: 0 !important;
}

/*------ Contact Form 7 Styles (remove if not using WPCF7) ------*/
div.wpcf7-validation-errors {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: none;
    color: red;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: .025em;
}

div.wpcf7-mail-sent-ok {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: none;
    color: green;
    font-weight: 300;
}

span.wpcf7-not-valid-tip {
    position: absolute;
    top: -3px;
    left: 0px;
    padding-left: 10px;
    font-weight: 300;
}

/*------ Blog ------*/

h2.search {
    font-size: 35px;
    padding-bottom: 20px;
}
.blog #main,  .archive #main, .single #main, .error404 #main, .search #main   {
    margin-top:0;
}
.single-teacher #main {
    margin-top: -375px;
}
article {
    margin-bottom: 35px;
}

#blog #main {
    margin-top: 0;
}

#blog-navigation {
    width: 100%;
}

#older-articles {
    display: block;
    float: left;
}

#newer-articles {
    display: block;
    float: right;
}

.posted {
    font-weight: 300;
    font-size: 14px;
}

.latest-post-read-more {
    font-size: 400;
}

aside h3 {
    font-size:24px;
    padding: 15px 0 10px;
}

aside a {
    line-height: 20px;
}

#main aside li {
    line-height: 38px;
    list-style: none;
}

.share {
    display: inline-block;
    height: 51px;
    width: 51px;
    background-image: url('/wp-content/themes/Stellar_Responsive/images/sprite.png');
    background-color: #16365f;
    margin: 4px;
}
.share-icon-shell .facebook {
    background-position: -31px 0;
}
.share-icon-shell .twitter {
    background-position: -88px -107px;
}
.share-icon-shell .linkedin {
    background-position: -88px -157px;
}
.share-icon-shell .googleplus {
    background-position: -88px -204px;
}
/* Comments */
#reply-title {
    cursor: pointer;
    font-size: 28px;
}

#commentform {
    display: none;
}
#commentform label {
    display: none;
}

#commentform input, #commentform textarea {
    padding: 10px 0;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: .025em;
}

button, input[type=button], input[type=reset], input[type=submit] {
    background-color:#d92026;
    border: none;
    color:#ffffff;
    padding: 0px 10px;
    height: 38px;
    box-sizing: border-box;
}

#searchform input {
    box-sizing: border-box;
}

/*-------------------------------------
06 ----------------------------- Footer
-------------------------------------*/
#footer {
    background-color:#16365f;
}

#footer p {
    width: 100%;
}

.changer {
    position: relative;
    float: left;
    display: block;
    white-space: nowrap;
}
.copywrite {
    width: 410px;
    display: block;
    float: right;
    padding-right: 45px;
    box-sizing: border-box;
}

#footer p, #footer .phone_number, #footer a {
    font-size: 14px;
    float: left;
    color: #ffffff;
    line-height: 30px;
    margin-top: 10px;
    letter-spacing: .075em;
}

#footer .phone_number, #footer a {
    float: none;
}

#google_translate_element {
    display: block;
    float: left;
    padding-left: 45px;
    margin: 24px 20px 26px 0;
}

.goog-te-gadget .goog-te-combo {
    background-color: white;
}

#footer p.copy, #footer p.copy a {
    text-align: right;
    font-size: 12px;
    color: #b5b7b4;
    float: right;
    line-height: 18px;
}

#footer p.copy a {
    float: none;
    padding-right: 0;
}
#footer p.copy a:hover {
    color:#ffffff;
}


/*------ Font Size Changer ------*/
#footer .twelve {
    position: relative;
    box-sizing: border-box;
}

.footer-section {

}
.address {
    display: block;
    text-align: center;
    float: left;
}

#font-size-container {
    width: 200px;
    position: absolute;
    background-color: #fff;
    left: 176px;
    top: 0px;
    height: 0px;
    overflow: hidden;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    -webkit-transition-delay: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98);
    -moz-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98);
    -o-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98);
    transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98);
}

#font-size-container a:hover {
    cursor: pointer;
    color: #d35523;
}

#font-medium {
    margin: 0px 16px;
}

#font-size-container.open {
    top: -35px;
    height: 35px;
    -webkit-box-shadow: 0px 0px 6px 0px #666;
    -moz-box-shadow: 0px 0px 6px 0px #666;
    -ms-box-shadow: 0px 0px 6px 0px #666;
    -o-box-shadow: 0px 0px 6px 0px #666;
    box-shadow: 0px 0px 6px 0px #666;
    z-index: 1000;
}

#font-size-container a {
    color: #333;
}

#text-changer-arrow {
    position: absolute;
    top: -9px;
    left: 272px;
    opacity: 0;
    -webkit-transition-delay: 0;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98);
    -moz-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98);
    -o-transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98);
    transition: all 300ms cubic-bezier(0.32, 0.22, 0.35, 0.98);
}


#text-changer-arrow.open {
    top: 0px;
    opacity: 1;
}

#text-changer.sprite {
    width: 46px;
    height: 51px;
    background-position: -87px 0;
    margin: 10px 0 0 24px;
    cursor: pointer;
    float: left;
}

/*-------------------------------------
06 ----------------------------- Mobile
-------------------------------------*/
#mobile-menu-button {
    background-image: url("/wp-content/themes/Stellar_Responsive/images/sprite.png");
    background-repeat: no-repeat;
    width: 45px;
    height: 50px;
    right: 20px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    display: none;
    cursor: pointer;
    background-position: -662px 0;
}

.logged-in #mobile-menu {
    margin-top: 0;
    padding-top: 32px;
}
/* #navigation .menu {
    margin-top: 3px;
} */

#mobile-menu,  {
    position: fixed;
    width: 320px;
    top: 0;
    bottom: 0;
    right: -100%;
    z-index: 10000;
    background-color: #be0f34;
    color: #fff;
    -webkit-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
    text-align: right;
    overflow: hidden;
}

#mobile-menu.menu-open {
    right: 0;
}

#mobile-menu-wrap {
    display: none;
}

@media(max-width: 1200px) {
#mobile-menu-wrap {
    display: block;
    width: 0px;
    overflow: hidden;
    position: fixed;
    right: 0px;
    z-index: 9999;
    background: #16365f;
    -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
}

}

#mobile-menu-wrap.mobile-menu-open {
    width: 280px;
    min-height: 100%;
    overflow-y: scroll;
}

#mobile-menu-interior-wrap {
    width: 280px;
    position: absolute;
    top: 0px;
    box-sizing: border-box;
}

#mobile-menu-wrap .overview a:before {
    content: 'Overview';
    color:#a5acb0;
}

html.mobile-menu-open {
    overflow: hidden;
}

#mobile-menu-wrap .sub-menu {
    display: none;
}

#mobile-menu, #mobile-menu-interior-wrap #menu-high-school, #mobile-menu-interior-wrap #menu-middle-school,  #mobile-menu-interior-wrap #menu-elementary-school,  #mobile-menu-interior-wrap #menu-st-stanislaus-school,   #mobile-menu-interior-wrap #menu-st-stephen,  #mobile-menu-interior-wrap #menu-st-brons,  #mobile-menu-interior-wrap #menu-early-childhood  {
    text-align: right;
    width: 280px;
    padding-right: 25px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.mobile-phone {
    font-weight: bold;
    color: #ffffff;
    font-size: 24px;
    float: right;
    padding-right: 26px;
    margin: 20px 0;
}

.sm-mobile {
    display: block;
    float: right;
    height: 51px;
    width: 40px;
    background-image: url('/wp-content/themes/Stellar_Responsive/images/sprite.png');
    opacity: .48;
}

li.mobile-home  {
    padding-top: 20px;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: .05em;
    width: 296px;
    padding: 0 20px 0 0;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    text-align: right;
    margin: 0;
    clear:both;
    line-height: 57px;
}

li.mobile-home a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 36px;
    margin-right: 70px;
    font-size: 15px;
}

li.mobile-home.main a {
    margin-right:45px;
}

#mobile-menu-interior-wrap .email {
    margin-right: 25px;
    background-position: -28px -108px;
}

#mobile-menu-interior-wrap .twitter {
    background-position: -84px -105px;
}

#mobile-menu-interior-wrap .instagram {
    background-position: -88px -51px;
}

#mobile-menu-interior-wrap #menu-main li, #mobile-menu-interior-wrap #menu-high-school li, #mobile-menu-interior-wrap #menu-middle-school li,  #mobile-menu-interior-wrap #menu-elementary-school li,  #mobile-menu-interior-wrap #menu-st-stanislaus-school li,   #mobile-menu-interior-wrap #menu-st-stephen li,  #mobile-menu-interior-wrap #menu-st-brons li,  #mobile-menu-interior-wrap #menu-early-childhood li  {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: .05em;
    width: 100%;
    padding: 0 20px 0 0;
    border-bottom: 1px solid #ffffff;
    text-align: right;
    margin: 0;
}

#mobile-menu-wrap .sub-menu {
    display: none;
    margin-bottom: 20px;
}

#mobile-menu-interior-wrap #menu-main li li, #mobile-menu-interior-wrap #menu-high-school li li, #mobile-menu-interior-wrap #menu-middle-school li li,  #mobile-menu-interior-wrap #menu-elementary-school li li,  #mobile-menu-interior-wrap #menu-st-stanislaus-school li li,   #mobile-menu-interior-wrap #menu-st-stephen li li,  #mobile-menu-interior-wrap #menu-st-brons li li,  #mobile-menu-interior-wrap #menu-early-childhood li li  {
    border-bottom:none;
    line-height:24px;
}
#mobile-menu-interior-wrap #menu-main li:hover, #mobile-menu-interior-wrap #menu-high-school li:hover, #mobile-menu-interior-wrap #menu-middle-school li:hover,  #mobile-menu-interior-wrap #menu-elementary-school li:hover,  #mobile-menu-interior-wrap #menu-st-stanislaus-school li:hover,   #mobile-menu-interior-wrap #menu-st-stephen li:hover,  #mobile-menu-interior-wrap #menu-st-brons li:hover,  #mobile-menu-interior-wrap #menu-early-childhood li:hover  {
    background: transparent;
}

#mobile-menu-interior-wrap #menu-main li a, #mobile-menu-interior-wrap #menu-high-school li a, #mobile-menu-interior-wrap #menu-middle-school li a,  #mobile-menu-interior-wrap #menu-elementary-school li a,  #mobile-menu-interior-wrap #menu-st-stanislaus-school li a,   #mobile-menu-interior-wrap #menu-st-stephen li a,  #mobile-menu-interior-wrap #menu-st-brons li a,  #mobile-menu-interior-wrap #menu-early-childhood li a {
    font-size:15px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 36px;
    padding-right: 30px;
}
#mobile-menu-interior-wrap #menu-main li li a, #mobile-menu-interior-wrap #menu-high-school li li a, #mobile-menu-interior-wrap #menu-middle-school li li a,  #mobile-menu-interior-wrap #menu-elementary-school li li a,  #mobile-menu-interior-wrap #menu-st-stanislaus-school li li a,   #mobile-menu-interior-wrap #menu-st-stephen li li a,  #mobile-menu-interior-wrap #menu-st-brons li li a,  #mobile-menu-interior-wrap #menu-early-childhood li li a  {
    color:#a5acb0;
    font-size: 12px;
    line-height: normal;
}

#mobile-hero {
    width: 100%;
}

@media print {
    .print-only {
           display: initial;
       }
    #main-menu-top, #header, #navigation, #hero, .faith-links, #footer, .interior-hero, #sidebar, #sm {
        display: none;
    }
    #main {
        margin-top: 0;
        padding:85px 60px;
    }
    #hotboxes .four {
    width: 100%;
    padding: 45px 35px;
    }
    #hotboxes {
        background: #ffffff;
    }
    #home-calendar {
        background: #ffffff;
    }
    #home-calendar h3.white, p {
        color: #3c3f42;
    }
    #main.container {
    padding-left: 3.5%;
    padding-right: 3.5%;
    padding-top: 85px;
    }
    h1 {
    padding: 15px 0;
    font-size: 35px;
    letter-spacing: .025em;
    font-weight: bold;
    color: #314c71;
    }
}

.chart-container {
    max-width: 100%;
    overflow-x: auto;
}
.chart-container table {
    min-width: 700px;
}
.chart-container td > b {
    white-space: nowrap;
}
.chart-container td {
    margin-right: 10px;
}