@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800|Open+Sans+Condensed:300,700");
/* ----- FONT VARIABLES  ----- */
/* ----- COLOR VARIABLES ----- */
/* ----- BLUE----- */
/* ----- GREEN----- */
/* ----- RED ----- */
/* ----- YELLOW----- */
/* ----- GRAY----- */
html, body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #000; }

a {
  color: #256CB5;
  text-decoration: none; }
  a:hover, a:focus {
    color: #505050;
    text-decoration: none; }

.container {
  max-width: 86%;
  padding: 0 2%;
  margin: 0 auto; }

/* ----- ADMIN FIXES ----- */
.zones-portlet-header.portletBox-title + div {
  background: transparent !important; }

/* ----- CALENDAR BUTTON FIX ----- */
button[title="Change to selected Month"] {
  color: #000; }

/* ----- PAGE LAYOUT COLUMNS FIX ----- */
.main-content {
  display: block; }

.main-content .ptl_page > div {
  box-sizing: border-box; }

#footer-info {
  clear: both; }

@media screen and (max-width: 768px) {
  .ptl_page > div {
    display: block;
    width: 100%; } }
/* ----- ANNOUNCEMENT HEADER ----- */
#announcement-msg {
  background: #B90F36;
  color: #fff; }
  @media screen and (max-width: 600px) {
    #announcement-msg .alertWrapper {
      font-size: 16px; } }

/* ----- HEADER ----- */
.top-header {
  padding: 20px 0; }
  .top-header .container {
    display: flex;
    justify-content: center;
    align-items: center;
    /* ----- LOGO ----- */
    /* ----- SOCIAL MEDIA ----- */
    /* ----- SEARCH BAR ----- */ }
    @media screen and (max-width: 1350px) {
      .top-header .container {
        max-width: 100%; } }
    @media screen and (max-width: 1200px) {
      .top-header .container {
        display: block; } }
    .top-header .container .right-sec, .top-header .container .middle-sec, .top-header .container .left-sec {
      display: flex;
      flex: 1; }
      @media screen and (max-width: 1200px) {
        .top-header .container .right-sec, .top-header .container .middle-sec, .top-header .container .left-sec {
          text-align: center; } }
    .top-header .container .middle-sec {
      justify-content: center; }
    .top-header .container .right-sec {
      text-align: right;
      flex-flow: column nowrap;
      flex: 0.75; }
      @media screen and (max-width: 1200px) {
        .top-header .container .right-sec {
          text-align: center; } }
    @media screen and (max-width: 1200px) {
      .top-header .container .logo {
        margin: 0 auto; } }
    .top-header .container .logo a {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 600px) {
        .top-header .container .logo a {
          display: block; } }
      .top-header .container .logo a .school-name {
        padding: 0 0 0 40px; }
        @media screen and (max-width: 600px) {
          .top-header .container .logo a .school-name {
            padding: 10px 0 0; } }
        .top-header .container .logo a .school-name span {
          display: block;
          text-transform: uppercase;
          font-family: "Open Sans Condensed", sans-serif;
          font-weight: 700;
          line-height: 1em; }
          .top-header .container .logo a .school-name span.gray {
            color: #424446;
            font-size: 65px; }
          .top-header .container .logo a .school-name span.blue {
            color: #256CB5;
            font-size: 29px; }
    .top-header .container #social {
      margin: 0 0 15px;
      padding: 0 40px; }
      @media screen and (max-width: 1200px) {
        .top-header .container #social {
          margin: 25px 0;
          padding: 0; } }
      .top-header .container #social li {
        list-style-type: none;
        display: inline-block !important; }
        .top-header .container #social li:empty {
          display: none; }
        .top-header .container #social li.facebook a:before {
          font-family: "Fontawesome";
          display: block;
          content: "\f09a"; }
        .top-header .container #social li.facebook a:hover:before, .top-header .container #social li.facebook a:focus:before {
          color: #fff; }
        .top-header .container #social li.twitter a:before {
          font-family: "Fontawesome";
          display: block;
          content: "\f099"; }
        .top-header .container #social li.twitter a:hover:before, .top-header .container #social li.twitter a:focus:before {
          color: #fff; }
        .top-header .container #social li.youtube a:before {
          font-family: "Fontawesome";
          display: block;
          content: "\f16a"; }
        .top-header .container #social li.youtube a:hover:before, .top-header .container #social li.youtube a:focus:before {
          color: #fff; }
        .top-header .container #social li.instagram a:before {
          font-family: "Fontawesome";
          display: block;
          content: "\f16d"; }
        .top-header .container #social li.instagram a:hover:before, .top-header .container #social li.instagram a:focus:before {
          color: #fff; }
        .top-header .container #social li.email a:before {
          font-family: "Fontawesome";
          display: block;
          content: "\f0e0"; }
        .top-header .container #social li.email a:hover:before, .top-header .container #social li.email a:focus:before {
          color: #fff; }
        .top-header .container #social li a {
          font-family: "Fontawesome";
          display: block;
          border-radius: 50%;
          background: #424446;
          color: #fff;
          width: 45px;
          height: 45px;
          line-height: 45px;
          font-size: 20px;
          text-indent: 0px;
          text-decoration: none;
          text-align: center; }
          .top-header .container #social li a:hover, .top-header .container #social li a:focus {
            background-color: #256CB5;
            color: #fff;
            transition: all 0.5s ease; }
      .top-header .container #social li:not(:last-child) {
        padding: 0 15px 0 0; }
    .top-header .container .search {
      margin: 30px 0 0 0; }
      @media screen and (max-width: 1200px) {
        .top-header .container .search {
          margin: 20px auto 10px; } }
      .top-header .container .search .gsc-search-box {
        max-width: 300px;
        margin: 0 0 0 auto; }
        @media screen and (max-width: 1200px) {
          .top-header .container .search .gsc-search-box {
            min-width: 280px; } }
        .top-header .container .search .gsc-search-box .gsc-input {
          padding: 0; }

/* ----- QUICK LINKS ----- */
#quick-links {
  background-color: #fff;
  padding: 30px 0; }
  @media screen and (max-width: 950px) {
    #quick-links {
      margin: 25vw 0 0; } }
  @media screen and (max-width: 600px) {
    #quick-links {
      margin: 45vw 0 0; } }
  @media screen and (max-width: 400px) {
    #quick-links {
      margin: 60vw 0 0; } }
  #quick-links .container {
    max-width: 1200px; }
    @media screen and (max-width: 900px) {
      #quick-links .container {
        max-width: 100%; } }
  #quick-links .quicklink-list {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 1200px) {
      #quick-links .quicklink-list {
        display: flex;
        align-items: center;
        justify-content: center; } }
    @media screen and (max-width: 1024px) {
      #quick-links .quicklink-list {
        display: flex;
        align-items: center; } }
    #quick-links .quicklink-list .slick-list {
      width: 100%; }
      #quick-links .quicklink-list .slick-list .slick-slide > div {
        display: flex;
        justify-content: center; }
    #quick-links .quicklink-list button {
      background: #FBDC00;
      border: none;
      color: #424446;
      font-size: 36px;
      height: 100%;
      width: auto;
      padding: 10px;
      transition: all 0.5s ease; }
      #quick-links .quicklink-list button:hover, #quick-links .quicklink-list button:focus {
        background: #B90F36;
        color: #fff; }
    #quick-links .quicklink-list li {
      text-align: center;
      padding: 0;
      margin: 0; }
      @media screen and (max-width: 1024px) {
        #quick-links .quicklink-list li {
          margin: 0; } }
      #quick-links .quicklink-list li a {
        text-decoration: none;
        transition: all 0.5s ease;
        background: #256CB5;
        width: 110px;
        height: 110px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        flex-flow: column nowrap; }
        #quick-links .quicklink-list li a .image {
          width: auto;
          height: 30px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0 auto 5px;
          transition: all 0.5s ease; }
          #quick-links .quicklink-list li a .image img {
            max-width: 100%;
            transition: all 0.5s ease; }
          #quick-links .quicklink-list li a .image.icon::before {
            font-size: 28px;
            color: #fff;
            transition: all 0.5s ease; }
        #quick-links .quicklink-list li a .text {
          color: #fff;
          font-size: 12px;
          font-family: "Open Sans", sans-serif;
          padding: 0 10px;
          max-width: 100px; }
        #quick-links .quicklink-list li a:hover, #quick-links .quicklink-list li a:focus {
          background: #B90F36; }
          #quick-links .quicklink-list li a:hover .image img, #quick-links .quicklink-list li a:focus .image img {
            transform: scale(0.75); }
          #quick-links .quicklink-list li a:hover .icon::before, #quick-links .quicklink-list li a:focus .icon::before {
            transform: scale(0.75); }

/* ----- MENU -----  */
#menubar {
  background: #256CB5;
  font-size: 16px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  position: relative;
  z-index: 999; }
  #menubar .inside-padding {
    padding: 0;
    position: relative; }
    @media screen and (max-width: 901px) {
      #menubar .inside-padding .megamenu {
        display: none; } }
    #menubar .inside-padding .megamenu .nav-menu {
      display: flex;
      justify-content: center; }
      #menubar .inside-padding .megamenu .nav-menu .level0 a {
        padding: 12px 20px;
        margin: 0; }
        #menubar .inside-padding .megamenu .nav-menu .level0 a.open, #menubar .inside-padding .megamenu .nav-menu .level0 a:hover, #menubar .inside-padding .megamenu .nav-menu .level0 a:focus {
          background: #B90F36; }
        @media screen and (max-width: 1075px) {
          #menubar .inside-padding .megamenu .nav-menu .level0 a {
            padding: 12px 10px; } }
      #menubar .inside-padding .megamenu .nav-menu .level0 .sub-nav {
        font-size: 16px;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
        color: #4F4F4F;
        background: #f2f2f2 url("https://www.aasd.k12.wi.us/UserFiles/Servers/Server_457520/Templates/theme/img/footer-bg.png") no-repeat bottom right;
        border-bottom: 3px solid #FBDC00; }
        #menubar .inside-padding .megamenu .nav-menu .level0 .sub-nav .level1 {
          display: flex; }
          #menubar .inside-padding .megamenu .nav-menu .level0 .sub-nav .level1 .sub-nav-group {
            flex: 1;
            margin: 0;
            padding: 0 10px; }
            #menubar .inside-padding .megamenu .nav-menu .level0 .sub-nav .level1 .sub-nav-group.category > span {
              color: #000;
              font-family: "Open Sans", sans-serif;
              text-transform: none;
              font-size: 18px;
              font-weight: 700;
              border-bottom: 1px solid #65BE6B; }
            #menubar .inside-padding .megamenu .nav-menu .level0 .sub-nav .level1 .sub-nav-group li a {
              color: #4f4f4f;
              font-family: "Open Sans", sans-serif;
              text-transform: none;
              font-size: 14px;
              padding: 5px 15px; }
              #menubar .inside-padding .megamenu .nav-menu .level0 .sub-nav .level1 .sub-nav-group li a:hover, #menubar .inside-padding .megamenu .nav-menu .level0 .sub-nav .level1 .sub-nav-group li a:focus {
                color: #fff; }

/* ----- BANNER SLIDER ----- */
@media screen and (max-width: 1200px) {
  #banner > .container {
    max-width: 100%;
    padding: 0; } }
@media screen and (max-width: 950px) {
  #banner > .container .ptl_portlet_vertical {
    overflow: visible; } }
#banner > .container .ptl_portlet_vertical .slick-list {
  overflow: visible; }
  #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont {
    background: #417A46; }
    #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner {
      font-size: 0; }
      #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .image {
        background-size: cover;
        background-position: center; }
      #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text {
        color: #fff;
        font-family: "Open Sans Condensed", sans-serif;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 2px;
        box-sizing: border-box;
        padding: 5%;
        position: relative;
        text-shadow: 0px 2px 3px rgba(150, 150, 150, 0.75); }
        #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text .btn-dots {
          margin: 40px 0 0; }
          #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text .btn-dots .more {
            display: inline-block;
            vertical-align: middle;
            padding: 6px 20px;
            border-radius: 20px;
            background: #fff;
            color: #000;
            font-size: 11px;
            font-family: "Open Sans Condensed", sans-serif;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: normal;
            text-shadow: none;
            transition: all 0.5s ease;
            margin: 0 8% 0 0; }
            #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text .btn-dots .more:hover, #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text .btn-dots .more:focus {
              background: #FBDC00;
              color: #000; }
          #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text .btn-dots .slick-dots {
            display: inline-block !important;
            vertical-align: middle;
            list-style-type: none;
            margin: 0;
            padding: 0; }
            #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text .btn-dots .slick-dots li {
              display: inline-block; }
              #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text .btn-dots .slick-dots li.slick-active button {
                background: #424446; }
              #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text .btn-dots .slick-dots li button {
                background: #fff;
                border-radius: 50%;
                border: none;
                height: 18px;
                width: 18px;
                font-size: 0px; }
              #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text .btn-dots .slick-dots li:not(:last-child) {
                margin: 0 20px 0 0; }
      #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .image, #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text {
        width: 50%;
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 950px) {
          #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .image, #banner > .container .ptl_portlet_vertical .slick-list .banner-slide-cont .cont-inner .text {
            display: block;
            width: 100%; } }

/* ----- EVENTS AND NEWS ----- */
#events-news {
  background: #F2F2F2; }
  #events-news .container {
    display: flex; }
    @media screen and (max-width: 1200px) {
      #events-news .container {
        max-width: 100%;
        padding: 0; } }
    @media screen and (max-width: 1100px) {
      #events-news .container {
        display: block; } }
    #events-news .container #upcoming-events {
      flex: 0 0 30%;
      background: #fff;
      box-sizing: border-box;
      padding: 30px 50px 10px 50px; }
      #events-news .container #upcoming-events h2 {
        font-size: 22px;
        font-family: "Open Sans Condensed", sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin: 0 0 35px 0; }
      #events-news .container #upcoming-events .viewAll {
        text-align: center;
        margin: 30px 0 0; }
        #events-news .container #upcoming-events .viewAll a {
          display: inline-block;
          font-family: "Open Sans Condensed", sans-serif;
          font-size: 15px;
          letter-spacing: 1px;
          text-transform: uppercase;
          text-decoration: none;
          background: #B90F36;
          padding: 8px 40px;
          border-radius: 20px;
          color: #fff;
          font-weight: 700;
          transition: all 0.5s ease; }
          #events-news .container #upcoming-events .viewAll a:hover, #events-news .container #upcoming-events .viewAll a:focus {
            text-decoration: none;
            background: #FBDC00;
            color: #000; }
      #events-news .container #upcoming-events .eventsList .event {
        transition: all 0.5s ease; }
        #events-news .container #upcoming-events .eventsList .event:hover .eventName, #events-news .container #upcoming-events .eventsList .event:focus .eventName {
          color: #B90F36 !important;
          transition: all 0.5s ease; }
        #events-news .container #upcoming-events .eventsList .event:hover .eventDate, #events-news .container #upcoming-events .eventsList .event:focus .eventDate {
          background: #FBDC00 !important;
          transition: all 0.5s ease; }
          #events-news .container #upcoming-events .eventsList .event:hover .eventDate .dateOrb, #events-news .container #upcoming-events .eventsList .event:focus .eventDate .dateOrb {
            color: #000 !important;
            transition: all 0.5s ease; }
        #events-news .container #upcoming-events .eventsList .event .inside .eventDate {
          display: block;
          background: #256CB5;
          border-radius: 8px;
          transition: all 0.5s ease;
          width: 65px;
          float: left; }
          #events-news .container #upcoming-events .eventsList .event .inside .eventDate .dateOrb {
            border-radius: 8px 8px 0 0;
            font-family: "Open Sans", sans-serif;
            font-weight: 300;
            font-size: 17px;
            text-transform: uppercase;
            color: #fff;
            padding: 7px 0 0;
            transition: all 0.5s ease; }
            #events-news .container #upcoming-events .eventsList .event .inside .eventDate .dateOrb span {
              background: #fff;
              color: #000;
              border-bottom: 2px solid #d6d6d6;
              border-left: 2px solid #d6d6d6;
              border-right: 2px solid #d6d6d6;
              border-radius: 0 0 8px 8px;
              font-family: "Open Sans", sans-serif;
              font-weight: 400;
              font-size: 22px;
              padding: 2px 0 5px;
              margin: 3px 0 0; }
        #events-news .container #upcoming-events .eventsList .event .inside .eventDetails {
          width: 70%;
          box-sizing: border-box;
          float: left; }
          #events-news .container #upcoming-events .eventsList .event .inside .eventDetails .eventName {
            font-size: 18px;
            font-family: "Open Sans", sans-serif;
            font-weight: 700;
            color: #000; }
          #events-news .container #upcoming-events .eventsList .event .inside .eventDetails span {
            font-size: 19px;
            font-family: "Open Sans", sans-serif;
            color: #000; }
          #events-news .container #upcoming-events .eventsList .event .inside .eventDetails .readMore {
            display: none; }
    #events-news .container #latest-news {
      flex: 0 0 70%; }
      #events-news .container #latest-news .viewAll {
        text-align: center;
        margin: 10px 0 25px; }
        #events-news .container #latest-news .viewAll a {
          display: inline-block;
          font-family: "Open Sans Condensed", sans-serif;
          font-size: 15px;
          letter-spacing: 1px;
          text-transform: uppercase;
          text-decoration: none;
          background: #B90F36;
          padding: 8px 40px;
          border-radius: 20px;
          color: #fff;
          font-weight: 700;
          transition: all 0.5s ease; }
          #events-news .container #latest-news .viewAll a:hover, #events-news .container #latest-news .viewAll a:focus {
            text-decoration: none;
            background: #FBDC00;
            color: #000; }

/* ----- DISTRICT NEWS & ANNOUNCEMENTS ----- */
#district-news {
  padding: 70px 0; }
  @media screen and (max-width: 900px) {
    #district-news {
      padding: 30px 0; } }
  #district-news .container {
    max-width: 80%; }
    @media screen and (max-width: 900px) {
      #district-news .container {
        max-width: 100%; } }

#homeNewsWrapper {
  padding: 30px 0 20px 30px;
  box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    #homeNewsWrapper {
      padding: 30px; } }
  #homeNewsWrapper .sectionHeading {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 0 35px;
    letter-spacing: 2px; }
    #homeNewsWrapper .sectionHeading .sectionName {
      font-size: 22px;
      font-family: "Open Sans Condensed", sans-serif;
      text-transform: uppercase;
      flex: 1; }
  #homeNewsWrapper .flexslider .slides {
    display: flex;
    margin: 0 -5px;
    padding: 0; }
    @media screen and (max-width: 900px) {
      #homeNewsWrapper .flexslider .slides {
        display: block;
        margin: 0; } }
    #homeNewsWrapper .flexslider .slides .newsItem {
      flex: 0 0 32%;
      display: flex;
      margin: 0 1%;
      text-decoration: none;
      transition: all 0.5s ease; }
      @media screen and (max-width: 900px) {
        #homeNewsWrapper .flexslider .slides .newsItem {
          margin: 15px 0;
          width: 100%; } }
      #homeNewsWrapper .flexslider .slides .newsItem > .inside {
        background-color: #fff;
        margin: 0;
        height: auto; }
        #homeNewsWrapper .flexslider .slides .newsItem > .inside .image {
          overflow: hidden;
          border-bottom: 3px solid #fff; }
          #homeNewsWrapper .flexslider .slides .newsItem > .inside .image .newsDate {
            display: none;
            background-color: #256CB5;
            font-family: "Open Sans", sans-serif;
            font-size: 11px;
            padding: 10px 20px; }
          #homeNewsWrapper .flexslider .slides .newsItem > .inside .image > .inside {
            height: auto;
            max-height: 12vw;
            overflow: hidden;
            font-size: 0; }
            @media screen and (max-width: 900px) {
              #homeNewsWrapper .flexslider .slides .newsItem > .inside .image > .inside {
                max-height: 40vw; } }
            #homeNewsWrapper .flexslider .slides .newsItem > .inside .image > .inside img {
              width: 100%; }
        #homeNewsWrapper .flexslider .slides .newsItem > .inside .newsContent {
          text-align: center; }
          #homeNewsWrapper .flexslider .slides .newsItem > .inside .newsContent > .inside-padding {
            padding: 15px 25px 15%; }
            #homeNewsWrapper .flexslider .slides .newsItem > .inside .newsContent > .inside-padding .newsTitle {
              font-family: "Open Sans", sans-serif;
              font-size: 16px;
              font-weight: 700;
              color: #002D5B;
              text-align: left; }
            #homeNewsWrapper .flexslider .slides .newsItem > .inside .newsContent > .inside-padding .newsSummary {
              font-family: "Open Sans", sans-serif;
              font-size: 15px;
              line-height: 20px;
              color: #000;
              text-align: left; }
            #homeNewsWrapper .flexslider .slides .newsItem > .inside .newsContent > .inside-padding .readMore {
              background-color: #256CB5;
              font-family: "Open Sans Condensed", sans-serif;
              color: #fff;
              text-transform: uppercase;
              font-size: 15px;
              font-weight: 700;
              letter-spacing: 1px; }
      #homeNewsWrapper .flexslider .slides .newsItem:hover, #homeNewsWrapper .flexslider .slides .newsItem:focus {
        transform: scale(0.95); }
        #homeNewsWrapper .flexslider .slides .newsItem:hover .newsDate, #homeNewsWrapper .flexslider .slides .newsItem:focus .newsDate {
          background-color: #000 !important; }
        #homeNewsWrapper .flexslider .slides .newsItem:hover .newsContent .readMore, #homeNewsWrapper .flexslider .slides .newsItem:focus .newsContent .readMore {
          background-color: #B90F36 !important; }
  #homeNewsWrapper .viewAll {
    display: none;
    text-align: center;
    margin: 30px 0 0; }
    #homeNewsWrapper .viewAll a {
      display: inline-block;
      font-family: "Open Sans Condensed", sans-serif;
      font-size: 15px;
      letter-spacing: 1px;
      text-transform: uppercase;
      text-decoration: none;
      background: #B90F36;
      padding: 8px 40px;
      border-radius: 20px;
      color: #fff;
      font-weight: 700;
      transition: all 0.5s ease; }
      #homeNewsWrapper .viewAll a:hover, #homeNewsWrapper .viewAll a:focus {
        text-decoration: none;
        background: #FBDC00;
        color: #000; }

/* ----- BLOG ----- */
#news-summary .row:not(:last-child) {
  padding: 0 0 25px;
  border-bottom: 3px solid #eee; }

.inner-news-content .title {
  text-decoration: none !important;
  font-family: "Open Sans Condensed", sans-serif !important;
  font-size: 26px !important;
  color: #256CB5 !important; }
.inner-news-content .summary {
  line-height: 1.6em !important;
  margin: 0 !important; }
.inner-news-content .read-more {
  background-color: #256CB5 !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px !important;
  padding: 8px 15px !important;
  border-bottom: none !important;
  transition: all 0.5s ease !important; }
  .inner-news-content .read-more:hover, .inner-news-content .read-more:focus {
    border-bottom: none !important;
    background-color: #000 !important; }

#news_content_title {
  display: none; }

#news_content_date {
  font-family: "Open Sans", sans-serif;
  color: #505050;
  font-size: 14px;
  margin: 8px 0 0; }

#news_content_body {
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 1.6em; }

/* ----- INTERIOR PAGE ----- */
.main-container {
  line-height: 1.6em;
  display: flex;
  max-width: 75%;
  padding: 50px 0;
  margin: 0 auto; }
  @media screen and (max-width: 900px) {
    .main-container {
      display: block;
      max-width: 100%;
      padding: 0 20px; } }
  .main-container .sidebar {
    flex: 0 0 30%;
    padding: 0 40px 0 0; }
    @media screen and (max-width: 900px) {
      .main-container .sidebar {
        padding: 0; } }
    .main-container .sidebar .ptl_col_1 {
      padding: 0; }
  .main-container .main-content {
    flex: 0 0 70%; }
    .main-container .main-content .inside-padding {
      padding: 0; }
      .main-container .main-content .inside-padding h1, .main-container .main-content .inside-padding h2, .main-container .main-content .inside-padding h3 {
        font-family: "Open Sans", sans-serif;
        color: #256CB5;
        line-height: 1.3em;
        margin: 0 0 15px; }
      .main-container .main-content .inside-padding h4, .main-container .main-content .inside-padding h5, .main-container .main-content .inside-padding h6 {
        color: #505050;
        line-height: 1.3em;
        margin: 0 0 15px; }
      .main-container .main-content .inside-padding h1 {
        font-size: 48px; }
      .main-container .main-content .inside-padding h2 {
        font-size: 40px; }
      .main-container .main-content .inside-padding h3 {
        font-size: 36px; }
      .main-container .main-content .inside-padding h4 {
        font-size: 30px; }
      .main-container .main-content .inside-padding h5 {
        font-size: 26px; }
      .main-container .main-content .inside-padding h6 {
        font-size: 22px; }
      .main-container .main-content .inside-padding p a, .main-container .main-content .inside-padding ul a, .main-container .main-content .inside-padding ol a {
        text-decoration: underline;
        padding: 0 0 2px;
        font-weight: 700;
        transition: all 0.5s ease;
        color: #B90F36; }
        .main-container .main-content .inside-padding p a:hover, .main-container .main-content .inside-padding p a:focus, .main-container .main-content .inside-padding ul a:hover, .main-container .main-content .inside-padding ul a:focus, .main-container .main-content .inside-padding ol a:hover, .main-container .main-content .inside-padding ol a:focus {
          text-decoration: none;
          color: #256CB5; }
      .main-container .main-content .inside-padding img {
        max-width: 100%; }
      .main-container .main-content .inside-padding .ptl_col_1 {
        padding: 0; }
    .main-container .main-content .breadcrumbs {
      margin: 0 0 20px 0;
      padding: 0 0 10px;
      border-bottom: 2px solid #65BE6B; }
      .main-container .main-content .breadcrumbs a, .main-container .main-content .breadcrumbs #spanBreadcrumbPageId {
        text-decoration: underline;
        color: #B90F36;
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        font-weight: 600;
        padding: 0 5px; }
        .main-container .main-content .breadcrumbs a:hover, .main-container .main-content .breadcrumbs afocus, .main-container .main-content .breadcrumbs #spanBreadcrumbPageId:hover, .main-container .main-content .breadcrumbs #spanBreadcrumbPageIdfocus {
          text-decoration: none;
          color: #000; }
      .main-container .main-content .breadcrumbs #spanBreadcrumbPageId {
        font-weight: 400;
        color: #505050;
        text-decoration: none; }
        .main-container .main-content .breadcrumbs #spanBreadcrumbPageId:hover, .main-container .main-content .breadcrumbs #spanBreadcrumbPageIdfocus {
          text-decoration: none; }
      .main-container .main-content .breadcrumbs .separator {
        color: #000;
        margin: 0 5px; }

/* ----- SIDE MENU ----- */
.mobile-side-nav {
  display: none; }
  .mobile-side-nav .fa {
    margin: 0 0 0 5px; }
  @media screen and (max-width: 731px) {
    .mobile-side-nav {
      display: block;
      margin: 20px 0 5px; } }

.responsiveTemplate #inside-nav {
  margin: 0 0 20px; }

.sidenav-slide {
  background: #65BE6B;
  padding: 5px 0; }
  @media screen and (max-width: 900px) {
    .sidenav-slide {
      margin: 20px 0 0; } }
  .sidenav-slide .sitenavl0 {
    background: #eee;
    padding: 0; }
    .sidenav-slide .sitenavl0 a {
      font-weight: 600;
      display: block;
      color: #000 !important;
      padding: 5px 15px;
      font-family: "Open Sans", sans-serif;
      font-size: 18px;
      transition: all 0.5s ease; }
      .sidenav-slide .sitenavl0 a:hover, .sidenav-slide .sitenavl0 afocus {
        background: #B90F36;
        color: #fff !important; }
  .sidenav-slide .sitenavl1 {
    background: #256CB5;
    padding: 0; }
    .sidenav-slide .sitenavl1 a {
      display: block;
      color: #fff !important;
      padding: 5px 15px 5px 30px;
      transition: all 0.5s ease; }
      .sidenav-slide .sitenavl1 a:hover, .sidenav-slide .sitenavl1 afocus {
        background: #B90F36;
        color: #fff !important; }
  .sidenav-slide .sitenavl2 {
    background: #2979ca;
    padding: 0; }
    .sidenav-slide .sitenavl2 a {
      display: block;
      color: #fff !important;
      padding: 5px 15px 5px 45px;
      transition: all 0.5s ease; }
      .sidenav-slide .sitenavl2 a:hover, .sidenav-slide .sitenavl2 afocus {
        background: #B90F36;
        color: #fff !important; }

/* ----- TAGLINE ----- */
#tagline {
  background: #256CB5;
  padding: 60px 0; }
  #tagline p {
    font-size: 42px;
    line-height: 1em;
    letter-spacing: 3px;
    font-family: "Open Sans Condensed", sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    color: #fff;
    font-weight: 700; }
    @media screen and (max-width: 500px) {
      #tagline p {
        font-size: 30px; } }

/* ----- FOOTER INFO ----- */
#footer-info {
  background: #fff url("https://www.aasd.k12.wi.us/UserFiles/Servers/Server_457520/Templates/theme/img/footer-bg.png") no-repeat bottom right;
  color: #000;
  padding: 40px 0; }
  @media screen and (max-width: 990px) {
    #footer-info {
      padding: 20px; } }
  #footer-info .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 1200px) {
      #footer-info .container {
        max-width: 100%; } }
    @media screen and (max-width: 990px) {
      #footer-info .container {
        display: block; } }
    #footer-info .container > div {
      padding: 0 20px; }
      @media screen and (max-width: 990px) {
        #footer-info .container > div {
          padding: 15px !important;
          text-align: center; } }
      #footer-info .container > div h3 {
        font-size: 16px;
        font-family: "Open Sans Condensed", sans-serif;
        font-weight: 400;
        margin: 0 0 30px; }
    #footer-info .container .logo, #footer-info .container .contact-info, #footer-info .container .footer-social {
      flex: 1;
      padding: 0 30px; }
    #footer-info .container .logo img {
      max-width: 100%; }
    #footer-info .container .logo .footer-links {
      list-style-type: none;
      margin: 50px 0 0;
      padding: 0; }
      @media screen and (max-width: 990px) {
        #footer-info .container .logo .footer-links {
          margin: 20px 0 0; } }
      #footer-info .container .logo .footer-links li {
        display: inline-block; }
        @media screen and (max-width: 500px) {
          #footer-info .container .logo .footer-links li {
            display: block;
            margin: 0;
            padding: 3px 0; } }
        #footer-info .container .logo .footer-links li:not(:last-child) {
          padding: 0 30px 0 0; }
          @media screen and (max-width: 500px) {
            #footer-info .container .logo .footer-links li:not(:last-child) {
              padding: 0; } }
        #footer-info .container .logo .footer-links li a {
          font-size: 15px;
          font-family: "Open Sans", sans-serif;
          color: #000;
          text-decoration: underline; }
          #footer-info .container .logo .footer-links li a:hover, #footer-info .container .logo .footer-links li a:focus {
            text-decoration: none; }
    #footer-info .container .contact-info h3 {
      font-size: 20px;
      font-family: "Open Sans Condensed", sans-serif;
      color: #000;
      font-weight: 700;
      margin: 0 0 20px; }
    #footer-info .container .contact-info span {
      display: block;
      font-size: 15px;
      font-family: "Open Sans", sans-serif;
      color: #000; }
    #footer-info .container .footer-social h3 {
      font-size: 20px;
      font-family: "Open Sans Condensed", sans-serif;
      color: #000;
      font-weight: 700;
      margin: 0 0 20px; }
    #footer-info .container .footer-social ul.social-media {
      display: flex;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 990px) {
        #footer-info .container .footer-social ul.social-media {
          justify-content: center; } }
      #footer-info .container .footer-social ul.social-media li:empty {
        display: none; }
      #footer-info .container .footer-social ul.social-media li a {
        display: block;
        height: 45px;
        width: 45px;
        background: #424446;
        text-align: center;
        font-family: "Fontawesome";
        text-decoration: none;
        font-size: 22px;
        line-height: 45px;
        color: #fff;
        border-radius: 50%;
        transition: all 0.5s ease; }
        #footer-info .container .footer-social ul.social-media li a:hover, #footer-info .container .footer-social ul.social-media li a:focus {
          background: #256CB5; }
      #footer-info .container .footer-social ul.social-media li:not(:last-child) {
        margin: 0 15px 0 0; }
      #footer-info .container .footer-social ul.social-media li.facebook a::before {
        content: "\f09a"; }
      #footer-info .container .footer-social ul.social-media li.twitter a::before {
        content: "\f099"; }
      #footer-info .container .footer-social ul.social-media li.youtube a::before {
        content: "\f16a"; }
      #footer-info .container .footer-social ul.social-media li.instagram a::before {
        content: "\f16d"; }
      #footer-info .container .footer-social ul.social-media li.email a::before {
        content: "\f0e0"; }
    #footer-info .container .footer-social .social-links {
      list-style-type: none;
      margin: 20px 0 0;
      padding: 0; }
      #footer-info .container .footer-social .social-links li a {
        text-decoration: underline;
        font-size: 15px;
        font-family: "Open Sans", sans-serif;
        color: #000; }
        #footer-info .container .footer-social .social-links li a:hover, #footer-info .container .footer-social .social-links li a:focus {
          text-decoration: none; }

/* ----- BOTTOM FOOTER ----- */
footer {
  background-color: #000;
  color: #fff;
  text-align: center;
  padding: 5px 20px; }
  footer span {
    font-family: "Open Sans", sans-serif;
    font-size: 15px; }
  footer a {
    color: #fff;
    text-decoration: underline; }
    footer a:hover, footer a:focus {
      color: #fff;
      text-decoration: none; }
  footer .credit span {
    display: inline-block;
    padding: 0 2px; }
    @media screen and (max-width: 700px) {
      footer .credit span {
        display: block; } }

/* ----- MOBILE MENU ----- */
#menubar {
  margin: 0 !important; }
  #menubar .mobile-nav-items {
    background: #256CB5;
    padding: 0; }
    #menubar .mobile-nav-items ul li .subnav-items.level1, #menubar .mobile-nav-items ul li .subnav-items.level2, #menubar .mobile-nav-items ul li .subnav-items.level3 {
      background: none; }
    #menubar .mobile-nav-items ul li a {
      background: #256CB5; }
      #menubar .mobile-nav-items ul li a:hover, #menubar .mobile-nav-items ul li a:focus {
        background: #65BE6B;
        color: #000; }
    #menubar .mobile-nav-items ul li > ul li a {
      background: #65BE6B !important;
      color: #000 !important; }
      #menubar .mobile-nav-items ul li > ul li a:hover, #menubar .mobile-nav-items ul li > ul li a:focus {
        background: #000 !important;
        color: #fff !important; }
  #menubar #mobileNav.expanded .hamburger .bar::before, #menubar #mobileNav.expanded .hamburger .bar::after {
    background-color: #65BE6B !important; }

/* ----- BACK TO TOP ----- */
#Btop {
  position: fixed;
  right: 20px;
  bottom: -50px;
  background: #256CB5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #65BE6B;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 0.4s ease;
  z-index: 8000; }

#Btop span {
  font-size: 26px; }

#Btop:focus,
#Btop:hover {
  background: #fff;
  text-decoration: none;
  color: #256CB5;
  border: 2px solid #65BE6B; }

#Btop.show {
  bottom: 20px !important; }

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