/*----------------------------------------------------------------------------------- Theme Name: Jackson County, OR Front-end developer: Raju Author Design: Samir Author URI: http://www.revize.com/ Date: 12/22/2022 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Lato:wght@400;700&family=Source+Sans+Pro:wght@400;600;700&display=swap'); /* font-family: 'Great Vibes', cursive; font-family: 'Source Sans Pro', sans-serif; */ /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:14px;line-height:1.6;font-family: 'Source Sans Pro', sans-serif;color:#444;-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:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-size:28px;color:#111;margin-bottom:30px} .subheader{font-size: 24px;color: #000;margin-bottom: 7px;font-weight: 700;position: relative;top: -5px;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} @font-face{ font-family:'weather'; src:url('../fonts/weather/artill_clean_icons-webfont.eot'); src:url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'), url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'), url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight:normal; font-style:normal; } .weather i{font-family:'weather';font-weight:400;font-style:normal} .weather .icon-0:before{content:":"}.weather .icon-1:before{content:"p"}.weather .icon-2:before{content:"S"}.weather .icon-3:before{content:"Q"}.weather .icon-4:before{content:"S"}.weather .icon-5:before{content:"W"}.weather .icon-6:before{content:"W"}.weather .icon-7:before{content:"W"}.weather .icon-8:before{content:"W"}.weather .icon-9:before{content:"I"}.weather .icon-10:before{content:"W"}.weather .icon-11:before{content:"I"}.weather .icon-12:before{content:"I"}.weather .icon-13:before{content:"I"}.weather .icon-14:before{content:"I"}.weather .icon-15:before{content:"W"}.weather .icon-16:before{content:"I"}.weather .icon-17:before{content:"W"}.weather .icon-18:before{content:"U"}.weather .icon-19:before{content:"Z"}.weather .icon-20:before{content:"Z"}.weather .icon-21:before{content:"Z"}.weather .icon-22:before{content:"Z"}.weather .icon-23:before{content:"Z"}.weather .icon-24:before{content:"E"}.weather .icon-25:before{content:"E"}.weather .icon-26:before{content:"3"}.weather .icon-27:before{content:"a"}.weather .icon-28:before{content:"A"}.weather .icon-29:before{content:"a"}.weather .icon-30:before{content:"A"}.weather .icon-31:before{content:"6"}.weather .icon-32:before{content:"1"}.weather .icon-33:before{content:"6"}.weather .icon-34:before{content:"1"}.weather .icon-35:before{content:"W"}.weather .icon-36:before{content:"1"}.weather .icon-37:before{content:"S"}.weather .icon-38:before{content:"S"}.weather .icon-39:before{content:"S"}.weather .icon-40:before{content:"M"}.weather .icon-41:before{content:"W"}.weather .icon-42:before{content:"I"}.weather .icon-43:before{content:"W"}.weather .icon-44:before{content:"a"}.weather .icon-45:before{content:"S"}.weather .icon-46:before{content:"U"}.weather .icon-47:before{content:"S"} /* ----------------------------------------- #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), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding:.375rem .75rem;background:#0f99ee;color:#fff;border:0;border-radius:0;display:inline-block;font-size:1rem;font-weight:400;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family: 'Source Sans Pro', sans-serif;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:#0e8cda;color:#fff} 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:#0e8cda;color:#fff} #post button::-moz-focus-inner, #post input::-moz-focus-inner{border:0;padding:0} #post .btn a{color:inherit} /* ----------------------------------------- #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;font-family:sans-serif;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:#777} :-moz-placeholder{color:#777} ::-moz-placeholder{color:#777} :-ms-input-placeholder{color:#777} .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;left:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px;} .floating-alert h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .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:hidden} /* ----------------------------------------- #rz edit -----------------------------------------*/ form#rz-business-directory-search{margin:0 15px 0 0} .rzBtn{background:#0D3C6C!important} body .cat h3 {background: #0d3c6c;} #doc-search-form form input.rz-doc-search-submit{background: #0d3c6c} .faq-header ~ .faq-editbtns {margin-top: -35px;} .faq-header{width:100%} a[href="javascript:RZcalleditlist('/revize/plugins/menus/webspace_menu-editlist.jsp?pageid=links-1366&linksfilter=linkplacement=leftnav and linkparentid=1366&numberoflevels=2&linkoptions=url,template,file&linknewsection=*all*','0','0','', 'links.linkplacement=leftnav')"]{ position: absolute;right: 0;margin-right: 110px;} #entry .business-category-edit{margin: 15px 0} #entry #rz-business-directory-search{margin-top:15px;} /* ----------------------------------------- #main -----------------------------------------*/ #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} .table-wrap { display: none; width: 100%; } .container {width: 1200px;max-width: 100%;} #header-top .container {width: 1370px;max-width: 100%;} header{position: fixed;z-index:200;width: 100%;background: #fff;box-shadow: 0 0 38px -33px;-webkit-box-shadow: 0 0 38px -33px;} #header-top{background:#0d3c6c;padding: 14px 0 13px;} .header-links-wrapper{display: flex;justify-content: end;align-items: center;padding-right: 114px;} #social-media-links a{color:#fff;text-decoration:none;margin: 0 4.5px 0 7px;top: -3px;position: relative;} .right-navigation{position: fixed;right: 0;top: 338px;width: 268px;border-radius: 3px;z-index: 99;transition:all .5s;} .right-navigation ul{margin:0;padding:0;border-radius: 4px 0 0 4px;overflow: hidden;} .right-navigation ul li{list-style:none;margin-bottom: 1px;} .section-navigation img{width:32px;margin-right: 26px;} .section-navigation{font-size: 20px;text-transform: uppercase;color:#1f2226;text-decoration: none;display: block;padding: 25px 29px 23px;font-weight: 600;background: #fff;} .sec-head{font-size: 120px;color:#fff;font-family: 'Great Vibes', cursive;margin: 0 0 5px 0;} .sec-head span{font-family: 'Source Sans Pro', sans-serif;font-size:72px;font-weight:600;} nav{position: static !important;} nav #nav{position: static;max-width: 100%;width: 1060px;margin-left: auto;margin-right: -7px;} .Careers-box img{position: relative; left: 4px;} .connected-box{position: relative; left: 4px;} .scrolled{right: -180px;} /*Quick Links*/ #quick-links{position: absolute;margin-top: -225px;left: 50%;transform: translateX(-50%);margin-left: 1px;} .qlink-box h4{text-align: center;font-size: 20px;line-height: 24px;text-transform: uppercase;font-weight:600;color: #fff;text-decoration: none;margin: 0;} .qlink-box{text-align: center;display: block;text-decoration: none !important;} .qlink-box img{width: 48px;height: 48px;display: block;text-align: center;margin: 0 auto 35px;} #quick-links .container {width: 1199px;max-width: 100%;} #quick-links .tns-controls button {background: transparent;width: 30px; margin: 0 -120px;} .quicklink-shadow{position: absolute;bottom: 0;width: 100%;} .slider-shadow{position: absolute;top: 0;width: 100%;} /*News*/ #news {padding: 99px 0 93px;background:#006a53;position:relative} #entry #news {padding: 30px 0 30px; margin-bottom: 30px;} .tree{position:absolute} .tree.first{left:0;bottom:0} .tree.second{right:0;bottom:0} #news .tns-controls {top: -64px;left: auto;right: 189px;width: auto;} #news .tns-controls button{opacity:1;background:transparent;} #news .tns-controls button img{width:30px;} .news-box h3{color:#fff; font-size:20px;} .news-box{display: block;text-decoration:none;background: #fff;border-radius:3px;position: relative;} .news-box:hover{text-decoration:none;} .news-box:hover .read-more{text-decoration:underline;} .news-image{width:370px;height:195px;border-radius: 3px 3px 0 0;max-width: 100%;} .news-content-box{padding: 24px 30px 29px;} .news-content-box h3{color:#191c1d;text-decoration: none;font-size: 20px;font-weight: 600;margin: 0px 0 9px;/* line-height: normal; */} .news-content-box p{color:#191c1d;text-decoration: none;font-size:16px;line-height: 20px;font-weight: 600;margin: 0 0 10px;} .news-content-box .read-more{color:#074c92;font-weight: 700;font-size: 15px;position: absolute;bottom: 15px;} .blue-strip{bottom: 0;width:100%;height:40px;background: #0d3c6c;position: absolute;} .button{background:#0d3c6c;font-size:18px;font-weight:700;padding: 13px 30px;border-radius: 3px;} .button:hover{background:#0d3c6c!important;color: #fff!important;text-decoration: none;} .news#news .head-wrap .button{top: 12px;position: relative;padding: 13px 30px} .lang-ic{width: 19px;position: relative;top: -2px;left: -7px;} .social-media-link img{width:23px;} #slider h1{font-family: 'Great Vibes', cursive;color:#fff;font-size:198.5px;margin-top: 39px;left: -9px;letter-spacing: -6px;text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);} #slider h1 span{font-family: 'Source Sans Pro', sans-serif;font-size:72px;display:block;position: relative;top: -88px;margin-left: 283px;letter-spacing: -2px;font-weight: 600;} #slider .small-header{font-family: 'Great Vibes', cursive;font-size:72px;display:block;position: relative;top: -115px;margin-left: 501px;letter-spacing: -1.9px;color:#4bc8ad;font-weight: 400;} #search {width: 473px;max-width: 100%;position: relative;top: 145px;left: 14px;} .search-wrapper{position:absolute;width: 1200px;max-width: 100%;transform: translate(-50%);left: 50%;bottom: 50%;z-index: 99;} #search .search-input{font-family: 'Source Sans Pro', sans-serif;font-weight:600;border-radius: 4px;} #search ::-webkit-input-placeholder{color: rgba(25, 28, 29, 0.6) !important} #search :-moz-placeholder{color: rgba(25, 28, 29, 0.6) !important} #search ::-moz-placeholder{color: rgba(25, 28, 29, 0.6) !important} #search :-ms-input-placeholder{color: rgba(25, 28, 29, 0.6) !important} /* Curated search */ .search-wrapper,#slider-caption{transition:all .3s} #homepage #slider.results-open #slider-caption{top:30%} #homepage #slider.results-open .search-wrapper{bottom:65%} #search-results{position:absolute;top:330%;left:15px;right:15%;background:#fff;box-shadow:rgba(0,0,0,0.3) 0 2px 15px 0;border-radius:0 0 12px 12px} #search-results .tab-content{background:#fff;max-height:500px;overflow:auto;border-radius:0 0 12px 12px;margin:20px 0} .search-nav{list-style-type:none;margin:0;padding:0;display:table;table-layout:fixed;width:100%} #search-results .tab-pane h2{font-size:42px;color:#0d3c6c;font-weight:600;text-align:left;margin:0 0 10px} .g-search-wrap iframe{min-height:370px;border:0!important;width:100%} .curated-item h4{margin:0;font-size:17px;color:#444;font-style:italic} #search-results .tab-content .tab-pane{padding:0 30px} .curated-item h3{margin:0;font-size:22px;color:#0d3c6c;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:#0d3c6c;line-height:1.3} .curated-tags span{border-radius:3px;display:inline-block;background:#0d3c6c;color:#fff;font-weight:700;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:#0d3c6c;font-size:16px;width:22px;display:inline-block;text-align:center;margin-left:4px} a.search-dept-url{display:block;color:#444} .curated-item h3 a{color:#0d3c6c} li#close-curated{display:inline-block;position:absolute;right:0;top:-55px;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:#094E9B;font-size:18px;color:#fff;font-weight:700;text-align:center;padding:14px 0;border-right:2px solid #c7d1d8;cursor:pointer;position:relative;pointer-events:fill} .search-nav li:last-of-type{border:none} .search-nav li.active{background:#006A53} .curated-tags{clear:both} #close-curated .fa-close{color:#fff} .microsite #close-curated .fa-close{color:#0d3c6c} #freeform .search-wrapper{top:0;width:100%} #freeform #search-results{top:290px;left:50px;right:50px} /*Focus*/ #focus{background:#0d3c6c;padding: 98px 0 251px;position: relative;} .focus-box{width:369px;height:180px;margin-bottom: 33px;position: relative;z-index: 1;display: block;text-decoration: none;max-width:100%;display: flex;align-items: flex-end;box-shadow: 0px 2px 0px 0px rgb(0 0 0 / 44%);} .focus-box:hover{text-decoration: none;} .focus-box:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(15, 16, 19, .4);} .focus-box .focus-title{font-size:36px;font-weight: 600;color: #fff;line-height: 36px;text-shadow:0px 2px 0px rgba(0, 0, 0, 1);position: relative;left: 29px;top: 10px;padding-right: 108px;} #focus h2{text-align: center;margin-bottom: 15px;position: relative;left: -3px;} #focus .sec-head span {left: -1px;position: relative;} .focus-bg{position:absolute;bottom: 0;} /*Events*/ #events{background:#006a53;padding: 3px 0 99px;} #events h2{text-align: center;margin-bottom: 15px;position: relative;left: 4px;} #events .sec-head span{position: relative;left: -14px;} .button-event{display: inline-flex;padding: 13px 22px;} .button-event img{width:24px;margin-right: 19px;} /*Features*/ .features-box {text-align: center;padding: 0 56px;margin: 25px 0;text-decoration: none !important;display: block;} .features-box img{width:48px;height: 48px; margin: 0 0 35px;} #features {padding: 33px 0 16px;} #features .container {width: 918px;max-width: 100%;} #features h4{margin: 0;color: #1f2226;font-size:20px;line-height: 24px;text-transform: uppercase;font-weight: 600;} .career-box img{left: 4px;position: relative;} .career-box h4{left: 4px;position: relative;top: 12px;} .connected-box img{position: relative;left: 3px;} .connected-box h4{position: relative;left: 3px;} .meetings-box img{position: relative;left: 7px;} .meetings-box h4{position: relative;left: 6px;} /*#features .tns-controls button{filter: invert(40%) sepia(10%) saturate(900%) hue-rotate(173deg) brightness(70%) contrast(100%);}*/ /*Freeform*/ #freeform #slider{padding-bottom: 31.5%;} #freeform #slider .tns-controls{display:none;} /* #freeform header{position: static;} */ #freeform #search {position: absolute;top: 180px;right: 51px;left: auto;} #freeform #page-title{font-weight: 700;font-size: 54px;margin: 0 -2px 21px;position: relative;} #entry p{font-size: 18px;line-height: 24px;color: #1f2226;margin-bottom: 24px;} #entry p a{color: #0d3c6c;} #entry #post{margin-bottom: 38px;} #freeform #features {padding: 67px 0 59px;background: #d8e6f5;margin: 56px 0 0;} .fullwidth #entry {padding-top: 55px;} /*Department*/ .contact-info span{display: block;margin: 0 0 3px;} .contact-info a{padding: 0 !important;} .contact-info .info-bold{font-weight: 700;} .email-contact{margin-bottom: 26px !important;} #more-info{margin-top: 21px;font-size: 14px;font-weight: 600;} .contact-dropdown-header{background: #006a53 !important;} .secvice-block{text-decoration: none;} .secvice-block:hover{text-decoration: none;} .secvice-block:hover .subheader{color: #0d3c6c;} /*Inner menu css*/ /* .flyout-dropdown:not(:last-child){margin-bottom: 2px;} .flyout-dropdown:last-child .flyout-box:last-child {border-bottom-left-radius: 11px;border-bottom-right-radius: 11px;} .flyout-dropdown-header {display: flex;align-items: center;padding: 35px 30px;cursor: pointer;background: #0d3c6c;} .flyout-dropdown-header span img {width: 21px;margin-right: 9px;} .flyout-date {font-size: 14px;color: #005798;display: block;margin-bottom: 2px;} .flyout-dropdown-body {font-family: 'oswald',sans-serif;font-weight: 600;text-transform: uppercase;margin-bottom: 4px;} .flyout-dropdown-body h3 {font-size: 18px;color: #1d1c13;line-height: 1.22;margin-bottom: 3px;} */ /* .flyout-dropdown.bg-color{background-color: #cb940b;} */ .flyout-dropdown-header {display: flex;align-items: center;padding: 24px 29px 27px;cursor: pointer;background: #0d3c6c;border-bottom: 1px solid rgba(255,255,255,0.15);} .flyout-dropdown-header h4{color:#fff;margin: 0;font-size: 30px;font-weight:600;} .flyout-dropdown-header img{width: 32px;margin-right: 20px;position: relative;left: 3px;top: 2px;} #menu-wrap{margin-right: -7px;} #entry{padding: 55px 60px 0 47px;} #entry h2:not(.sec-head){font-size: 30px;font-weight: 700;margin: 0;position: relative;top: -8px;left: -2px;} .flyout-dropdown-body ul{margin: 0;padding: 0;} .flyout-dropdown-body ul li{list-style: none;background: #074c92;margin: 0;/* padding: 16px 0 14px 0; */font-size: 18px;border-bottom: 1px solid rgba(255,255,255,.15);font-family: 'Lato', sans-serif;} .flyout-dropdown-body ul li a {text-decoration: none;color: #fff;padding: 16px 78px 14px 33px;display: block;position: relative;} .services-dropdown-header{background: #006a53;} .resources-dropdown-header{background: #018472;} .inner-dropdown-body{background: #018472;margin: 20px 0 -15px !important;} .inner-dropdown-body li{background:transparent !important;} .inner-dropdown-header::after{content: "";position: absolute;background-size: 100% !important;background: url(../images/down-arrow.png);width: 20px;height: 12px;right: 30px;top: 4px;} .contact-info{color: #fff;padding:16px 32px;font-size: 18px;font-family: 'Lato', sans-serif;} .contact-body ul li{background:#018472;} .news-info{color: #fff;font-size: 20px;font-weight: 600;padding: 22px 30px;line-height: normal;border-bottom: 1px solid rgba(255,255,255,0.15);} .news-body ul li{padding: 0;} .news-info #more-info {margin-top: 0;font-size: 14px;font-weight: 600;padding: 7px 0;} #services img{margin-bottom: 20px;width: 100%;} #services .col-lg-6 {margin: 19px 0 -3px;} #freeform .news-info span{color: #fff;padding: 10px 29px;display: block;} /*Inner menu css*/ /*Footer*/ footer{padding: 128px 0 106px;border-bottom:7px solid #074c92} .footer-top h4{color:#fff;font-size: 18px;font-weight: 700;text-transform: uppercase;margin: 0 0 21px;} .footer-top ul{margin: 0;padding: 0;float: left;} .footer-top ul li{list-style: none;font-size: 16px;line-height: 18px;font-weight: 700;margin: 0 0 10px;} .footer-top ul li a{text-decoration: none;color: #fff;} .footer-top ul li a:hover{text-decoration: underline;} .dpt-box{padding-left: 84px;} .dpt-box .dpt-first-ul{margin-right: 36px;} .whats-new{padding-left: 56px;} .footer-logo{margin-top: 17px;width: 224px;} .social-icon{width:48px;height:48px;border-radius:50%;background:#fff;display: flex;justify-content: center;align-items: center;} .footer-social-wrapper{display:flex;width: 168px;justify-content: space-between;position: relative;left: 28px;top: 23px;} .footer-social-wrapper img{width:23px;} .ada-box{padding: 62px 0 0 42px;} .ada-box a{text-decoration: none;} .ada-box a:hover{text-decoration: underline;color: #fff;} .ada-box img{width: 48px;float: left;margin-right: 11px;} .ada-box h4{color: #fff;font-weight: 700;position: relative;top: -4px;font-size: 18px;margin: 0px;} .ada-box span{display: block;font-size: 16px;position: relative;top: 1px;line-height: 24px;} .copy-right{color:#fff;font-size:16px;line-height:24px;font-weight: 700;padding: 56px 0;} .copy-right span{display: block;} .copy-right .dot1{display: inline;padding: 0 7px;} .copy-right .dot2{display: inline;padding: 0 10px;} .copy-right .dot3{display: inline;padding: 0 11px;} .copy-right a{color: #7ad3c0;text-decoration: none;} .copy-right a:hover{text-decoration: underline;} .highlight-input{background:#bbd9ff !important;transition:all .7s;} /* Default nav styles */ #nav .fa:before{font-family:'FontAwesome' !important} #nav{padding:0;margin:0;position:relative} #nav li{margin:0;list-style:none} #nav li a, #nav li span{padding: 0;display:inline-block;color:#1f2226;font-size: 22px;text-transform: uppercase;text-decoration:none;font-weight: 600;position:relative} #nav li:last-child a, #nav li:last-child span{border: 0;} #nav ul{padding:0;margin:0} #nav ul a, #nav ul span{padding:0} /* Social */ #twitterfeed{background:#f1f1f1} /* Logo */ #logo{display:inline-block;max-width:100%;width: 337px;margin: 10px 35px 11px;} /* Translate */ .goog-te-banner-frame{display:none} #translation-links{padding: 2px 0 2px 36px;margin: 0 0 0 19px;border-left: 1px solid rgba(255,255,255,0.15);} #translation-links button{padding:0;border:0;background:none;color: #fff;font-weight: 600;font-size: 18px;text-transform: uppercase;} #translation-links li{position:relative;margin:0;list-style:none;/* border-left: 1px solid #fff; *//* padding-left: 30px; */} #translation-links li a{text-decoration: none;color: #0d3c6c;} #translation-links ul{padding:25px;margin:0;position:absolute;right:0;top:100%;width:250px;height:400px;overflow:auto;background:#fff;display:none;z-index: 9;} #translation-links ul li{margin-bottom:10px} div.skiptranslate{display:none !important} /* Search */ #search form{position:relative;margin:0} #search input{border:0;height: 66px;color: #191c1d;font-size: 18px;padding: 3px 75px 3px 29px;} #search input::-webkit-input-placeholder{color:#222} #search input:-moz-placeholder{color:#222} #search input::-moz-placeholder{color:#222} #search input:-ms-input-placeholder{color:#222} #search label{margin:0;position:absolute;left:0;top:0;line-height:45px} #search button{position:absolute;right:0;top:0;border:0;background: #0d3c6c;padding: 0 22px 0 21px;line-height: 66px;color:#fff;font-size: 18px;font-weight: 600;text-transform:uppercase;border-radius: 0 4px 4px 0;} /* ----------------------------------------- #inner -----------------------------------------*/ #flyout{padding:0;margin:0} #flyout li{position:relative;margin:0;list-style:none} #flyout li.active{background:#006a53;} .service-body li{background: #018472 !important;} .resources-body li{background:#006a53 !important;} #flyout li.opened.active ul li{background: #018472 !important;} /* #flyout li.opened.active .toggle{transform: none;} */ #flyout a, #flyout span{display:block;text-decoration:none;font-size:18px} #flyout ul{padding:0;margin:0;display:none} #flyout ul a, #flyout ul span{font-size: 18px;padding: 13px 103px 15px 47px;} #breadcrumbs{font-size:16px;text-transform:capitalize;color: #191c1d;margin: 0 0 18px;} #breadcrumbs a:after {content: '\f105';font-family: 'FontAwesome';margin: 0 6px 0 10px;color: #999;position: relative;top: -1px;text-decoration: none;font-size: 12px;} #breadcrumbs a{text-decoration:none;color: #0d3c6c;position: relative;} #breadcrumbs a:before{content: "";position: absolute;left: 0;bottom: 0;height: 1px;width: calc(100% - 20px);background: #0d3c6c;} #breadcrumbs ul{list-style:none;margin:0;padding:0} #breadcrumbs li{display:inline-block;margin:0;padding:0} .col-xs-12{width:100%} #tinymce .rz-app{background:rgba(216, 213, 213, 0.3);text-align:center;font-size:40px;font-weight:700;padding:30px 0;margin:15px;border:1px dashed red} #tinymce .rz-app-flashalert:before{content:'Flash Alert Feed'} .rz-app-flashalert:before{content:'Loading...'} .rz-app-flashalert.loaded:before{display:none} .flashalert-feed{} .flashalert-item{display:block;text-decoration:none!important;color:inherit;margin-bottom:20px;padding:10px;border:1px solid #0d3c6c} .flashalert-header{display:flex;gap: 15px;} .flashalert-thumbnail{} .flashalert-title{margin:0;font-size:24px;color:#191c1d;font-weight:600} .flashalert-date{} .flashalert-more{display:block;font-size:16px} .flashalert-content{display:none;border-top:1px solid #0d3c6c;margin-top:15px} .flashalert-less{display:none;text-align:center;font-size:16px;color:inherit;border-top:1px solid #0d3c6c;font-weight:700;background:#EEE;margin:0 -10px} .flashalert-item.shown{padding-bottom:0} .flashalert-item.shown .flashalert-more{display:none} .flashalert-item.shown .flashalert-content{display:block} .flashalert-item.shown .flashalert-less{display:block} #agenda-wrap .table-headdd strong::after{content: '\f105';font-family: 'FontAwesome';margin-left: 8px;display: inline-block;color: #000;font-weight: 700;} #agenda-wrap #toggled strong::after{transform: rotate(90deg);} /* DON'T modify the styling of images in the #post, only the span.subheader*/ /* ----------------------------------------- #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} .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;top:40%;right:0;border-radius:0;border:0;background:#F26A39!important;color:#fff!important;padding:8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center} .floating-share-btn span{display:block;margin-top:5px;text-transform:uppercase} /* ----------------------------------------- #slider -----------------------------------------*/ #slider{position:relative;max-height:80wv;padding-bottom: 72.3%;} #slider > .tns-outer{position:absolute;left: 0;right:0;top:0;bottom:0} #slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:51} #slider .tns-controls button{background: transparent;margin: 0 15px;} #slider .tns-controls button{opacity:1;/* float: revert; */} #slider .tns-controls { left: 0; right: 0; width: 10%; margin-top: 130px; z-index: 99; width: 1200px; margin: 200px auto; max-width: 100%; display: flex; } .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} .tns-controls button{padding:0;border:0;background: transparent;color:#000;position:relative;z-index:10;line-height:35px;width:35px;margin: 0 9px;transform:translateY(-50%);font-size:20px;opacity: 0;transition:all .3s} .tns-outer:hover .tns-controls button{opacity:1} .tns-controls button:last-of-type:not(#slider .tns-controls button) {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} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1240px) { #nav li a, #nav li span {padding: 38px 8px 41px 8px;font-size: 16px;} #logo {margin: 10px 0 11px;} .header-links-wrapper {padding-right: 15px;} .section-navigation {font-size: 15px;padding: 12px 18px 12px;} .right-navigation {right: -100px;} .scrolled {right: -204px;} #quick-links {position: static;margin-top: 0;transform: none;margin-left: 0;background: #0d3c6c;padding: 30px 0;} .blue-strip{display: none;} .tns-controls button img{width: 20px !important;} .tns-controls button:not(#slider .tns-controls button) {opacity: 1;background: #0d3c6c !important;width: 50px;height: 50px;padding: 0;line-height: normal;font-size: inherit;border: 1px solid rgba(255,255,255,0.25);border-radius: 50%;} .focus-box .focus-title {font-size: 26px;line-height: 36px;} .dpt-box {padding-left: 0;} footer {padding: 60px 0 20px;} #slider h1 {font-size: 150px;margin-top: 90px;} #slider h1 span {font-size: 48px;top: -50px;} #slider .tns-controls {left: 0;right: 0; margin-top: 260px;} #slider .small-header {font-size: 48px;top: -50px;} #search {width: 473px;top: 215px;left: 15px;} .flyout-dropdown-header h4 {font-size: 22px;} } @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)} /* default nav styles */ #nav{display:flex;justify-content:space-evenly;margin-left: 5px;} #nav .focused .toggle{display:inline !important} #nav li:hover>ul{display:block !important} /* traditional */ #nav:not(.mega) li{position:relative;} #nav:not(.mega) ul{position:absolute;left:0;top:100%;width:200px;display:none} #nav:not(.mega) ul ul{left:100%;top:0} #nav:not(.mega) .focused .toggle2{display:inline !important} #nav:not(.mega) ul a, #nav:not(.mega) ul span{border-bottom:1px solid rgba(0,0,0,.15)} #nav:not(.mega) li:last-child>a, #nav:not(.mega) li:last-child>span{border:0} /* mega */ #nav.mega>li{position:static;padding:38px 0 41px 0} #nav.mega>li>ul>li{display:block;width:100%;break-inside:avoid} #nav.mega .focused .toggle2{display:none !important} #nav.mega > li > ul { -webkit-column-count: 3;-moz-column-count: 3; column-count: 3; position: absolute;left: 0;right: 0;top: 100%;display: none; background: #0d3c6c; padding-left: 54px;padding-right: 54px;padding-top: 50px;padding-bottom: 48px; } #nav.mega ul ul a, #nav.mega ul ul span {font-weight: 500;color: #fff;font-size: 18px;margin-left: 12px;margin: 5px 0;} #nav.mega > li > ul.first-level li a,#nav.mega > li > ul.first-level li span{font-weight: 600;color: #fff;font-size: 16px;margin-left: 12px;margin: 5px 0;padding:0;} #nav.mega > li > ul.first-level li a:hover,#nav.mega > li > ul.first-level li span:hover{text-decoration:underline;} ul.second-level li a {color: #fff !important;} #nav.mega>li:hover a, #nav.mega>li:hover span {color: #074c92;} /* mega */ #nav>li{position: static;} #nav>li>.mega-wrapper>ul{-webkit-column-count:3;-moz-column-count:3;column-gap: 80px;column-count:3;background: #0d3c6c;padding: 30px 150px;} #nav>li>.mega-wrapper>ul>li{display:block;width:100%;break-inside: auto;margin-bottom: 15px;position: relative;} #nav .focused .toggle2{display:none !important} #nav>li>.mega-wrapper>ul>li>ul a:hover {text-decoration: underline;color: #ebc958;} #nav>li>.mega-wrapper>ul li a, #nav>li>.mega-wrapper>ul li span {font-size: 20px;color: #ffffff !important;margin-bottom: 10px;} #nav>li>.mega-wrapper>ul>li>ul a, #nav>li>.mega-wrapper>ul>li>ul span{margin-bottom: 5.67px;line-height: 1;} #nav>li>.mega-wrapper>ul li ul li a, #nav>li>.mega-wrapper>ul li ul li span {color: #4bc8ad !important;font-weight: 400;font-size: 16px;} #nav >li:hover ul {display: block;} /* mega scroll */ .mega-wrapper {position: absolute;left: 0;right: 0;max-height: 630px;overflow-y: scroll;display: none;word-break: break-word;margin-left: -25px;margin-right: -70px;margin-top: 40px;} #nav>li:hover .mega-wrapper {display: block!important;} /* width */ /* ::-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; } #freeform #main #nav{display: block;margin-left: 0;} #freeform #main #nav li, #freeform #main #nav li{background: #0d3c6c;color:#fff;} #freeform #main #nav li a, #freeform #main #nav li span{padding: 0;text-transform: none;width: 100%;display: block;border: 0;color: #fff;font-size: 30px;font-weight: 600;} #freeform #main #nav:not(.mega) ul ul {position: static;} #freeform #main #nav:not(.mega) ul {position: static;width:100%;} #freeform #main #nav:not(.mega) ul li {position: static;background: #074c92;} #freeform #main #nav:not(.mega) ul li a,#freeform #main #nav:not(.mega) ul li a span{font-size: 18px;} ul.second-level li a{color: #4bc8ad !important;} #flyout .toggle{position:absolute;right:0;top: 27px;padding: 15px 25px;font-size: 33px;transform: translateY(-50%);} #nav>li>a:not(.fa):after, #nav>li>span:after{content:'';position:absolute;right: -24px;top:0;bottom:0;width:1px;background: rgba(0,0,0,0.15);} #nav>li:last-child>a:after, #nav>li:last-child>span:after{display:none} #flyout-wrap{margin-right: -7px;} #services img{height: 307px;} } @media (min-width: 992px) and (max-width:1199px) { #services img{height: 200px;} } @media (min-width: 992px) and (max-width:1367px) { .header-links-wrapper {padding-right: 24px;} #nav.mega > li { padding: 34px 0;} #nav li a, #nav li span {padding: 2px 0;font-size: 16px;border: 0;} #logo {width: 272px;} #nav.mega > li > ul {padding-left: 144px;padding-right: 144px;} } @media (min-width: 1200px) and (max-width:1367px) { #services img{height: 235px;} } @media (min-width: 992px) and (max-width: 1080px){ #nav > li > a:not(.fa)::after, #nav > li > span::after {right: -14px;} #homepage .event-title {font-size:16px !important;} #homepage .event-time-location {font-size:16px !important;} #homepage .event-location {margin: 5px 0;} } @media only screen and (max-width:1550px) { #homepage #slider.results-open #slider-caption{top:36%} #homepage #slider.results-open .search-wrapper{bottom:60%} } @media only screen and (max-width:1240px) { #homepage #slider.results-open #slider-caption{top:29%} #homepage #slider.results-open .search-wrapper{bottom:65%} #search-results{top:440%} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ #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;right:15px;top:65px;z-index: 9;} #nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#222;color:#fff;margin-left:5px} #nav li{position:relative;border-bottom: 1px solid rgba(0,0,0,0.15);} #nav ul{display:none;background:rgba(0,0,0,.15)} #flyout ul{background:rgba(0,0,0,.15)} #nav .toggle, #nav .toggle2, #flyout .toggle{position:absolute;right:0;top:0} #flyout-toggle{padding:0;padding:15px;background: #222;color: #fff;font-size: 18px;} #flyout-header{margin:0;padding:15px;border-top:1px solid rgba(0,0,0,.15)} #nav li a, #nav li span, #flyout li a, #flyout li span{padding:15px;line-height:1;font-size:15px;color: #fff;} nav #nav {display: none;} #logo {max-width: 100%; width: 200px; margin: 10px 0 11px; } .header-links-wrapper {padding-right: 0;justify-content: space-between;} #quick-links {position: static; margin-top: 0; transform: none;background: #0d3c6c; padding: 30px 20px;} .right-navigation{display: none;} #slider h1 {font-size: 90px;margin-top: 0;left: 0;text-align: center;line-height: 60px;} #slider h1 span {font-size: 42px;top: 0;margin-left: 0;font-weight: 600;} #slider .small-header {font-size: 42px;top: 0;margin-left: 0;line-height: normal;} .sec-head {font-size: 60px;text-align: left;} .sec-head span {font-size: 42px;font-weight: 600;} #slider {padding-bottom: 90%;} #search {display:none;top: 0;left: 0;width: 100%;border: 3px solid #0d3c6c;} #slider .tns-controls {left: 50%;right: auto;margin-top: 0;width: 100%;transform: translateX(-50%);display: flex;justify-content: space-between;} .search-wrapper {transform: none;left: 0;bottom: 0;position: static;} #nav .toggle, #nav .toggle2, #flyout .toggle {background: rgba(0,0,0,.15);} nav{background: #0d3c6c;} .blue-strip{display: none;} .qlink-box {border: 1px solid rgba(255,255,255,0.25);padding: 20px 30px;background: rgba(0,0,0,.15);} #quick-links .tns-controls button {margin: 0 -20px;} #news {padding: 50px 0;} .news-image {width: auto;} .news#news .tns-controls {top: 50%;left: auto;right: auto;width: 100%;} #search button {border-radius: 0;} .focus-box {margin: 15px auto;} #focus {padding: 50px 0 100px;} .qlink-box h4 {font-size: 16px;line-height: 20px;} .qlink-box img {margin-bottom: 15px;} .focus-box .focus-title {font-size: 24px;line-height: 24px;} #features {padding: 15px;} #features .tns-controls button img{filter: invert(0%) sepia(100%) saturate(1000%) hue-rotate(329deg) brightness(90%) contrast(100%);} .features-box {text-align: center;margin: 10px 0;padding: 20px;} .features-box h4,.meetings-box h4,.connected-box h4,.career-box h4,.features-content-box h4,.meetings-box img,.connected-box img, .career-box img,.features-content-box img,.features-box img {position: static;margin: 10px 0;} .connected-box{position: static;} #translation-links{border: 0;} footer {padding: 50px 0;} .dpt-box {padding-left: 15px;margin: 30px 0;} .whats-new {padding-left: 15px;} .footer-top ul {float: none;} .footer-top h4 {border-bottom: 1px solid;padding-bottom: 10px;} .footer-social-wrapper {left: 0;position: static;padding: 30px 0;} .ada-box {border: 1px solid #fff;padding: 15px;} .copy-right {padding: 0 0 40px;} #news .head-wrap .button {top: 0;} .head-wrap{margin-bottom: 15px;text-align: right;} #freeform #slider {padding-bottom: 90%;} .flyout-dropdown-header h4 {font-size: 20px;} .flyout-dropdown-header {padding: 15px;} .flyout-dropdown-header:first-child img:not(.department .flyout-dropdown-header:first-child img){display: none;} .flyout-dropdown-header:nth-child(2) img:not(#freeform .flyout-dropdown-header:first-child img){display: none;} #entry {padding: 15px;} #freeform #page-title {font-size: 42px;} .focus-box{width: 100%;} #freeform #features {padding: 15px;} header {position: static;} #freeform #search {position: static;} #nav.mega > li > ul { padding-left: 0; padding-right: 0;} .tree.first{width:150px} .tree.second{width:150px} #flyout {display: none;} .flyout-dropdown-body ul li a {padding: 16px 78px 14px 15px;} .department .flyout-dropdown{display: flex; flex-direction: column;} .department .flyout-dropdown .cont-wrap{order: 2;} nav #nav{margin-right:0} .slider-shadow {z-index: -1;} #entry iframe{width: 100%} #freeform #main .col{padding: 0px 15px;} #search-results{top:110px!important;left:0;right:0;z-index:99} #homepage #slider.results-open #slider-caption{top:50%} #homepage #slider.results-open .search-wrapper{bottom:auto} #freeform #search-results{left:0;right:0} } @media(min-width:768px) and (max-width:991px) { .features-box {margin: 0px;} } /* 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} #search-results .tab-content .tab-pane{padding:0 15px} .curated-item{display:flex;flex-direction:column} .curated-item div.pull-right{text-align:left;width:100%;margin:15px 0} .curated-item h3{font-size:18px;width:100%} #search-results .tab-pane h2{font-size:23px} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width:480px) and (max-width:767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:479px) {} @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} } /* Requested Change #92334*/ .fc-day-grid-event .fc-content{white-space: normal !important;} .dur-end { display: none!important; }