/*----------------------------------------------------------------------------------- Theme Name: Akron, OH Front-end developer: Abir Hossain Author Design: alex parent Author URI: http://www.revize.com/ Date: 9/3/2023 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap'); @font-face { font-family: 'Montserrat'; src: url(../fonts/Montserrat/Montserrat-Regular.ttf); font-weight: 400; } @font-face { font-family: 'Montserrat'; src: url(../fonts/Montserrat/Montserrat-Medium.ttf); font-weight: 500; } @font-face { font-family: 'Montserrat'; src: url(../fonts/Montserrat/Montserrat-SemiBold.ttf); font-weight: 600; } @font-face { font-family: 'Montserrat'; src: url(../fonts/Montserrat/Montserrat-Bold.ttf); font-weight: 700; } @font-face { font-family: 'Montserrat'; src: url(../fonts/Montserrat/Montserrat-ExtraBold.ttf); font-weight: 800; } /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:16px;line-height: 1.6;font-weight: 400;font-family: 'Montserrat';color:#000000;-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{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} .subheader {font-size: 24px;font-family: 'Montserrat';color: #000;margin-bottom: 12px;font-weight: bold;margin-top: 42px;text-transform: capitalize;letter-spacing: -0.35px;} /* 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), #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .rz-btn{padding: 16px 24.2px;background: #E08D33;color: #000000;border:0;border-radius: 6px;display:inline-block;font-size:18px;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family: 'Montserrat';transition:all .3s;text-transform: capitalize;} 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;color:#fff;background: #e08d33;} 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: #e08d33;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;font-family: 'Montserrat';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;right: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:'Poppins',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 -----------------------------------------*/ .rzHeader {top: 25px;width: 100%;} .faq-search {text-align: center!important;} .user-logged-in .module-container { padding: 15px;} #post .module-container table td {padding: 15px;} #post .module-container table p span.btn {display: block;} .microsite #slider .rzBtnContainer.rzHeader {top: 286px;} h2.faq-header {color: #000;} h2#flyout-header ~ a .rzBtn {margin-top: -20px!important;margin-left: 33px;} #footer-singup .rzBtn {margin-top: -40px;} .doc-search-form .doc-search-submit { padding: 10px 20px!important;border: 0px!important;} h2.faq-header ~ .faq-editbtns {margin-top: -37px;} #categorties-wrap .cat h3 {background: #e08d33;border: 0;} tr#rz-rpfbids-row {background: #041e42;} form#rz-business-directory-search{margin:0 15px 0 0} #doc-search-form input.rz-doc-search-submit{color:#fff;padding: 9px 22px;border-radius: 0;} #freeform #post:before,#freeform #post:after {content: "";display: block;} #freeform #post:after {clear: both;} #mini-events .fc-day-top.fc-today.day-has-event a {color: #ffffff !important;} .fc-row.fc-rigid .fc-content-skeleton{background: #ffffff;} /* ----------------------------------------- #main -----------------------------------------*/ .container{width: 1446px;max-width:100%} #skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999} #skip:focus{left:50px;top:50px} /* Default nav styles */ #nav .fa:before{font-family:'FontAwesome' !important} #nav{padding:0;width: 845px;max-width: 100%;margin-left: 68px;margin-bottom: 0;} #nav li{margin:0;list-style:none} #nav li a, #nav li span{padding: 54px 20px 53px;display:inline-block;font-size: 18px;color: #222222;text-transform: capitalize;text-decoration:none;font-weight: 700;position: relative;z-index: 0;} #nav ul{padding:0;margin:0} #nav ul a, #nav ul span{padding:0} #nav .li-143 ul.level2{display:none;} /*====== Universal ======*/ a{text-decoration: none;color: #000000;} a:hover{text-decoration: none;} .title h2, #content h2 {font-size: 48px;color: #041E42;font-weight: 700;text-transform: capitalize;margin-bottom: 0;} /* header */ header{position: fixed;left: 0;right: 0;top: 0;z-index:200;width: 100%;background: #ffffff;} header >.container{min-height: 100px;} #logo {position: absolute;left: -81px;top: 17px;width: 62.5px;} .header-tools {margin-right: -86px;display: flex;font-size: 14px;font-weight: 700;color: #7DD4F7;text-transform: capitalize;justify-content: end;margin-top: 53px;} .social-link {list-style: none;padding: 0;margin: 0;width: 115px;display: flex;align-items: center;justify-content: space-between;} .social-link li {display: inline-block;} .social-link li a {display: block;width: 24px;transition: all 0.3s;} .social-link li:hover img{transform: scale(1.2);} .social-link li:not(:last-child) {margin-right: 6px;} #search-btn img{width: 30px;margin-top: -4px;margin-left: -4px;} #translation-links button img {width: 24px;margin-top: -3px;margin-left: -4px;} a#search-btn {color: #222222;margin-left: 20px;display: block;text-decoration: none;padding: 2px 0;font-size: 14px;font-family: 'Montserrat';font-weight: 700;min-width: 25px;} .mega-content-banner {padding-bottom: 100%;border-radius: 12px;} /* Translate */ div.skiptranslate{display:none !important} .goog-te-banner-frame{display:none} #translation-links{padding:0;margin: 0 0 0 29px;} #translation-links button{border:0;background:none;color: #222222;letter-spacing: 0.3px;padding: 3px 0;font-size: 14px;font-family: 'Montserrat';font-weight: 700;width: 47px;} #translation-links li{position:relative;margin:0;list-style:none} #translation-links ul{padding:25px;margin:0;position:absolute;right:0;top:100%;width:250px;height:400px;overflow:scroll;background:#fff;display:none} #translation-links ul li{margin-bottom:10px} ul#translation-links a {display: block;text-align: start;background: #ccc;padding: 5px 10px;color: #000;font-weight: 400;text-decoration: none;border-radius: 3px;} /* Search */ #search{max-width: 500px;width: 100%;margin: 0 auto;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 1;margin-top: 30px;} #search form{position:relative;margin:0;box-shadow: 0 0 20px #00000061;border-radius: 6px;} #search input{font-size: 16px;font-family: 'arimo',sans-serif;font-weight:500;color: #000000;padding-right: 80px;padding-top: 10px;padding-bottom: 10px;height: 53px;border: none;background: #ffffff;border-radius: 6px;} #search input::-webkit-input-placeholder{color:#000000} #search input:-moz-placeholder{color:#000000} #search input::-moz-placeholder{color:#000000} #search input:-ms-input-placeholder{color:#000000} #search label{margin:0;position:absolute;left:0;top:0;line-height:45px} #search button{position:absolute;right: 1px;top: 50%;transform: translateY(-50%);border:0;background: transparent;color: #ffffff;width: 65px;height: 100%;display: flex;align-items: center;justify-content: center;border-top-right-radius: 6px;border-bottom-right-radius: 6px;padding: 18px;} #hero-search.search-border {border: 3px solid #041e42;} #hero-search.search-border input::placeholder{color: #E08D33;} #hero-search.search-border button{background: #e08d33!important;} /* hero */ .hero-content {position: absolute;top: 50%;left: 50%;width: 90%;transform: translate(-50%,-50%);transition:all .3s;margin-top: 5px;z-index:99;text-align: center;} #slider-caption {text-transform: uppercase;margin-bottom: 17px;text-align: center;} #slider-caption h1 {font-size: 90px;font-weight: 800;color: #ffffff;margin-bottom: 0;line-height: 1;padding-right: 20px;} #slider-caption>span {font-size: 24px;line-height: 1;font-weight: 700;color: #ffffff;display: block;margin-bottom: -1px;} #hero-search .search-form {position: relative;height: 100%;} #hero-search .search-form button {position: absolute;right: 0;border: none;background: transparent;height: 100%;width: 96px;cursor: initial;} #search .search-form button {cursor: initial;} #hero-search .search-form button img {width: 32px;} #hero-search {width: 620px;height: 80px;background: #ffffff;border-radius: 8px;overflow: hidden;margin:auto} #hero-search .search-form input{height: 100%;background: transparent;font-size: 16px;padding-left: 32px;padding-right: 105px;padding-top: 9px;font-weight: 400;letter-spacing: 0.8px;border: none;} a#explore-plan {display: inline-flex;justify-content: center;color: #ffffff;font-size: 18px;font-weight: 500;position: relative;padding-right: 44px;margin-top: 32px;padding-bottom: 7px;} a#explore-plan:before{content: "";position: absolute;right: 1px;top: 50%;transform: translateY(-50%);background: url(../images/arrow_forward.png);background-size: cover;width: 24.5px;height: 24px;margin-top: -4px;} #scroll-text-slide-ow:before {content: unset!important;} #scroll-text-slide {color: #E08D33;font-weight: 700;padding-left: 18px;} a#explore-plan:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;background: #ffffff8f;height: 1px;transition: all 0.3s;} a#explore-plan:hover:after {background: #ffffff;} .slider-photo-credit {position: absolute;bottom: 20px;right: 15px;background: #ffff;display: inline-block;padding: 5px 14px;border-radius: 3px;font-size: 12px;z-index: 1;box-shadow: 0 0 13px #0003;} .slider-photo-credit:before {border-radius: 6px 0 0 0;content: "";position: absolute; left: 2px; height: 100%; width: 22px; background: #fcfcfc;z-index: -2;transform: skew(3deg, 23deg);} .slider-photo-credit strong {margin-right: 10px;} /* Curated search */ #slider.results-open .hero-content{top: 25%;} .microsite #slider.results-open .hero-content{top:50%} #search-results{position:absolute;top: 90%;left:10%;right:10%;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:#041E41;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:#041E41;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:#041E41;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:#041E41;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:#041E41} 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:#094E9B;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:#041E41} .curated-tags{clear:both} #close-curated .fa-close{color:#fff} .microsite #close-curated .fa-close{color:#041E40;} #homepage li#close-curated{top:-55px} #freeform #search-results{top:100px;z-index:10} .inline-YTPlayer{position:absolute!important;left:0;right:0;bottom:0;top:0;max-width:100%!important} #video-bg{padding-bottom:0!important;height:100%!important;border-radius: 12px} .inlinePlayButton{display:none!important} #video-banner{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1} /* quick-links */ #quick-links {padding: 22px 0 21px;position: relative;} #quick-links:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(9 78 155 / 92%);} .qlink-box {display: flex;align-items: center;justify-content: center;min-height: 200px;max-width: 230px;width: 100%;margin: 0 auto;color: #ffffff;text-align: center;position: relative;} .qlink-box:after{content:'';background: #041e42;border-radius: 15px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;transform: scale(0.8);transition: all 0.3s;} .qlink-box:hover:after{transform: scale(1);opacity: 1;} .qlink-box img {width: 64px;margin: 0 auto 8px;display: block;} .qlink-box:hover img {filter: invert(50%)brightness(200%);} .qlink-content > span {display: block;font-size: 18px;font-weight: 700;text-align: center;} .qlink-box:hover{color: #ffffff;} .qlink-box img{filter: invert(50%)brightness(200%);} /* news */ #homepage #news {padding: 108px 0 72px;} #homepage #news .tns-ovh {padding: 20px 13px;margin: -20px -13px;} #homepage .news-box {display: flex;align-items: end;min-height: 579.531px;position: relative;z-index: 0;border-radius: 12px;overflow: hidden;transition: all 0.3s;} #homepage .news-box-content h5 {color:#fff;font-size: 18px;font-weight: 700;line-height: 1.5;margin-bottom: 0;text-transform: capitalize;} #homepage .news-box-content span {font-size: 14px;color: #DDE7F1;display: block;margin-bottom: 12px;} #homepage #news .tns-outer {margin: 0 0px 32px;} #homepage #news .title {text-align: center;} #homepage #news .tns-controls {left: -81px;right: -81px;} #homepage .news-box:hover h5 {text-decoration: underline;} #homepage #news .tns-controls button img:not(#news .tns-controls button[disabled] img) {box-shadow: 0 0 20px #00000021;border-radius: 50%;} #homepage .news-top {display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 34px;} #homepage .news-box-content {padding: 24px 62px 23px 24px;background: #094E9B;position: relative;width: 100%;margin-top: 50%;} #homepage .news-box-content:before{content: "";position: absolute;right: 24px;top: 50%;transform: translateY(-50%);background: url(../images/arrow_forward.png);background-size: cover;width: 24.5px;height: 24px;} #homepage .news-box:before {content: "";position: absolute;top: 0;left: 0;background: linear-gradient(180deg, #0000000a 0%, #0000008f 100%);width: 100%;height: 100%;z-index: -1;border-radius: 12px;transition: all 0.3s;} #homepage .news-box:hover:before {opacity: 0;} /* gallery */ #gallery {background: #094E9B;padding: 109px 0 104px;} #gallery .container-fluid {padding: 0;} .gellery-top {color: #ffffff;text-align: center;margin-bottom: 96px;padding: 0 15px;} .gellery-top .title {margin-bottom: 15px;} .gellery-top .title h2 {color: #ffffff;font-size: 72px;font-weight: 500;} .gellery-desc {max-width: 970px;margin: 0 auto;} .gallery-image {padding-bottom: 65%;border-radius: 12px;position: relative;} #gallery .tns-inner{ margin-left: 0;} .gallery-item img {width: 100%;height: 100%;display: block;border-radius: 12px;object-fit: cover;position: absolute;top: 0;left: 0;} #gallery .tns-controls {left: 17px;right: 17px;margin-top: 7px;} #gallery .tns-controls button[disabled] {cursor: inherit;display: none;} .is-empty{display: none;} /* signup */ #signUp {padding: 107px 0 101px;position: relative;z-index: 0;} #signUp:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(4, 30, 66, 0.91) 33.18%, rgba(4, 30, 66, 0.00) 100%);z-index: -1;} .signup-content {display: flex;align-items: self-start;flex-wrap: wrap;} .singUp-title {min-width: 538px;} .signup-btn{background:#DFEFE8;position: relative;top: -3px;padding-left: 24px;padding-right: 24px;padding-top: 12px;padding-bottom: 15px;} .signup-btn:after {content: " ";margin-left: 14px;background: url(../images/arrow_forward.png);background-repeat: no-repeat;background-size: contain;width: 25px;height: 24px;display: inline-block;transition: all 0.3s;filter: invert(1);position: relative;top: 6px;} .signup-btn:hover:after{filter: invert(0);} .singUp-title h3 {font-size: 36px;font-weight: 700;color: #ffffff;text-transform: capitalize;margin-bottom: 9px;} .singUp-title span {font-size: 18px;font-weight: 500;color: #ffffff;text-transform: uppercase;} /* mailchimp overwrite */ .signup-content .mc-field-group {display: inline;} .signup-content #mc-embedded-subscribe {clear: unset;width: initial;display: initial;margin: initial;height: 100%;} .mc-field-group >div.mce_inline_error {color: #bbb7b7;} #mce-responses {color: #bbb7b7;} /* Blog */ img.blog-img {width: 100%;height: auto;} hgroup.blog-header {margin: 0;font-family: 'DIN',sans-serif;font-size: 32px;text-transform: capitalize;font-weight: bold;letter-spacing: -.025em;padding: 15px 30px;} .blog-header h2 {color: #3A5976!important;margin: 0;font-size: 21px;line-height: 30px;width: 73%;text-decoration: none;} .blog-header h3 {font-family: 'Gotham',sans-serif;font-weight: 700;font-size: 16px;text-transform: uppercase;color: #389583;margin: 0;line-height: 42px;width: 27%;text-align: right;} .blog-caption {padding: 30px;font-size:15px;line-height:27px} a.blog-readmore {font-weight: bold;text-decoration: none;display:block;margin-top:15px} a.blog-readmore:after {content: "\f054";font-family: FontAwesome;font-size: 14px;padding-left: 4px;} .no-after a:after{display:none} img.blog-inner-img {max-width: 40%;margin: 0 0 30px 30px;} .blog-header small {color: #fff;background: #389583;border-radius: 3px;padding: 5px;display: inline-block;letter-spacing: 0.025em;margin-top: 3px;} .blog-item{box-shadow: 0 4px 20px rgba(0,0,0,.25);margin-bottom:30px} @media only screen and (min-width:992px) { #blog-posts{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .blog-item {width:calc(50% - 30px);margin:0px 15px 30px 15px} } /* events */ #events {padding: 109px 0 103px;min-height: 727px;position: relative;z-index: 0;} #freeform #events {padding: 30px 0 0;} #events .container {width: 1204px;} #freeform #events .container {width: unset;} .events-top {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin-bottom: 57px;} #events:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(243 243 243 / 91%);z-index: -1;} /* feed */ #feed {padding: 72px 0;} /* Requested Change #93974 */ #gallery .slider-photo-credit{margin-left: 78%; bottom: 55px!important; left: 0px!important;} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform #main {padding-top: 17px;padding-bottom: 49px;} #freeform #slider>img{position:absolute;left:0;right:0;top:100%;width:100%;z-index:11} #freeform #slider:not(.microsite #slider){height: 442px;} #freeform .content-wrapper {margin-left: -2px;margin-right: -37px;margin-top: 31px;} aside {margin-right: 28px;margin-top: 1px;border-radius: 6px;letter-spacing: -0.1px;} #flyout-header{margin: 0 0 23px;color: #000000;font-size: 18px;font-family: 'Montserrat';font-weight:700;padding: 0 35px;} nav#flyout-wrap{padding-top: 38px;padding-bottom: 22px;margin-bottom: 11px;background: linear-gradient(85deg, #DDE7F1, #F2F2F2);border-radius: 12px;} #flyout{padding:0;margin:0} #flyout li{position:relative;margin:0;list-style:none;} #flyout a, #flyout span {display: block;text-decoration: none;font-size: 14px;color: #000;line-height: 1.5;padding: 3px 35px;letter-spacing: -0.3px;margin-bottom: 9px;} #flyout ul{padding:0;margin:0;display:none} #flyout ul a, #flyout ul span{padding: 6px 25px;margin-bottom: 4px;} h1.freeform-title {font-size: 48px;font-family: 'Montserrat';font-weight: 700;color: #000000;text-transform: capitalize;margin-bottom: 43px;letter-spacing: -0.6px;} #breadcrumbs{font-size: 14px;font-weight: 400;color: #E08D33;margin-bottom: 9px;letter-spacing: -0.16px;} #breadcrumbs ul {list-style: none;margin: 0;padding: 0;} #breadcrumbs li {display: inline-block;position: relative;} #breadcrumbs a{text-decoration:none;color: #041E42;font-weight: 700;} #breadcrumbs a:after{content:'\f0da';font-family:'FontAwesome';margin: 0 14px 0 20px;color: #041E42;font-size: 10px;position:relative;top: -2px;} #post blockquote {font-size: 24px;font-family: 'Poppins', sans-serif;font-weight: 700;border-left: 2px solid #DFEFE8;border-radius: 12px;padding: 45px 128px 46px 43.5px;background: #F2F2F2;position: relative;line-height: 1.33;margin-right: 37px;margin-top: 41px;margin-bottom: 40px;} #post blockquote:after{content: "";position: absolute;top: 50%;transform: translateY(-50%);right: 0;background:url('../images/format_quote.png');background-size: 100%;width: 78px;height: 78px;margin-right: 45px;} #post p {line-height: 26px;letter-spacing: -0.12px;/*margin-bottom: 40px;*/} #post p a:not(.btn, span.btn a,.rz-Btn) {color: #e08d33;text-decoration: underline;} #post a:not(.btn, span.btn a,.rz-Btn){color: #e08d33;text-decoration: underline;} #content a:not(.btn, span.btn a,.rz-Btn){color: #e08d33;text-decoration: underline;} #post .pull-left a{text-decoration:none!important;} #freeform .table-block {display: flex;justify-content: space-between;} #freeform .table-block-item h2 {color: #000000;font-weight: 600;font-size: 24px;border-bottom: 1px solid #000;text-align: center;padding: 15px;margin-bottom: 0;display: flex;align-items: center;justify-content: center;} #freeform .table-block-item ul {padding: 22px 15px;margin: 0 0 0 18px;} #freeform .table-block {border: 1px solid #000;} #freeform .table-block-item:not(:last-child) {border-right: 1px solid #000;} #freeform .table-block-item {width: 33.33%;} #post .row.table {margin: 35px 0 0;} #post .row.table .col-md-4 {padding: 0 0 15px;} #post .row.table .col-md-4:not(:last-child) {border-right: 1px solid #000;} #post .row.table .subheader {border-bottom: 1px solid #000;padding: 15px;text-align: center;margin: 0;display: flex;align-items: center;justify-content: center;} #post .row.table .col-md-4 ul {padding: 15px;margin: 0 0 0 18px;} #post .row.table .col-md-4 p{padding: 15px;} .rz-business-block .rz-business-links a {color:#e08d33!important;} .rz-block-list .rz-bus-readmore,.bid-header,.jobs-title,.doc-file-link,.agenda-link {color:#e08d33!important;text-decoration:underline!important;} .jobs-title,.doc-file-link,.agenda-link{color:#e08d33!important;} /* freeform department */ aside h2 {font-size: 18px;font-family: 'Montserrat';font-weight: bold;color: #000;margin-bottom: 26px;letter-spacing: -0.5px;} aside #hours h2{margin-bottom: 28px;} aside > article {padding-right: 30px;padding-left: 35px;padding-top: 36px;padding-bottom: 36px;margin-bottom: 10px;background: linear-gradient(85deg, #DDE7F1, #F2F2F2);border-radius: 12px;word-break: break-word;} article#contact-us #contact-us-name-position {margin-bottom: 29px;} .contact-image {width: 165px;height: 165px;border-radius: 50%;margin-bottom: 16px;} article#contact-us #contact-info a {text-decoration: none;font-size: 14px;color: #000;display: flex;align-items: center;margin-bottom: 16px;letter-spacing: -0.1px;line-height: 1.5;padding-top: 1px;} article#contact-us #contact-info a:last-child{margin-bottom: 0;} article#contact-us #contact-us-name {font-weight: 700;font-size: 16px;margin-bottom: -1px;letter-spacing: -0.6px;} article#contact-us #contact-us-position {font-size: 14px;font-style: italic;} article#contact-us #contact-info .contact-info span.contact-icon {display: inline-block;width: 17px;margin-right: 18px;margin-left: 5px;margin-top: -3px;flex: 0 0 auto;} article#hours ul li {font-size: 14px;margin-bottom: 18px;letter-spacing: 0.3px;display: flex;flex-wrap: wrap;} article#hours ul li:last-child{margin-bottom:0;} article#hours ul li span {font-weight: bold;color: #4d4d4d;width: 38px;margin-right: 16px;display: block;} article#hours ul {list-style: none;margin: 0;padding: 0;} article#resources a {display: flex;align-items: center;padding: 16px 11px 15px 18px;text-decoration: none;font-weight: bold;font-size: 14px;color: #000;background-color: #fff;width: 100%;line-height: 1.5;letter-spacing: -0.3px;} article#resources img {width: 16px;position: relative;left: 1px;top: -1px;margin-right: 1px;} article#resources a span {display: inline-block;margin-left: 14px;} aside > article > ul{margin: 0;padding: 0;list-style: none;} article#resources ul{padding: 0;margin: -1px 0 0 0;} article#resources ul li{margin-bottom: 14px;margin-right: 5px;border-radius: 6px;overflow: hidden;} article#resources ul li:last-child{margin-bottom: 0;} /* microsite */ .microsite #quick-links {background: #094E9B;} .microsite #slider {max-height: 64.7vh;height: auto;min-height: 600px;} .microsite #slider-caption h1 {font-size: 68px;font-weight: 700;text-transform: capitalize;padding: 0 30px;} .microsite #slider-caption {margin-left: 0;margin-bottom: 30px;} .microsite #content {padding: 72px 0;} .microsite #content .container > .row {align-items: center;} .microsite .content-placeholder {height: 550px;margin-right: 2px;margin-left: -5px;border-radius: 12px;} .microsite #content .title {margin-bottom: 28px;margin-top: 4px;} .microsite #content .btn {margin-top: -7px;padding: 13px 21px;font-size: 16px;} .microsite #subNav {background: #041E42;min-height: 55px;} .microsite #subNav ul {list-style: none;padding: 0;margin: 0;display: flex;justify-content: space-between;max-width: 1150px;width: 100%;} .microsite #subNav ul li a {color: #ffffff;font-size: 16px;font-weight: 700;padding: 20px 10px;display: inline-block;text-align: center;} .microsite #subNav #department-logo {display: block;width: 130px;margin: 10px 0px;} .microsite #subNavToggle { display: none;} .microsite #subNav ul li ul {display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background: #041e42;width: 180px;} .microsite #subNav ul li {position: relative;margin-bottom: 0;} .microsite #subNav ul li ul li a {padding: 10px 15px;font-weight: 500;} .microsite #subNav .container {width: 1840px;} .microsite #subNav #department-logo img[src="Pictures/Logos/Rubber%20Worker%20Logo-Color%20(1).png"] {width: 40px;} .microsite #subNav #department-logo[href="departments/fire/index.php"] {width: 85px;margin-left: -5px;} #subNav .row {align-items: center;} /* tiles */ #freeform.tiles .content-wrapper{margin-right: 0!important;margin-top: 31px;} .tiles-item {min-height: 288px;border-radius: 12px;position: relative;overflow: hidden;} .tiles-item-content {position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(4, 30, 66, 0.95);color: #ffffff;font-size: 18px;font-weight: 700;text-align: center;letter-spacing: -0.27px;padding: 16px 20px 14px;} #tiles .tiles-item {margin-bottom: 40px;} /* 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: #041e42!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;height: 86vh;max-height: 808px;} section#slider:not(#freeform #slider) .tns-outer:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.4;background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(135deg, rgb(4 30 66 / 20%) 0%, rgb(168 153 104 / 16%) 100%);z-index: 1;} #slider > .tns-outer{position:absolute;left: 0;right:0;top:0;bottom:0;overflow: hidden;} .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: none;color: #003865;border-radius:50%;position:relative;z-index:10;line-height: 68px;width:35px;margin:0 15px;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 {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} /* ====================================== */ /* ==============Main================= */ /* ====================================== */ /* footer */ footer{position: relative;background: #041E42;overflow: hidden;z-index: 0;padding: 70px 0;} img#footer-circle {position: absolute;bottom: -47px;right: -30px;max-width: 400px;width: 100%;z-index: -1;} .footer-info .address a,.footer-info .address span {font-size: 16px;font-weight: 700;color: #DDE7F1;} .footer-info .contact a,.footer-info .contact span {font-size: 12px;font-weight: 700;color: #ffffff;} .footer-info li {display: flex;justify-content: end;align-items: center;} .footer-info li:first-child{margin-bottom: 12.2px;} .footer-logo {display: block;position: relative;top: -4px;} .footer-info {margin: 0;padding: 0;list-style: none;} .footer-info li.address .divider {width: 2.5px;height: 15px;background: #DDE7F1;margin: 0 24px 0 24px;} .footer-info li.contact .divider {width: 2.5px;height: 10px;background: #DDE7F1;margin: 0 18px 0 17px;} .footer-link ul {margin: 0;padding: 0;list-style: none;} .footer-link h4 {color: #ffffff;font-size: 18px;font-weight: 700;margin-bottom: 5px;} .footer-link ul li a {color: #ffffff;font-size: 14px;} .footer-link ul li { margin-bottom: 2px;} #footer-singup {color: #ffffff;margin-bottom: 15px;border-bottom: 1px solid #ffffff2e;padding-bottom: 15px;max-width: 370px;width: 100%;} #footer-singup h3 {font-size: 14px;font-weight: 700;margin-bottom: 0px;} #footer-singup h2 {font-size: 24px;font-weight: 700;margin-bottom: 6px;} .footer-divider:not(:last-child) {margin-right: 35px;} #footer-singup .btn {padding: 8px 20px;font-size: 16px;border-radius: 0 4px 4px 0;display: block;position: absolute;right: -1px;top: 0;margin: auto;} .footer-link ul li a:hover{text-decoration: underline;} #footer-item-wrap {display: flex;justify-content: space-between;} #footer-singup form {margin-bottom: 0;position: relative;} #footer-singup form input {border-radius: 4px;height: 40px;width: 100%;padding-right: 120px;} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (min-width:2100px){ #nav>li>ul {padding-left: 10vw!important;padding-right: 10vw!important;} } @media only screen and (max-width:1700px){ #logo{left: 0;} .header-tools{margin-right: 0;} } @media only screen and (max-width:1680px){ #freeform .content-wrapper{margin: 0;} } @media only screen and (max-width:1620px){ #homepage #news .tns-controls {left: -58px;right: -58px;} } @media only screen and (max-width:1540px){ .header-tools {margin-right: 35px;} #logo {left: 50px;} #homepage #news .tns-controls {left: 0;right: 0;} } @media only screen and (max-width:1480px){ #logo {left: 40px;} .header-tools {margin-right: 30px;} } @media only screen and (max-width:1460px){ .footer-info{margin-right: 0;} .footer-logo{left: 0;} } @media only screen and (max-width:1420px){ #nav>li>ul {column-gap: calc(13% - 100px)!important;} } @media only screen and (max-width:1400px){ #nav>li>ul{margin:0 15px!important;} .header-tools {margin-right: 15px;} } @media only screen and (max-width:1376px){ #nav {width: 800px;margin-left: 48px;} #nav li a, #nav li span{padding-left: 5px;padding-right: 5px;} } @media only screen and (max-width:1330px){ #translation-links {padding: 0;margin: 0 0 0 20px;} } @media only screen and (max-width:1300px){ a#search-btn{margin-left: 15px;} #translation-links {margin-left:15px;/* width: 96px; */} .header-tools {margin-right: 0;margin-left: 45px;} .microsite #subNav ul li a {font-size: 14px;} #logo {left: 15px;} } @media only screen and (max-width:1280px){ #nav {width: 760px;margin-left: 55px;} #homepage .news-box {min-height: 480px;} } @media only screen and (max-width:1260px){ aside > article,#flyout-header,#flyout a, #flyout span{padding-right: 25px;padding-left: 25px;} .contact-image{margin-left:auto;margin-right: auto;width: 150px;height: 150px;} #nav>li>ul {column-gap: calc(12% - 100px)!important;} #freeform #slider:not(.microsite #slider) {height: 380px;} } @media only screen and (max-width:1200px){ #nav {width: 700px;margin-left: 40px;} #homepage .news-box {min-height: 470px;} } @media only screen and (max-width:1180px){ aside {margin-right: 0;} .header-tools{/* display: grid; *//* margin-left: 0; *//* margin-right: 0; *//* margin-top: 35px; *//* width: 100%; *//* text-align: end; *//* justify-content: end; */} #nav>li>ul {padding: 40px 15px!important;} #nav ul a, #nav ul span {font-size: 16px!important;} .microsite #slider-caption h1 {font-size: 60px;} } @media only screen and (max-width:1160px){ #footer-singup h2{font-size: 28px;} } @media only screen and (max-width:1120px){ aside {margin-right: -20px;} #freeform .content-wrapper:not(#freeform.fullwidth .content-wrapper) {margin-left: 30px} #nav {width: 685px;margin-left: 20px;} #hero-search {height: 65px;} } @media only screen and (min-width:1100px){ #gallery .tns-controls button{width: 56px;} } @media only screen and (max-width:1100px){ #nav {max-width: initial;width: 100%;margin-left: 10px;} .contact-image{margin-left:auto;margin-right: auto;width: 150px;height: 150px;} .footer-info li.address .divider, .footer-info li.contact .divider {margin: 0 10px;} .gellery-top .title h2 {font-size: 58px;} } @media only screen and (max-width:1080px){ #nav li a, #nav li span {font-size: 16px;} #slider {margin-top: 130px;} } @media only screen and (min-width: 992px) { #nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block !important;padding:0;/* position: absolute; *//* top: 50%; *//* margin-left: 0px; *//* transform: translateY(-50%); */} #flyout .focused .toggle{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:absolute;right:15px;top: 3px;} /* default nav styles */ nav{position: static!important;} #nav{display: flex!important;justify-content: space-between;} #subNavContent ul .focused .toggle {display: inline!important;color: #ffffff;text-decoration: none;} /* #nav li.hover:hover>ul{display:block !important} */ /* mega */ #nav>li{position:static} #nav>li>ul{-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;column-gap: 20px;position:absolute;left:0;right:0;display: none;background: #041E42;padding-left: 45px;padding-right: 45px;padding-top: 45px;padding-bottom: 45px;border-radius: 12px;margin: 0 46px;} #nav>li>ul>li{display:block;width:100%;/* break-inside:avoid; */margin-bottom: -2px;} #nav .focused .toggle2{display:none !important} #nav ul a, #nav ul span{color: #E08D33;font-size:18px;font-weight:700;margin-bottom: 16px;} #nav ul ul a, #nav ul ul span{color:#fff;font-size: 16px;font-family: 'Montserrat';font-weight: 400;text-transform:none;margin-bottom: 17px;letter-spacing: -0.3px;color: #ffffff;} #nav ul ul a:hover, #nav ul ul span:hover{text-decoration: underline;} #nav>li:hover >a:not(.fa), #nav>li:hover >span:not(.fa){color: #ffffff;} #nav li a:not(#nav li ul li a,#nav li a.fa):before, #nav li span:not(#nav li ul li span,#nav li span.fa):before {content: "";position: absolute;top: 0;left: 0;right: auto;background: #041E42;height: 100%;width: 0;z-index: -1;} #nav li:hover a:before, #nav li:hover span:before{width: 100%!important;} #nav ul li:hover>a, #nav ul li:hover>span {text-decoration: underline;} #nav>li:hover>ul {display: block;} .microsite #subNav ul li:hover>ul {display: block;} .microsite #subNav ul li:hover>a {color: #E08D33;} #flyout>li:hover a:not(#flyout>li ul li a), #flyout>li:hover span:not(#flyout>li ul li span){text-decoration: underline;font-weight: 700;cursor: pointer;} #flyout>li ul li:hover a,#flyout>li ul li:hover span{text-decoration: underline;font-weight: 700;cursor: pointer;} #flyout>li:hover>ul{display:block} #flyout ul{position:absolute;left:100%;top:0;width:200px;z-index:10;background: linear-gradient(85deg, #DDE7F1, #F2F2F2);box-shadow: inset 0 0 13px #26262612;border-top-right-radius: 6px;border-bottom-right-radius: 6px;padding-top: 10px;padding-bottom: 10px;} ul.footer-info .social-link{display: none;} #subNavContent{display: block!important;} .microsite #subNav {position: relative;z-index: -1;} /* Requested Change #92879*/ /* #sub-dropdown-toggle-4, #sub-dropdown-toggle-5, #sub-dropdown-toggle-6, #sub-dropdown-toggle-7, #sub-dropdown-toggle-8, #sub-dropdown-toggle-10, #sub-dropdown-toggle-11, #sub-dropdown-toggle-12, #sub-dropdown-toggle-13, #sub-dropdown-toggle-14, #sub-dropdown-toggle-15{display: inline-block!important; position: absolute!important; color: #fff!important;} #sub-dropdown-toggle-5, #sub-dropdown-toggle-6, #sub-dropdown-toggle-7, #sub-dropdown-toggle-8, #sub-dropdown-toggle-10, #sub-dropdown-toggle-11, #sub-dropdown-toggle-12, #sub-dropdown-toggle-13, #sub-dropdown-toggle-14, #sub-dropdown-toggle-15{margin-left: 10px;} #nav li:nth-child(4) li>ul{display: none} */ } @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{float:right;margin-top: 55px;margin-bottom: 18px;} #nav-toggle,#search-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background: #18231c;color:#fff;margin-left:5px} #nav li{position:relative} #nav ul, #flyout ul{display:none;background:rgba(0,0,0,.15)} #nav{width:100%;display:none;margin: 0 0 30px;padding-left: 0;} #nav .toggle, #nav .toggle2, #flyout .toggle{position:absolute;right:0;top:0;background:rgba(0,0,0,.15)} #flyout-toggle{padding:0;padding: 15px 25px;color: #000;} #flyout-header{margin:0;padding: 15px 25px;border-top:1px solid rgba(0,0,0,.15)} #flyout{display: none;} #nav li a, #nav li span, #flyout li a, #flyout li span{padding: 15px 15px;line-height:1;font-size: 16px!important;border-bottom:1px solid rgba(0,0,0,.2);display:block;margin-bottom: 0;} #nav li:last-child a, #nav li:last-child span, #flyout li:last-child a, #flyout li:last-child span{border-bottom: 0;} /* header */ header{position: relative;} .tools{position: static;} .header-tools {position: absolute;top: 0;right: 10px;margin-top: 10px;} a#search-btn{display: none;} #search{position: relative;left: 0;right: 0;transform: unset;width: 90%;margin-top: 5px;} #logo {left: 15px;position: absolute;display: block;width: 55px;} #nav>li>ul{width: 100%!important;margin: 0!important;padding: 0!important;} /* --------------- */ #post blockquote{margin-right: 0;} aside{margin-right: 0;padding: 15px 0;border-radius: 6px;margin-bottom: 25px;padding-top: 0;} .contact-image{margin-left: auto;margin-right: auto;width: 165px;height: 165px;} article#contact-us #contact-info a{justify-content: center;} nav#flyout-wrap{padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;} #freeform #slider:not(.microsite #slider) {height: 280px;} #homepage #news .tns-outer {margin: 0 0 30px;} #hero-search {width: 540px;height: 60px;margin: 0 auto;} #slider, .microsite #slider{min-height: auto;height: 480px;margin: 0!important;height: 480px;overflow: visible;} .hero-content {width: 100%;margin: 0 auto;right: 0;left: 0;transform: translateY(-50%);} #slider-caption{margin-bottom: 10px;} .floating-share-btn{top: unset;bottom: 65px;} article#contact-us #contact-us-name-position {text-align: center;} .microsite .content-placeholder{margin-top: 50px;} .microsite #content{padding-bottom: 0;} .microsite #subNav ul {display: block;} .microsite #subNav ul li a {padding: 5px;font-weight: normal;font-size: 14px;text-align: start;} .microsite #subNav .col-lg-2 {display: flex;align-items: center;justify-content: space-between;} .microsite #subNavToggle {color: #ffffff;font-size: 20px;display: block;padding: 18px 10px;} .microsite #subNavContent{display: none;padding-bottom: 10px;border-top: 1px solid #ffffff82;padding-top: 10px;} .mega-content {display: none;} .tns-controls button {opacity: 1;} #quick-links .tns-controls {left: -15px;right: -15px;} #slider .tns-controls {top: unset;bottom: 0;right: 0;left: unset;display: none;} #slider .tns-controls button {margin: 0 15px 0 0;} #slider .tns-controls button {line-height: 35px;} #homepage #news .tns-controls button {line-height: 35px;box-shadow: 0 0 10px #041e4221;} #freeform .content-wrapper {margin-left: 0!important;} .footer-link {display: block;} .footer-divider:not(:last-child) {margin-right: 0;margin-bottom: 45px;} img#footer-circle {bottom: -77px;right: -52px;width: 100%;} #quick-links .tns-outer {padding: 0 40px!important;} .qlink-box:after{content: unset;} #footer-item-wrap {display: block;} .footer-info li {justify-content: start;} .signup-content form #mc_embed_signup_scroll{margin: 0 auto;justify-content: center;} #mc_embed_signup form { margin: 30px 0 0;} #mc_embed_signup form {margin: 25px 0 0;} #mc_embed_signup form {margin: 25px 0 0;} #mc_embed_signup .button {background: #e08d33;color: #000;font-weight: 700;padding: 0px 20px;height: 40px;} .signup-content form{margin: 0 auto;text-align: start;} body#homepage #search-toggle {display: none;} ul.footer-info .social-link li a img {filter: invert(1);} ul.footer-info .social-link {margin-top: 18px;margin-bottom: 20px;display: flex;} ul.footer-info .social-link li {margin-bottom: 0;} .header-tools .social-link {display: none;} #tiles .tiles-item {margin-bottom: 25px;} #search-results{left:30px;right:30px;z-index: 1;top: 83%;} #slider.results-open .hero-content {top: 50%!important;} #homepage #news {padding: 70px 0 58px;} #gallery {padding: 75px 0 80px;} .rzHeader { top: 133px;} #events {padding: 75px 0 80px;} .sub-nav .toggle {position: absolute;right: 0;top: 0; background: rgba(0,0,0,.15);padding: 15px!important;color: #ffffff;} #subNavContent ul>li>ul {position: static;display: none;background: rgb(44 6 11 / 15%);} #subNavContent ul li a:not(.fa),#subNavContent ul li span:not(.fa) {padding: 13px 15px;margin: 0;font-size: 14px;font-weight: 500!important;} #subNavContent ul li {padding: 0;} #subNavContent ul ul li a:not(.fa),#subNavContent ul ul li span:not(.fa) {font-weight: 700;} #subNavContent ul li:not(:last-child) {border-bottom: 1px solid rgb(255 255 255 / 15%);} #subNavContent ul .toggle {position: absolute;right: 0;top: 0;background: rgb(0 0 0 / 15%);padding: 15px!important;color: #ffffff} .microsite #subNav ul li ul {position: relative;width: 100%;background: rgb(0 0 0 / 15%);} #slider-caption h1{font-size: 70px;} #slider-caption>span { font-size: 22px;} } @media only screen and (max-height: 730px) and (min-width: 992px){ #nav> li >a, #nav >li >span {padding-top: 34px;padding-bottom: 34px;} #logo {top: 10px;width: 45px;} .header-tools {margin-top: 34px;} #slider {margin-top: 90px;} header .container {min-height: 90px;} #nav ul ul a, #nav ul ul span {font-size: 14px;margin-bottom: 10px;} #nav>li>ul>li {margin-bottom: 6px;} #nav ul a, #nav ul span {margin-bottom: 8px;} } @media only screen and (max-width:800px){ .microsite #slider-caption h1 {font-size: 56px} } /* 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} .footer-logo {width: 200px;} .microsite .content-placeholder{height: 450px;} #freeform .table-block {display: block;} #freeform .table-block-item {width: 100%;border: 1px solid #000;margin-bottom: 15px;} #freeform .table-block {border: 0;} #post .row.table .col-md-4 {border: 1px solid;margin-bottom: 15px;} h1.freeform-title { font-size: 42px;} .singUp-title{margin-bottom: 20px;} .gellery-top .title h2 {font-size: 50px;} .title h2 {margin-bottom: 10px;} .btn,.signup-btn {font-size: 16px!important;padding-top: 14px;padding-bottom: 14px;} .signup-btn {padding-top: 9px!important;} #gallery .tns-controls {left: 0;right: 0;} #slider-caption h1 {font-size: 80px;} .slider-photo-credit{font-size: 10px;} #slider-caption h1 {font-size: 60px;} } @media only screen and (max-width:700px){ .module-container table td {display: grid;width: 100%!important;} #homepage .news-top,.events-top{display: block;text-align: center;margin-bottom: 20px;} .microsite #slider-caption h1 {font-size: 50px} } @media only screen and (max-width:667px){ #hero-search {width: 86%;height: 55px;} #homepage .news-box { min-height: 430px;} .singUp-title {width: 100%;min-width: auto;} } @media only screen and (max-width:600px){ .footer-btm .col-sm-4, .footer-btm .col-sm-8 {max-width: 100%;flex: 0 0 100%;} .footer-info li {justify-content: center;} .footer-logo {margin: 0 auto 35px;text-align: center;} .microsite #slider-caption h1 {font-size: 45px;} .microsite #slider-caption {margin-bottom: 20px;} #footer-item-wrap{text-align: center;} #footer-singup {display: block;padding-bottom: 30px;margin: 0px auto 30px;} .signup-label{margin-right: 0;margin-bottom: 10px;} ul.footer-info .social-link{margin: 0 auto;} #slider-caption h1 {font-size: 55px;} #slider-caption>span {font-size: 20px;} } @media only screen and (max-width:575px){ .footer-logo {margin: 0 auto 40px;} .footer-info,.footer-info a,.footer-info span{text-align: center;} #post blockquote {font-size: 20px;padding: 30px 100px 30px 30px;} #post blockquote:after{margin-right: 20px;} .qlink-box img{width: 50px;} .qlink-content > span{font-size: 16px;} .tns-controls button{width: 28px;} .gellery-top .title h2 {font-size: 48px;} .title h2{font-size: 45px;} .gellery-top .title h2 {font-size: 45px;} #slider-caption h1 {font-size: 45px;} } @media only screen and (max-width:500px){ #slider {height: 45vh;} #slider-caption >span {font-size: 16px;} .microsite #slider-caption h1 {font-size: 40px;} #homepage .news-box {min-height: 445px;} #slider, .microsite #slider {height: 400px;} #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 Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width:440px) { #slider-caption h1 {font-size: 40px;} #hero-search .search-form button{width: 65px;} #hero-search .search-form input {padding-right: 75px;padding-left: 20px;font-size: 15px;} .title h2 {font-size: 42px;} } @media only screen and (max-width:430px) { #toggles {margin-top: 52px;} h1.freeform-title {font-size: 35px;margin-bottom: 20px;} .signup-content form input{height: 56px;} .signup-content form button:after {width: 13px;position: relative;top: 5px;margin-left: 5px} #freeform #slider:not(.microsite #slider) { height: 245px;} .search-nav li { font-size: 14px;} } @media only screen and (max-width:400px) { #slider-caption h1 {font-size: 35px;} } @media only screen and (max-width:365px){ .btn {font-size: 14px;padding: 13px 18px;} .signup-content form input {height: 47px;} .signup-content h3 {font-size: 34px;} } @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important} a[href]:after{content:none!important} } /* Client provided mailchimp styles */ #mc_embed_signup{clear:left;font:14px Helvetica,Arial,sans-serif;max-width: 600px;} #mc_embed_signup form{margin: 30px 0 0!important;} #mc_embed_signup .button {background: #e08d33!important;font-weight: 700!important;color: #000!important;height: auto!important;padding: 4px 25px!important;}