* {-webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; } html,body{height:100%;} body{margin:0;padding:0;background:#ffffff;font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-weight:400;font-size:112.5%;line-height:1.6em;color:#000000; overflow-x:hidden; -webkit-text-size-adjust:none; text-size-adjust:none;} table,td,tr{font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-size:1em;line-height:1.6em;color:#000000;-webkit-border-radius:0;border-radius: 0;-ms-border-radius:0; } input,textarea,select{font-size:1em;line-height:1.6em;font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; } button{font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-size:1em;line-height:1.6em;} img,div.figure{border:none; max-width:100%; height:auto;} input{-webkit-border-radius:0; border-radius: 0;} a,a:link {text-decoration:none;color:#662C91; 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:#662C91;} a:hover, a:focus{text-decoration:underline;color:#000000;} .main_body_size a:hover,.main_body_size a:focus,.main_body_size a:active{font-weight:700;} #googleTranslate a{text-decoration:none;} .accessible{display:none;} .accessible:focus{display:inline-block;} .sr-only{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(35,31,32,0);border: 0;} .sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0;overflow: visible;clip: auto;} .tabbing:-moz-focusring {border-left: 0.1em solid rgb(#00A2BB) !important; outline:0;} .tabbing:focus {border-left: 0.1em solid rgb(#00A2BB) !important; } /*custom button*/ .detail_textgraphic a strong,.detail_textgraphic strong a, .detail_content_editor strong a, .detail_righttext a strong,.detail_righttext strong a, .detail_social_media_feed .cmsFacebookFeed .text a, .button,.faculty-profile-button, .detail_iform input[type="submit"], .detail_iform input[type="reset"]{font-size: 0.8em!important;font-family: "Bai Jamjuree",sans-serif!important; line-height: 1em; font-weight: 700!important; display: inline-block;vertical-align: top; background: #662C91; color:#ffffff!important; letter-spacing: 0.05em; border:none; cursor: pointer;position: relative;overflow: hidden;margin:0.3em 0.35em 0.3em 0 ; padding:1.3em 2.5em; -webkit-transition: all 0.2s ease!important;-moz-transition: all 0.2s ease!important; -ms-transition: all 0.2s ease!important; -o-transition: all 0.2s ease!important; transition: all 0.2s ease;} footer .button{background: #662C91!important;} .button:hover,.button:focus,.button:active,.detail_textgraphic a:hover strong,.detail_textgraphic strong a:hover, .detail_righttext a:hover strong,.detail_righttext strong a:hover,.detail_textgraphic a:focus strong,.detail_textgraphic strong a:focus, .detail_righttext a:focus strong,.detail_righttext strong a:focus, .detail_textgraphic a:active strong,.detail_textgraphic strong a:active, .detail_righttext a:active strong,.detail_righttext strong a:active, .detail_social_media_feed .cmsFacebookFeed .text a:hover,.detail_social_media_feed .cmsFacebookFeed .text a:active,.detail_social_media_feed .cmsFacebookFeed .text a:focus, .detail_iform input[type="submit"]:hover,.detail_iform input[type="submit"]:focus,.detail_iform input[type="submit"]:active, .detail_iform input[type="reset"]:hover,.detail_iform .detail_iform input[type="reset"]:focus,.detail_iform input[type="reset"]:active{background:#00A2BB!important; text-decoration: none!important;} footer .button:hover,footer .button:focus,footer .button:active, .faculty-profile-button:hover,.faculty-profile-button:focus,.faculty-profile-button:active{background:#00A2BB!important; text-decoration: none;} a[href$=".pdf"]:after,a[href$=".psd"]:after,a[href$=".png"]:after,a[href$=".jpg"]:after,a[href$=".jpeg"]:after,a[href$=".PDF"]:after, a[href$=".doc"]:after,a[href$=".docx"]:after,a[href$=".mov"]:after,a[href$=".mp3"]:after, a[href$=".mp4"]:after,a[href$=".mpeg"]:after{font-size: 0.6em;margin:0 0.5em;} a[href$=".pdf"]:after {content: "[PDF]";} a[href$=".PDF"]:after {content: "[PDF]";} a[href$=".psd"]:after {content: "[PSD]";} a[href$=".png"]:after {content: "[PNG]";} a[href$=".jpg"]:after {content: "[JPG]";} a[href$=".jpeg"]:after {content: "[JPEG]";} a[href$=".doc"]:after {content: "[DOC]";} a[href$=".docx"]:after {content: "[DOCX]";} a[href$=".mov"]:after {content: "[MOV]";} a[href$=".mp3"]:after {content: "[MP3]";} a[href$=".mp4"]:after {content: "[MP4]";} a[href$=".mpeg"]:after {content: "[MPEG]";} h1,h2,h3,h4,h5,h6{font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; margin:0; padding:0 0 0.1em; background:transparent none; text-transform:none; font-weight:normal; line-height:1.2em; font-weight:400; letter-spacing:0em; } h1,.titletext{font-size:3em; color:#662C91; font-weight:700; font-family: 'Bai Jamjuree', sans-serif;} h2{font-size:2.3em; color:#000000; font-weight:400;} h3{font-size:1.95em; color:#58595b;font-weight:700; font-family: 'Bai Jamjuree', sans-serif;} h3.tool_heading{font-size:1.8em; line-height: 1.1em; text-transform: uppercase; color:#662C91; padding:0;width:100%;position: relative; margin:0.5em 0; } h3.tool_heading span{padding:0.35em 0.9em 0.55em 0; background: #ffffff; display: inline-block; max-width:80%;} h3.tool_heading:after{content: ''; position: absolute; top:1em; left:0; width:100%; height:1px; background:#58595b; z-index: -1;} h4{font-size:1.5em; color:#58595b; font-weight:700; font-style: italic; } h5{font-size:1.25em; color:#662C91; font-weight:700; font-family: 'Bai Jamjuree', sans-serif;} h6{font-size:1.15em;color:#220337; font-weight:700; font-style: italic;} blockquote{ position: relative; width:100%; display:inline-block; padding:2.5em 8%; margin:1em 0 1em; background: url(custom/images/interior/asset_quote_bg.png) top left no-repeat; background-size: auto 100%;} blockquote p , blockquote div{font-size: 1.22em; font-family: 'Bai Jamjuree', sans-serif; line-height: 1.5em; letter-spacing: 0; color:#662C91; padding:0; font-weight: 700; font-style: italic;} p{font-weight:400; padding:0 0 1.5em; margin:0; font-size:1em; line-height:1.5em; color:#000000; } .main_body_size ol, .main_body_size ul{display:block; margin:0 0 0.75em; overflow: hidden;} hr{border:none; background:#662C91; height:2px; margin:0 0 0.75em; } .sr-only{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(60,60,60,0);border: 0;} .sr-only-focusable:active, .sr-only-focusable:focus {position: static; width: auto; height: auto; margin: 0;overflow: visible;clip: auto;} /*search results*/ .gsc-result .gs-title{height:auto!important;} .gsc-control-cse, .gsc-control-cse .gsc-table-result{font-family: 'Muli', sans-serif!important; font-size:1em!important;} .gsc-control-cse{font-family: 'Muli', 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;} /***PAGE LAYOUT***/ .wrapper{float:left;margin:0; padding:0 5%; max-width:100%; width:100%; 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;padding:0;overflow:hidden;min-width:100%;position:relative;display:inline-block;} /****header****/ a[name="skipNav"]{width:100%!important;background:#662C91;color:#ffffff;text-align: center;display: inline-block;padding:0; font-size:1em; line-height: 1.5em; outline: #662C91; z-index: 99999; position: fixed; top:0; left:0;} .no-scroll{overflow:hidden;} header{z-index:999; position:relative; width: 100%; background: #ffffff; display:inline-block;float:left;-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.wEmergency{margin-top:1.8em;}*/ header.fixed{ position: fixed; top:0;left:0; -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; -webkit-box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.15); box-shadow: 2px 2px 3px 2px rgba(0,0,0,0.15); font-size: 80%;} header.fixed.wEmergency{top:2.8em;} #header-top {float:left; position: relative; z-index:99; width: 100%; background:#00A2BB url(custom/images/general/asset_header_bg.png) 0 0 no-repeat; background-size:cover;} .fixed #header-top{background:#00A2BB; font-size:85%;} .fixed #header-top.w-school{height:0; overflow: hidden;} #header-top:after{content:'';width:100%;height:1px;background:#2a2a2a; position: absolute; z-index: 0; left:0; bottom:-1px;} #header-top button{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; display: inline-block;background: none; border: 0; color: #ffffff;font-size: 1.33em; line-height: 1em;padding: 0.55em 0.35em 0.1em;cursor: pointer; float:right; margin-right:2.5%;} #header-top button:hover,#header-top button:focus,#header-top button:active{color:#dedede;} #header-btm {display: inline-block; width: 100%; background: #ffffff; float:left; position: relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .fixed #header-btm{font-size:85%;} #header-btm .wrapper{padding: 0 2.5%;} #header-btm .upper{width:100%;display:inline-block; float:left;padding:0.72em 0; position: relative;} #header-btm .upper.w-name{border-bottom: 1px solid #d7d7d7;} .fixed #header-btm .upper{padding:0.75em 0 0;} #header-btm .lower{width: 100%; display: inline-block; float:left;} #logo{width:25%; height:78%; display:inline-block; float:left; position: absolute; top:50%; left:2.5%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); z-index: 99;} #logo a{display: inline-block; width:100%; position: absolute; top:0; left:0; height: 100%;} #logo img{width:auto; height: 100%; float:left;} .fixed #logo{width:12%; margin:0.25em 0;} #logo h1{font-size:1em; line-height: 1em; color:#000000; position: absolute; top:50%; left:110%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); width:100%;} #logo h1 a{color:#000; font-weight:700;} #logo h1 a:hover, #logo h1 a:focus,#logo h1 a:activer{color:#662C91; font-weight:700;} .logo-mark{width:0; height:2.5em; background: url(custom/images/general/asset_logo_mark.svg) 0 0 no-repeat; background-size: auto 100%; display: inline-block; overflow:hidden; float:left; position: relative;} .logo-mark a{position: absolute; top:0;left:0; width:100%; height:100%; display: inline-block;} .fixed .logo-mark{width:5em;margin-bottom:0.25em;} main { width: 100%; float: left; } /*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:#000000 !important; max-width:100% !important;font-family: 'Muli', sans-serif!important;} #announEmergencyShell #emergencyLogo{font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; } #announEmergencyShell #emergencyLogo a{font-size:1.25em !important;font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; } #announEmergencyShell #emergencyLogo h2{ font-size:1.5em !important; font-weight:400;font-family: 'Bai Jamjuree', serif;text-transform: none!important;} #announEmergency #emergencyDescription{margin-top:0.5em !important;padding-top:1.2em !important;border-top:1px solid #ffffff;padding-bottom:0.5em !important; color:#ffffff;font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-size:1.25em!important;line-height: 1.4em!important;} #announEmergency p{color:#ffffff;font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-size:1.25em!important;} #announEmergency #emergencyDescription #emergencyTitle h2, #announEmergency #emergencyDescription #emergencyTitle a{font-family: 'Muli', sans-serif!important;font-size:1.25em!important;font-weight:800!important;text-transform:none!important;letter-spacing:1px;} #announEmergencyShell #emergencyLogo h2, #announEmergencyShell #emergencyLogo a, #announEmergencyShell #emergencyExpand a, #announEmergency #emergencyDescription{color:#ffffff!important;} #announEmergency #emergencyDescription{border-top: 0.22em solid #ffffff!important;} /***FOOTER***/ footer { width:100%; display: inline-block; position: relative; } footer:before{content:''; position: absolute; top:0; left:0; width: 100%; height: 1px; background:#58595B; z-index: 1;} #footer-top{padding:1.5em 0; margin: 0; display: inline-block; width:100%; float:left; } #footer-contact{width:45%; display: inline-block; float:left; margin-right:5%;} .footer-logo{width:55%; margin:0 0 1em;} .footer-address{width:100%; display:inline-block; float:left; position: relative;} .footer-address a{font-weight: 400; color:#000000!important;} .footer-address span.icon{font-size: 1em; line-height: 1em; float:left; margin-right: 0.25em;} .footer-address a:hover,.footer-address a:focus,.footer-address a:active{color:#662C91!important; font-style: italic;} .footer-address address{font-style: normal;font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif;} .footer-address ul{margin:1.5em 0; padding: 0; list-style: none; display: inline-block; width:100%;} .footer-address ul li{color:#000; line-height: 1em; margin:0 1em 0.5em 0; padding:0 1em 0 0; border-right: 1px solid #000; width:auto; float:left;} .footer-address ul li.custom-data-field{width:100%; margin-right:0; padding-right: 0; border:none;} .footer-address ul li:last-child{border:none; padding-right:0; margin-right: 0;} .footer-right{float:right; width:50%; display: inline-block; position: relative; z-index: 2;} .footer-right .editable-button{margin:1.5em 0 0;float:right;} #testimonial{background: #00A2BB url(custom/images/general/footer/asset_testimonial_bg.png) top right no-repeat; background-size: auto 100%; width:100%; padding: 2.25em; display: inline-block; float:left; margin-top:-4.5em;} #testimonial h2{font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-weight: 700; font-size: 1.33em; margin:0 0 1em; color:#ffffff;} #testimonial blockquote{background:none; width:100%; padding:0; margin:0;} #testimonial blockquote p{font-size: 1em; color:#ffffff; font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-weight: 400; line-height: 1.3em;} #testimonial blockquote cite{font-weight: 700; font-style: normal; padding:1.5em 0 0; color:#ffffff; display: inline-block;} #testimonial a.button{ margin: 0.5em 0 0; padding:0.7em!important; float:right;} #testimonial a.button .icon{margin:0 0 0 0.5em; line-height: 1em; font-size: 0.8em;} #testimonial a.button:hover, #testimonial a.button:active, #testimonial a.button:focus{background:#CD8212!important;} #testimonial a.button:hover .icon, #testimonial a.button:active .icon, #testimonial a.button:focus .icon{margin-left:0.85em;} .copyright-links {width:75%;padding:0;display:inline-block;list-style:none;margin:1em 0 0 0;float:left;} .copyright-links li{display:inline-block;width:auto;margin:0 0.5em 0.2em 0; padding:0 0.5em 0 0; border-right: 1px solid #000000; text-align: left; float:left; line-height: 1em;} .copyright-links li:last-child{margin-right:0; padding-right: 0; border:none;} .copyright-links li a{color:#000000; font-size:0.8em; font-weight: 400;} .copyright-links li a:hover,.copyright-links li a:focus,.copyright-links li a:active{color:#662C91; font-weight: 700;} #footer-btm{width:100%; display: inline-block; float:left; margin:1.5em 0;} #footer-btm p{color:#000000; font-size:0.9em; line-height: 1.1em; padding:0; float:left;width:75%;} #cms4schools-logo { max-width: 20%; padding:0;margin:0 auto;float:right;} #translate{display:inline-block;width:90%;text-align:center;padding:1.5em 0; position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} #translate #google_translate_element{width:100%;display:inline-block;color:rgb(60,60,60);} #translate #google_translate_element .goog-te-gadget .goog-te-combo{width:100%;font-weight:600;font-size:2.25em;padding:0.5em 0;} .goog-te-gadget,.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active{color:rgb(60,60,60)!important;} #search-modal{background:#40126b;top:0;right:0; height:100%; left:auto; width:100%;padding:0.25em 5% 0.3em 0; position: absolute;} #search-modal form{width:90%;padding:0;display: inline-block;text-align: right;float:left;} #search-modal form label{width:100%; font-size:0.9em;} #search-modal input[type="search"]{width:80%;padding:1.65em 0 0.3em;font-size:1em;margin-right:2%; border:none; background:none; color:#ffffff; border-bottom: 2px solid #fff; font-family: 'Bai Jamjuree',sans-serif;} /***INTERIOR***/ .main{position:relative;display:inline-block;float:left;width:100%;} #main-section{overflow: hidden;max-width: 100%;} .left-nav{position:relative;z-index:9;display:inline-block;float:left;width:17%;height:100%;padding-bottom:2.5em;} .middle-column{overflow:hidden;position:relative;display:inline-block;z-index:9;float:right;width:83%;padding:2em 0 4.5em;} .no-left .middle-column{width:100%;} .lastmodified{font-family: 'Bai Jamjuree', sans-serif; font-weight: 400; color:#58595b; font-size: 0.9em;} .main_body_size{width:100% !important;margin:0; position:relative;padding:0;float:left;overflow:hidden;z-index:0;} .middle_when_right_side_bar{width:66%;padding:0 3.5% 0 3.5%!important;margin:0;min-height:20em;float:left;overflow:hidden;display:inline-block;} .middle_when_no_right_side_bar{width:100%;padding:0 3.5%;margin:0;min-height:20em;position:relative;z-index:1;display:block;overflow:hidden;} .no-left .middle_when_no_right_side_bar{width:100%;padding:0 3.5%!important;} .detail_padding{padding:0 0 1em;display:inline-block;} .middle_when_right_side_bar .detail_padding, .middle_when_no_right_side_bar .detail_padding, .no_right_side_bar_right_padding .detail_padding{margin:0;display:inline-block;width:100%;position:relative;} /***Banner Image***/ #banner{width:100%;display:inline-block;float:left;position:relative;z-index:99; background: #4d216d; min-height: 17em; overflow: hidden;} #banner:after{content:''; position: absolute; width:100%; height:100%; top:0; right:0; z-index: 0; background:transparent url(custom/images/interior/asset_banner_bg.png) right top no-repeat; background-size:auto 100%;} #banner:before{content:''; position: absolute; width:100%; height:100%; top:0; left:0; z-index: 2; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );} #banner.landing-page{height:auto; min-height: auto;} #banner.landing-page .image-dip{width:71%;height:31.5vw;position:relative; float:right;overflow: hidden;background-size: cover!important; background-position: center center !important; opacity:1; z-index: 1} #banner h1{font-size:2em;padding:1em 0 1em;line-height: 1.1em; color:#ffffff;text-shadow: 1px 0 3px #2E2E2E; width:auto; text-align: left; max-width:30%; background: #662C91; position: absolute; top:50%; left:2%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 4;} #banner .page-title-circle{width:47.5%; height: 100%; position: absolute; top:0; left:0; background: url(custom/images/interior/asset_banner_circle.png) center right no-repeat; background-size: auto 150%; z-index: 3;} #banner .main-slider .slide{min-height: 31.5vw; width:100%; background-size: cover!important; background-position: top right!important;} #banner .main-slider .slide .image{position: absolute; top:0; right:0; width:100%; height:100%; background-size: cover!important; background-position: top right!important;} #banner.landing-page .page-title-circle{background-size: auto 100%;} .titletext.pagetitle_padding{width:100%;padding:0.7em 5% 1.5em;} /***Calendar***/ .detail_calendar .calSearchDiv{font-size:80%;} .detail_calendar .headerbg, .detail_member_directory .headerbg { background: #662C91;border-color:#d7d7d7;color:#ffffff;} .detail_calendar table{border-color:transparent;} .detail_calendar table table tr{border-color:#d7d7d7;} .detail_calendar .headerbg a, .detail_member_directory .headerbg a{font-family: 'Muli' , sans-serif;color:#ffffff;font-size:1em;font-weight:700; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; text-transform: uppercase;} .detail_calendar .headerbg a:hover, .detail_member_directory .headerbg a:hover{color:#a7a7a7;text-decoration:none;} .detail_calendar .headerbg a span.icon, .detail_member_directory .headerbg a span.icon{font-size:1em;padding:0 1em;} .detail_calendar .headerbg .headertext, .detail_member_directory .headerbg .headertext{font-family: 'Bai Jamjuree' , sans-serif;font-weight:700; color:#ffffff;padding:0.4em 0;font-size:1.5em;line-height:1em;} .detail_calendar .headerbg,.detail_calendar .header2bg{border-color:transparent;} .detail_calendar .header2bg{background-color:#00A2BB;border-color:#00A2BB;color:#ffffff;} .detail_calendar .header2bg .header2text{color:#ffffff;font-family: 'Muli' , sans-serif; padding: 0.5em 0.5em 0.25em;text-align:left;font-size:1em;line-height:1em;text-transform:uppercase;font-weight:900;} .detail_calendar .borderstyle {border: 1px solid rgb(239,239,239);} .detail_calendar div table table td table td{padding:0.1em 0.6em 0;font-weight:400;font-size:0.75em;} .detail_calendar div table table td table tr:first-child td{font-size:0.7em;font-weight:500;} .detail_calendar a.callink{font-size:1em;line-height:1.1em;display:inline-block;padding:0.5em 0;} .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.6em;} .detail_calendar .caltblDate{width:100%;border-bottom:2em solid #000000;} .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 #000000;} .today_highlight {background-color: rgb(250,250,250);} .detail_calendar .calListShell .alternatebg1,.detail_calendar .calListShell .alternatebg2{background:none;} /**Cal4Schools Facility Request*/ .detail_cal4s_facility_request td{width:100%!important; display: table!important; padding: 0!important; border:0!important;} .detail_cal4s_facility_request #create_account_div form table{width:100%!important;} .detail_cal4s_facility_request #create_account_div form td{text-align: left!important;} /* Alternating row background colors */ .alternatebg1{background-color:#f6f6f6;} .alternatebg2{background-color:#dcdcdc;} /*Lunch Menu*/ .detail_lunchmenu .headerbg{ background: #000000;border-color:rgb(239,239,239);color:#ffffff;} .detail_lunchmenu table{border-color:transparent;} .detail_lunchmenu table table tr{border-color:rgb(239,239,239);} .detail_lunchmenu .headerbg a{font-family: 'Muli' , sans-serif;color:#ffffff;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: 'Muli' , sans-serif;font-weight:700;text-transform:uppercase;color:#ffffff;padding:0.4em 0;font-size:1.75em;line-height:1em;} .detail_lunchmenu .headerbg,.detail_lunchmenu .header2bg{border-color:transparent;} .detail_lunchmenu .header2bg{background-color:rgb(238,236,236);border-color:rgb(238,236,236);color:rgb(60,60,60);} .detail_lunchmenu .header2bg .header2text{color:rgb(60,60,60);font-family: 'Muli' , 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); width:100%;} .detail_lunchmenu .alternatebg1,.detail_lunchmenu .alternatebg2{background:none;} .detail_lunchmenu .borderstyle table td{font-size:0.8em!important;} .detail_lunchmenu .borderstyle table td span{font-size:1em!important;} .detail_lunchmenu label{text-transform:capitalize;} /* A to Z IndeX*/ .detail_atozindex{display: flex!important; width:100%!important; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;} .detail_atozindex p,.detail_atozindex .azTop, .azlinks{flex-basis: 100%;} .detail_atozindex div{flex-basis: 30%;} .detail_atozindex .azTop{font-size:2.5em; color:#00A2BB;padding-top:1.5em!important} .azlinks{padding:0.5em;margin:0 0 2em; background:#f6f6f6;} .azlinks a{display:inline-block; padding:0 0.25em; } .detail_atozindex a{padding:0.3em 0; display: inline-block; line-height: 1.1em;} /*Faculty List*/ .detail_facultylist .headerbg{font-family: 'Bai Jamjuree',sans-serif; background-color:#00A2BB !important;color:#ffffff;font-size:1.15em;} .detail_facultylist ul.names li .info li.name{font-family: 'Bai Jamjuree',sans-serif; color:#662C91;} .detail_facultylist ul.names li .info li.title{color:#58595b; font-size: 0.95em; font-weight: 700;} .detail_facultylist ul.names li .info li .button{padding:0.8em 1em!important;} .detail_facultylist tr.headerbg .headertext, .detail_facultylist tr.headerbg a.headerlink{color:#ffffff !important;padding:0.4em 0.25em;text-transform:uppercase;font-family:'Muli',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%;} .detail_facultylist .js-table-data,.detail_facultylist .js-table-data td,.detail_facultylist .js-table-data th{border:none;} .faculty-profile-title{font-size: 1.4em; line-height: 1.1em; color: #58595b; font-weight: 700; font-family: 'Bai Jamjuree',sans-serif; padding: 0; margin: 0 0 1.2em; display: inline-block;} .faculty-profile-phone{font-size:1em; margin:0.25em 0 0.7em; display: inline-block;} .faculty-profile-label{font-weight: 700; color:#662C91; display: inline-block;} /*Announcements*/ .detail_announcements2 h4{width:100%;padding:0 0 1em 0;margin:0;font-weight:800;} .detail_announcements2 h4 a{font-weight: 800;} .detail_announcements2 .annShell{width:100%;display:inline-block;margin-bottom:1.5em;padding-bottom: 1.5em!important;border-bottom:1px solid #d7d7d7;} /*Profiles*/ .detail_profiles img{min-width:10em;} /*Photo Gallery*/ .detail_photogallery .inside_bg{border:none!important} /*Slideshow*/ .detail_rightslideshow div{width:100%!important;max-width:100%!important;} /*Message Board*/ .detail_bulletinboard table{width:100%;} .detail_bulletinboard .headerbg{background:#4d4d4d;} .detail_bulletinboard .headertext{color:#ffffff;} /*Resources/News*/ .detail_news ul{margin:0;padding:0;list-style: none; width:100%; display:inline-block;} .detail_news ul li{padding:0 0 1.5em;width:100%; display:inline-block;} .detail_news .news_style{font-size:1.25em;} /*Text Graphic*/ .detail_textgraphic .figure img{max-width:100%; height:100%; width:auto;} /***Responsive Embeds***/ .video-wrapper{width:50%;} .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%;} /***IForms***/ .detail_iform p{line-height: 1.4em!important;} .detail_iform .iform-details{margin-bottom: 12px!important;} .detail_iform .iform-text, .detail_iform .iform-text-box, .detail_iform .iform-text-area, .detail_iform .iform-radio, .detail_iform .iform-checkbox, .detail_iform .iform-drop{margin:0 0 1em 0;} .detail_iform .iform-text strong, .detail_iform .iform-label{line-height:1.2em;font-size:1.15em; font-weight: 700;} .detail_iform .iform-text strong em, .detail_iform .iform-label em{font-weight: 400; font-size:0.8em;} .detail_iform .iform-label, .detail_iform .iform-input-label-radio, .detail_iform .iform-input-label-checkbox{line-height: 1.1em;} .detail_iform .iform-input-radio, .detail_iform .iform-input-checkbox{margin-top:0.3em;} /*Links*/ .detail_links img{min-width:125px;} .detail_links a{font-size:1.1em;} /**Expand/Collapse**/ .detail_expand_collapse .expand_collapse_shell{width:100%; display: inline-block; float:left; margin-bottom:1.5em;} .expand_collapse_pm{-webkit-border-radius:50%; border-radius: 50%; position: relative;background:#58595b;color:#ffffff; width:2em!important; height:2em; margin-right:1.5em;} .expand_collapse_pm.expand_collapse_minus{background:#662C91; color:#000000;} .expand_collapse_pm a{color:#ffffff!important; display:inline-block; font-size:1.2em!important;position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .expand_collapse_pm a:hover,.expand_collapse_pm a:focus,.expand_collapse_pm a:active{color:#ffffff;} .expand_collapse_minus a{color:#000000!important;} .expand_collapse_initial{margin-bottom:1.5em;} /**Site Map**/ .detail_sitemap .headerbg{font-family: 'Bai Jamjuree',sans-serif; font-size:1.3em; line-height: 1em; color:#000; margin: 0.5em 0!important;border-bottom: 2px solid #adadad;} .detail_sitemap .headerbg a{color:#000;} .detail_sitemap a{padding:0.4em 0!important;display: inline-block;} /**Services**/ .detail_servicesdb table table{margin-bottom: 1.5em;} .detail_servicesdb table table tr:first-child a{font-size:1.25em; font-family: 'Bai Jamjuree',sans-serif; display: inline-block; padding:0 0 0.25em;} .detail_servicesdb table table table a {font-size:0.8em!important; padding:1.3em 2.5em!important;} /***Profiles***/ .detail_profiles table{width:100%;} .detail_profiles table table{margin:0 0 1.5em; padding:0 0 2em; border-bottom: 0.22em solid #662C91;} .detail_profiles table table table{margin:0; padding:0; border-bottom:none;} .detail_profiles table table tr:first-child td{font-size:1.8em; color:#4d4d4d;} .detail_profiles table table table,.detail_profiles table table table td{border: 1px solid rgb(227,227,227);} .detail_profiles table table table thead{background: #662C91; color:#000000; text-align: center;} .detail_profiles table table table tr:first-child td{font-size:1em; color:#000000;} /***right side***/ #sidebar_content{width:27%;margin:0 3%;padding:0;position:relative;z-index:0;float:right;display:inline-block;} #sidebar_content .right_per_detail{width:100%;margin:0 0 2em;padding:0;display:inline-block;position:relative;} #sidebar_content .right_hr_top{display:none;} #sidebar_content h3.tool_heading{font-size:1.333em; line-height: 1.1em; background:#662C91 url(custom/images/interior/asset_h3r_bg.png) top right no-repeat; background-size: auto 100%; color:#ffffff; text-transform: uppercase; padding:0.9em 5%; font-weight: 700; margin:0;} #sidebar_content h3.tool_heading span{background:none; padding:0; max-width: 100%;} #sidebar_content h3.tool_heading:after{display: none;} #sidebar_content h4{font-size:1.25em;} #sidebar_content h5{font-size:1.1em;} #sidebar_content h6{font-size:1em;} #sidebar_content .right_per_detail .right_content{ background: #f6f6f6; font-size:90%;width:100%;padding:1.15em 5%;overflow:hidden;display:inline-block;position:relative;border:1px solid #b7b7b7;} #sidebar_content .right_per_detail .righttext_per_photo img{width:100%;} #sidebar_content .right_per_detail blockquote p, #sidebar_content .right_per_detail blockquote div{font-size:1em;} #sidebar_content .right_per_detail p:last-child{padding-bottom:0px;} #sidebar_content .right_hr_bottom hr, #sidebar_content .right_hr_top hr{display:none;} #sidebar_content .right_hr_bottom{display:none;} /*translator*/ #sidebar_content .detail_translator .right_content{display:none;} /*quick links */ #sidebar_content .detail_quicklinks{text-transform:capitalize;font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-weight:400;color:rgb(60,60,60);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-family:'Montserrat',sans-serif; font-weight:600;font-size:1.25em;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: 'Montserrat' , sans-serif;font-size:1.25em;font-weight:500;line-height:1.1em;} #sidebar_content .upcoming_events_time{font-size:1em;display:inline-block;width:100%;float:left;overflow:hidden;} #sidebar_content .upcoming_events_event{padding:0.25em 5% 0.75em;width:100%!important;font-size:1.1em;line-height:1.05em;} #sidebar_content .upcoming_events_event a{} #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 #ccc; } #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{text-transform:capitalize;font-size:1.35em;margin-bottom:0.5em;display:inline-block;width:100%;font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; text-decoration:none;font-weight:700;} /*detail_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: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-size:1.4em;font-style:normal;margin:1em 0 0;padding:0 0 0.25em;font-weight:700;text-decoration:none;line-height:1.1em; text-transform:capitalize;} #sidebar_content .detail_announcements2r h4:first-child{padding-top:0;background:none;margin-top:0;border:none;} #sidebar_content .detail_announcements2r h4 a{text-transform:capitalize;} #sidebar_content .detail_announcements2r h4 a:hover{text-decoration:none; } #sidebar_content .detail_announcements2r a{text-decoration:none;} #sidebar_content .detail_announcements2r a:hover{text-decoration:underline; } #sidebar_content .detail_announcements2r ul.bxslider ul li{margin:0 0 1.5em;} #sidebar_content .detail_announcements2r img{max-width:100%!important;margin:0 0 1em!important;} /*slideshow */ #sidebar_content .detail_rightslideshow .right_content{padding-top:15px;height:auto;} /* calendar links */ .detail_minical h4{font-family: 'Montserrat',sans-serif;color:rgb(60,60,60);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:600;} 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.2em;text-transform: capitalize;font-family: 'Montserrat',sans-serif;font-weight:600;color:rgb(60,60,60);padding:0;} .minical_wrapper .header2bg .header2text{font-size:0.8em;padding:0.8em 0 0.46em 0;color:rgb(60,60,60);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(60,60,60);} .minical_wrapper .alternatebg2{height:30px;padding:0;color:rgb(60,60,60);width:2.5em; } .minical_wrapper td.headerbg{color:rgb(60,60,60);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(60,60,60) !important;font-weight:normal !important;font-size:1em;font-family: 'Muli' , sans-serif;text-align:center;} .minical_wrapper .callink{color:#000000 !important;} .minical_wrapper .callink:hover{color:rgb(60,60,60) !important;text-decoration:none !important; } .minical_wrapper td.headerbg{height:2em;width:2.5em;background:rgb(60,60,60);color:#ffffff;font-size:1em;} .minical_wrapper td.headerbg .headerlink{color:#ffffff !important;font-weight:normal !important;} .minical_wrapper td.headerbg .headerlink:hover{color:#ffffff !important;font-weight:normal !important; opacity:0.8;} .minical_wrapper .alternatebg1, .minical_wrapper .alternatebg2{background-color:transparent;} .redtext{color:#662C91;font-weight:800;} .colorsquare{display:none;} /***LANDING PAGES***/ .home-row{width:100%;display:inline-block;float:left;position:relative;overflow:hidden;} /*Fixed Button*/ #fixed-btn{position: fixed; right:2em; top:60%; -webkit-transform: translate(0,50%) rotate(90deg); -ms-transform: translate(0,50%) rotate(90deg); transform: translate(0,50%) rotate(90deg); z-index: 4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 0.3s ease-in-out; height:0;width:0; overflow: hidden; display: inline-block; transform-origin: bottom right; z-index:9999;} #fixed-btn.fixed{height:auto; width:auto; overflow: visible;} #fixed-btn a{position: relative; background:#40126b; font-family: 'Bai Jamjuree', sans-serif; font-size:0.9em; line-height: 1em; color:#ffffff; font-weight: 700; padding:0.6em 1em; -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; -webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1); box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.1);} #fixed-btn a .icon{margin-right:0.5em; line-height: 0; font-size: 0.9em; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: inline-block;} #fixed-btn a:hover,#fixed-btn a:focus,#fixed-btn 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); background:#CD8212;} #fixed-btn a:hover .icon,#fixed-btn a:focus .icon,#fixed-btn a:active .icon{ -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);transform: rotate(360deg);} /*Entrance Slider*/ #slideshow{background: rgb(81,35,115); background: -moz-linear-gradient(top, rgba(81,35,115,1) 0%, rgba(75,33,107,1) 100%); background: -webkit-linear-gradient(top, rgba(81,35,115,1) 0%,rgba(75,33,107,1) 100%); background: linear-gradient(to bottom, rgba(81,35,115,1) 0%,rgba(75,33,107,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#512373', endColorstr='#4b216b',GradientType=0 ); overflow: visible;} #slideshow:before{content:''; position: absolute; top:0; left:0; width:100%; height:100%; z-index: 0; background-image: url(custom/images/homepage/asset_slider_bg.png); background-position: left top; background-repeat: no-repeat; background-size:auto 100%;} .main-slider{width:100%;display:inline-block;position:relative;float:left;} .main-slider .slick-list{overflow:visible!important;} .main-slider .slide{min-height: 38vw; padding:4em 0;} .main-slider .slide-image{position: absolute; top:0; right:7.5%; width:40vw; height:0; overflow: hidden; background-size: cover!important; display: inline-block; -webkit-transition: height 0.7s ease-in-out; -moz-transition: height 0.7s ease-in-out; -ms-transition: height 0.7s ease-in-out; -o-transition: height 0.7s ease-in-out; transition: height 0.7s ease-in-out;} .main-slider .slick-active .slide-image.w-video{ height:auto!important;margin-top:2em;} .main-slider .slick-active .slide-image{height:41.2vw; -webkit-box-shadow: 10px 10px 32px 0 rgba(0,0,0,0.23); box-shadow: 10px 10px 32px 0 rgba(0,0,0,0.23);} .main-slider .slide-image a{color:#ffffff; position:absolute; left:0;top:0; width:100%; height:100%;} .main-slider .slide-text{position:relative; display: inline-block; width:calc(100% - 45vw); height:0; overflow: hidden; opacity:1!important; -webkit-transition: height 0.7s ease-in-out; -moz-transition: height 0.7s ease-in-out; -ms-transition: height 0.7s ease-in-out; -o-transition: height 0.7s ease-in-out; transition: height 0.7s ease-in-out;} .main-slider .slick-active .slide-text{ height:auto; padding: 5em 0 0;} .main-slider .slide-text h2{font-family: 'Bai Jamjuree', sans-serif;font-weight:700;color:#ffffff;font-size:3em;padding-bottom:0.25em; width:100%} .main-slider .slide-text p{color:#ffffff; padding:0; width:100%; font-size: 1.5em; line-height:1.3em;} .main-slider .slide-text a.button{margin-top:2.5em; margin-right:1.2em; color:#ffffff!important; background:#CD8212!important;} .main-slider .slide-text a.button:hover, .main-slider .slide-text a.button:focus, .main-slider .slide-text a.button:active{background:#00A2BB!important;} #main-arrows{position: absolute; bottom:1.4em; left:5%; display: inline-block; } #main-arrows .slick-arrow{display: inline-block; float:left; font-size:1.15em; line-height: 1em; color:#ffffff; background:none; border:none;padding:0;} #main-arrows .slick-prev{margin-right:0.5em;} #main-arrows .slick-next{margin-left:0.5em;} .white-popup{width:80%; margin:0 auto;} /*Centers of Excellence*/ #centers{padding:0 0 3.5em;} #centers-welcome{padding:2em 0 1em; width:44%; display:block;} #centers-welcome h2{font-family: 'Bai Jamjuree', sans-serif;color:#000000; font-weight:700; font-size:3.1em; line-height: 1.1em;} #centers-welcome p{padding:0;font-size:1.1em; line-height: 1.4em;} #centers-nav{display:flex; flex-flow: row wrap; justify-content: space-between; align-content: space-between;} #centers-icons,#centers-buttons{position:relative; margin:0; padding:0; list-style:none; flex-basis:50%; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start;} #centers-nav.no-welcome{padding-top:8.5em; z-index: 9;} #centers-buttons{flex-basis: 48%;margin-top:1em;} #centers-buttons li{flex-basis: 48%; position: relative;z-index: 99;} #centers-buttons li a{font-family:'Bai Jamjuree',sans-serif; -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; font-size:0.88em; font-weight:700; letter-spacing: 0.05em;width:100%; display: inline-block; padding:1em 5%; text-align: center; line-height: 1.1em; border: 1px solid #000000; color:#000000; -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.1); box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.1); min-height:4.2em; margin:0 0 1.25em; position: relative; background:transparent; z-index: 1;} #centers-buttons li a:hover, #centers-buttons li a:focus, #centers-buttons li a:active, #centers-buttons li a.on{color:#ffffff; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);z-index: 99;} #centers-buttons li a span{position: absolute; top:50%; left:50%; width:90%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} #curriculum-coaching-btn:hover, #curriculum-coaching-btn:focus, #curriculum-coaching-btn:active,#curriculum-coaching-btn.on{background:#A1228E; border-color: #A1228E;} #language-culture-btn:hover, #language-culture-btn:focus, #language-culture-btn:active,#language-culture-btn.on{background:#014051; border-color: #014051;} #strategic-innovation-for-learning-btn:hover, #strategic-innovation-for-learning-btn:focus, #strategic-innovation-for-learning-btn:active,#strategic-innovation-for-learning-btn.on{background:#237B3C; border-color:#237B3C;} #specialized-services-staffing-btn:hover, #specialized-services-staffing-btn:focus, #specialized-services-staffing-btn:active,#specialized-services-staffing-btn.on{border-color:#00A3BA; background:#00A3BA;} #systems-for-inclusive-learning-btn:hover, #systems-for-inclusive-learning-btn:focus, #systems-for-inclusive-learning-btn:active,#systems-for-inclusive-learning-btn.on{ background:#40126B;border-color:#40126B;} #continuous-improvement-data-analysis-btn:hover, #continuous-improvement-data-analysis-btn:focus, #continuous-improvement-data-analysis-btn:active,#continuous-improvement-data-analysis-btn.on{border-color:#662D91; background:#662D91;} #behavior-mental-health-btn:hover, #behavior-mental-health-btn:focus, #behavior-mental-health-btn:active,#behavior-mental-health-btn.on{border-color:#869E36; background:#869E36;} #licensing-evaluation-support-btn:hover, #licensing-evaluation-support-btn:focus, #licensing-evaluation-support-btn:active,#licensing-evaluation-support-btn.on{border-color:rgb(182,104,40); background:rgb(182,104,40);} #centers-icons{justify-content: flex-start;} #centers-icons li{position: relative; display:inline-block; z-index: 0;} #centers-icons li.on{z-index: 999;} #centers-icons li.centers-circle a{z-index:1; color:#000; position:relative; display:inline-block; margin:0 2em 0.5em 0; } #centers-icons .centers-circle .icon-circle{z-index:0; width:7em; height:7em; background:#662C91; color:#ffffff; display: inline-block; -webkit-border-radius:50%; border-radius: 50%; position:relative;-webkit-box-shadow: 10px 10px 32px 0 rgba(0,0,0,0.15); box-shadow: 10px 10px 32px 0 rgba(0,0,0,0.15); text-align: center; -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; } #centers-icons .centers-circle .icon-circle .icon-center{ position: absolute; top:50%; left:50%; width:90%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size:4.5em;} #centers-icons .centers-circle .center-label{font-family:'Bai Jamjuree', sans-serif; font-weight:700; width:100%; padding:0 7.5%; height:0; overflow: hidden; display:block; text-align: center; font-size:0.65em; line-height:1.2em;} #centers-icons .centers-circle .center-label .icon-arrow-right{display: block; font-size: 0.7em; margin-top:0.75em;} #centers-icons li.centers-circle a:hover, #centers-icons li.centers-circle a:focus, #centers-icons li.centers-circle a:active, #centers-icons li.centers-circle a.on{z-index: 9;} #centers-icons li.centers-circle a:hover .icon-circle, #centers-icons li.centers-circle a:focus .icon-circle, #centers-icons li.centers-circle a:active .icon-circle, #centers-icons li.centers-circle a.on .icon-circle{z-index:1; border: 0.1em solid rgba(255,255,255,0.3); -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-transform: scale(1.8); -webkit-transform: scale(1.8); -o-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8);} #centers-icons li.centers-circle a:hover .icon-circle .icon-center, #centers-icons li.centers-circle a:focus .icon-circle .icon-center, #centers-icons li.centers-circle a:active .icon-circle .icon-center, #centers-icons li.centers-circle a.on .icon-circle .icon-center{ line-height:0;position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform:none; transform: none; font-size: 2em; padding-top: 0.3em;display: inline-block;} #centers-icons li.centers-circle a:hover .icon-circle .center-label, #centers-icons li.centers-circle a:focus .icon-circle .center-label, #centers-icons li.centers-circle a:active .icon-circle .center-label, #centers-icons li.centers-circle a.on .icon-circle .center-label{height:auto;} #curriculum-coaching-circle .icon-circle{background:#A1228E!important;} #language-culture-circle .icon-circle{background:#014051!important;} #strategic-innovation-for-learning-circle .icon-circle{background:#237B3C!important;} #specialized-services-staffing-circle .icon-circle{background:#00A3BA!important;} #systems-for-inclusive-learning-circle .icon-circle{ background:#40126B!important;} #continuous-improvement-data-analysis-circle .icon-circle{background:#662D91!important;} #behavior-mental-health-circle .icon-circle{background:#869E36!important;} #licensing-evaluation-support-circle .icon-circle{background:rgb(182,104,40)!important;} #centers-icons #additional-btn{flex-basis: 100%; margin-top:2em;} #centers-icons #additional-btn a{color:#000000; font-size: 1em; line-height: 1em; display: inline-block; font-family:'Bai Jamjuree', sans-serif; font-weight:7400;} #centers-icons #additional-btn .icon-circle{z-index:0; width:2.5em; height:2.5em; background:#147A84; color:#ffffff; display: inline-block; float:left; -webkit-border-radius:50%; border-radius: 50%; position:relative; text-align: center; -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; } #centers-icons #additional-btn .icon-circle .icon{position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);line-height: 0em; float:left;} #centers-icons #additional-btn .title{ position: absolute; top:50%; left: 3.5em; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); display: inline-block; letter-spacing: 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; } #centers-icons #additional-btn a:hover, #centers-icons #additional-btn a:focus, #centers-icons #additional-btn a:active, #centers-icons #additional-btn a.on{-moz-transform: scale(1.1); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); text-decoration: none;} #centers-icons #additional-btn a:hover .title, #centers-icons #additional-btn a:focus .title, #centers-icons #additional-btn a:active .title{width:500%;} /*Events*/ #events{padding:3.5em 0; margin: 0; background:#f5f5f5; text-align:center;} .secondary-landing #events{background:#ebebeb;} #events h2.landing{font-size:2.1em; line-height: 1.1em; width: 40%; margin: 0 1.5% 0.75em;; text-align: left; display:block; vertical-align: top; padding:0 0 0.5em; border-bottom: 1px solid #000000;} #events-featured,#events-secondary{width:40%;margin:0 1.5%; text-align: left; display: inline-block; vertical-align: top; float:left;} #events-secondary{width:48%;text-align: center; float:right; margin:0;} #events-secondary.no-featured{width:100%;} .secondary-landing #events-secondary{text-align:right;} #events-featured.no-secondary{width:100%; margin:0;} #events-featured .image{width:100%; margin:0 0 1.5em; display:inline-block;-webkit-box-shadow: 3px 2px 8px 0 rgba(0,0,0,0.2); box-shadow: 3px 2px 8px 0 rgba(0,0,0,0.2);} #events-featured.no-secondary .image{width:40%; margin-right:5%; float:left;} #events-featured .image img{width:100%;float:left;} #events-featured.no-secondary .text.wImg{margin-top:2.5em;} #events-featured h3{color:#000000; font-weight:700; font-family:'Bai Jamjuree',sans-serif; font-size:1.4em; margin-bottom: 0.2em;} #events ul{text-align:left;margin:0;padding:0;-webkit-transition: height 0.2s ease-in-out;-moz-transition: height 0.2s ease-in-out;-ms-transition: height 0.2s ease-in-out;-o-transition: height 0.2s ease-in-out;transition: height 0.2s ease-in-out;width:100%;margin:0 0 2em;list-style:none;width:100%;display: flex; flex-flow: row wrap; justify-content: space-between; align-items:stretch;} #events ul li{flex-basis:48%; padding:1em 1.5em; margin:0 0 1.5em; -webkit-box-shadow: 3px 2px 8px 0 rgba(0,0,0,0.2); box-shadow: 3px 2px 8px 0 rgba(0,0,0,0.2); background:#ffffff;} #events .no-featured ul li{flex-basis: 22%;} #events ul li h3{font-size:1.2em;line-height: 1em; color:#000000; margin:0 0 0.5em; float:left;width:100%; } #events ul li h4{font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-size:1em; font-style: normal; line-height: 1em; font-weight:400; margin:0 0 0.75em; position: relative;} #events ul li h4 .sep{display:inline-block; margin:0 0.5em 0 0.25em; border-right:1px solid #000000; height:1em;} #events ul li h5{font-size:0.95em; line-height:1em; font-weight:400; margin:0 0 1em;} #events ul li h5 .option{font-weight:700;} #events ul li .button{font-size:0.7em!important;} #events .button .icon{font-size:1.2em; display: inline-block; line-height: 1em; margin-right: 0.5em;float:left;} /*Story*/ #story{padding:3.5em 0 2.5em; overflow: visible; min-height:34vw;z-index:1; } #story.no-Img{min-height: 0;} #story .image{position: absolute; top:-1.5em; width:38vw; height: 34.8vw; left:5%;-webkit-box-shadow: 3px 2px 8px 0 rgba(0,0,0,0.2); box-shadow: 3px 2px 8px 0 rgba(0,0,0,0.2); display:inline-block;z-index:1; background-size: cover; background-position: center center;} #story .image img{width:100%;float:left;} #story .text{width:100%; margin:0;} #story .text.wImg{width:calc(95% - 38vw); margin:3.5em 0 2.5em; float:right;} #story .text h2{width:80%;font-size:2.8em;line-height:1.1em;margin:0 0 0.25em; font-family:'Bai Jamjuree',sans-serif; font-weight:700; color:#000000;} #story .text h3{font-size:1.8em;} #story .text p{font-size:0.9em;} /*Stats*/ #stats{padding:4.5em 0 3.5em; background:#662C91;z-index:0} #stats ul{margin:1em 0 0; padding:0; list-style:none; width:100%; display: flex; flex-flow:row wrap; justify-content: space-around; align-items: flex-start; align-content:stretch;} #stats .stat{flex-basis: 20%;} #stats .inner,#stats a{display:inline-block; width:100%; text-align:center; color:#ffffff;} #stats a:hover, #stas a:focus, #stats a:active{text-decoration: none;} #stats .iconImg{-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; display:inline-block; background-color:#DE9025!important; background-position: center center!important; background-size:60% auto!important; background-repeat:no-repeat!important; border:0.25em solid #ffffff; width:8.5em; height:8.5em; -webkit-border-radius:50%; border-radius: 50%; -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2); box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);} #stats .stat:hover .iconImg, #stats .stat:focus .iconImg, #stats .stat:active .iconImg{background-color:#2DB3CC!important; -moz-transform: scale(1.25); -webkit-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25);} #stats h3{width:100%; padding:0.2em 7.5%; color:#fff; line-height:1.15em; font-size:1.8em;} #stats h3 span{display:block;} #stats h3 span.stat2{font-size:0.55em; line-height:1.2em; font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-weight:400;} /***CENTERS - Entrance***/ #slideshow-center{background:#662C91; overflow: hidden; color:#FFFFFF;} #slideshow-center .main-slider{display: inline-block; position: relative;} #slideshow-center .main-slider .slide{min-height:0; height:auto; display: inline-block; padding:0;} #slideshow-center .main-slider .slide-text{position:absolute; bottom:3.5em; left:5%; width:40%;padding:0;z-index:2; } #slideshow-center .main-slider .slide-text h2{font-size:2.4em;margin:0 0 0.75em; padding:0; width:auto; display: block;width:80%;} #slideshow-center .main-slider .slide-text p{width:90%; padding:0; font-size:1.1em; line-height: 1.5em;} #slideshow-center .main-slider .slide-image{position: relative; top:auto; right:auto; width:70%; height:30vw; float:right;z-index:0;} #slideshow-center .main-slider .slide-image .slide-image-overlay{position: absolute; top:0; left:0; width:100%; height:100%; background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=1 );} .slide-text-bg{position: absolute;top:-1.5em;left:-25%; width:76vw; height:66vw; border-radius:38vw 36vw; z-index: 1; background:#662C91;} .slide-text-circle{background:#662C91; width:9em; height:9em; position: absolute; top:4em; right:6.5%; -webkit-border-radius:50%; border-radius: 50%;} .slide-text-circle .icon{font-size:5em; position: absolute; top:45%; left:55%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .slide-icon-bg{z-index:1; color:#FFFFFF; font-size:22em; opacity: 0.08; position: absolute; left:3.25%; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);} /***key statements***/ #key-statement{ text-align: center; padding:4em 0;} #key-statement .wrapper{padding:0 27.5%;} #key-statement h2{font-size:2.15em; font-weight: 700; font-family:'Bai Jamjuree',sans-serif;padding:0 0 0.83em;width:100%;} #key-statement h3{font-size:1.15em; font-weight: 700; font-family:'Bai Jamjuree',sans-serif;padding:0 0 0.83em;width:100%;} #key-statement p{line-height: 1.5em; font-size:0.9em;padding:0 0 2.4em;} /***services***/ #landing-services{background:#f5f5f5; padding:4em 0;} #services-welcome{padding:4em 0 0; width:30%; display: inline-block; float:left;} #services-welcome.no-services{padding:0; width:100%;} #services-welcome h2{font-size:2.15em; font-weight: 700; font-family:'Bai Jamjuree',sans-serif;padding:0 0 0.83em;width:100%;} #services-welcome h3{font-size:1.4em; font-weight: 700; font-family:'Bai Jamjuree',sans-serif;padding:0 0 0.83em;width:100%;} #services-welcome p{line-height: 1.5em; font-size:1em;padding:0 0 2.4em;} #services-display{width:60%;display:inline-block; position: relative; float:right;padding-top:2.5em; z-index: 3;} #services-display.no-welcome{width:100%;} #services-display .icon-circle{width:4.8em;height:4.8em; position: absolute; top:0; left:50%; color:#ffffff; background:#662C91; -webkit-border-radius:50%; border-radius:50%; -webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);z-index: 2;} #services-display .icon-circle .icon{position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:3em} #services-display ul{ min-height: 28em; background:#662C91 url("custom/images/homepage/asset_service_bg.png") right center no-repeat; background-size: auto 100%; margin:0; position: relative;padding:2em 2.5% 3.5em; width:100%; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-end; list-style: none;z-index: 0;-webkit-box-shadow: 10px 10px 32px 0 rgba(0,0,0,0.07); box-shadow: 10px 10px 32px 0 rgba(0,0,0,0.07);} #services-display ul li{flex-basis: 50%;} #services-display ul li .service-link{font-family: 'Bai Jamjuree',sans-serif; border:none;font-weight:700; font-size:1em; line-height: 1.1em; color:#FFFFFF; width:90%; display: inline-block; padding:1.3em 0 0.35em; margin:1.15em 5% 0; border-bottom: 1px solid rgb(255,255,255,0.5); position: relative; background: none; text-align: left;} #services-display ul li .service-link:hover,#services-display ul li .service-link:active,#services-display ul li .service-link:focus,#services-display ul li .service-link.open{border-bottom: 1px solid rgb(255,255,255,1); text-decoration: none; font-style: italic;} #services-display ul li .service-link span.icon{float:right; opacity: 0; margin-left:0.5em;} #services-display ul li .service-link span.title{display: inline-block; width:80%;float:left;} #services-display ul li .service-link:hover span.icon,#services-display ul li .service-link:active span.icon,#services-display ul li .service-link:focus span.icon,#services-display ul li .service-link.open span.icon{opacity: 1;} #services-display ul li .service-link.open span.icon{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} #services-display ul li .service-overlay{position: absolute; bottom:0; right:0; width:100%; height:0; overflow: hidden; 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; z-index: 3; text-align: center; background:rgba(0,0,0,0.9);} #services-display ul li .service-overlay .service-wrapper{position: absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width:90%;} #services-display ul li .service-overlay h3{font-size:1.6em; line-height: 1.15em; font-family: 'Bai Jamjuree',sans-serif; font-weight:700; color:#ffffff; padding:0 0 0.43em;} #services-display ul li .service-overlay h3,#services-display ul li .service-overlay h4,#services-display ul li .service-overlay h5,#services-display ul li .service-overlay h6,#services-display ul li .service-overlay a{color:#ffffff;} #services-display ul li .service-overlay p{color:#ffffff; font-size:0.85em; line-height: 1.5em; padding:0 0 1em;} #services-display ul li:nth-child(2n) .service-overlay{right:auto; left:0;} #services-display ul li .service-overlay.open{height:100%; padding:2em 7.5%;} #services-display ul li .service-overlay .service-close{position: absolute;top:1.2em; right: 2.5%; background:none; border:none; color:#ffffff;} /***callouts***/ #callouts{padding:4.8em 0;} #callouts h2{position: absolute; top:50%; left:5%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); padding:0; font-family: 'Bai Jamjuree',sans-serif; font-weight: 700; font-size: 2em; width:28%;} #callouts ul{float:right; display: flex; width:60%; justify-content: flex-start; flex-flow: row wrap;align-content: stretch; align-items: flex-start; margin:0; padding:0; list-style: none;} #callouts li{flex-basis: 50%; background:#58595b; color:#ffffff;} #callouts li a{display: inline-block; width:100%; float:left; color:#ffffff; z-index: 0;} #callouts li a:hover,#callouts li a:focus,#callouts li a:active{z-index: 1; text-decoration: none;} #callouts li .callout-img{display: inline-block; width:100%; float:left; height:15vw; background-size: cover!important; -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;} #callouts li .inner-border{display: inline-block; width:100%; position: absolute; top:0; left:0; height:100%; box-shadow: 0 0 0 0 transparent; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #callouts li a:hover .inner-border,#callouts li a:active .inner-border,#callouts li a:focus .inner-border{-webkit-box-shadow:inset 0 0 0 10px rgba(255,255,255,0.6); box-shadow:inset 0 0 0 10px rgba(255,255,255,0.6);} #callouts li a:hover .callout-img,#callouts li a:focus .callout-img,#callouts li a:active .callout-img{opacity: 0.09;} #callouts li .text{position: absolute; top:0; left:0; width:100%; height:100%; text-align: center;} #callouts li h3{font-size:1.15em; color:#ffffff; width:62%; position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);text-shadow: 2px 2px 8px #000000;} /***Faculty Profiles***/ #faculty-profiles{padding:5.8em 0 6.5em; background: #f5f5f5;} #staff-individual{width:80%; float:left; display: inline-block; position: relative; z-index: 2;} #staff-individual.w-group{ width:48%;} #staff-individual #staff-photo{width:33%; margin:0; padding:0; display: inline-block; z-index: 2; position: absolute; top:0; left:0;} #staff-individual.w-group #staff-photo{width:58%;z-index: -1; position: relative; top:auto; left:auto; float:none;} #staff-profile{background:#ffffff; margin:5.5em 0 0 25%; padding:1.5em 5% 1.5em 7.5%; width:70%;-webkit-box-shadow: 4px 4px 32px 0 rgba(0,0,0,0.05); box-shadow: 4px 4px 32px 0 rgba(0,0,0,0.05); float:right;z-index: 2;} .w-group #staff-profile{margin-left: 10%; width:90%; margin-top:-4em;} #staff-profile h3{font-family:'Bai Jamjuree',sans-serif; font-size:2.15em; line-height: 1em; color:#00a2bb; font-weight:700; padding:0; margin:0 0 0.55em;} #staff-profile h3 span.intro{display:block;margin-bottom:-0.25em; color:#662C91;} #staff-profile h3 span.name{display: block; margin-left:1em} #staff-profile h4{font-size:1.4em;line-height: 1.1em; color:#58595b; font-weight:700; font-family:'Bai Jamjuree',sans-serif; padding:0; margin:0 0 0.7em;} #staff-profile p{font-size: 0.9em; padding-top:0.35em;} #staff-btn{ position: absolute; bottom:0; right:5%;} #staff-groups{display: inline-block; width:100%; float:left;} #staff-groups h5{font-family: 'Bai Jamjuree',sans-serif; font-size: 1.1em; line-height: 1em; color:#512373; font-weight: 700; font-style: italic; padding:0; margin:0;} #staff-groups ul{margin:1.25em 0 0;padding:0; width:100%; float:left; display: inline-block;} #staff-groups li{float:left; display: inline-block; margin-right:1.8em; position: relative;} #staff-groups li a{display: inline-block; position: relative; } #staff-groups .icon-circle{width:4em; height:4em; -webkit-border-radius:50%; border-radius:50%; display: inline-block; background:#512373; position: relative;} #staff-groups .icon-circle .icon{font-size: 2.5em; line-height: 0; float:left; color:#ffffff; position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} #staff-groups .center-label{z-index:999;height:0;overflow: hidden; position: absolute; top:100%; left:50%;-webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); background:#512373;padding:0; font-size:0.95em; display: block; line-height: 1em; color:#fff; text-align: center; width:400%; font-family: 'Bai Jamjuree',sans-serif;-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;} #staff-groups .center-label:after{content:''; position: absolute;bottom:99%; left:50%;-webkit-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0); width: 0; height: 0; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-bottom: 0.3em solid #512373;} #staff-groups li a:hover .center-label, #staff-groups li a:focus .center-label, #staff-groups li a:active .center-label{height:auto; overflow: visible; padding:1em 0.8em; -webkit-box-shadow: 19px 19px 32px 0 rgba(0,0,0,0.59); box-shadow: 19px 19px 32px 0 rgba(0,0,0,0.59); border: 2px solid #d3d3d3; -webkit-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding;-webkit-background-clip: padding; background-clip: padding-box; } #staff-groups li#systems-for-inclusive-learning .icon-circle, #staff-groups li#systems-for-inclusive-learning .center-label{background:#40126B;} #staff-groups li#systems-for-inclusive-learning .center-label:after{border-bottom: 0.3em solid #40126B;} #staff-groups li#curriculum-coaching .icon-circle, #staff-groups li#curriculum-coaching .center-label{background:#A1228E;} #staff-groups li#curriculum-coaching .center-label:after{border-bottom: 0.3em solid #A1228E;} #staff-groups li#continuous-improvement-data-analysis .icon-circle, #staff-groups li#continuous-improvement-data-analysis .center-label{background:#662D91;} #staff-groups li#continuous-improvement-data-analysis .center-label:after{border-bottom: 0.3em solid #662D91;} #staff-groups li#language-culture .icon-circle, #staff-groups li#language-culture .center-label{background:#014051;} #staff-groups li#language-culture .center-label:after{border-bottom: 0.3em solid #014051;} #staff-groups li#specialized-services-staffing .icon-circle, #staff-groups li#specialized-services-staffing .center-label{background:#00A3BA;} #staff-groups li#specialized-services-staffing .center-label:after{border-bottom: 0.3em solid #00A3BA;} #staff-groups li#behavior-mental-health .icon-circle, #staff-groups li#behavior-mental-health .center-label{background:#869E36;} #staff-groups li#behavior-mental-health .center-label:after{border-bottom: 0.3em solid #869E36;} #staff-groups li#strategic-innovation-for-learning .icon-circle, #staff-groups li#strategic-innovation-for-learning .center-label{background:#237B3C;} #staff-groups li#strategic-innovation-for-learning .center-label:after{border-bottom: 0.3em solid #237B3C;} #staff-groups li#additional-services .icon-circle, #staff-groups li#additional-services .center-label{background:#147A84;} #staff-groups li#additional-services .center-label:after{border-bottom: 0.3em solid #147A84;} #staff-groups li#licensing-evaluation-support .icon-circle, #staff-groups li#licensing-evaluation-support .center-label{background:rgb(182,104,40);} #staff-groups li#licensing-evaluation-support .center-label:after{border-bottom: 0.3em solid rgb(182,104,40);} #staff-group{float:right; width:48%; padding-bottom: 3em;} #staff-group.no-individual{width:100%;} #staff-group h3{font-family: 'Bai Jamjuree',sans-serif; color:#000000; font-size:2.1em; line-height: 1.1em; width: 100%; margin: 0 0 0.75em; text-align: left; display:block; vertical-align: top; padding:0 0 0.5em; border-bottom: 1px solid #b8b8b8;} #staff-group ul{margin:0; padding:0; list-style: none; width:100%; display: flex; justify-content: flex-start; align-content: flex-start; align-items: stretch; flex-flow: row wrap;} #staff-group li{flex-basis: 50%; margin-bottom: 1.5em; padding-right:5%;} #staff-group.no-individual li{flex-basis: 33%;} #staff-group h4{font-family: 'Bai Jamjuree',sans-serif; color:#000000; font-size:1.25em; line-height: 1.1em;padding:0 0 0.7em;} #staff-group h5{font-family: "Century Gothic", CenturyGothic, AppleGothic, "Poppins", sans-serif; font-size:1em; color:#58595b; font-style: italic; padding: 0 0 0.85em; font-weight: 400;} .contact-info,#staff-group .contact-info{margin:0; padding:0; list-style: none; width:100%; display: flex; justify-content: flex-start; align-content: flex-start; align-items: stretch; flex-flow: row wrap;padding-top:0.7em; position: relative;} .contact-info:before{content:''; position: absolute; top:0; left:0; height:1px; width:30%; background:#b8b8b8; display: inline-block;} .contact-info li,#staff-group .contact-info li, #staff-group.no-individual .contact-info li{margin-right:0.95em; flex-basis:auto; margin-bottom: 0; padding:0;} .contact-info li a{font-size:1.1em; line-height: 1em; color:#147a84;} .contact-info li a:hover, .contact-info li a:focus, .contact-info li a:active{color:#662C91; text-decoration: none;} /***responsive table***/ .js-table-data{max-width:100%!important;border:1px solid #58595B;} table.js-table-data[role="presentation"]{border:none;} table.js-table-data[role="presentation"] td,table.js-table-data[role="presentation"] th{border:none;} .js-table-data td,.js-table-data th{padding:0.4em 0.6em; vertical-align: top; border: 1px solid #58595B; border-spacing: 0;} .js-table-data th{background:#f6f6f6;color:#58595B; font-weight: 700;border-color:#f6f6f6;} .right_content .js-table-data th{background:#662c91; border-color:#662c91; color:#ffffff;} .ADA-revert{width:45px!important;} /*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)} } /* * 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{width:16px!important;right:0!important;} .bx-wrapper .bx-pager.bx-default-pager a{color:#ffffff!important;border-radius:0!important;background:#000000!important;width:16px!important;height:16px!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:#ffffff!important;background:rgb(60,60,60)!important;} ul.bxslider{margin:0!important; padding:0!important;} ul.bxslider li{width:calc(100% - 16px)!important;} .bx-wrapper{margin-bottom:1em!important;} @media only screen and (min-width: 6001px){ body{font-size:350%;} } @media only screen and (max-width: 6000px){ body{font-size:325%;} } @media only screen and (max-width: 5000px){ body{font-size:250%;} #slideshow-center .main-slider .slide-text{font-size: 125%;} .slide-text-circle{font-size: 150%;} .slide-text-bg{width:78vw;} .slide-icon-bg{font-size:28em;} } @media only screen and (max-width: 4000px){ body{font-size:200%;} #slideshow-center .main-slider .slide-text{font-size: 115%;} .slide-text-circle{font-size: 140%;} .slide-icon-bg{font-size:26em;} } @media only screen and (max-width: 3000px){ body{font-size:175%;} #slideshow-center .main-slider .slide-text{font-size: 110%;} .slide-text-circle{font-size: 130%;} } @media only screen and (max-width: 2500px){ body{font-size:150%;} #slideshow-center .main-slider .slide-text{font-size:100%;} .slide-text-circle{font-size: 115%;} .slide-icon-bg{font-size:24em;} .right_content blockquote{background-size:60% auto!important;} } @media only screen and (max-width: 2000px){ body{font-size:125%;} .slide-text-circle{font-size:100%;} } @media only screen and (max-width: 1800px){ body{font-size:118.75%} } @media only screen and (max-width: 1600px){ body{font-size:112.5%} } @media only screen and (max-width: 1500px){ #centers-welcome h2{font-size: 2.7em;} #centers-icons li.centers-circle a{margin-right: 1.25em;} #story .image{width:40vw; height:36.6vw;} #story .text.wImg{width: calc(95% - 40vw);} #story .text h2{font-size:2.2em; width:100%;} #story .text h3{font-size:1.5em;} #slideshow-center .main-slider .slide-text{bottom:2.5em;} } @media only screen and (max-width: 1400px){ body{font-size:106.25%;} .middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell, .middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell, .middle_when_right_side_bar .calDayShell{font-size:90%;padding:0;} #slideshow-center .main-slider .slide-text{bottom:1.5em;} #slideshow-center .main-slider .slide-text h2{font-size: 2em;} #services-welcome{width:38%;} } @media only screen and (max-width: 1280px){ body{font-size:100%;} .middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell, .middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell, .middle_when_right_side_bar .calDayShell, .middle_when_no_right_side_bar .calInnerShell,.middle_when_no_right_side_bar .calMonthShell, .middle_when_no_right_side_bar .calListShell,.middle_when_no_right_side_bar .calYearShell, .middle_when_no_right_side_bar .calDayShell{font-size:80%;padding:0;} .main-slider .slick-active .slide-image{right:5%; width:43vw; height:44.3vw;} .main-slider .slick-active .slide-text{width:calc(100% - 48vw);} #centers-welcome{width:100%; text-align: center; padding-top:7.5em;} #centers-welcome p{width:60%; margin:0 auto; display: block; font-size: 0.9em;} #centers-icons li.centers-circle a{margin-right: 1em;} #centers-icons .centers-circle .center-label{font-size:0.5em;} #centers-icons .centers-circle .icon-circle{width:6.5em; height:6.5em;} #centers-icons .centers-circle .icon-circle .icon-center{font-size:4em;} #centers-buttons li a{font-size: 0.75em;} #events-featured.no-secondary .text.wImg{margin-top:0;} #story .image{width:41vw; height:37.5vw;} #story .text.wImg{width: calc(95% - 41vw); margin-top:2.25em;} #stats .iconImg{width:7.5em; height:7.5em;} #faculty-profiles{padding-top:3.5em;} #staff-individual{width:100%;} #staff-btn{top:0; bottom:auto;} .secondary-landing #staff-btn{top:auto; bottom:0;} #services-display ul{min-height: 42vw;} } @media only screen and (max-width: 1200px){ .slide-text-circle{font-size:90%;} .slide-icon-bg{font-size: 20em;} #slideshow-center .main-slider .slide-text h2{font-size: 1.7em;} #callouts h2{width:25%; font-size:1.8em;} #callouts ul{width:70%;} #callouts li .callout-img{height:17.5vw;} .secondary-landing #staff-groups ul{font-size:80%;} } @media only screen and (max-width: 1100px){ #miniCal .minical_wrapper td.headerbg{background-size:1.75em 1.75em;} .main-slider .slide{padding:1.7em 0 0;} .main-slider .slick-active .slide-text{padding:4em 0;} .main-slider .slide-text h2{font-size: 2em;} .main-slider .slide-text p{font-size:1.2em;} #centers-icons .centers-circle .icon-circle{width:6em; height:6em;} #centers-icons .centers-circle .icon-circle .icon-center{font-size:3.5em;} #story .image{width:43vw; height:39.3vw;} #story .text.wImg{width: calc(95% - 43vw); margin:1.75em 0;} #services-display ul li .service-overlay h3{font-size: 1.3em;} #services-display ul{min-height: 45vw;} } @media only screen and (max-width: 1024px){ body{font-size:106.25%;} .detail_textgraphic a strong, .detail_textgraphic strong a, .detail_righttext a strong, .detail_righttext strong a, .detail_social_media_feed .cmsFacebookFeed .text a, .button, .faculty-profile-button, .detail_iform input[type="submit"], .detail_iform input[type="reset"]{padding:1em 2.5em;} #search-modal{padding:0.5em 5%;} #search-modal input[type="search"]{padding:0.3em 0;} .left-nav{display: none;} .main.w-left:after{display:none;} .middle-column{width:100%;} .no-left .middle_when_no_right_side_bar{width:100%;padding: 0 7.5% 1.5em!important;} .middle_when_no_right_side_bar{padding:0 5%;} .middle_when_right_side_bar{width:62%;padding:0 3.5%!important;} #sidebar_content{width:27.5%;font-size: 90%; margin-right:7.5%;} #cms4schools-logo{margin:1.5em auto 0;} #banner h1{font-size: 1.75em; max-width:36%;} #banner .page-title-circle{width:55%;} .video-wrapper{width:90%;} .middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell, .middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell, .middle_when_right_side_bar .calDayShell, .middle_when_no_right_side_bar .calInnerShell,.middle_when_no_right_side_bar .calMonthShell, .middle_when_no_right_side_bar .calListShell,.middle_when_no_right_side_bar .calYearShell, .middle_when_no_right_side_bar .calDayShell{font-size:70%;} #centers-icons .centers-circle .icon-circle .icon-center{width:100%; float:left;} #centers-icons .centers-circle .icon-circle{width:5em; height:5em;} #centers-icons .centers-circle .icon-circle .icon-center{font-size:2.5em;} #centers-icons li.centers-circle a:hover .icon-circle .icon-center, #centers-icons li.centers-circle a:focus .icon-circle .icon-center, #centers-icons li.centers-circle a:active .icon-circle .icon-center, #centers-icons li.centers-circle a.on .icon-circle .icon-center{font-size:1.75em;} #centers-icons .centers-circle .center-label{font-size:0.4em; padding-top:0.85em;} #centers-icons .centers-circle .center-label .icon-arrow-right{display: none;} #events h2.landing{width:100%; margin-left:0;} #events-featured{margin-left:0; width:35%;} #events-secondary{margin-right:0; width:62%;} #events-featured.no-secondary .image{width:55%; margin-right:10%} #story .image{width:45vw; height:41.2vw;} #story .text.wImg{width: calc(95% - 45vw); margin: 0.5em 0;} #story .text h2{font-size:1.8em;} #story .text h3{font-size:1.3em;} #slideshow-center .main-slider .slide-image{width:60%; height:25.7vw;} .slide-text-bg{width:88vw;} #slideshow-center .main-slider .slide-text h2{font-size: 1.5em;} #slideshow-center .main-slider .slide-text p{font-size: 0.9em;} .slide-icon-bg{font-size: 15em;} .main-slider .slide-text a.button{margin-top:0.75em;} #slideshow-center .main-slider .slide-text h2{margin-bottom: 0.5em;} .slide-text-circle{font-size:70%;} #key-statement .wrapper{padding:0 20%;} #services-welcome{width:30%;} #services-welcome h2{font-size:1.8em;} #services-welcome h3{font-size:1.2em;} #services-welcome p{font-size:0.9em;} #services-display{width:68%;} #services-display ul{min-height: 48vw;} #services-display ul li{flex-basis: 100%;} #staff-individual.w-group{width:100%; margin-bottom: 2.5em;} #staff-individual.w-group #staff-photo{width:30%; position: absolute; top:0; left:0;} .w-group #staff-profile{width:72%; margin:2.5em 0;} #staff-group{width:100%; padding-bottom: 0;} .secondary-landing #staff-btn{width:auto; position: relative; bottom:auto; left:auto; right:auto; float:left; text-align: center;} } @media only screen and (max-width: 980px){ #logo{width:35%;} .fixed #logo{width:15%; } #search-modal{position: fixed; padding: 0 10%;} #search-modal form{position: absolute; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); width:80%;} #search-modal input[type="search"]{width:100%; margin:0.5em 0;} #search-modal .button{width:100%;} .main-slider .slick-active .slide-text{padding:1.5em 0;} .main-slider .slide-text h2{font-size: 1.7em;} .main-slider .slide-text p{font-size:1em;} .main-slider .slick-active .slide-image.w-video{margin-top:0;} #centers-icons{flex-basis:56%;} #centers-buttons{flex-basis:44%;} #centers-buttons li a{font-size: 0.65em;} #events-featured.no-secondary .image{width:100%; margin-right:0;} #story .image{width:41vw; height:39.3vw; position: relative; top:auto; left:auto;} #story .text.wImg{width: calc(95% - 41vw); margin: 1em 0;} #stats{padding:2.5em 0 ;} #stats ul{margin:0;} #slideshow-center .main-slider .slide-image{width:100%; height:42.8vw;} #slideshow-center .main-slider .slide-text{ left:0; top:auto; bottom:0; width:auto; height:auto; max-width: 60%; padding:1.5em 5%; background: #662C91; border-top-right-radius: 20em;} .slide-text-circle{top:-1.5em;right:-1.5em;} .slide-text-bg{background:none!important; position: absolute; top:0; left:auto; right:0; width:auto;} .slide-text-circle .icon{top:52.5%; left:47.5%;} .slide-icon-bg{font-size: 28vw; -webkit-transform:none; -ms-transform:none; transform:none; top:0; bottom: auto; left: auto; right:75%} #services-welcome{width:100%; padding:0 15% 1.5em; text-align: center;} #services-display{width:100%;} #services-display ul{min-height: 0; padding-bottom: 2em;} #services-display ul li .service-link{margin-top:0;} #services-display ul li .service-link span.icon{opacity: 1;} #services-display ul li .service-link.open span.icon{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} #services-display ul li .service-overlay{position: relative; display: inline-block; top:auto; bottom:auto;} #services-display ul li .service-overlay{width:90%; margin:0 5%; background: rgba(0,0,0,0.4);} #services-display ul li .service-overlay.open{height:auto; padding:0 5% 1.5em;} #services-display ul li .service-overlay .service-close{position: relative;top:auto; right:auto; padding: 0.75em 0.25em 0; float:right;} #services-display ul li .service-overlay .service-wrapper{position: relative; left:auto; top:auto; -webkit-transform:none; -ms-transform:none; transform:none; width:100%; display: inline-block;} #callouts h2{position: relative; top:auto; left:auto; -webkit-transform:none; -ms-transform:none; transform:none; margin:0 0 1em; width:100%; text-align: center;} #callouts ul{width:100%;} #callouts li .callout-img{height:25vw;} #staff-group.no-individual li{flex-basis: 50%;} } @media only screen and (max-width: 850px){ .middle_when_right_side_bar{width:100%;padding:0 7.5%!important;} #sidebar_content{width:85%; margin:2.5em 7.5%;} #sidebar_content .right_per_detail .right_content{font-size:100%;} blockquote{background-size: auto 70%!important; background-position: top right;} .right_content blockquote{background-size:auto 80%!important;} .detail_facultylist{width:100%;font-size:80%;} .detail_facultylist table{width:100%;} .detail_facultylist img{min-width:75px;} #stats .iconImg{width:6.5em; height:6.5em;} #stats h3{font-size:1.5em;} } @media only screen and (max-width: 800px){ body{font-size:100%;} #footer-contact{width:100%; margin:0 0 1.5em;} .footer-address,.footer-right,#footer-btm{width:100%; text-align: center;} .footer-address{justify-content: space-around;} .footer-logo{width:60%;float:none;margin:0 auto 0.5em;} .footer-address ul li{float:none; margin:0 0 0.75em; padding:0;border:none;} .footer-address span.icon{float:none;} .footer-right .editable-button{float:left;} #testimonial{width:90%; margin:0 5%;} .copyright-links{width:100%;margin:1em 0;} .copyright-links li{text-align: center; width:30%; margin:0 1.5%;} #footer-btm p{width: 100%;} #banner h1{font-size: 1.5em;} .detail_facultylist table{width:100%;font-size:100%;} .js-table-data thead {display: none;} .js-table-data tr {display: block;position: relative;} .js-table-data.layout_tabular tr{padding: 1.2em 0;} .js-table-data.layout_tabular tr:first-of-type {border-top: 1px solid #d7d7d7;} .js-table-data td {display: table-row;} .js-table-data.layout_tabular td:before {content: attr(data-label);display: table-cell;font-weight: bold;padding: 0.2em 0.6em 0.2em 0;text-align: right;} .js-table-data.layout_tabular td:last-child:after {content: "";position: absolute;left: 0;right: 0;bottom: 0;border-bottom: 1px solid #d7d7d7;} .layout_profile,.layout_profile_2{margin:0 0 0.5em; padding:0 0 0.5em; border-bottom: 1px solid #ccc;} .layout_profile table,.layout_profile_2 table{margin:0!important; padding:0!important; border:none;} .detail_facultylist ul.names li.double{border-color:#d7d7d7; padding:0 0 1em;} .detail_slideshow div{width:100%!important;} .detail_iform .iform-no-numbering{padding:0!important;} .detail_iform .iform-input-text-box, .detail_iform .iform-input-text-area, .detail_iform .iform-drop select, .detail_iform .iform-drop-multiple .iform-select-wrapper, .detail_iform .iform-drop-multiple .iform-select-wrapper select, .detail_iform .iform-drop-multiple .iform-select-instructions{width:100%;} .detail_iform .iform-drop-multiple .iform-select-wrapper, .detail_iform .iform-drop-multiple .iform-select-instructions{display: inline-block!important; padding:0 !important;} .figure,.detail_textgraphic img{width:100%!important; height: auto!important;} .figure img{width:100%;} #main-arrows{position: relative; bottom:auto; left:auto; margin-left: 5%;} #centers-icons li.centers-circle a{margin-right:0.5em;} #events-featured, #events-secondary{width:100%; margin:0 0 1.5em;} #faculty-profiles{padding-bottom: 3.5em;} .w-group #staff-profile{margin:4.5em 0 0;} #key-statement .wrapper{padding:0 10%;} } @media only screen and (max-width: 700px){ .detail_links table td{display: inline-block; width:100%; padding:0!important;} .copyright-links li{text-align: center; width:100%; margin:0 0 0.35em; padding:0; border:none;} #centers-icons{flex-basis:60%;} #centers-buttons{flex-basis:40%;} #staff-individual #staff-photo{width:25%;} #staff-profile{margin-left:8%;} #staff-profile{width:78%;} #staff-profile h3 span.name{margin:0.1em 0 0;} #staff-groups ul{font-size:80%;} .secondary-landing #staff-groups ul{font-size:60%;} #slideshow-center{background:none!important;} #slideshow-center .main-slider .slide-text{max-width:100%; width:100%; position: relative; bottom:auto; left:auto; border-top-right-radius:0; border-bottom-left-radius:20em; padding: 1.5em 7.5% 1.5em 15%; text-align: right;} #slideshow-center .main-slider .slide-text h2, #slideshow-center .main-slider .slide-text p{width:100%;} .slide-icon-bg{bottom:auto; top:0; left:auto; right:60%; font-size:42.5vw;} #slideshow-center .main-slider .slide-text a.button{margin-right:0; margin-left:1.2em;} .slide-text-circle{font-size: 50%;} } @media only screen and (max-width: 680px){ #banner{min-height: auto;} #banner h1{position: relative; top:auto; left:auto; -webkit-transform:none; -ms-transform:none; transform:none; max-width:65%; padding: 1em 7.5%; display: inline-block;} #banner.landing-page h1{max-width:100%; padding-right:20%; border-bottom-right-radius: 10em;} #banner.landing-page .image-dip{height:44.5vw; width:100%; display: inline-block;} #banner .page-title-circle{width:82%;} #banner.landing-page .page-title-circle{display: none;} #banner.landing-page .image-dip{width:100%;height:44.5vw;} #banner.landing-page .image-dip .image{height:44.5vw;} .footer-address-column{width:50%;} .detail_lunchmenu .caltblTools tr,.detail_lunchmenu .caltblTools td{display:inline-block;width:100%; float:left; text-align: center;} .middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell, .middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell, .middle_when_right_side_bar .calDayShell, .middle_when_no_right_side_bar .calInnerShell,.middle_when_no_right_side_bar .calMonthShell, .middle_when_no_right_side_bar .calListShell,.middle_when_no_right_side_bar .calYearShell, .middle_when_no_right_side_bar .calDayShell{font-size:65%;} .main-slider .slick-active .slide-image{width:45vw; height:46.4vw;} .main-slider .slide-text h2{font-size: 1.5em;} .main-slider .slide-text p{font-size:0.9em;} #centers-welcome p{width:100%;} #centers-icons{flex-basis: 100%; justify-content: center;} #centers-icons li{flex-basis: 25%; text-align: center;} #centers-buttons{display: none;} #centers-icons li.centers-circle a{margin:0;} #centers-icons .centers-circle .icon-circle{vertical-align: top; width:7em; height:7em;} #centers-icons .centers-circle .icon-circle .icon-center{font-size:4.5em;} #centers-icons .centers-circle .center-label{font-size:0.7em; position: absolute; top:50%; left:50%; width:90%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} #centers-icons #additional-btn{text-align: left;} #story .image{width:82.5vw; height:75.5vw;margin:0 auto 1.5em;} #story .text.wImg{width:100%; text-align: center;} #stats .iconImg{width:5.5em; height:5.5em;} #stats h3{font-size:1.3em;} #staff-group li{padding-right:2%;} } @media only screen and (max-width: 600px){ #logo{position: relative; top:auto; left:auto; height:auto; width: 55%; -webkit-transform:none; -ms-transform:none; transform:none; display: block; float:none; margin:0 auto; padding:0.5em 0;} #logo a{position: relative; top:auto; left:auto; height:auto;} .fixed #logo{width:20%; float:left; margin:0.5em 2%;} .wrapper{padding:0 7.5%;} .detail_lunchmenu{font-size:80%;} .detail_facultylist img{min-width:50px;} .detail_facultylist form{font-size:70%; width:80%; margin:0 auto 2em;} #banner h1{max-width:75%; font-size: 1.4em;} #banner .page-title-circle{width:100%;} h3.tool_heading{font-size: 1.7em;} h3.tool_heading span{max-width:65%;} .main-slider .slick-active .slide-image{width:60vw; height:61.8vw; right:0; top:auto; position: relative;float:right; margin-bottom: -4.5em;} .main-slider .slick-active .slide-text{width:100%;} .main-slider .slide-text h2{font-size: 2em;} .main-slider .slide-text p{font-size:1em;} #centers-welcome h2{font-size: 2.4em;} #centers-icons .centers-circle .icon-circle{vertical-align: top; width:6em; height:6em;} #centers-icons .centers-circle .icon-circle .icon-center{font-size:3.5em;} #centers-icons .centers-circle .center-label{font-size:0.5em;margin-top:1em;} #stats .stat{flex-basis: 30%; margin-bottom: 1.25em;} #stats .iconImg{width:6.5em; height:6.5em;} #stats h3{font-size:1.5em; padding:0.15em 0 0;} #slideshow-center .main-slider .slide-image{margin:0;} #callouts ul{flex-flow:row wrap;} #callouts li{flex-basis: 100%;} #callouts li .callout-img{height:50vw;} #callouts li h3{font-size:1.8em; width:75%;} #staff-group h3{text-align: center;} #staff-group li,#staff-group.no-individual li{flex-basis: 100%; text-align: center;} #staff-group .contact-info{justify-content: center;} #staff-group .contact-info:before{margin:0 35%;} #staff-group .contact-info li{margin:0 0.45em;} #staff-group h4,#staff-group h5{padding-bottom: 0.35em;} .secondary-landing #staff-btn{width:100%;} .white-popup{width:90%; } } @media only screen and (max-width: 525px){ .middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell, .middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell, .middle_when_right_side_bar .calDayShell, .middle_when_no_right_side_bar .calInnerShell,.middle_when_no_right_side_bar .calMonthShell, .middle_when_no_right_side_bar .calListShell,.middle_when_no_right_side_bar .calYearShell, .middle_when_no_right_side_bar .calDayShell{font-size:60%;} .caltblCat td, .caltblSearch td,.caltblTools td{width:100%!important; display: table!important; text-align: left; padding-left:0!important;} .caltblSearch td input{width:100%;} .detail_calendar .calDateToolsShell, .detail_calendar .caltblCat{width:100%;} .detail_cal4s_facility_request td{width:100%!important; display: table!important;} } @media only screen and (max-width: 480px){ header.fixed{position: relative; top:auto; left:auto;} #logo{width:75%;} #sidebar_content{font-size: 100%;} .footer-logo{width:80%;} blockquote{background-size:60% auto!important;} .right_content blockquote{background-size:30% auto!important;} .detail_textgraphic a strong, .detail_textgraphic strong a, .detail_righttext a strong, .detail_righttext strong a, .detail_social_media_feed .cmsFacebookFeed .text a, .button, .faculty-profile-button, .detail_iform input[type="submit"], .detail_iform input[type="reset"]{font-size: 0.9em!important;} .detail_facultylist{width:100%;font-size:70%;} .detail_facultylist img{min-width:40px;} .detail_lunchmenu .borderstyle{font-size:90%;} .detail_profiles table table{font-size:85%;} .main-slider .slick-active .slide-image{width:85vw; height:87vw; right:0; top:auto; position: relative;float:right; margin-bottom: -4.5em;} #main-arrows{position: absolute; top:1em; right:5%;} #centers-welcome h2{font-size: 2em;} #centers-icons li{margin-bottom: 0.75em; flex-basis: 40%;} #centers-icons .centers-circle .icon-circle{vertical-align: top; width:7em; height:7em;} #centers-icons .centers-circle .icon-circle .icon-center{font-size:4.5em;} #services-welcome{padding:0 0 1.5em;} #stats .stat{flex-basis: 50%; margin-bottom: 1em;} #stats .iconImg{width:6.5em; height:6.5em;} #stats h3{font-size:1.6em; padding:0.15em 5% 0;} #staff-profile{width:100%; margin:0; padding:1.5em 7.5%;} #staff-individual #staff-photo{position: relative; width:60%; float:right; top:auto; left:auto; margin-top:-1.5em; right:-1em;} #staff-groups ul{font-size: 60%;} .w-group #staff-profile{width:100%; margin:0;} #staff-btn{position: relative; top:auto; right:auto; width:100%; text-align: center; margin-top:1em;} #staff-individual.w-group #staff-photo{width:45%; position: relative; right:-0.75em; top:auto; left:auto; z-index: 1; float:right; margin-bottom: -6.25em;} .w-group #staff-profile{padding-top:4.5em;} #slideshow-center .main-slider .slide-text{text-align: center;} #slideshow-center .main-slider .slide-text{border-bottom-left-radius:10em;} #key-statement .wrapper{padding:0 7.5%;} #key-statement h2{font-size: 1.8em;} #callouts li h3{font-size:1.5em;} } @media only screen and (max-width: 430px){ .middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell, .middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell, .middle_when_right_side_bar .calDayShell, .middle_when_no_right_side_bar .calInnerShell,.middle_when_no_right_side_bar .calMonthShell, .middle_when_no_right_side_bar .calListShell,.middle_when_no_right_side_bar .calYearShell, .middle_when_no_right_side_bar .calDayShell{font-size:55%;} #events ul li{flex-basis: 100%;} } @media only screen and (max-width: 400px){ .main-slider .slick-active .slide-text{display: inline-block; bottom:auto; left: auto; position: relative; width:100%; padding:1em 2.5%;} .middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell, .middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell, .middle_when_right_side_bar .calDayShell, .middle_when_no_right_side_bar .calInnerShell,.middle_when_no_right_side_bar .calMonthShell, .middle_when_no_right_side_bar .calListShell,.middle_when_no_right_side_bar .calYearShell, .middle_when_no_right_side_bar .calDayShell{font-size:50%;} .detail_facultylist img{min-width:25px;} .detail_lunchmenu .borderstyle{font-size:80%;} #centers-icons li{flex-basis: 50%;} #centers-icons .centers-circle .icon-circle{vertical-align: top; width:7em; height:7em;} #centers-icons .centers-circle .icon-circle .icon-center{font-size:4.5em;} #staff-individual.w-group #staff-photo{width:55%;} } @media only screen and (max-width: 380px){ #banner h1{background:none; max-width:85%; text-align: center; margin:0 7.5%;} #banner .page-title-circle{width:82%; display: none;} #banner.landing-page h1{ padding-right:7.5%;} .footer-address-column{width:100%;} .middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell, .middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell, .middle_when_right_side_bar .calDayShell, .middle_when_no_right_side_bar .calInnerShell,.middle_when_no_right_side_bar .calMonthShell, .middle_when_no_right_side_bar .calListShell,.middle_when_no_right_side_bar .calYearShell, .middle_when_no_right_side_bar .calDayShell{font-size:40%;} #centers-welcome{padding-top:5em;} #centers-welcome h2{font-size: 1.75em;} #centers-icons .centers-circle .icon-circle{vertical-align: top; width:6em; height:6em;} #centers-icons .centers-circle .icon-circle .icon-center{font-size:3.5em;} #stats h3{font-size:1.4em;} #staff-profile h3{font-size: 1.8em;} #staff-profile h4{font-size: 1.15em;} #slideshow-center .main-slider .slide-text{border-bottom-left-radius:7.5em;} #callouts li h3{font-size:1.3em; width:80%;} } @media only screen and (max-width: 350px){ #staff-individual.w-group #staff-photo{width:100%; margin:0; right:auto;} #staff-individual.w-group #staff-photo img{float:left;} .w-group #staff-profile{padding-top:2.5em;} } @media only screen and (max-width: 300px){ .middle_when_right_side_bar .calInnerShell,.middle_when_right_side_bar .calMonthShell, .middle_when_right_side_bar .calListShell,.middle_when_right_side_bar .calYearShell, .middle_when_right_side_bar .calDayShell, .middle_when_no_right_side_bar .calInnerShell,.middle_when_no_right_side_bar .calMonthShell, .middle_when_no_right_side_bar .calListShell,.middle_when_no_right_side_bar .calYearShell, .middle_when_no_right_side_bar .calDayShell{font-size:30%;} #stats .stat{flex-basis: 100%; margin-bottom: 1.5em;} #stats .iconImg{width:8em; height:8em;} #stats h3{font-size:1.5em; padding:0.15em 10% 0;} #staff-individual #staff-photo{right:auto; width:100%; margin-top:0;} #staff-profile h3{font-size: 1.3em;} #staff-profile h4{font-size: 1em;} .slide-text-circle{font-size:40%;} .slide-text-circle .icon{top:57.5%; left:45%;} #slideshow-center .main-slider .slide-text{text-align: center;} #callouts li h3{font-size:1em; width:90%;} } @media only screen and (max-width: 280px){ #centers-icons li{flex-basis: 100%;} #centers-icons .centers-circle .icon-circle{vertical-align: top; width:6em; height:6em;} #centers-icons .centers-circle .icon-circle .icon-center{font-size:3.5em;} #slideshow-center .main-slider .slide-text{border-bottom-left-radius:4.5em; text-align: center;} #callouts li h3{font-size:0.9em;} }