:root { --foodmenu-default-color: rgb() !important; --foodmenu-second-color: rgb() !important; } html,body{height:100%; font-size:137.5%;} body{margin:0;padding:0;font-family: 'Roboto', sans-serif;font-size:1em !important; line-height:1.5em; color:rgb();letter-spacing:0;font-weight:400;overflow-x:hidden;background:rgb(); -webkit-text-size-adjust:none; font-weight:normal;} input,textarea,select{font-family: 'Roboto', sans-serif;font-size:1em;} table,td,tr{font-family: 'Roboto', sans-serif;font-size:1em;line-height:1.5em;color:rgb(); font-weight:normal;} img,div.figure{border:none; max-width:100%; height:auto;} .cf{float:none;clear:both;} input{-webkit-border-radius:0;} *{-webkit-tap-highlight-color:rgba(34,42,91,0.25);} #panel1 *{-webkit-tap-highlight-color:rgba(34,42,91,0);} a,a:link {text-decoration:none;font-weight:700;color:rgb();-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} a:visited {text-decoration:underline;color:rgb();} a:hover {text-decoration:underline;color:rgb();} #googleTranslate a{text-decoration:none;} a[name="skipNav"]{width:100%!important;background:rgb();color:rgb(255,255,255);text-align: center;display: inline-block;padding: 0;outline: rgb(0,0,0);} h1,h2,h3,h4,h5,h6{margin:0; padding:0;line-height:normal;font-weight:normal;position:relative;} h1,h3,h6{font-family:'Arvo',serif;} h1{font-size:2.2em; line-height:1.1em; color:rgb();font-weight:700;} h2{font-size:2em; line-height:1.1em; color:rgb(); padding:0 0 0.125em 0;font-weight:700;} h3{font-size:1.55em; line-height:1.1em; color:rgb(); padding:0 0 0.125em 0;} h4{font-size:1.3em; line-height:1.1em; color:rgb(); padding:0 0 0.125em 0;font-style:italic;} h5{font-size:0.9em; line-height:1.1em; color:rgb(); padding:0 0 0.125em 0;font-weight:700;} h6{font-size:0.9em; line-height:1.1em; color:rgb(); padding: 0 0 0.125em 0;} blockquote p,blockquote div{color:rgb();font-family:'Roboto',sans-serif; line-height: 1.5em; font-size:1.1em; display:block; position:relative;font-style:italic;} blockquote{width:85%; padding:0 7.5%; margin:0.5em 0 1.5em;display:inline-block;position:relative;} blockquote:before,blockquote:before{content:'';position:absolute;top:0;left:0;width:0.4em;height:100%;background:rgb();} p{font-size:1em; line-height:1.5em; font-weight:normal; color:rgb(); padding: 0 0 1.5em; margin:0;} .main_body_size a, a{font-weight:700; text-decoration:none; color:rgb();} .main_body_size a:hover{text-decoration:underline;color:rgb()} .main_body_size ol, .main_body_size ul{display:block; margin:0 0 1.6em;overflow:hidden;} hr{border:none;background:rgb();height:2px; margin:0 0 1.5em;} .wrapper{margin:0 auto; padding:0 3%; max-width:100%; width:94%; 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;float:left;} .accessible{display:none;} .accessible:focus{display:inline-block;} .visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .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;} /***HEADER***/ header{width:100%;margin:0 auto;padding:0;position:relative; display:inline-block; float:left; z-index:199;margin-bottom:-1em; -webkit-box-shadow: 2px 2px 2px 2px rgba(,0.2); box-shadow: 2px 2px 2px 2px rgba(,0.2);} header.landing-page{position:relative;} header.landing-page.wEmergency{position:relative;left:auto;top:auto;} header.fixed,header.landing-page.fixed.wEmergency{position:fixed!important;left:0;top:0;} header.landing-page.fixed.wEmergency{top:2.5em;} #headerLeft,#headerRight{position:relative;display:inline-block;float:left;padding:0;margin:0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #headerTop,#headerBtm{width:100%;position:relative;float:left;display:inline-block;padding:0;margin:0; -webkit-transition: height 0.3s linear; -moz-transition: height 0.3s linear; -ms-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear;} #headerLeft{left:2.5%;top:1.4em;width:21.5%;display:inline-block;float:left;position:absolute;z-index:10000;} #logo{position:relative;display:inline-block;width:100%;padding:0;block;z-index:99;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} #logo img{max-width:100%;} #headerRight{width:100%;position:relative;display:inline-block;} #headerTop{width:100%;text-align:center;position:relative;display:inline-block;height:2em;border-bottom: 0.1em solid rgb();background:rgb();} .schoolName{display:inline-block;float:left;padding:0.35em 0;font-size:0.9em;position:relative;margin-left:10%;text-transform:uppercase;} .schoolName a{color:rgb();} .schoolName a:hover,.schoolName a:focus{color:rgb();text-decoration:none;} #headerBtm{position:relative;width:100%;display:inline-block;z-index:9999;background-color: rgb(); webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} header.fixed{position:fixed;margin-bottom:0;} .fixed #headerTop{overflow:hidden;height:0;} .fixed #headerLeft{width:10%;top:0.5em;border-radius:0;-webkit-border-radius:0;} .fixed #headerBtm{font-size:90%;top:0;background-color:rgba(,0.9);height:100%;} ul.utilityNav{position:relative;float:right;width:auto;margin:0 2.5% 0 0;padding:0;text-align:right;} ul.utilityNav li{display:inline-block;float:left;position:relative;} ul.utilityNav li a{display:inline-block;color:rgb(); background:transparent;text-decoration:none;font-size:1.2em;padding:0.35em 0.65em;display:inline-block; line-height:1em;display:inline-block; -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;} ul.utilityNav li.utilityLink a{color:rgb();} ul.utilityNav li a:hover,ul.utilityNav li a:focus{color:rgb();} ul.utilityNav li.on{background: rgb();} ul.utilityNav li a.on{color:rgb();} ul.utilityNav li.utilityLink a:hover,ul.utilityNav.utilityLink li a.on{color:rgb();} ul.utilityNav li#iconDrop:hover ul.utilityNav .utilityDrop, ul.utilityNav li#iconDrop:focus ul.utilityNav .utilityDrop{display:inline-block;} ul.utilityNav .utilityDrop{display:inline-block;position: absolute;right: 3%;top: 98%;background: rgba(,0.9);width:12em;height:0;overflow:hidden;z-index: 99999;margin:0;text-align: left;display:none; -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;} ul.utilityNav li.on .utilityDrop{height:auto;padding:1em 0;border-bottom:0.3em solid rgb();padding:0.5em 0;} ul.utilityNav .utilityDrop li{width:100%;display:inline-block;margin:0.3em 0;position:relative;height:auto;overflow:hidden;} ul.utilityNav .utilityDrop li a{display:inline-block;width:80%;padding:0.3em 10%;background:transparent;color:rgb();font-size:0.95em;line-height:1.15em;font-weight:400;height:auto!important;} ul.utilityNav .utilityDrop li a:hover, ul.utilityNav .utilityDrop li a:focus{background:rgb();color:rgb()!important;font-weight:500;text-decoration:none;} ul.utilityNav li.on ul li{height:auto;} #panel1 ul.utilityNav{width:90%;margin:0.5em 5%;text-align:center;display:none;} #panel1 ul.utilityNav li.utilityLink,#panel1 ul.utilityNav li.socialLink{display:inline-block;float:none;} #panel1 ul.utilityNav li.utilityLink a{color:rgb(); font-size:1.5em} #panel1 ul.utilityNav li.utilityLink a:hover,#panel1 ul.utilityNav li.socialLink a:hover, #panel1 ul.utilityNav li.utilityLink a:focus,#panel1 ul.utilityNav li.socialLink a:focus,{color:rgba(,0.6);} #panel1 ul.utilityNav li.utilityLink a.iconDrop{display:none;} #panel1 ul.utilityNav .utilityDrop{font-size:66%;display:inline-block;position:relative;left:auto;right:auto;top:auto;width:100%;margin:1.5em 0 0 0;padding:0;height:auto;border-top:3px solid rgb();border-bottom:3px solid rgb();} #panel1 ul.utilityNav .utilityDrop li a{padding:0.7em 10%;} .search{display:none;width:90%;padding:0 5%;position:fixed;top:0;left:0;height:100%;z-index:999999;background:rgba(,0.9);} .search form{display:inline-block;width:90%;position:absolute;top:40%;} .search input[type="text"] {float: left;width:calc(100% - 4em); padding: 1em 0 0.5em; font-size: 2em; color:rgb(); font-style:italic; font-weight:400; border:none;border-bottom:2px solid rgb(); background:transparent;} .search input[type="submit"]{width:4em; height:4em;text-indent:-9999px;background:url(www.portage.k12.wi.us/custom/images/general/asset_search.png) 0 0 no-repeat;background-size:100% 100%;position:absolute;bottom:0;right:0;border:none;cursor:pointer;} .search input[type="submit"]:hover{background:url(www.portage.k12.wi.us/custom/images/general/asset_search_hover.png) 0 0 no-repeat;background-size:100% 100%;} a.searchClose{z-index:2;display:inline-block;position:absolute;right:5%;top:0;background:rgb();color:rgb();padding:0.75em;} a.searchClose:hover{text-decoration:none;background:rgb();color:rgb();} /*emergency feature*/ #announEmergencyShell,#announEmergency{background-color:#9a1228 !important; max-width:100% !important; } #announEmergencyShell #emergencyLogo{font-family:'Roboto',sans-serif;} #announEmergencyShell #emergencyLogo a{font-size:1.25em !important;font-family:'Roboto',sans-serif;} #announEmergencyShell #emergencyLogo h2{ font-size:1.5em !important; font-weight:400;} #announEmergency #emergencyDescription{margin-top:0.5em !important;padding-top:1.2em !important;border-top:1px solid rgb();padding-bottom:0.5em !important; color:rgb();} #announEmergency p{color:rgb();font-family:'Roboto',sans-serif; font-size:1em;} #announEmergency #emergencyDescription #emergencyTitle h2, #announEmergency #emergencyDescription #emergencyTitle a{font-size:1.3em!important;font-weight:400!important;text-transform:none!important;} /***Footer**/ footer{padding:0;border-top:1.27em solid rgb();background:rgb();color:rgb();width:100%;float:left;display:inline-block;position:relative;text-align: left; z-index:1;} footer a{color:rgb()!important;} footer a:hover{color:rgb()!important;text-decoration:none;} footer #footerTop{padding:2.7em 0 1.5em;width:100%;display:inline-block;float:left;position:relative;} .footerLeft,.footerMid,.footerRight{position:relative;display:inline-block;float:left;margin:0;padding:0;} .footerLeft{width:50%;position:relative;display:inline-block;} .footerLeft .footerLogo{width:100%;display:inline-block;margin-bottom:1.5em;top: 50%;transform: translateY(50%); -webkit-transform: translateY(35%);} .footerLeft .footerLogo img{width:50%;} .footerLeft ul{margin:0;padding:0;display:inline-block;position:relative;vertical-align:top;} .footerLeft ul li{display:inline-block;vertical-align:top;margin-right:1.25em;} .footerLeft ul li a{font-size:2.3em;line-height:1em;} .footerLeft ul li img{max-width:2.3em;cursor:pointer;} #translate{z-index:9999;position:relative;display:none;width:20%;padding:1em 0 0;float:right;text-align:left;} #translate #google_translate_element{display:block;position:relative;text-align:left;} #translate #google_translate_element .goog-te-gadget:last-child, #translate #google_translate_element .goog-te-gadget select:last-child{display:none;} #translate .goog-te-gadget,.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active{color:rgb()!important;} .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon *{color:rgb()!important;font-family:'Roboto',sans-serif !important;} #translate .goog-te-gadget .goog-te-combo{margin:0;width:100%;padding:0.5em 5%;border-radius:0.35em;-webkit-border-radius:0.35em;font-size:1em;border-color:rgb();} #translate .goog-te-gadget .goog-te-combo option{font-family:'Roboto',sans-serif;} .footerMid{width:25%;margin-right:5%;} ul.address{margin:0;padding:0;display:inline-block;position:relative;vertical-align:top;} ul.address li{width:100%; display:inline-block;margin-bottom:0.25em;font-size:0.9em;line-height:1.25em;font-weight:400;} ul.address li span{width:2em;display:block;color:rgb();padding-top:0.3em;float:left;} ul.address h2{font-size:1.5em;font-family:'Roboto',sans-serif;margin-bottom:0.5em;text-transform:none;font-weight:400;letter-spacing: 0.05em;text-transform:uppercase;} ul.address h2 a{display:inline-block;} ul.address li h2 span{width:100%;display:block;font-size:0.6em;line-height:1em; color:rgb();} ul.address li.addressState{margin-bottom:1.4em;} .footerRight{width:20%;} ul#footerBtns{float:right;display:inline-block;text-align:right;position:relative;margin:0;padding:0;width:100%;} ul#footerBtns li{display:inline-block;float:left;position:relative;padding:0.75em 0;width:100%} ul#footerBtns li a{color:rgb();background:transparent;text-decoration:none;font-size:0.7em;font-weight:400;width:100%;display:inline-block;text-align:left; line-height:1em;display:inline-block; -webkit-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -ms-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out;position:relative;} ul#footerBtns li a:hover,ul#footerBtns li a:focus{color:rgb();} ul#footerBtns li a span.icon{font-size:2em;line-height:1em;color:rgb();} ul#footerBtns li a span.title{position:absolute;top: calc(50% - 0.6em);left:3em;} ul#footerBtns li a:hover span.icon,ul#footerBtns li a:focus span.icon{color:rgb();} #additionalLogo{display:inline-block; float:left; text-align:right;position:relative;width:25%; margin:1em 0 0;} #additionalLogo img{max-width:100%;display:inline-block; clear:both;} .creditRow{width:100%;background:rgb();display:inline-block;position:relative;padding:0.5em 0;float:left;} #credit{font-size:0.75em;line-height:1.1em;color:rgb();float:left;padding:0.25em 0 0 0;} #credit a{width:100%;text-align:left;padding:0.25em 0.5em; color:rgb()!important;} #CMS4SchoolsLogo{width:10%;float:right;display:inline-block;} #CMS4SchoolsLogo img{max-width:100%;float:right;} .custom-footer .wrapper { margin-top: 1.5em; } /***INSIDE PAGES***/ #banner{background: rgb();background-size:auto 100%;z-index:0;margin:0 auto;width:100%;overflow:hidden;position:relative; display:inline-block;z-index:0;clear:both;padding:0;webkit-transition: all 0.5s ease;float:left;} #banner img{width:100%;} #banner .imageDip{width:100%;display:inline-block;float:left;overflow:hidden;background-size:cover!important;background-position:center center!important;} #banner.landing-page h1#pageTitle{position:absolute;background:rgba(,0.6);text-align:center;bottom:0;left:0;} h1#pageTitle,section.main .titletext{width:90%; display:inline-block; position:relative; padding:1.8em 5% 1.5em; text-align:center; z-index:3; font-size:1.8em;line-height:1.125em;color:rgb();} section.main .titletext.pagetitle_padding{color:rgb();} .main_body_size .titletext{width:82%!important;margin:0 3.8%;} /*main column */ section.main{width:100%;float:left;display:inline-block;position:relative; overflow:hidden;} section.main.w-left:after{content:'';position:absolute;width:19.4%;height:100%;background:rgb();left:0;top:0;z-index:0;} .leftNav{float:left;overflow:hidden; width:19.4%;} #sidebar{width:100%; display:inline-block; background:rgb();padding:0 0 3em;margin: 0 0 3em;} #sidebar h3{padding:0.5em 7.5%; width:85%; z-index:1; color:rgb()} .middleColumn{float:right;overflow:hidden; width:80.6%;min-height:20em;} .main_body_size{width:100%;margin:0;padding:0;position:relative;z-index:1;overflow:hidden;} .middle_when_right_side_bar, .middle_when_no_right_side_bar{height:auto;padding:2.5em 3.8% 3em!important; margin-bottom:3em;width:100%; box-sizing:border-box;display:inline-block;float:left;overflow:hidden;width:100%; background:rgb();} .middle_when_right_side_bar{width: 65.5%;} .no-left .middleColumn{width:100%;} .detail_padding p:last-child{padding-bottom:0;} .detail_padding{padding:0 0 1.5em;overflow:hidden;} .figure{border:none;margin:-0.21em 0.71em 0.35em -0.35em;} .detail_padding{display:inline-block; width:100%;} .detail_padding .figure{max-width:95%;width:auto!important; height:auto; display:inline-block;} /*right sidebar*/ #sidebar_content{width:30%;padding:0;margin:2.5em 3% 0 1.5%;overflow:hidden;position:relative;display:inline-block;float:right;z-index:2;} #sidebar_content .right_content{font-size:90%;margin:0 0 3.125em 0;padding:2em 7.5%; width:85%; background:rgb(241,242,242);display:inline-block;position:relative;} #sidebar_content .right_hr_top, #sidebar_content .right_hr_bottom, #sidebar_content .right_hr_bottom hr, #sidebar_content .right_hr_top hr{display:none;} #sidebar_content h3{margin: 0;letter-spacing:0;padding: 0.5em 7.5% ;width:85%;color:rgb(); font-size:1.5em;line-height:1.25em; font-weight:400; display:inline-block; background: rgb();border-bottom:2px solid rgb();} #sidebar_content .right_content h3{background:0;padding:0 0 0.125em;border:none;color:rgb();width:100%; font-size:1.2em;text-transform:none;letter-spacing:0px;} #sidebar_content .right_content h2{color:rgb();} #sidebar_content .right_content .righttext_per_photo img{width:100%;} #sidebar_content .right_content img{max-width:100% !important;} #sidebar_content .right_per_detail p{padding:0 0 1em 0;margin:0;} #sidebar_content .right_per_detail p:last-child{padding-bottom:0;} #sidebar_content .right_per_detail a.right_news_style{padding:0;margin:0;} #sidebar_content .righttext_per_photo{margin: 0 0 0.5em 0;} #sidebar_content .righttext_per_photo img{width:100%;} /*transRobotor*/ #sidebar_content .detail_translator .right_content #google_translate_element{overflow:hidden;} #sidebar_content .detail_translator .right_content select{width:100% !important; max-width:100%!important;font-size:24px;padding:6px;} #sidebar_content .detail_translator .right_content img{width:auto !important;} /*quick links */ #sidebar_content .detail_quicklinks select{width:100%!important;text-transform:none;} #sidebar_content .detail_quicklinks .right_content div div div a{display:inline-block;width:100%;padding:0.5em 0 ;} /*upcoming events */ #sidebar_content .dateBox{font-size:1.125em; line-height:1.2em; color:rgb();font-family:'Roboto',sans-serif; } #sidebar_content .dateBox{margin:0.5em 0 0;padding:0; display:inline-block;} #sidebar_content .dateBox:first-child{margin:0;} #sidebar_content .upcoming_events_top{margin-top:0;background:none;padding-top:0;border:none;} #sidebar_content .upcoming_events_time{display:inline-block;width:100%;font-size:1em; line-height:1.1em; font-weight:400;color:rgb(); } #sidebar_content .upcoming_events_event{padding:0 0 0.5em;} #sidebar_content .upcoming_events_title a{font-family:'Arvo',serif;color:rgb();padding:0;text-decoration:none; font-size:1.125em; font-weight:400;} #sidebar_content .upcoming_events_title a:hover{text-decoration:none;color:rgb();} #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 li{padding:0 0 1em 0;margin:0 0 1em 0; display:inline-block; width:100%;border-bottom: 1px solid rgb();} #sidebar_content .detail_rightnews ul li.news_slide,#sidebar_content .detail_rightnews ul li.news_slide li:first-child{padding-top:0} #sidebar_content .detail_rightnews ul li.news_slide{border:0!important;} #sidebar_content .detail_rightnews a.right_news_style, #sidebar_content .detail_rightnews ul li a{font-family:'Arvo',serif;font-size:1.125em;color:rgb(); padding:0;font-weight:400;text-decoration:none; line-height:1.25em; } #sidebar_content .detail_rightnews a.right_news_style{color:rgb();} #sidebar_content .detail_rightnews a.right_news_style:hover{text-decoration:none;color:rgb();} /*slideshow */ #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;} /*detail_announcements*/ .detail_announcements2 p{margin:0;padding:0;} #sidebar_content .detail_announcements2r p{margin:0;padding:0;overflow:hidden;} #sidebar_content .detail_announcements2r img{max-width:100% !important; padding:0.25em 0;} #sidebar_content .detail_announcements2r h4{font-size:1.125em;color:rgb();font-weight:400;text-decoration:none;padding:0 0 0.75em;margin:0;border:none;width:100%;line-height:1.25em;font-family:'Arvo',serif;text-transform:none;} #sidebar_content .detail_announcements2r h4 a{color:rgb(); text-decoration:none; font-weight:500;} #sidebar_content .detail_announcements2r h4 a:hover{color:rgb() !important;text-decoration:none;} #sidebar_content .detail_announcements2r a{color:rgb();text-decoration:none;} #sidebar_content .detail_announcements2r a:hover{color:rgb();text-decoration:underline;} #sidebar_content .detail_announcements2r ul li{padding-bottom:0.5em;} /* calendar links */ table.minical{width:100%;border-spacing:0;border-collapse:collapse;} .minical_wrapper{width:100%;margin:0 auto;} .minical_wrapper table tr td table{margin-bottom:1em;} .minical_wrapper table tr, .minical_wrapper table tr td{vertical-align:middle !important;} .minical_wrapper .headerbg td a{display:block;} .minical_wrapper .headerbg td:first-child, .minical_wrapper .headerbg td:first-child + td + td, .minical_wrapper .headerbg td:first-child + td{width:auto !important;} .minical_wrapper .headerbg td:first-child a,.minical_wrapper .headerbg td:first-child + td + td a span{font-size:1em; color:rgb();} .minical_wrapper .headerbg td:first-child a:hover,.minical_wrapper .headerbg td:first-child + td + td a:hover, .minical_wrapper .headerbg td:first-child:hover a,.minical_wrapper .headerbg td:first-child + td + td:hover a span{color:rgb(); text-decoration:none;} .minical_wrapper .headerbg td:first-child + td + td a{width:1.2em;} .minical_wrapper .headerbg td:first-child a{ text-align:left; float:left;} .minical_wrapper .headerbg .headerlink span.title{display:none;} .minical_wrapper .headerbg .headertext{color:rgb();font-weight:700;font-size:1.25em;font-family:'Arvo',serif;} .minical_wrapper .header2bg .header2text{padding:0;color:rgb();border-bottom: 1px solid rgb();font-family:'Roboto',sans-serif;font-weight:400;text-align:center;} .minical_wrapper tr.header2bg td{background-color:transparent;} .minical_wrapper .alternatebg1{background-color:transparent;} .minical_wrapper .alternatebg1, .minical_wrapper .alternatebg2, .minical_wrapper td.headerbg{padding:0; line-height:2.75em;} .minical_wrapper .detail_minical{padding-bottom:0;} .minical_wrapper .alternatebg1, .minical_wrapper .alternatebg2{color:rgb();} .minical_wrapper a.callink{color:rgb()!important; text-decoration:underline!important; font-weight:700!important;} .minical_wrapper a.callink:hover{color:rgb() !important;text-decoration:underline;} .minical_wrapper td.headerbg{background:rgb();color:rgb();border-radius:8px;-webkit-border-radius:8px;} .minical_wrapper td.headerbg .headerlink{color:rgb(); !important;text-decoration:none !important;font-weight:700;} .minical_wrapper td.headerbg .headerlink:hover{text-decoration:underline !important;} #sidebar_content .detail_minical .right_content h4{padding:0.5em 0;margin:0.5em 0;font-weight:normal;border:none;} #sidebar_content .detail_minical ul{list-style-type:none;padding:0 0 0.21em 0;margin:0; width:100%;} #sidebar_content .detail_minical ul li{padding:0 0.36em 0.75em 0.36em;margin:0;} #sidebar_content .detail_minical ul li:first-child{padding-top:0;} #sidebar_content .detail_minical ul li:last-child{padding-bottom:0;background:none;} /*detail Calendar */ .middle_when_no_right_side_bar .detail_calendar{margin-left:0;display:block;} .middle_when_no_right_side_bar .detail_calendar form div{float:right;padding:0;overflow:hidden;top:0;position:relative;} .detail_calendar form select{ background: rgb(); font-size:0.9em; padding:0;margin:0 10px 0 0; text-decoration:none;} .detail_calendar .headertext select,.detail_calendar .headertext input{font-size:0.7em!important;height:auto!important;width:auto!important;} .detail_calendar div table, .detail_member_directory table{border:none;color:rgb();} .detail_calendar div table table{border:none;} .detail_calendar div div table table{border:none;} .detail_calendar table td, .detail_member_directory table td{padding-right:0;background:rgb();} .detail_calendar form table td{background:none;} .detail_calendar form table table.calMonthShell td{background:rgb();} .detail_calendar form table table.calMonthShell table.calTopBannerShell td{font-size:0.75em;} .detail_calendar form table table.calMonthShell td.headertext{background:rgb();} .detail_calendar table.caltblShell td,.detail_calendar table.caltblutil td,.detail_calendar table.calTopBannerShell td{background:none;} .detail_calendar .headerbg, .detail_member_directory .headerbg{background-color:rgb();line-height:3.3em;} .faculty .detail_calendar .headerbg{border-bottom:4px solid rgb();} .detail_calendar .headerbg a.headerlink{color:rgb();font-size:0.66em;text-transform:capitalize;text-decoration:none;font-weight:500;} .detail_calendar .headerbg a.headerlink span.title{font-size:1em; display:table-caption; padding:0 0 0 1em;margin-bottom:-6px;text-transform:uppercase;font-weight:500;} .detail_calendar .headerbg a.headerlink span.icon{color:rgb(); font-size:1.4em;} .detail_calendar .headerbg a.headerlink:hover{color:rgb(241,248,251);} .detail_calendar .headerbg a.headerlink:hover span.icon{color:rgb(241,248,251);} .detail_calendar .headerbg td:first-child + td + td a.headerlink span.title{padding:0 1em 0 0;margin-bottom:-6px;} .detail_calendar div table table tr.headerbg td{vertical-align:middle;} .detail_calendar .headerbg .calBottomBannerShell td:first-child, .detail_calendar .headerbg td:first-child td:first-child{padding-left:1.5%;vertical-align:middle;} .detail_calendar .headerbg td:first-child + td + td, .detail_calendar .headerbg .calBottomBannerShell td:first-child + td + td{padding-right:1.5%;vertical-align:middle;} .faculty .detail_calendar .headerbg .calBottomBannerShell td:first-child, .faculty .detail_calendar .headerbg td:first-child td:first-child, .faculty .detail_calendar .headerbg td:first-child + td + td, .faculty .detail_calendar .headerbg .calBottomBannerShell td:first-child + td + td,.miniCalShell .headerbg{background:rgb();} .detail_calendar .borderstyle{border:none;} .detail_calendar .headerbg .calBottomBannerShell td{padding:0.5em 0!important; vertical-align:middle;} .detail_calendar .headerbg a.headerlink:hover{color:rgb() !important;} .detail_calendar .headerbg .headertext,.miniCalShell .headerbg{color:rgb();font-weight:normal;font-size:1.35em;letter-spacing:0.15em;font-weight:700;padding:0; line-height:2.33em; font-family: 'Arvo', serif;text-transform:uppercase;} .detail_calendar .calYearShell .headerbg .headertext{font-size:1em;} .detail_calendar a.callink{color:rgb();font-weight:400;font-size:0.8em !important;line-height:1.125em;display:inline-block;padding:0; text-decoration:none; } .detail_calendar a.callink:hover{color:rgb() !important; text-decoration:underline;font-weight:600;} .detail_calendar table td.today_highlight,.today_highlight{background:rgba(,0.8) !important;font-weight:400;color:rgb()!important;} .detail_member_directory table td{padding-right:10px;} .detail_calendar .headerbg td td{vertical-align:middle;} .detail_calendar div table table tr.headerbg table.calBottomBannerShell td{background: rgb();} .detail_calendar .headerbg table.calBottomBannerShell a.headerlink{color:rgb()!important;} .detail_calendar .headerbg table.calBottomBannerShell a.headerlink span.icon{color:rgb()!important;} .detail_calendar .headerbg table.calBottomBannerShell a.headerlink:hover{color:rgb(241,248,251)!important;} .detail_calendar .headerbg table.calBottomBannerShell a.headerlink:hover span.icon{color:rgb(241,248,251)!important;} /* these override some of the above detail calendar classes */ .detail_calendar div table table{background:transparent;} .detail_calendar div table table table{background:none;margin-bottom:0.7em;} .detail_calendar div table table tr td .headerlink{color:rgb() !important;text-decoration:none;border:none; font-size:0.65em; font-weight:400;} .detail_calendar div table table{border: none;border-collapse:collapse;} .detail_calendar div .headerbg table{margin:0;} .detail_calendar div table table td{border:2px solid rgb(239,239,239);} .detail_calendar div table table.calListCat td{border:none;padding:0.25em 0;} .detail_calendar div table table tr.headerbg:first-child{border:none; line-height:36px;} .detail_calendar div table table tr.headerbg td, .detail_calendar table.calTopBanner td, .detail_calendar table td.headerbg table{background-color:rgb();margin:0;padding:0; border-bottom:1px solid rgb();} .faculty .detail_calendar table.calTopBanner td{border:none;} .detail_calendar table.calTopBanner tr td{vertical-align:top;} .detail_calendar div table table tr.headerbg:last-child td{padding:0; border:none;} .detail_calendar div table table tr.headerbg:last-child td.headertext{display:none;} .detail_calendar table.calTopBannerShell{border-color:rgb()!important;} .detail_calendar div table table tr.header2bg td, .detail_calendar table.calTopBannerShell tr.header2bg td, .detail_calendar table.calListShell tr.header2bg td{height:1.7em;background-color:rgb();padding:0;color:rgb()!important;text-align:left;text-transform:uppercase;border-color:rgb(); padding-left:8px; font-size:1em!important;} .detail_calendar div table table tr.header2bg td.header2text,.miniCalShell .header2bg td.header2text{color:rgb();font-weight:400;text-align:left;padding-left:8px;border:none;text-transform:uppercase;background-color:rgb(); font-size:1em;} .detail_calendar div table table td table td, .detail_calendar table.calTopBannerShell table, .detail_calendar table.calListShell table{padding:0.5em;margin:0px;border:none;} .faculty .detail_calendar table.calListShell table{padding:0;} .faculty .detail_calendar table.calListShell table td{padding:0.5em 0;} .detail_calendar table.calTopBannerShell table.calTopBanner{padding:0;} .detail_calendar div table table table td{font-size:1em;color:rgb();} .detail_calendar div table table table.calTopBanner td, .detail_calendar form table table.calMonthShell table.calTopBannerShell .headerbg td{font-size:1em;} .detail_calendar table.calListShell table.calListCat{font-size:1em;} .detail_calendar .headerbg .calBottomBannerShell a.headerlink{padding:0 0.88em;font-size:0.66em;} .detail_calendar .headerbg .calBottomBannerShell a.headerlink span.title, .detail_calendar .headerbg .calBottomBannerShell td:first-child + td + td a.headerlink span.title{padding-top:0;} .detail_calendar table.calListShell .calBottomBannerShell, .detail_calendar table.calListShell .calBottomBannerShell td{background:color:rgb();color:rgb();} .detail_calendar table.calListShell .headerbg .headertext{color:rgb();} .detail_calendar table.calListShell .calBottomBannerShell td{padding:0!important;} /*calendar list view */ .detail_calendar div table td.headerbg table tr td{border:none !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%;} /* Alternating row background colors */ .alternatebg1{background-color:transparent;} .alternatebg2{background-color:transparent;} .detail_calendar table .alternatebg1 td {background:rgb(,0.05);} .detail_calendar table .alternatebg2 td {background:rgb(,0.15);} .footer_top{background-color:transparent;} /*fac list*/ .detail_facultylist tr.headerbg{background-color:rgb() !important;color:rgb();} .detail_facultylist tr.headerbg .headertext, .detail_facultylist tr.headerbg a.headerlink{color:rgb() !important;} .detail_facultylist tr.headerbg a.headerlink:hover{color:rgb() !important;} .detail_facultylist tr.alternatebg1{background-color:background:rgb(,0.05); !important;} .detail_facultylist tr.alternatebg2{background-color:background:rgb(,0.15) !important;} .detail_facultylist td{padding:0!important;} .detail_facultylist td img{max-width:inherit;min-width:100px; margin: 0 0.5em 1em 0;} .detail_facultylist td strong{color: rgb();font-family: 'Arvo';font-weight: normal;font-size: 1.4em;} .detail_facultylist table table table{font-size:0.8em;} .detail_facultylist .alternatebg1 td img,.detail_facultylist .alternatebg2 td img{padding:0.5em;} .detail_facultylist .alternatebg1 td strong,.detail_facultylist .alternatebg2 td strong{font-size:1.1em;} .detail_facultylist .alternatebg1,.detail_facultylist .alternatebg2{font-size:85%;} /*links*/ .detail_links img{min-width:125px; margin-right:0.75em;} /*claendar new classes */ /* .calInnerShell{background:rgb();} */ .caltblTools,.caltblCat,.caltblCat td, .caltblTools td{text-align:left !important;margin-left:0px !important;text-transform:capitalize;} .caltblTools td:first-child, .caltblCat td:first-child{width:42px;} table.calDayShell .headerbg, table.calYearShell .headerbg{background:rgb() !important;} table.calDayShell .headerbg td table, table.calDayShell .headerbg td table td, table.calYearShell .headerbg td table, table.calYearShell .headerbg td table td, table.calListShell .headerbg td table, table.calListShell .headerbg td table td{border:none !important;background-color:rgb() !important;padding:0.75em 0} .middle_when_no_right_side_bar table.calDayShell .headerbg td table, .middle_when_right_side_bar table.calDayShell .headerbg td table{width:100% !important;} table.calDayShell, table.calDayShell .caltblDate, table.calDayShell .caltblDate td, table.calYearShell, table.calYearShell .caltblDate, table.calYearShell .caltblDate td, table.calListShell, table.calListShell .caltblDate, table.calListShell .caltblDate td{border:none !important;padding:0.75em 0;} /*table.calMonthShell .caltblDate td{padding:0px 0px 9px 0px;}*/ table.calYearShell .header2bg .header2text{color:rgb() !important;background-color:rgb();padding:0.42em;font-weight:400;} table.calYearShell .header2bg:first-child + .header2bg .header2text{border:none !important;} table.calYearShell .caltblDate div{border:none !important;} table.calListShell .alternatebg2 td, table.calListShell .alternatebg1 td{border:none !important;} table.calListShell .alternatebg1 td{background:rgb()!important;} table.calListShell .alternatebg2 td a, table.calListShell .alternatebg1 td a, .miniCalShell a{ text-decoration:none;color:rgb();} table.calListShell .alternatebg2 td a:hover, table.calListShell .alternatebg1 td a:hover, .miniCalShell a:hover{color:rgb()!important; text-decoration:underline;} table.calListShelL .today_highlight, .today_highlight table tr td{border:none !important;display:block;} /*homework*/ .detail_homework{width:91.4%;padding:0 4.3%} .detail_homework div table table .headerbg{background:rgb();} .detail_homework div table table .headerbg td{color:rgb();line-height:3.25em;} .detail_homework div table table .headerbg td.headertext{font-family: 'Roboto', sans-serif;font-weight:700;letter-spacing:1px;text-transform:uppercase;} .detail_homework div table table .headerbg td a{color:rgb();font-size:0.83em; font-weight:400;} .detail_homework div table table .header2bg{background:();border-color:();color:rgb();font-size:0.83em;text-transform:uppercase; line-height:1.5em;} .detail_homework div table table .header2bg td{color:rgb();} .detail_homework div table table tr.alternatebg1,.detail_homework div table table tr.alternatebg2{background:rgb();} /*lunch_menu*/ .detail_lunchmenu table tr.headerbg{background:rgb();} .detail_lunchmenu table tr.headerbg .headertext{color:rgb();} .detail_lunchmenu table tr.headerbg a{color:rgb();} .detail_lunchmenu table tr.headerbg a:hover{text-decoration:none;color:rgba(,0.7);} .detail_lunchmenu table tr.header2bg{background:rgb();} .detail_lunchmenu table tr.header2bg .header2text{color:rgb();border:none;text-align:left;padding-left:8px;text-transform:uppercase;} .detail_lunchmenu .headerbg a.headerlink{color:rgb();font-size:0.65em;text-transform:capitalize;text-decoration:none;font-weight:600;text-transform:uppercase;} .detail_lunchmenu .headerbg a.headerlink span.title{font-size:1em; display:table-caption; padding:8px 0 0 1em;margin-bottom:-8px;} .detail_lunchmenu .headerbg a.headerlink span.icon{color:rgb(); font-size:1.4em;} .detail_lunchmenu .headerbg a.headerlink:hover{color:rgb()!important;} .detail_lunchmenu .headerbg a.headerlink:hover span.icon{color:rgb();} .detail_lunchmenu .headerbg td:first-child + td + td a.headerlink span.title{padding:8px 1em 0 0;margin-bottom:-8px;} .detail_lunchmenu td{line-height:1.15em;} .detail_lunchmenu label,.detail_lunchmenu select,.detail_lunchmenu input{font-size:90%;} .detail_lunchmenu .borderstyle table{width:100%;} /*gse*/ .gsc-result .gs-title{height:auto!important;} .gsc-control-cse, .gsc-control-cse .gsc-table-result{font-family: 'Roboto', sans-serif;!important; font-size:1em!important;} .gsc-control-cse{font-family: 'Roboto', 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;} /*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 p {padding-bottom:0.25em!important;} /***HOME PAGE***/ section#home{margin:0;padding:0;width:100%;display:inline-block;position:relative;background:rgb();} section.main h1#title{display:none;} section#home article{width: 100%; position: relative; float:left;display:inline-block;} /*Slide Show*/ #mainSlide {float:left;padding:0;z-index:2;background: rgb();float:left;display:inline-block;margin-bottom:-1px;color:rgb();} #mainSlide .slide {float:left; width: 100%; position: relative;overflow:hidden;background-color:rgb();color:rgb();} #mainSlide .slide.video img { opacity:0; } #mainSlide .slide iframe { width: 100%; height: 100%; position:absolute; left:0; top:0; z-index:1; } #mainSlide .main-slider { width: 100%; position: relative; float:left;} #mainSlide .slide .slickImg{float:left;width:100%;height:100%;position:relative;display:inline-block;float:left;background-size:cover!important;background-position:center center!important;} #mainSlide .slide img { width: 100%; z-index:0;min-height:100%;float:left;} #mainSlide .text { z-index:1; position:absolute; left:0; bottom:0;padding:1em 5%;width:90%;text-align:left;padding:1em 5%;} #mainSlide .text:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;z-index:-1;background:rgba(,0.8);} #mainSlide .text h2 { margin:0 auto; display:block;font-family:'Roboto',serif;text-transform:none;position:relative;font-size:1.6em;line-height: 1.2em;color:rgb(); position: relative;width:60%;padding-right:40%;display:inline-block;text-align:left; font-weight:300;} #mainSlide .button{margin: 1.25em 0 0 0;border-color:rgb();color:rgb();} #mainSlide .button:hover,#mainSlide .slide:hover .button{border-color:rgb();background-color:rgb();} #mainSlide .itemImg{position:absolute;width:100%;height:100%;display:inline-block;left:0;top:0;z-index:2;color:rgb();} #mainSlide .slick-arrow{position:absolute;top:48%;font-size:1.5em;left:5%;color:rgb();background:none;border:none;cursor:pointer;z-index:99;} #mainSlide .slick-arrow:hover,#mainSlide .slick-arrow:focus{color:rgb();} #mainSlide .slick-arrow.slick-next{left:auto;right:5%;} .button {margin: 0; font-size: 0.8em;line-height: 1.25em; padding: 0.75em 3%; display: inline-block; vertical-align: top; color: rgb(); background:transparent; border: 1px solid rgb();border-radius:0.45em;-webkit-border-radius:0.45em;font-weight:700; text-transform:uppercase; -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;color:rgb();} .button:hover,.button:focus { text-decoration:none; background:rgb();border-color:rgb(); color:rgb()!important; } #updates{background:url(www.portage.k12.wi.us/custom/images/homepage/asset_update_bg.png) right bottom no-repeat;background-size:auto 100%;border-top: 0.35em solid rgb();border-bottom:0.35em solid rgb();padding:2.5em 0; -webkit-box-shadow: inset 0 2px 3px 0px rgba(,0.4);box-shadow: inset 0 2px 3px 0px rgba(,0.4);} #happenings{position:relative;width:43.75%;float:left;display:inline-block;} #updates h2{font-family: 'Arvo', serif;text-align: center;font-size:1.6em;line-height:1em;font-weight: 700;margin-bottom:0.8em;color:rgb();text-transform:none;} #updates h2:before, #updates h2:after{content:'';width:20%;position:absolute;left:0;top:50%;height:3px;background:rgb();} #updates h2:after{left:auto;right:0;} .annSlider{width:100%;display:inline-block;position:relative;} .annSlider .item{width:100%;display:inline-block;position:relative;} .annSlider .annImg{position:relative;width: calc(100% - 21px);height:auto;background-color:rgb()!important;background-size:cover!important;background-position:center center !important;border-radius:0.5em;-webkit-border-radius:0.5em; -webkit-box-shadow: 10px 10px 10px 0 rgba(,0.4);box-shadow: 10px 10px 10px 0 rgba(,0.4);margin-left:1px;margin-bottom:1.7em;} .annSlider .annImg:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;background:url(www.portage.k12.wi.us/custom/images/homepage/asset_ann_overlay.png) left bottom no-repeat;background-size:auto 100%; border-radius:0.5em;-webkit-border-radius:0.5em;} .annSlider .annImg.defaultImg:before{display:none;} .annSlider h3{color:rgb();width:100%;} .annSlider .slick-arrow{font-size:1.18em;z-index:5;border:none;position:absolute;left:-0.5em;; top:30%;background:rgb();color:rgb();padding:0.4em 0.4em 0.4em 0.7em; line-height:0.8em; -webkit-box-shadow: 1px 1px 2px 0 rgba(,0.4); box-shadow: 1px 1px 2px 0 rgba(,0.4);text-align:right;cursor:pointer;} .annSlider .slick-arrow:hover{background:rgb();color:rgb();} .annSlider .slick-arrow.slick-next{left:auto; right:0.5em;padding-left:0.4em;padding-right:0.75em;} .annSlider .item p{font-size:0.85em;padding:0; line-height:1.8em;} .annSlider .item p span.icon{font-size:0.8em;margin-left:0.5em;} .annSlider .item p a:hover{text-decoration:none;} .annSet{width:100%;display:inline-block;position:relative;float:left;margin-bottom:1.5em;} .annSet .item{width:100%;display:inline-block;position:relative;float:left;margin-bottom:1.5em;} .annSet .itemImg{width:5.8em;height:5.8em;background-size:cover!important;background-color:rgb()!important;display:inline-block;float:left;margin-right:5%;position:relative;border-radius:0.5em;-webkit-border-radius:0.5em;} .annSet .itemImg .itemLink{position:absolute;width:90%;padding:0 5%;height:100%;text-align:center;background:transparent;color:rgb();} .annSet .itemImg .itemLink:hover,.annSet .itemImg .itemLink:focus{text-decoration:none;font-weight:900;} .annSet .itemImg .itemLink span.title{height:0;overflow:hidden;display:block; font-size:1.5em;width:100%;top:50%;transform: translateY(50%);-webkit-transform: translateY(50%);} .annSet .itemImg:hover .itemLink,.annSet .itemImg:focus .itemLink{background:rgba(,0.75);border-radius:0.5em;-webkit-border-radius:0.5em;} .annSet .itemImg:hover .itemLink span.title,.annSet .itemImg:focus .itemLink span.title{height:auto;} .annSet .text{width:100%;display:inline-block;position:relative;float:left;} .annSet .text.wImg{width: calc(95% - 5.8em);} .annSet .text h3{color:rgb();font-size:1.1em;font-family:'Roboto',sans-serif;font-weight:700;padding-bottom:0.5em;} .annSet .text h3 a{color:rgb();} .annSet .text h3 a:hover,.annSet .text h3 a:focus{color:rgb();text-decoration:none;} .annSet .text p{color:rgb();line-height:1.3em;font-size:0.9em;} #editor{background:rgb();color:rgb();} #editor a{color:rgb();} #editor .left{width:90%;display:inline-block;padding:3.5em 5%;background:url(www.portage.k12.wi.us/custom/images/homepage/asset_text_bg.png) left bottom no-repeat;background-size:cover;} #editor .left.wRight{width:40%} #editor .right{position:absolute;top:0;right:0;height:100%;width:50%;background-size:cover!important;} #editor h2{width:100%;padding-bottom:0.5em;font-weight:400;color:rgb();font-size:2.9em;line-height:1em;} #editor h2 span.light{font-weight:300;color:rgb();} #editor p{color:rgb();font-size:0.9em;line-height:1.7em;} #editor .button{border-color:rgb();} #editor .button:hover{border-color:rgb()} #videoEditor{background:rgba(,0.25);} #videoEditor .right{width:90%;display:inline-block;padding:3.5em 5%;} #videoEditor .right.wLeft{width:25%;position:absolute;top:0;right:0;height:100%;} #videoEditor .left{position:absolute;top:0;left:0;height:100%;width:65%;background-size:cover!important;} #videoEditor .left.wVideo,#videoEditor .left.wImg{position:relative;height:auto;top:auto;left:auto;} #videoEditor .left.wVideo{position:relative;height:auto;top:auto;left:auto;height:auto!important;} #videoEditor h2{font-family:'Arvo',serif;width:100%;padding-bottom:0.5em;font-weight:700;color:rgb();font-size:2em;line-height:1em;} #videoEditor h2 span.light{font-weight:300;color:rgb();} #videoEditor h2 span.heavy{font-weight:700;color:rgb();} #videoEditor p{font-size:0.9em;line-height:1.7em;} #videoEditor .video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;} #videoEditor .video-container iframe, #videoEditor .video-container object, #videoEditor .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} /*events-bar*/ #events {width:43.75%;float:right;display:inline-block;position:relative;} #events .eventSlider {position:relative; list-style: none; overflow: hidden; padding:0; margin: 0 0 1.5em; text-align:left;display:inline-block;width:100%;} #events .eventSet { padding:0; width:100%; display: inline-block; vertical-align: top; position: relative; transition: ease-in 0.4s; -webkit-transition: ease-in 0.4s; } #events .eventItem{padding:0;margin:0 0 1.2em;width:100%;position:relative;display:inline-block;} #events .eventSet .eventItem:last-child{margin:0;} #events .eventItem .date{width:17.5%;float:left;position:absolute;left:0;} #events .eventItem .date h3{display:inline-block;font-size:1.72em;color:rgb();font-weight:700;line-height:0.75em;padding-top:0.25em;} #events .eventItem .date span{display:block;} #events .eventItem .date span.mon{font-size:0.45em;color:rgb();text-transform:uppercase;font-weight:400;letter-spacing:0.2em;} #events .eventItem .content{width:82.5%;float:right;min-height:2.5em;} #events .eventItem .content h4{font-style:normal;font-size:1.1em;line-height:1.1em;padding:0.15em 0 0;} #events .eventItem .content h4 a{font-weight:700;} #events .eventItem .content h4 a.eventCancelled{text-decoration:line-through;} #events .eventItem .content span.time, #events .eventItem .content span.location{display:block;font-weight:400;font-size:0.8em;color:rgb();line-height:1em;} .eventNav{display:inline-block;position:relative;float:right;} .eventNav .slick-arrow{font-size:1.6em;line-height:1em;padding:0.4em 0.5em;background:transparent;color:rgb();cursor:pointer;border:none;} .eventNav .slick-arrow:hover{color:rgb();} .eventNav .slick-arrow.slick-next{padding-right:0;} .eventNav .slick-arrow.slick-prev{padding-left:0;} #mashup .left,#mashup .right{display:inline-block;width:50%;position:relative;float:right;} #mashup .left{position:absolute;top:0;left:0;height:100%} #mashup .announcement{position:relative;width:100%;height:70%;display:inline-block;float:left;background:rgb();} #mashup .announcement:before{content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;} #mashup .annImg{display:inline-block;width:50%;position:relative;float:left;height:100%;background-size:cover!important;float:left;} #mashup .annText{text-align:center;padding:0 4%;width:92%;display:inline-block;vertical-align:middle;} #mashup .annText.wImg{width:42%;} #mashup .annText h2{color:rgb();font-family: 'Arvo', serif;font-weight:700;font-size:1.25em;padding:0 0 0.5em;} #mashup .annText p{color:rgb();font-size:0.85em;} #mashup .annText .button{color:rgb();border-color:rgb();background:transparent;} #mashup .annText .button:hover,#mashup .annText .button:focus{background-color:rgb();} #mashup .buttons{width:100%; display:inline-block;position:relative;height:30%;float:left;} #mashup .buttons ul{display:inline-block;margin:0;padding:0;position:relative;width:100%;height:100%;} #mashup .buttons ul li{text-align:center;width:50%;display:inline-block;position:absolute;left:0;top:0;height:100%;background:rgb();color:rgb();background-size:auto 100%!important;background-repeat:no-repeat!important;} #mashup .buttons ul li:last-child{left:auto;right:0;background:rgb();} #mashup .buttons ul li a{position:relative;height:100%;width:100%;text-align:center;color:rgb();display:inline-block;} #mashup .buttons ul li a:hover,#mashup .buttons ul li a:focus{text-decoration:none;} #mashup .buttons ul li a:before{content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;} #mashup .buttons ul li .button, #mashup .feedPosts ul li a.fullpost{display:inline-block;color:rgb();border-color:rgb();position: relative;display: inline-block;vertical-align: middle;width: auto;max-width:80%;text-align: center;padding:0.75em 8%;} #mashup .buttons ul li.btn-icon-news{background-image:url(../images/mashup-icons/news.png);} #mashup .buttons ul li.btn-icon-announcement{background-image:url(../images/mashup-icons/announcement.png);} #mashup .buttons ul li.btn-icon-calendar{background-image:url(../images/mashup-icons/calendar.png);} #mashup .buttons ul li.btn-icon-camera{background-image:url(../images/mashup-icons/camera.png);} #mashup .buttons ul li.btn-icon-facebook{background-image:url(../images/mashup-icons/facebook.png);} #mashup .buttons ul li.btn-icon-family{background-image:url(../images/mashup-icons/family.png);} #mashup .buttons ul li.btn-icon-information{background-image:url(../images/mashup-icons/information.png);} #mashup .buttons ul li.btn-icon-instagram{background-image:url(../images/mashup-icons/instagram.png);} #mashup .buttons ul li.btn-icon-lunch{background-image:url(../images/mashup-icons/lunch.png);} #mashup .buttons ul li.btn-icon-music{background-image:url(../images/mashup-icons/music.png);} #mashup .buttons ul li.btn-icon-pencil{background-image:url(../images/mashup-icons/pencil.png);} #mashup .buttons ul li.btn-icon-pulse{background-image:url(../images/mashup-icons/pulse.png);} #mashup .buttons ul li.btn-icon-shoe{background-image:url(../images/mashup-icons/shoe.png);} #mashup .buttons ul li.btn-icon-schedule{background-image:url(../images/mashup-icons/schedule.png);} #mashup .buttons ul li.btn-icon-twitter{background-image:url(../images/mashup-icons/twitter.png);} #mashup .buttons ul li.btn-icon-covid{background-image:url(../images/mashup-icons/covid.png);} #mashup .right .top{width:100%;display:inline-block;position:relative;background:rgb();color:rgb();background-repeat:no-repeat!important;background-position:4.5% center!important;} #mashup .right .top.tw{background-image:url(../images/mashup-icons/twitter.png);background-size:auto 90%;} #mashup .right .top.fb{background-image:url(../images/mashup-icons/facebook.png);background-size:auto 90%;} #mashup .right .top.insta{background-image:url(../images/mashup-icons/instagram.png);background-size:auto 90%;} #mashup .right .top.txt{background-image:url(../images/mashup-icons/information.png);background-size:auto 100%;} #mashup .right .top .socialPost:last-child{display:none;} #mashup .right .top.txt .socialPost:last-child{display:inline-block;} #mashup .right .top .socialPost span.icon{display:none;} #mashup .right .top .socialPost .image{display:none;} #mashup .right .socialPost{width:84%;padding:1em 8%;display:inline-block;position:relative;} #mashup .right .socialPost h2{font-family:'Arvo',serif;font-size:1.1em;color:rgb();width:70%;} #mashup .right .socialPost p {font-size:0.9em;float:left;color:rgb();padding-bottom:0;width:70%;} #mashup .right .socialPost p a{color:rgb();} #mashup .right .socialPost p a:hover,#mashup .right .socialPost p a:focus{color:rgba(,0.8);} #mashup .right .socialPost p.details, #mashup .right .socialPost p.fbDetails{font-size:0.8em;font-family:'Arvo',serif;} #mashup .right .socialPost .button{float:right;width:20%;text-align:center;color:rgb();border-color:rgb();} #mashup .right .socialPost .button:hover, #mashup .right .socialPost .button:focus{background:rgb();} #mashup .right .bottom{width:100%;display:inline-block;position:relative;height:50%;float:left;background:rgb();} #mashup .right .bottom .socialPost{width:42%;padding:3.5em 4% 1em;height:calc(100% - 5.5em);text-align:center;} #mashup .right .bottom .socialPost p{width:100%;text-align:center;padding-bottom:1em;} #mashup .right .bottom .socialPost span.icon{position:absolute;top:1em;left:10%;font-size:1.5em;} #mashup .right .bottom .socialPost:first-child{display:inline-block;position:relative;float:left;background:rgb();color:rgb();} #mashup .right .bottom .socialPost:first-child .button:hover, #mashup .right .bottom .socialPost:first-child .button:focus{background:rgb();} #mashup .right .bottom .socialPost:last-child{display:inline-block;position:relative;float:right;background:rgb();color:rgb();} #mashup .right .bottom .socialPost .button{float:none;width:auto;} #mashup .right .bottom:before{content:'';position:absolute;left:0;top:0;width:50%;height:100%;z-index:0;background:rgb();} /**Social Feed Integration**/ #mashup .feedPosts{width:100%;dipslay:inline-block;float:left;position:relative;} #mashup .feedPosts ul{margin:0; padding:0; list-style:none; width:100%;dipslay:inline-block;float:left;position:relative;} #mashup .feedPosts ul li{width:40%; display:inline-block; float:left; position:relative; padding:2.5em 5% 4.5em; text-align:center;} #mashup .feedPosts ul li:first-child{background:rgb();} #mashup .feedPosts ul li:last-child{background:rgb();} #mashup .feedPosts ul li .image{display:inline-block; width:60%;float:left;} #mashup .feedPosts ul li .image{width:100%!important;} #mashup .feedPosts ul li .text{width:100%!important;} #mashup .feedPosts ul li .text p,#mashup .feedPosts ul li .text .fbDetails{width:100%!important;padding:1em 0; color:rgb();} #mashup .feedPosts ul li .text .fbDetails{font-size:80%;} #mashup .feedPosts ul li a.fullpost{position:absolute; bottom:1.5em; left:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); color:rgb();font-size:0.65em; padding:0.25em 1em; border:1px solid rgb(); border-radius:0.5em;} #mashup .feedPosts ul li a.fullpost span.fa{display:none;} #mashup .feedPosts ul li a.fullpost:hover, #mashup .feedPosts ul li a.fullpost:focus, #mashup .feedPosts ul li a.fullpost:active{background:rgb();color:rgb(); text-decoration:none;} #mashup .feedPosts span.icon{position:absolute; top:0.5em; left:0.5em; color:rgb();z-index:3; font-size:1.5em;} #mashup .feedPosts span.icon.last{left:calc(50% + 0.5em);} /* * CSS Styles to overwrite the bxSlider Defaults */ .bx-wrapper{margin:0 0 1em!important;} .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:0!important;bottom:-5.5em!important;top:auto!important;padding:0!important;width:100%!important;text-align:right!important;} .bx-wrapper .bx-pager.bx-default-pager a{text-indent:9999px!important;border-radius:50%!important;background:rgb()!important;color:rgb()!important;border:none;width:1em!important;height:1em!important;margin:0 0.35em!important;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:rgb()!important;color:rgb()!important;} ul.bxslider{margin:0!important; padding:0!important;} ul.bxslider ul li{width:100%;} /**Media Queries*/ @media only screen and (max-width:2600px){ html{font-size:150%;} } @media only screen and (max-width:2200px){ html{font-size:143.75%;} } @media only screen and (max-width:2000px){ html{ font-size:137.5%;} } @media only screen and (max-width:1800px){ html{ font-size:125%;} } @media only screen and (max-width:1600px){ #additionalLogo{width:35%;} } @media only screen and (max-width:1325px){ #additionalLogo{width:40%;} #updates h2:before, #updates h2:after{width:15%;} .annSlider h3{font-size:1em;} } @media only screen and (max-width:1280px){ #mainSlide .text h2{width:80%;padding:0;} #editor .left.wRight{width:50%;} #editor .right{width:40%;} #videoEditor .left{width:50%} #videoEditor .right.wLeft{width:40%;padding:2em 5%;} } @media only screen and (max-width:1200px){ #schoolName{font-size:0.7em;} #updates h2{font-size:1.4em;} } @media only screen and (max-width:1100px){ html{font-size:118.75%;} } @media only screen and (max-width:1024px){ html,body{width:auto!important;overflow-x:hidden!important} section.main.w-left:before, section.main.w-left:after{display:none;} #sidebar_content{width:40%;margin:0 2.5%;} .leftNav{width:100%;} #sidebar{margin:0; padding:0;} .middleColumn{width:100%;margin-top:1.5em;} .middle_when_right_side_bar,.no-left .middle_when_right_side_bar{width:55%;} .middle_when_right_side_bar, .middle_when_no_right_side_bar{padding:1em 3.8% 2.5em!important;} .main_body_size{display:block;} .right_per_detail{display:inline-block; width:100%; position:relative;} section.main{background-size:80% auto;} .footerLeft .footerLogo img{width:70%;} #additionalLogo{width:45%;} footer{overflow:hidden;width:100%;} h1#pageTitle, section.main .titletext{padding: 1em 5% 0.8em;font-size:2em;} #headerLeft{width:28%;} .fixed #headerLeft{width:auto;height:2.5em;} .fixed #headerLeft #logo{width:auto;height:100%} ul.utilityNav{margin:0;} .schools ul.utilityNav li.socialLink,.schools ul.utilityNav li.utilityLink{display:none;} ul.utilityNav li.quickLink,ul.utilityNav li#searchIcon{display:inline-block!important;} #panel1 ul.utilityNav li.socialLink,#panel1 ul.utilityNav li.utilityLink{display:inline-block;} #panel1 ul.utilityNav{display:inline-block;} #schoolName{font-size:0.9em;} #mainSlide .text h2{width:100%;font-size:1.2em;} #editor .left.wRight{width:40%;} #editor .right{width:50%;} #editor h2{font-size:2.25em;} #editor p{font-size:0.8em;} #videoEditor .left{width:100%;min-height:} #videoEditor .right.wLeft{width:90%;padding:2em 5%;position:relative;right:auto;top:auto;} #mashup .left{width:100%;position:relative;height:80vh} #mashup .right{width:100%;} } @media only screen and (max-width:950px){ html{font-size:112.5%;} #happenings,#events{width:100%;} #happenings{margin-bottom:2em;} #updates h2{font-size:2em;} #updates h2:before, #updates h2:after{width:25%;} .annSlider{width:70%;margin:0 auto;} .annSlider h3{font-size:1.5em;} } @media only screen and (max-width:850px){ #headerLeft{width:32%;} header.landing-page{position:relative;} header.landing-page.fixed{position:fixed;} header.landing-page.fixed.wEmergency #banner.landing-page{height:auto!important;margin-top:0;} .footerLeft{margin-right:5%;width:35%;} .footerLeft .footerLogo img{width:100%} .footerMid{width:35%;} #updates h2{font-size:1.6em;} #updates h2:before, #updates h2:after{width:20%;} .annSlider h3{font-size:1.3em;} #editor h2{font-size:1.8em;} #editor p{font-size:0.7em;} .schoolName{margin-left:15%;} #additionalLogo{width:70%;} h1#pageTitle, section.main .titletext{padding-top:1.5em;font-size:1.5em;} } @media only screen and (max-width:740px){ .wLeft .middle_when_right_side_bar .calInnerShell,.calMonthShell{font-size:80%;} .calListShell{font-size:70%;} #headerLeft{width:40%;} #translate{width:150%;left:80%;} } @media only screen and (max-width:680px){ html{font-size:100%;} .middle_when_right_side_bar, .middle_when_no_right_side_bar, .middle_when_right_side_bar, .no-left .middle_when_right_side_bar{width:100%;} #sidebar_content{width:90%;margin:0 5%;} .detail_padding .figure{width:auto!important;} #sidebar_content .right_content{font-size:1em;} #sidebar_content h3{font-size:1.5em;} .detail_padding{width:90%;padding:0 2.5%;} section.main{background-size:75% auto;} header.landing-page{position:relative;} header.landing-page.fixed{position:fixed;} #banner.landing-page{margin:0;} .detail_facultylist{font-size:80%;} #headerLeft{top:2.5em;} .schoolName{margin-left:2%;} h1#pageTitle, section.main .titletext{font-size:1.45em;} #mainSlide .text{position:relative;left:auto;bottom:auto;padding-top:0.5em;height:auto;display:inline-block;background: rgb();} #mainSlide .text:after{display:none;} #mainSlide .button{width: calc(94% - 2px);text-align:center;} #mashup .left{height:auto;float:left;} #mashup .announcement{height:auto;position:relative;} #mashup .annImg{position:relative;height:60vh;width:100%;} #mashup .annText.wImg{width:92%;padding:1em 4%;} #mashup .buttons{height:auto;float:left;} #mashup .buttons ul{height:auto;float:left;} #mashup .buttons ul li,#mashup .buttons ul li:last-child{float:left;left:auto;top:auto;position:relative;} #mashup .buttons ul li a{padding:2.5em 0;} #mashup .feedPosts ul li{width:90%;} #mashup .feedPosts span.icon.last{top:auto; bottom:1em; left:0.5em;} } @media only screen and (max-width:620px){ .footerLeft,.footerRight,.footerMid{width:100%;margin:0.5em 0;text-align:center;} .footerLeft .footerLogo{width:70%;margin:0 auto;display:block;} .footerLeft ul li:last-child{margin-right:0;} .footerMid ul.address h2{font-size:1.25em;margin-bottom:0.5em;} ul.address li span{width:auto;display:inline-block;float:none;padding-right:0.5em;} ul#footerBtns{text-align:center;} ul#footerBtns li{float:none;width:24.8%;} #additionalLogo{text-align:center;width:100%;} #credit{width:100%;margin:0 0 1em;} #credit a{display:block; width:100%; padding:0.75em 0;} #CMS4SchoolsLogo{width:20%;} #translate{position:relative;left:auto;bottom:auto;margin:1em 0;padding:1em 5%;width:90%;} #editor .left.wRight{width:90%;} #editor .right{width:100%;height:35vh;position:relative;right:auto;top:auto;} #editor h2{font-size:2.5em;} #editor p{font-size:0.9em;} } @media only screen and (max-width:600px){ .detail_facultylist{font-size:60%;} .annSlider{width:90%;} #headerLeft{width:48%;} h1#pageTitle, section.main .titletext{font-size:1.3em;} } @media only screen and (max-width:550px){ .wLeft .middle_when_right_side_bar .calInnerShell,.calMonthShell{font-size:70%;} .calListShell{font-size:60%;} } @media only screen and (max-width:480px){ #banner.landing-page h1#pageTitle, #banner.landing-page section.main .titletext{position:relative;left:auto;bottom:auto;} #banner.landing-page h1#pageTitle{background:transparent;} h1#pageTitle, section.main .titletext{font-size:1.5em;} #mainSlide .text h2{font-size:1em;} .footerLeft .footerLogo{width:80%;} ul#footerBtns li{float:none;width:auto;padding:0;margin:0 0.5em;} ul#footerBtns li a{text-align:center;width:auto;} ul#footerBtns li a span.title{width:1px;height:1px;text-indent:-9999px;} .search input[type="submit"]{width:1.5em;height:1.5em;} .search input[type="text"]{width: calc(100% - 2em);font-size:1.5em;} #headerLeft{position:relative;top:auto;left:auto; width:90%; padding:0.75em 5%;display:inline-block;text-align:center;background:rgb();} #headerLeft #logo{width:70%;} .schoolName{width:96%;margin-right:2%;font-size:1em;padding-bottom:0.7em;} .fixed #headerLeft{height:0;overflow:hidden;padding:0;} #headerTop{height:auto;text-align:center} .fixed #headerTop .schoolsNav,.fixed #headerTop ul.utilityNav{display:none!important;} ul.utilityNav{display:inline-block;vertical-align:top;float:none;} #updates h2{font-size:1.6em;} #updates h2:before, #updates h2:after{width:10%;} .annSlider{padding-bottom:2.2em;} .annSlider h3{font-size:1.1em;} .annSlider .slick-arrow{top:auto;bottom:0;right:0;left:auto;} .annSlider .slick-arrow.slick-next{right:0;} .annSlider .slick-arrow.slick-prev{right:2.5em;} #editor h2{font-size:2.25em;} #mashup .buttons ul li{width:100%;} #mashup .right .bottom .socialPost{width:92%;} #mashup .right .bottom:before{display:none;} } @media only screen and (max-width:450px){ .wLeft .middle_when_right_side_bar .calInnerShell,.calMonthShell{font-size:30%;} .calListShell{font-size:30%;} .calYearShell,.calDayShell{font-size:70%;} } @media only screen and (max-width:400px){ .annSlider h3{font-size:0.9em;} } @media only screen and (max-width:380px){ html{font-size:93.75%;} .wLeft .middle_when_right_side_bar .calInnerShell,.calMonthShell{font-size:20%;} .calListShell{font-size:30%;} .calYearShell,.calDayShell{font-size:50%;} .detail_facultylist{font-size:30%;} .detail_facultylist td img{max-width:25px;min-width:25px;} #headerLeft #logo{width:70%;} #updates h2:before, #updates h2:after{width:20%;} #updates h2:before{display:none;} #updates h2{text-align:left;} #editor h2{font-size:2em;} } @media only screen and (max-width:320px){ #updates h2{font-size:1.2em;} #updates h2:before, #updates h2:after{width:25%;} #editor h2{font-size:1.75em;} } @media only screen and (max-width:300px){ #headerLeft #logo{width:80%;} } @media print { html{font-size:100%;} #ada-tools,#headerLeft,#headerBtm,ul.utilityNav,.leftNav,footer,#banner .imageDip,section.main.w-left:after{display:none!important;} .middleColumn{width:100%;padding:0;} .schoolName{margin-left:0;color:rgb();} h1#pageTitle, section.main .titletext, #banner.landing-page h1#pageTitle{text-align:left;padding:1em 0 0.5em; font-size:1.2em;background:none;color:rgb();position:relative;bottom:auto;left:auto;} .detail_lunchmenu{font-size:80%;} }