:root { --foodmenu-default-color: rgb() !important; --foodmenu-second-color: rgb() !important; }
  html,body{height:100%;}
  body{margin:0;padding:0;font-family: 'Lato', sans-serif;font-size:112.5%; line-height:1.45em; background:rgb(255,255,255); color:rgb();letter-spacing:0;font-weight:400;overflow-x:hidden;background:rgb(255,255,255); -webkit-text-size-adjust:none;}
  input,textarea,select{font-family: 'Lato', sans-serif;font-size:1em;line-height:1.45em;-webkit-border-radius:0;border-radius: 0;-ms-border-radius:0; }
  table,td,tr{font-family: 'Lato', sans-serif;font-size:1em;line-height:1.45em;color:rgb();}
  img,div.figure{border:none; max-width:100%; height:auto;}
  .cf{float:none;clear:both;}
  input{-webkit-border-radius:0;}

  a,a:link {text-decoration:none;color:rgb(); font-weight:700; -webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
  a:visited {text-decoration:none;color:rgb();}
  a:hover, a:focus{text-decoration:underline;color:rgb(0,0,0);}
  .main_body_size a:hover,.main_body_size a:focus,.main_body_size a:active{font-weight:900;}
  #googleTranslate a{text-decoration:none;}

  .accessible{display:none;}
  .accessible:focus{display:inline-block;}
  .sr-only{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(35,31,32,0);border: 0;}
  .sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0;overflow: visible;clip: auto;}

  .screen-reader-only {
    position: absolute; height: 1px; width: 1px;
    clip: rect(1px 1px 1px 1px); // IE 6 and 7
    clip: rect(1px,1px,1px,1px);  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px); overflow: hidden !important;}

  .tabbing:-moz-focusring {border-left: 0.1em solid rgb() !important; outline:0;}
  .tabbing:focus {border-left: 0.1em solid rgb() !important; }

  /*search results*/
  .gsc-result .gs-title{height:auto!important;}
  .gsc-control-cse, .gsc-control-cse .gsc-table-result{font-family: 'Lato', sans-serif;!important; font-size:1em!important;}
  .gsc-control-cse{font-family: 'Lato', sans-serif!important;}
  form.gsc-search-box,.gsc-control-cse .gs-spelling,
  .gsc-control-cse .gs-result .gs-title,
  .gsc-control-cse .gs-result .gs-title *,.gsc-control-cse .gs-result .gs-spelling-original{font-size:1em!important;}

  h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.15em;font-family: 'Merriweather', serif;}
  h1{font-size:3.3em; color:rgb(0,0,0); font-weight:700; font-style:italic;}
  h2{font-size:2.4em; color:rgb(); font-weight:700; }
  h3{font-size:1.75em; color:rgb(); font-weight:700;}
  h3.tool_heading{font-size:2em; color:rgb(); font-weight:700; margin:0.5em 0; padding:0.5em 0; position:relative;}
  h3.tool_heading:before{content:'';position:absolute; top:0; left:0;  width:100%; height:0.25em; background:rgb();}
  h4{font-family:'Lato',sans-serif;font-size:1.5em; color:rgb(0,0,0); font-weight:900; }
  h5{font-size:1.3em; color:rgb(0,0,0); font-weight:700; font-style:italic;}
  h6{font-size:1.15em; color:rgb(); font-weight:700; font-style:italic;}
  blockquote{position:relative; width:100%; display:inline-block; padding:0.5em 0; margin:0.5em 0;}
  blockquote:before{content:''; position:absolute; top:0; left:0; width:60%; height:0.25em; background:rgb();}
  blockquote p, blockquote div{font-family: 'Merriweather', serif; font-size:1.3em; line-height:1.45em; color:rgb(); padding:0; font-weight:700; font-style:italic;}
  p{font-size:1em; line-height:1.45em; font-weight:normal; color:rgb(); padding: 0 0 1.5em; margin:0;}
  .main_body_size ol, .main_body_size ul{display:block; margin:0 0 1em;overflow:hidden;}
  hr{border:0; height:2px; background: rgb(); margin:1em 0 1.6em; line-height:1em;}

  /***PAGE LAYOUT***/
  .wrapper{float:left;margin:0; padding:0 5%; max-width:90%; width:90%; display:inline-block;height:100%; position:relative;-webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;-ms-transition: width 0.5s ease;-o-transition: width 0.5s ease;transition: width 0.5s ease;}
  #main{float:left;width:100%;margin:auto;padding:0;overflow:hidden;min-width:100%;position:relative;display:inline-block;}
  main { width: 100%; float: left; }
  a[name="skipNav"]{width:100%!important;background:rgb();color:rgb(255,255,255);text-align: center;display: inline-block;padding:0.25em 0;outline: rgb();}

  /***HEADER***/
  .header{width:100%;margin:0;padding:0;position:relative; display:inline-block; float:left; z-index:999;
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  .fixed {position:fixed; -webkit-animation:stickyhead ease-in-out 0.4s 0.1s both;-moz-animation:stickyhead ease-in-out 0.4s 0.1s both;animation:stickyhead ease-in-out 0.4s 0.1s both; }

  #header-top{width:100%;margin:0; padding:0; background:rgb(); position:relative; display:inline-flex; flex-flow:row wrap; justify-content: space-between; align-items:flex-start; border-bottom:2px solid rgb();
      -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  .fixed #header-top{height:0; overflow:hidden; display:none;}
  #header-top .wrapper{ display:inline-flex; flex-flow:row wrap; justify-content: space-between; align-items:center;}
  #org-name{font-family:'Merriweather',serif;position:relative; font-size:1.1em; line-height:1em; padding:0.2em 0; color:rgb(255,255,255); font-weight: bold; font-style:italic; z-index:2; opacity:1; transition: all .3s ease 0s;}
  #org-name span{position:relative; display:block; width:100%; z-index:2;}
  #org-name span.title{  z-index:2; font-size:0.6em; width:auto; display:inline-block; background:rgb();}
  #org-name span.district-name{background:rgb();}
  #org-name span.district-name:before{content:''; width:100%; height:1px; background:rgb(); position:absolute; top:50%; left:0; z-index:0;}
  #org-name:hover,#org-name:focus,#org-name:active{color:rgb(255,255,255); text-decoration:none; opacity:.8;}

  #logo{position:absolute;display:inline-block; top: calc(105% + 3.5em) ; left:0; z-index:998;text-align:center; width:100%;
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  #logo a{display:inline-block;width:100%;}
  #logo img{max-width:100%;max-height:10em;display:inline-block;}
  .fixed #logo{height:0; overflow:hidden;}
  .fixed #logo img{max-height: 5em;}

  #header-btm{width:100%; position:relative; display:inline-block; background:rgb(255,255,255); padding:0; z-index:999; float:left;
    -webkit-box-shadow: 0 25px 20px 5px rgba(0,0,0,0.31); box-shadow: 0 25px 20px 5px rgba(0,0,0,0.31);
    -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  .fixed #header-btm{font-size:80%; -webkit-box-shadow: 0 5px 10px 2px rgba(0,0,0,0.31); box-shadow: 0 5px 10px 2px rgba(0,0,0,0.31);}
  .w-banner #header-btm,  .landing-page #header-btm{position:absolute; top:100%; left:0; background: rgba(255,255,255,0.75);}
  .fixed.w-banner #header-btm,.fixed.landing-page #header-btm{top:0;background: rgb(255,255,255);}


  /***emergency feature***/
  #announEmergencyShellOuter{z-index:99999!important;}
  #announEmergencyShell{transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
  #announEmergencyShell.fixed{height:0;padding:0;overflow:hidden;}
  #announEmergencyShell,#announEmergency{background-color:rgb(206,32,41) !important; max-width:100% !important;font-family: 'Lato', sans-serif!important;}
  #announEmergencyShell #emergencyLogo{font-family: 'Lato', sans-serif;}
  #announEmergencyShell #emergencyLogo a{font-size:1.25em !important;font-family: 'Lato', sans-serif;}
  #announEmergencyShell #emergencyLogo h2{ font-size:1.5em !important; font-weight:700;font-family: 'Lato', sans-serif;text-transform: none!important;}
  #announEmergency #emergencyDescription{margin-top:0.5em !important;padding-top:1.2em !important;border-top:1px solid rgb(255,255,255);padding-bottom:0.5em !important; color:rgb(255,255,255);font-family: 'Lato', sans-serif; font-size:1.25em!important;line-height: 1.4em!important;}
  #announEmergency p{color:rgb(255,255,255);font-family: 'Lato', sans-serif; font-size:1.25em!important;}
  #announEmergency #emergencyDescription #emergencyTitle h2, #announEmergency #emergencyDescription #emergencyTitle a{font-family: 'Lato', sans-serif!important;font-size:1.25em!important;font-weight:600!important;text-transform:none!important;letter-spacing:1px;}
  #announEmergencyShell #emergencyLogo h2, #announEmergencyShell #emergencyLogo a,
  #announEmergencyShell #emergencyExpand a,
  #announEmergency #emergencyDescription{color:rgb(255,255,255)!important;}
  #announEmergency #emergencyDescription{border-top: 0.22em solid rgb(255,255,255)!important;}

  /***Footer***/
  .footer{width:100%;float:left;background:rgb(253,253,253);display:inline-block;position:relative; }

  .footer-top{width:100%; padding:2.5em 0; display:inline-block; float:left; position:relative;}
  .footer-logo{width:100%; position:relative; display:inline-block; text-align:center;}
  .footer-logo a{display:inline-block; width:100%;}
  .footer-logo a:hover,
  .footer-logo a:focus,
  .footer-logo a:active{text-decoration:none;}
  .footer-logo img{width:auto; max-width:300px; max-height:13.8em; margin-bottom:1.2em}
  .footer-top h2{width:100%; text-align:center; font-family:'Merriweather',serif; font-size: 3.2em; line-height:1.1em; padding:0; font-weight:bold; font-style:italic;}
  .footer-logo a:hover h2,
  .footer-logo a:focus h2,
  .footer-logo a:active h2{color:rgb();}
  #tagline{margin:1em 0; padding:0.25em 5%; text-align:center; font-family:'Lato',sans-serif; font-size:1.6em; line-height:1.1em; font-weight:700; font-style:italic;color:rgb();}

  .footer-mid{width:100%; display:inline-block; border-top:1px solid rgb(0,0,0);  display:inline-flex; flex-flow: row wrap; justify-content:space-between; align-items:stretch; align-content: flex-start;}

  .footer-address{width:57.5%; display:inline-block; justify-content: flex-start; align-items:  flex-start; align-content:flex-start; flex-flow: row wrap; margin:0.75em 0; padding-left:2.5%;}
  .footer-address h3{font-size:1em; font-family:'Lato',sans-serif; font-weight:400; color:rgb(0,0,0); line-height:1em;padding:0 0 0.5em; flex-basis:100%; text-transform:uppercase;}
  .footer-address h3 a{font-weight:900; }
  .footer-address h4{font-size:0.9em; font-family:'Lato',sans-serif; font-weight:400; color:rgb();}
  .footer-label{font-weight: 700;}
  .footer-address ul{width:100%; flex-basis:100%;margin:0;padding:0; list-style:none; line-height:1.2em; display:inline-block; justify-content: flex-start; align-items: flex-start; align-content:flex-start; flex-flow: row wrap; font-size:0.9em;}
  .footer-address ul li{flex-basis:25%; width:20%; margin:0 0 0.75em; display:inline-flex; flex-flow:row wrap; padding-right:3%; vertical-align:top; line-height:1.6em;}
  .footer-address ul .address-row{flex-basis:100%;}
  .footer-address address{font-style:normal;}
  .footer-address a{color:rgb(0,0,0); font-weight:400;display:inline-flex; justify-content:flex-start; align-items:center; align-content:center; flex-basis:100%;}
  .footer-address a:hover,.footer-address a:focus,.footer-address a:active{color:rgb(0,0,0); text-decoration:underline; }
  .footer-address a span.icon{color:rgb(); float:left; margin-right: 0.25em;}

  #social-icons{margin:0; padding:0; width:40%; list-style:none; text-align:right; display:inline-flex;  justify-content: flex-end; align-items: stretch; align-content:flex-start; flex-flow: row wrap;}
  #social-icons li{display:inline-flex;margin:0; border-left:1px solid rgb(0,0,0); justify-content: flex-end; align-items: stretch; align-content:flex-start; flex-flow: row wrap;}
  #social-icons li a,#social-icons li button{font-size:2.2em; line-height:1em; color:rgb(); background:transparent; border:none; outline:none;padding:1.25em 0.7em;}
  #social-icons li a:hover,#social-icons li button:hover,
  #social-icons li a:focus,#social-icons li button:focus,
  #social-icons li a:active,#social-icons li button:active{color:rgb(255,255,255); background:rgb(); text-decoration:none;}


  .footer-btm{background:rgb();padding:0.5em 0; width:100%; display:inline-block; float:left; border-top:2px solid rgb(255,255,255); font-family:'Lato',sans-serif;}
  .footer-credit{float:left; width:90%;}
  .footer-credit  p {padding: 0.3125em 0 0 0; text-transform: none; font-size: 0.75em; color: rgb(255,255,255); line-height: 1.375em; letter-spacing: 0.04em;float: left;}
  .footer-credit ul{margin:0;padding:0.25em 0;width:100%;display:inline-block;list-style:none;}
  .footer-credit ul li{display:inline-block;padding: 0 0.75em 0 0;margin: 0 0.75em 0 0; border-right:1px solid rgb(255,255,255);}
  .footer-credit ul li:last-child{border:none;}
  .footer-credit ul li a{font-size:0.8em; line-height:1em;color:rgb(255,255,255);opacity:1; font-weight:400;}
  .footer-credit ul li a:hover,.footer-credit ul li a:focus{opacity:0.8;}
  .cms4schools-credit { max-width: 10%; float: right; }

    .below_footer_content{ padding-top: 2rem; float: none; clear: both;}
    .below_footer_content .flex{ display: flex; justify-content: space-around; flex-flow: wrap;}
    .below_footer_col{ padding: 0 1rem; box-sizing: border-box;}

    .below_footer_col svg{ height: 14px; width: auto;}

    .below_footer_col h6{ padding-bottom: 0.5rem;}

    .below_footer_col a{ display: inline-flex; align-items: center;}
    .below_footer_col .link_icon{ display: inline-block; margin-right: 7px;}

    .footer_divider{ display: inline-block; padding: 0 10px; line-height: 100%;}

  /*keyframes*/
  @-webkit-keyframes stickyhead{
  0%{opacity:0;-webkit-transform:translateY(-100%)}
  100%{opacity:1;-webkit-transform:translateY(0)}
  }

  @-moz-keyframes stickyhead{
  0%{opacity:0;-moz-transform:translateY(-100%)}
  100%{opacity:1;-moz-transform:translateY(0)}
  }

  @keyframes stickyhead{
  0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
  100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
  }


  /***INSIDE PAGES***/
  .main{position:relative;display:inline-block;float:left;width:100%;}
  .main.inside{background:rgb(255,255,255);}
  .left-nav{position:relative;z-index:9;display:inline-block;float:left;width:17.5%;height:100%;float:left;}
  .left-nav h2{color:rgb(0,0,0);padding:1.5em 10% 0;}
  .middle-column{overflow:hidden;position:relative;display:inline-block;z-index:9;float:right;width:82.5%;padding:2em 0 2em;}
  .no-left .middle-column{width:100%;}

  .main_body_size{width:100% !important;margin:0; position:relative;padding:0;float:left;overflow:hidden;z-index:0;}
  .middle_when_right_side_bar{width:60%;padding:0 3.5% 0 3.5%!important;margin:0;min-height:12em;float:left;overflow:hidden;display:inline-block;}
  .middle_when_no_right_side_bar,.internal_news_page .middle_when_no_right_side_bar{width:93%!important;padding:0 3.5%!important;margin:0;min-height:12em;position:relative;display:block;overflow:hidden;}
  .no-left .middle_when_no_right_side_bar{width:93%;padding:0 3.5%!important;}
  .detail_padding{padding:0 0 1em;display:inline-block;}
  .middle_when_right_side_bar .detail_padding,
  .middle_when_no_right_side_bar .detail_padding,
  .no_right_side_bar_right_padding .detail_padding{margin:0;display:inline-block;width:100%;position:relative;}
  .no-left .middle_when_no_right_side_bar.detail_padding{width:93%!important;}

  .main .titletext.pagetitle_padding{width:80%;padding:0 10% 1.5em; margin-top:1em;text-align: center;font-family: 'Lato' , sans-serif;font-size:2.2em;text-transform:uppercase;color:rgb();font-weight:900;}

  /***BANNER***/
  #banner{width:100%;display:inline-block;float:left;position:relative;z-index:99;background:rgb();
    -webkit-box-shadow:inset 0 -5px 15px 0 rgba(0,0,0,0.18);
    box-shadow:inset 0 -5px 15px 0 rgba(0,0,0,0.18);}
  #banner.landing-page{background:rgb();}
  #banner.landing-page .imageDip{width:100%;position:relative;background-size:cover!important;height:34vw; z-index:1;}
  #banner.landing-page .imageDip:after{content:'';position:absolute;left:0;top:0; height:100%; width:100%;
      background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 84%, rgba(0,0,0,0.7) 100%);
      background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 84%,rgba(0,0,0,0.7) 100%);
      background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 84%,rgba(0,0,0,0.7) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#b3000000',GradientType=0 );}
  #banner .pageTitle{position:relative; width:90%; padding:6em 5% 2.2em;}
  #banner.landing-page .pageTitle{position:absolute; left:0; bottom:1.5em; padding:0 0 0 5%; width:80%; z-index:1;}
  #banner .pageTitle h1{color:rgb(255,255,255);font-family: 'Merriweather',serif;font-size:3.4em;line-height:1em;font-weight:700;padding:0;width:100%;display:inline-block;text-align:left;}
  #banner.landing-page .pageTitle h1{font-size:2.8em; text-shadow:1px 1px 4px rgb(0,0,0,0.6);}
  #banner .main-slider{width:100%; position:relative;}
  #banner .main-slider .slide{width:100%;position:relative;background-size:cover!important;height:34vw; z-index:1;}
  #banner .main-slider .slide:after{content:'';position:absolute;left:0;top:0; height:100%; width:100%;
      background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 84%, rgba(0,0,0,0.7) 100%);
      background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 84%,rgba(0,0,0,0.7) 100%);
      background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 84%,rgba(0,0,0,0.7) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#b3000000',GradientType=0 );}

  .slider-arrows{position:absolute; bottom:2.5em; right:2.5%; display:inline-flex; flex-flow: row wrap; justify-content:space-between; align-items:center; z-index:3;}
  .slider-arrows button{background:transparent; padding:0.25em; font-size:2em; color:rgb(); border:none;}
  .slider-arrows button:hover,
  .slider-arrows button:focus,
  .slider-arrows button:active,
  .slider-arrows button.slick-active{color:rgb(); text-decoration:none;}

  /***RIGHT SIDEBAR ***/
  #sidebar_content{width:25%;padding:0;margin:0 3% 0 0;overflow:hidden;position:relative;display:inline-block;float:right;z-index:0;}
  #sidebar_content .right_per_detail{width:100%;margin:0 0 2em;padding:0;display:inline-block;position:relative;}
  #sidebar_content .right_hr_top{display:none;}
  #sidebar_content h3.tool_heading{width:90%;font-size:1.5em; font-weight:700; padding:0.5em 5% 0.45em; margin:0; border:none; line-height:1em;letter-spacing:1px;background:rgb();color:rgb(255,255,255);overflow:hidden;}
  #sidebar_content h3.tool_heading span{background:none;}
  #sidebar_content h3.tool_heading:before{display:none;}
  #sidebar_content .right_per_detail .right_content{width:calc(85% - 2px);padding:1.15em 7.5%;overflow:hidden;color:rgb(0,0,0);display:inline-block;position:relative;border:1px solid rgb(0,0,0); font-size:90%;}
  #sidebar_content .right_per_detail p:last-child{padding-bottom:0px;}
  #sidebar_content .right_hr_bottom hr,
  #sidebar_content .right_hr_top hr{display:none;}
  #sidebar_content .right_hr_bottom{display:none;}

  /*translator*/
  #sidebar_content .detail_translator .right_content{display:none;}

  /*quick links */
  #sidebar_content .detail_quicklinks{text-transform:capitalize;font-family: 'Lato', sans-serif;font-weight:400;color:rgb();margin-bottom:1.25em !important;}
  #sidebar_content .detail_quicklinks form{display:inline-block;width:100%;}
  #sidebar_content .detail_quicklinks form div{padding:0!important;display:inline-block;width:100%;}
  #sidebar_content .detail_quicklinks select{float:left;height:auto!important;font-size:1.1em;}
  #sidebar_content .detail_quicklinks input[type="submit"]{height:auto!important;font-size:1.1em;padding:0;}
  #sidebar_content .detail_quicklinks .right_content a[title="Contract List"],
  #sidebar_content .detail_quicklinks .right_content a[title="Expand/Contract List"],
  #sidebar_content .detail_quicklinks .right_content a[title="Expand List"]{font-size:1.5em;margin:0;}
  #sidebar_content .detail_quicklinks .right_content a{margin:0.5em 0;display:inline-block;}

  /*upcoming events */
  #sidebar_content .right_per_detail ul li.upcoming_events_slide{display:inline-block;width:100%;}
  #sidebar_content .right_per_detail ul li.upcoming_events_slide li{width:100%;display:inline-block;}
  #sidebar_content .dateBox{margin:0.25em 0;width:100%;font-family: 'Lato' , sans-serif;font-size:1em;font-weight:700;line-height:1.1em;}
  #sidebar_content .upcoming_events_time{font-size:0.9em;font-family: 'Lato', sans-serif;display:inline-block;width:100%;float:left;overflow:hidden;}
  #sidebar_content .upcoming_events_event{padding:0.25em 5% 0.75em;width:90%!important;font-size:0.9em;line-height:1.05em;}
  #sidebar_content .upcoming_events_event a{font-family: 'Lato', sans-serif;}
  #sidebar_content .upcoming_events_bottom{padding-bottom:0;}

  /*News*/
  #sidebar_content .detail_rightnews ul{list-style-type:none;padding:0;margin:0;}
  #sidebar_content .detail_rightnews ul ul li{padding:0 0 1em 0;margin:0 0 1em 0;border-bottom:1px solid rgb(); }
  #sidebar_content .detail_rightnews ul ul li:last-child{background:none !important;padding-top:0px;margin-top:0px;border:none;}
  #sidebar_content .detail_rightnews a.right_news_style,
  #sidebar_content .detail_rightnews ul li strong{font-size:1em;margin-bottom:0.5em;display:inline-block;width:100%;text-decoration:none;font-weight:700;}

  /*slideshow */
  #sidebar_content .detail_rightslideshow .right_content{padding-top:15px;height:auto;}
  #sidebar_content .detail_rightslideshow .right_content img{height: 100%; max-width:100%!important; object-fit:contain; width: 100%;}
  #sidebar_content .detail_rightslideshow .right_content p{padding:0.9em 0 0;}

  /*announcements*/
  .detail_announcements2 p{margin:0; padding:0}
  #sidebar_content .detail_announcements2r p{margin:0;padding:0;font-size:1em !important;overflow:hidden;}
  #sidebar_content .detail_announcements2r h4{font-family: 'Lato', sans-serif;font-size:1.4em;font-style:normal;margin:1em 0 0;padding:0 0 0.25em;font-weight:700;text-decoration:none;line-height:1.1em; text-transform:capitalize;}
  #sidebar_content .detail_announcements2r h4:first-child{padding-top:0;background:none;margin-top:0;border:none;}
  #sidebar_content .detail_announcements2r h4 a{text-transform:capitalize;}
  #sidebar_content .detail_announcements2r h4 a:hover{text-decoration:none; }
  #sidebar_content .detail_announcements2r a{text-decoration:none;}
  #sidebar_content .detail_announcements2r a:hover{text-decoration:underline; }
  #sidebar_content .detail_announcements2r ul.bxslider ul li{margin:0 0 1.5em;}
  #sidebar_content .detail_announcements2r img{max-width:100%!important;margin:0 0 1em!important;}

  /* minical  */
  .miniCalShell .miniCalSort,.miniCalShell .minCalSortCat{text-transform:capitalize;}
  .miniCalShell{width:90%; margin:0 auto;}
  .detail_minical h4{font-family: 'Lato', sans-serif;color:rgb();padding:0.6em 0 0;margin:0;font-size:1.1em;font-weight:700;font-style:normal;}
  .detail_minical ul{padding:0;margin:0;}
  .detail_minical ul li a{margin:0.5em 0 0 0;display:inline-block;font-weight:700;}
  table.minical{width:100%;border-spacing:0;border-collapse:collapse;}
  .minical_wrapper table tr td table{border-spacing:0;margin-bottom:0;}
  .minical_wrapper table tr,
  .minical_wrapper table tr td{vertical-align:middle !important;}
  .minical_wrapper .headerbg td a{display:block;}
  .minical_wrapper .headerbg a span.title{display:none;}
  .minical_wrapper .headerbg td:first-child,
  .minical_wrapper .headerbg td:first-child + td + td{width:auto !important;}
  .minical_wrapper .headerbg td:first-child + td{width:auto !important;}
  .minical_wrapper .headerbg td:first-child{text-align:left;}
  .minical_wrapper .headerbg td:first-child + td + td a{float:right;}
  .minical_wrapper .headerbg td:first-child a{margin:0 0.5em 0 0; z-index:1; position:relative;}
  .minical_wrapper .headerbg td:first-child + td + td a{margin:0 0 0 0.5em; position:relative;}
  .minical_wrapper{padding:0px;}
  .minical_wrapper .headerbg,
  .minical_wrapper .headerbg .headerlink{text-decoration:none;font-weight:normal !important;}
  .minical_wrapper .headerbg .headertext,
  .minical_wrapper .header2bg .header2text{font-size:1.3em;text-transform: capitalize;font-family: 'Lato', sans-serif;font-weight:700;color:rgb();padding:0;}
  .minical_wrapper .header2bg .header2text{font-size:0.8em;padding:0.8em 0 0.46em 0;color:rgb();font-family: 'Lato', sans-serif;text-align:center;}
  .minical_wrapper tr.header2bg{border-top:none;}
  .minical_wrapper tr.header2bg td{background-color:transparent;}
  .minical_wrapper .alternatebg1{background-color:transparent;height:2em;width:2.5em;padding:0px 0 0px;color:rgb();}
  .minical_wrapper .alternatebg2{height:30px;padding:0;color:rgb();width:2.5em; }
  .minical_wrapper td.headerbg{color:rgb();padding:0;height:2em;width:2.5em; }
  .minical_wrapper .detail_minical{padding-bottom:0;}
  .minical_wrapper .alternatebg1,
  .minical_wrapper .alternatebg2,
  .minical_wrapper .callink{color:rgb() !important;font-weight:normal !important;font-size:1em;font-family: 'Lato' , sans-serif;text-align:center;}
  .minical_wrapper .callink:hover{color:rgb(0,0,0) !important;text-decoration:none !important; }
  .minical_wrapper td.headerbg{height:2em;width:2.5em;background:rgb();color:rgb(255,255,255);font-size:1em;font-family: 'Lato', sans-serif;}
  .minical_wrapper td.headerbg .headerlink{color:rgb(255,255,255) !important;font-weight:normal !important;}
  .minical_wrapper td.headerbg .headerlink:hover{color:rgb() !important;font-weight:normal !important; opacity:0.8;}
  .minical_wrapper .alternatebg1,
  .minical_wrapper .alternatebg2{background-color:transparent;}

  .redtext{color:rgb(206,32,41);font-weight:bold;}
  .colorsquare{display:none;}

  /***MAIN BODY***/

  .detail_textgraphic .figure img{border:1px solid rgb();-webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.1); box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.1);}

  /***Calendar***/
  .detail_calendar .headerbg, .detail_member_directory .headerbg, .miniCalShell .headerbg { background: rgb();border-color:rgb(239,239,239);color:rgb(255,255,255);}
  .detail_calendar table,.miniCalShell table{border-color:transparent;}
  .detail_calendar table table tr,.miniCalShell table tr{border-color:rgb();}
  .detail_calendar .headerbg a, .detail_member_directory .headerbg a,.miniCalShell .headerbg a{color:rgb(255,255,255);font-size:0.9em;text-transform:uppercase;font-weight:400;
    transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
  .detail_calendar .headerbg a:hover, .detail_member_directory .headerbg a:hover,.miniCalShell .headerbg a:hover{color:rgb();text-decoration:none;}
  .detail_calendar .headerbg a span.icon, .detail_member_directory .headerbg a span.icon,.miniCalShell .headerbg a span.icon{font-size:1em;padding:0 1em;}
  .detail_calendar .headerbg .headertext, .detail_member_directory .headerbg .headertext,.miniCalShell .headerbg .headertext{font-family: 'Merriweather', serif;font-weight:700;text-transform:uppercase;color:rgb(255,255,255);padding:0.4em 0;font-size:1.75em;line-height:1em;}
  .detail_calendar .headerbg,.detail_calendar .header2bg,.miniCalShell .header2bg{border-color:transparent;}
  .detail_calendar .header2bg,.miniCalShell .header2bg{background-color:rgb();border-color:rgb();color:rgb();}
  .detail_calendar .header2bg .header2text,.miniCalShell .header2bg .header2text{color:#fff; padding: 0.5em 0.5em 0.25em;text-align:left;font-size:0.9em;line-height:1em;text-transform:uppercase;font-weight:700;}
  .detail_calendar .borderstyle {border: 1px solid rgb();}
  .detail_calendar div table table td table td{padding:0.1em 0.6em 0;font-weight:400;}
  .detail_calendar div table table td table tr:first-child td{font-size:0.9em;}
  .detail_calendar a.callink{font-size:0.85em;line-height:1.1em;display:inline-block;padding:0.5em 0;font-family: 'Lato', sans-serif;}
  .detail_calendar .calBottomBannerShell .headertext{display:none;}
  .detail_calendar .calBottomBannerShell .headerlink{display:inline-block;padding:0.5em 0;}
  .detail_calendar .calTopBannerShell select,
  .detail_calendar .calTopBannerShell input[type="submit"]{height:auto!important;line-height:1em;padding:0;font-size:0.75em;}
  .detail_calendar .caltblDate{width:100%;border-bottom:2em solid rgb();}
  .detail_calendar .calYearShell .caltblDate,.detail_calendar .calMonthShell .caltblDate{border:none;}
  .detail_calendar .caltblDate a.callink{width:95%;padding:0.75em 2.5%;}
  .detail_calendar .calDateToolsShell,.detail_calendar .caltblCat{text-transform:capitalize;}
  .detail_calendar .calYearShell .header2bg .header2text{border-bottom:0.25em solid rgb();}
  .detail_calendar .today_highlight {background: rgba(,0.1);}
  .detail_calendar .calListShell .alternatebg1,.detail_calendar .calListShell .alternatebg2{background:none;}

  /* Alternating row background colors */
  .alternatebg1{background-color:rgba(,0.1);}
  .alternatebg2{background-color:rgba(,0.05);}

  /*Lunch Menu*/
  .detail_lunchmenu .headerbg{background: rgb();border-color:rgb(239,239,239);color:rgb(255,255,255);}
  .detail_lunchmenu table{border-color:transparent;}
  .detail_lunchmenu table table tr{border-color:rgb(239,239,239);}
  .detail_lunchmenu .headerbg a{font-family: 'Lato' , sans-serif;color:rgb(255,255,255);font-size:0.9em;text-transform:uppercase;font-weight:400;
    transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
  .detail_lunchmenu .headerbg a:hover{opacity:0.8;text-decoration:none;}
  .detail_lunchmenu .headerbg a span.icon{font-size:1em;padding:0 1em;}
  .detail_lunchmenu .headerbg .headertext{font-family: 'Lato' , sans-serif;font-weight:700;text-transform:uppercase;color:rgb(255,255,255);padding:0.4em 0;font-size:1.75em;line-height:1em;}
  .detail_lunchmenu .headerbg,.detail_lunchmenu .header2bg{border-color:transparent;}
  .detail_lunchmenu .header2bg{background-color:rgb(238,236,236);border-color:rgb(238,236,236);color:rgb(0,0,0);}
  .detail_lunchmenu .header2bg .header2text{color:rgb();font-family: 'Lato' , sans-serif; padding: 0.5em 0.5em 0.25em;text-align:left;font-size:0.9em;line-height:1em;text-transform:uppercase;font-weight:700;}
  .detail_lunchmenu .borderstyle {border: 1px solid rgb(239,239,239);}
  .detail_lunchmenu .alternatebg1,.detail_lunchmenu .alternatebg2{background:none;}

  /*Faculty List*/
  .detail_facultylist .headerbg{background-color:rgb() !important;color:rgb(255,255,255);font-size:0.8em;}
  .detail_facultylist tr.headerbg .headertext,
  .detail_facultylist tr.headerbg a.headerlink{color:rgb(255,255,255) !important;padding:0.4em 0.25em;text-transform:uppercase;font-family:'Lato',sans-serif;}
  .detail_facultylist tr.headerbg a.headerlink:hover{color:#fefefe !important; }
  .detail_facultylist form{margin-bottom:2em;}
  .detail_facultylist form[name="search_results2"]{margin:2em 0 0;}
  .detail_facultylist form input{padding:0 0.5em;}
  .detail_facultylist .alternatebg1 td,.detail_facultylist .alternatebg2 td{padding:0.75em;line-height:1.15em;font-size:0.9em;}
  .detail_facultylist .inside_bg td{padding:0 0;}
  .detail_facultylist img{min-width:100px;padding-right:5%;}

  /*Announcements*/
  .detail_announcements2 h4{width:100%;padding:0 0 1em 0;margin:0;font-style:normal;font-size:1.5em;font-weight:700;letter-spacing:1px;font-family: 'Merriweather', serif;}
  .detail_announcements2 .annShell{width:100%;display:inline-block;margin-bottom:1.5em; border-bottom:2px solid rgb();}
  .detail_announcements2 .annShell .image img{max-width:45%;}

  /*Slideshow*/
  .detail_slideshow img{max-width:100%!important;}

  /***Responsive Embeds***/
  .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
  .video-container iframe,
  .video-container object,
  .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

  /*homework*/
  .detail_homework{width:91.4%;padding:0 4.3%}
  .detail_homework div table table .headerbg{background:rgb();}
  .detail_homework div table table .headerbg td{color:rgb(255,255,255);line-height:3.25em;}
  .detail_homework div table table .headerbg td.headertext{font-family: 'Lato', sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
  .detail_homework div table table .headerbg td a{color:rgb(255,255,255);font-size:0.83em; font-weight:400;}
  .detail_homework div table table .header2bg{background:rgb();border-color:rgb();color:rgb(255,255,255);font-size:0.83em;text-transform:uppercase; line-height:1.5em;}
  .detail_homework div table table .header2bg td{color:rgb(255,255,255);}

  /*scholarships*/
  .detail_scholarships input[name="keywords"],
  .detail_scholarships select{width:90%!important;}
  .detail_scholarships .headerbg{background:rgb();color:rgb(255,255,255);}
  .detail_scholarships .headertext{color:rgb(255,255,255);}

  /*iForm*/
  .detail_iform input{margin-bottom:0.75em;}
  .detail_iform  table td{padding-left:0.5em!important;}
  .detail_iform  table table td{padding-left:0!important;}
  .detail_iform  table table table td{padding-top:0!important;}
  .detail_iform p {padding-bottom:0.25em!important;}
  .iform-input-label-checkbox,.iform-input-label-radio{line-height:1em; padding-left:0.25em;}


  /***LANDING PAGES***/
  .home-row{width:100%;display:inline-flex; flex-flow:row wrap; justify-content:flex-start; align-content: flex-start;float:left;position:relative;overflow:hidden;}

  .button{position:relative; font-size: 1em;line-height: 1em; padding:0.25em 0 0.5em; font-family: 'Merriweather', serif;font-weight: 700; background:none; border:none;
      display: inline-block; color: rgb()!important; text-align: center;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
  .button span{background: transparent; display:inline-block;position:relative; z-index:1;}
  .button .icon{display:inline-block; font-size:0.8em; padding-left:0.2em;}
  .button:after{content:'';position:absolute;left:0 ; bottom:0;
    width: 100%; height:2px;background:rgb(trasnparent);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display:inline-block; text-decoration:none; z-index:0;}
  .button:hover,.button:focus,.button:active{padding:0.25em 0.25em 0.5em;font-style:italic; text-decoration:none; font-weight: 700;}
  .button:hover:after,.button:focus:after,.button:active:after{width:100%; background:rgb();}
  .button.reverse{color:rgb(255,255,255)!important;}

  /*Entrance*/
  .main-slider{width:100%;display:inline-block;position:relative;float:left;background:rgb(0,0,0);color:rgb(255,255,255);}
  .main-slider .slider-link{display:inline-block; width:100%;position:relative;}
  .main-slider .slider-image{width:100%; height: 46vw; display:inline-block; background-position:center center!important; background-size:cover!important; z-index:0; float:left;}
  .main-slider .slider-image:before{content:'';position:absolute;left:0;top:0; height:100%; width:100%;
      background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 23%, rgba(0,0,0,0) 57%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 23%,rgba(0,0,0,0) 57%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 23%,rgba(0,0,0,0) 57%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 );}
  .main-slider .slide-text{position:absolute;left:2.5%;bottom:3em;width:60%;padding: 0;opacity:1!important;color:rgb(255,255,255); z-index:2;}
  .main-slider .slide-text h2{font-family: 'Merriweather',serif;font-weight:700;color:rgb(255,255,255);font-size:3.3em; font-style:italic;position:relative;
    text-shadow: 0 0 5px rgba(0,0,0,0.15);}
  .main-slider .slide-text h2 .subtext{position:relative; display:block; font-size:0.4em; padding:0.25em 0; font-weight:400; font-style:normal;}
  .main-slider .slide-text h2 .subtext:after{content:''; width:20%; height:2px; background:rgb(); position:absolute;  top:50%;
    -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
  .main-slider .slide-text h2 a{color:rgb(255,255,255); }
  .main-slider .slide-text h2 a:hover,
  .main-slider .slide-text h2 a:focus,
  .main-slider .slide-text h2 a:active{text-decoration:none;}
  .main-slider .slide-text h2 .icon{font-size:80%; color:rgb(); display:inline-block;
    -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out;}
  .main-slider .slide-text h2 a:hover .icon,
  .main-slider .slide-text h2 a:focus .icon,
  .main-slider .slide-text h2 a:active .icon{padding-left:0.25em;}
  .white-popup {max-width: 70%;margin: 4em auto;}

  .slider-controls{position:absolute; top:40%; right:2%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); display:flex; flex-direction:column; align-items:center; gap:0.5em; z-index: 999;}
  .slider-pause-btn{background:rgb(255,255,255); width:24px; height:24px; border:0; -webkit-border-radius:50%; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:0.75em; color:rgb(); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
  .slider-pause-btn:hover,
  .slider-pause-btn:focus{background:rgb(); color:rgb(255,255,255);}
  .slider-dots{margin:0; padding:0;}
  .slider-dots ul{margin:0; padding:0; list-style:none; display:block;}
  .slider-dots ul li{display:block; margin-bottom:0.5em;}
  .slider-dots button{background:rgb(255,255,255); width:16px; height:16px; color:rgb(0,0,0); -webkit-border-radius:50%; border-radius:50%; text-indent:-9999px; border:0;}
  .slider-dots button:hover,
  .slider-dots button:focus,
  .slider-dots button:active,
  .slider-dots .slick-active button{background:rgb();}

  #entrance-links{width:100%; position:absolute; bottom:0; right:0; margin:0; padding:0; list-style:none;
    display:inline-flex; flex-flow:row wrap; justify-content:flex-end; align-content:flex-start;}
  #entrance-links li{ display:inline-flex; flex-flow:row wrap; justify-content:center; align-content:flex-start;border-right:1px solid rgba(0,0,0,0.15);}
  #entrance-links li a{display:inline-block; background:rgba(255,255,255,0.75); color:rgb(); font-size:1em; line-height:1em; text-transform:uppercase;
    padding:1em 1.5em;}
  #entrance-links li a:hover,
  #entrance-links li a:focus,
  #entrance-links li a:active{text-decoration:none;  background:rgba(255,255,255,1); }
  #entrance-links li a span{position:relative; display:inline-block;}
  #entrance-links li a span:after{content:''; width:100%; bottom:-0.5em; left:0; height:2px; background:transparent; display:inline-block; position:absolute;}
  #entrance-links li a:hover span:after,
  #entrance-links li a:focus span:after,
  #entrance-links li a:active span:after{background:rgb();}

  /*Welcome*/
  #welcome{margin:3.5em 0; min-height:30vw; z-index:4;}
  #welcome .section-bg{width:45%; height:25.6vw;  background-position: center center!important; background-size: cover!important;
    position:absolute; top:4em; left:2.5%; z-index:1;
    display:inline-flex; justify-content: center; align-content:center; background-color:rgb()!important; align-items:center; z-index:0;}
  #welcome .section-bg .icon{font-size:5em;padding:1em;}
  #welcome .section-bg a{ color:rgb(255,255,255);}
  #welcome .section-bg a:hover,
  #welcome .section-bg a:focus,
  #welcome .section-bg a:active{color:rgb(); text-decoration:none;}
  #welcome .section-text{width:50%;float:right; display:inline-block;margin: 0 0 3.5em;}
  #welcome .section-text h2{font-size:2.8em; font-weight:900; font-style:italic; padding:0 0 0.2em; margin:0 0 0.2em; border-bottom: 2px solid rgb(); width:100%;}
  #welcome .section-text h3{font-size:1.2em; font-weight:900; text-transform:uppercase; font-family: 'Lato',sans-serif; color:rgb(); padding:0 0 0.3em;}
  #welcome .section-text p{padding: 0 0 0.5em;}

  #welcome-callouts{width:100%; float:right; z-index:4; position:relative; margin:0; padding:0 0 1.5em; list-style:none;
    display:inline-flex; justify-content: flex-start; align-content: flex-start; align-items:stretch; flex-flow: row wrap;}
  #welcome-callouts.w-welcome{width:60%;}
  #welcome-callouts li{flex-basis:30%; margin-right: 3%; border:1px solid rgba(0,0,0,0.15); background:rgb(255,255,255);-webkit-box-shadow: 3px 3px 10px 0 transparent; box-shadow: 3px 3px 10px 0 transparent;
      -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; min-height:18.75em;}
  #welcome-callouts li .callout-inner{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:block;
  }
  #welcome-callouts li a{position:absolute; top:0; left:0;width:100%; float:left; display:block; height:100%}
  #welcome-callouts li:hover,
  #welcome-callouts li:focus,
  #welcome-callouts li:active{-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);  -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.18); box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.18); }
  #welcome-callouts li a:hover,
  #welcome-callouts li a:focus,
  #welcome-callouts li a:active{text-decoration:none;}
  #welcome-callouts li .callout-img{width:100%; display:inline-flex; flex-flow: row wrap; justify-content:center; align-content:center; align-items:center; height:13em; background: rgb() url(www.barron.k12.wi.us/custom/images/homepage/asset_callout_bg.png) center center no-repeat; background-size:auto 100%; position:relative;
     -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  #welcome-callouts.w-welcome li .callout-img{height:6.5em; float:left;}
  #welcome-callouts li:nth-child(2n) .callout-img{background-color:rgb();}
  #welcome-callouts li .callout-img.w-photo{background-size:cover!important;}
  #welcome-callouts li .title{padding:1em 5% 0.5em; width:90%; font-weight:700;  float:left; font-family: 'Merriweather',serif; display:block; position:absolute; bottom:1.5em; min-height:3em; background: rgb(255,255,255);
     -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  #welcome-callouts li .button{padding: 0.25em 0 0.25em; margin:0 5% 1em; font-size:0.8em;  float:left; position:absolute; bottom:0; left:0;}
  #welcome-callouts li .button .icon{font-size:0.8em; display:inline-block; margin-left:0.25em;}

  #welcome-callouts.image-callouts .callout-img{height:18.75vw;  margin-bottom: 5.5em;}
  #welcome-callouts.image-callouts li{min-height:24.25vw;}
  #welcome-callouts.image-callouts.w-welcome li{min-height:13.875vw;}
  #welcome-callouts.image-callouts.w-welcome .callout-img{height:9.375vw;}
  #welcome-callouts.image-callouts li:hover,
  #welcome-callouts.image-callouts li:focus,
  #welcome-callouts.image-callouts li:active{background:rgb();}
  #welcome-callouts.image-callouts li:hover .title,
  #welcome-callouts.image-callouts li:focus .title,
  #welcome-callouts.image-callouts li:active .title{color:rgb(255,255,255); background:rgb();}
  #welcome-callouts.image-callouts li a:hover  .callout-img,
  #welcome-callouts.image-callouts li a:focus .callout-img,
  #welcome-callouts.image-callouts li a:active  .callout-img{height:100%;}

  #welcome-callouts.image-callouts li a:hover  .callout-img:before,
  #welcome-callouts.image-callouts li a:focus .callout-img:before,
  #welcome-callouts.image-callouts li a:active  .callout-img:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(,0.6);}
  #welcome-callouts.image-callouts li a:hover .title,
  #welcome-callouts.image-callouts li a:focus .title,
  #welcome-callouts.image-callouts li a:active .title{height:0; min-height:0em; overflow:hidden; padding:0; display:none;}
   #welcome-callouts.image-callouts li a:hover .button,
  #welcome-callouts.image-callouts li a:focus .button,
  #welcome-callouts.image-callouts li a:active .button{position:absolute; bottom:0; left:2.5%; color:rgb(255,255,255)!important;}


  #welcome-callouts.text-callouts li{min-height:18.5em;}
  #welcome-callouts.text-callouts.w-welcome li{min-height:12em;}

  /*Stories*/
  #stories{padding:3em 0; z-index:4; position:relative;}
  #stories:before{content:''; position:absolute; top:40%; left:0; width:100%; height:2px; background: rgb(); display:inline-block;}
  #stories h2{width:100%; float:left;  color:rgb(0,0,0); font-size:2.2em; font-style:italic; margin:0 0 2.5em;  }
  .stories-nav{width:26%; float:left;padding-top:1.5em; position:relative; }
  .stories-slider{width:70%;display:inline-block;position:relative;float:right; margin:0; padding:0; list-style:none;}
  .stories-slider .slick-list{padding:0 15%;}
  .stories-slider li{padding:0; margin:0 1em 0;display:inline-block; background:rgb(255,255,255);}
  .stories-slider li:nth-child(2n){margin-top:4em;}
  .stories-slider li:hover,
  .stories-slider li:focus,
  .stories-slider li:active{-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.18); box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.18);
      -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  .stories-slider li .stories-text{width:95%; padding:1em 2.5%; display:inline-block; text-align:center; border: 1px solid rgba(0,0,0,0.15);}
  .stories-slider li .stories-text h3{font-size:1.3em; padding:0.5em 0; font-weight:900; font-style:italic; color:rgb(0,0,0);}
  .stories-slider li .stories-text p{font-size:0.9em; padding:0 0 1em;}
  .stories-slider li .stories-text .button{font-size:0.9em; width:90%;}
  .stories-slider li .stories-img{display:inline-block; width:100%; height:14.5em; background:rgb(255,255,255) url(www.barron.k12.wi.us/custom/images/homepage/asset_stories_bg.png) center center no-repeat; background-size:contain; float:left}
  .stories-slider li .stories-img.w-photo{background-size:cover!important; background-position:center!important;}
  .stories-slider li .stories-img .announce-placeholder-img{max-height: 88%; max-width:100%; margin:15px;}
  #stories-arrows{position:relative; width:100%; display:inline-flex; justify-content: space-between; flex-flow: row wrap; align-content:flex-start; margin-top:1.5em;}
  .stories-nav .button{position:absolute; bottom:3.5em; left:50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); z-index:4;}


  /*Events*/
  #upcoming-events{-webkit-transition: height 0.2s ease-in-out;-moz-transition: height 0.2s ease-in-out;-ms-transition: height 0.2s ease-in-out;-o-transition: height 0.2s ease-in-out;transition: height 0.2s ease-in-out;min-height:42vw; padding:3.75em 0; margin:2em 0; z-index:4;}
  .event-title{position:absolute; top:0; left:5%; display:inline-block; width: 42vw; height:42vw; background: rgb(); z-index:1;}
  .event-title:before{content:''; position:absolute; top:1.5em; left:-5%; width:100%; height:100%; z-index:-1; display:inline-block; border: 2px solid rgb();}
  .event-title h2{color:rgb(255,255,255); position:absolute; top:2em; left:5%; width:90%; z-index:1; font-style:italic; font-size:1.8em;}
  .events-img{position:absolute; top:0; left:0; background-position:center!important; background-size: cover!important; width:100%; height:100%;}
  .events-img:before{content:'';position:absolute;left:0;top:0; height:100%; width:100%;
      background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 23%, rgba(0,0,0,0) 57%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 23%,rgba(0,0,0,0) 57%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 23%,rgba(0,0,0,0) 57%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 );}
  #events-links{margin:0; padding:0 5%; text-align:left; list-style:none; width:90%; display:block; position:absolute; bottom:1.5em;}
  #events-links li{margin:0 0.5em; display:inline-block;}
  .events-list{margin:0;padding:0;-webkit-transition: height 0.2s ease-in-out;-moz-transition: height 0.2s ease-in-out;-ms-transition: height 0.2s ease-in-out;-o-transition: height 0.2s ease-in-out;transition: height 0.2s ease-in-out;
    margin:2.5em 0 0;padding:0 0 2.5em;list-style:none;width:65%; float:right; z-index:4; position:relative;
    display:inline-flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; align-items:stretch;}
  .events-list li{width:27%;padding: 1em 1.5%;margin:0 0 1.5em;display:inline-block;vertical-align:top; background:rgb(255,255,255); border: 1px solid rgba(0,0,0,0.15);}
  .events-list li .dateWrapper{padding:0; margin:0; width:100%;display:inline-block;position:relative;}
  .events-list li h3{width: 100%;padding:0;display: block; overflow: hidden;position: relative; font-family:'Lato',sans-serif;
    font-size: 1.4em;line-height:1em;color:rgb(0,0,0);font-weight: 400;margin:0 0 0.75em; text-transform:uppercase}
  .events-list li h3:before{content:''; position:absolute; top:50%; left:0; width:100%; height:2px; background: rgb();}
  .events-list li h3 span{display:inline-block; position:relative; background:rgb(255,255,255); padding-right:0.5em;}
  .events-list li .event{width:100%;display:inline-block;position:relative;margin-bottom:1.2em;float:left;}
  .events-list li .event a{font-family:'Merriweather',serif;font-style:700;font-size:1em;line-height:1em;padding:0 0 0.25em; font-style:italic; color: black;}
  .events-list li .event h4 a{color:rgb(0,0,0);}
  .events-list li .event h4 a:hover,.events-list li .event h4 a:focus,.events-list li .event h4 a:active{color:rgb(0,0,0); text-decoration:none; font-style:normal;}
  .events-list li .event p{padding:0;font-family:'Lato',sans-serif;line-height:1.2em;font-size:0.9em;font-weight:400;font-style:normal;}
  .events-list li .event p span.eventColor{width:1em;height:1em;display:inline-block;float:left;margin-right:1em;}
  .events-list li .eventOverflow{float:left;height:0;width:100%;position:relative;display:inline-block;overflow:hidden;-webkit-transition: height 0.2s ease-in-out;-moz-transition: height 0.2s ease-in-out;-ms-transition: height 0.2s ease-in-out;-o-transition: height 0.2s ease-in-out;transition: height 0.2s ease-in-out;}
  .events-list li .eventOverflow.open{height:auto;}
  .events-list li .expand-btn{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;width:100%;display:inline-block;text-align:center;float:left; font-family:'Lato',serif;color:rgb();line-height:1em;font-size:0.6em;text-transform:uppercase;}
  .events-list li .expand-btn:hover, .events-list li .expand-btn:focus, .events-list li .expand-btn:active{color:rgb();}
  .events-list li .expand-btn.open{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
  #events .button{color:rgb(255,255,255)!important;}
  #events .button:after{background:rgb(255,255,255)!important;}

  /***updates***/
  #updates{margin:3em 0; display:inline-flex; flex-flow:row wrap; justify-content:space-between; align-items: flex-start;}
  #updates h2{width:90%; padding:0 5%; color:rgb(0,0,0); font-style:italic;}
  #social-row{margin:0; padding:0; list-style:none; width:90%; margin:4em 5% 0; position:relative; z-index:2;}
  #social-row.w-icons{width:50%;}
  #social-row.social-slider{width:90%; margin:4em 0 0; padding:0 5%;}
  #social-row:before,#update-callouts:before{content:''; position:absolute; bottom:1.5em; left:-10%;
    z-index:0; width:120%; height:70%; border-top:2px solid rgb(); border-right:2px solid rgb();}
  #social-row.social-slider:before{bottom:50%; left:0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);
    border:none; height:2px; width:100%; background: rgb();}
  #social-arrows{bottom:auto; top:2em;}

  #fbFeed{width:100%; display:inline-block;}

  #updates .social-slider ul{width:100%;display:inline-block;position:relative;float:right; margin:0; padding:0; list-style:none;}
  #updates .social-slider .slick-list{padding:0 15%;}
  #updates .social-slider li{padding:0; margin:0 1em 0;display:inline-block; background:rgb(255,255,255); float:none;}

  #updates #social-row ul{display:inline-flex; justify-content:space-between; align-items: stretch; align-content: stretch; flex-flow:row wrap;}
  #updates #social-row li li{flex-basis:48%; margin:0 0 1.5em; padding:0; border: 1px solid rgba(0,0,0,0.15); position:relative;}
  #updates #social-row.social-slider li li{margin: 0 1.5em; vertical-align: top;}
  #updates #social-row li .image{position:absolute; top:0; left:0; height:100%; width:40%; margin:0; overflow:hidden; text-align:center; transition: all 0.3s;}
  #updates #social-row li .image img{width:auto; height:100%; max-width:unset; display: inline-block;}
  #updates #social-row li .text{ padding:2em 5% 1.5em; width:90%; background:rgb(255,255,255);}
  #updates #social-row li .text .icon{color:rgb(); font-size:1.5em;}
  #updates #social-row li .text .copy{font-size:0.9em;}
  #updates #social-row li .text .button{padding-left:0; font-size:0.8em;}
  #updates #social-row li .text.wImg{width:50%;}
  #updates #social-row li .fbDetails img{display:none;}

  #updates #social-row li li .image:hover{ width: 100%; z-index:10; margin: 0 auto; background-color: #fff;}

  #update-callouts{margin:0; padding:0; list-style:none; width:90%; margin:4em 5% 0; position:relative; z-index:2;
    display:inline-flex; justify-content:space-between; align-items: stretch; align-content: stretch; flex-flow:row wrap;}
  #update-callouts.w-icons{width:50%;}
  #update-callouts li{flex-basis:48%; margin:0 0 1.7em; padding:0; border: 1px solid rgba(0,0,0,0.15); position:relative; background:rgb();}
  #update-callouts li a{display:inline-block; width:100%; color:rgb(255,255,255); float:left;}
  #update-callouts li:hover,
  #update-callouts li:focus,
  #update-callouts li:active{-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.18); box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.18);
      -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  #update-callouts li a:hover,
  #update-callouts li a:focus,
  #update-callouts li a:active{text-decoration:none;}
  #update-callouts li .callout-img{width:100%; height:33.8vw; opacity:0.1; display:inline-block; float:left; background-position: center center!important; background-size: cover!important;}
  #update-callouts.w-icons li .callout-img{height:16.9vw;}
  #update-callouts li .callout-text{position:absolute; top:0; left:0; width:90%; height:100%; padding:0 5%; display:inline-flex; justify-content: center;
    align-content:center; align-items:center; flex-flow:row wrap; text-align:center;}
  #update-callouts li .callout-text h2{font-size:1.5em; color:rgb(255,255,255); padding:0 0 0.5em;}
  #update-callouts li .callout-text p{font-size:0.9em; padding:0 0 0.5em; color:rgb(255,255,255);}
  #update-callouts li .callout-text .button{font-size:0.9em;}
   #update-callouts li a:hover .callout-img,
  #update-callouts li a:focus .callout-img,
  #update-callouts li a:active.callout-img{opacity: 1;}
  #update-callouts li a:hover .callout-text,
  #update-callouts li a:focus .callout-text,
  #update-callouts li a:active .callout-text{ height:0; overflow:hidden;}


  .icon-set{width:90%; margin:0; padding:2em 5%; list-style:none; position:relative; z-index:1; border-bottom:2px solid rgb();}
  .icon-set.w-callouts,.icon-set.w-social{width:32%; padding:0 0 4em 8%;}
  .icon-set.full-social{width:90%; padding:2em 5%; border:none; display:inline-flex; justify-content:center; flex-flow: row wrap; align-content: flex-start; align-item:stretch; }
  .icon-set.full-social:before{content:''; position:absolute; z-index:0; bottom:50%; left:0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);
    border:none; height:2px; width:100%; background: rgb();}
  .icon-set li{width:100%;padding-right:30%;display:inline-block; position:relative; z-index:1; margin:0 0 1.8em;}
  .icon-set.full-social li{ width:auto; margin:0 1.5%; padding:0; flex-basis:30%; text-align:center;}
  .icon-set.full-social li a{width:80%; justify-content:center; padding:1.2em 5%;}
  .icon-set li:before{content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:rgba(0,0,0,0.15); display:block; z-index:-1;}
  .icon-set.full-social li:before{display:none;}
  .icon-set li a{display:inline-flex; justify-content:flex-start; align-content: center; align-items:center;
    font-family:'Merriweather',sans-serif; font-weight:700; font-style:italic; color: rgb(); background:rgb(255,255,255);
    width:60%; font-size:1.4em; padding:0.6em 5%; border: 2px solid rgba(0,0,0,0.15);}
  .icon-set li:hover:before,
  .icon-set li:focus:before,
  .icon-set li:active:before{background:rgb();}
  .icon-set li a:hover,
  .icon-set li a:focus,
  .icon-set li a:active{text-decoration:none; border-color:rgb();}
  .icon-set li .icon{font-size:0.8em; position:relative; margin-right:0.5em;}

  /*Right Sidebar Image Fix*/
  .right_content div[id^="slideshowImageOuter_"] {
    height: auto !important;
    max-width: 100%;
  }
  .right_content div[id^="imageDipShell_"],
  .right_content div[id^="dipImage_"] {
    max-width: 100%;
  }
  .right_content div[id^="dipImage_"] {
    height: 100%;
  }


  /* CSS Styles to overwrite the bxSlider Defaults */
  .bx-wrapper .bx-controls-direction{display:none;}
  .bx-wrapper .bx-viewport{background:none!important;}
  .bx-wrapper{overflow:visible!important;padding:0!important;}
  .bx-wrapper .bx-pager{right:-3%!important;}
  .bx-wrapper .bx-pager.bx-default-pager a{border-radius:0!important;color:rgb(255,255,255)!important;background:rgb()!important;width:15px!important;height:15px!important;margin:0 0 0.5em!important;}
  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{color:rgb()!important;background:rgb()!important;}
  ul.bxslider{margin:0!important; padding:0!important;}
  ul.bxslider ul li{width:75%;}

  .cms-tool-resources-links.detail_news .news_style:before { display: none !important; }

/*Media Queries*/
    @media only screen and (min-width:2600px){
        html{font-size:137.25%;}
    }
    @media only screen and (max-width:2600px){
        html{font-size:125%;}
    }
    @media only screen and (max-width:2400px){
      html{font-size:118.75%;}
    }
    @media only screen and (max-width:1800px){
      html{font-size:112.5%;}
    }
    @media only screen and (max-width:1600px){
      html{font-size:100%;}
      #pageTitle h1, .main_body_size .titletext{font-size:1.75em;}
    }
    @media only screen and (max-width:1500px){
      .footer-mid{font-size:80%;}
      .main-slider .slide-text h2{font-size:2.8em;}
      #logo img{max-height:8em;}

      .events-list{width:60%;}
      .events-list li h3{font-size:1.2em;}

      .icon-set li a{font-size:1.2em;}
      .icon-set.w-callouts{padding-bottom:1.5em;}
    }
    @media only screen and (max-width:1300px){
        #welcome .section-text{font-size:90%;}
        .stories-slider li .stories-img{height:11em;}
        .events-list{width:57%;}
        .events-list li{width:45%;}
        #update-callouts.w-icons{padding-bottom:4em;}
        div.figure{width:auto!important;}
    }
    @media only screen and (max-width:1200px){
      #banner.landing-page .pageTitle{width:50%;}
      #banner.landing-page .pageTitle h1{font-size:2.5em;}
      #banner .pageTitle h1{font-size:2.8em;}

       .footer-mid{font-size:100%;}
       .footer-address{width:95%; text-align:center;}
       #social-icons{width:100%; justify-content:center; border-top:1px solid rgb(0,0,0);}
       #social-icons li{flex-basis:16.5%; text-align:center;}
       #social-icons li a, #social-icons li button{width:100%; text-align:center;}

        .main-slider .slide-text h2{font-size:2.2em;}
        #logo img{max-height:6em;}
        #entrance-links li a{font-size:0.9em;}

        #welcome .section-text{font-size:80%;}
        #welcome-callouts li{margin-right:2.5%;}
        #welcome-callouts li .title{font-size:0.8em; line-height:1.15em;}
        #welcome-callouts li .button{ font-size:0.6em;}

        #stories h2{font-size:1.8em;}
         .stories-slider li .stories-img{height:9em;}
        .stories-nav .button{font-size:0.8em;}
        .stories-slider li .stories-text h3{font-size:1.1em;}
        .stories-slider li .stories-text p,.stories-slider li .stories-text .button{font-size:0.8em;}

         .icon-set li a{font-size:1em;}
         #social-row{margin-top:0;}

      .detail_iform fieldset table tr{display:inline-block;width:100%;}
      .detail_iform fieldset table td[width="10"]{display:block;width:100%; line-height:0;}
      .iform-input-text-box{width:100%;}
      .iform-input-text-area{width:100%;}
      .iform-select-wrapper{width:100%; display:block;}
      .iform-input-select{width:100%;}
      .iform-drop table{width:100%;}
      .iform-select-instructions{width:100%;display:block;}
    }
    @media only screen and (max-width:1024px){
      .left-nav{display:none;}
      .left-nav.showCat{display:inline-block;width:100%;}
      .left-nav.showCat h3{display:none;}
      .middle-column{width:100%;}
      .middle_when_right_side_bar{padding:0 2.5%!important; width:55%;}
      .middle_when_no_right_side_bar,.internal_news_page .middle_when_no_right_side_bar{width:95%!important; padding:0 2.5%!important}
      #sidebar_content{width:35%;}

      #banner.landing-page{margin-top:0;}
      header.home{margin-bottom:0;}
      .w-banner #header-btm, .landing-page #header-btm{position:relative; top:auto; left:auto; background:rgb(255,255,255);}

      #logo{top:105%;}
      #org-name{width:100%; padding:0.5em 0; text-align:center; font-size:1.3em;}
      #org-name span.title{padding:0 0.25em;}

      .main-slider .slide-text {width:90%;}
      .main-slider .slide-text h2{font-size:1.8em;}
      #entrance-links{width:100%; position:relative; bottom:auto; right:0; background: rgb();}

      #welcome .section-bg{width:35%; height:20vw;}
      #welcome .section-text{width:60%;}
      #welcome-callouts.w-welcome{width:70%;}

        .detail_slideshow div{width:100%!important}

        .stories-nav{width:100%; text-align:center;}
        #stories h2{margin:0 0 1.2em;}
        .stories-nav .button{bottom:30%;}
        .stories-slider{width:100%;}

        #social-row.w-icons{width:90%;}
        .icon-set.w-callouts, .icon-set.w-social{width:100%;}
        #update-callouts.w-icons,#update-callouts{width:100%; margin-top:0;}
        #update-callouts.w-icons li .callout-img{height:34vw;}
        .below_footer_col{ width: 100%; text-align: center;}
    }
    @media only screen and (max-width:980px){
      html{font-size:100%;}

      #banner.landing-page .pageTitle{width:55%;}
      #banner.landing-page .pageTitle h1{font-size:2.25em;}
      #banner .pageTitle h1{font-size:2.4em;}

      #tagline{font-size:1.2em;}
      #social-icons li a, #social-icons li button{font-size:1.8em;}

      #welcome .section-bg{top:0;}
      #welcome-callouts.w-welcome{width:100%;}
      #welcome-callouts.w-welcome li .callout-img{height:8em;}
      #welcome-callouts.image-callouts.w-welcome .callout-img{height:18vw;}
      #welcome-callouts.image-callouts.w-welcome li{min-height:24.5vw;}

      .event-title{width:90%; height:90vw; left:auto;}
      #events-links{bottom:auto; top:8em;}
      .events-list{width:90%; margin-top:10em; margin-right:5%;}
    }
    @media only screen and (max-width:860px){
        #pageTitle h1, .main_body_size .titletext{font-size:1.5em;}
        .footer-address ul{margin-top:1.2em;}
        .footer-address ul li{padding:0; flex-basis:100%; width:100%; justify-content:center;}
        .footer-address address{width:100%;}
        .footer-address a{justify-content:center;}
        .footer-address a span.icon{float:none;}

        #logo{position:relative; left:auto; top:auto; padding:0.35em 5%; width:90%; display:inline-block; background: rgb(); float:left;}
        .fixed #logo{padding:0;}
        #logo a{color:rgb(255,255,255);}
        #logo img{max-height:auto;}

        #welcome .section-bg{width:95%; padding:1em 2.5%;  margin:0 0 1.5em; left:auto; top:auto; position:relative; height:50vw;}
        #welcome .section-text{width:100%;}
        .icon-set.full-social li{flex-basis:97%; margin-bottom:1.5em;}

    }
    @media only screen and (max-width:780px){
      html{font-size:106.25%;}

      .footer-logo{width:100%; margin:0 0 0.75em; text-align:center;}
      .footer-logo img{float:none; max-width:40%; max-height:auto;}
      .footer-address{border:0;padding:0;width:100%;text-align:center;}
      .footer-right{width:100%;margin:1.5em 0 0;text-align:center;}
      #social-icons,#btns ul{text-align:center;}
      .footer-credit{width:100%;margin:0;text-align:center;}
      .footer-credit p{width:100%;}
      .cms4schools-credit{max-width:20%; margin:1em 0 2em;}

      .middle-column{width:100%;}
      .middle_when_right_side_bar, .middle_when_no_right_side_bar,.internal_news_page .middle_when_no_right_side_bar{width:90%!important; padding:0 5% 3.5em!important;}
      #sidebar_content{width:90%;margin:0 5%;}
      #banner.landing-page .pageTitle{width:60%;}
      #banner.landing-page .pageTitle h1{font-size:2em;}
      #banner .pageTitle h1{font-size:2.25em; text-align:center;}

      #stories{padding:2em 0;}
      .stories-slider li .stories-img{height:40vw;}
      .stories-slider li:nth-child(2n){margin-top:0;}

    }
    @media only screen and (max-width:720px){

      .detail_lunchmenu table.borderstyle{font-size:75%;}
      .detail_calendar .calInnerShell{font-size:90%;}

      #social-icons li a, #social-icons li button{font-size:1.3em;}

       .main-slider .slide-text h2{font-size:1.5em;}
       .main-slider .slide-text h2 .subtext{font-size:0.6em;}

       #update-callouts li{flex-basis:100%;}
       #update-callouts.w-icons li .callout-img{height:68vw;}

       .caltblSearch.calDateToolsShell{display:inline-block; text-align:left; width:100%;}
       .caltblSearch td,.calDateToolsShell td{display:block; width:100%; text-align:left;}
       .caltblSearch input{width:80%;display:block;}
    }
    @media only screen and (max-width:680px){
      html{font-size:100%;}

      .fixed{position:relative;}

      #banner.landing-page .pageTitle{display:inline-block;position:relative;top:auto; left:auto; -webkit-transform:none; -ms-transform:none; transform:none; padding:0.7em 5%; width:90%; background:rgb();}
      #banner-arrows{top:1.5em; bottom:auto;}

      #social-icons li{flex-basis:15%;}
       #social-icons li a, #social-icons li button{font-size:1em;}
       #welcome-callouts li,#welcome-callouts.image-callouts.w-welcome li,#welcome-callouts.image-callouts li{flex-basis:100%; margin:0 0 1.5em;min-height:44vw;}
       #welcome-callouts.image-callouts.w-welcome .callout-img,
        #welcome-callouts.image-callouts .callout-img{height:38.5vw;}

         .event-title{width:100%; height:auto; left:auto; position:relative; top:auto;}
         .event-title h2{position:relative; margin:2.5em 5%; width:90%; text-align:center; top:auto; left:auto;}
        #events-links{bottom:auto; top:auto; left:auto;position:relative; margin:1.5em 5%; width:90%;}
        .events-list{width:100%; margin-top:2em; margin-right:0;}
        #events-links li{width:90%; text-align:center; margin-bottom:1.5em;}

        #updates #social-row li .image{width:100%; position:relative; height:auto;}
        #updates #social-row li .image img{width:100%; height:auto;}
        #updates #social-row li .text.wImg{width:90%;}
        #social-arrows{position:relative; top:auto; right:auto;}
        #updates h2{text-align:center; font-size:1.8em;}

        .white-popup{max-width:90%;}
    }
    @media only screen and (max-width:580px){
        .detail_lunchmenu table.borderstyle{font-size:65%;}
      .detail_calendar .calInnerShell{font-size:80%;}
      .detail_lunchmenu {font-size:80%;margin:0 2.5%;width:95%;}

        .main-slider .slide-text{bottom:1em;}
        .main-slider .slide-text h2{font-size:1.25em;}
        .main-slider .slide-text h2 .subtext{font-size:0.5em;}
        .slider-dots{top:auto; -webkit-transform:none; -ms-transform:none; transform:none; top:1.5em}
        .slider-dots ul li{margin-bottom:0.1em;}

        #entrance-links li{flex-basis:100%; border-bottom:1px solid rgb(0,0,0,0.15);}
        #entrance-links li a{width:90%; padding:1em 5%; text-align:center;}
        #upcoming-events{margin-bottom:0;}
        .events-list{padding-bottom:0;}
    }
    @media only screen and (max-width:480px){
      #pageTitle h1, .main_body_size .titletext{text-align:center;font-size:1.2em;}
      #banner .pageTitle{padding:1.5em 5%;}
      #banner .pageTitle h1{font-size:1.8em;}
      #banner.landing-page #pageTitle{position:relative;width:100%; text-align:center;}
      #banner.landing-page #pageTitle h1{font-size:1.8em;max-width:100%;padding:0.25em 5%;width:90%;}


      .detail_lunchmenu{font-size:70%}
      .detail_calendar .calInnerShell{font-size:50%;}

      .footer-logo img{max-width:80%;}

      .main-slider .slide-text h2{font-size:1em;}
      .events-list li{width:97%;}
      #updates #social-row li li{flex-basis:100%;}
      #updates #social-row li .text .button{display:block;}

       #welcome-callouts li,#welcome-callouts.image-callouts li,#welcome-callouts.image-callouts.w-welcome li{flex-basis:100%; margin:0 0 1.5em;min-height:50vw;}
    }
    @media only screen and (max-width:420px){
      #icon-set li{width:90%; padding:0 5%!important;}

      .detail_lunchmenu {font-size:55%;}
      .detail_lunchmenu table.borderstyle{font-size:100%;}
      .detail_calendar .calInnerShell{padding:0;width:100%;}

      .icon-set li a{font-size:0.9em;}
      #update-callouts li .callout-text{font-size:90%;}

      .detail_calendar .headerbg a, .detail_member_directory .headerbg a, .miniCalShell .headerbg a{font-size:0.7em;}
    }
    @media only screen and (max-width:380px){
      .detail_calendar .calInnerShell{padding:0;width:100%;}
      .detail_lunchmenu {font-size:50%;}

      #events h2 {max-width:70%;}
      #events h2:after{width:30%;}
    }
    @media only screen and (max-width:320px){
      #events h2 {max-width:100%; font-size:1.6em;}
      #events h2:after{display:none;}

      .detail_lunchmenu {font-size:45%;}
      #update-callouts li .callout-text{font-size:80%;}
    }
    @media only screen and (max-width:280px){
      table.calMonthShell{font-size:75%}
      .detail_lunchmenu {font-size:40%;}
    }