/*----------------------------------------------------------------------------------- Theme Name: Hountington Beach, CA Front-end developer: Suman Shrestha Author Design: Samir Alley Author URI: http://www.revize.com/ Date: 09/01/2023 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); @import url('https://use.typekit.net/dgd7drk.css'); /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:18px;line-height:26px; font-family: 'Poppins', sans-serif; font-weight:400;color:#0d0d31;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;top:0!important} /* ----------------------------------------- #typography -----------------------------------------*/ 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:36px} h2{font-size:38px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-size:28px;color:#1c1d28;margin-bottom:30px} .subheader{font-size:24px; font-weight: 700; color:#1c1d28;margin-bottom:25px; display: block;} 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{text-decoration:underline; -webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease; -webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease} 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 -----------------------------------------*/ .btn a, .btn span{text-decoration:none;color:#fff} body #rz-business-categories ul li a, .button, .btn, .button, #post button:not(.rz-doc-search-reset):not(#calendar .fc-button), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{background: #fff; padding: 14px 52px; border-radius: 25px;color:#1D418E;border:4px solid #1D418E;display:inline-block;font-size:22px;font-weight:700; text-decoration:none; text-transform: capitalize; cursor:pointer;line-height:150%;vertical-align:top;transition:all .3s} body #rz-business-categories ul li a:hover, .button:hover, a.button:hover, #post button:hover, .btn:hover, #post input[type="submit"]:hover, #post input[type="reset"]:hover, #post input[type="button"]:hover, .rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#1D418E;color:#fff; text-decoration: none;} body #rz-business-categories ul li a:active, .btn:active, .button:active, a.button:active, #post button:active, #post input[type="submit"]:active, #post input[type="reset"]:active, #post input[type="button"]:active, .rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#1D418E;color:#fff} #post button::-moz-focus-inner, #post 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:13px;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;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:13px} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:13px;color:#444} .form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none} ::-webkit-input-placeholder{color:#587186} :-moz-placeholder{color:#587186} ::-moz-placeholder{color:#587186} :-ms-input-placeholder{color:#587186} .gsc-control-cse *{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%;box-sizing:border-box;padding:10px;color:#000} /* ----------------------------------------- #rz alert -----------------------------------------*/ .floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;color:#fff;padding:30px 30px 0px;font-size:14px;width:350px;background: #000;border: 2px solid rgba(255, 255, 255, 0.6);border-radius: 0;} .floating-alert h2{color:#ffaa00;margin:0 0 10px;font-weight:500;text-transform:capitalize;font-size:18px; line-height: 22px;} .floating-alert a {color: #fff;} .floating-alert .btn{margin:20px 0 0 0!important;} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:13px;margin-top:10px} .floating-alert.fade:not(.show){visibility:visible} .floating-alert.fade:not(.show) {opacity: 1;} .floating-alert a.rz-btn {font-size: 16px; padding: 4px 20px; background: #fff; border-radius: 0; box-shadow: none; font-size: 14px; text-transform: capitalize; border: 2px solid #1D418E; border-radius: 10px; margin: 15px 0 0; color: #1D418E !important;} .floating-alert a.rz-btn:hover {background-color:#1D418E; color: #fff !important;} /* ----------------------------------------- #rz edit -----------------------------------------*/ .rzHeader{position:absolute;top:290px;left:0;right:0;z-index:101;width:550px;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:'Poppins',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 rgba(255,255,255,.1);font-size:16px;line-height:26px;white-space:nowrap} a>span.rzBtn.noPush, .rzContainer a>span.rzBtn.noPush, #search-caption a>span.rzBtn.noPush{position:absolute;margin-top:-30px} a>span.rzBtn.rzSmall, .rzContainer a>span.rzBtn.rzSmall{font-size:14px;padding:5px;line-height:16px} a>span.rzBtn.rzCenter{transform:translateX(-50%)} .rzAdmin{position:relative;z-index:199;display:inline-block;} .rzAdmin>img{position:relative;z-index:2;opacity:0;width:130px;height:76px} .rzAdmin:after{content:"Admin Panel";z-index:1;position:absolute;left:0;top:20px;display:inline-block;font-family:'Poppins',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;} a>span.rzBtn:hover, .rzAdmin:hover:after, body:not(#rz-editform) a[href*="/revize_faq.php"]:hover:after {background:linear-gradient(#333,#555)!important} body:not(#rz-editform) a[href*="/revize_faq.php"]{padding:0} body:not(#rz-editform) a[href*="/revize_faq.php"]>img{position:relative;z-index:2;display:none} body:not(#rz-editform) 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} #dataTable .header{display:table-cell} .alertbtn{position:fixed;bottom:20px;right:20px;z-index:100000} .rzContainer{position:absolute;margin:-30px auto 0;left:0;right:0;max-width:1300px} .rzContainer>a{display:inline-block!important} .topnav {position: absolute; top: 190px; left: 50%; transform: translateX(-50%); z-index: 99;} .news_btn, .event_btn, .container_btn {position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 99;} .qlinks_btn {position: absolute; top: -80px; left: 50%; transform: translateX(-50%);} #freeform .rzAdmin:after {top: 20px;} .Freeform_slides {position: absolute;} #ics-export {margin-top: 4px !important;} form#rz-business-directory-search{margin:0 0 15px 0} article#rz-business-directory i.fa.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;} .business-social-links a>.fa-twitter:before{content: "";background:url(../images/twitter-x.png);background-size: cover;display: inline-block;width: 18px;height: 18px;position: relative;top: 3px;} body .cat h3 {background: #1D418E;} body #entry #rz-business-categories ul li a {background: #fff; color: #1D418E !important; border: 2px solid #1D418E !important; line-height: 15px;} body #entry #rz-business-categories ul li a.rz-selected-business-category {background: #1D418E !important; color: #fff !important;} body #doc-search-form .rz-doc-search-submit {border-radius: 0; background: #1D418E; color: #fff; padding: 0 15px;} body span.btn:hover a {color: #fff !important;} .rz-block-img.no-background::after { content: none !important; } .rz-block-img li { font-size: 13px !important; } body .faq-container .faq-category {margin: 25px 0 0;} body .faq-container .faq-category:first-child {margin: 0;} body .faq-header {color: #1D418E!important;} body .faq-question {margin: 0 0 0 20px;} span.btn a, a {color: #1D418E;} span.btn a:hover {color: #fff;} span.btn {padding: 0;} span.btn a {padding: 14px 50px; display: block;} .user-logged-in #flyout-header>a{position:relative;top:-5px} #rz-business-categories {padding: 25px 0 0 !important;} #rz-business-directory .rz-block-img {display: flex; align-items: flex-end;} #rz-business-directory .rz-block-img:after {transform: rotate(180deg);} .rz-block-list .rz-business-desc {display: none;} /* ----------------------------------------- #main -----------------------------------------*/ .agenda-category .agenda-category-header{display: block;position: relative;} .agenda-category .agenda-category-header:before {content: '\f105';font-family: 'FontAwesome';margin-right: 8px;display: inline-block;color: #000;font-weight: 700;} .agenda-category .agenda-category-header:not(.collapsed)::before{content: '\f107';} .agenda-category .agenda-category-body{display: none;overflow: hidden;} #nav .toggle, #nav .toggle2, #flyout .toggle{display:none} .container {width: 1310px; max-width: 100%;} #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999} #skip:focus{left:50px;top:50px} #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} header{position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; height: 100px; background:#1D418E} header .container {width: 1330px;} header .container, header .row, header .col-lg-10 {position: static;} /* Default nav styles */ #nav .fa:before{font-family:'FontAwesome' !important} #nav{padding:0;margin:0;display:block; width: 100%; z-index: 8;} #nav li{margin:0;list-style:none;transition:all .3s; padding: 0;} #nav>li:first-child {padding-left: 0;} #nav>li:last-child {padding-right: 0;} #nav li a, #nav li span{padding:38px 16px 39px; display:inline-block; font-size: 18px; text-transform: uppercase; color: #fff; text-decoration: none; font-weight: 600; position: relative;} #nav > li:hover > a, #nav > li:hover > span {color: #F6851F; text-decoration: none; background: none;} #nav > li:after {content: ''; display: block; width: 0; height: 7px; background: #ffc215; transition: width .3s; margin-top: -7px;} #nav > li:hover:after {width: 100%;} #nav > li.active:after {width: 100%;} #nav ul{padding:0;margin:0} #nav ul a, #nav ul span{padding:0} #nav>li>.mega-wrapper {left: 0;right: 0;} .social-icon-links {margin: 0; display: flex; justify-content: flex-end; gap: 10px; padding: 28px 0 0;} .social-icon-link {width: 45px; height: 45px; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center; display: inline-block;} /* Social */ #twitterfeed{background:#f1f1f1} /* Logo */ #logo{display:inline-block;max-width:100%;width:111px;margin:0; position: absolute; top: 0; left: 15px;} .headerBtm {position: absolute; top: 120px; left: 0; right: 0; z-index: 99;} .headerBtm .container {position: relative;} /* Translate */ .goog-te-banner-frame{display:none} #translation-links{padding:0; margin: 0 20px 0 0; position: absolute; top: 29px; right: -20px;} #translation-links button{padding:0 0 0 30px;border:0;background:url('../images/translate-icon.png') no-repeat left; color: #fff; font-size: 24px; font-weight: 400; text-transform: capitalize; font-family: 'Bebas Neue', sans-serif;} #translation-links button i.fa-sort-desc {color: #1D418E; font-size: 12px; position: absolute; top: 0; right: -4px;} #translation-links button i {margin: 0; font-size: 14px;} #translation-links li{position:relative;margin:0;list-style:none; padding-right: 12px;} #translation-links ul{padding:15px 10px;margin:0;position:absolute;right:0;top:100%;width:250px;height:400px;overflow:scroll;background:#fff;display:none; text-align: right;} #translation-links ul li{margin:0} #translation-links ul li a {color: #1D418E; font-size: 14px;} #translation-links ul li:hover a {color: #1D418E;} /* Quick links & Search */ #qlinks {margin: 0; position: relative; z-index: 10; background: #fff; padding:0 0 125px;} #qlinks .quickCol {margin: 0;} #qlinks .tiny-carousel {margin: 0 auto;} #qlinks .qBox {text-decoration: none; text-align: center; display: block;} #qlinks .qIcon {width: 106px; height: 106px; background-position: center; background-repeat: no-repeat; border: 4px solid #1D418E; border-radius: 30px; margin: 0 auto;} #qlinks .title {font-size: 30px; color: #1d2124; font-weight: 600; line-height: 32px; text-transform: uppercase; padding:36px 60px 0;} #qlinks .tns-outer .tns-controls button {background: none; color: #fff;} #qlinks .qkbg {position: absolute; bottom: 0; left: 0; right: 0; width: 100%;} #qlinks .tns-controls button {margin: 0;} #qlinks .tns-controls button i {border: 4px solid #1D418E; border-radius: 10px; background-color: #fff; width: 48px; height: 48px; display: block; background-position: center; background-repeat: no-repeat;} #qlinks .tns-controls button i.left {background-image: url('../images/prev-btn.png');} #qlinks .tns-controls button i.right {background-image: url('../images/prev-btn.png'); transform: rotate(180deg);} /* Search */ #search {padding: 5px 47px 0;} #search form{position:relative;margin:0; width: 100%;} #search form input{border:0;height:77px;color:#9494a1; padding-left: 70px; padding-right:60px;width: 100%; font-size: 24px; font-weight: 600; line-height: 160%; background: #fff; border: 4px solid #1D418E; border-radius: 20px;} #search input::-webkit-input-placeholder {color:#9494a1} #search input:-moz-placeholder {color:#9494a1} #search input::-moz-placeholder {color:#9494a1} #search input:-ms-input-placeholder {color:#9494a1} #search form label{margin:0;position:absolute;left:34px;top:19px;line-height:38px; color: #F6851F; font-size: 24px;} #search form button{position:absolute;right:5px;top:2px;border:0; width: 70px; height: 70px; background: none; border: none; font-size: 24px; color: #F6851F; text-transform: uppercase; font-weight: 600;} #search form .radio-btns {display:flex; justify-content: flex-start; margin: -10px 0 0;} #search form .form-group{margin:0 14px 0 9px} #search form .radio-btns input[type="radio"]{display:none} #search form .radio-btns label{position:relative;padding-left:32px;cursor:pointer;display:inline-block;font-weight:500;font-size:16px;color:#fff;text-transform:capitalize;line-height:1.2;} #search form .radio-btns label::before{content:'';position:absolute;left:0;top:0;width:23px;height:23px;border-radius:50%;background:#D5E6F1} #search form .radio-btns label::after{content:'';width:17px;height:17px;background:#1D418E;position:absolute;top:3px;left:3px;border-radius:50%;transition:all .3s ease} #search form .radio-btns input[type="radio"]:not(:checked) + label::after{opacity:0;transform:scale(0)} #search form .radio-btns input[type="radio"]:checked + label::after{opacity:1;transform:scale(1)} /* Curated search */ #search-results-wrap{position:fixed;left:0;right:0;top:250px;z-index:9999} #search-results {position: absolute;top: 115%;left: 10%;right: 10%;background: #f3ecda;box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 15px 0px;display:none} #search-results .tab-content {background: #fff;overflow:auto;} .search-nav {list-style-type: none;margin: 0;padding: 0;display: table;table-layout: fixed;width: 100%;border-collapse: collapse;} #search-results .tab-pane h2 {font-size:42px;color: #1D418E;font-weight:600;text-align: left;margin: 0 0 10px 0;text-transform:capitalize} .g-search-wrap iframe {min-height: 400px;border: 0!important;width: 100%;} .curated-item h4 {margin: 00;font-size: 17px;color: #444;font-style: italic;} #search-results .tab-content .tab-pane {padding: 30px;} .curated-item h3 {margin: 0;font-size: 22px;color: #F6851F;font-weight: 600;display:block;width:75%;} .curated-item {text-align: left;padding-top: 5px;border-top: 1px solid #c7d1d8;margin-bottom: 5px;padding-bottom: 5px;} .curated-item>a {text-decoration: none;display: inline-block;} .curated-item small {margin-top: 2px;font-size: .7em;color: #001423;line-height: 1.3;} .curated-tags span {border-radius: 3px;display: inline-block;background: #062f6e;color: #fff;font-weight: bold;font-size: 11px;line-height: 1;padding: 4px 8px 5px;margin-right: 4px;} .curated-item div.pull-right {text-align: right;width:25%} .curated-item div.pull-right .search-icon {color: #062f6e;font-size: 16px;width: 22px;display: inline-block;text-align: center;margin-left: 4px;} a.search-dept-url {display: block;color: #444444;} .curated-item h3 a {color: #F6851F;} li#close-curated {display: inline-block;position: absolute;right: 0;top: -60px;float: none!important;background: none;width: auto!important;color: #000;font-size: 35px;border:0!important} .search-nav li{display:table-cell;float: none;width: 100%;background:#F6851F;color: #fff;font-weight: 700;text-align: center;padding: 14px 0;border-right: 2px solid #c7d1d8;position: relative;pointer-events:none} /* it should not be clickable since it is only one tab */ .search-nav li#close-curated{cursor:pointer;pointer-events:auto} .search-nav li:last-of-type{border:none} .search-nav li.active{background:#F6851F} .curated-tags {clear: both;} #close-curated .fa-close{color:#fff} form#rz-business-directory-search{margin:0 15px 0 0} form#rz-business-directory-search{margin:0 15px 0 0} /* support/issues/105411 */ #search-results li[data-tab="#search-2"]{display:none!important} #search-results li[data-tab="#search-3"]{display:none!important} #search-1>h2{display:none!important} #search-3>h2{display:none!important} #search-results #search-1{display:block;order:3} #search-page-curated #search-results-wrap{position:static;display:none} #search-page-curated #search-results{position:static} #search-page-curated .search-nav li#close-curated{display:none} #search-page-curated .container{padding:0} #search-page-curated #search{padding:0;margin:15px 0} #search-page-curated #search button{display:none} #homepage #search-results-wrap{display:none!important} #freeform:not(.search-page-template) #search-results-wrap{display:none!important} .search-page-template #post #___gcse_0{display:none!important} /* Latest News */ #news {padding: 0 0 103px; background: #e4f1fb; background-size: cover; position: relative; z-index: 1;} #news .section-header {margin: 0 0 46px; font-family: 'Bebas Neue', sans-serif; font-size: 186px; color: #1D418E; font-weight: 400; line-height: 100px;} #news .section-header span {display: block; font-family: 'Permanent Marker', cursive; font-size: 60px; color: #F6851F; font-weight: 400; line-height: 120px;} .sliderCol {width: 1600px; max-width: 100%; margin: 0 auto 17px;} .sliderCol .newsBx {background: #fff; border-radius: 10px; display: block; text-decoration: none; margin: 0 12.5px;} .sliderCol .newsImg {min-height: 244px; border-radius: 10px 10px 0 0; background-size: cover;} .sliderCol .newsInfo {padding: 45px 35px 40px;} .sliderCol .date {color: #314722; font-size: 18px; font-weight: 600; line-height: 30px; text-transform: uppercase;} .sliderCol .title {color: #0d0d31; font-size: 24px; font-weight: 600; line-height: 30px;} .sliderCol .newsBx:hover .title {text-decoration: underline;} #news .tns-nav {display: none;} #news .text-center {padding-top: 25px;} /* Upcoming Evetns */ #events {position: relative; padding: 50px 0 15px; background: #fff2dd; z-index: 3;} #events img.eventTopbg {position: absolute; top: 0; left: 0; right: 0; width: 100%;} #events .section-header {margin: 0 0 50px; font-family: 'Bebas Neue', sans-serif; font-size: 186px; color: #1D418E; font-weight: 400; line-height: 92px;} #events .section-header span {display: block; font-family: 'Permanent Marker', cursive; font-size: 50px; color: #F6851F; font-weight: 400; line-height: 120px;} #events #tabs{display: flex; width: 535px;height: 84px; background: url(../images/calendar-head.png); justify-content: space-around; background-size: cover;} #events .tab{font-size: 30px; color: #fff; text-transform: capitalize !important; font-weight: 400; text-decoration: none; font-family: "bebas-neue-pro", sans-serif; line-height: 84px;} #events .tab:hover {color: #fff; text-decoration: none; color: #ecc959;} #events .tab.current{color: #ecc959; border-bottom: 5px solid #ecc959;} #events .tab-content:not(.current){display:none} #events #tabs-content {padding: 0;} /* Explore */ #explore {padding: 197px 0 195px; background: url('../images/explore-bg.jpg') no-repeat top center; background-size: cover; position: relative; z-index: 2;} #explore img.eveBtm {width: 100%; position: absolute; top:0; left: 0; right: 0;} #explore .exploreCol {display: flex; justify-content: space-between; align-items: center;} #explore .exploreCol .section-header {width: 50%; margin: 0; font-family: 'Bebas Neue', sans-serif; font-size: 120px; color: #1D418E; font-weight: 400; line-height: 100px; letter-spacing: 2px;} #explore .exploreCol .section-header span {display: block; font-family: 'Permanent Marker', cursive; font-size: 60px} #explore .exploreCol .exploreInfo {width: 50%; min-height: 510px; position: relative;} #explore .info {position: absolute; width: 235px; height: 235px; border-radius: 10px; overflow: hidden;} #explore .info a {display: block; text-decoration: none;} #explore .infoImg {height: 235px; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1;} #explore .imgBx {background-position: center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.51; z-index: -1;} #explore .infoImg .txt {color: #fff; text-transform: uppercase; font-size: 30px; font-weight: 900;} #explore .info1 {top: 0; right: 0; background-color: #314722; z-index: 1;} #explore .info2 {top: 125px; right: 205px; background-color: #364266; z-index: 2;} #explore .info3 {bottom: 0; right: 30px; background-color: #c92030; z-index: 3;} /* footer */ footer {background: #1D418E; position: relative; z-index: 4; padding: 70px 0 0;} .footerTop {padding:0 0 115px;} .footerTop .social-links {margin: 0; display: flex; justify-content: flex-start; gap: 10px; padding: 43px 0 12px;} .footerTop .social-links .slinks {width: 45px; height: 45px; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center;} .footerTop .qsn {font-size: 14px; color: #fff; font-weight: 400;} .footerTop .qsn a {color: #fff; text-decoration: none;} .footerTop .title-head {color: #F6851F; font-size: 24px; text-transform: uppercase; font-weight: 600; margin: 0 0 9px;} .footerTop .links {color: #fff; font-size: 16px; text-decoration: none; display: block;} .footerTop .links:hover, .footerTop .qsn a:hover .footerTop .fInfo .txt a:hover {text-decoration: underline;} .footerTop .fInfo {padding: 30px 0 0; text-align: center; margin: 0 -10px;} .footerTop .fInfo .txt {font-size: 14px; color: #fff; line-height: 22px; display: block;} .footerTop .fInfo .txt a {color: #fff; text-decoration: none;} .fBx {margin: 0 0 0 59px;} .footerTop .container-fluid {padding: 0;} .footerBtm {background: #F6851F; padding: 22px 0; text-align: center;} .footerBtm #revize {color: #1d2124; font-size: 13px;} .footerBtm #revize a#revize-link {text-decoration: none; color: #1d2124; font-weight: 400;} .footerBtm #revize a#revize-login {color: #1d2124; text-decoration: none;} .footerBtm #revize a#revize-link:hover, .footerBtm #revize a#revize-login:hover {text-decoration: underline;} .footerBtm #revize span {font-weight: 400; color: #1d2124; display: inline-block; padding: 0 5px;} /* ----------------------------------------- #inner -----------------------------------------*/ img.footerBg {width: 100%; position: absolute; bottom: 0; left: 0; right: 0; z-index: 3;} #homepage main {position: relative;} #freeform main {position: relative; padding: 0 0 150px; word-wrap: break-word;} #flyout-bg{position:absolute;left:0;top:0;bottom:0;z-index:-1;} #page-title{font-size:60px;color:#0d0d31; margin: 0; font-family: "bebas-neue-pro", sans-serif; font-weight: 700; letter-spacing: -2px;} #entry{padding:0; margin: 7px 0 0 95px;} #entry blockquote {font-size: 48px; font-weight: 700; line-height: 48px; margin:0 0 30px 0; padding:0; color: #0d0d31;} #entry p {margin-bottom: 43px;} #entry p a, #entry ul li a {color: #1D418E;} #entry p a:hover, #entry ul li a:hover {text-decoration: underline;} #entry .subheader {font-size: 24px; color: #0d0d31; font-weight: 700; margin-bottom: 35px;} #entry ul {padding-bottom: 10px;} #entry img {border-radius: 10px;} /* Requested Change #110972 */ #entry table td span{line-height: 7vh;} #flyout-wrap{ z-index: 999; position: relative; margin-top: 48px; border-radius: 10px; padding: 5px 0 30px 0; margin:0 -55px 30px 50px; background: #deeeff;} #flyout-header{margin:58px 0 27px; color:#0d0d31;font-size:36px;letter-spacing:-.025em; padding: 0 0 0 35px; line-height: 24px; text-transform: uppercase; font-family: 'Bebas Neue', sans-serif;} #flyout {padding:0;margin:0} #flyout li{position:relative;margin:0;list-style:none; padding: 0 35px;} #flyout li:first-child a {border: 0;} #flyout a, #flyout span{display:block;text-decoration:none;font-size:18px;font-weight:400;color:#0d0d31;line-height:24px;padding:15px 0; border-top: 1px solid #fff;} #flyout ul{padding:0;margin:0;display:none} #flyout ul a, #flyout ul span{font-size:16px;padding:10px 15px;} #flyout li:hover a {color: #ffc215; text-decoration: none; border-top: 1px solid #3370af;} #flyout li:hover { background: #3370af;} .cntSide {background: #ffefd6; border-radius: 10px; padding: 45px 40px 45px 50px; margin: 0 -55px 30px 50px;} .cntSide .side-title {font-family: 'Bebas Neue', sans-serif; color: #0d0d31; font-size: 36px; margin: 0;} .cntSide .info {padding: 25px 0 0 0;} .cntSide .info span {display: block; line-height: 24px; font-size: 18px;} .cntSide .info a {color: #0d0d31; font-size: 18px; text-decoration: none; font-weight: 700; word-wrap: break-word;} .cntSide .info a:hover {text-decoration: underline;} .docInfo {margin: 0;} .docInfo ul {margin: 0; padding: 0 0 25px;} .docInfo ul li {margin: 0; padding: 15px 0 0; list-style: none; font-family: 'Bebas Neue', sans-serif;} .docInfo ul li a {text-decoration: underline; font-size: 18px; color: #1d1c18; font-family: 'Bebas Neue', sans-serif;} .docInfo ul li a:hover {text-decoration: none;} .docInfo a.all {color: #1D418E; font-size: 18px; font-family: 'Bebas Neue', sans-serif; text-decoration: none;} .docInfo a.all:hover {text-decoration: underline;} #breadcrumbs{text-transform:capitalize; color: #0d0d31; font-size: 14px; padding: 0 0 10px;} #breadcrumbs a{text-decoration:none; color: #1D418E; font-size: 14px; padding-right: 38px; position: relative;} #breadcrumbs a:after {content:"\f105"; position: absolute; top: 3px; right: 14px; color: #1D418E; font-family: FontAwesome; font-size: 10px;} #breadcrumbs a:hover {color: #1D418E;} #breadcrumbs ul{list-style:none;margin:0;padding:0} #breadcrumbs li{display:inline-block;margin:0;padding:0; color: #0d0d31; font-size: 14px;} .col-xs-12{width:100%} #breadcrumbs li a {text-decoration: none; color: #1D418E;} #breadcrumbs li a:hover {text-decoration: underline;} #entry h2.title {font-size: 36px; text-transform: capitalize; margin-bottom: 20px; font-family: 'Bebas Neue', sans-serif; color: #1d1c18;} /* department page */ #freeform.department #slider {min-height: 655px; margin-bottom: 0;} #freeform.department #slider::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 87, 152, 0.30); z-index: 1;} .departSld {position: absolute; top: 225px; left: 0; right: 0; z-index: 10;} .departSld .container {width: 1180px;} .sldBx {margin: 0 0 0 -67px;} .departSld #breadcrumbs {padding: 110px 0 0;} .departSld #breadcrumbs li {color: #fff;} .departSld #breadcrumbs a {color: #fff;} .departSld #breadcrumbs a:after {color: #fff;} .departSld h2 {color: #fff; font-size: 120px; font-family: 'Bebas Neue', sans-serif; text-transform: capitalize; line-height: 100px; margin:15px 0 0;} .sldCnt {border-radius: 10px; background: #1D418E; padding: 40px 10px 25px; margin: 0 -15px 0 -80px;} .sldCnt h4 {padding: 0 0 0 25px; color: #fff; font-size: 24px; font-family: 'Bebas Neue', sans-serif; margin: 0 0 20px;} .sldCnt .cntInfo {display: flex; padding: 0 25px 20px;} .sldCnt .cntInfo .inf-lf {width: calc(100% - 100px);} .sldCnt .cntInfo .inf-lf .dept {color: #fff; margin: 10px 0 5px; font-size: 16px;} .sldCnt .cntInfo .inf-lf .name {color: #fff; margin: 0; font-size: 16px; display: block; line-height: 18px;} .sldCnt .cntImg {height: 100px; width: 100px; border-radius: 7px;} .sldCnt ul {margin: 0; padding: 0;} .sldCnt ul li {margin: 0; padding: 5px 25px 10px; list-style: none; border-top: 1px solid #3b86b7; font-size: 16px;} .sldCnt ul li span {display: block; color: #fff; margin: 0; font-size: 16px; line-height: 24px;} .sldCnt ul li a {color: #fff; text-decoration: none;} .sldCnt ul li a:hover {text-decoration: none;} /* faq */ #faqsearch {margin: 0 0 30px;} #faqsearch form{position:relative;margin:0} #faqsearch input{border:0;padding-left:60px;padding-right:30px;height:62px;font-size:18px;font-weight:400; background: #fff; color:#677483; border: 2px solid #deeeff; border-radius: 8px;} #faqsearch input::-webkit-input-placeholder{color:#787883} #faqsearch input:-moz-placeholder{color:#787883} #faqsearch input::-moz-placeholder{color:#787883} #faqsearch input:-ms-input-placeholder{color:#787883} #faqsearch label{margin:0;position:absolute;left:20px;top:8px;line-height:45px; color: #005798; font-size: 24px;} #faqsearch button{position:absolute;left:-30px;top:50%;transform: translateY(-50%); border:0;background:#9fda92;padding:0;color:#fff; width: 50px; height: 50px; border-radius: 50%; display: none;} /* Accordion */ #accordionCol {padding:10px 0 0;} #main #accordionCol .card {margin-bottom: 10px;border: 0;} #main #accordionCol .card .card-header {border: 0; border-radius: 10px; padding: 0;} #main #accordionCol .card .card-header .btn-header-link {color: #fff;display: block;text-align: left;background: #1D418E;color: #fff; padding: 16px 20px 17px 55px; border-radius: 10px 10px 0 0; font-size: 20px; font-weight: 500; border: 2px solid #deeeff; text-transform: capitalize; position: relative;} #main #accordionCol .card .card-header .btn-header-link:after {content:""; background: url('../images/times.png'); width: 14px; height: 8px; position: absolute; top: 26px; left: 25px;} #main #accordionCol .card .card-header .btn-header-link.collapsed {background: #fff;color: #1d2326; border-radius: 10px; font-size: 20px; font-weight: 500; text-transform: capitalize;} #main #accordionCol .card .card-header .btn-header-link.collapsed:after {content:""; background: url('../images/plus.png'); width: 8px; height: 14px; position: absolute; top: 23px; left: 25px;} #main #accordionCol .card .collapsing {background: none;} #main #accordionCol .card .collapse {border: 0;} #main #accordionCol .card .collapse.show {border-radius: 0 0 10px 10px; border: 2px solid #deeeff;} #main #accordionCol .card .card-body {padding:40px 50px;} #main #accordionCol .card h4 {margin: 0; font-size: 22px; color: #3370af; text-transform: capitalize;} #main #accordionCol .card p {font-size: 16px; line-height: 22px; margin: 15px 0 0 0;} /* Tiles Page */ .tilesCol {text-align: center;} .tilesRow {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 30px; padding: 20px 35px 0;} .tilesRow .tile {width: 31.5%; border-radius: 10px; overflow: hidden; min-height: 272px; display: flex; justify-content: center; align-items: center; background: #1D418E; position: relative; z-index: 1;} .tilesRow .tile .tileIn {width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; z-index: -1; opacity: 0.70;} .tilesRow .tile:hover .tileIn {opacity: 0.50;} .tilesRow .tile h3.title {color: #fff; font-size: 48px; line-height: 48px; font-family: "bebas-neue-pro", sans-serif; font-weight: 700; margin: 0; padding: 0 50px; text-transform: capitalize;} .tilesRow .tile a {display: block; text-decoration: none;} /* DON'T modify the styling of images in the #post, only the span.subheader*/ #freeform #qlinks {background: #ffefd6; margin:0 0 60px; padding:1px 0 37px;} #freeform #qlinks .quickCol {margin-top: -35px;} #freeform #qlinks .qIcon {background-color: #fff;} #freeform.fullwidth #entry {margin: 0;} #entry #post table tr td iframe {width: 100%;} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal{z-index:100000} .modal-content{overflow:hidden;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:30px} .modal-header button{margin-top:2px!important;position:relative;font-size:25px} .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:60px} .share-btns a img {width: 55px;display: block;margin: 55px auto;} .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:16px;padding:14px 30px;border:0;border-radius:3px} .floating-share-btn{position:fixed;z-index:99999;bottom:40%;right:0;border-radius:0;border:0;background:#1D418E!important;color:#fff!important;padding:10px 15px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center} .floating-share-btn span{display:block;text-transform:uppercase; font-size: 14px; line-height: 14px;} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{position:relative; min-height: 100vh; z-index: 9;} #homepage #slider:before {content: ''; background: rgba(0, 0, 0, 0.16); position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;} #slider > .tns-outer{position:absolute;left: 0;right:0;top:0;bottom:0;} #slider:hover .tns-controls button{opacity:1} .sldeBtmbg {position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; width: 100%;} .slideCap {position: absolute; bottom: 85px; left: 0; right: 0; z-index: 9;} .slideCap .container {width: 1560px; max-width: 100%; margin: 0 auto;} .slideCap .slide-title {margin: 0; font-family: 'Bebas Neue', sans-serif; font-size: 13vw; color: #fff; font-weight: 400; opacity: 0.90;} .slideCap .slide-title span {display: block; font-family: 'Permanent Marker', cursive; font-size: 50px; color: #fff; font-weight: 400; line-height: 50px;} @media only screen and (min-width:1980px) { .slideCap .slide-title {font-size: 250px;} } #freeform #slider {min-height: 375px; margin-bottom: 67px;} #freeform #slider .tns-lazy-img {background-size: cover !important;} .tiny-slider-wrap > .tns-outer, .tiny-slider-wrap > .tns-outer > .tns-inner, .tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider, .tiny-slider-wrap > .tns-outer > .tns-inner > .tiny-slider .tns-item, .tns-bg-slide {height:100%} .tns-outer{position:relative} .tns-controls{position:absolute;top:50%;left:0;right:0; z-index: 99;} .tns-controls button{padding:0;border:0;background:#fff;color:#364037;border-radius:50%;position:relative;z-index:10;line-height:35px;width:35px;height: 35px; margin:0 15px;transform:translateY(-50%);font-size:20px;opacity:0;transition:all .3s; text-align: center; font-size: 18px;} .tns-outer:hover .tns-controls button{opacity:1} .tns-controls button:last-of-type {float:right} .tns-nav{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center} .tiny-slider-wrap button[data-action]{position:absolute;bottom:0;right:0;z-index:1} ul.tiny-slider, ul.tiny-carousel{padding:0;margin:0} div.skiptranslate {display: none !important;} #slider .tns-controls {top: 45%; height: 0;} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1300px) { #nav>li>a, #nav>li>span {font-size: 16px; padding: 39px 16px 40px;} } @media only screen and (max-width:1200px) { #news .section-header, #events .section-header {font-size: 160px;} #news .section-header span, #events .section-header span {font-size: 40px; line-height: 100px;} .sliderCol .title {font-size: 20px; line-height: 24px;} #explore .exploreCol .section-header {font-size: 90px; line-height: 90px;} #flyout-wrap, .cntSide {margin: 0 -55px 0 0;} .tilesRow .tile {width: 31%;} .tilesRow .tile h3.title {font-size: 40px; line-height: 40px;} .sldCnt {margin: 0 0 0 -35px;} } @media only screen and (max-width:1080px) { #nav li a, #nav li span {padding:42px 7px 41px; font-size: 14px;} .social-icon-link {width: 36px; height: 36px;} #news .section-header, #events .section-header {font-size: 140px;} } @media only screen and (min-width:992px) { #nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block !important;padding:0} #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #flyout .focused .toggle{position:absolute;right:0;top:15px;border:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #nav{display:block !important} .layout-table{table-layout:fixed;width:100%} #nav li:hover>ul{display:block} #nav ul ul{left:100%;top:0} /* #nav .toggle, #nav .toggle2{} */ #flyout ul{width: 200px;position:absolute;left:100%;top:0;background:#3370af;padding:10px; border-radius: 0 10px 10px 0;} #flyout li:hover>ul{display:block} #flyout li ul li {padding: 0;} #flyout ul a, #flyout ul span{padding-left:10px;padding-right:10px; color: #fff;} #flyout ul a:hover {text-decoration: underline;} #nav>li{display:inline-block;} #nav ul li:hover>a, #nav ul li:hover>span{color:#fff;} /* #nav>li>ul{position:absolute;left:0;right:0;top:100%;-webkit-column-count:5;-moz-column-count:5;column-count:5;background: #1D418E; padding:56px 0 70px;border-radius:0;display:none; z-index: 99; border-top: 1px solid #F6851F; width: 1350px; margin: 0 auto; max-width: 100%;} */ /* nav */ #nav>li>.mega-wrapper>ul #divider {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;right: 0;height: 100%;display: flex;justify-content: space-between;padding: 0 19% 0 19%;z-index: 0;} #nav>li>.mega-wrapper>ul #divider .divider {width: 1px;height: 100%;background: #acd8eb;margin-left: 20px; padding: 0;} #nav>li>.mega-wrapper>ul::before {content: ''; height: 1px; width: 100%; position: absolute; top: 0; left: 0; right: 0;} /* mega */ #nav>li{position:static} .mega-wrapper {border-top: 1px solid #F6851F;} #nav>li>.mega-wrapper>ul{position:absolute;left:0;right:0;top:100%;-webkit-column-count:5;-moz-column-count:5;column-count:5;background: #1D418E; padding:56px 0 70px;border-radius:0;display:none; width: 1350px; margin: 0 auto; max-width: 100%; z-index: 2;} #nav>li>.mega-wrapper>ul>li{display:block;width:100%;break-inside:avoid; text-align: left; padding: 10px 30px;} #nav>li>.mega-wrapper>ul>li a {text-transform: capitalize; color: #F6851F; font-size: 24px; font-weight: 700; padding-bottom: 5px; font-family: "bebas-neue-pro", sans-serif;} #nav>li>.mega-wrapper>ul>li a:hover {color: #fff;} #nav>li>.mega-wrapper>ul>li>ul {margin: 0 0 5px 0;} #nav>li>.mega-wrapper>ul>li>ul>li {line-height: 26px;} #nav>li>.mega-wrapper>ul>li>ul>li a {font-weight: 400; color: #fff; padding: 0; font-size: 18px; text-transform: capitalize; font-family: futura-pt, sans-serif} #nav>li>.mega-wrapper>ul>li>ul>li:hover a {text-decoration: underline; color: #fff;} #nav>li>ul{display: none;} #nav>li>.mega-wrapper>ul{position: relative;display: block!important;} #nav>li>.mega-wrapper>ul{display: none;} .mega-wrapper {position: absolute;left: 0;right: 0;max-height: 630px;overflow-y: auto;display: none;z-index: 1; background: #1D418E;} #nav>li:hover .mega-wrapper {display: block!important;} /* width */ #nav ::-webkit-scrollbar {width: 5px;} /* Track */ .mega-wrapper::-webkit-scrollbar-track {background: #f1f1f1;} /* Handle */ .mega-wrapper::-webkit-scrollbar-thumb {background: #888;} /* Handle on hover */ .mega-wrapper::-webkit-scrollbar-thumb:hover {background: #555;} #nav .focused .toggle {position: absolute; top: 50%; transform: translateY(-50%);} #nav .focused .toggle2 {position: absolute; top: 50%; transform: translateY(-50%); opacity: 0;} } @media only screen and (max-width:1400px) { .slideCap .slide-title span {font-size: 40px;} .sldBx, .sldCnt {margin: 0;} } @media only screen and (max-width:1350px) { #nav>li>ul::before, #nav>li>ul::after {display: none;} } @media only screen and (max-width:1080px) { #nav > li > ul > li {padding: 10px 20px;} #qlinks .tns-controls button {margin: 0 -15px;} .departSld h2 {font-size: 96px;} #events .tab {font-size: 20px;} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ #nav, #search {display: none;} #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} /* Allows tables to be used as columns with responsive stacking */ .layout-table{width:100%!important} .layout-table, .layout-table thead, .layout-table tbody, .layout-table th, .layout-table td, .layout-table tr{display:block!important} .layout-table td{margin-bottom:15px} #toggles{position: absolute; z-index: 999; top: 10px; right: 12px;} #nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px; cursor: pointer;} #nav li{position:relative} #nav ul, #flyout ul{display:none;background:rgba(0,0,0,.15)} #nav .toggle, #nav .toggle2, #flyout .toggle{display:block;position:absolute;right:0;top:0;background:rgba(0,0,0,.15);} #flyout {display: none;} #flyout-toggle{padding:0;padding:15px; color: #000; cursor: pointer;} #flyout-header{margin:0;padding:15px;border-top:1px solid rgba(0,0,0,.15); display: none;} #flyout-bg{display:none} #flyout-wrap{padding:0;background:#fff; margin: 20px 0;} #flyout li{margin:0 !important;background:none;padding-left:0 !important; padding: 0;} #nav li a, #nav li span, #flyout li a, #flyout li span{padding:15px;line-height:1;font-size:14px} #nav {padding:0; text-align: left;} #nav li {border-top:1px solid rgba(0,0,0,.10);} #nav li a, #nav li span {display: block;} #nav li:hover a, #nav li:hover span {border-bottom: none;} #nav > li > ul {padding: 0; position: relative;} #nav > li > ul > li a {font-size: 14px;} #nav > li > ul > li > ul > li a {padding: 10px;} #nav>li>.mega-wrapper>ul {position: relative !important;} header {position: relative; height: auto; min-height: 66px;} header .col-lg-2 {position: static;} #nav.mega>li>ul #divider {display: none;} #logo {width: 90px;} .social-icon-links {justify-content: flex-start; position: absolute; top: 15px; left: 15px; padding: 0;} #translation-links {top: 0; right: -15px;} #nav {margin: 60px 0 0 0;} #nav > li:hover:after, #nav > li.active::after {display: none;} #nav > li > ul > li {padding: 0;} #nav > li > ul > li > ul > li a {font-weight: 400; text-transform: capitalize;} .headerBtm {top: 20px;} .sldCnt {margin: 0;} .departSld .enabler_btn {position: absolute; top: 80px;} #slider {margin-top: 0; min-height: 650px;} #search {margin-top: 75px;} .LibSearch #search {margin-top: 35px;} .slideCap .slide-title span {line-height: 70px;} #search-results-wrap{position:absolute;top: 270px;} #search-results .tab-pane h2 {font-size: 28px;} .curated-item h3 {font-size: 16px;} #search-results {left: 15px; right: 15px;} #qlinks .tns-outer {margin: 0 45px;} #qlinks .title {font-size: 20px; line-height: 28px;} #qlinks .tns-controls {top: 35%;} #news {padding: 100px 0 80px;} #news .section-header, #events .section-header {text-align: center; font-size: 100px; line-height: 60px;} #explore {padding: 80px 0 180px;} #explore .exploreCol {display: block; text-align: center;} #explore .exploreCol .section-header {width: 100%;} #explore .exploreCol .exploreInfo {width: 100%; display: flex; justify-content: space-between; padding: 60px 0 0; min-height: auto;} #explore .exploreCol .section-header span {font-size: 44px; line-height: 60px;} #explore .info {position: static; width: 30%;} .tns-outer .tns-controls button{opacity:1} #events #tabs {background: #2577AF; border-radius: 10px 10px 0 0; width: 100%;} .departSld {top: 75px;} .departSld h2 {font-size: 70px;} .fBx {margin: 0 !important;} .cntSide {margin: 0;} #flyout a, #flyout span {color: #fff;} #freeform #slider {margin-bottom: 0;} #flyout {background: #1D418E;} #entry {padding: 40px 0 60px; margin: 0;} #freeform.fullwidth #entry {margin: 0;} #page-title {margin-bottom: 15px; font-size: 38px; line-height: 48px;} #entry .subheader {font-size: 20px;} .tilesRow .tile h3.title {font-size: 30px; line-height: 30px;} .tilesRow .tile {width: 46%;} #freeform.department #slider {min-height: 765px;} .sldCnt {padding: 20px 10px 10px;} #freeform.department #qlinks {margin-bottom: 0;} .topnav {top: 200px;} .topnav, .news_btn, .event_btn, .container_btn {left: 0; width: 100%; transform: none;} .news_btn {top: 50px;} .event_btn {top: -10px;} #explore .container_btn {top: 15px;} #explore .qlinks_btn {top: -180px;} .rzHeader {width: 100%;} .Freeform_slides {margin-top: -90px;} } /* 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:12px} .floating-alert h4{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px} .share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden} .share-btns i{display:block;line-height:50px!important;font-size:20px} .floating-share-btn {bottom: 0;} #search {padding: 5px 0 0;} #search form input {height: 60px; border-width: 2px;} #search form label {left: 20px; top: 10px; font-size: 20px;} #search form input {font-size: 18px; font-weight: 400; padding-left: 55px;} #search form button {width: 60px; height: 60px; font-size: 20px; top: 0;} .tns-lazy-img {background-position: 70% 100% !important;} #qlinks .title {padding: 25px 0;} .footerTop {padding: 35px 0;} .footerTop .title-head {margin: 22px 0 9px;} .footerTop .text-center {padding-top: 50px; text-align: left !important;} .footerTop .fInfo {text-align: left; padding: 20px 0 0 15px;} .footerBtm #revize {padding: 0 80px; line-height: 18px; text-align: center;} #page-title {font-size: 36px; margin-bottom: 20px;} #entry blockquote {padding: 5px; font-size: 18px; list-style: 28px; line-height: 24px;} #welcome-imgs:after, #welcome-imgs:before {width: 300px; height: 300px; left: 0;} .departSld h2 {font-size: 60px;} #entry iframe {width: 100% !important; height: 360px !important;} .share-btns a img {width: 20px;margin: 15px auto;} #events .tab {font-size: 16px;} #entry table td .subheader img {width: 80px !important; height: 80px !important;} #entry table td .subheader a {font-size: 16px;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) {} @media only screen and (max-width:580px) { #news .section-header span, #events .section-header span {font-size: 30px; line-height: 30px;} #news .section-header, #events .section-header {font-size: 70px; line-height: 80px;} #explore .exploreCol .exploreInfo {display: block;} #explore .info {width: 100%; margin-bottom: 25px;} .tilesRow .tile {width: 100%;} .departSld h2 {font-size: 40px;} #search form input {font-size: 14px;} .cntSide {padding: 25px;} .tilesRow {padding: 25px 0 0;} .slideCap {bottom: auto; top: 50%; transform: translateY(-50%);} .slideCap .slide-title {text-align: center;} #explore .exploreCol .section-header {font-size: 60px; line-height: 60px;} .tilesRow .tile h3.title {font-size: 40px; line-height: 40px;} .topnav {top: 160px;} .event_btn {top: -40px;} #explore .qlinks_btn {top: -20px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) { #qlinks .tns-outer .tns-controls button {margin: 0 -25px;} #news a.btn, #events a.btn {font-size: 18px; width: 100%; padding-left: 0; padding-right: 0;} } @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} } button.gsc-search-button { background-color: #1D418E !important; padding: 4px 15px !important; } #homepage .event .event-month { color: #909090; } .fc-more-cell { display: none!important; } td.fc-limited { display: block!important; } /* a.fc-event, .fc-list-item {height: 17px;} */ a.fc-event, .fc-list-item {padding:4px;margin-bottom:0px;} .fc-day-grid-event .fc-content{ text-overflow: ellipsis; } #events div.tab-content:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > button:nth-child(1) { display: none!important; } #homepage .fc-dayGridMonth-button{font-size: 0!important;} #homepage .fc-dayGridMonth-button::before{content: '\f060';font-family: 'FontAwesome';margin: 0px 5px;color: #fff; font-size: 20px;} #homepage .fc-left .fc-button-group + .fc-button-group button { margin-top: 25px; } #homepage .mini-calendar { padding: 60px 45px 45px; height: 450px; }