/*-----------------------------------------------------------------------------------

	Theme Name: City of Sedro-Woolley, WA
	Front-end developer: Hayk Galoyan
	Author Design: Mary Charara
	Author URI: http://www.revize.com/
	Date: 04/24/2023

-----------------------------------------------------------------------------------*/
/* -----------------------------------------

#fonts

-----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* -----------------------------------------

#basic styles

-----------------------------------------*/
body{background:#fff;font-size:16px;line-height:1.375;font-family:'Poppins',sans-serif;font-weight:400;color:#2f2f2f;-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-weight:500;font-size:48px;color:#2f2f2f;margin-bottom:30px}
.subheader{font-size:24px;color:#2f2f2f;margin-bottom:24px}
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

-----------------------------------------*/
.span button{color:#fff!important;text-decoration:none}
span.btn a{color:#fff!important;text-decoration:none}
span.button a{color:#fff!important;text-decoration:none}
.btn{color:#fff!important;text-decoration:none}
.btn,
.button,
a.button,
#post button,
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn{padding:.375rem .75rem;background:#007025;color:#fff;border:0;border-radius:0;display:inline-block;font-size:1rem;font-weight:400;text-decoration:none;cursor:pointer;line-height:1.5;vertical-align:top;font-family:sans-serif;transition:all .3s}
.button:hover,
a.button:hover,
#post button:hover,
#post input[type="submit"]:hover,
#post input[type="reset"]:hover,
#post input[type="button"]:hover,
.rz-btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#00008c;color:#fff;text-decoration:none}
.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:#00008c;color:#fff;text-decoration:none}
#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:sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus{color:#63686c;border:1px solid #0F95E9}
label,
legend{display:block;font-weight:bold;font-size:13px}
input[type="checkbox"]{display:inline}
label span,
legend span{font-weight:normal;font-size:13px;color:#444}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none}
::-webkit-input-placeholder{color:#777}
:-moz-placeholder{color:#777}
::-moz-placeholder{color:#777}
:-ms-input-placeholder{color:#777}
.gsc-control-cse *{box-sizing:content-box}

/* -----------------------------------------

#rz intranet

-----------------------------------------*/
form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF}
form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1}
form.loginform label{font-weight:normal}
form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000}

/* -----------------------------------------

#rz alert

-----------------------------------------*/
.floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;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:sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px;padding-right:20px}
.floating-alert .rz-btn{margin:20px 0 0 0!important;text-decoration:none;color:#fff!important;background:#007025;border-radius:4px}
.floating-alert .rz-btn:hover{background:#00008c}
.floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin:8px 8px 0;font-size:16px;font-weight:100}
.floating-alert p{margin-bottom:0;line-height:1.4}
.floating-alert.fade:not(.show){visibility:hidden}

/* -----------------------------------------

#rz edit

-----------------------------------------*/
body .cat h3,
body #rz-rpfbids-row{background:#2d7199}
.rzBtn{background:#2D7198!important}
.newsHeaderBtn{position:absolute;top:0;left:0}
.topBtns{position:absolute;right:0;top:-17px}
#post .rz-doc-search-reset{display:none}
.agendacategoty strong{cursor:pointer}

/* -----------------------------------------

#main

-----------------------------------------*/
a:focus,button:focus{outline:1px dotted}
.container{width:1200px;max-width:100%;margin:0 auto;padding:0 15px}
#skip{position:fixed;left:-100%;top:-100%;transition:all .3s;z-index:9999999}
#skip:focus{left:50px;top:15px}
#calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toggle{display:none}

.section-top{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.section-top-right{display:flex;align-items:center;margin-top:10px}
.section-title{font-weight:500;font-size:60px;color:#2f2f2f;text-transform:uppercase;line-height:1;margin:6px 30px 21px 0}
.section-btn{display:inline-block;font-weight:500;font-size:18px;color:#fff;background:#007025;padding:12.5px 40.5px;margin:3px 0;text-transform:uppercase;text-decoration:none;border-radius:4px;text-align:center;transition:all 320ms}
.section-btn:hover{color:#fff;background:#00008c;text-decoration:none}

header{position:fixed;top:0;left:0;right:0;z-index:300}
header .container{width:1542px}
#header-top{position:relative;background:#2d7199}
#header-top-in{position:relative;z-index:10;display:flex;justify-content:flex-end;height:40px}
#header-top-right{display:inline-flex;align-items:center;height:100%;padding-right:171px}

/* Social */
.social-media-links{height:100%;display:inline-flex;align-items:center;margin:0;padding-right:6px;border-right:1px solid rgba(255, 255, 255, 0.502)}
.social-media-link{height:100%;padding:0 7.7px;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;position:relative}
.social-media-link i.fa{font-size:17px;color:#fff}

/* Share */
.header-share-btn{background:none;border:none;border-right:1px solid rgba(255, 255, 255, 0.502);height:100%;padding:0 15px}
.header-share-btn img{min-width:16px;width:16px;margin-bottom:2px}

/* Google translate */
div.skiptranslate{display:none!important}
.goog-te-banner-frame{display:none}
#google-translate{display:none}
#goog-gt-tt{display:none!important}
#translation-links{display:inline-block;padding:0;margin:0 0 0 18px}
#translation-links>li{position:relative;margin:0;list-style:none}
#translation-links ul{padding:30px;margin:0;position:absolute;top:31px;right:0;width:800px;background:#fff;display:none;z-index:9999999;box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2)}
#translation-links ul li{float:left;width:25%;padding:1px 15px 1px 0;list-style:none;margin-bottom:0}
#translation-links ul li a{text-decoration:none;color:#2f2f2f}
#translate-button{border:none;background:none;margin:0;padding:0;font-size:14px;color:#fff;text-transform:capitalize;white-space:nowrap}
#translate-button img{display:inline-block;width:10px;margin:0 0 0 1px}
#translate-button span{display:inline-block;margin:0 2px 2px 0}
#translation-links ul li a[data-lang="English"]{font-weight:700;color:#00008c}

#header-bottom{position:relative;background:#fff;box-shadow:rgb(0 0 0 / 10%) 0px 2px 15px 0px}
#header-bottom-in{display:flex;height:78px;align-items:center;justify-content:space-between}
#logo{display:inline-block;position:absolute;z-index:200;top:228px;width:900px;left:50%;transform:translateX(-50%)}
#logo img{width:100%}
.logo-animation{animation:logoAnimation 1s 3s forwards ease-in}
.scrolled{top:-26px!important;left:calc(50% - 761px)!important;width:246px!important;transition:all 500ms ease-out!important;animation:none!important;transform:none!important}
.logo-no-animation{top:-26px!important;left:calc(50% - 761px)!important;width:246px!important;transform:none!important}
@keyframes logoAnimation {
	to {top:-26px;left:calc(50% - 761px);width:246px;transform:none}
}

#header-bottom-right{display:flex;align-items:center}
header nav{padding:0 63px 0 246px}
#nav{padding:0;margin:0;height:100%;display:flex;justify-content:space-between;align-items:center}
#nav .toggle, #nav .toggle2, #flyout .toggle{display:none;padding:0;font-family:FontAwesome}
#nav li{margin:0!important;display:inline-block}
#nav a,#nav span{display:inline-flex;align-items:center;position:relative;font-weight:500;color:#00008c;text-transform:uppercase;text-decoration:none;padding:0 37.2px;height:78px;text-align:center;line-height:1}
#nav ul{position:absolute;top:100%;left:0;right:0;margin:0;z-index:200;display:none}
#nav ul a,#nav ul span{display:block;padding:0 5px;margin-bottom:18px;color:#fff;text-align:left;height:auto;outline-offset:-1px}
#nav ul li{display:table;page-break-inside:avoid}
#nav ul ul{position:static;padding:0;column-count:1;column-gap:0}
#nav ul ul a,#nav ul ul span{font-weight:400;font-size:14px;color:#fff;padding:0 5px;margin-bottom:11px;text-transform:none}

/* Search */
#search{position:relative}
#search-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:#007025;border:2px solid #e5e5e5;border-radius:50%}
#search-btn i.fa{font-size:16px;color:#fff;-webkit-text-stroke:1px #007025}
#search label{margin-bottom:0}
#search form{margin-bottom:0}
#search input{width:170px;height:40px;padding:0 15px 0 52px;font-size:14px;color:#00008c;border:none;position:relative;border:2px solid #e5e5e5;border-radius:50px;letter-spacing:1.4px}
#search button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#007025;border:2px solid #e5e5e5;border-radius:50%;cursor:pointer;padding:0;margin:0;position:absolute;top:0;left:0;z-index:1}
#search button i.fa{font-size:16px;color:#fff;-webkit-text-stroke:1px #007025}
#search input::-webkit-input-placeholder{color:#00008c}
#search input:-moz-placeholder{color:#00008c}
#search input::-moz-placeholder{color:#00008c}
#search input:-ms-input-placeholder{color:#00008c}

/* Curated search */
#search-results-wrap{position:absolute;left:0;right:0;top:190px;z-index:100}
#search-results{position:absolute;top:115%;left:10%;right:10%;background:#f3ecda;box-shadow:rgba(0,0,0,0.3) 0 2px 15px 0}
#search-results .tab-content{background:#fff;max-height:500px;min-height:300px;overflow:auto}
.search-nav{list-style-type:none;margin:0;padding:0;display:table;table-layout:fixed;width:100%;border-collapse:collapse}
#search-results .tab-pane h2{font-size:42px;color:#00008c;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:30px}
.curated-item h3{margin:0;font-size:22px;color:#00008c;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:#00008c;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:#00008c;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:#00008c}
li#close-curated{display:inline-block;position:absolute;right:-65px;top:-70px;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:#007025;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:#00008c}
.curated-tags{clear:both}
#close-curated .fa-close{color:#00008c}

#ql-news-wrap{position:relative}
#ql-news-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}

/* Section quick-links */
#quick-links{position:relative;top:-65px;z-index:20;margin-bottom:-65px;background:transparent}
#quick-links .container{width:1268px}
#quick-links-in{position:relative;z-index:10;padding:0 60px}
.quick-link-wrap{padding:75px 0 30px;overflow:hidden}
.quick-link{display:flex;align-items:center;text-decoration:none;background:#007025;height:146px;padding:21px 5px 5px;position:relative;text-align:center;border-radius:4px}
.quick-link-icon-box{display:inline-flex;align-items:center;justify-content:center;height:90px;width:90px;background:#2d7199;border:2px solid #fff;border-radius:50%;overflow:hidden;position:absolute;top:-47px;left:50%;transform:translateX(-50%)}
.quick-link-icon-box img{width:51px}
.quick-link-title{width:100%;font-weight:500;font-size:18px;color:#fff;text-transform:uppercase;line-height:1.3}
.quick-link:hover{text-decoration:none;background:#00008c}
#quick-links button[data-action]{display:none}
#quick-links .tns-nav{display:none}
#quick-links .tns-controls{display:block}
#quick-links-prev-next-wrap{display:block;position:absolute;left:0;top:57%;transform:translateY(-50%);display:flex;justify-content:space-between;width:100%;z-index:100;pointer-events:none;opacity:0;transition:opacity .3s}
#quick-links-prev-next-wrap img{width:11px;margin:auto}
#quick-links-prev,#quick-links-next{display:inline-flex;align-items:center;background:#007025;width:50px;height:50px;border:none;border-radius:4px;padding:0;pointer-events:all;transition:all .3s}
#quick-links-prev:hover,#quick-links-next:hover{background:#00008c}
#quick-links:hover #quick-links-prev-next-wrap{opacity:1}

/* Section news */
#news{position:relative;min-height:639px}
#news-in{padding:63px 0 69px}
#news .section-title{margin-right:20px;color:#fff}
#news-slider-wrap{position:relative;margin:1px -15px}
.h-news-wrap{padding:15px 15px 30px}
.h-news{display:flex;align-items:flex-end;height:360px;position:relative;padding:20px 20px 0;border-radius:4px;box-shadow:0px 4px 15px 0px rgba(20, 20, 20, 0.29)}
.h-news-banner{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;border-radius:4px}
.h-news-info{width:100%;padding:25px 22px 35px;position:relative;z-index:10;background:#fff;border-radius:4px 4px 0 0;text-align:center}
.h-news-info time{font-size:14px;color:#208bcb}
.h-news-title-wrap{margin:5px 0 10px}
.h-news-title{font-weight:700;font-size:18px;color:#2f2f2f;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.28;margin-bottom:10px}
.h-news-text{font-size:14px;color:#2f2f2f;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;padding:0 4px;line-height:1.57}
.h-news-more{display:inline-block;font-size:14px;color:#0976b6;text-transform:capitalize;text-decoration:none;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:#0976b6!important}
.h-news:hover .h-news-more{color:#0976b6;text-decoration:underline}
#news button[data-action]{display:none}
#news .tns-nav{display:none}
#news .tns-controls{display:none}
#news-prev-next-wrap{display:inline-flex;margin:0 5px 0 0}
#news-prev-next-wrap img{width:11px;margin:auto}
#news-prev,#news-next{display:inline-flex;align-items:center;background:#007025;width:50px;height:50px;margin:0 5px;border:none;border-radius:4px;padding:0;pointer-events:all;transition:all .3s}
#news-prev:hover,#news-next:hover{background:#00008c}

/* Section events */
#events{position:relative;padding:87px 0 100px}
#events-bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1}
#events .section-title{color:#fff;text-shadow:0px 4px 20px rgba(20, 20, 20, 0.29)}
#events .section-btn{padding:12.5px 33.5px;margin:13px 0}
#events-box{background:#f3f3f3;border-radius:4px;box-shadow:0px 4px 20px 0px rgba(20, 20, 20, 0.29);overflow:hidden;margin-top:26px}
#event-tabs{display:flex;justify-content:flex-end} /* 'flex-end' for Google Chrome */
#event-tabs .event-tab{display:inline-block;width:calc(100% / 4);padding:19px 10px 15px;font-weight:500;font-size:24px;background:#2d7199;color:#fff;text-align:center;text-transform:uppercase;cursor:pointer;transition:all 320ms;line-height:1}
#event-tabs .event-tab:not(:last-of-type){margin-right:1px}
#event-tabs .event-tab:hover{background:#00008c}
#event-tabs .event-tab.current{background:#00008c}
.event-tab-content{min-height:532px}
.event-tab-content:not(.current){display:none}

/* Section welcome */
#welcome{position:relative;z-index:10;padding:10px 0 10px}
#welcome .container{width:1084px}
#welcome-banner{position:absolute;top:0;left:0;height:560px;width:745px}
#welcome-in{display:flex;position:relative;min-height:480px}
/* #welcome-left{width:50.9%;position:relative;z-index:10;padding:86px 153px 60px calc(50% - 598px);background:#2d7199;border-radius:0 4px 4px 0} */
/* #welcome-left-bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;opacity:0.5;border-radius:0 4px 4px 0} */
/* .welcome-left-data{padding:0 15px} */
.welcome-subtitle{font-weight:300;font-size:24px;color:#fff;margin:0}
#welcome-in .section-title{font-size:48px;color:#fff;margin:0 0 29px}
.welcome-left-data p{color:#fff;line-height:1.38;margin-bottom:22px}
/* #welcome-right{width:49.1%;position:relative;z-index:10;display:flex} */
#welcome-slider-wrap{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:#fff}
/* #welcome-right-bg-wrap{position:absolute;right:0;top:0;z-index:-1;width:calc(100% - 580px);height:100%;background:#2d7199;border-radius:4px 0 0 4px} */
/* #welcome-right-bg{position:absolute;right:0;top:0;z-index:-2;width:100%;height:100%;opacity:0.5;border-radius:4px 0 0 4px} */
.welcome-slider-item{display:flex;align-items:center;justify-content:center;height:420px;border-radius:4px;background:#2f2f2f;position:relative}
.welcome-slider-item-bg{position:absolute;right:0;top:0;z-index:0;width:100%;height:100%;opacity:0.6;border-radius:4px}
.welcome-slider-item img{display:inline-block;width:100px;margin-bottom:12px;position:relative}
#welcome button[data-action]{display:none}
#welcome .tns-nav{display:none}
#welcome .tns-controls{display:none}
#welcome-prev-next-wrap{display:inline-flex;margin:0 5px 0 0}
#welcome-prev-next-wrap img{width:11px;margin:auto}
#welcome-prev,#welcome-next{display:inline-flex;align-items:center;background:#007025;width:50px;height:50px;margin:0 10px 0 0;border:none;border-radius:4px;padding:0;pointer-events:all;transition:all .3s}
#welcome-prev:hover,#welcome-next:hover{background:#00008c}
#welcome-slider-btns{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
#welcome-slider-btns .section-btn{padding:12.5px 45.5px;margin:0}

/* requested changes */
#welcome-left{width:580px;position:relative;z-index:10;margin:0 10px;border-radius:4px;overflow:hidden}
#welcome-middle{width:calc(100% - 580px - 255px);padding:80px 50px;background:#2d7199;position:relative;z-index:10;display:flex;border-radius:4px;overflow:hidden}
#welcome-middle-bg{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;opacity:0.5;border-radius:0 4px 4px 0}
#welcome-right{width:255px;position:relative;z-index:10;background:#2d7199;margin:0 10px;border-radius:4px;overflow:hidden}
#welcome-right-bg{position:absolute;right:0;top:0;z-index:-2;width:100%;height:100%;opacity:0.5}
#welcome-slider-btns{margin-top:10px}

/* Footer */
#footer-top-wrap{position:relative;background:#2d7199 url(../images/footer-top-bg.jpg) center/cover no-repeat}
#footer-top{display:flex;padding:46px 0}
.footer-top-box:not(:last-of-type){padding-right:20px}
.footer-top-box h3{font-weight:500;font-size:18px;color:#fff;margin:12px 0 26px;text-transform:uppercase}
.footer-top-box:nth-child(1){width:29%}
.footer-top-box:nth-child(2){width:24%}
.footer-top-box:nth-child(3){width:23.5%}
.footer-top-box:nth-child(4){width:23.5%}
.footer-list{list-style:none;margin:0;padding:0}
.footer-list li{margin:0 0 2.5px}
.footer-list-link{display:inline-block;color:#fff;text-decoration:none;line-height:1.2}
.footer-list-link:hover{color:#fff;text-decoration:underline}
.footer-contact-data{color:#fff}
.phone-wrap{color:#fff;margin-bottom:1px}
.footer-top-link{display:inline-block;text-decoration:none;color:#fff}
.footer-top-link:hover{color:#fff;text-decoration:underline}
.footer-img{width:240px}
#footer-top address{margin:-2px 0 3px;line-height:1.2}
.phone-email-wrap a{display:inline-block;font-size:14px;color:#fff;text-decoration:none}
.footer-delimiter::after{content:'';display:inline-block;width:1px;height:14px;background:#fff;margin:0 12px 0 20px;position:relative;top:3px}
#footer-bottom-wrap{position:relative;background:#00008c}
#footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:17px 0 16px;font-size:14px;color:#fff}
.copyright{margin-right:30px}
#revize-link,#revize-login{display:inline-block;color:#fff;text-decoration:none}
#revize-login{font-weight:700;text-transform:uppercase}
#revize-login:hover,#revize-link:hover{color:#fff;text-decoration:underline}
.footer-delimiter::after{content:'';display:inline-block;width:1px;height:12px;background:#fff;margin:0 2px 0 5px;position:relative;top:1px}

#footer-logo{display:inline-block;margin-top:30px}
#footer-logo img{width:200px}

/* -----------------------------------------

#inner

-----------------------------------------*/
#freeform #logo{top:-26px!important;left: calc(50% - 761px)!important;width:246px!important;transform:none!important}
#freeform-wrap{padding:85px 0 22px}
#freeform-wrap .container{width:1302px}
#freeform-in{display:flex;justify-content:space-between}
#freeform-left-box{width:321px;position:relative}
#freeform-right-box{width:calc(100% - 321px)}
#flyout-wrap{margin:15px 0 0 0;background:#007025;border-radius:4px}
#entry{width:100%;padding:12px 0 18px 100px}
#flyout-header{font-weight:500;font-size:24px;color:#fff;text-transform:uppercase;padding:57px 50px 19px;margin-bottom:3px}
#flyout{padding:0 0 61px;margin:0 0 50px}
#flyout li{position:relative;margin:0;list-style:none}
#flyout a,
#flyout span{display:block;text-decoration:none;font-weight:600;color:#fff;line-height:1.5;padding:15.5px 50px}
#flyout ul{padding:0;margin:0}
#flyout ul a,
#flyout ul span{font-size:14px;padding:10px 15px;color:#fff}
#breadcrumbs ul{margin:0;padding:0;list-style:none;font-size:14px;color:#00008c;text-transform:capitalize;line-height:1}
#breadcrumbs ul li{display:inline-block;margin:0;position:relative;margin-right:23px}
#breadcrumbs ul li:not(:last-of-type)::after{content:'';background:url(../images/breadcrumbs-arrow.png) center/cover no-repeat;width:3px;height:8px;position:absolute;top:5px;right:-15px}
#breadcrumbs a{display:inline-block;color:#2d7199;position:relative;text-decoration:none}
#page-title{font-weight:500;font-size:48px;color:#2f2f2f;margin:10px 0 33px -2px;line-height:1.2}
.fullwidth #entry{padding:0 0 20px}
.col-xs-12{width:100%}
/* Requested Change #107006 */
.draft-text{font-size: 15rem;-webkit-transform: rotate(40deg); transform: rotate(40deg);position: fixed; top: 40%; left: 35%;text-transform: uppercase;color:rgba(0,0,0,.1);z-index: -1;font-weight: 700;}

/* -----------------------------------------

#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:45%;right:0;border-radius:0;border:0;background:#007025!important;color:#fff!important;padding:7px 8px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center;line-height:1.5}
.floating-share-btn span{display:block;text-transform:uppercase;font-size:12px;line-height:1}
.floating-share-btn{display:none}

/* -----------------------------------------

#slider

-----------------------------------------*/
#slider{height:682px;position:relative;overflow:hidden;margin-top:118px}
#homepage #slider::after{content:'';position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background:url(../images/slider-overlay.png) center/100% 100% no-repeat}
#slider .tiny-item div{filter:saturate(2)}
.slider-box{height:100%;width:100%;position:absolute;top:0;left:0}
.slider-box > .tns-outer,
.slider-box > .tns-outer > .tns-inner,
.slider-box > .tns-outer > .tns-inner > .tiny-slider,
.slider-box > .tns-outer > .tns-inner > .tiny-slider .tns-item,
.tns-bg-slide {height:100%}
.tns-outer{position:relative}
.tns-controls{position:absolute;top:50%;left:0;right:0;z-index:1;transform:translateY(-50%)}
.tns-controls button:last-of-type {float:right}
.tns-nav{position:absolute;bottom:0;left:0;right:0;z-index:1;text-align:center}
.slider-box button[data-action]{position:absolute;bottom:0;right:0;z-index:1}
ul.tiny-slider,
ul.tiny-carousel{padding:0;margin:0}
#slider .tns-nav{display:none}
#slider button[data-action]{display:none}
#slider-btns{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;width:100%;z-index:50;pointer-events:none}
#slider-prev,#slider-next{background:none;border:none;padding:0;transition:all 320ms;pointer-events:all}
#slider-prev{transform:translateX(-100px)}
#slider-next{transform:translateX(100px)}
#slider:hover #slider-prev{transform:translateX(10px)}
#slider:hover #slider-next{transform:translateX(-10px)}
#freeform #slider{height:406px}
#freeform #slider::after{content:'';position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background:url(../images/freeform-slider-overlay.png) center/100% 100% no-repeat}

/* to be removed 
#wrapper_sliderVideo{display:none}*/

/* -----------------------------------------

#media queries

-----------------------------------------*/
@media only screen and (min-width:992px) {
	.layout-table{table-layout:fixed;width:100%}
	#nav .focused .toggle2{display:none}
	#nav .focused .toggle{display:inline-block;margin:0 0 0 -10px;height:auto!important}
	#nav .toggle{height:auto}
	#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
	#nav{display:flex!important;width:100%}
	#nav li{display:inline-flex;align-items:center;height:100%;transition:all 320ms}
	#nav li:hover>ul{display:block}
	#nav ul ul{display:block!important;left:100%;top:0;margin:13px 0 26px 11px;background:transparent}
	.nav-in{position:absolute;top:0;left:0;right:0;padding:55px calc(50% - 454px) 19px calc(50% - 490px);column-count:3;column-gap:45px;background:#00008c;overflow:hidden;border-top:1px solid #2c7997}
	#nav>li:hover>a,#nav>li:hover>span{color:#2d7199}
	#nav>li>a:first-child::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:calc(100% - 20px);height:0;background:#007025;transition:all .3s;opacity:0}
	#nav>li:hover>a:first-child::before{height:5px;opacity:1}
	#flyout .toggle{display:none;position:absolute;top:16px;right:0;border:none}
	#flyout .focused .toggle{display:inline-block;transform:rotate(-90deg) translateY(-50%)}
	#flyout{display:block!important}
	#flyout ul{position:absolute;left:100%;top:0;width:200px;background:#00008c;display:none;z-index:999}
	#flyout li:hover ul{display:block}
	#flyout li{transition:all 320ms}
	#flyout li:not(:last-child) a:first-child:after,#flyout li:not(:last-child) span:after{content:'';display:block;background:rgba(227, 230, 236, 0.502);width:calc(100% - 100px);height:1px;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%)}
	#flyout>li:hover{background:#00008c}
	#flyout>li:hover>a:first-child:after, #flyout>li:hover>span:after{content:none}
	#flyout ul li:last-child a:first-child:after,#flyout ul li:last-child span:after{content:none}
	#flyout ul li:not(:last-child) a:first-child:after,#flyout ul li:not(:last-child) span:after{width:calc(100% - 30px)}
}

@media only screen and (max-width:1542px) {
	.scrolled{left:15px!important}
	.logo-no-animation{left:15px!important}
	@keyframes logoAnimation {
		to {top:-26px;left:15px;width:246px;transform:none}
	}
	#freeform #logo{left:15px!important}
}

@media only screen and (min-width:1501px) {
	#header-bottom-right #search-form-wrap{display:inline-block!important}
}

@media only screen and (max-width:1500px) {
	#header-bottom-right #search-form-wrap{display:none;position:absolute;right:0;top:65px;z-index:99;margin-bottom:0}
	#search-btn{display:inline-flex;cursor:pointer}
	#header-top-right{padding-right:0}
	header nav {padding-right:0}
	#nav a, #nav span{padding:0 15px;font-size:15px}
	/* #welcome-left{padding-right:15px} */
	#welcome-left{width:345px}
	#welcome-middle{width:calc(100% - 345px - 255px);padding:50px 20px}
	#entry{padding-left:50px}
}

@media only screen and (max-width:1050px) {
	#translation-links ul{padding-top:80px}
}

@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:16px;z-index:250}
	#nav-toggle{line-height:45px;width:45px;text-align:center;border-radius:4px;background:#007025;color:#fff;margin-left:5px;cursor:pointer}
	#nav,#flyout{display:none}
	#nav li{display:block}
	#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)}
	#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}
	#nav .toggle,#nav .toggle2,#flyout .toggle{display:block;position:absolute;right:15px;top:0;line-height:45px;text-align:center;width:45px;color:#fff;padding:15px!important}
	#flyout .toggle{right:0}
	#nav a,#nav span{padding:15px 70px 15px 15px!important}
	#nav ul ul a, #nav ul ul span{padding:15px!important}
	#flyout a{padding:15px 60px 15px 15px!important}
	#flyout ul a{padding:15px!important}
	header{position:relative}
	header .container{padding:0}
	#header-top-in{padding:0 15px}
	#logo-wrap{display:inline-flex;align-items:center;max-width:100%;height:100%;margin:-34px 140px 0 15px}

	/* js will open */
	#logo{display:none;position:static!important;width:auto!important;transform:none!important}

	header nav{padding:0}
	#nav{padding:0;margin:0;background:#00008c;position:absolute;height:auto;left:0;top:78px;width:100%;border-top:3px solid #2d7199;z-index:100}
	#nav li{position:relative;margin:0}
	#nav a,#nav span{display:block;height:auto!important;text-align:left;margin-bottom:0!important;color:#fff}
	#nav ul a, #nav ul span{font-weight:400;text-transform:capitalize}
	#nav ul{display:none;position:static;column-count:1;column-gap:unset;padding:0;margin:0;border-radius:0;box-shadow:none}
	#nav ul li{width:100%;page-break-inside:auto}
	#search-btn{margin-right:70px}
	#header-bottom-right #search-form-wrap{right:15px;z-index:999}
	#search input{width:270px}
	#translation-links ul{bottom:auto;top:31px;right:0;height:270px;width:230px;padding:15px;overflow:auto} 
	#translation-links ul li{display:block;float:none;width:100%} 
	#slider{height:auto;padding-bottom:56.25%;margin-top:0}
	#quick-links #quick-links-prev-next-wrap{opacity:1}

	#welcome-in{flex-wrap:wrap}
	#welcome-left{width:100%;padding:50px 0 35px}
	#welcome-middle{width:100%;margin:0 15px 30px}
	#welcome-right{display:none}
	#welcome-slider-wrap{padding:0 5px}
	#welcome-right-bg-wrap{display:none}
	#welcome-slider-btns .section-btn{margin:10px 0 0}
	#welcome-prev-next-wrap{margin:10px 5px 0 0}

	#footer-top-wrap{background:#2d7199}
	#footer-top{flex-wrap:wrap}
	.footer-top-box:nth-child(1){width:100%!important;padding-right:0;text-align:center}
	.footer-top-box{width:calc(100% / 3)!important}
	.footer-img{margin-bottom:30px}
	#footer-logo{margin:0 20px}
	#freeform #logo{width:auto!important}
	#freeform #slider{height:250px;padding-bottom:0}
	#freeform-wrap{padding-top:0}
	#freeform-in{flex-wrap:wrap}
	#freeform-left-box{width:100%}
	#freeform-right-box{width:100%}
	#flyout-wrap{padding:0;margin:15px 0 0}
	#flyout-wrap::after{content:none}
	#flyout-toggle{display:block;margin:0;padding:15px;font-weight:500;font-size:18px;background:#007025;color:#fff;text-transform:capitalize;cursor:pointer;border-radius:6px}
	#flyout{padding:0;margin:0}
	#flyout-header{display:none}
	#flyout ul{display:none}
	#entry{padding:30px 0!important}
	.share-btn{top:auto;left:auto;bottom:5px;right:5px}
	.uai{display:none!important}
	#search-results-wrap{top:120px}
	#search-results{left:15px;right:15px;top:50px}
	li#close-curated{right:0;top:-60px}
}

@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}
	#event-tabs .event-tab{padding:17px 5px;font-size:15px}
	#footer-top{padding-bottom:15px}
	.footer-top-box{width:100%!important;padding-right:0!important;margin-bottom:30px}
	.footer-top-box h3{margin:12px 0}
}

@media only screen and (max-width:479px) {
	#logo-wrap{width:180px;margin:0 15px 0 15px}
	.section-title{font-size:40px}
	.section-btn{padding:12.5px}
	#event-tabs .event-tab{font-size:12px;line-height:1.2}
	#welcome-in .section-title{font-size:40px}
	.header,#page-title{font-size:34px;margin-left:0}
	#search-results .tab-content .tab-pane{padding:30px 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}
	#event-tabs{flex-wrap:wrap;justify-content:space-between}
	#event-tabs .event-tab{width:calc(50% - 0.5px);margin-right:0!important;margin-bottom:1px}
	.welcome-slider-item{height:70vw}
	.welcome-slider-item img{width:60px}
}

@media print {
	#freeform-left-box,#slider,footer,#breadcrumbs,#flyout-wrap,.floating-share-btn,.e-notify,header{display:none!important}
	a[href]:after{content:none!important}
	#freeform-wrap{padding:0!important}
	#freeform-right-box{width:100%}
	#entry{padding:0!important}
}
