@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,500;0,700;1,400&display=swap');

/* GENERAL LAYOUT */

.slick-dots li button::before {color:grey !important;font-size: 20px;}
.slick-dots li.slick-active button::before {color:white !important;font-size: 20px;}

*
{
    box-sizing:border-box;
    min-width:0;
    min-height:0;
}
html, body
{
    padding:0;
    margin:0;
    min-height:100%;
}
body
{
    line-height:1.6;
    color:#272727;
    font-family: "Lato", Sans-Serif;
    font-size:16px;
}
.container-fluid
{
    max-width:1600px;
    margin:0 auto;
    padding:0 50px;
}
img
{
    max-width:100%;
}
.flex_form
{
    display:flex;
    flex-direction:column;
    min-height:100%;
    margin:0;
    padding:0;
}
.content
{
    flex:1 0 auto;
}

.flex-container-fluid
{
    max-width:1280px;
    padding:0 15px;
    margin:0 auto;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

.singlewindow,
.dualwindow_container,
.protected_container
{
    padding-bottom:30px;
}

a{text-decoration:none;color:#385C3E;}
a:hover {text-decoration: underline;}
a img {border:none;}

h1, h2, h3, h4, h5, h6{line-height:1;}

/* Use this for page headers */
.PageTitleContainer
{
    margin:50px 0;
}
h1.page_header
{
    margin: 0;
    padding: 0px 0 15px;
    font-size: 36px;
    color: #333;
    font-weight: normal;
    border-bottom: 3px solid #333;
    text-transform: uppercase;
    line-height: 1;
}
@media (max-width:991px)
{
    .container-fluid{padding:0 10px;}
}
@media (max-width:767px)
{
    .component_container{padding:0;}
} 
@media (max-width:767.9px)
{
    .PageTitleContainer
    {
        margin:30px 0;
    }
    h1.page_header
    {
        font-size:24px;
    }
}

/* Use this for component headers */
h2.component_header
{
    color:#3C3C3C;
    font-size:26px;
    margin:0 0 .67em;
    font-family: "Lato", Serif;
    font-weight: 700;
}

/* Use this for titles inside of components */
/* Ex: Textwindow titles */
h3.component_title
{
    color:#3C3C3C;
    font-size:22px;
    margin:0 0 .67em;
    font-family: "Lato", Serif;
    font-weight: 700;
}
.dualwindow_left
{
    width:43.75%;
}
.dualwindow_right
{
    background: white;
    width:31.25%;
    /*border: 1px solid #EAEAEA;*/
}
@media (max-width:767px)
{
    .dualwindow_left
    {
        width:100%;
    }
    .dualwindow_right
    {
        width:100%;
    }
}
/*
.dualwindow_right h2.component_header
{
    font-size: calc(1.667em / 0.778);
}
.dualwindow_right h3.component_title
{
    font-size: calc(1em / 0.778);
}
*/
/* Use this for subtitles inside of components */
/* Ex: Textwindow subtitle (depricated) */
h4.component_subtitle
{
    
}

/* Container that surrounds every component */
/* Note: Also contains component headers */
.component_container
{
    margin-bottom:20px;
}

/* Clearfix for component container */
.component_container:after
{
    content:"";
    display:table;
    clear:both;
}
/*Used with some components, such as News. Using padding here may cause uneven sizing of different component types. */
.component_container_inner
{

    /*padding:20px;
    background:white;*/
}

@media screen and (max-width: 640px){.component_container_inner{text-align:center;}}


/* Error message used for things such as forms */
.errormsg
{
    font-weight: bold;
    color: Red;
}
/* END GENERAL LAYOUT */

/* SCHOOL CLOSINGS */
.schoolclosings_titletext
{
	font-size: 1.286em;
	font-weight: 500;
	color: White;	
}
.schoolclosings_maintext
{
	font-size: 1em;
	font-weight: normal;
	color: White;	
}
/* END SCHOOL CLOSINGS */

/* TOP NAV */
nav
{
    display:flex;
    
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
nav a
{
    text-decoration:none;
    color:white;
}
nav .topnav_flex
{
    flex:1;
    min-width:15px;
}
nav li.topnav_homebutton > a
{
    font-size:20px;
}
nav .container-fluid
{
    margin:0;
    width:100%;
    padding:0;
}
nav a:hover{text-decoration:none;}
nav ul
{
    width:100%;
    margin:0;
    list-style:none;
    z-index:9999;
    padding:0;
    display:flex;
    flex-direction:row;
    justify-content:stretch;
}
nav ul li
{
    position:relative;
    cursor:pointer;
}
nav ul li a
{
    display:block;
    font-size:16px;
    padding:0;
    height:60px;
    line-height:1;
    font-weight: bold;
}
nav ul li.nav-item:hover
{
    background-color: #000;
}
nav ul li.nav-item:hover > a
{
    color:#fff;
}
nav ul li ul
{
    padding:5px;
    position:absolute;
    top:60px;
    left:0;
    width:300px;
    min-width:100%;
    display:none;
    border:none;
    overflow:hidden;
    z-index:9999;
    background:white;
    text-align:left;
    text-transform:none;
    z-index:999;
    font-weight:normal;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}
nav ul li ul li{display:block;}
nav ul li ul li a
{
  
    display:block;
    font-weight: 400;
    font-size:14px;
    color:#333;
    height:auto;
    line-height:1;
    padding:6px 7px;
    margin:0;
}
nav ul li ul li a:hover
{
    background:#000;
    color:#fff;
}
nav ul li:nth-child(n + 4) ul{left: calc(-300px + 100%);}
nav ul li:hover ul{display:block;}

.nav_title
{
    cursor:default;
    font-weight:bold;
    text-align:center;
    border-bottom:2px solid #101010;
    padding-top:10px;
}
.nav_title:hover
{
    background:none;
    color:#000;
}

/* Elementary Schools Top Nav */
nav.topnav_elem
{
    position:relative;
}
nav.topnav_elem::before,
nav.topnav_elem::after
{
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(50,50,50,.5);
    height: 2px;
    z-index:3;
}
nav.topnav_elem::after
{
    top:unset;
    bottom:0;
}
nav.topnav_elem li.nav-item:hover
{
    position:relative;
    z-index:4;
}
nav.topnav_elem li.nav-item:hover::before,
nav.topnav_elem li.nav-item:hover::after
{
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(50,50,50,.5);
    height: 2px;
    z-index:3;
}
nav.topnav_elem li.nav-item:hover::after
{
    top:unset;
    bottom:0;
}
nav.topnav_elem li.nav-item > a
{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:normal;
    padding:0 20px;
}
nav.topnav_elem li.nav-item > a::after
{
    content:'';
    width:1px;
    background:#fff;
    height:40px;
    position:absolute;
    right:-0.5px;
    top:10px;
    z-index:3;
}
nav.topnav_elem li.nav-item:last-of-type a::after
{
    display:none;
}

nav.topnav_centennial,
nav.topnav_oakmontelem
{
    background:#FF8A15;
}
nav.topnav_centennial li.nav-item:first-of-type > a,
nav.topnav_oakmontelem li.nav-item:first-of-type > a
{
    background:#000063;
    color:#fff;
}
nav.topnav_centennial li.nav-item > a,
nav.topnav_oakmontelem li.nav-item > a
{
    color:#000;
}
nav.topnav_centennial .topnav_preflex,
nav.topnav_oakmontelem .topnav_preflex
{
    background:#000063;
}
nav.topnav_centennial li.nav-item:hover,
nav.topnav_oakmontelem li.nav-item:hover
{
    background:#000063;
}
nav.topnav_centennial li.nav-item:hover > a,
nav.topnav_oakmontelem li.nav-item:hover > a
{
    color:#fff;
}

nav.topnav_charlotteelem
{
    background:#000;
}
nav.topnav_charlotteelem li.nav-item:first-of-type > a
{
    background:#fff;
    color:#000;
}
nav.topnav_charlotteelem .topnav_preflex
{
    background:#fff;
}
nav.topnav_charlotteelem li.nav-item:hover
{
    background:#fff;
}
nav.topnav_charlotteelem li.nav-item:hover > a
{
    color:#000;
}

nav.topnav_dicksonelem
{
    background:#fff;
}
nav.topnav_dicksonelem li.nav-item:first-of-type > a
{
    color:#fff;
    background:#0000D6;
}
nav.topnav_dicksonelem .topnav_preflex
{
    background:#0000D6;
}
nav.topnav_dicksonelem li.nav-item > a
{
    color:#000;
}
nav.topnav_dicksonelem li.nav-item:not(:first-of-type) > a::after
{
    background:#000;
}
nav.topnav_dicksonelem li.nav-item:hover
{
    background:#0000D6;
}
nav.topnav_dicksonelem li.nav-item:hover > a
{
    color:#fff;
}

nav.topnav_discoveryschool
{
    background:#FAD21A;
}
nav.topnav_discoveryschool li.nav-item:first-of-type > a
{
    background:#035D58;
    color:#fff;
}
nav.topnav_discoveryschool .topnav_preflex
{
    background:#035D58;
}
nav.topnav_discoveryschool li.nav-item > a
{
    color:#000;
}
nav.topnav_discoveryschool li.nav-item:hover
{
    background:#035D58;
}
nav.topnav_discoveryschool li.nav-item:hover > a
{
    color:#fff;
}

nav.topnav_stuartburnselem
{
    background:#fff;
}
nav.topnav_stuartburnselem li.nav-item:first-of-type > a
{
    background:#CC0000;
    color:#fff;
}
nav.topnav_stuartburnselem .topnav_preflex
{
    background:#CC0000;
}
nav.topnav_stuartburnselem li.nav-item > a
{
    color:#000;
}
nav.topnav_stuartburnselem li.nav-item:hover
{
    background:#cc0000;
}
nav.topnav_stuartburnselem li.nav-item:hover > a
{
    color:#fff;
}
nav.topnav_stuartburnselem li.nav-item > a::after
{
    background:#000;
}

nav.topnav_vanleer
{
    background:#e5e5e5;
}
nav.topnav_vanleer li.nav-item:first-of-type > a
{
    background:#631515;
    color:#fff;
}
nav.topnav_vanleer .topnav_preflex
{
    background:#631515;
}
nav.topnav_vanleer li.nav-item > a
{
    color:#000;
}
nav.topnav_vanleer li.nav-item:hover
{
    background:#631515;
}
nav.topnav_vanleer li.nav-item:hover > a
{
    color:#fff;
}

nav.topnav_whitebluff
{
    background:#FFFFFF;
}
nav.topnav_whitebluff li.nav-item:first-of-type > a
{
    background:#0000FF;
    color:#fff;
}
nav.topnav_whitebluff .topnav_preflex
{
    background:#0000FF;
}
nav.topnav_whitebluff li.nav-item > a
{
    color:#000;
}
nav.topnav_whitebluff li.nav-item > a::after
{
    background:#000;
}
nav.topnav_whitebluff li.nav-item:hover
{
    background:#0000FF;
}
nav.topnav_whitebluff li.nav-item:hover > a
{
    color:#fff;
}
nav.topnav_sullivan
{
    background:#C4C6C5;
}
nav.topnav_sullivan li.nav-item:first-of-type > a
{
    background:#09233C;
    color:#fff;
}
nav.topnav_sullivan li.nav-item > a
{
    color:#000;
}
nav.topnav_sullivan .topnav_preflex
{
    background:#09233C;
}
nav.topnav_sullivan li.nav-item:hover
{
    background:#09233C;
}
nav.topnav_sullivan li.nav-item:hover > a
{
    color:#fff;
}

/* Middle Schools Top Nav */
nav.topnav_ms
{
    border-top:3px solid #000;
}
nav.topnav_ms a
{
    color:#000;
}
nav.topnav_dicksonint a
{
    color:#fff;
}
nav.topnav_ms li.nav-item > a
{
    padding:15px 15px 15px 10px;
}

nav.topnav_charlottems li.nav-item:first-of-type > a
{
    background:#000;
    color:#fff;
}
nav.topnav_charlottems .topnav_preflex
{
    background:#000;
}


nav.topnav_dicksonms
{
    background:#a4a4a4;
}
nav.topnav_dicksonint
{
    background:#004AAD;
    border-top: 3px solid #004AAD;
}
nav.topnav_dicksonms li.nav-item:first-of-type > a
{
    background:#631515;
    color:#fff;
}
nav.topnav_dicksonint li.nav-item:first-of-type > a
{
    background:#fff;
    color:#004AAD;
}
nav.topnav_dicksonms .topnav_preflex
{
    background:#631515;
}
nav.topnav_dicksonint .topnav_preflex
{
    background:#FFF;
}
nav.topnav_dicksonms li.nav-item:hover
{
    background:#631515;
}
nav.topnav_dicksonint li.nav-item:hover
{
    background:#fff;
}
nav.topnav_dicksonint li.nav-item:hover
{
    background:#fff;
}
nav.topnav_dicksonint li.nav-item:hover > a
{
    color:#004AAD;
}
nav.topnav_williamjames li.nav-item:first-of-type > a
{
    background:#F8D533;
    color:#000;
}
nav.topnav_williamjames li.nav-item:first-of-type:hover > a
{
    color:#000;
}
nav.topnav_williamjames .topnav_preflex
{
    background:#F8D533;
}
nav.topnav_williamjames li.nav-item:hover 
{
    background:#F8D533;
}
nav.topnav_williamjames li.nav-item:hover > a
{
    color:#000;
}


nav.topnav_newdirections 
{
    background:#fff;
}
nav.topnav_newdirections li.nav-item:first-of-type > a
{
    background:#196007;
    color:#fff;
}
nav.topnav_newdirections .topnav_preflex
{
    background:#196007;
}
nav.topnav_newdirections li.nav-item:hover
{
    background:#196007;
}
nav.topnav_newdirections li.nav-item:hover > a
{
    color:#fff;
}

nav.topnav_burns
{
    background:#929595;
}
nav.topnav_burns li.nav-item:first-of-type > a
{
    background:#A7031B;
    color:#fff;
}
nav.topnav_burns .topnav_preflex
{
    background:#A7031B;
}
nav.topnav_burns li.nav-item:hover
{
    background:#A7031B;
}

.loggedin_whitetext
{
    color:White;
}
.loggedin_whitetextbold
{
    color:White;
}

/* High Schools Top Nav */
nav.topnav_hs
{
    
}
nav.topnav_hs li.nav-item
{
    flex:auto;
}
nav.topnav_hs li.nav-item > a
{
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
}
nav.topnav_creekwood
{
    background:#cc0000;
}
nav.topnav_creekwood li.nav-item > a
{
}
nav.topnav_creekwood li.nav-item:hover
{
    background:rgba(0,0,0,.5);
}
nav.topnav_dicksonhs
{
    background:#FF8A15;
}
nav.topnav_dicksonhs li.nav-item > a
{
    color:#000063;
}
nav.topnav_dicksonhs li.nav-item:hover
{
    background:rgba(0,0,0,.5);
}

/* District/Default Top Nav */
nav.topnav_district .container-fluid
{
    padding-left:185px;
}
nav.topnav_district
{
    font-weight:bold;
    background-color:rgba(56,92,62,.6);
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.4);
    margin-top:10px;
    font-family:'Jost', Sans-Serif;
    z-index:5;
    position:relative;
}
nav.topnav_district li.nav-item
{
    flex:auto;
}
nav.topnav_district li.nav-item > a
{
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:none;
    height:50px;
    font-size:20px;
}

.topnav_homepage
{
    margin-bottom:0;
}

nav.topnav_district ul li ul
{
    top:50px;
}

.slicknav_menu, .mobile_nav{display:none;}

@media screen and (max-width:1050px)
{
    nav.topnav_district li.nav-item > a{font-size:16px;}
    .Ownership, .CMS, .HS
    {
        text-align: center !important;
        margin: 0 !important;
    }
}
@media screen and (max-width: 991.9px)
{
    .js #navigation, nav {display:none;}
    .slicknav_menu, .mobile_nav{display:block;}
}
/* END TOP NAV */

/* HOMEPAGE QUICKLINKS */
.district_quicklinks
{
    background-color:#FFF;
    border-top:none;
    border-bottom:none;
    padding:50px 15px;
}
.district_quicklinks .quicklinks_quicklink
{
    height:auto;
}
.elem_quicklinks
{
    background-color:#fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(150,150,150,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(150,150,150,0.3);
    box-shadow: 0px 0px 10px 0px rgba(150,150,150,0.3);
    position:relative;
}
.elem_quicklinks .quicklinks_slider
{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:0 15px;
}
.elem_quicklinks .quicklinks_quicklink
{
    color:#000;
    background:#99cc33;
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:120px;
    min-width:120px;
    padding:0 10px;
}
.elem_quicklinks .quicklinks_icon
{
    height:auto;
    margin:10px 0;
}
.elem_quicklinks .quicklinks_text
{
    font-weight:normal;
}
.elem_quicklinks .quicklinks_quicklink:nth-child(2){background:#339999;}
.elem_quicklinks .quicklinks_quicklink:nth-child(3){background:#cccc33;}
.elem_quicklinks .quicklinks_quicklink:nth-child(4){background:#ff6633;}
.elem_quicklinks .quicklinks_quicklink:nth-child(5){background:#cc3333;}
.elem_quicklinks .quicklinks_quicklink:nth-child(6){background-color:#9966cc;}
.elem_quicklinks .quicklinks_quicklink:nth-child(7){background-color:#993366;}
.elem_quicklinks .quicklinks_quicklink:nth-child(8){background-color:#333399;}   


.district_quicklinks .quicklinks_quicklink
{
    color:#fff;
}
.district_quicklinks  .quicklinks_quicklink:hover
{
    color:#C5F5F5;
}

.hs_quicklinks
{
    background-color:#fff;
}
.hs_quicklinks .quicklinks_slider
{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.hs_quicklinks .quicklinks_quicklink
{
    color:#333;
    flex:1;
    min-width:100px;
    padding:10px;
}
.hs_quicklinks .quicklinks_quicklink:hover
{
    color:#fff;
}

.quicklinks_container
{
    padding:30px 15px;
}
.quicklinks_slider
{
    margin-bottom:0;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
}
.quicklinks_quicklink
{
    text-align:center;
    transition:all .2s ease;
    padding:0 7.5px;
}
.quicklinks_quicklink:hover
{
    text-decoration:none;
}
.quicklinks_icon
{
    font-size:36px;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.quicklinks_icon svg,
.quicklinks_text
{
    transition:transform .2s ease;
}
.quicklinks_quicklink:hover .quicklinks_icon svg
{
    transform:scale(1.15);
}
.quicklinks_text
{
    text-transform:uppercase;
    font-size:14px;
    font-weight:800;
}

.quicklinks_slider .slick-prev::before, 
.quicklinks_slider .slick-next::before
{
    display:none;
}
.quicklinks_slider .slick-prev, 
.quicklinks_slider .slick-next
{
    background-color:transparent !important;
    color:#fff;
    font-size:20px;
    height:auto;
    width:20px;
    transition:padding .2s ease;
    text-align:center;
}
.hs_quicklinks .quicklinks_slider .slick-prev,
.hs_quicklinks .quicklinks_slider .slick-next,
.elem_quicklinks .quicklinks_slider .slick-prev,
.elem_quicklinks .quicklinks_slider .slick-next
{
    color:#333;
}
.quicklinks_slider .slick-prev{left:-10px;}
.quicklinks_slider .slick-next{right:-10px;}

.quicklinks_slider .slick-prev:hover,
.quicklinks_slider .slick-next:hover
{
    background-color:transparent !important;
    color:#C5F5F5;
}
.hs_quicklinks .quicklinks_slider .slick-prev:hover,
.hs_quicklinks .quicklinks_slider .slick-next:hover,
.elem_quicklinks .quicklinks_slider .slick-prev:hover,
.elem_quicklinks .quicklinks_slider .slick-next:hover
{
    color:#000;
}
.quicklinks_slider .slick-prev:hover{padding-right:5px;}
.quicklinks_slider .slick-next:hover{padding-left:5px;}

.district_quicklinks .quicklinks_slider
{
    max-width:1600px;
}
.district_quicklinks .quicklinks_icon
{
    font-size:40px;
    height:90px;
}
.district_quicklinks .fa-circle
{
    font-size:90px;
}
.district_quicklinks .quicklinks_quicklink:nth-child(4n+1) .fa-circle
{
    color:#569960;
}
.district_quicklinks .quicklinks_quicklink:nth-child(4n+2) .fa-circle
{
    color:#914542;
}
.district_quicklinks .quicklinks_quicklink:nth-child(4n+3) .fa-circle
{
    color:#884F87;
}
.district_quicklinks .quicklinks_quicklink:nth-child(4n+4) .fa-circle
{
    color:#F28D28;
}
.district_quicklinks .fa-fw
{
    width:2.4em;
}
.district_quicklinks .fa-layers
{
    height:2.4em;
}
.district_quicklinks .quicklinks_quicklink:hover .quicklinks_icon svg
{
    transform:scale(1);
}
.district_quicklinks .quicklinks_quicklink:hover .quicklinks_icon svg:not(.fa-circle)
{
    color:#061528;
}
.district_quicklinks .quicklinks_text
{
    color:Black;
    font-size:22px;
    font-family:'Jost', Sans-Serif;
    text-transform:none;
    font-weight:normal;
}
.district_quicklinks .quicklinks_slider .slick-prev, .district_quicklinks .quicklinks_slider .slick-next
{
    color:#569960;
    font-size:75px;
    width:47px;
}
.district_quicklinks .quicklinks_slider .slick-prev
{
    left:-13px;
}
.district_quicklinks .quicklinks_slider .slick-next
{
    right:-13px;
}

@media (max-width:767.9px)
{
    .elem_quicklinks .quicklinks_quicklink
    {
        height:100px;
        min-width:100px;
    }
    .quicklinks_icon
    {
        font-size:24px;
    }
    .quicklinks_text
    {
        font-size:12px;
        line-height:1;
        font-weight:bold;
    }
    .district_quicklinks .quicklinks_quicklink{padding-bottom:10px;}
}
@media screen and (max-width:640px)
{
    .district_quicklinks{width:100%; float:left; clear:both;}
}
/* END HOMEPAGE QUICKLINKS */

/* DISTRICT HOMEPAGE NEWS */
.hpdistrict_news_slider .slick-track
{
    margin-left:0;
}
.hpdistrict_news_slider 
{
    padding:0;
}
.hpdistrict_news_article
{
    padding:0 10px 15px;
    height:auto;
}
.hpdistrict_news_container
{
}
.hpdistrict_news_photocontainer
{
    position:relative;
    text-align:center;
}
.hpdistrict_news_title
{
    font-size:25px;
    margin:0;
    padding:4px 10px;
    line-height:1.6;
    position:absolute;
    z-index:2;
    bottom:0;
    left:auto;
    right:auto;
    width:100%;
    background:rgba(255,255,255,.65);
    color:Black;
    font-family:'Jost', Sans-Serif;
    font-weight:500;
}
.hpdistrict_news_image
{
    display:inline-block !important;
    margin:0;
    width:100%;
    max-width:355px;
    position:relative;
    z-index:1;
}
.hpdistrict_news_subcontainer
{
    background:#FFC993;
    margin-bottom:2px;
    padding:5px 10px;
}
.hpdistrict_news_text
{
    display:block;
    font-size:18px;
    line-height:20px;
    text-align:left;
    margin:0;
    font-family:'Jost', Sans-Serif;
    font-weight:300;
}
.hpdistrict_news_linkscontainer
{
    display:flex;
    align-items:stretch;
    justify-content:center;
}
.hpdistrict_news_readmorecontainer
{
    background:#FFC993;
    flex:1;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px 0;
    min-height:50px;
}
.hpdistrict_news_readmore
{
    font-size:14px;
    text-decoration:none;
    color:Black;
    font-family:'Jost', Sans-Serif;
    font-size:18px;
    line-height:20px;
    font-weight:500;
}
.hpdistrict_news_socialcontainer
{
    background:#FFC993;
    flex:1;
    margin:0 0 0 2px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:space-around;
}
.hpdistrict_news_socialcontainer a
{
    color:black;
    font-size:18px;
}
.hpdistrict_news_socialcontainer a:hover
{
    color:Black;
}
.hpdistrict_news_datecontainer
{
    background:#000;
    color:White;
    flex:1;
    text-align:center;
    font-family:'Jost', Sans-Serif;
    font-size:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    
    display:none;
}
.hpdistrict_news_container .slick-prev, .hpdistrict_news_container .slick-next {
    color: #569960;
    font-size: 75px;
    width:47px;
    height:75px;
}
.hpdistrict_news_container .slick-prev
{
    left:-60px;
}
.hpdistrict_news_container .slick-next
{
    right:-60px;
}
/* END DISTRICT HOMEPAGE NEWS */

/* HEADER */
.HeaderTop
{
    background-color:#000;
    padding:8px 0;
    position:relative;
}
.header_top_container
{
    display:flex;
    flex-direction:row;
    align-items:center;
}
/* Google Translate Styles */
.GoogleTranslate 
{
  flex: 1;
}
.HeaderTranslateButton
{
    color:White;
    background:#5D5D5D;
    padding:6px 0;
    margin-top:5px;
    border-radius:30px;
    text-align:center;
    float:left;
    width:230px;
    font-size:1em;
    font-weight:bold;
    text-transform:uppercase;
}
.HeaderTranslateButton:hover
{
    background-color:#333;
    color:white;
}
.HeaderTranslateButton .fa-globe-americas
{
    font-size:1.000em;
}
.HeaderTranslateButton .fa-chevron-down
{
    font-size:1.000em;
}
/* End Google Translate Styles */

.HomeLink
{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:White;
    line-height:1;
    font-weight:bold;
    margin:0 4px;
    background-color:#487F4F;
    height:40px;
    border-radius:3px;
    padding:0 10px;
    transition:0.2s all ease-out;
}
.HomeLink:hover, .HomeLink:focus
{
    text-decoration:none;
    background-color:#303030;
    color:white;
}
.header_socialbutton
{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    height:40px;
    width:40px;
    font-size:16px;
    border-radius:3px;
    margin:0 8px;
    color:#fff;
    line-height:1;
}
a.header_socialbutton:last-of-type
{
    margin-left:0;
}
.FacebookButton
{
    background-color:#415897;
}
.TwitterButton
{
    background-color:#40A0F1;
}
.social_button_icon
{
    transition:transform .2s ease;
}
.DistrictFB, .DistrictTW{display:none;}
.FacebookButton:hover .social_button_icon,
.TwitterButton:hover .social_button_icon
{
    transform:rotate(10deg) scale(1.1);
}
.SearchDiv
{
    float:right;
    width:200px;
    border: 1px solid #4D4D4D;
    background-color: #303030;
    border-radius: 4px;
    padding-left:1px;
}
.SearchDiv input
{
    width: calc(100% - 31px);
    border: none !important;
    outline: none !important;
    padding-left:10px;
    background:#000;
    color:white;
    height:38px;
}
.SearchDiv span svg
{
    color: #059662;
    cursor: pointer;
}
.SearchDiv a
{
    padding-left: 0;
}
.SearchDiv svg
{
    color: #FFF;
    width: 24px !important;
}

header
{
    position:relative;
    background-color: #F9FAFB;
    padding:15px 0;
    font-size:16px;
    z-index:2;
}
.header_container
{
    display:flex;
    flex-direction:row;
    align-items:center;
}
header a, header a:active, header a:hover, header a:focus{text-decoration:none;}
.header_image
{
    width:100%;
    width:120px;
    height:120px;
    object-fit:contain;
    margin-right:30px;
    transition:transform .2s ease;
}
.header_image:hover
{
    transform:scale(1.05);
}
header h1
{
    text-decoration:none;
    text-align:left;
    font-weight:800;
    font-size: 46px;
    display:block;
    text-transform:uppercase;
    margin:0;
}
header h1 a
{
    color:#385C3E;
}
header h2
{
    color: #303030;
    font-weight: normal;
    font-size: 24px;
    margin: 10px 0 0;
    font-family: "cortado";
}
.header_boldtext
{
    font-weight:900;
}

/* District Header */
.HeaderTop.headertop_district
{
    background-color:#5780B0;
    font-family:'Jost', Sans-Serif;
    padding:8px 0 0;
}
.HeaderTop.headertop_district .header_top_container
{
    justify-content:flex-end;
}
.HeaderTop.headertop_district .GoogleTranslate
{
    display:none;
}
.HeaderTop.headertop_district .HeaderTranslateButton
{
    display:inline-block;
    padding-right:50px;
}
.HeaderTop.headertop_district .SchoolFB, .HeaderTop.headertop_district .SchoolTW{display:none;}
.HeaderTop.headertop_district .DistrictFB, .HeaderTop.headertop_district .DistrictTW{display:inline;}
.HeaderTop.headertop_district .FacebookButton, .HeaderTop.headertop_district .TwitterButton
{
    font-size:25px;
    height:25px;
    width:25px;
    background:transparent;
}
.HeaderTop.headertop_district .GoogleSearch
{
    margin-left:50px;
    width:240px;
}
.HeaderTop.headertop_district .gsc-search-box
{
    background:White !important;
    border:none !important;
    border-radius:13px !important;
    height:25px;
}
.HeaderTop.headertop_district form.gsc-search-box
{
    height:25px;
}
.HeaderTop.headertop_district input.gsc-input
{
    color:Black !important;
    padding-top:10px;
}
.HeaderTop.headertop_district .gsc-input-box
{
    margin-top:0;
}
.HeaderTop.headertop_district .gsc-search-button-v2 svg
{
    fill:#000 !important;
}
header.header_district
{
    background:#5780B0;
    font-family:'Jost', Sans-Serif;
    padding:0;
    z-index:6;
}
header.header_district .header_logo
{
    margin-bottom:-80px;
    width:160px;
}
header.header_district .header_image
{
    width:100%;
    height:auto;
}
header.header_district .header_titlebox
{
    padding-left:20px;
}
header.header_district h1
{
    font-size:40px;
    line-height:45px;
    font-weight:500;
    text-transform:none;
}
@media screen and (max-width:991px)
{
    header.header_district{padding:0 0 5px;}
    header.header_district .header_logo{margin-bottom:0; width:150px;}
}
@media screen and (max-width:768px)
{
    header.header_district h1{line-height:1.2; font-size:32px;}
    .HeaderTop.headertop_district .HeaderTranslateButton{display:none;}
}
@media screen and (max-width:499.9px)
{
    header.header_district{padding:5px 0;}
    header.header_district .header_image{display:block; margin-bottom:15px; margin-top:5px;}
}
header.header_district h1 a
{
    color:White;
}
header.header_district h2
{
    display:none;
}
/* End District Header */

/* Elementary School Headers */
header.header_elem
{
    font-family:"proxima-nova", Sans-Serif;
    background-image:url('/sysimages/backgrounds/elem_hp.png');
}
header.header_elem h1
{
    font-weight:200;
    letter-spacing:.2em;
}
header.header_centennial h1 a,
header.header_oakmontelem h1 a
{
    color:#000063;
}
header.header_charlotteelem h1 a
{
    color:#000;
}
header.header_dicksonelem h1 a
{
    color:#0000D6;
}
header.header_stuartburns h1 a
{
    color:#CC0000;
}
header.header_discoveryschool h1 a
{
    color:#035D58;
}
header.header_vanleer h1 a
{
    color:#631515;
}
header.header_whitebluff h1 a
{
    color:#0000FF;
}
header.header_sullivan h1 a
{
    color:#00A636;
}

/* Middle School Headers */
header.header_ms
{
    
}
header.header_ms h1
{
    text-transform:none;
}
header.header_dicksonint h1
{
    text-transform:uppercase;
}
header.header_charlottems
{
    background:#FFD119;
}
header.header_charlottems h1 a
{
    color:#000;
}
header.header_dicksonms
{
}
header.header_dicksonint
{
    background-image:none;
}
header.header_dicksonms h1 a
{
    color:#631515;
}
header.header_dicksonint h1 a
{
    color:#004AAD;
}
header.header_williamjames
{
    background:#4A2896;
}
header.header_williamjames h1 a
{
    color:#fff;
}
header.header_newdirections
{
}
header.header_newdirections h1 a
{
    color:#196007;
}
header.header_burns
{
}
header.header_burns h1 a
{
    color:#631515;
}

/* High School Headers */
header.header_hs h1 a
{
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.5);
}
header.header_dicksonhs
{
    background:#000063;
}
header.header_dicksonhs h1 a
{
    color:#FF8A15;
}
header.header_creekwood
{
    background:#000063;
}
header.header_creekwood h1 a
{
    color:#CC0000;
}

@media screen and (max-width:991.9px)
{
    header h1{font-size:32px;}
}
@media screen and (max-width:767.9px)
{
    .header_boldtext{display:block;}
}
@media screen and (max-width:499.9px)
{
    header h1
    {
        text-align:center;
        font-size:28px;
    }
    header h2
    {
        display:none;
    }
    .header_container
    {
        flex-direction:column;
    }
    .header_image
    {
        margin-right:0;
        margin-bottom:30px;
    }
    .header_image
    {
        display:none;   
    }
    .GoogleTranslate{display:none;}
    .GoogleSearch{flex:1;}
}

/* END HEADER */

/* LOGIN FORMS */
.login_form{width:50%;}
.login_form label
{
    display:table;
    table-layout:fixed;
    width:100%;
    margin-bottom:5px;
}
.login_form label span
{
    display:table-cell;
    text-align:right;
    padding-right:5px;
}
.login_form label input
{
    display:table-cell;
    width:100%;
}
.login_form input[type="submit"]
{
    width:50%;
    float:right;
}
/* END LOGIN FORMS */

/* FORMS */
.form-error
{
    display:inline;
    color:Red;
    font-weight:normal;
}
label.no-bold
{
    font-weight:normal !important;
}
textarea.form-control
{
    resize:vertical;
}
.form-content
{
    margin:1em 0;
}
hr.form-separator
{
    margin:1em 0;
    height:1px;
    background:#dfdfdf;
    border:none;
}
/* END FORMS */

/* CAPTCHA */
.captcha_img
{
    margin-bottom:15px;
}
.captcha-text
{
    font-size:0.714em;
}
/* END CAPTCHA */

/* FOOTER */
footer
{
    background:#4F8257;
    color:#fff;
    padding:60px 0;
    position:relative;
    font-family:'Jost', Sans-Serif;
    clear:both;
}
footer.footer_district
{
    padding:20px 0 20px;
}
footer::before
{
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(50,50,50,.5);
    height: 4px;
    z-index: 3;
}
footer.footer_district::before 
{
    display:none;
}
.footer_container
{
    display:flex;
    flex-direction:row;
    align-items:center;
}
footer a
{
    color:#fff;
}
.footer_logo
{
    align-self:center;
    transition:transform .2s ease;
}
.footer_logo:hover
{
    transform:scale(1.1);
}
.footer_logo img
{
    width:150px;
    height:150px;
    object-fit:contain;
}
footer.footer_district .footer_logo
{
    margin-right:20px;
}
footer.footer_district .footer_logo img
{
    width:100px;
    height:100px;
}
.footer_info
{
    margin:0 30px;
    flex:1;
}
.footer_textwindow
{
    width:40%;
}
footer h1
{
    margin:0;
    padding:0;
    font-size:1.5em;
    font-weight:900;
    text-transform:uppercase;
}
footer.footer_district h1
{
    text-transform:none;
    font-size:50px;
    line-height:59px;
    font-weight:500;
}
.footer_address, .footer_phone
{
    display:none;
}
footer.footer_district .footer_info
{
    display:none;
}
footer.footer_district .footer_address
{
    display:block;
    flex:0.85;
}
footer.footer_district .footer_phone
{
    display:block;
    flex:0.85;
}
.footertext
{
    display:block;
    margin:15px 0;
    font-size:16px;
}
footer.footer_district .footertext
{
    font-size:20px;
    line-height:30px;
    font-weight:500;
}
.footer_socialbox
{
    display:flex;
    flex-direction:row;
    padding:5px 0;
}
footer.footer_district .footer_socialbox
{
    display:none;
}
.footer_socialbutton
{
    font-size:22px;
    margin-right:20px;
    transition:transform .2s ease;
}
.footer_socialbutton:hover
{
    transform:rotate(15deg) scale(1.1);
}

h2.footer_textwindow_title
{
    font-size:18px;
    margin:0 0 15px;
    padding:0;
    line-height:1;
    font-weight:normal; 
}
.footer_textwindow_text
{
    font-size:16px;
}
footer.footer_district .footer_textwindow
{
    display:none;
}
.footer_links
{
    display:none;
   
}
footer.footer_district .footer_links
{
    display:block;
    flex:1;
}
.footer_links ul
{
    list-style:none;
    text-align:right;
    display:flex;
    padding:0;
    justify-content:space-between;
    margin:0;
}
.footer_links ul li
{
    padding:3px 0;
}
.footer_links ul li a
{
    font-weight:500;
    font-size:20px;
    line-height:30px;
    color:White;
    text-transform:uppercase;
}
.appBadges 
{
    display: block ruby;
    text-align: center;
    background-color: #0c2e5a;
}
.appBadgesDistrict{display:none;}
.appBadges.footer_badges_district
{
    display:none;
}
footer.footer_district .appBadgesDistrict
{
    display:flex;
    flex:1;
    background:transparent;
    justify-content:space-around;
    margin-left:10px;
}
.appBadges a
{
    font-size:1.333em;
    filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .7));
    margin-left:20px;
    border-radius:!important 8px;
}
.appBadgesDistrict a
{
    margin:0;
}
.subfooter.subfooter_district
{
    background-color:#5780B0;
    font-family:'Jost', Sans-Serif;
}

/* Elementary School Footers */
footer.footer_centennial
{
    background:#000063;
}
footer.footer_charlotteelem
{
    background:#000;
    border-bottom:3px solid #fff;
}
footer.footer_dicksonelem
{
    background:#0000D6;
}
footer.footer_oakmont
{
    background:#000063;
}
footer.footer_discoveryschool
{
    background:#035D58;
}
footer.footer_stuartburns
{
    background:#CC0000;
}
footer.footer_vanleer
{
    background:#631515;
}
footer.footer_whitebluff
{
    background:#0000FF;
}
footer.footer_sullivan
{
    background:#00A636;
}

/* Middle School Footers */
footer.footer_newdirections
{
    background:#196007;
}
footer.footer_charlottems
{
    background:#FFD119;
    color:#000;
}
footer.footer_charlottems a
{
    color:#000;
}
footer.footer_dicksonms,
footer.footer_dicksonint
{
    background:#a4a4a4;
    color:#000;
}
footer.footer_dicksonms a,
footer.footer_dicksonint a
{
    color:#000;
}
footer.footer_williamjames
{
    background:#4A2896;
}
footer.footer_burns
{
    background:#929595;
    color:#000;
}
footer.footer_burns a
{
    color:#000;
}

/* High School Footers */
footer.footer_dicksonhs
{
    background:#000063;
}
footer.footer_creekwood
{
    background:#000063;
}

.subfooter
{
    padding:10px 0;
    background-color:#000;
    color:#fff;
    font-size:14px;
}
.subfooter_ownership
{
    flex:1;
}
.subfooter_esvlink,
.subfooter_compliance
{
    padding:0 .5em;
}
.subfooter_container
{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    width:100%;
    align-items:center;
}
.subfooter a
{
    color:#fff;
    text-decoration:none;
}
.subfooter a:hover
{
    color:#fff;
    text-decoration:underline;
}
@media screen and (max-width:1100px)
{
    footer.footer_district .footertext{font-size:16px;}
    .footer_links ul li a{font-size:16px;}
}

@media (max-width:991.9px)
{
    footer
    {
        padding:30px 0;
    }
    .subfooter_container
    {
        flex-wrap:wrap;
        text-align:center;
        justify-content:center;
    }
    .subfooter_ownership
    {
        flex:none;
        width:100%;
    }
    .footer_container
    {
        text-align:center;
        align-items:center;
        flex-direction:column;
    }
    .footer_logo img
    {
        width:100px;
        height:100px;
    }
    .footer_info
    {
        width:100%;
        flex:none;
        margin:15px 0;
    }
    .footer_textwindow
    {
        width:100%;
    }
    .footer_socialbox
    {
        justify-content:center;
    }
    footer h1
    {
        font-size:20px;
    }
    h2.footer_textwindow_title
    {
        font-size:16px;
    }
    .footer_textwindow_text,
    .footertext
    {
        font-size:14px;
    }
    footer.footer_district .footer_links{width:100%; max-width:268px;}
    .footer_links ul{text-align:center; padding:0;}
}
/* END FOOTER */

/* DISTRICT SLIDESHOW */
.district_slideshow_container
{
    background-image:none;
    background-position:center center;
    background-size:cover;
    background-color:Black;
    padding:0;
    position:relative;
    z-index:1;
    margin-top:-50px;
}
.district_slideshow
{
    margin:0 !important;
}
.district_slideshow .slick-track
{
    display:flex;
    flex-direction:row;
    align-items:stretch;
}
.district_slideshow_slide
{
    position:relative;
    height:auto;
}
.video_slide
{
    
}
.district_slideshow
{
    /*border:8px solid #fff;
    box-shadow:0 0 16px 0 rgba(0,0,0,.4);*/
}
.district_slideshow_caption_container
{
    position:absolute;
    bottom:80px;
    right:50px;
    z-index:2;
    display:block;
    background:rgba(14,17,21,.9);
    padding:20px 30px;
    border-radius:4px;
    max-width:calc(100% - 100px);
}
.district_slideshow_caption_header
{
    color:#fff;
    font-weight:bold;
    font-size:1.25em;
    line-height:1.6;
    margin:0;
    padding:0;
    display:block;
}
.district_slideshow_caption_text
{
    color:#fff; 
    margin:5px 0;
    display:block;
}
.district_slideshow_caption_link
{
    color:#25a0ff;
    text-decoration:none;
}
.district_slideshow_imagebox
{
    position:relative;
    /*padding-bottom:56.25%;
    height:0;*/
    height:calc((500 / 1338) * 100vw);
    width:100%;
}
.district_slideshow_image
{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    width:100%;
    object-fit:cover;
}
.district_slideshow .slick-dots
{
    bottom:10px;
    color:Black;
    text-align:right;
    padding-right:45px;
}
.district_slideshow .slick-dots li button::before
{
    font-size:14px;
    color:#000;
    opacity:1;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: white;
}
.district_slideshow .slick-dots li.slick-active button:before
{
    opacity:1;
    color:#5780B0 !important;
   -webkit-text-stroke-color: #5780B0;
}
.district_slideshow .slick-prev::before,
.district_slideshow .slick-next::before
{
    display:none;
}
.district_slideshow .slick-prev, 
.district_slideshow .slick-next
{
    background-color:rgba(14,17,21,.9);
    color:#fff;
    height:40px;
    width:40px;
    line-height:89px;
    font-size:30px;
    transition:padding .2s ease;
    z-index:1;
}
.district_slideshow .slick-prev
{
    left:-8px;
    border-radius:0 4px 4px 0;
}
.district_slideshow .slick-next
{
    right:-8px;
    border-radius:4px 0 0 4px;
}
.district_slideshow .slick-prev:hover,
.district_slideshow .slick-next:hover
{
    background-color:rgba(14,17,21,1);
    color:#fff;
}
.district_slideshow .slick-prev:hover{padding-right:3px;}
.district_slideshow .slick-prev:active{padding-right:5px;}
.district_slideshow .slick-next:hover{padding-left:3px;}
.district_slideshow .slick-next:active{padding-left:5px;}
.slideshowOverlay
{
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c3c3c+0,ffffff+100&1+0,0.5+50,0+76,0+100 */
    background: -moz-linear-gradient(left, rgba(60,60,60,1) 0%, rgba(158,158,158,0.5) 30%, rgba(208,208,208,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(60,60,60,1) 0%,rgba(158,158,158,0.5) 30%,rgba(208,208,208,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(60,60,60,1) 0%,rgba(158,158,158,0.5) 30%,rgba(208,208,208,0) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    top:0;
}
.district_slideshow_container .col-lg-6
{
    position:absolute;
    top:15%;
    left:auto;
    right:auto;
    padding-left:50px;
    z-index:3;
}
.district_slideshow .slick-next, .district_slideshow .slick-prev
{
    display:none !important;
}
@media (max-width:991.9px)
{
    .district_slideshow_slide
    {
        /*display:flex !important;*/
        flex-direction:column;
    }
    .district_slideshow_imagebox
    {
        flex:1;
        /*height:auto;*/
    }
    .district_events_bottom
    {
        margin-bottom:10px;
    }
    .district_slideshow_caption_container
    {
        position:relative;
        border-radius:0;
        background:rgba(14,17,21,1);
        max-width:unset;
        z-index:3;
        bottom:0;
        right:0;
    }
    .district_slideshow .slick-dots
    {
        bottom:0;
        margin-bottom:0;
    }
}
@media screen and (max-width:500px)
{
    .slideshowOverlay{display:none;}
    .district_slideshow_container{margin-top:0;}
    .district_slideshow_imagebox{padding-bottom:0;}
    .district_slideshow_image{position:relative; top:auto; left:auto; right:auto; bottom:auto; height:auto; object-fit:inherit;}
}
/* END DISTRICT SLIDESHOW */

/* HOMEPAGE */
.district_title
{
    color:#000000;
    font-size:40px;
    font-weight:500;
    margin:50px 0 0;
    padding:0;
    line-height:59px;
}
.district_welcome_line
{
    width:315px;
    height:5px;
    background-color:#914542;
}
.district_welcome_line svg path
{
    fill:#569960 !important;
}
.districtWelcomeRow
{
    margin-top:22px;
}
.district_text_outer
{
    background-color:#FFF;
    padding:0 15px 60px;
    font-family:'Jost', Sans-Serif;
}
.districtRow2
{
    padding:0 10px;
}
.district_welcomeimage_box
{
    background:#fff;
    border:1px solid rgba(0,0,0,.4);
    padding:8px;
    overflow:hidden;
}
.district_welcomeimage
{
    width:100%;
}
.district_welcomeimage_caption
{
    background-color:#569960;
    color:#fff;
    margin-top:17px;
    text-align:center;
    padding:10px 0;
    font-weight:bold;
    font-size:14px;
}
.hpDistrictCTABlocksContainer
{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
}
.districtCTABlock
{
    color:White;
    background:#569960;
    flex-grow:1;
    width:280px;
    height:180px;
    min-width:200px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin:5px 10px;
    text-align:center;
}
.districtCTABlock:hover
{
    color:black;
    background:#F28D28;
    text-decoration:none;
}
.CTABlock_icon
{
    font-size:65px;
}
.CTABlock_text
{
    font-family:'Jost', Sans-Serif;
    font-size:25px;
    font-weight:500;
    margin-top:5px;
}
.district_social_outer
{
    background-color:White;
    padding:0 15px 60px;
}
.districtSocialRow
{
    padding:0 15px;
}
.district_social_line
{
    width:315px;
    height:5px;
    background-color:#F28D28;
}
.district_social_script
{
    margin-top:22px;
    display:block;
}
@media screen and (min-width:992px)
{
    .hpBlocksColumn{padding-left:5px; margin-top:117px;}
}
@media (max-width:991.9px)
{
    .district_text_outer,
    .district_social_outer
    {
        padding:0 15px 30px;
    }
    .hpBlocksColumn{margin-top:30px;}
    .districtCTABlock{min-width:280px;}
}
@media screen and (max-width:767.9px)
{
    .district_social_outer,
    .district_text_outer
    {
        padding:0 0 30px;
    }
    .district_welcomeimage_box{max-width:195px; margin:0 auto 10px;}
    .district_welcomeimage_caption{max-width:195px; margin:0 auto 30px; float:none;}
}
@media screen and (max-width:700px)
{
    .SpotlightCaption{font-size:0.875em;}
    .district_title{font-size:30px; line-height:1.2;}
}
@media screen and (max-width:430px)
{
    .SpotlightCaption{font-size:0.750em;}
}
/*Homepage events now use default event component styles for consistency*/
.hp_events_slider
{
    margin-bottom:0px;
    margin-top:22px;
}
.hp_events_slider .slick-slide
{
    height:auto;
}
.hp_eventcomponent_item
{
    margin:16px 0;
    display:flex !important;
    flex-direction:row;
    align-items:stretch;
    width:100%;
    font-family:'Jost', Sans-Serif;
}
.hp_eventcomponent_leftcontainer
{
    display:flex;
    flex-direction:row;
    background:transparent;
    justify-content:center;
    width:126px;
    text-align:center;
    padding:0px 8px;
    user-select:none;
}
.hp_eventcomponent_datecontainer
{
    text-align:center;
    padding:0px 0px;
    line-height:1;
    font-weight:bold;
    width:90px;
    min-height:90px;
}
.hp_eventcomponent_month
{
    color:#fff;
    text-transform:none;
    font-size:22px;
    font-weight:normal;
    line-height:1.6;
}
.hp_eventcomponent_date
{
    color:#fff;
    font-size:22px;
    font-weight:normal;
    line-height:1.6;
}
.hp_eventcomponent_textcontainer
{
    display:table-cell;
    vertical-align:middle;
    padding-left:30px;
}
.hp_eventcomponent_textcontainer h3
{
    font-size:16px;
    margin-top:0;
    margin-bottom:5px;
}
.hp_eventcomponent_linktext
{
    color:White;
    font-weight:normal;
    line-height:1.6;
    font-size:22px;
    margin-bottom:0;
    display:block;
}
.hp_eventcomponent_linktext:hover
{
    color:White;
}
.hp_eventcomponent_maintext
{
    color:#000000;
    font-size:14px;
    line-height:1.6;
    display:block;
}
.hp_eventcomponent_datetext
{
    font-size:14px;
    line-height:1.6;
    color:#0C2E5A;
    text-transform:uppercase;
    font-weight:bold;
    display:block;
}
.hp_event_article
{
    background-color:none;
    padding:0px 0 0px 16px;
    flex:1;
    margin-right:32px;
}
.district_events_title
{
    background-color:transparent;
    color:#fff;
    text-align:left;
    font-weight:500;
    font-size:45px;
    padding:0;
    line-height:80px;
    margin-bottom:0;
    font-family:'Jost', Sans-Serif;
}
.district_events_line
{
    width:315px;
    height:5px;
    background-color:#F28D28;
}
.district_events_bottom
{
    display:flex;
    flex-direction:row;
    align-items:stretch;
    justify-content:space-between;
}
.district_events_viewall
{
    color:#fff;
    font-size:23px;
    font-family:'Jost', Sans-Serif;
    text-transform:none;
    font-weight:normal;
    padding:15px 20px;
    background-color:transparent);
    text-align:center;
    line-height:1;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.district_events_viewall .fa-calendar
{
    color:#F28D28;
    font-size:24px;
}
.district_events_viewall .fa-chevron-right
{
    color:#F28D28;
    font-size:15px;
}
.district_events_viewall:hover
{
    background-color:rgb(14,17,21);
    text-decoration:none;
    color:White;
}
.district_events_arrows
{
    display:flex;
    flex-direction:row;
    flex:1;
}
.district_events_arrows .slick-prev, 
.district_events_arrows .slick-next
{
    background-color:rgba(14,17,21,.9);
    color: #fff;
    line-height: 1;
    font-size:24px;
    border-radius: 0;
    position: static;
    transform: none;
    height: auto;
    width: auto;
    padding:10px 20px;
    margin: 0 0 0 10px;
    flex:1;
}
.district_events_arrows .slick-prev:before
{
    padding-right:5px;
}
.district_events_arrows .slick-next:before
{
    padding-left:5px;
}
.district_events_arrows .slick-prev:before, 
.EventsArrows .slick-next:before
{
    font-size: 30px;
    color: #fff;
    display: block;
}
.district_events_arrows .slick-prev:hover,
.district_events_arrows .slick-next:hover
{
    background-color:rgba(14,17,21,1);
}
@media screen and (max-width:1600px)
{
    .district_slideshow_container .col-lg-6{top:9%;}
}
@media screen and (max-width:1500px)
{
    .district_events_title{font-size:40px;}
    .district_slideshow_container .col-lg-6{top:13%;}
    .hp_eventcomponent_linktext{font-size:17px; line-height:1.3;}
    .district_events_viewall{font-size:17px;}
}
@media screen and (max-width:1300px)
{
    .district_slideshow_container .col-lg-6{padding-left:30px; top:16%;}
    .hp_eventcomponent_item{margin:5px 0;}
    .district_events_title{font-size:30px; line-height:1.2;}
}
@media screen and (max-width:1100px)
{
    .district_slideshow_container{margin-top:0;}
}
@media screen and (max-width:991px)
{
    .district_slideshow_container .col-lg-6{padding-left:15px;}
    .hp_eventcomponent_linktext{font-size:16px;}
    .hp_eventcomponent_leftcontainer{min-height:0; align-items:center;}
    .hp_eventcomponent_month{font-size:16px; line-height:1.2;}
    .hp_eventcomponent_date{font-size:16px; line-height:1.2;}
    .hp_eventcomponent_item{margin:7px 0;}
    .district_events_viewall{padding:3px 20px;}
}
@media screen and (max-width:800px)
{
    .district_slideshow_container .col-lg-6{top:5px;}
}
@media screen and (max-width:640px)
{
    .events_slider .eventcomponent_datecontainer
    {
        margin:0;
    }
    .district_slideshow_container .col-lg-6{position:relative; top:auto; background-color:#232323; padding:10px 15px;}
}
@media screen and (max-width:500px)
{
    .LowerNavContainer .container-fluid
    {
        padding:0;
    }
    .event_article
    {
        font-size:14px;
    }
}
/* End homepage events styles */

/* responsive container to wrap around embed codes */
.embed-container  
{
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    height: auto; 
} 
.embed-container iframe, .embed-container object, .embed-container embed 
{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
.homepage_title
{
    margin:1em 0;
}
@media screen and (max-width:991px)
{
    .homepage_title{text-align:center;}
}
/* END HOMEPAGE */

.eventCalendar_main_hasEvents
{
	background-color: Silver;	
}
.gallerycomponent_titletext
{
	font-size:1.143em;
	color: black;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;	
}
.gallerygrouping_item
{
	margin-left: 5px;
	margin-right: 10px;
	float: left;
	width: 130px;
	height: 150px;
}
.gallerycomponent_smalllink
{
	font-size: 0.857;
	color: Blue;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;	
}

/* DYNAMIC NAV */
#dynamic_nav .slicknav_menu
{
    background:transparent;
}
#dynamic_nav .slicknav_nav li > a
{
    display:flex;
    flex-direction:row;
    align-items:center;
    color:#3C3C3C;
}
#dynamic_nav .slicknav_nav li > a:hover
{
    background:#385C3E;
    color:#fff;
}
.current_li > a
{
    background:#385C3E;
    color:White;
}
#dynamic_nav .slicknav_nav li > a a
{
    color:#3C3C3C;
}
#dynamic_nav .slicknav_nav li > a:hover a
{
    color:#fff;
}
#dynamic_nav .slicknav_nav a:hover
{
    background:transparent;
    color:#385C3E;
}
#dynamic_nav .slicknav_nav li > a a
{
    flex:1;
}
#dynamic_nav .slicknav_nav > li
{
    border-bottom:1px solid #dfdfdf;
}
#dynamic_nav .slicknav_nav > li:first-of-type
{
    border-top:1px solid #dfdfdf;
}
#dynamic_nav .slicknav_nav .slicknav_arrow
{
    margin:0;
    padding:0 10px;
}
.current_page
{
    font-weight:bold;
    color:White !important;
}
.current_li > a .slicknav_arrow
{
    color:White;
}
@media (min-width:992px)
{
    #dynamic_nav ul.slicknav_nav 
    {
        border-left: 1px solid #efefef;
        border-right: 1px solid #efefef;
        margin-bottom:30px;
    }
    #dynamic_nav .slicknav_menu
    {
        background:transparent;
        padding:0;
    }
    #dynamic_nav .slicknav_nav li > a
    {
        font-size:14px;
        margin:0;
        padding:10px;
    }
    #dynamic_nav .slicknav_nav > li:first-of-type a
    {
        font-weight:bold;
        font-size:16px;
    }
    #dynamic_nav .slicknav_nav ul:not(.slicknav_nav) li > a
    {
        padding:7px 10px;
    }
    #dynamic_nav .slicknav_btn
    {
        display:none;
    }
    #dynamic_nav ul.slicknav_nav,
    #dynamic_nav .slicknav_menu
    {
        display:block !important;
    }
}
@media (max-width:991.9px)
{
    #dynamic_nav
    {
        margin:0 0 15px;
    }
    #dynamic_nav .slicknav_menu
    {
        border:1px solid #dfdfdf;
    }
    #dynamic_nav .slicknav_btn
    {
        display:block;
    }
    #dynamic_nav ul.slicknav_nav
    {
        display:block;
    }
    #dynamic_nav .slicknav_btn,
    #dynamic_nav .slicknav_menutxt
    {
        text-shadow:none;
        color:#FFF;
    }
}
/* END DYNAMIC NAV */

/* PAGE HEADER IMAGE */
.HeaderImageContainer
{
    width:100%;
    /*height:calc((300 / 1200) * 100vw);*/
    max-height:350px;
    overflow:hidden;
}
.SchoolHeaderImage
{
    object-fit:cover;
    object-position:top center;
width:100%;
}
/* END PAGE HEADER IMAGE */

/* CRUMBTRAIL */
.CrumbtrailContainer
{
    padding:15px 15px 25px;
    margin-top:24px;
}
.CrumbtrailContainer .smalllink
{
    font-size:14px;
    font-weight:bold;
}
.CrumbtrailContainer .smalltext
{
    font-size:14px;
    font-weight:bold;
}
/* END CRUMBTRAIL */

/* LINKS AND DOWNLOADS COMPONENTS */
.downloads_component_container,
.links_component_container
{
}
.downloads_list, 
.links_list
{
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
}
.downloads_list_item,
.links_list_item
{
    display:block;
    margin:15px 0;
    padding:0;
}
.downloads_link,
.links_link
{
    display:inline-flex;
    flex-direction:column;
}
.downloads_image,
.links_image
{
    padding-bottom:15px;
}
.downloads_description,
.links_description
{
    display:block;
}
/* END LINKS AND DOWNLOADS COMPONENTS */

/* NEWS COMPONENT */
.newscomponent_item
{
    padding:20px 0;
    margin:0;
    border-bottom:1px solid #ededed;
    width:100%;
}
.newscomponent_item:last-child
{
    border-bottom:none;
}
.newscomponent_imagecontainer
{
    vertical-align:top;
    padding-right:20px;
    text-align: left;
    vertical-align: middle;
    line-height: 1;
    float:left;
}
.newscomponent_imagecontainer img
{
    width:100%;
    max-width:400px !important;
    margin-bottom:8px;
}
.newscomponent_archivelink{float:right;}
.newscomponent_textcontainer
{
    vertical-align:middle;
}
.newscomponent_textcontainer span
{
    display:block;
    font-size:1.071em;
}
.newscomponent_item h3, .newscomponent_item h3 a
{
    margin-top:0;
}
.newscomponent_readmore, .newscomponent_readmore:hover
{
    font-size: 0.857em;
    color:#000;
    font-weight:bold;
    text-transform:uppercase;
    float:right;
    margin-top:20px;
}
.ArticleImage
{
    padding-left: 0;
	padding-right: 8px;
	text-align: left;
	float: left;
}
.protected_container > h1 /*Article view news title*/
{
    font-size:1.563em;
}
.news_topbar {
    padding: 18px 15px;
    margin: 15px 0;
    line-height: 1;
    background-color: #5780B0;
    color: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);
    display:flex;
    justify-content:flex-end;
    align-items:center;
}
.news_archivelink
{
    color:white;
}
.ShareThisContainer
{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:auto !important;
    margin-top:0 !important;
    padding-bottom:0 !important;
    margin-right:30px;
}
.ShareThisFB
{
    margin-right:15px;
}
.ShareThisTW
{
    margin-top:0 !important;
    margin-bottom:0 !important;
}
.HyperLinkBACK
{
    float:none;
    margin-top:0;
    background:#F0F0F0;
    font-size:13px;
    border:1px solid #CDCDCD;
    padding:5px 8px;
    margin-right:30px;
}

@media screen and (max-width:670px)
{
    .newscomponent_imagecontainer{width:100%; text-align:left; margin-bottom:20px;}
    .newscomponent_item{text-align:left; margin-bottom:30px;}
}
@media screen and (max-width:400px)
{
    .newscomponent_item{display:block;}
    .newscomponent_imagecontainer
    {
        display:block;
        padding:0 0 12px;
    }
    .newscomponent_imagecontainer img
    {
        margin:0 auto;
        display:block;
        width:100%;
    }
    .newscomponent_textcontainer{display:block;}
}
/* END NEWS COMPONENT */

/* VIDEO COMPONENT */
video
{
    max-width:100%;
}
.embed_container h3
{
    cursor:pointer;
    font-size:0.857em;
    color:#313131;
    text-decoration:none;
    margin-top:0px;
    margin-bottom:0px;
}
.embed_container div
{
    height:0;
    overflow:hidden;
    position:relative;
}
.embed_container div dt
{
    padding:5px;
    margin-bottom:5px;
    border:1px solid #313131;
}
.embed_container dt
{
    font-size:0.714em;
    color:#0041B5;
    text-decoration:none;
}
/* END VIDEO COMPONENT */

.gallerycomponent_maintext
{
	font-size: 0.929em;
	color: Black;
	text-decoration: none;	
}
.gallerycomponent_smalltext
{
	font-size: 0.857em;
	color: black;
	text-decoration: none;	
}
.survey_maintext
{
	font-size: 1em;
	color: Black;
	font-weight: bold;	
}
.survey_smalltext
{
	font-size: 0.929em;
}
.survey_smalltext a
{
	font-size: 0.857em;
	color: #3e699e;
	text-decoration:none;
}
.survey_smalltext a:hover
{
	text-decoration:underline;
}
.survey_questiontext
{
	font-size: 1em;
	color: Black;	
}
.survey_mainlink
{
	font-size: 0.929em;
	color: Blue;
	text-decoration: none;	
}
.survey_spacer
{
	height: 4px;
}
.survey_divider
{
	height: 1px;
	background-color: Black;
}
.survey_background
{
	background-color: gainsboro;
}
.survey_errormsg
{
	font-weight: bold;
	font-size: 0.929em;
	color: red;
	text-decoration: none;
}

/* EMPLOYEMENT COMPONENT */
.employmentBG_item
{
    margin-top:15px;
}
.employment_titletext
{
	font-size: 1.214em;
	color: #666666;
	font-weight: bold;	
}
.employment_maintext
{
	font-size: 1.143em;
	color: Black;
	font-weight: bold;	
	text-decoration:underline;
}
.employment_smalltext
{
	font-size: 0.929em;
	color: #333333;	
}
.employment_mainlink
{
	font-size: 0.929em;
	color: Blue;
	text-decoration: none;
}
.employmentBG_itemsep
{
	height:1px;
	background-color:#ffffff;
}
.employmentBG_groupsep
{
	height:1px;
	margin:4px 0 4px 0;
	background-color:#c4c4c4;
}
.employment_bar
{
	height:1px;
	background-color:#313131;
}
/* END EMPLOYMENT COMPONENT */

.staffdirectory_gridtext
{
	font-size:0.786em;
	color: Black;
	font-weight:normal;	
}
.staffdirectory_gridtitle
{
	font-size:0.857em;
	color: Black;
	font-weight: bold;	
}
.staffdirectory_gridlink
{
	font-size:0.786em;
	color: #001430;
	text-decoration: none;	
}
.staffdirectory_header
{
	font-size: 1.357em;
	color: Black;
	font-weight: bold;	
}
.staffdirectory_maintext
{
	font-size:0.929em;
	color: Black;
	font-weight: bold;	
}
.staffdirectory_mainlink
{
	font-size:0.929em;
	color: Blue;
	text-decoration: none;	
}
.staffdirectory_smalltext
{
	font-size:0.857em;
	color: #333333;	
}
.staffdirectory_smalltext_bold
{
	font-size:0.929em;
	color: #222222;
	font-weight: bold;	
}
.staffdirectory_tinytext
{
	font-size: 0.857em;
	color: Black;	
}
.staffdirectory_altBG
{
	background-color: #E7E7E7;
}
.staffdirectory_vertsep
{
	background-color: Gainsboro;
}
.adminmessage_image
{
	padding-left: 0;
	padding-right: 10px;
	text-align: left;
}
.podcast_titletext
{
	font-size: 1.143em;
	font-weight: bold;
	color: Black;	
}
.podcast_maintext
{
	font-size: 0.929em;
	font-weight: normal;
	color: #333333;	
}
.podcast_smalltext
{
	font-size: 0.857em;
	color: Black;	
}
.podcast_mainlink
{
	font-size: 0.929em;
	color: Blue;
	text-decoration: none;	
}
.podcast_altBG
{
	background-color:#dfebf7;	
}
.blog_maintext
{
	font-size: 1.071em;
	color: Black;	
}
.blog_mainlink
{
	font-size: 0.929em;
	color: Blue;
	text-decoration: none;
}
.blog_smalltext
{
	font-size: 0.714em;
	color: Black;
}
.blog_smalllink
{
	font-size: 0.714em;
	color: Blue;
	text-decoration: none;
}
.blog_titletext
{
	font-size: 1.5em;
	color: Black;
	font-weight: normal;
}
.blog_posttitle
{
	font-size: 1.143em;
	color: #222222;
	font-weight: bold;
}
.blog_sideBG
{
	background-color:#dfebf7;	
}

.component_container_scriptwindow input
{
	max-width:100%;
}

/* MASTER CALENDAR */
.mastercalendar_monthly_header
{
    text-align:center;
    background:#efefef;
    border:1px solid #dfdfdf;
    border-radius:5px;
    padding:10px 15px;
    margin-bottom:10px;
}
.mastercalendar_note 
{
    margin-bottom:10px;
}
.mastercalendar_filtercontainer
{
    margin:0 0 10px;
}
.mastercalendar_filterbar
{
    padding:10px 15px;
    background:#efefef;
    border:1px solid #dfdfdf;
    margin-bottom:10px;
    border-radius:5px;
}
.mastercalendar_filterpanel
{
    padding:10px 15px;
    background:#efefef;
    border:1px solid #dfdfdf;
    margin-bottom:10px;
    border-radius:5px;
}
.mastercalendar_dailyitem
{
    padding:10px;
}
.mastercalendar_dailyitem:nth-child(odd)
{
    background:#dedede;
}
.mastercalendar_week_daycontainer
{
    padding:5px;
    margin:0 0 5px;
    background:#dedede;
}
.mastercalendar_week_daycontainer h3
{
    text-align:center;
    padding:5px 0;
    margin:0;
    font-weight:normal;
}
.mastercalendar_week_eventcontainer
{
    padding:10px;
    background:#fafafa;
    margin:5px 0 0;
}
.mastercalendar_week_eventcontainer h4
{
    
}
.mastercalendar_month_calendar
{
    table-layout:fixed;
    border-collapse:collapse;
    min-width: 100%;
}
.mastercalendar_month_calendar td, .mastercalendar_month_calendar th
{
    padding:5px;
    border:1px solid #dfdfdf;
    vertical-align:top;
    height:100px;
    width:14%;
}
.mastercalendar_month_daynum
{
    display:block;
    text-align:right;
    margin:0 0 5px;
    line-height:1;
    font-weight:bold;
}
.mastercalendar_month_dayitem
{
    font-size:0.857em;
    margin:0 0 10px;
}
.mastercalendar_month_greyedday
{
    background:#efefef;
}
.mastercalendar_rssfeed
{
    width:100%;
    padding: 5px 0 0;
    text-align: center;
    background:white;
    max-width:300px;
    margin:0 auto 10px;
    border-radius:5px;
    display:block;
}
/* END MASTER CALENDAR */

/* LOGIN FORMS */
.login_form
{
    width:50%;
}

.login_form label
{
    display:table;
    table-layout:fixed;
    width:100%;
    margin-bottom:5px;
}
.login_form label span
{
    display:table-cell;
    text-align:right;
    padding-right:5px;
}
.login_form label input
{
    display:table-cell;
    width:100%;
}
.login_form input[type="submit"]
{
    width:50%;
    float:right;
}
/* END LOGIN FORMS */

/* TEXT WINDOW */
.imagealign_left
{
    float:left;
    padding:0 1em 5px 0;
}
.imagealign_center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.imagealign_right
{
    float:right;
    padding:0 0 5px 1em;
}
/* END TEXT WINDOW */

/* EVENTS COMPONENT */
.eventcomponent_item
{
    display:flex;
    width:100%;
}
.eventcomponent_leftcontainer
{
    width:calc(15% - 75px);
    text-align:center;
    margin-top:10px;
    font-size:1.05em;
    border-right: 1px solid #000;
}
.eventcomponent_textcontainer
{
    width:calc(100% - 60px);
    padding-left:10px;
}
.eventcomponent_textcontainer h3
{
    margin-top:10px;
    font-size:1.25em;
}
.events_component_container
{
}
.events_topbar
{
    text-align: right;
    padding: 10px 15px;
    margin:0 0 15px;
    line-height: 1;
    background-color: #333;
}
.events_viewall
{
    color:#ffffff;
}
.events_viewall:hover
{
    color:#ffffff;
    outline:none;
}
.events_viewall:focus
{
    color:#ffffff;
    outline:none;
    text-decoration:none;
}
.events_list
{
    list-style-type:none;
    margin:0;
    padding:0;
}
.events_list_item
{
    margin: 15px 0;
    
    display: flex;
    flex-direction: row;
    width: 100%;
}
.events_textcontainer
{
    flex:1;
    padding:20px;
    border: 1px solid #dfdfdf;
    border-left:none;
}
h3.events_eventtitle
{
    line-height:1.6;
    font-size:18px;
    margin:0;
}
.events_datecontainer
{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#333;
    user-select:none;
    color:#fff;
    width:100px;
    padding:15px 0;
    line-height:1;
}
.events_month
{
    text-transform:uppercase;
    font-size:1.125em;
}
.events_date
{
    font-size:2.25em;
}
.events_infobox
{
    font-size:.875em;
    line-height:1.6;
}
.events_info_icon
{
    display:inline-block;
    width:1.5em !important;
}
.monthly
{
    border:1px solid #dfdfdf;
    overflow:hidden;
    margin:15px auto;
}
@media (max-width:499.9px)
{
    .events_list_item
    {
        flex-direction:column;
    }
    .events_datecontainer
    {
        width:100%;
        min-height:80px;
        font-size:14px;
    }
    .events_textcontainer
    {
        border-top:0;
        border-left:1px solid #dfdfdf;
        padding:15px;
    }
    h3.events_eventtitle
    {
        font-size:16px;
    }
}

.eventCalendar, .weeklyEventCalendar
{
    width:100%;
    font-size:1em;
    font-family:'Proxima-Nova', Sans-Serif;
    border:none !important;
    border-radius:2px;
    background:#fafafa;
    box-sizing:border-box;
    margin-left:-18px;
    margin:0 auto;
}
.eventCalendar th, .eventCalendar td
{
    border:none;
    background:none;
}
.eventCalendar_todayDayStyle
{
    background:none !important;
}
.eventCalendar th /* Day Header Style */
{
    padding:10px 0;
    color:#101010;
    background:none;
    font-weight:bold;
    font-size:1em;
}
.eventCalendar a{text-decoration:none !important;}
.eventCalendar_titleStyle /* Month and Year Style */
{
    background-color:#0C2E5A;
    color: #fff;
    border:none;
    font-size:1.429em;
    font-weight:bold;
    text-transform:uppercase;
}
.eventCalendar_titleStyle td
{
    padding:10px 0;
}
.eventCalendar_nextPrevStyle a
{
    color:#fff !important;
    text-decoration:none !important;
    font-size:1.714em;
    text-align:center;
    padding:0 25px;
    margin-top:-2px;
}
.eventCalendar_dayStyle a, .eventCalendar_todayDayStyle a, .eventCalendar_otherMonthDayStyle a
{
    width:26px;
    height:26px;
    line-height:24px;
    padding:0;
    margin:0;
    text-align:center;
    display:block;
}
.eventCalendar_otherMonthDayStyle a
{
    display:none;
}
.eventCalendar_dayStyle a
{
    background-color:none;
    color:inherit !important;
}
.eventCalendar_todayDayStyle a
{
    color:#fff !important;
    font-weight:bold;
    background-color:#000;
}
.eventCalendar_otherMonthDayStyle a /* Other Month is hidden on this site */
{
    background:transparent !important;
    color:transparent !important;
    padding:0;
    width:0;
    height:0;
    line-height:0;
    font-size:0;
}
.eventCalendar_dayStyle:hover a, .eventCalendar_otherMonthDayStyle:hover a, .eventCalendar_todayDayStyle:hover a
{
    background-color:#0C2E5A; /* Hover Color */
    color:#fff !important;
}
.eventCalendar_dayStyle, .eventCalendar_todayDayStyle
{
    padding:5px 0;
}
.eventCalendar tr:not(:first-child) td:first-child, .eventCalendar th td:first-child{padding-left:10px;}
.eventCalendar tr:not(:first-child) td:last-child, .eventCalendar th td:last-child{padding-right:10px;}
.eventCalendar tr:last-child td{padding-bottom:10px;}
.eventCalendarWeekly_otherMonthDayStyle
{
    padding: 5px 0;
    background:#ddd !important;
}
.eventCalendarWeekly_otherMonthDayStyle a
{
    width:24px;
    height:24px;
    line-height:24px;
    padding:0 !important;
    margin:0;
}
.monthly-event-list .listed-event
{
    background-color: #ccc!important;
}
/* END EVENTS COMPONENT */
.configs {
    font-weight: bold;
    font-size: 1.286em;
}
.cblAreas
{
    font-weight: normal;
    font-size: 0.714em; 
    color: #333333;
}
.cblAreas tr td
{
    width:33%;
}

/* Archive News */
.ddl_buildings
{
    width:210px;
}
.filterTitle
{
    font-weight: bold;
    font-size: 0.929em;
    color: #333333;
    padding:10px 0 5px 0;
}
.filterContainer
{
    width:225px;
    float:left;
    background-color:#f3f3f3;
    padding:10px 10px 30px 10px; 
    margin-bottom:10px;
    border:solid 1px black;
}
.pagingMenu
{
    padding:5px 5px 10px 5px;
    font-size:1em;
    font-weight:bold;
    background-color:#f3f3f3;
    border:solid 1px black;
    margin-bottom:10px;
    overflow:hidden;
}
.monthDiv
{
    margin:5px 5px 15px 5px;
    padding:5px;
    background-color:#f3f3f3;	
    display:none;
    font-size:0.857em;
    border:solid 1px black;
}
.altNewsItem
{
    background-color:#f3f3f3;
}
.monthTitle
{
    margin:5px;
    padding:5px;
    font-weight:bold;
}
/* End Archive News */

/* TEXT WINDOW */

/* Text Window Dropdown */
.textWindow {display:block;}
.ui-accordion .ui-accordion-icons {border-radius:0 !important;}
.ui-widget-content a {color:#2877FA !important}
.ui-widget-content {color:#666666 !important;line-height:22px !important;}
.ui-accordion h4.ui-accordion-header {margin:0;background:#F3F3F3;color:Black; font-weight:normal; padding:15px 40px;}
/* Text Window Dropdown */
.bullet {list-style:none;}
.DynamicNav ul li ul li {list-style-type: none;}
ul.bullet li > figure {border-radius: 100%;color: #fff;display: inline-block;float: left;font-size: 17px;font-weight: 700;height: 45px;margin: -5px 10px 0 0;padding: 8px 0 8px 0;text-align: center;width: 45px;background: #231f20;}
.imagealign_left
{
float:left;
margin:0 1em 1px 0;
border:1px solid black;
}
.imagealign_center
{
display: block;
margin-left: auto;
margin-right: auto;
margin-top:10px;
margin-bottom:20px;
}
.imagealign_right
{
float:right;
padding:0 0 5px 1em;
}
/* END TEXT WINDOW */

/* LIGHTBOX */
.wrap {
    overflow: hidden;
    margin: 10px;
}
.box {
    float: left;
    position: relative;
    width: 20%;
    padding-bottom: 20%;
}
.boxInner {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    overflow: hidden;
}
.boxInner img {
    width: 100%;
}
.boxInner .titleBox {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: -200px;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    padding: 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
body .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
    margin-bottom: 0;
}
@media only screen and (max-width : 480px) {
    /* Smartphone view: 1 tile */
    .box {
        width: 100%;
        padding-bottom: 100%;
    }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
    /* Tablet view: 2 tiles */
    .box {
        width: 50%;
        padding-bottom: 50%;
    }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
    /* Small desktop / ipad view: 3 tiles */
    .box {
        width: 33.3%;
        padding-bottom: 33.3%;
    }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
    /* Medium desktop: 4 tiles */
    .box {
        width: 25%;
        padding-bottom: 25%;
    }
}
/* END LIGHTBOX */


/*Public User Dashboard */
.DashboardNav
{
    width:100%;
    border:1px solid #C1C1C1;
    padding:11px;
    margin-bottom:5px;
}
/* end dashboard */

/* Hover Styles Start*/

.CssGrow
{
    transition: transform 0.5s;
}
.CssGrow:hover
{
    transform: scale(1.15);
}
.CssShrink
{
    transition: transform 0.5s;
}
.CssShrink:hover
{
    transform: scale(0.85);
}
.CssSkew
{
    transition: transform 0.5s;
}
.CssSkew:hover
{
    transform: skew(-10deg);
}
.CssSkewForward
{
    transition: transform 0.5s;
    transform: skew(0deg) perspective(1px) translateZ(0);
    transform-origin: 0 100%;
}
.CssSkewForward:hover
{
    transform: skew(-10deg) perspective(1px) translateZ(0);
}
.CssSkewBackward
{
    transition: transform 0.5s;
    transform: skew(0deg) perspective(1px) translateZ(0);
    transform-origin: 0 100%;
}
.CssSkewBackward:hover
{
    transform: skew(-10deg) perspective(1px) translateZ(0);
}
.CssFloat
{
    transition: transform 0.5s;
}
.CssFloat:hover
{
    transform: translateY(-8px);
}
.CssSink
{
    transition: transform 0.5s;
}
.CssSink:hover
{
    transform: translateY(8px);
}
.CssForward
{
    transition: transform 0.5s;
}
.CssForward:hover
{
    transform: translateX(8px);
}
.CssBackward
{
    transition: transform 0.5s;
}
.CssBackward:hover
{
    transform: translateX(-8px);
}
.CssPop:hover
{
    -webkit-animation-name: CssPop; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate;
    animation-name: CssPop;
    animation-duration: 0.5s;
    animation-direction: alternate;
}
@-webkit-keyframes CssPop {
    0%   {transform: scale(1);}
    50% {transform: scale(1.15);}
    100%   {transform: scale(1);}
}

/* Standard syntax */
@keyframes CssPop {
    0%   {transform: scale(1);}
    50% {transform: scale(1.15);}
    100%   {transform: scale(1);}
}
.CssPush:hover
{
    -webkit-animation-name: CssPush; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate;
    animation-name: CssPush;
    animation-duration: 0.5s;
    animation-direction: alternate;
}
@-webkit-keyframes CssPush {
    0%   {transform: scale(1);}
    50% {transform: scale(0.85);}
    100%   {transform: scale(1);}
}

/* Standard syntax */
@keyframes CssPush {
    0%   {transform: scale(1);}
    50% {transform: scale(0.85);}
    100%   {transform: scale(1);}
}
.CssPulse:hover
{
    -webkit-animation-name: CssPulse; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.75s; /* Safari 4.0 - 8.0 */
    webkit-animation-iteration-count: 500;
    -webkit-animation-timing-function: linear;
    animation-name: CssPulse;
    animation-duration: 0.75s;
    animation-iteration-count: 500;
    animation-timing-function: linear;
}
@-webkit-keyframes CssPulse {
    25% {transform: scale(1.1);}
    75% {transform: scale(0.9);}
}

/* Standard syntax */
@keyframes CssPulse {
    25% {transform: scale(1.1);}
    75% {transform: scale(0.9);}
}

/* End Hover Styles*/