/*----------------------------------------------------------------------------------- Theme Name: Evergreen Fire Protection District, CO Front-end developer: Kevin Nowalski Author Design: Ying Liu Author URI: http://www.revize.com/ Date: 3/5/2021 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #fonts -----------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap'); @font-face{font-family:'Futura';src:url('../fonts/Futura-Medium.woff2')format('woff2'),url('../fonts/Futura-Medium.woff')format('woff');font-weight:500;font-style:normal;font-display:swap} /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:15px;line-height:27px;font-family:'Poppins',sans-serif;color:#000;/*color:#696f72;*/-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-weight:700;font-size:24px;font-family:'Poppins',sans-serif;color:#1e2c39;text-transform:uppercase;border-bottom:1px solid #c6c6c6;padding-bottom:13px;margin:10px 0;display:block} p{margin:0 0 30px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #links -----------------------------------------*/ a,a:visited{text-decoration:underline; -webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease; -webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:10px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #images -----------------------------------------*/ img{max-width:100%;height:auto} a img{border:none} .alignleft{float:left;clear:left;margin:0 20px 20px} .alignright{float:right;margin:0 0 20px 20px} .alignnone{margin:0 auto 20px;display:block} img[align="right"], img[style*="float: right"], img[style*="float:right"]{ margin: 0 0 20px 20px; } img[align="left"], img[style*="float: left"], img[style*="float:left"]{ margin: 0 20px 20px 0; } /* ----------------------------------------- #buttons -----------------------------------------*/ a.btn{font-size:14px} .button, a.button, button, #post button, #post input[type="submit"], #post input[type="reset"], #post input[type="button"], .btn, .rz-btn{padding:.375rem .75rem;background:#223340;color:#fff;border:0;border-radius:0;display:inline-block;font-size:1rem;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family:'Poppins',sans-serif;transition:all .3s} .button:hover, a.button:hover, button:hover, #post button:hover, #post input[type="submit"]:hover, #post input[type="reset"]:hover, #post input[type="button"]:hover, .btn:hover, .rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#E90C1B;color:#fff} .btn:focus, .rz-btn:focus{outline: 2px solid black !important;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#E90C1B;color:#fff} .button:active, a.button:active, button:active, #post button:active, #post input[type="submit"]:active, #post input[type="reset"]:active, #post input[type="button"]:active, .btn:active, .rz-btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#E90C1B;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;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 business directory -----------------------------------------*/ #rz-business-directory .col-xs-12{width:100%} #rz-business-directory-search{margin:0 0 30px 0!important} #rz-business-categories{margin:0!important} .rz-business-block .rz-business-links{text-align:left} .rz-business-block .rz-business-links .business-social-links a{display:inline-block} /* ----------------------------------------- #rz document center -----------------------------------------*/ #document-center .rz-doc-search-reset{display:none} /* ----------------------------------------- #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.fade{opacity:1} .floating-alert h2{color:#ffc140;margin:0 0 10px;font-family:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert a{color:#fff;font-size:14px;min-width:24px;min-height:24px;} .floating-alert .btn{margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px;top:26px} /* ----------------------------------------- #rz edit -----------------------------------------*/ .sliderBtn{position:absolute;left:0;right:0;top:0;z-index:200;text-align:center} /* ----------------------------------------- #rz faq -----------------------------------------*/ #post .faqs-heading.active{background:#223340;border-color:#000;color:#fff} #post .faqs-toggle-content{border-color:#000} #post .faqs-heading{color:#223340;position:relative;background:#f9f9f9} #post .faqs-heading:before{content: "\f078"} #post .faqs-heading.active:before{content:"\f077";color:#fff} #post .faqs-heading:before{font-family:'FontAwesome';position:absolute;left:25px} .faq-header,.faq-question a,.faq-question a:before{color:#696f72!important} .faq-search{display:none} /* ----------------------------------------- #main -----------------------------------------*/ #skip{display:block!important;position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:999999} #skip:focus{left:50px;top:50px} #calendarEvent{left:0px;top:30%;max-height:500px;overflow-y:auto;margin:0 auto!important} .dropdown-backdrop{display:none!important} html{overflow-x:hidden;max-width:100%} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .toggle{display:none} header{position:relative;z-index:200} .container{width:1315px;max-width:100%} #alert-top{background:#262626;position:static;border:0;box-shadow:none;padding:0;width:auto;border-radius:0;position:relative;bottom:0;right:0} #alert-top .row{align-items:center} #alert-top .col-lg-2,#alert-top .col-lg-10{width:auto;max-width:initial} #alert-top .col-lg-2{flex:initial} #alert-top .col-lg-10{flex:1} #alert-top .close{top:50%;transform:translateY(-50%)} #alert-top a{text-decoration:none;color:#fff;/*height:100%*/} #alert-img-title{display:flex;align-items:center;border-right:1px solid rgba(255,255,255,.2);margin-left:-2px;padding-right:25px} #alert-img-title img{width:40px;margin:-1px 1px 0 0} #alert-img-title span{display:inline-block;text-transform:uppercase;font-weight:700;font-size:40px;padding:7px 0;line-height:40px} #alert-text{font-size:16px;font-weight:600;display:block;padding:6px 20px 6px 0;line-height:21px;margin-left:-1px} #alert-text span{color:#E90C1B;font-size:14px;display:block} #alert-text.empty{padding:0} #contact-search{background:#253745} #contact{display:inline-block;margin:0;padding:0;list-style:none;margin-right:28px} #contact li a {margin-bottom:0; color:white;} .contact{text-decoration:none!important;color:#fff!important;font-size:14px;position:relative;top:-1px;margin-left:40px;display:inline-block} .contact:after{content:'';background:rgba(240,241,242,.2);width:1px;height:13px;position:absolute;right:-23px;top:50%;transform:translateY(-50%)} .contact:last-of-type:after{display:none} .contact img{width:12px;margin:0 8px 0 0} #logo{top:-36px;margin-left:3px} #logo img{width:120px} #nav{padding:0;margin:0} #nav li{position:relative;margin:0;display:inline-block} #nav>li>a,#nav>li>span{font-weight:700;text-transform:uppercase} #nav a, #nav span{display:block;font-size:21px;text-decoration:none!important;color:#fff;padding:4px 0} #nav ul{padding:0;margin:0;display:none;text-align:left} #nav ul a, #nav ul span{font-size:16px;padding:10px 15px;border-bottom:1px solid rgba(0,0,0,.15);color:#fff} #nav ul li{display:block} .goog-te-banner-frame{display:none} #translate-button{background:none;border:0} #translation-links{padding:0;margin:0} #translation-links li{position:relative;margin:0;list-style:none} #translation-links li a{text-decoration:none} #translation-links ul{padding:30px;margin:0;position:absolute;top:100%;right:0;width:700px;background:#fff;display:none} #translation-links ul li{float:left;width:25%;padding-right:15px;padding:5px 15px 5px 0} /* styling for the search */ #search{background:#16212b;width:255px} #search-toggle{cursor:pointer} #search form{position:relative;display:inline-flex;margin-bottom:0} #search label{line-height:54px;margin:0} #search label img{width:16px;margin:0 10px 0 18px} #search input{background:transparent;border:0;height:54px;font-family:'Poppins',sans-serif;font-size:14px;color:rgba(255,255,255)!important} #search input::-webkit-input-placeholder{color:rgba(255,255,255,.7)} #search input:-moz-placeholder{color:rgba(255,255,255,.7)} #search input::-moz-placeholder{color:rgba(255,255,255,.7)} #search input:-ms-input-placeholder{color:rgba(255,255,255,.7)} #search button{padding:0 12px 0 14px;line-height:54px;background:#E90C1B;font-size:18px;letter-spacing:.05em} #quick-links{margin:30px 0 0} .quick-links-imgs{height:99px;position:relative;margin:0 0 20px} .quick-links-imgs img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .circle{width:99px} .quick-link{text-decoration:none!important} .quick-link .tns-lazy-img{width:44px} .quick-link span{display:block;font-weight:700;font-size:17px;line-height:24px;text-transform:uppercase;color:#253745;text-align:center;padding:0 36px} #quick-links .tns-controls button{margin-top:-3px} #quick-links .tns-controls button[data-controls="prev"]{left:-99px} #quick-links .tns-controls button[data-controls="next"]{right:-99px} .tiny-item:focus-within {outline:2px solid black;outline-offset: -2px;} .tiny-item:focus-within .quick-link {outline:none;} .section-header span{display:block;color:#E90C1B} .section-header{margin:0;font-weight:700;font-size:50px;color:#253745;text-transform:uppercase} #mission-statement{position:relative;min-height:518px;padding:97px 0} #mission-statement-img{position:absolute;right:0;top:-11px;z-index:-1} #mission-statement-banner{height:314px;margin:0 1px 0 0} #mission-statement-right{margin:14px 0 0 75px} #mission-statement-text{position:relative;color:#253745;font-weight:700;font-size:15px;line-height:31px;padding-left:75px;margin:10px -10px 0 0} #mission-statement-text:after{content:'';background:#E90C1B;width:63px;height:3px;position:absolute;left:3px;top:12px} #mission-statement-right .btn{padding:18.5px 82px;margin:23px 0 0 4px;/*background:#E90C1B*/} /* #mission-statement-right .btn:hover{background:#223340} */ #mission-statement-right .btn i{margin:0 0 0 6px} #meetings-events-right{position:relative} #meetings-events-left .section-header{margin:17px 0 22px -3px} #meetings-events-bg{position:absolute;top:0;bottom:0;right:0;height:100%;z-index:-1;width:100%} #meetings-events-text{position:relative;padding:0 34px 0 0;margin:0 0 33px;font-size:14px;font-weight:700;/*color:#a2a7b1*/color:#000} #meetings-events-text:after{content:'';background:#E90C1B;width:63px;height:3px;position:absolute;left:0;top:-14px} #meetings-events .btn{padding:19.5px 56px 18.5px} #meetings-events .btn i{margin:0 0 0 9px} #calendar-wrap{min-height:306px;padding:54px 105px 25px;position:relative;right:-4px} #calendar-wrap .fc-scroller{height:auto!important;overflow:visible!important} #calendar-wrap .fc-dayGridMonth-view .fc-row{min-height:1.8em!important;height:auto!important;overflow:visible} #calendar-wrap .fc-dayGridDay-view .fc-content-skeleton{position:static!important} #calendar-wrap .fc-unthemed th{font-size:20px;font-weight:600} #calendar-wrap .fc-unthemed th,#calendar-wrap .fc-unthemed td{border:0;text-align:center} #calendar-wrap .fc-view-container{padding:20px 20px} #calendar-wrap .fc-dayGridMonth-view .fc-row.fc-widget-header{margin:0 0 8px} #calendar-wrap .fc-dayGridMonth-view .fc-day-header span{font-size:0} #calendar-wrap .fc-dayGridMonth-view .fc-day-header:nth-of-type(1) span:before{content:'S';font-size:20px} #calendar-wrap .fc-dayGridMonth-view .fc-day-header:nth-of-type(2) span:before{content:'M';font-size:20px} #calendar-wrap .fc-dayGridMonth-view .fc-day-header:nth-of-type(3) span:before{content:'T';font-size:20px} #calendar-wrap .fc-dayGridMonth-view .fc-day-header:nth-of-type(4) span:before{content:'W';font-size:20px} #calendar-wrap .fc-dayGridMonth-view .fc-day-header:nth-of-type(5) span:before{content:'T';font-size:20px} #calendar-wrap .fc-dayGridMonth-view .fc-day-header:nth-of-type(6) span:before{content:'F';font-size:20px} #calendar-wrap .fc-dayGridMonth-view .fc-day-header:nth-of-type(7) span:before{content:'S';font-size:20px} #calendar-wrap .fc-dayGridMonth-view .fc-row td a{float:none!important;text-decoration:none;color:#15284b} #calendar-wrap .fc-body .fc-other-month{opacity:1} #calendar-wrap .fc-body .fc-other-month a{color:#a8a8a8!important} #calendar-wrap .fc-dayGridMonth-view .fc-day-grid-event{display:none} #calendar-wrap .fc-day-grid-event{background-color:#223340!important;border-color:#223340!important} #calendar-wrap .eventDay a{text-decoration:underline!important} #calendar-wrap .fc-dayGridMonth-view .fc-day.fc-today{background:none} #calendar-wrap .fc-day-top.fc-today a{color:#fff!important} #calendar-wrap .fc-dayGridMonth-view .fc-day-top{position:relative} #calendar-wrap .fc-dayGridMonth-view .fc-day-top.fc-today:after{content:'';background:#ffc72c;height:31px;width:31px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1} #calendar-wrap .fc-day-top.fc-today.eventDay{text-decoration:none} #calendar-wrap .fc-toolbar{justify-content:center;position:relative;margin:0;background:#223340;padding:19px 15px 24px} #calendar-wrap .fc-button-group{position:static} #calendar-wrap .fc-right h2{color:#fff;font-size:20px} #calendar-wrap .fc-left .fc-button-group button:focus{box-shadow:none} #calendar-wrap .fc-left .fc-button-group:last-of-type{position:absolute;bottom:100%} #calendar-wrap .fc-left .fc-button-group:last-of-type button{padding:2px 5px} #calendar-wrap .fc-left .fc-button-group:last-of-type .fc-button-active,#calendar-wrap .fc-left .fc-button-group:last-of-type .fc-button-primary{background-color:#223340!important;border-color:#223340} #calendar-wrap .fc-left .fc-button-group:last-of-type .fc-button-active:hover,#calendar-wrap .fc-left .fc-button-group:last-of-type .fc-button-primary:hover{color:#fff!important} #calendar-wrap .fc-left .fc-button-group:first-of-type button{position:absolute;top:50%;transform:translateY(-50%);background:none!important;border:0;border-radius:0;padding:0;color:#f8f9fc!important;font-size:17px;margin:-2px 0 0} #calendar-wrap .fc-left .fc-button-group .fc-prev-button{left:116px} #calendar-wrap .fc-left .fc-button-group .fc-next-button{right:116px} #calendar-wrap .mini-events-list-inner{display:flex;margin:0;padding:0;list-style:none;} #calendar-wrap .mini-events-list-inner li{margin-bottom:0;} #calendar-wrap .aEvent{width:33.33%;margin-bottom:10px;position:relative;cursor:pointer;position:relative;background-color: #223340;} #calendar-wrap .aEvent:after{content:'';background:#E90C1B;width:1px;position:absolute;right:0;top:0;bottom:0} #calendar-wrap .aEvent:last-of-type:after{display:none} #calendar-wrap .aEvent span{display:block;text-align:center} #calendar-wrap .eventDatePrefix span{text-transform:uppercase;font-size:15px;font-weight:800;display:block;margin:0 0 -5px} #calendar-wrap .eventDatePrefix{background:#fff;font-size:27px;color:#2f2f2f;font-weight:600;max-width:75px;margin:0 auto;padding:10px 0 15px} #calendar-wrap .eventTitle{font-size:20px;color:#fff;font-weight:700;margin:14px 0 8px;padding:0 20px} #calendar-wrap .eventDateTime{color:#acb1bb;font-weight:500;font-size:14px} #calendar-wrap .eventDesc{color:#acb1bb;font-weight:500;font-size:14px} #calendar .fc-dayGridMonth-view{background:#f1f1f1} #calendar .fc-dayGridMonth-view td{border-color:#fff!important} #calendar .fc-left .fc-button-group:first-of-type .fc-button-active:hover,#calendar .fc-left .fc-button-group:first-of-type .fc-button-primary:hover{color:#fff!important} #calendar .fc-day-header{background:#176394;color:#fff;font-weight:400} #calendar .fc-toolbar .fc-right h2{font-size:22px;font-weight:700} #calendar .fc-day-number{color:#3B5E6D;text-decoration:none!important;font-weight:700;font-size:16px} #calendar td.fc-today{background:#edfbff!important} #calendar .fc-day-grid-event .fc-content{text-overflow:ellipsis} #calendar .fc-day-grid-event .fc-title{color:#fff!important;/*white-space:normal*/} #calendar .fc-day-grid-event .fc-content, #calendar .fc-timeGridWeek-view .fc-content{text-overflow:ellipsis;color:#fff} #calendar .fc-time-grid .fc-event{position:relative} #calendar .fc-time{color:#fff;font-weight:400!important} #calendar .fc-timeGridWeek-view .fc-allow-mouse-resize{color:#223340!important} #calendar .fc-other-month{background:#223340!important;opacity:1!important} #calendar .fc-other-month .fc-day-number{color:#CCE3E9!important} #calendar .fc-button-primary{background-color:#223340!important;border-color:#223340!important} #calendar .fc-button-primary:hover{color:#fff!important} #calendar .fc-day-header a[data-goto]{color:#fff;text-decoration:none} #calendar .fc-list-heading-main,#calendar .fc-list-heading-alt{text-decoration:none!important;color:#000} #calendar .fc-event-dot{background-color:#223340!important} .modal-event-date-wrap,#modal-event-duration,.modal-footer button,#ics-export,#event-modal-dialog .light-text:hover,#event-edit,#event-delete{background-color:#223340!important} .modal-event-date-wrap:hover,#modal-event-duration:hover,.modal-footer button,#ics-export,#event-modal-dialog .light-text{color:#fff!important} #latest-news{padding:108px 0} #latest-news .section-header{margin:113px 0 22px 1px} #latest-news-right-text{position:relative;padding:0 30px 0 0;margin:0 0 33px;font-size:14px;font-weight:700;/*color:#a2a7b1*/color:#000} #latest-news-right-text:after{content:'';background:#E90C1B;width:63px;height:3px;position:absolute;left:3px;top:-15px} .latest-news-link.tns-bg-slide{height:431px;position:relative} .latest-news-link:after{content:'';background:url('../images/latest-news-banner-shadow.png') center repeat-x;background-size:contain;height:384px;position:absolute;left:0;right:0;bottom:0} #latest-news-right .btn{padding:19.5px 56px 18.5px;margin:2px 0 0 3px} #latest-news-right .btn i{margin:0 0 0 8px} .latest-news-left-inner{position:absolute;left:0;right:0;bottom:0;z-index:1;text-align:center;padding:0 40px 31px} .latest-news-link a{display:block;text-decoration:none} #latest-news-left{margin-right:41px} .latest-news-left-title h3{margin:0 0 5px;font-weight:700;font-size:22px;color:#fff} .latest-news-left-text{font-weight:500;font-size:14px;color:#acb1bb!important} #latest-news-left .tns-controls button{margin-top:-3px} #latest-news-left .tns-controls button[data-controls="prev"]{left:-29px} #latest-news-left .tns-controls button[data-controls="next"]{right:-29px} #footer-top{background:#223340;padding:59px 0 62px;position:relative} .footerBtn{position:absolute;z-index:1;top:0} #footer-top-img{width:163px;position:absolute;top:-28px;left:3px} .footer-top{position:relative} .col-lg-5:nth-of-type(2) .footer-top{padding:0 0 0 166px} .col-lg-5:nth-of-type(3) .footer-top{padding:0 0 0 116px} .col-lg-5:nth-of-type(3) .footer-top .contact span{text-decoration:underline} .footer-top:after{content:'';background:rgba(151,159,165,.3);height:57px;width:2px;position:absolute;right:0;top:10px} .col-lg-2:nth-of-type(1) .footer-top:after{right:-95px} .col-lg-5:nth-of-type(2) .footer-top:after{right:-48px} .footer-top .contact{margin:0;font-size:18px;line-height:36px} .footer-top .contact:after{display:none} #footer-bottom{background:#1d2c38;padding:15px 0;font-size:16px;color:#fff} #footer-bottom a{display:inline-block;text-decoration:none;font-weight:700;color:#fff} .bar{position:relative;padding:0 19px;display:inline} .bar:after{content:'';background:rgba(82,94,103,.6);height:16px;width:1px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} #revize-login{text-transform:uppercase} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform #slider{height:347px} #container-wrap{padding-bottom:66px} .freeform-main-left{background:#efefef;margin:0 54px 0 -8px;padding:40px 26px} .freeform-main-left-title{display:block;font-weight:700;font-size:20px;color:#000;text-transform:capitalize;margin:0 0 6px} .freeform-main-left img{width:16px;margin:-2px 12px 0 0} #flyout-wrap{padding-bottom:30px;margin-top:65px} #flyout{margin:0;padding:0} #flyout li{margin:0;display:block;position:relative} #flyout a, #flyout span{text-decoration:none;padding:16px;font-weight:500;display:block;/*color:rgba(105,111,114,.8)*/color:#000} #flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#aaa;z-index:1} #flyout ul a, #flyout ul span{font-size:13px;padding:10px 15px;width:180px;color:#fff;border-bottom:1px solid rgba(0,0,0,.15)} #download{margin-top:11px;padding:35px 31px 24px} #download h2{background:none;margin:0 0 24px;padding:0;font-weight:900;font-size:19px;color:#22323f;text-transform:uppercase} .download-sidebar-list {margin:0;padding:0;list-style:none;} .download{display:block;text-decoration:none!important;line-height:23px;color:rgba(105,111,114,.8)!important;background:#fff;border-bottom:1px solid #e0e0e0;padding:24px 23px 18px} .download:last-of-type{border-bottom:none} .download img{width:30px;margin:4px 15px 0 0} .download-right{overflow:hidden;font-size:15px} #breadcrumbs{font-family:'Futura',sans-serif;font-size:13px;font-weight:500;color:#1e2c39;letter-spacing:.3em;text-transform:uppercase;margin:-6px 0 0} #breadcrumbs ul{list-style:none;margin:0;padding:0} #breadcrumbs li{display:inline-block;margin:0;padding:0} #breadcrumbs a{display:inline-block;text-decoration:none;color:#E90C1B; text-decoration: underline;} #breadcrumbs a:after{content:'\f105';font-family:'FontAwesome';color:#000000;margin:0 4px 0 9px;display: inline-block;} #page-title{margin:15px 0 14px -3px;font-weight:900;font-size:24px;color:#1e2c39;text-transform:uppercase;border-bottom:1px solid #dcdcdc;padding-bottom:13px} #entry{margin:66px 0 0 -31px} #freeform.fullwidth #entry{margin:66px 0 0 0} /* ----------------------------------------- #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 div{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:#223340!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{height:565px;position:relative} #slider li.tiny-item:after{content:'';background:url('../images/slider-shadow.png') center repeat-x;background-size:contain;height:383px;position:absolute;left:0;right:0;top:0} #slider-caption{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:51} #slider > .tns-outer, #slider > .tns-outer > .tns-inner, #slider > .tns-outer > .tns-inner > .tiny-slider, #slider > .tns-outer > .tns-inner > .tiny-slider .tns-item, .tns-bg-slide {height:100%} .tns-outer{position:relative} .tns-controls button[data-controls="prev"]{left:0} .tns-controls button[data-controls="next"]{right:0} .tns-controls button{background:none;padding:0;position:absolute;top:50%;z-index:1;transform:translateY(-50%)} .tns-controls button:last-of-type{float:right} .tns-controls button img{width:41px} .tns-nav{display:none;position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center} #slider button[data-action]{position:absolute;bottom:0;right:0;z-index:1} ul.tiny-slider, ul.tiny-carousel{padding:0;margin:0} button[data-action="start"],button[data-action="stop"]{display:none} #slider .tns-controls button{background:none;width:32px;height:32px;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} #slider .tns-outer:hover .tns-controls button{opacity:1} #slider .tns-outer .tns-controls button[data-controls="prev"]{left:-40px} #slider .tns-outer .tns-controls button[data-controls="next"]{right:-40px;background-position:100% 0!important} #slider .tns-outer:hover .tns-controls button[data-controls="prev"]{opacity:0.6;left:20px} #slider .tns-outer:hover .tns-controls button[data-controls="next"]{opacity:0.6;right:20px} #slider .tns-outer:hover .tns-controls button[data-controls="prev"]:hover,#slider .tns-outer:hover .tns-controls button[data-controls="next"]:hover{opacity:1} #social-media-links{margin:0;padding:0;list-style:none;position:fixed;top:260px;left:0;z-index:999} .social-media-link{display:flex;text-decoration:none!important;color:#fff!important;font-weight:500;font-size:12px;text-transform:uppercase;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .social-media-link{margin-left:-110px;margin-bottom:8px} .social-media-link:hover{margin-left:0} .social-media-link:focus{margin-left:0} .social-media-link span{padding:0 20px;line-height:57px;width:110px;background:rgba(29,44,56,.8);border-top:1px solid rgba(240,241,242,.8);border-bottom:1px solid rgba(240,241,242,.8)} /* ----------------------------------------- #ada ------------------------------------------*/ .sr-only {color:white;background-color: black;} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1700px) { #nav>li:nth-last-of-type(-n+2)>ul ul{left:auto;right:100%} #nav>li:nth-last-of-type(-n+2)>ul .toggle2{transform:translateY(-50%)rotate(90deg)!important} } @media only screen and (max-width:1599px) { #quick-links .tns-controls button[data-controls="prev"]{left:0} #quick-links .tns-controls button[data-controls="next"]{right:0} } @media only screen and (max-width:1367px) { #mission-statement-text{margin-right:0} #latest-news-left .tns-controls button[data-controls="prev"]{left:-15px} #latest-news-left .tns-controls button[data-controls="next"]{right:-15px} } @media only screen and (max-height:1280px) { #nav ul a,#nav ul span{font-size:12px;padding:4.5px 15px} } @media only screen and (max-width:1280px) { #alert-img-title span{font-size:20px;line-height:20px} } @media only screen and (max-width:1199px) { #search{width:185px} .contact{margin-left:20px;font-size:12px} .contact:after{right:-14px} #search button{padding:0 10px 0 12px;font-size:14px} #nav>li{padding:0 16px!important} #nav a, #nav span{font-size:18px} #mission-statement-right{margin:14px 0 0 0} #mission-statement-right .btn{padding:18.5px 62px} #meetings-events .btn{padding:19.5px 26px 18.5px} #calendar-wrap{padding:54px 55px 25px} #calendar-wrap .eventTitle{font-size:16px} #latest-news-right .btn{padding:19.5px 26px 18.5px} #footer-top-img{width:113px} } @media only screen and (min-width:992px) { #nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block!important;margin-left:8px} #nav .focused .toggle2 {display: inline-flex !important;} #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:translateY(-50%)rotate(-90deg);transform:translateY(-50%)rotate(-90deg)} #flyout,#nav{display:block!important} .layout-table{table-layout:fixed;width:100%} #nav ul{position:absolute;left:0;top:100%;width:200px;/*background:#E90C1B;*/background:#0045b5;display:none} #nav li:hover>ul{display:block} #nav ul ul{left:100%;top:0} #nav ul a:hover, #nav ul span:hover{background:rgba(0,0,0,.15)} #nav ul a:focus, #nav ul span:focus{background:rgba(0,0,0,.15)} #nav>li>a,#nav>li>span{display:inline-block;border-bottom:4px solid transparent} #nav>li:hover>a,#nav>li:hover>span{border-bottom:4px solid #E90C1B} #nav>li:focus-within>a,#nav>li:hover>span{border-bottom:4px solid #E90C1B} #nav>li{padding:0 26px} #nav>li:last-of-type{padding-right:0} #logo-nav{position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg, #0045b55c, transparent)} #logo{position:absolute} #nav{margin:43px -1px 0 0} #flyout ul{position:static;background:none} #flyout ul a,#flyout ul span{color:#697072;width:100%;border-bottom:none;padding-left:30px} #flyout ul a:hover,#flyout ul span:hover{background:rgba(0,0,0,.15)} #flyout>li{background:#fff} #flyout>li>a:first-of-type,#flyout>li>span:first-of-type{margin:0 0 10px;font-size:15px;padding-left:20px;padding-right:57px} .toggle,.toggle2{display:none!important;position:absolute;top:50%;transform:translateY(-50%);right:0;padding:0!important;border-bottom:none!important;} .toggle2{right:15px;transform:translateY(-50%)rotate(-90deg)!important;min-width:24px;min-height:24px;align-items: center;justify-content: center;} #flyout .toggle{transform:none!important;right:0;display:block!important;top:0;bottom:0;transform:none;color:#cfd3d6;background:#22323f;width:56.5px;height:51.5px;font-size:21px;text-align:center;margin:0;line-height:51px} #flyout .toggle:before{content:'\f105'} #flyout .opened .toggle:before{content:'\f107'} #search{display:inline-block!important} } @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:15px} #nav-toggle,#search-toggle{border:none;padding:0;margin:0;line-height:45px;width:45px;text-align:center;border-radius:4px;background:#E90C1B;color:#fff;margin-left:5px} #nav,#flyout{display:none} #nav li{display:block} #nav>li{padding:0!important} #nav a, #nav span, #flyout a, #flyout span{font-size:14px !important;line-height:1 !important;padding:15px !important;border-bottom:1px solid rgba(0,0,0,.15);color:#fff} #nav li:last-child>a, #nav li:last-child>span, #flyout li:last-child>a, #flyout li:last-child>span{border:0} #nav ul, #flyout ul{background:rgba(0,0,0,.15)} .toggle, .toggle2{display:block;position:absolute;right:0;top:0;line-height:45px;text-align:center;width:45px;background:rgba(0,0,0,.15);transform:none !important} #alert-top .col-lg-2{padding:0 15px;/*border-bottom:1px solid rgba(255,255,255,.2)*/} #logo-nav{background:#253745;position:relative} #logo{display:inline-block;margin:15px 0 15px} #nav{background:#E90C1B;text-align:left;margin:0 0 15px} #logo img{width:70px} #search{display:none;width:100%;position:absolute;left:0;right:0;top:100%} #search form{display:flex} #slider{height:400px} #social-media-links{position:absolute;top:90px} .section-header{font-size:30px} #quick-links{margin:80px 0 0} #mission-statement,#latest-news{padding:60px 0} #meetings-events-right{margin-top:30px} #calendar-wrap{padding:54px 50px 25px} #calendar-wrap .eventTitle{font-size:14px} #meetings-events-text,#latest-news-right-text{padding:0} #latest-news .section-header{margin:60px 0 22px 1px} #latest-news-left{margin-right:0} .latest-news-left-inner{padding:0 15px 31px} .latest-news-left-title h3{font-size:18px} .latest-news-left-text{font-size:12px} .footer-top{padding:0!important;margin:15px 0} #footer-top-img{position:static} .footer-top:after{display:none} #footer-bottom .text-right{text-align:left!important} #footer-bottom{padding-right:68px} .freeform-main-left{margin:0} #flyout-wrap{padding:0;margin-top:30px} #flyout{background:#223340} #flyout ul{position:static;width:100%;background:rgba(0,0,0,.15)} #flyout li:hover>ul{display:none} #flyout ul a,#flyout ul span{width:auto} #flyout-background{display:none} #flyout-toggle{color:#fff;background:#223340;padding:15px;cursor:pointer} #flyout-wrap h2{display:none} #entry{margin:66px 0 0} .floating-share-btn{top:auto;bottom:0} .sliderBtn{top:54px} } /* 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} #calendar-wrap .mini-events-list-inner{display:block} #calendar-wrap .aEvent{width:100%;margin:0;margin-bottom:30px !important;} #calendar-wrap .aEvent:after{width:auto;left:0;top:auto;height:1px;bottom:-12px} #alert-img-title{border-right:0} } /* 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) { #alert-top .row {flex-direction:column;} } @media print { #slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,#download,.e-notify,header{display:none!important} a[href]:after{content:none!important} }