/*! =====================

	!!!! STOP !!!!

	This block of CSS was generated from SASS, any edits made to it might get replaced on an update. Override any styles below this block.

======================== */
#file-versions:after {
  display: inline;
  content: 'u:13'; }

html body div div input.button {
  border: 1px solid #ccc;
  border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
  background: #F5F5F5;
  padding: 5px 5px 4px 5px;
  color: #333333;
  font-size: 8pt;
  font-weight: bold;
  line-height: 1em;
  text-decoration: none;
  cursor: pointer;
  margin: 2px; }

/*.dark-secondary .school .quicklinks-list a
{
	@include no-decoration(#fff !important);
}

.dark-secondary .blue .quicklinks-list a
{
	@include no-decoration($font_color !important);
}
*/
.subpage #main-header__middle {
  background: none; }

@media (min-width: 1001px) {
  .subpage h1 {
    padding-right: 5em; } }

@media (max-width: 1000px) and (min-width: 641px) {
  #news_content_body #featured_image {
    width: 50% !important; } }

@media (max-width: 640px) {
  #news_content_body #featured_image {
    width: 100% !important;
    float: none !important; } }

#social-shares {
  bottom: auto;
  top: 4em; }
  @media (max-width: 1000px) {
    #social-shares {
      position: static; } }

.admin #social-shares {
  display: none; }

.admin #content-wrap,
.admin #content-wrap > .row,
.admin #main {
  display: block; }

.admin #sidebar,
.admin #main-nav {
  display: none; }

.admin #page-content > .tbl {
  width: 100%; }

.admin #main {
  width: 100% !important;
  max-width: 1170px !important;
  overflow: auto !important;
  padding: 0 !important;
  margin: 0 0 3em !important;
  display: block !important; }

html body #news-summary .row a.title h3 {
  font-family: "Verdana", Helvetica, Arial, sans-serif; }

html body .slidedown > div > div > ul li a {
  padding-top: .3em;
  padding-bottom: .3em;
  line-height: 1.1em; }

.event-list ul li.happening-now a {
  background-color: #d9d9d9 !important;
  background: linear-gradient(to bottom, #fff 0%, #d9d9d9 100%) !important; }

@media (max-width: 640px) {
  html body #main-nav #main-nav__search {
    display: block; }
  html body #main-nav #main-nav__search {
    position: relative; } }

@media (max-width: 640px) and (orientation: portrait) {
  html body .mm-menu > .mm-list {
    padding-top: 12em; }
  html body #template {
    padding-top: 7.52em; } }

@media (max-width: 640px) and (orientation: landscape) {
  html body #main-nav #main-nav__search {
    float: right;
    clear: none;
    width: 75%; }
  html body #main-nav__menu {
    float: left;
    clear: none;
    width: 25%; } }

.white-color,
.school #main-footer #main-footer__login a.white-color {
  color: #fff !important; }

.quicklinks-list a.white-color:hover {
  color: #090909 !important; }

.black-color,
.school #main-footer #main-footer__login a.black-color {
  color: #090909 !important; }

.quicklinks-list a.black-color:hover {
  color: #fff !important; }

@media (max-width: 640px) {
  .sitemap, .sitemap .sitemap_column {
    display: block;
    width: 100% !important; } }

@media screen and (max-width: 900px) and (max-width: 1000px) {
  #divCalendar table, #divCalendar tr, #divCalendar td, #divCalendar th, #divCalendar tbody, #divCalendar tfoot {
    display: block;
    width: 100% !important;
    float: none;
    box-sizing: border-box; }
  #divCalendar thead {
    display: none; }
  div[aria-label="Calendar Controls"] {
    display: none; }
  div[id*="divCalendarControlsToolbar"] img {
    width: auto;
    height: 4.17vw; }
  div[id*="divCalendarControlsToolbar"] .sizeable {
    margin-right: .5em; } }

@media screen and (max-width: 900px) and (max-width: 1000px) and (max-width: 1000px) {
  div[aria-label="Calendar Controls"] > table > tbody > tr > td {
    display: inline-block; } }

@media (max-width: 640px) and (min-width: 1170px) {
  .quicklink-tiles {
    margin-left: -0.25em;
    margin-right: -0.25em; } }

@media (max-width: 640px) {
  .quicklink-tiles > .column {
    padding-left: 0.25em;
    padding-right: 0.25em; }
  .quicklink-tiles li a {
    padding-top: 0; }
  .quicklink-tiles .column {
    width: 25%; }
    .quicklink-tiles .column img {
      display: none; } }

@media (max-width: 488px) {
  .quicklink-tiles {
    font-size: .9em;
    line-height: 1.2em; } }

@media (max-width: 440px) {
  .quicklink-tiles {
    font-size: .8em; } }

@media (max-width: 394px) {
  .quicklink-tiles {
    font-size: .7em; } }

@media (max-width: 1000px) and (orientation: portrait) {
  #logo {
    display: none; } }

@media (max-width: 1000px) {
  #pubWrapper > .container > .row .small-12 {
    float: left; }
    #pubWrapper > .container > .row .small-12:last-child {
      width: 75%; }
      #pubWrapper > .container > .row .small-12:last-child .br {
        display: none !important; }
    #pubWrapper > .container > .row .small-12:first-child {
      width: 25%; } }

@media screen and (max-width: 1000px) and (max-width: 1000px) {
  #divCalendar table, #divCalendar tr, #divCalendar td, #divCalendar th, #divCalendar tbody, #divCalendar tfoot {
    display: block;
    width: 100% !important;
    float: none;
    box-sizing: border-box; }
  #divCalendar thead {
    display: none; }
  div[aria-label="Calendar Controls"] {
    display: none; }
  div[id*="divCalendarControlsToolbar"] img {
    width: auto;
    height: 4.17vw; }
  div[id*="divCalendarControlsToolbar"] .sizeable {
    margin-right: .5em; } }

@media screen and (max-width: 1000px) and (max-width: 1000px) and (max-width: 1000px) {
  div[aria-label="Calendar Controls"] > table > tbody > tr > td {
    display: inline-block; } }

@media (max-width: 1000px) {
  div[aria-label="Calendar Controls"] {
    display: block !important; }
    div[aria-label="Calendar Controls"] img {
      height: auto !important; } }

@media (max-width: 576px) {
  #pubWrapper .pubList .slidedown .admin_menu {
    padding: .25em; }
  #pubWrapper #school-list-col,
  #pubWrapper #school-list-col .admin_menu,
  #pubWrapper > .container {
    padding: 0 !important; } }

@media (max-width: 450px) {
  #pubWrapper .pubList .slidedown .admin_menu {
    padding: 0; } }

@media (max-width: 418px) {
  #pubWrapper .pubList .slidedown .admin_menu {
    font-size: .9em; }
  #pubWrapper .pubList .slidedown > div {
    min-width: 185%; } }

@media (max-width: 336px) {
  #pubWrapper .pubList .slidedown .admin_menu {
    font-size: .8em; } }

.main-footer__logout-btn {
  float: right;
  clear: both; }

@media (max-width: 580px) {
  .container.table-container > .row > .column {
    display: block !important; } }

.designMode #ae_launcher,
.portletEditMode #ae_launcher,
.checkoutAndEditMode #ae_launcher {
  display: none !important; }

@media (max-width: 1024px) {
  #main-header__middle .quicklink-tiles .column {
    width: 25% !important; } }

@media (max-width: 768px) and (min-width: 601px) {
  #main-header__middle > .container > .row > .column:first-child {
    display: none !important; }
  #main-header__middle > .container > .row > .column:last-child {
    width: 100% !important; }
  #main-nav__menu,
  #main-nav__search {
    width: 50% !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  #page-previews > .row > .column {
    overflow: hidden;
    width: 50% !important; } }

@media (max-width: 1000px) {
  div[aria-label="Calendar Controls"] > table > tbody > tr > td {
    display: inline-block; } }

.subpage .more-link {
  color: #005daa !important; }

body #news_content_body #featured_image {
  width: 35%; }

html body #news_content_body img {
  max-width: 100%; }

html body #news_content_body,
html body #news_content_date,
html body #news_content_title {
  font-family: "Verdana", Helvetica, Arial, sans-serif; }

html body #main-nav .rmRootGroup > .rmFirst > .rmRootLink {
  background: transparent url(//p8cdn2static.sharpschool.com/Templates/2017/img/icon/icon-home.png) no-repeat center center; }

html body #main-nav .nav-item:first-child > a {
  background: transparent url(//p8cdn2static.sharpschool.com/Templates/2017/img/icon/icon-home.png) no-repeat center center; }

#smartbanner {
  z-index: 99999998 !important; }

html body .ReactModal__Overlay.CMS_PF_dialog.CMS_PF_react {
  z-index: 999999; }

.CAL-EVENT-cRow--contact {
  display: none; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div#divPrevNext table {
    table-layout: auto !important; } }

#school-list-col button {
  color: #fff; }

.CAL-EVENT-cR-list .CAL-EVENT-cR-l-small {
  display: none; }

/*! 

========= MAKE ALL CSS UPDATES BELOW THIS LINE ============ */

/*# sourceMappingURL=updates.css.map */