:root { --foodmenu-default-color: rgb(169,50,56) !important; --foodmenu-second-color: rgb(250,191,26) !important; }
  html,body{height:100%;width:100%;}
  body{margin:0;padding:0;font-family: 'Raleway', sans-serif;font-size:112.5%; line-height:1.45em; background:rgb(255,255,255); color:rgb(0,0,0);letter-spacing:0;font-weight:400;overflow-x:hidden;background:rgb(255,255,255); -webkit-text-size-adjust:none; min-width:100%;}
  input,textarea,select{font-family: 'Raleway', 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: 'Raleway', sans-serif;font-size:1em;line-height:1.45em;color:rgb(0,0,0);}
  img,div.figure{border:none; max-width:100%; height:auto;}
  button{font-family: 'Raleway',sans-serif;}
  .cf{float:none;clear:both;}
  input{-webkit-border-radius:0;}

  a,a:link {text-decoration:none;color:rgb(169,50,56); 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(169,50,56);}
  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:700;}
  #googleTranslate a{text-decoration:none;}

  input:focus::placeholder {color: transparent !important;}

  .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;}

#SkipMain{width:100%!important;background:rgb(0,0,0) !important;color:rgb(255,255,255) !important;text-align: center;display: inline-block;padding:5px 0;text-decoration: none;}
#SkipMain span { border: 1px solid rgb(255,255,255); display: block; margin: 0 auto; max-width: fit-content; padding: 5px; }
#SkipMain:active span, #SkipMain:focus span { color: rgb(255,255,255) !important; }

.emergency-bar {
    transition: all .3s ease 0s;
}

#SkipMain:active ~ .emergency-bar,
#SkipMain:focus ~ .emergency-bar {
    top: 47px;
}

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

  /*search results*/
  .gsc-result .gs-title{height:auto!important;}
  .gsc-control-cse, .gsc-control-cse .gsc-table-result{font-family: 'Raleway', sans-serif;!important; font-size:1em!important;}
  .gsc-control-cse{font-family: 'Raleway', 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: 'Raleway', sans-serif;}
  h1{font-size:3.6em; color:rgb(169,50,56); font-weight:700;font-family: 'Domine', sans-serif; letter-spacing: .03em;}
  h2{font-size:2.6em; letter-spacing: .03em;color:rgb(169,50,56); font-weight:700; font-family: 'Domine', sans-serif;}
  h3{font-size:1.78em; color:rgb(169,50,56); font-weight:700; margin: 1em 0;}
  h3.tool_heading{letter-spacing: .03em;font-family: 'Domine', sans-serif; font-size:1.6em; color:rgb(169,50,56); font-weight:700; padding:0 0 0 2em; position:relative;}
  h3.tool_heading::before{content:''; width:0.9em; height:0.9em; position: absolute; left: 0; top:0.1em; border-radius:50%; background: rgb(250,191,26);}
  h3.tool_heading::after{content:''; width:1.6em; height:3px; background:rgb(250,191,26);position:absolute; top: 0.45em; left:0; }
  h4{font-size:1.45em; color:rgb(0,0,0); font-weight:500; }
  h5{font-size:1.333em; color:rgb(169,50,56); font-weight:700;font-family: 'Domine', sans-serif;letter-spacing: .03em; }
  h6{font-size:1.33em; color:rgb(35,31,32); font-weight:700;}
  blockquote{position:relative; width:86%; display:inline-block; padding:1.4em 7%; text-align:center; margin:0.75em 0 1.5em; border-bottom: 4px solid rgb(250,191,26); border-top: 4px solid rgb(250,191,26);}
  blockquote p, blockquote div{font-family: 'Domine', sans-serif; font-size:1.3em; line-height:1.45em;letter-spacing: .03em; color:rgb(169,50,56); width:100%; font-weight:700; position: relative; margin:0 auto;}
  p{font-size:1em; line-height:1.45em; font-weight:normal; color:rgb(0,0,0); padding: 0 0 1.7em; 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(144,144,144); margin:1em 0 1.6em; line-height:1em;}
  .social-icons li svg { height: 26px; width: 26px; }
  .social-icons li svg path { fill: rgb(169,50,56); transition: all .3s ease 0s; }
  .social-icons a:focus svg path, .social-icons a:hover svg path { fill: black; }

  /***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; }
  .circle-graphic{width:10em; height:10em;background: url(www.poynette.k12.wi.us/custom/images/general/asset_circle.svg) center center no-repeat; background-size:100% 100%; z-index:0;}


  /***HEADER***/
  .header{width:100%; max-width:100%;margin:0;padding:0;position:relative; display:inline-block; float:left; z-index:999; 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;}

  .header.landing-page.fixed{position:fixed; width:100vw; overflow:hidden;}
  .header.w-banner{-webkit-box-shadow: 0 5px 60px 0 rgba(0,0,0,0.3);box-shadow: 0 5px 60px 0 rgba(0,0,0,0.3);}
  .fixed.header{font-size:70%; -webkit-box-shadow:none; box-shadow:none;}
  .fixed #header-btm{height:0; overflow:hidden;padding:0;}

  .wEmergency.header.landing-page{padding-top:0;}
  .wEmergency.header.landing-page.fixed{padding-top:0; top:0;}

  .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; position:relative; display:inline-flex; flex-flow:row wrap; justify-content: space-between; align-items:flex-start; -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; float:left; background: rgb(169,50,56);}
  #header-top .wrapper{ display:inline-flex; flex-flow:row wrap; justify-content: space-between; align-items:center;}



  #org-name{position:relative;padding:0.8em 0 0.8em 2.5%; display:block; line-height:1em;}
  #org-name a{color:rgb(255,255,255);font-weight:600;line-height:1em; font-size: 1em; text-transform: uppercase; letter-spacing:2px; }
  #org-name a:hover,#org-name a:focus,#org-name- a:active{color:rgb(250,191,26); text-decoration:none;}

  #header-btm{width:95%; position:absolute; top:100%; left:0; float:left; display:inline-flex; flex-flow:row wrap; justify-content: flex-end; align-content:flex-end; padding:0 2.5%; z-index:999; }
  .landing-page #header-btm{position:relative; background:rgb(255,255,255,255);}

  #logo{position:absolute; left:0; top:0;display:inline-block; width:auto; height:auto; width:18.5%; margin:0 0 0 2.5%; padding:1.6em 0 0; -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; float:left;}
  #logo a{display:inline-block;width:100%; float:left;}
  #logo a:hover,
  #logo a:focus{text-decoration:none;}
  #logo img{max-width:100%;display:inline-block; position:relative; float:left;}
  #sub-org-name{background: rgb(18,18,18); color:rgb(255,255,255); padding:0.35em 2.5% 0.35em; line-height: 1em; font-weight:700; text-transform:uppercase; font-size:1em; position:absolute; top:100%; left:0; z-index:9999;}
  #sub-org-name:hover,#sub-org-name:focus,#sub-org-name:active{text-decoration:none; background-color:rgb(169,50,56);}

  /* added on 8-19-22 by WA */
  #header-btm{justify-content:flex-end;position:relative;}
  /*.landing-page #header-btm{justify-content:space-between;}*/

  /***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: 'Raleway', sans-serif!important;}
  #announEmergencyShell #emergencyLogo{font-family: 'Raleway', sans-serif;}
  #announEmergencyShell #emergencyLogo a{font-size:1.25em !important;font-family: 'Raleway', sans-serif;}
  #announEmergencyShell #emergencyLogo h2{ font-size:1.3em !important; font-weight:700;font-family: 'Raleway', sans-serif;text-transform: none!important; border:0;}
  #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: 'Raleway', sans-serif; font-size:1.25em!important;line-height: 1.4em!important;}
  #announEmergency p{color:rgb(255,255,255);font-family: 'Raleway', sans-serif; font-size:1.25em!important;}
  #announEmergency #emergencyDescription #emergencyTitle h2, #announEmergency #emergencyDescription #emergencyTitle a{font-family: 'Raleway', sans-serif!important;font-size:1.25em!important;font-weight:600!important;text-transform:none!important;letter-spacing:1px; border:0!important;}
  #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(255,255,255); border-top: 3px solid rgb(250,191,26);display:inline-block;position:relative;z-index:10; }

  .footer-top{width:100%; padding:2.5em 0; display:inline-block; float:left; position:relative;}
  .footer-logo{width:18.75%;margin-right:5%; float:left;
  }
  .footer-logo h3{text-align:center; margin-top:0.5em;}
  .footer-address{width:48%; display:inline-flex; justify-content: flex-start; align-items:  flex-start; align-content:flex-start; flex-flow: row wrap; vertical-align:top; float:left;}
  .footer-address ul.contact-info{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;}
  .footer-address ul.contact-info li{width:30%;margin:0 0 1em; display:inline-block; padding-right:1.5%; vertical-align:top; line-height:1.6em;}
  .footer-address address{font-style:normal;}
  .footer-address a{color:rgb(0,0,0); font-weight:400;}
  .footer-address a:hover,.footer-address a:focus{color:rgb(169,50,56);}
  .footer-address h4{font-size:1em; line-height:1em; margin:0 0 0.15em; color:rgb(169,50,56); letter-spacing: .03em;font-family:'Domine',serif; font-weight:700; display:block;}
  .footer-address h4 a{color:rgb(169,50,56); font-weight:700;}
  .footer-address h4 a:hover,.footer-address h4 a:focus{color:rgb(0,0,0);}

  .social-icons{margin:1em 0 0; padding:0; width:100%; list-style:none; text-align:left;}
  .social-icons.social-landing{width:auto; margin:0; text-align:right;}
  .social-icons li{display:inline-flex;margin:0 0.75em 1em 0; width:auto;}
  .social-icons.social-landing li {margin:0 1em 0 0;}
  .social-icons li a,.social-icons li button{font-size:1.33em; line-height:1em; color:rgb(169,50,56); background:transparent; border:none; outline:none;}
  .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(0,0,0);text-decoration:none;}

  .footer-search{width:15%; padding:0 1.5%l; float:left;}
  .footer-search form{position:relative; width:100%; display:block;}
  .footer-search input{border:0; border-bottom:2px solid rgb(169,50,56); padding:0.25em 0.5em 0.25em 1.5em; width:calc(100% - 2em); color:rgb(196,196,196); font-family:'Domine', serif; letter-spacing: .03em;font-weight:700;}
  .footer-search input:focus,.footer-search input:active{color:rgb(169,50,56)}
  .footer-search .icon{color:rgb(196,196,196); position:absolute; top:1.1em; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); left:0;}

  .footer-mark{width:9.375vw; height:9.375vw; position:absolute; right:5%; top:-4em;  z-index:2; border: 4px solid rgb(250,191,26); background: rgb(255,255,255); -webkit-border-radius:50%; border-radius:50%;-webkit-box-shadow: 8px 16px 29px 0 rgba(0,0,0,0.12); box-shadow: 8px 16px 29px 0 rgba(0,0,0,0.12); display:flex; align-items:center; justify-content:center;}
  .footer-mark img {max-width:70%; max-height:70%;}

  .footer-btm{background:rgb(169,50,56); border-top: 4px solid rgb(250,191,26); padding:0.5em 0; width:100%; display:inline-block; float:left;}
  .footer-btm .wrapper{display:inline-flex; flex-flow: row wrap; justify-content:space-between; align-items:center;}
  .district-logo{flex-basis:13%;padding-right:2%;}
  .district-logo a{color:rgb(255,255,255);}
  .footer-credit{float:left; width:75%;}
  .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); line-height:1em;}
  .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 { flex-basis:10%; float: right; }

  /*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%;max-width:100%; overflow:hidden;}
  .left-nav{position:relative;z-index:9;display:inline-block;float:left;width:12.5%; margin:1.33em 2.5%; height:100%;float:left;}
  .left-nav::before{content:'';position:absolute; top:0; left:0; width:30%; height:4px; background:rgb(250,191,26);}
  .middle-column{overflow:hidden;position:relative;display:inline-block;z-index:99;float:right;width:82.5%;padding:2em 0 2em;}
  .no-left .middle-column{width:100%;}
  #interior-circle1{width:42vw;height:42vw; position:absolute; right:-10.2vw; top: 30%; opacity:0.1; z-index:-1;}

  .main_body_size{width:100% !important;margin:0; position:relative;padding:0;float:left;z-index:0;}
  .middle_when_right_side_bar{width:67%;padding:0 3.5% 0 0!important;margin:0;min-height:12em;float:left;overflow:hidden;display:inline-block;}
  .middle_when_no_right_side_bar{width:95%;padding:0;margin:0;min-height:12em;position:relative;display:block;overflow:hidden;}
  .no-left .middle_when_no_right_side_bar,
  .no-left .middle_when_right_side_bar{padding-left:2.5%!important;}
  .no-left .middle_when_right_side_bar{width:64.5%;}
  .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;}

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

  /***BANNER***/
  #banner{width:100%;display:inline-block;float:left;position:relative;z-index:99;background:rgb(255,255,255); min-height: 16vw;}
  #banner-circle1{width:14.5vw; height:14.5vw; position:absolute; left:0; top: -1.5em;}
  #banner-circle2{width:14.5vw; height:14.5vw; position:absolute; right:-2.5em; top: -5.5em;}
  #banner-circle3{width:9.5vw; height:9.5vw; position:absolute; right:20%; top:80%; z-index:-1}
  #banner.landing-page #banner-circle1{width:7.2vw; height:7.2vw; top:-3.6vw;}
  #banner.landing-page #banner-circle2{z-index:2;}
  #banner.landing-page #banner-circle3{width:8.8vw; height:8.8vw; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); right:49%; z-index:2;}
  #banner.landing-page{min-height:24.15vw;}
  #banner .imageDipWrapper{width:58.8%; height:100%; position:absolute; top:0; right:0;overflow:hidden; z-index:1;}
  #banner .imageDipWrapperOverlay{ background:  url(www.poynette.k12.wi.us/custom/images/interior/asset_banner_overlay.png) left top no-repeat; background-size:100% 100%; position:absolute; top:0; left:0; width:100%; height:100%;z-index:1}
  #banner.landing-page .imageDip{width:89%;position:absolute;background-size:cover!important;height:100%;position:relative;top:0;left:11%; z-index:-1;}
  #banner .pageTitle{position:relative; width:100%;  text-align:center; position:absolute; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
  #banner.landing-page .pageTitle{z-index:1; margin-left:2.5%; width:32%; text-align:left;}
  #banner .pageTitle h1{max-width:100%;}
  #banner h2{position:absolute; bottom:0; left:2.5%; font-family:'Raleway',sans-serif; font-size:1.77em; font-weight:400; text-transform:uppercase;}
  #banner h2 .icon{color:rgb(250,191,26); margin-left:0.5em;}
  #banner .main-slider{position:absolute; right:0;width:95%; height:100%; z-index:-1;}
  #banner .main-slider .slide{width:100%;position:relative;background-size:cover!important;height:24vw;}

  .slider-arrows{position:absolute; bottom:1.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:rgba(255,255,255,.7); padding:0.25em; font-size:1.5em; color:rgb(0,0,0); border:none;transition: all .3s ease 0s; margin: 0 2px; border-radius: .25em;}
  .slider-arrows button:hover,
  .slider-arrows button:focus,
  .slider-arrows button:active,
  .slider-arrows button.slick-active{background: rgba(255,255,255,1); color:rgb(0,0,0); text-decoration:none;}

  /***RIGHT SIDEBAR ***/
  #sidebar_content{width:25%;padding:0;margin:0 4% 0 0;position:relative;display:inline-block;float:right;z-index:0;}
  #sidebar_content .right_per_detail{width:100%;margin:0 0 2em;padding:0 0 3.5em!important;display:inline-block;position:relative;-webkit-box-shadow: 6px 6px 21px 0 rgba(0,0,0,0.1); box-shadow: 6px 6px 21px 0 rgba(0,0,0,0.1); border-radius:5em; z-index:1; background:rgb(255,255,255); font-size:90%;}
  #sidebar_content h3.tool_heading{margin-top:0; margin-bottom:0.5em; margin-left:-10%; width:95%; z-index:2;}
  #sidebar_content .right_hr_top{display:none;}
  #sidebar_content .right_per_detail .right_content{width:88%;padding:3.5em 6% 1.15em;display:inline-block;position:relative;}
  #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;}
  #sidebar_content .righttext_per_photo{display:inline-block; width:100%; border-top-right-radius:5em; border-top-left-radius:5em; z-index:0; margin-bottom:-2em;overflow:hidden;}
  #sidebar_content .righttext_per_photo img{width:100%;}


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

  /*quick links */
  #sidebar_content .detail_quicklinks{text-transform:capitalize;font-family: 'Raleway', sans-serif;font-weight:400;color:rgb(0,0,0);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: 'Raleway' , sans-serif;font-size:1em;font-weight:700;line-height:1.1em;}
  #sidebar_content .upcoming_events_time{font-size:0.9em;font-family: 'Raleway', 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: 'Raleway', 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(250,191,26); }
  #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{max-width:100%!important; 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: 'Domine', sans-serif;font-size:1.4em;letter-spacing: .03em;font-style:700;margin:1em 0 0;padding:0 0 0.25em;font-weight:700; color:rgb(169,50,56);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: 'Raleway', sans-serif;color:rgb(0,0,0);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: 'Domine', sans-serif;font-weight:700;color:rgb(0,0,0);padding:0;letter-spacing: .03em;}
  .minical_wrapper .header2bg .header2text{font-size:0.8em;padding:0.8em 0 0.46em 0;color:rgb(0,0,0);font-family: 'Raleway', 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(0,0,0);}
  .minical_wrapper .alternatebg2{height:30px;padding:0;color:rgb(0,0,0);width:2.5em; }
  .minical_wrapper td.headerbg{color:rgb(0,0,0);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(169,50,56) !important;font-weight:normal !important;font-size:1em;font-family: 'Raleway' , 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(169,50,56);color:rgb(255,255,255);font-size:1em;font-family: 'Raleway', 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(0,0,0) !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(0,0,0);-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(169,50,56);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(44,44,44);}
  .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(0,0,0);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: 'Domine', sans-serif;letter-spacing: .03em;font-weight:700;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(250,191,26);border-color:rgb(250,191,26);color:rgb(250,191,26);}
  .detail_calendar .header2bg .header2text,.miniCalShell .header2bg .header2text{color:rgb(0,0,0); 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(0,0,0);}
  .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: 'Raleway', 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(250,191,26);}
  .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(144,144,144);}
  .detail_calendar .today_highlight {background: rgb(255,255,255);}
  .detail_calendar .calListShell .alternatebg1,.detail_calendar .calListShell .alternatebg2{background:none;}

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

  /*Lunch Menu*/
  .detail_lunchmenu .headerbg{background: rgb(169,50,56);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: 'Raleway' , 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: 'Domine' , sans-serif;font-weight:700;letter-spacing: .03em;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(250,191,26);border-color:rgb(250,191,26);color:rgb(0,0,0);}
  .detail_lunchmenu .header2bg .header2text{color:rgb(0,0,0);font-family: 'Raleway' , 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(169,50,56) !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:'Raleway',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: 'Raleway', sans-serif;}
  .detail_announcements2 .annShell{width:100%;display:inline-block;margin-bottom:1.5em; border-bottom:2px solid rgb(250,191,26);}
  .detail_announcements2 .annShell .image img{max-width:45%;}

  /*Slideshow*/
  .detail_slideshow img{max-width:100%!important;}
  .detail_slideshow div{max-width:100%!important; width:auto!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(169,50,56);}
  .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: 'Domine', sans-serif;letter-spacing: .03em;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(0,0,0);border-color:rgb(0,0,0);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(169,50,56);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: 'Domine', sans-serif;letter-spacing: .03em;font-weight: 700; background:none; border:none;
      display: inline-block; color: rgb(169,50,56)!important; text-align: center;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
  .button:before{content:'';position:absolute;left:0 ; bottom:0;
    width: 0; height:0.15em;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{ text-decoration:none; font-weight: 700;}
  .button:hover:before,.button:focus:before,.button:active:before{width:100%; background:rgb(250,191,26); width:100%;}
  .button.reverse{color:rgb(255,255,255)!important;}

  a.solid-button{position:relative;font-size:0.8em; display:inline-block; line-height:1em; padding: 1em 1.2em;  margin-top:0.25em;text-transform:uppercase; font-family:'Domine',serif; letter-spacing: .03em; background:rgb(250,191,26); color: rgb(18,18,18); border-radius: 0.3em; border:2px solid 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;}
  a.solid-button:hover,a.solid-button:focus,a.solid-button:active{background:transparent; border-color:rgb(169,50,56); color:rgb(169,50,56); text-decoration:none;}

  h2.section-heading{font-size:2.5em; line-height:1em; padding:0 0 0.5em; margin: 0 0 0.35em; position:relative; color: rgb(18,18,18);}
  h2.section-heading:after{content:''; position:absolute; left:0; bottom:0; width:2.7em; height:2px; background: rgb(250,191,26);}
  .heading-row{display:flex; flex-flow: row wrap; justify-content: space-between; align-items:center; width:100%;}

  /*Entrance*/
  #entrance{display:inline-block;overflow:hidden;}
  #entrance .main-slider-wrapper{position:relative;width:100%; display:inline-block; float:left;}
  #entrance .main-slider{width:100%;padding-left:2.5%; display:inline-block;position:relative;float:right; z-index:1;}
  #entrance .slider-image-wrapper{width:72vw; height:33vw;float:right; display:inline-block;position:relative;}
  #entrance .slider-image-wrapper a{position:absolute; top:0; left:0; width:100%; height:100%; display:block;z=index:2;}
  #entrance .slider-image-overlay{position:absolute; top:0; left:0; width:100%; height:100%; display:block; background: url(www.poynette.k12.wi.us/custom/images/homepage/asset_slider_overlay.png) left top no-repeat; background-size:100% 100%; z-index:1;}
  #entrance .slider-image{position:absolute; left:5.5%; top:10%; width: 94.5%; height:90%; background-size:cover!important; z-index:0; display:inline-block;}
  #entrance .slide-text{position:absolute; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); width:33%; display:block; z-index:3;}
  #entrance .slide-text h2{font-weight:600; font-size:2em; font-family:'Domine', serif;letter-spacing: .03em;color:rgb(18,18,18);  padding-bottom:0.3em; position:relative;}
  #entrance .slide-text p{font-size:1.4em; padding:0 0 0.25em; line-height:1.5em;  color:rgb(18,18,18);}
  #entrance .slide-text a{ display:inline-block; margin-right:0.2em;}
  .white-popup {max-width: 70%;margin: 4em auto;}
  #entrance-circle1{width:6.5em; height:6.5em;position:absolute; z-index:0; top:28vw; left:-1em;}
  #entrance-circle2{width:9.4em; height:9.4em;position:absolute; z-index:3; top:10%; right:55%;}
  #entrance-circle3{width:13.3em; height:13.3em;position:absolute; z-index:3; top:5%; right:-1.5em;}

  .slider-dots{position:absolute; bottom:1em; right:2%; padding:0 1.5em;  z-index:9;}
  .slider-dots ul{margin:0; padding:0; list-style:none; display:block; position:relative;}
  .slider-dots ul li{display: inline-block; margin:0 0.25em;}
  .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(250,191,26); color:rgb(0,0,0);}
  .slider-dots button.slider-arrow{text-indent:0; background:none; color:rgb(0,0,0); position:absolute; top:60%; left:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
  .slider-dots button.slider-arrow.slick-next{left:auto; right:0;}
  .slider-dots button.slider-arrow:hover,
  .slider-dots button.slider-arrow:focus,
  .slider-dots button.slider-arrow:active{color:rgb(144,144,144);}

  #entrance-links{width:100%; float:left; position:relative;; margin:0; padding:0 2.5%; list-style:none;
    display:inline-flex; flex-flow:row wrap; justify-content:flex-end; align-content:flex-start; background:rgb(169,50,56); z-index:9; color:rgb(255,255,255);}
  #entrance-links .entrance-start{flex-basis: calc(20% - 2px); display:flex; justify-content: flex-start; align-items:center; overflow:hidden; border-right:2px solid rgba(255,255,255,0.1); position:relative;}
  #entrance-links .entrance-start .icon{position:absolute; top:50%; left:0; z-index:0; color:rgb(255,255,255); opacity:0.1; font-size: 6.6em; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%);}
  #entrance-links .entrance-start input[type="search"]{color:rgb(255,255,255); font-size:1.4em; font-weight:700; background:none; border:0; padding:0.25em 0; border-bottom:1px solid rgba(255,255,255,0.1); width:90%;}
  #entrance-links .entrance-start input[type="search"]::placeholder{ color: #ffffff;}
  #entrance-links .entrance-start button{color:rgb(255,255,255)!important;}
  #entrance-links ul{display:inline-flex; flex-flow:row wrap; justify-content:flex-start; align-content:center; flex-basis:80%; margin:0; padding:0;}
  #entrance-links ul.no-search{flex-basis:100%;}
  #entrance-links li{flex-basis:17%; display:block; margin:0.6em 1%; position:relative;font-family:'Domine',serif;letter-spacing: .03em; text-transform:uppercase;color:rgb(255,255,255); font-size:1.27em;}
  #entrance-links li a{display:block; width:100%; position:relative; color:rgb(255,255,255); background:rgb(169,50,56); border-radius: 0.75em; transition: transform 0.5s ease;}
  #entrance-links li a:hover,
  #entrance-links li a:focus,
  #entrance-links li a:active{text-decoration:none; -webkit-transform: translate(0,-0.5em); -ms-transform: translate(0,-0.5em); transform: translate(0,-0.5em);}
  #entrance-links li span.title{position:relative; display:flex; justify-content:center; align-items:center; width:95%; padding:1em 2.5%; background:rgba(255,255,255,0.08); border-radius: 0.75em; text-align:center; z-index:1; min-height:2.5em;}
  #entrance-links li .icon{position:absolute; font-size:1.1em; top:102%; left:50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); color:rgb(250,191,26);z-index:2; opacity:0;}
  #entrance-links li a:hover .title,
  #entrance-links li a:focus .title,
  #entrance-links li a:active .title{-webkit-box-shadow: 12px 12px 13px 10px rgba(0,0,0,0.45);box-shadow: 12px 12px 13px 10px rgba(0,0,0,0.45);}
   #entrance-links li a:hover .icon,
  #entrance-links li a:focus .icon,
  #entrance-links li a:active .icon{ opacity:1;}
  #entrance-links li a[href$=".pdf"]:after { content: none; }


  /*Stories*/
  #stories{padding:3em 0; z-index:4; position:relative;}
  #stories h2{width:100%;text-align:center; margin:0; }
  #stories h2:after{display:none;}
  #landing-stories{margin:0;padding:0;list-style:none; display:inline-block; width:100%;}
  #landing-stories li{display:inline-block; width:15vw; margin:5vw 0 0; z-index:7; position:relative;}
  #landing-stories .slick-active{display:inline-block;  width:20vw; margin:2.5vw 10.5vw 0; z-index:8;}
  #landing-stories .slick-active .stories-img{width:20vw; height: 20vw;-webkit-box-shadow: 6px 6px 13px 0 rgba(0,0,0,0.06); box-shadow: 6px 6px 13px 0 rgba(0,0,0,0.06);}
  #landing-stories .slick-current{width:25vw;z-index:9; margin:0; z-index:9;}
  #landing-stories .slick-current .stories-img{width:25vw; height: 25vw;-webkit-box-shadow: 28px 28px 59px 0 rgba(0,0,0,0.21); box-shadow: 28px 28px 59px 0 rgba(0,0,0,0.21);}
  #landing-stories .stories-img.w-photo{background-size:cover!important; }
  #landing-stories .stories-img{width:15vw; height:15vw;  border-radius:50% ;background:rgb(169,50,56) url(www.poynette.k12.wi.us/custom/images/homepage/asset_stories_default.png) center center no-repeat; background-size:80% auto; margin:0 auto 1.3em; position:relative;}
  #landing-stories .stories-img .slide-pop{display:none; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%; font-size:3em;}
  #landing-stories .slick-current .stories-img .slide-pop{display:flex;}
  #landing-stories .stories-img .slide-pop{text-decoration:none;}
  #landing-stories .slick-current .stories-img .inner-border{ width:calc(100% - 20px); height:calc(100% - 20px); border: 10px solid rgba(255,255,255,0.43); background:transparent;}
  #landing-stories .stories-img .inner-border{position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(255,255,255,0.57); border-radius:50%;}
  #landing-stories .stories-text{ width:100%; margin:0 auto; text-align:center; overflow:hidden; height:0;}
  #landing-stories .slick-current .stories-text{height:auto;}
  #landing-stories h3{font-size:1.4em; margin-bottom:0.5em; color:rgb(18,18,18); font-family:'Domine',serif;letter-spacing: .03em; font-weight:700;}
  #landing-stories p{font-size:1em; padding:0 0 0.25em;}
  #landing-stories .slick-arrow{background:none; border:none; color:rgb(169,50,56); position:absolute; right:101.5%; font-size:1.5em; line-height:1em; top:30%;}
  #landing-stories .slick-arrow.slick-next{right:auto; left:101.5%;}
  #landing-stories .slick-arrow:hover,
  #landing-stories .slick-arrow:focus,
  #landing-stories .slick-arrow:active{color:rgb(250,191,26);}

  .announce_button{ margin: 0 auto; position: absolute; right: 5%; top: 0;}

  .landing-row{display:flex; flex-flow: row wrap; justify-content:space-between; align-items:stretch; width:100%; z-index:6;}
  .column-full{flex-basis:95%; width:95%; padding:0 2.5%; position:relative;}
  .column-half{flex-basis:45%; width:45%; padding:0 2.5%; position:relative;}

  #landing-upper,#landing-lower{padding:2em 0;position:relative; overflow:visible;}
  #upper-circle1{position:absolute; width:35vw; height:35vw; top:-12%; right: -15vw; opacity:0.3; z-index:-1;}
  #lower-circle1{position:absolute; width:35vw; height:35vw; top:-12%; left: -15vw; opacity:0.3; z-index:-1;}

  /*Events*/
  .events-list{margin:0.75em 0;padding:0;list-style:none;width:100%; position:relative;
    display:inline-flex; flex-flow:row wrap; justify-content:space-between; align-content:stretch; align-items:stretch;}
  .column-half .events-list{ display:inline-block; -webkit-column-count:2; column-count:2; -webkit-column-gap:20px; column-gap:20px; }
  .events-list li{flex-basis:18%; padding:0 2% 0 0;margin:0 0 3em;display:inline-block;vertical-align:top; }
  .column-half .events-list li{width:98%;}
  .events-list li .dateWrapper{padding:0; margin:0; width:100%;display:inline-block;position:relative;}
  .events-list li h3{width:2em; height:2em; font-size:2em; padding:0; border-radius:0.25em; text-align:center; display:inline-flex; justify-content:center; align-items:center; background:rgb(169,50,56); color:rgb(255,255,255); font-family:'Domine',serif;letter-spacing: .03em;}
  .events-list li h3 .event-date-bg{display:inline-block; position:relative; width:90%; padding:0 5%;}
  .events-list li h3 .event-day{display:block; width:100%; text-transform:uppercase; font-size:0.5em; line-height:1em; margin-top:0.15em;}
  .events-list li .event{width: calc(95% - 4em);display:inline-block;position:relative;float:right;}
  .events-list li .event h4{font-style:700;font-size:1.2em;line-height:1em;padding:0 0 0.25em; font-family:'Domine',serif;letter-spacing: .03em; width:100%;}
  .events-list li .event h4 a{color:rgb(169,50,56);}
  .events-list li .event h4 a:hover,.events-list li .event h4 a:focus,.events-list li .event h4 a:active{color:rgb(18,18,18); text-decoration: underline;}
  span.eventColor {width: 0.8em;height: 0.8em;display: inline-block;float: left;  margin-right: 1em;}
  .events-list li .event h5{padding:0;font-size:1em; font-weight:400; line-height:1em; font-style:normal; padding:0 0 0.15em; width:100%; color:rgb(18,18,18); font-family: 'Raleway',sans-serif;}

  /*Photo Gallery*/
  .gallery-slider{margin-bottom:3.5em; width:100%;}
  .gallery-slider .slider-image-wrapper{width:90%; margin-bottom:0.5em;}
  .gallery-slider .slider-image-wrapper img{width:100%; border-radius:0.5em;-webkit-box-shadow: 11px 11px 38px 0 rgba(0,0,0,0.1);box-shadow: 11px 11px 38px 0 rgba(0,0,0,0.1);}
  .gallery-slider .slide-text{width:100%; text-align:center; font-size:1.3em; }
  .gallery-slider .slide-text p{padding-bottom:0.25em;}
  .gallery-slider .slide-text a{font-size:0.8em;}
  #gallery-arrows{bottom:1em;left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); justify-content:center;}

  /*Flex Image & Video*/
  .flex-img{width: 90%;margin:0 0 1em; background-size:cover!important; background-position:center!important; background-repeat: no-repeat!important; height:23.5vw; display:inline-flex; justify-content:center;  background-color:rgb(169,50,56)!important;align-content:center; align-items:center; position:relative; position:relative;border-radius:0.5em;-webkit-box-shadow: 11px 11px 38px 0 rgba(0,0,0,0.1);box-shadow: 11px 11px 38px 0 rgba(0,0,0,0.1);}
  .flex-img a{position:absolute; top:0; left:0; width:100%; height:100%; display:inline-flex; justify-content:center; align-items:center; color:rgb(255,255,255);}
  .flex-img .icon{ font-size:3.5em; opacity:0.8;}
  .flex-img a:hover,
  .flex-img a:focus,
  .flex-img a:active{ text-decoration:none; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);color:rgb(255,255,255);}
  .flex-text{width:100%; display:block;}
  .flex-text h3{font-family:'Domine',serif; letter-spacing: .03em;color:rgb(18,18,18); font-weight:700;}

  /*Social*/
  #landing-social-feed ul{margin:0;padding:0;list-style:none; width:100%;display:inline-flex;justify-content:flex-start; align-items:stretch;}
  #landing-social-feed ul li{width:48%; display:inline-block; background:#fff; -webkit-box-shadow: 11px 11px 38px 0 rgba(0,0,0,0.08); box-shadow: 11px 11px 38px 0 rgba(0,0,0,0.08); margin:0 1% 1em; border:none; padding:0;}
   #landing-social-feed ul li:first-child{margin-left:0;}
  .column-full  #landing-social-feed ul li{width:18%;}
  #landing-social-feed ul li .image{width:100%;margin: 0; float:none;}
  #landing-social-feed .icon{font-size:1.5em; margin-bottom:0.25em;}
  #landing-social-feed ul li .text{width:90%;padding: 0.5em 5% 1em; float:none;}
  #landing-social-feed .fbDetailsTop{display:block!important; font-size:0.9em; display:block; margin-bottom:0.5em;}
  #landing-social-feed .fbDetailsBottom{display:none;}
  #landing-social-feed ul li p{padding:0;margin:0;}
  #landing-social-feed ul li .copy{width:100%; display:block;}
  #landing-social-feed ul li .fullpost{display:inline-block!important; margin:0.75em 0 0; padding-left:0;}
  #landing-social-feed ul li .fullpost:hover,
  #landing-social-feed ul li .fullpost:focus{text-decoration:none;}


  /*
    * 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(169,50,56)!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(169,50,56)!important;background:rgb(250,191,26)!important;}
  ul.bxslider{margin:0!important; padding:0!important;}
  ul.bxslider ul li{width:75%;}

  /* Slick Accessible Overrides */
  .main-slider-wrapper .main-slider { margin-bottom: 0; }
  .main-slider-wrapper .slider-arrows { display:flex; flex-wrap:nowrap; }
  .main-slider-wrapper .slider-arrows button { left: unset; right: unset; top: unset; bottom: unset; transform: none; height: 40px; width: 40px; position: relative; opacity:1;}
  .main-slider-wrapper .slick-autoplay-toggle-button .slick-pause-icon:before, .main-slider-wrapper .slick-autoplay-toggle-button .slick-play-icon:before { font-size:22px; }
  #landing-stories .slick-autoplay-toggle-button { position: relative; left: 0; right: 0; bottom: 0; top: 0; opacity: 1;}

.detail_links table tr[aria-label="Item Details"] { display: flex; align-items: center; width: 100%; padding-bottom: 10px; }

    /*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:1400px){
      .footer-top{font-size:90%;}
      #entrance-links ul{font-size:90%;}
      h2.section-heading{font-size:1.8em;}
    }
    @media only screen and (max-width:1280px){
      div.figure{width:auto!important;}


      #banner .pageTitle h1{font-size:3.2em;}
      #banner h2{font-size:1.4em;}

      .footer-top{font-size:80%;}
      #landing-social-feed ul{ flex-flow: wrap; justify-content: center;}
	  .column-full #landing-social-feed ul li{ width: calc(33% - 1em); margin: 0.5em;}
    }
    @media only screen and (max-width:1200px){

      #entrance .slide-text h2{font-size:1.8em;}
      #entrance .slide-text p{font-size:1.1em;}
      #entrance-circle2{right:45%;}

      #entrance-links ul{font-size:80%;}
      #entrance-links li span.title{min-height:3em;}

      #landing-stories .stories-text{font-size:80%;}
      #landing-stories .slick-current .stories-img{-webkit-box-shadow: 15px 15px 30px 0 rgba(0,0,0,0.21); box-shadow: 15px 15px 30px 0 rgba(0,0,0,0.21);}
      .events-list li{flex-basis:31%;}

      #logo{padding-top:1em; width:25%;}

      .footer-top{font-size:70%;}

      .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;}

      .detail_lunchmenu table{font-size:90%;}
	  .detail_lunchmenu table table{font-size:100%;}
    }
    @media only screen and (max-width:1024px){
      #entrance .slide-text h2{font-size:1.5em;}
      #entrance .slide-text p{font-size:0.9em;}
      #entrance .slide-text a{font-size:0.9em;}
      #entrance-circle3{top:0; opacity:0.2; right:-3em;}
      #entrance-circle2{opacity:0.2;}

      #entrance-links{width:95%;}
      #entrance-links .entrance-start{border-right:0; border-bottom:2px solid rgba(255,255,255,0.1); flex-basis:97.5%; margin-bottom:0.5em;}
      .entrance-start form{width:100%; display:inline-flex;}
      #entrance-links .entrance-start input[type="search"]{border:0;width:100%;}
      #entrance-links ul{flex-basis:100%;}
      #entrance-links li{flex-basis:18%;}

      #landing-stories li{width:0vw;}
      #landing-stories .slick-active{width:25vw;}
      #landing-stories .slick-active .stories-img{width:25vw; height:25vw;}
      #landing-stories .slick-current{width:50vw;}
      #landing-stories .slick-arrow{right:100%;}
      #landing-stories .slick-arrow.slick-next{left:100%;}

	  .announce_button{ position: relative; top: auto; right: auto; margin: 0 auto 1rem auto; text-align: center;}

      h2.section-heading{font-size:1.5em;}
      .column-half,.column-full{ width:95%; flex-basis:95%; margin:1em 0;}
      .flex-img{height:47vw;}


      .middle-column{width:100%;}
      .no-left .middle_when_right_side_bar{width:55%;}
      .middle_when_right_side_bar{padding:0 2.5%!important; width:55%;}
      .middle_when_no_right_side_bar{width:95%; padding:0 2.5%!important}
      #sidebar_content{width:35%;}
      .left-nav{width:95%; padding:1em 0 0; margin:1em 2.5% 0;}

      #banner .pageTitle h1{font-size:2.2em;}
      #banner.landing-page #banner-circle1{width:9vw;height:9vw;top:-1em;}

      .footer-top{font-size:100%; padding-top:5em;}
      .footer-logo{width:40%; margin:0 auto; float:none;}
      .footer-address{margin:1em 0; width:100%; text-align:center;}
      .social-icons{text-align:center;}
      .footer-search{width:100%;}
      .footer-search input{width:100%;}
      .footer-mark{right:auto; left:50%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); width:12vw; height:12vw; top:-7em;}
      .footer-credit{font-size:85%;width:68%}
      .district-logo{flex-basis:20%;}

      .detail_slideshow div{width:100%!important}
      .column-full #landing-social-feed ul li{ width: calc(50% - 1em); }
      .column-full #landing-social-feed ul li.last_item { display: none; }
    }
    @media only screen and (max-width:980px){
      html{font-size:100%;}

      #banner .pageTitle{position:relative; top:auto; -webkit-transform:none; -ms-transform:none; transform:none; padding:4em 2.5%; width:95%;}
      #banner .pageTitle h1{font-size:1.8em;}
      #banner h2{font-size:1.2em;}
      #banner-circle2{opacity:0.1;right:-0.5em;top:-1.5em;}
      #banner-circle3{top:auto; bottom:0;}

      .detail_calendar .calDateToolsShell td{display:block;width:100%;margin-bottom:0.25em;text-align:left;}
      .detail_calendar .calInnerShell{font-size:90%;}
      .detail_lunchmenu table{font-size:70%;}
	    .detail_lunchmenu table table{font-size:100%;}

      #entrance .slide-text h2{font-size:1.3em;}
      #entrance .slide-text p{font-size:0.8em;}
      #entrance .slide-text a{font-size:0.8em;}
      #entrance-links ul{justify-content:center;}
      #entrance-links li{flex-basis:30%;}
    }
    @media only screen and (max-width:800px){
      html{font-size:106.25%;}

      .wEmergency.header.landing-page{padding-top:0;}

      .middle_when_right_side_bar, .middle_when_no_right_side_bar{width:95%; margin-bottom:1.5em; }
      .no-left .middle_when_right_side_bar{width:95%;}
      #sidebar_content{width:85%;margin:0 5%;}

      .events-list li{flex-basis:48%;}

      #banner,#banner.landing-page{min-height:0;display:block; float:left;}
      #banner .imageDipWrapper{width:100%; height:41vw; position:relative; right:auto; top:0;}
      #banner .main-slider .slide{height:41vw;}
      #banner.landing-page .pageTitle{position:relative; left:auto; bottom:auto; background:rgb(255,255,255);}
      #banner.landing-page .pageTitle:before{background:rgb(250,191,26);}
      #banner.landing-page .pageTitle{padding:0.5em 2.5%;margin:0; width:95%; text-align:center;}
      #banner.landing-page h2{position:relative;width:0.25em 2.5%; margin:0; width:95%; text-align:center;}
      #banner.landing-page #banner-circle3{right:auto; left:-1em;width:15vw; height:15vw; -webkit-transform: none; -ms-transform:none; transform:none; top:35vw;}
      #banner.landing-page #banner-circle2{width:35vw; height:35vw; opacity:0.8; right:auto; top:-15vw; left:-3em;}
      #banner.landing-page #banner-circle1 {width: 15vw;height: 15vw; top: 25vw; z-index: 2; left: auto; right: -1em;}
      #banner-arrows.slider-arrows{position:relative;    width: 95%;bottom: auto; right: auto; margin: 0 auto; margin-left: 2.5%;}

      .header.landing-page{background: rgb(255,255,255);position:relative;top:auto;left:auto;right:auto;display:block;}
      .footer-address ul.contact-info li{width:45%; padding:0 1.5%;}
      .footer-btm{text-align:center;}
      .district-logo{flex-basis:45%; padding:0 2%; margin:0 auto;}
      .footer-credit{width:100%; margin:0.25em 0;}
      .footer-credit p{width:100%;}
      .cms4schools-credit{float:none;flex-basis:30%;margin:0 auto;}

      #org-name a{font-size:0.8em;}


      #entrance .main-slider{padding-left:0;}
      #entrance .slide-text{position:relative;width:95%; -webkit-transform:none; -ms-transform:none; transform:none; top:auto; margin:1.5em 0 0.5em; padding:0 2.5%; text-align:center; float:left; display:block;}
      #entrance .slider-image-wrapper{width:100vw; height:45.8vw;}
      #entrance-circle1{width:15vw; height:15vw;z-index:3; top:36vw}
      #entrance-circle2{right:auto; left:15%; top:1em;}
      #entrance-arrows.slider-arrows{bottom:auto; top:0;}

      #landing-stories .slick-arrow{right: calc(100% - 1.5em);}
      #landing-stories .slick-arrow.slick-next{left: calc(100% - 1.5em);}
    }
    @media only screen and (max-width:720px){

      .detail_lunchmenu table.borderstyle{font-size:75%;}
      .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;}
      .header.landing-page.fixed{position:relative;}

      #org-name{width:95%; text-align:center; padding:1em 2.5% 0.4em;}
      #header-btm{justify-content:flex-end;position:relative;}
      .landing-page #header-btm{justify-content:space-between;}
      #logo{position:relative; float:left; margin-left:0; padding:0.5em 0;}
      #banner-circle1{top:1em; left:-2em;}
      #banner-circle2{opacity:1;right:-1em;top:0;}

      .column-half .events-list{ -webkit-column-count: 1;column-count: 1;}
      .events-list li{flex-basis:96%;}

      .footer-logo{width:60%;}
      .footer-mark{width:20vw;height:20vw;top:-8em;}
      .footer-address ul.contact-info li{width:100%; padding:0;}
      #sub-org-name{font-size:0.8em; max-width:50%;}

      .white-popup{max-width:90%;}
      .column-full #landing-social-feed ul li { width: calc(100% - 1em); }
      .detail_social_media_feed .cmsFacebookFeed .image img, .detail_social_media_feed_right .cmsFacebookFeed .image img { height: 200px; object-fit: cover; width: 100%; }
    }
    @media only screen and (max-width:580px){
      .detail_lunchmenu table.borderstyle{font-size:65%;}
      .detail_calendar .calInnerShell{font-size:65%;}
      .detail_lunchmenu {font-size:80%;margin:0 2.5%;width:95%;}

      .detail_calendar .calDateToolsShell, .detail_calendar .caltblCat{font-size:80%;}

      .footer-mark{width:25vw;height:25vw;}

      #entrance-links li{flex-basis:48%;}
      h2.section-heading{flex-basis:100%;}
      .heading-row{justify-content:flex-start;}

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

      #logo{width:50%;}
      #banner .pageTitle{padding:2em 2.5%;}
      #banner h2{position:relative; bottom:auto; left:auto; width:95%; padding:0 2.5%; text-align:center;}
      .detail_calendar .calInnerShell{font-size:50%;}
      .detail_lunchmenu {font-size:70%;}
      .detail_lunchmenu .headerbg .headertext{font-size:1.4em;}
      .detail_lunchmenu .caltblTools,
      .detail_lunchmenu .caltblTools tbody,
      .detail_lunchmenu .caltblTools tr,
      .detail_lunchmenu .caltblTools td,
      .detail_lunchmenu .caltblCat,
      .detail_lunchmenu .caltblCat tbody,
      .detail_lunchmenu .caltblCat tr,
      .detail_lunchmenu .caltblCat td{display:inline-block; text-align: left; text-transform: capitalize; width:100%; padding:0!important;}
      .detail_lunchmenu .caltblTools td:nth-child(2n){margin-bottom: 0.35em!important;}
      .detail_lunchmenu select{width:100%;}
      .detail_lunchmenu table.borderstyle{font-size:80%;}

      .calSearchDiv{font-size:80%;}

      .footer-logo{width:90%;}
      .footer-mark{width:30vw;height:30vw;}
      .footer-credit ul li{width:100%; padding:0; margin:0.15em 0;border:0;}
      .cms4schools-credit{max-width:100%; flex-basis: 50%;}
      .district-logo{flex-basis:60%;}

       #entrance-circle2{display:none;}
       #entrance-circle3{right:-6em;}
    }
    @media only screen and (max-width:420px){
      .detail_lunchmenu {font-size:55%;}
      .detail_lunchmenu table.borderstyle{font-size:100%;}
      .detail_calendar .calInnerShell{padding:0 2.5%;width:95%; font-size:45%;}
    }
    @media only screen and (max-width:380px){
      .detail_calendar .calInnerShell{padding:0;width:100%;}
      .detail_lunchmenu {font-size:50%;}
      .footer-mark{width:35vw;height:35vw;}
      .detail_lunchmenu table.borderstyle{font-size:60%;}
      #entrance-links li{flex-basis:98%;}
      #entrance-links li span.title{min-height:0;}
    }
    @media only screen and (max-width:320px){
      .detail_lunchmenu {font-size:45%;}
      .footer-mark{top:-7em;}
    }
    @media only screen and (max-width:280px){
      table.calMonthShell{font-size:75%}
      .detail_lunchmenu {font-size:40%;}
    }