/*----------------------------------------------------------------------------------- Theme Name:Emerald Coast Regional Council, FL Front-end Developer:Chris Yang Author Design:Nasryn Abou-Arabi Author URI:http://www.revize.com/ Date:February 28, 2019 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ /* @font-face{ font-family:'Coves'; src:url(../fonts/Coves/Coves.otf); } */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap'); @font-face { font-family:ytpregular; src:url('../plugins/ytplayer/dist/css/font/ytp-regular.eot') } @font-face{font-family:ytpregular;src:url(data:application/x-font-woff;charset=utf-8;base64,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)format('woff'),url(font/ytp-regular.ttf)format('truetype');font-weight:400;font-style:normal} body{background:#fff;font-size:1.4rem;line-height:1.6;font-family:'Open Sans', 'sans-serif';color:#444;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%} /* ----------------------------------------- #typography -----------------------------------------*/ #post span.fa {font-family:FontAwesome!important} h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:3.6rem} h2{font-size:3.2rem} h3{font-size:2.8rem} h4{font-size:2.1rem} h5{font-size:1.6rem} h6{font-size:1.4rem} .header{font-size:2.8rem;color:#1e2024;margin-bottom:30px} .subheader{font-size:2.0rem;font-weight:700;letter-spacing:0.1em;line-height:48px;text-transform:uppercase;color:#1e2024;display:block;margin:20px 0} p{margin:0 0 30px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #links -----------------------------------------*/ a,a:visited{color:#0f99ee;text-decoration:underline; -webkit-transition:color .3s ease;transition:color .3s ease; -webkit-transition:background .3s ease;transition:background .3s ease} a:hover,a:focus{color:#0f99ee} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:10px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #images -----------------------------------------*/ img{max-width:100%;height:auto} a img{border:none} .alignleft{float:left;clear:left;margin:0 20px 20px} .alignright{float:right;margin:0 0 20px 20px} .alignnone{margin:0 auto 20px;display:block} img[align="right"], img[style*="float:right"], img[style*="float:right"]{ margin:0 0 20px 20px; } img[align="left"], img[style*="float:left"], img[style*="float:left"]{ margin:0 20px 20px 0; } /* ----------------------------------------- #buttons -----------------------------------------*/ .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .btn{padding:10px 20px;background:#149b9b;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:1.2rem;font-weight:900!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:sans-serif;text-transform:uppercase;-webkit-transition:background .3s;transition:background .3s} .button:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover{-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#149b9b} .button:active, a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .btn:active{-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#149b9b} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:1.3rem;font-family:'Open Sans'sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;-webkit-box-shadow:none;box-shadow:none} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus{color:#63686c;border:1px solid #0F95E9} label, legend{display:block;font-weight:bold;font-size:1.3rem} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:1.3rem;color:#444} .form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none} ::-webkit-input-placeholder{color:#777} :-moz-placeholder{color:#777} ::-moz-placeholder{color:#777} :-ms-input-placeholder{color:#777} .gsc-control-cse *{-webkit-box-sizing:content-box;box-sizing:content-box} /* ----------------------------------------- #rz intranet -----------------------------------------*/ form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF} form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1} form.loginform label{font-weight:normal} form.loginform label input{display:block;margin-bottom:10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;color:#000} /* ----------------------------------------- #rz notify -----------------------------------------*/ .e-notify{font-weight:bold;font-size:1.2rem;background:#E7DF7F;position:fixed;padding:3px 13px 2px;bottom:10px;left:10px;color:#111;border-radius:50px;text-transform:uppercase;z-index:999;overflow:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.175);box-shadow:0 0 10px rgba(0,0,0,.175)} .e-notify img{display:none} .e-notify i{margin-right:4px!important} .e-notify a{position:absolute;top:0;bottom:0;left:0;right:0} /* ----------------------------------------- #rz alert -----------------------------------------*/ .floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;left:50%;transform:translateX(-50%);border:3px solid #1269a2;background:#fff;;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:0;font-size:1.4rem;width:400px;border-radius: 0;color:#000} .floating-alert h3{color:#fff;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:1.8rem;background:#1269a2;margin:0;text-align: center;text-transform: uppercase;padding:15px 0;} .floating-alert .btn{background:#82c55b;border-radius: 0;margin:30px auto!important;display: block;width: 120px;height:40px;line-height:40px;padding:0 10px;} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px} .floating-alert p{padding:30px} /* ----------------------------------------- #rz edit -----------------------------------------*/ .sdi table td{vertical-align:middle !important} .phone-td{width:100px !important} .sliderbtn{position:absolute;left:0;right:0;top:200px;z-index:80;text-align:center} .float_button_above{position:absolute;left:0;right:0;top:0} #freeform .sliderbtn{bottom:20px;top:auto} a[href="javascript:RZcalleditlist('editforms/nav_slider-editlist.jsp?pageid=navigation','','','', '')"]{position:relative;top:20px} .quicklinkbtn{position:absolute;left:0;right:0;text-align:center;z-index:100} #post .faqs-heading.active{background:#0a3165;border-color:#0a3165;color:#fff} #post .faqs-toggle-content{border-color:#0a3165} #post .faqs-heading{color:#0a3165;position:relative;background:#f9f9f9} #post .faqs-heading:before{content:"\f078"} #post .faqs-heading.active:before{content:"\f077";color:#fff} #post .faqs-heading:before{font-family:'FontAwesome';position:absolute;left:25px} .rzHeader {position: absolute;top: 150px;left: 0;right: 0;z-index: 101;margin: auto;} a>span.rzBtn, .rzContainer a>span.rzBtn, body:not(#rz-editform) a[href*="/revize_faq.php"], #search-caption a>span.rzBtn { all: unset; position: relative; z-index: 199; display: inline-block!important; font-family: 'Archivo',sans-serif!important; letter-spacing: 0px; padding: 5px 15px; background: #000; background: linear-gradient(#333,#000); color: #EEE!important; font-weight: 700; text-transform: none; box-shadow: inset 0 0 1px 1px rgb(255 255 255 / 10%); font-size: 16px; line-height: 26px; white-space: nowrap; cursor: pointer; } #homepage a[href*="/revize_faq.php"], #freeform a[href*="/revize_faq.php"] {padding: 0!important} #homepage a[href*="/revize_faq.php"]::after, #freeform a[href*="/revize_faq.php"]::after { content: "Help"; z-index: 1; cursor: pointer; display: inline-block; padding: 5px 22px 5px 23px; background: #000; background: linear-gradient(#333,#000); color: #EEE; font-weight: 700; box-shadow: inset 0 0 1px 1px rgba(255,255,255,.1); font-size: 16px; line-height: 26px; white-space: nowrap; } #homepage a[href*="/revize_faq.php"] > img, #freeform a[href*="/revize_faq.php"] > img {position: relative;z-index: 2;display: none;} .rzAdmin {position: relative;left:0;z-index: 199;display: inline-block;padding: 0 18px;margin-top: 1px;} .rzAdmin::after {content: "Admin Panel";z-index: 1;position: absolute; left: 0; top: -1px;display: inline-block;font-family: 'Archivo',sans-serif;padding: 5px 13px;background: #000;background: linear-gradient(#333,#000);color: #EEE;font-weight: 700;box-shadow: inset 0 0 1px 1px rgba(255,255,255,.1);font-size: 16px;line-height: 26px;white-space: nowrap;} .rzAdmin > img {position: relative;z-index: 2;opacity: 0;width: 87px;height: 36px;} /* ----------------------------------------- #main -----------------------------------------*/ #skip{position:fixed;top:150px;left:-100%;-webkit-transition: all .3s ease-in;transition: all .3s ease-in} #skip:focus{left:15px;text-decoration:none;color:#fff;background-color:#149b9a;padding:10px 20px} body{overflow-x:hidden;top:0!important;position:static} .container {width:1320px;max-width:100%} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #nav-toggle, .toggle, .toggle2{display:none} .nav-image{height:214px;margin-right:30px} .mega-menu{display:none} /*--------------- #nav ---------------*/ header {position:relative;z-index:1000;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);} #logo {position:absolute;top:30px;left:30px;display:inline-block;width:353px} #right-nav {padding:37px 0;position:absolute;right:30px} #right-nav div {display:inline-block} #nav li li {page-break-inside: avoid;} .social-links {margin-right:16px} .social-links a {width:36px;line-height:36px;text-align:center;border-radius:50%;margin-left:1.5px;background-color:#135591;color:#fff;text-decoration:none} .skiptranslate{display:none} .translation-links{padding:0;margin:0;display:inline-block} .translation-links span{font-size:1.6rem;cursor:pointer;display:block;margin:0 24px;color:#149b9b;font-size:1.4rem;font-weight:700;text-transform:uppercase} .translation-links span img{display:inline-block;margin-top:-2px;margin-right:9px} .translation-links li{margin:0;list-style:none} .translation-links ul{position:absolute;left:15px;right:15px;top:100%;display:none;z-index:201;padding:30px;margin:0;background-color:#fff} .translation-links ul li{float:left;width:25%} .translation-links ul a{display:block;text-decoration:none;padding:5px;color:#149b9b} #search {position:relative;width:215px} #search form {margin:0} #search label {position:absolute;right:0;top:0;font-size:2.4rem;z-index:1;width:40px;line-height:40px;font-size:2.2rem;color:#149b9b;margin:0} #search input {height:40px;padding:0 60px 0 17px;background-color:#dedede;color:#149b9b;font-weight:700;font-size:1.4rem} #search input::-webkit-input-placeholder {color:#149b9b;font-weight:700;font-size:1.4rem} #search input:-ms-input-placeholder {color:#149b9b;font-weight:700;font-size:1.4rem} #search input::-ms-input-placeholder {color:#149b9b;font-weight:700;font-size:1.4rem} #search input::placeholder {color:#149b9b;font-weight:700;font-size:1.4rem} #search button {position:absolute;right:0;top:0;width:60px;height:40px;background-color:transparent;font-size:2.0rem;font-weight:400!important;color:#149b9b!important} nav {width:100%;padding:100px 0 10px} #nav {position:relative;padding:0} #nav ul {margin:0;padding:0} #nav li {display:inline-block;margin:0px;padding:0;font-size: 0;} #nav li a, #nav li span {position:relative;font-size:1.6rem;font-weight:600;text-transform:uppercase;text-decoration:none;color:#58585a;;display:inline-block;padding:14px 15px 16px} #nav>li>div>ul li{width:100%;display:block;} #nav>li>div>ul li a{display:block} #nav a:after{position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;background:#58585a;content:'';height:20px} #nav li:first-of-type a:after{display: none;} #nav ul a:after{display: none;} #nav .toggle:after{display: none;} /*- excluded topnav links -*/ a[href="programs/community_and_economic_development/index.php"]{pointer-events:none} a[href="programs/transportation_plans_and_documents/index.php"]{pointer-events:none} #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} /*--------------- #slider ---------------*/ #slider {position:relative;height:850px;background:#000} #homepage #slider {margin-top:0!important} #slider .container {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -72%);transform:translate(-50%, -72%);z-index:51} #slider h1 {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -80%);transform:translate(-50%, -80%);width:1230px;font-family:'Coves';font-size:110px;font-weight:700;color: #fff;text-transform:uppercase;letter-spacing:0.033em;text-shadow:7px 7px 3px rgba(30, 30, 30, 0.5);} #slider h1 span {text-align:left;font-family:'Open Sans', 'sans-serif';font-size:3.6rem;line-height:28px;font-weight:600;text-transform:capitalize;display:block;letter-spacing:0;width:auto;text-shadow:4px 4px 3px rgba(30, 30, 30, 0.5)} #slider h1 span:last-of-type {text-align:right} #wave{position:absolute;left:0;width:100%;z-index:60;bottom:0} /*--------------- #quick-links ---------------*/ #quick-links {width: 100%;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:65;padding:0} #quick-links .owl-stage-outer{padding:50px 0;margin-bottom:-50px} #quick-links .owl-prev, #quick-links .owl-next {font-size:3.0rem;position:absolute;top:50%;left:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,.4)} #quick-links .owl-next {left:unset;right:15px} #quick-links .owl-item {padding:20px;position:relative} #quick-links .owl-item:nth-child(1n) {background-color:#72bd4a} #quick-links .owl-item:nth-child(1n):after{position:absolute;content:'';left:50px;right:50px;bottom:-20px;top:-20px;border:5px solid #d7f0c6} #quick-links .owl-item:nth-child(2n) {background-color:#135591} #quick-links .owl-item:nth-child(2n):after{position:absolute;content:'';left:50px;right:50px;bottom:-20px;top:-20px;border:5px solid #b1d4e8} #quick-links .owl-item:nth-child(3n) {background-color:#149b9a} #quick-links .owl-item:nth-child(3n):after{position:absolute;content:'';left:50px;right:50px;bottom:-20px;top:-20px;border:5px solid #b2e5e8} .quick-link {text-align:center;padding:30px 0} .quick-link a {font-size:1.8rem;line-height:26px;font-weight:700;text-transform:uppercase;text-decoration:none!important;margin:0;display: block;position:relative;z-index: 10;} .quick-link h2 {color:#fff;font-size: 30px;margin:0;font-weight:700;} /* .quick-link a:hover:after {content:'';position:absolute;bottom:-17px;left:0px;background:url('../images/learn-more.png') center no-repeat;background-size:cover;height:8px;width:90px} */ .program-wrap .owl-controls {position: absolute;left: 0;right: 0;top: 47.2%;transform: translateY(-50%);} .program-wrap .owl-prev{float: left;font-size: 20px;line-height:1;background: #82c55b;border-radius: 100%;color: #fff;width: 30px;height: 30px;padding: 3px 0;text-align:center;} .program-wrap .owl-next {float: right;font-size: 20px;line-height:1;background: #82c55b;border-radius: 100%;color: #fff;width: 30px;height: 30px;padding:3px 0;text-align:center} /* support/issues/96665 */ /* support/issues/115575 */ .h-countdown header{background:#000;border-bottom:2px solid rgba(255,255,255,.85)} .h-countdown header .social-links a{background-color:#C7C8CA;color:#000} .h-countdown header .translation-links span img{filter:brightness(0) saturate(100%) invert(88%) sepia(2%) saturate(188%) hue-rotate(182deg) brightness(92%) contrast(92%)} .h-countdown header .translation-links span{color:#C7C8CA} .h-countdown #search input{color:#58595B} .h-countdown #search input::-webkit-input-placeholder {color:#58595B} .h-countdown #search input:-ms-input-placeholder {color:#58595B} .h-countdown #search input::-ms-input-placeholder {color:#58595B} .h-countdown #search input::placeholder {color:#58595B} .h-countdown #search button{color:#58595B!important} .h-countdown #nav>li>a:first-of-type, .h-countdown #nav>li>span{color:#C7C8CA} .h-countdown #quick-links{bottom:-50px} .h-countdown #quick-links .owl-item:nth-child(1n):after{content:none} .h-countdown #quick-links.owl-carousel .owl-stage{background:#C3C4C6;border-bottom-right-radius:60px} .h-countdown #quick-links .owl-item{background-color:#C3C4C6;border-bottom-right-radius:60px} .h-countdown #quick-links .quick-link::after{content:'';background-color:#C3C4C6;box-shadow:20px 10px 20px 0px rgb(0 0 0 / 10%);border-radius:0 0 60px;position:absolute;top:0;left:0;width:100%;height:100%} .h-countdown #quick-links .quick-link::before{content:'';box-shadow:19px 4px 29px 0px rgb(0 0 0 / 20%);border-radius:0 0 60px;position:absolute;top:0;left:-50px;width:100%;height:100%;opacity:0} .h-countdown #quick-links .owl-item:nth-child(1n) .quick-link::after{z-index:5} .h-countdown #quick-links .owl-item:nth-child(2n) .quick-link::after{z-index:3} .h-countdown #quick-links .owl-item:nth-child(3n) .quick-link::after{z-index:1} .h-countdown #quick-links .owl-item:nth-child(1n) .quick-link::before{z-index:4;background-color:#72bd4a} .h-countdown #quick-links .owl-item:nth-child(2n) .quick-link::before{z-index:2;background-color:#135591} .h-countdown #quick-links .owl-item:nth-child(3n) .quick-link::before{z-index:1;background-color:#149b9a} .h-countdown #quick-links .owl-item:nth-child(1n):hover .quick-link::after{background-color:#72bd4a} .h-countdown #quick-links .owl-item:nth-child(1n):hover .quick-link::before{opacity:1} .h-countdown #quick-links .owl-item:nth-child(2n):hover .quick-link::after{background-color:#135591} .h-countdown #quick-links .owl-item:nth-child(2n):hover .quick-link::before{opacity:1} .h-countdown #quick-links .owl-item:nth-child(3n):hover .quick-link::after{background-color:#149b9a} .h-countdown #quick-links .owl-item:nth-child(3n):hover .quick-link::before{opacity:1} .h-countdown .quick-link h2{color:#58595B} .h-countdown #quick-links .owl-item:hover .quick-link h2{color:#000} .h-countdown .accessible-btn a{color:#000!important;background:#C7C8CA!important} .h-countdown #welcome-left{background-color:#C7C8CA} .h-countdown #welcome-left h2{color:#000} .h-countdown #welcome-left p{color:#000} .h-countdown #welcome-left span{color:#000} .h-countdown #welcome-left:after{background:#000} .h-countdown .btn.calendar-more-button{background:#C7C8CA!important;color:#000!important} .h-countdown footer{background-color:#C7C8CA;color:#000} .h-countdown footer .social-links a{background-color:#91969B;color:#000} .h-countdown #footer-right a, .h-countdown #footer-right span{color:#000} .h-countdown footer a{color:#000!important} .h-countdown #revize-login span:after{background-color:#000} .h-countdown #revize-login a{color:#000!important} .h-countdown #side-content{background-color:#C7C8CA} .h-countdown #flyout a, .h-countdown #flyout span{color:#000} .h-countdown #flyout-header{color:#000} /*--------------- #video-wrap ---------------*/ .titleEditBtn{position:relative;z-index:100;} .btn-scroll {position:absolute;bottom:54px;right:9.7%;cursor:pointer} #video-player {position:relative;width:100%;overflow:hidden;padding-bottom:400px!important} #video-wrap {position:relative;top:110px;width:900px;max-width:100%;height:506.250px;margin:0 auto} #video-bg {width:calc(100% - 45px);top:45px;left:0} #video-color {content:'';position:absolute;top:0px;left:45px;width:calc(100% - 45px);height:100%;background-color:#135591} #video-color:before {content:'';position:absolute;top:15px;right:15px;width:100%;height:100%;background-color:#149b9a} #video-color:after {content:'';position:absolute;top:30px;right:30px;width:100%;height:100%;background-color:#72bd4a} #play-btn {position: absolute; top: 45px; left: 0; width: 855px; height: 506.250px; z-index: 1;} #play-btn:after {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 133px;height: 133px;background-color: #82c55b;} #play-button {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);height:23px; z-index:1} #play-btn .fa-play {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 61;color: #fff;font-size: 30px} /*--------------- #welcome ---------------*/ #welcome {position:relative;box-shadow:0px 5px 17px 9.9px rgba(0, 0, 0, 0.27)} #welcome .container {position:relative;width:1390px;max-width:100%} #welcome-left {background-color:#82c55b;height:100%;position:relative} #welcome-left:after{position:absolute;content:'';left:4%;right:4%;top:110px;background:#a9cf8c;height:4px} #welcome-left h2 {font-family:'Open Sans';font-weight:300;font-size:38px;line-height:60px;text-transform:uppercase;color:#fff;margin-bottom:25px;letter-spacing:0.03em} #welcome-left span {display:block;font-size:12px;line-height:48px;letter-spacing:0.07em;margin-top:2px;text-shadow:none;font-weight:700;text-transform: uppercase;color:#fff} #welcome-left p {font-size:18px;line-height:1.45;font-weight:400;color:#fff;margin-bottom:43px} #welcome-left .btn {font-family:'Open Sans';font-weight:700!important;font-size:1.4rem;width:200px;line-height:40px;background-color:#149b9b;-webkit-box-shadow: 0px 7px 0px 0px #0f4984;box-shadow: 0px 7px 0px 0px #0f4984;} /* #welcome-right {background-color:#71bc49;padding:25px 15px 56px 15px;height:100%} #welcome-right h3 {font-size:2.4rem;line-height:45px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#131313} #welcome-right a {display:block;font-size:2.0rem;line-height:30px;font-weight:700;text-transform:capitalize;text-decoration:none;color:#fff;margin-bottom:10px;padding-right:15px} #welcome-right a:last-of-type {display:inline-block;position:relative;font-size:1.4rem;line-height:18px;text-transform:uppercase;margin-top:40px} #welcome-right a:last-of-type:after {content:'';position:absolute;top:5px;right:-60px;background:url('../images/arrow.png') center no-repeat;background-size:cover;height:14px;width:48px} #welcome-right a:last-of-type:hover {color:#135491} #welcome-right a:last-of-type:hover:after {-webkit-filter:invert(75%) sepia(30%) saturate(4576%) hue-rotate(193deg) brightness(82%) contrast(85%);filter:invert(75%) sepia(30%) saturate(4576%) hue-rotate(193deg) brightness(82%) contrast(85%)} */ #welcome-img {width:375px;height:435px;position:absolute;bottom:0;left:115px;-webkit-box-shadow:0px 0px 30px 5px rgba(15, 73, 132, 0.2);box-shadow:0px 0px 30px 5px rgba(15, 73, 132, 0.2);} #programs-section{padding:100px 0 160px} #programs-section .container{width: 95%} #programs-section .section-header{font-size: 32px;color:#58585a;text-transform: uppercase;font-weight: 800;letter-spacing: .01em;;} .programs-link {position:relative;display:block;float:left;width:31%;margin:0 3.5% 30px 0;text-align:center;min-height: 260px;} .programs-link:nth-child(3n) {margin-right:0} .programs-content {margin:10px 0;background-color:rgba(19,105,162,.50);padding:10px 20px;font-size: 22px;color:#fff;position:absolute;left:0;right:0;top:50%;transform: translateY(-50%);text-transform: uppercase;font-weight: 700;transition:all .4s} .programs-link:hover .programs-content{background-color:rgba(19,105,162,1);transition:all .4s;transform:scale(1.1) translateY(-50%)} #programs .owl-carousel .owl-stage-outer{overflow: visible!important;} #imageslider{height: 551px;position:relative} .image-bxslider{height:100%} .image-bxslider li{height:100%!important} .image-bxslider a{height:100%!important;text-decoration:none!important;width:100%!important} #imageslider .bx-controls.bx-has-pager.bx-has-controls-direction{position:absolute;left:0;right:0;bottom:30px;z-index: 199;} /* #imageslider .bx-wrapper .bx-pager.bx-default-pager a{! background:#fff} */ #imageslider .bx-wrapper .bx-pager.bx-default-pager a:hover,#imageslider .bx-wrapper .bx-pager.bx-default-pager a.active{background:#fff;} #imageslider .info-wrap {background:rgba(19,105,162,.50);height: 100%;width: min-content;display: flex;justify-content: center;align-items: center;min-width: 50%;} #imageslider .info{width:100%;padding:30px} #imageslider .info .section-header{margin:0;color:#fff;text-transform:uppercase;font-size: 38px;font-weight: 800;line-height:1} #imageslider .info .text{text-transform:none;color:#fff;font-size: 14px;font-weight: 700;line-height: 1.4;;border-top:4px solid #fff;margin:30px 0;padding: 30px 0;} #imageslider .bx-controls-direction{display: none;} /*--------------- #news ---------------*/ /* #news {padding:43px 0 0} #news .container {width:1420px;max-width:100%} #news h2 {font-family:'Coves';font-size:6.0rem;line-height:60px;font-weight:700;text-transform:uppercase;color:#212124;letter-spacing:0.02em;float:left;margin:0;text-shadow: 0px 6px 0px rgba(19, 84, 145, 0.2);} #news .btn {font-family:'Open Sans';font-weight:700!important;font-size:1.4rem;width:200px;line-height:40px;margin-top:-7px;background-color:#149b9b;float:right;-webkit-box-shadow: 0px 7px 0px 0px rgba(19, 84, 145, 0.2);box-shadow: 0px 7px 0px 0px rgba(19, 84, 145, 0.2);} #news-links {margin-top:53px;font-size:0} .news-link {position:relative;display:block;float:left;width:32.37410071942446%;margin:0 1.4388489208633095% 20px 0;text-align:center;} .news-link:nth-child(3n) {margin-right:0} .news-link:hover .news-content {opacity:1;visibility: visible;} .news-content {margin:10px;background-color:#fff;padding:59px 0 41px;opacity:0;-webkit-transition:0.3s all;transition:0.3s all;visibility: hidden;} .news-content span {font-size:1.2rem;line-height:18px;font-weight:700;color:#149b9b;text-transform:uppercase;display:block} .news-content h3 {font-family:'Coves';font-size:2.1rem;line-height:48px;font-weight:700;letter-spacing:0.05em;color:#212124;text-transform:uppercase;margin:12px 0} .news-content p {font-size:1.8rem;font-weight:600;line-height:24px;text-transform:capitalize;color:#a2c0da} .news-content a {position:relative;font-size:1.4rem;font-weight:700;line-height:48px;text-transform:uppercase;text-decoration:none;color:#71bc49;display:inline-block;margin-top:-16px} .news-content a[href*="news_detail"]:after {content:'';position:absolute;bottom:-1px;left:-4px;width:90px;height:8px;background:url('../images/learn-more.png') center no-repeat;background-size:cover} */ /*--------------- #events ---------------*/ #events {position:relative;padding:100px 0 50px} #events .container {width:1200px;max-width:100%} #calendar-img {position:absolute;top:50%;left:50%;-webkit-transform:translate(-24.15%, -38%);transform:translate(-24.15%, -38%);-webkit-box-shadow: 0px 7px 0px 0px rgba(19, 84, 145, 0.2);box-shadow: 0px 7px 0px 0px rgba(19, 84, 145, 0.2);} #events-left {background-color:#135491;padding:201px 230px 181px 92px} #events-left h2 {font-family:'Open Sans';font-size:6.0rem;line-height:60px;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:0.03em;text-shadow: 0px 6px 0px #0f4984;} #events-left p {font-size:1.8rem;line-height:28px;font-weight:600;text-transform:capitalize;color:#fff;margin-bottom:49px} #events-left .btn {font-family:'Open Sans';font-weight:700!important;font-size:1.4rem;width:200px;line-height:40px;background-color:#149b9b;-webkit-box-shadow: 0px 7px 0px 0px rgba(19, 84, 145, 0.2);box-shadow: 0px 7px 0px 0px #0f4984;} /* #events-right {} */ #calendar{height: 480px;} #events-right img {position: static; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; transform: none; width: 283px; margin-top: 7px;} .events-link span {font-size:1.4rem;line-height:26px;font-weight:700;color:#212124;display:block;margin-bottom:4px} .btn.calendar-more-button {bottom:0;right:21%;background:#1269a2!important;font-size:20px;font-weight:500!important;padding:10px 30px;float:right;margin-right:16%;margin-top: -20px;} .inline-YTPlayer{max-width: none!important;} #video-player{position:relative} #video-player:after{position:absolute;content:'';left:0;right:0;top:0;background:url('../images/wave-down.png')center no-repeat;background-size: cover;z-index: 60;width:100%;height:280px;display: none;} #video-player:before{position:absolute;content:'';left:0;right:0;top:0;height:2px;width:100%;background:#fff;z-index: 1;} .buttonBar{display: none;} .wave-banner{position:absolute;left:0;right:0;top:0px;width:100%;max-height: 110px;display: block;} .wave-banner img{width: 100%;max-height:118px;} .inlinePlayButton{font-family:ytpregular;font-size:45px;color:#fff;text-align:center;border-radius:100%;background-color:rgba(0,0,0,.4);position:absolute;width:80px;height:80px;line-height:80px;top:60%;bottom:0;left:50%;right:0;cursor:pointer;opacity:.8;transition:all .4s;transform:scale(1.3) translate(-50%,-50%)} /*--------------- #facebook ---------------*/ #social-feed {width:888px;max-width:100%;margin:61px auto 63px} .social-feed-element i {font-size:6.4rem;margin:10px 40px 0 0;color:#135591} .social-feed-text {font-size:2.4rem;line-height:36px;font-weight:600;color:#212124;margin-bottom:12px} .social-feed-text a {text-decoration:none;color:#71bc49} .time-date {font-size:1.6rem;line-height:34px;font-weight:600;color:#149b9b} .time-date a {color:#149b9b} /*--------------- footer ---------------*/ footer {background-color:#71bc49;padding:30px 0} footer .social-links {margin:25px 0 0} #footer{color:#fff} #revize{color:#fff;text-align:right;font-weight: 700;} #footer-left {float:left} #footer-left div {display:inline-block} #footer-left div:nth-child(2) {font-size:1.4rem;line-height:22px;text-transform:uppercase;color:#fff} #footer-left div span {font-weight:700} #footer-right {float:right;margin-top:6px} #footer-right a, #footer-right span {position:relative;font-size:1.4rem;line-height:25.5px;font-weight:700;text-transform:uppercase;color:#fff} #revize-login span {padding-right:15px} #revize-login span:after {content:'';position:absolute;bottom:-2px;right:0;width:1px;height:25px;background-color:#fff;opacity:0.2} #footer-right a {letter-spacing:0.05em;text-decoration:none;padding:0;margin-left:13px} #revize-login span a {font-family:'Roboto';text-transform:lowercase;letter-spacing:0;margin:0;padding:0} #revize-link{color:#fff;font-weight: 700;text-decoration: none!important;} #revize-login{color:#fff;font-weight: 700;text-decoration: none!important;text-transform: uppercase!important} /* ----------------------------------------- #inner -----------------------------------------*/ #inner-events iframe#calendar {width: 100%;margin-left: 0;min-height: 605px!important;} /*--------------- #slider ---------------*/ #freeform #slider {/*! height:464px; */margin:0;padding-bottom: 32%;position: relative;height: auto;} #freeform .bx-wrapper{position:absolute;left:0;right:0;top:0;bottom:0} #dept-freeform #slider {height:664px;margin:0} /*--------------- #flyout ---------------*/ #side-content {background-color:#1369a2} #flyout{margin:0;padding:0} #flyout li{margin:0;display:block;position:relative;z-index:51} #flyout a, #flyout span{font-size:1.8rem;font-weight:600;color:#fff;text-transform:capitalize;text-decoration:none;display:block;margin-left:2px;padding:18px 0 19px;border-bottom:1px solid rgba(255,255,255,.2)} #flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#00aaab} .h-countdown #flyout ul{background:#C7C8CA} #flyout ul li {padding:0} #flyout ul a, #flyout ul span{font-size:1.4rem;padding:15px;width:180px} #flyout li:hover > ul{display:block} #flyout-header {font-size:2.4rem;letter-spacing:0.05em;font-weight:700;text-transform:uppercase;color:#fff;line-height:28px;display:block;margin-bottom:24px;padding:0 41px} /*--------------- #entry ---------------*/ #breadcrumbs{font-size:1.3rem;text-transform:capitalize} #breadcrumbs p{font-size:1.4rem;font-weight:700;text-transform:uppercase;margin:0;color:#00aaab} #breadcrumbs a{text-decoration:none;color:#68686a} #breadcrumbs a:after {content:'\f105';font-family:'FontAwesome';margin:0 17px 0 6px} #breadcrumbs i{font-size:1.3rem;margin:0 4px} #page-title {font-family:'Open Sans';font-size:6.0rem;font-weight:700;text-transform:uppercase;color:#2b2c30;text-shadow:0px 6px 0px rgba(18, 105, 162, 0.2);margin:17px 0 0px;letter-spacing:0.03em} #post {font-size:1.6rem;line-height:24px} /*;font-weight:600*/ #post p {margin:24px 0 33px} #post ul {margin:0;padding:0 0 0 40px} #post ul li {margin-bottom:15px} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal-content{overflow:hidden;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:3px} .modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left} .modal-header h4{font-size:3.0rem} .modal-header button{margin-top:2px!important;position:relative;font-size:2.5rem} .modal-body{padding:40px 60px} .copylink{margin-bottom:40px} .copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px} .modal-header button,.modal-header button:hover{color:#000!important;background:none} .share-btns{margin:0 0 20px} .share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;overflow:hidden;text-decoration:none;margin-bottom:20px} .share-btns i{display:block;line-height:170px!important;font-size:6.0rem} .btn-facebook{color:#3b5998!important} .btn-twitter{color:#00ACED!important} .btn-google{color:#D34836!important} .btn-reddit{color:#ff5700!important} .btn-facebook:hover{border-color:#3b5998} .btn-twitter:hover{border-color:#00ACED} .btn-google:hover{border-color:#D34836} .btn-reddit:hover{border-color:#ff5700} .btn-lg{font-size:1.6rem;padding:14px 30px;border:0;border-radius:3px} .floating-share-btn{position:fixed;z-index:99999;top:40%;right:0;line-height:1.8;border-radius:0;border:0;background:#149b9b!important;color:#fff!important;padding:10px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;display: none;} .floating-share-btn span {display:block} /* ----------------------------------------- #bxslider -----------------------------------------*/ .bxslider, .bx-viewport, .bxslider li, .bx-wrapper{height:100%!important} .bx-wrapper{position:relative;margin:0;padding:0;*zoom:1;overflow:hidden} .bx-wrapper *{margin:0;padding:0} .bx-wrapper img{max-width:100%;display:block} .bxslider{list-style:none} .bxslider > li:nth-child(n+1){display:none} /* pager */ .bx-wrapper .bx-pager{text-align:center} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline} .bx-wrapper .bx-pager.bx-default-pager a{background:transparent;text-indent:-9999px;display:block;width:20px;height:20px;margin:0 5px;outline:0;border-radius:100%;border: 2px solid #fff;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000} /* direction controls */ .bx-wrapper .bx-controls-direction a{width:32px;height:32px;margin:-20px 0 0;display:block;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bx-wrapper .bx-prev{left:-40px} .bx-wrapper .bx-next{right:-40px;background-position:100% 0!important} .bx-wrapper:hover .bx-next{opacity:0.6;right:20px} .bx-wrapper:hover .bx-prev{opacity:0.6;left:20px} .bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1} /* ----------------------------------------- # ada menu ------------------------------------------- */ .accessibility-menu ul{margin:0;padding:15px;list-style:none} .accessibility-menu a{display:block;padding:5px 10px;border:1px solid rgba(0,0,0,.2);border-radius:13px;text-decoration:none;color:#333!important} .accessibility-menu a:focus,.accessibility-menu a:hover{text-decoration:underline;background:rgba(0,0,0,.6);color:#fff!important} .yellowlinks .accessibility-menu a{background:#000} .yellowlinks .accessibility-menu a:focus,.yellowlinks .accessibility-menu a:hover{color:#fff!important} .accessibility-wrap{position:fixed;z-index:250;top:161px;-webkit-transition:all .2s ease;transition:all .2s ease;right:-250px} .accessibility-wrap.visible{right:0!important} .accessible-btn{/*!z-index: 250;position: fixed;left: 0;top: 150px;*/float:left} .accessible-btn a{color:#fff!important;font-size:3.6rem;text-decoration:none;padding:10px;background:#3b5998!important} .accessibility-menu{background:#fff;float:left;-webkit-transition:all .5s ease;transition:all .5s ease;position:relative;width:250px} .accessibility-menu.active{padding-left:auto;display:block} .accessibility-wrap:not(.visible) .accessibility-menu a{display:none} .highcontrast .translation-links span{color:#135591} .highcontrast #search #search-input{color:#135591} .highcontrast #search-input::placeholder{color:#135591} .highcontrast #nav li a,.highcontrast #nav li span{color:#003a6f;} .highcontrast .quick-link a{color:#135591} .highcontrast .btn{color:#001e3a!important} .highcontrast #welcome-right a{color:#004380} .highcontrast #welcome-right a:last-of-type{color:#00386b} .highcontrast #footer-left div:first-child{color:#003769} .highcontrast #footer-right a,.highcontrast #footer-right span{color:#003769} .highcontrast .floating-share-btn{color:#000!important} .highcontrast #slider h1{background:#003769;padding:15px 0} .highcontrast .news-content span{color:#003769} .highcontrast .news-content p{color:#003769} .highcontrast .news-content a{color:#003769} .highcontrast #nav li:hover>a, .highcontrast li:hover>span{color:#01213e} .highcontrast #nav ul ul li a, .highcontrast #nav ul ul li span{color:#003a6f} .highcontrast .translation-links a{color:#003769} .highcontrast #breadcrumbs p{color:#135591} .highcontrast #flyout li:hover>a, .highcontrast #flyout li:hover>span{color:#00284c} .highcontrast #flyout ul a, .highcontrast #flyout ul span{color:#002a50} .highcontrast #flyout ul li:hover>a, .highcontrast #flyout ul li:hover>span{color:#000} .greyscale{filter: grayscale(100%)} .yellowlinks a{color:#ff0!important} .yellowlinks #nav ul a, .yellowlinks .quick-link a, .yellowlinks .news-content a, .yellowlinks #breadcrumbs a{background:#000!important} .underline-links a{text-decoration: underline!important} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (min-width:992px) { #flyout .focused .toggle,#nav .focused .toggle,#nav .focused .toggle2{display: inline-block;/* margin-left:8px; */position: relative;/* top: 50%; */right: 5px;/* transform: translateY(-50%); */} #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #nav li> .toggle, #nav ul li> .toggle2, #flyout li> .toggle, #flyout ul li > .toggle2{display: inline-block;padding: 0;/* position: absolute; *//* top: 50%; *//* right: 0; *//* transform: translateY(-50%); */line-height: 1;display: none;} #nav .toggle2{display:none!important} /*--------------- #nav ---------------*/ header {position:relative;top:0;left:0;background-color:rgba(255,255,255,.85);width:100%} /* header .container {position:relative} */ #nav {margin:0;text-align:right} /* #nav>li:hover {background-color:#149b9a} */ #nav>li:not(:last-child):after {content:'';position:relative;top:8px;padding:25px 1px 0 0;background-color:#fff;opacity:0.2} #nav>li>.nav-content-wrap>.mega-menu {-webkit-column-count:3;column-count:3;-webkit-column-gap: 0px;column-gap: 0px;display:block;float: right;width: 68.4%;padding: 5px 0} .nav-content-wrap{display:none;position:absolute;top:100%;left:80px;right:-96px;background-color:#fff;padding:30px 50px 29px 30px;text-align:left;} #nav>li:hover>.nav-content-wrap{display:block;} .nav-img-wrapper{float:left;width:31.6%;} #nav ul>li>a, #nav ul>li>span {color:#212124;font-size:1.6rem;line-height:18px;font-weight:700;padding:6px 15px 6px 0} /* #nav>li> ul li a {margin:11px 0 0;padding:0} */ #nav ul ul li a {font-size:1.4rem;color:#149b9b;padding:7px 0 0} #nav ul li{margin:0} .h-countdown #nav li a:hover, .h-countdown #nav li span:hover { color: #fff; background-color: #CB0D0D!important; } /*--------------- #flyout ---------------*/ #side-content {margin:70px -21px 0 -1px;height: auto!important;} #flyout-wrap {padding:53px 0px 41px} #flyout,#nav{display:block!important} #flyout li {padding:0 41px} #flyout li:hover {background-color:#00aaab;-webkit-box-shadow: 0px 7px 0px 0px rgba(19, 84, 145, 0.2);box-shadow: 0px 7px 0px 0px rgba(19, 84, 145, 0.2)} .h-countdown #flyout li:hover{background-color:#CB0D0D} #flyout ul li:hover {background:rgba(0,0,0,.2);-webkit-box-shadow:none;box-shadow:none} #flyout-toggle {display:none} .toggle-children {display:none} #inner-events {padding:0 22px} /*--------------- #entry ---------------*/ #dept-freeform main .container, #freeform main .container {padding-bottom:60px} #entry {margin:64px 0 0 -12px;padding-right:61px} .fullwidth #entry{margin-left:0} #dept-freeform.fullwidth #entry, #freeform.fullwidth #entry {padding:0} /*--------------- #welcome ---------------*/ #welcome-left {padding:30px 200px 30px 540px} #welcome-right {padding:25px 0 56px 226px} /*--------------- #news ---------------*/ #news .clearfix {padding:0 50px} } @media only screen and (max-width:1600px) { .programs-content{font-size:19px;} #logo{width:200px} } @media only screen and (max-width:1400px) { .programs-content{font-size:17px} } @media only screen and (max-width:1400px) { /*--------------- #nav ---------------*/ #logo {top:25px;width:300px} #right-nav {padding:30px 0} #nav {margin:-2px} #nav li a {font-size:1.5rem} #nav>li>.nav-content-wrap>.mega-menu { -webkit-column-gap:30px; column-gap:30px; padding:20px; } .nav-content-wrap {left:0;right:0;padding:15px} /*--------------- #slider ---------------*/ #slider {height:800px;margin-top:149px} #slider h1 {font-size:13.0rem;width:1000px} /*--------------- #video-wrap ---------------*/ .btn-scroll {bottom:54px;right:15px} #video-player {height:630px} #video-wrap {width:750px;height:421.875px} #play-btn {width: 705px; height: 421.875px} #play-btn:after {width: 120px; height: 120px;} /*--------------- #welcome ---------------*/ #welcome-left h2 {font-size:4.8rem;margin-bottom:20px} #welcome-left h2 span {font-size:2.0rem;line-height:24px} #welcome-left p {font-size:1.6rem;margin-bottom:30px} #welcome-left .btn {font-size:1.3rem;width:170px;line-height:30px} #welcome-right {padding-left:140px} #welcome-right h3 {font-size:2.0rem;margin-bottom:15px} #welcome-right a {font-size:1.8rem} #welcome-right a:last-child {margin-top:25px} .programs-link{width: 46%;margin:0 4% 30px 0!important} /* .programs-link:nth-child(3n) {margin-right:auto} */ /*--------------- #news ---------------*/ #news h2 {font-size:4.8rem} #news .btn {font-size:1.3rem;width:170px;line-height:30px} .news-link {width:49.28057554%} .news-link:nth-child(3n) {margin-right:1.4388489208633095%} .news-link:nth-child(2n) {margin-right:0} /*--------------- #events ---------------*/ #calendar-img {-webkit-transform:translate(-32.15%, -61.4%);transform:translate(-32.15%, -61.4%);width:325px} #events-left {padding:201px 230px 165px 60px} #events-left h2 {font-size:4.8rem;margin-bottom:20px} #events-left p {font-size:1.6rem;margin-bottom:30px} #events-left .btn {font-size:1.3rem;width:170px;line-height:30px} /*--------------- #footer ---------------*/ #footer-left, #footer-right {float:none} } @media only screen and (max-width:1200px) { .h-countdown #quick-links{bottom:0} .h-countdown #quick-links .quick-link::before{content:none} .h-countdown #quick-links .quick-link::after{content:none} .h-countdown #quick-links .owl-item{border-radius:0} .h-countdown #quick-links .owl-item:nth-child(1n):hover{background-color:#72bd4a} .h-countdown #quick-links .owl-item:nth-child(2n):hover{background-color:#135591} .h-countdown #quick-links .owl-item:nth-child(3n):hover{background-color:#149b9a} } @media only screen and (max-width:1040px) { /*--------------- #slider ---------------*/ #slider h1 {font-size:10.0rem;width:800px} #slider h1 span {font-size:3.2rem} /*--------------- #welcome ---------------*/ } @media only screen and (max-width:991px) { /* .accessibility-wrap{right:-230px} */ /* rz form tables - without page scope this targets editforms and makes * editing confusing */ .floating-share-btn {top:unset;bottom:0} #freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important} #freeform #formwizziwmorf tr table tr{display:table-row!important} #freeform #formwizziwmorf tr table td{display:table-cell!important} #calendar{height: 885px} header{position:absolute;left:0;right:0;top:0;width:100%;background:rgba(255,255,255,.85)} .inlinePlayButton{display: none!important;} /*--------------- #nav ---------------*/ #top-nav {height:140px;;margin:0 -15px} /* border-bottom:40px solid #72bd4a */ #right-nav #search {display:none} #right-nav{position:static} nav {margin:0;padding:0} #toggles{float:right} #search{width:calc(100% - 30px);position:absolute;top:calc(100% + 15px);right:15px} #search input{width:100%;font-size:1.2rem} #search input::-webkit-input-placeholder {font-size:1.2rem} #search input:-ms-input-placeholder {font-size:1.2rem} #search input::-ms-input-placeholder {font-size:1.2rem} #search input::placeholder {font-size:1.2rem} #search button {font-size:1.8rem} #search-toggle-mobile, #nav-toggle{line-height:45px;width:45px;text-align:center;border:1px solid rgba(0,0,0,.15);cursor:pointer;font-size:2.0rem;color:#000;border-radius:4px;margin-left:5px;margin-top:20px} .h-countdown #search-toggle-mobile, .h-countdown #nav-toggle{background:#C7C8CA} .toggle, .toggle2, #nav-toggle{display:inline-block;cursor:pointer} .down-arrow{display:none} /* if not hidden above */ #nav{display:none} .h-countdown #nav{background:#333} #nav li{float:none;display:block;position:relative} #nav li a, #nav li span{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:1.4rem;width:100%} #nav ul{position:static;top:0;padding:0;background:rgba(0,0,0,.2)} #nav>li>.nav-content-wrap {padding:0;left:0;width:auto;height:auto} #nav ul ul {display:none} #nav li:hover > ul{display:none} #nav ul a, #nav ul span{width:100%} #nav ul ul{left:0} #nav .toggle, #nav .toggle2{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:45px;width:45px;font-size:2.4rem;text-align:center;line-height:45px;padding:0} #nav li li:hover > a:first-of-type{background:none;color:#fff} .nav-image {display:none} .nav-content-wrap {display:block} /* #video-player:after{height:140px} */ #programs-section .container{width: 100%} .programs-link{float:none;width:100%!important} #side-content {margin:0 -15px;padding:0 15px} #flyout-wrap {padding:15px 0} #flyout{display:none} #flyout li a, #flyout li span{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:1.4rem} #flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.2)} #flyout ul a, #flyout ul span{width:100%} #flyout-header, #flyout li:hover > ul{display:none} #flyout-toggle {color:#fff;font-size:2.0rem} .h-countdown #flyout-toggle {color:#000} #flyout .toggle {position:absolute;top:0;right:0;width:45px;height:45px;font-size:2.4rem;text-align:center;background-color:rgba(0,0,0,.2)} /*--------------- #slider ---------------*/ #slider {height:700px;margin-top:0} #slider h1 {font-size:8.0rem;width:620px} #slider h1 span {font-size:2.8rem} #slider h1 span:last-child {bottom:10px} /*--------------- #quick-links ---------------*/ .quick-link {padding-bottom:30px} .quick-link h2 {font-size:1.6rem} /*--------------- #video-wrap ---------------*/ #video-player {height:575px} #video-wrap {width:650px;height:365.625px} #play-btn {width: 605px; height: 365.625px} #play-btn:after {width: 110px; height: 110px;} #video-player:before{display: none;} /*--------------- #welcome ---------------*/ #welcome {padding:0} #welcome-left{padding:480px 30px 30px 30px} #welcome-img{top: 20px;left: 50%;transform: translateX(-50%);width: 300px;} #welcome-left:after{top: 545px} #welcome-left h2 {margin-top:0} #imageslider .info .section-header{font-size: 25px;} #imageslider .info{left:15px;right:15px} /*--------------- #news ---------------*/ #news {padding:50px 0} #news .btn {margin:0;} .news-content {opacity:1;left:15px;right:15px;bottom:15px;padding:15px 15px 50px;top:auto} .news-content h3 {font-size:1.8rem;margin:0} .news-content p {font-size:1.5rem;margin:0 0 15px} .news-content a {font-size:1.3rem;position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)} .news-content a:after {left:-7px} #imageslider .info-wrap{right:0;bottom:0} #imageslider .info{top:50%} /*--------------- #events ---------------*/ #events {padding-top:10px} #events-left {padding:50px 15px 130px} #events-left h2 {margin-top:0} #events-right{padding:50px 0} #calendar{width:100%;margin:0} /*--------------- #social-feed ---------------*/ .social-feed-element i {font-size:4.8rem} .social-feed-text {font-size:2.0rem;line-height:normal} .time-date {font-size:1.4rem} /*--------------- footer ---------------*/ footer {padding:15px 0} /*--------------- #entry ---------------*/ #dept-freeform #slider {height:500px;margin:0} #entry {margin-top:15px} #page-title {font-size:5.0rem} #post {font-size:1.4rem} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { .floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px} .floating-alert{font-size:1.2rem} .floating-alert h3{margin-bottom:10px;font-size:1.4rem} .floating-alert .btn{font-size:1.0rem;padding:7px 12px!important} .share-btns a{height:auto;padding:10px;width:100%;font-size:1.2rem;white-space:nowrap;overflow:hidden} .share-btns i{display:block;line-height:50px!important;font-size:2.0rem} /*--------------- #slider ---------------*/ #slider {height:600px} #slider h1 {font-size:6.0rem;width:470px} #slider h1 span {font-size:2.4rem} /*--------------- #welcome ---------------*/ /* #welcome-img {width:200px;height:250px;-webkit-transform:translate(8.8%, -49.5%);transform:translate(8.8%, -49.5%)} */ #welcome-left h2 {font-size:4.0rem;margin-bottom:15px} #welcome-left p {font-size:1.4rem} #welcome-right a {font-size:16px} /*--------------- #video-wrap ---------------*/ .btn-scroll {display:none} #video-player {height:450px} #video-wrap {width:430px;height:241.875px} #play-btn {width: 385px; max-width: calc(100% - 45px); height: 241.875px} #play-btn:after {width: 90px; height: 90px;} .programs-link {width:100%;margin-right:0} /*--------------- #news ---------------*/ #news h2 {float:none;font-size:4.0rem} #news .btn {font-size:1.3rem;width:170px;line-height:30px;float:none;margin-top:15px} #news-links {margin-top:30px} .news-link {width:100%;margin-right:0} /*--------------- #events ---------------*/ #calendar-img {-webkit-transform:translate(-20.15%, -69.4%);transform:translate(-20.15%, -69.4%);width:260px} #events-left h2 {font-size:4.0rem;margin-bottom:0} #events-left p {font-size:1.4rem} #events-right a {font-size:1.6rem} .btn.calendar-more-button{float: none;width:165px;display: block;margin: 0 auto;} .events-link span {font-size:1.3rem} /*--------------- #social-feed ---------------*/ .social-feed-text {font-size:1.8rem} .time-date {font-size:1.2rem} /*--------------- footer ---------------*/ #footer-left div {display:block;margin:10px 0} #footer-left div:first-child, #footer-right a, #footer-right span {font-size:1.2rem} /*--------------- #entry ---------------*/ #page-title {font-size:4.0rem} #flyout-toggle {font-size:1.8rem} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { /*--------------- #nav ---------------*/ #logo {width:180px;top:25px;left:15px} #top-nav {height:100px} /*--------------- #slider ---------------*/ #slider h1 {font-size:4.5rem;width:360px} #slider h1 span {font-size:1.8rem} /*--------------- #video-wrap ---------------*/ #video-color, #play-btn {height:0;padding-bottom:56.25%} #play-btn:after {width: 70px; height: 70px;} #play-button {height:18px} /*--------------- #welcome ---------------*/ /* #welcome-img {display:none} */ /*--------------- #events ---------------*/ #calendar-img {-webkit-transform:translate(-50.15%, -64.4%);transform:translate(-50.15%, -64.4%);width:240px} .news-content h3 {line-height:26px} } @media print { .nav-wrap, .sidebar, #flyout-wrap, .breadcrumbs, #slider, .e-notify{display:none!important} a[href]:after{content:none!important} }