@charset "UTF-8";
/* Web Solutions 4.0 Compatible */


:root {
	--yellow: #F6A623;
	--yellow-gradient: linear-gradient(-180deg, #F5A623 47%, #E18C00 50%);
	--green-gradient: linear-gradient(-180deg, #6C953C 52%, #5D8233 53%);
	--grey: #565656;
	--light-grey: #9B9B9B;
	--dark-grey: #2B2D29;
}

html {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
body{margin:0;padding:0;-webkit-text-size-adjust:none;}

img{border: 0}
ul{padding-left: 0}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body {background:#24281F}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp{width:100%;float:left;clear:left;display:block;}
body>*>.wrap, .wrap, body>footer>.fatFooter,#alertApp>*{width:100%;max-width:62.5rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto}

/* text */
body, .text, input, button{font-family:"azo-sans-web", sans-serif;line-height:1.75em;color:#565656}
a, a *{color:#F6A623;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#6C953C}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {margin-top:1em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{font-weight:600; color:#2B2D29}
h1 {color: #24281F}
h2 > .text {font-size: 0.7em}
em, i, q, cite, .italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid rgba(0,0,0,.15);margin:2.5em 0;padding-top:1px}
p{font-size:1em}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li{padding-left:2em; margin-top: 0.25em; position: relative;}
.content ul li:before{content: "";display: block; position: absolute; left:0.75em; top:0.4em; width: 1em; height: 1em; background: url(/images/icons/bullet.svg) no-repeat center}
.content li li{font-size: 0.9em}
.content ul li ul li:before{content: "-"; background: none; top:0; color: #666; left: 1.25em}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-column-gap:2em;
   -moz-column-gap:2em;
        column-gap:2em;
}
.twoCol li, .threeCol li, .resCol li {break-inside: avoid}
.flexCol {
    display: flex;
    flex-wrap: wrap;
    gap: 1em 2em;
    justify-content: center;
    margin: 1em 0;
    text-align: center;
}
.flexCol.grey-bg {
    background: #ececec;
    padding:1.5em 1em;
}
.flexCol > * {
    margin-bottom: 0;
}
.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}
.clearfix:after{content: "";display: table;clear: both;}

.videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}


/* forms */
input, button, select, textarea{font-size:1em; font-family: "azo-sans-web", sans-serif; line-height: 1.2em}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"]{border-radius:0; outline: none; -webkit-appearance:none}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid transparent; border-radius: 3px; transition: ease all 200ms; background-color:#DEDEDE;padding:0.5em 0.5em}
input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, textarea:hover, select:hover{border-color: #888}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{border-color: #888}
textarea{display:block}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
button,.content .button, .button,input[type="button"], input[type="submit"], input[type="reset"]{color:#fff;padding: 0.4em 2em; cursor: pointer; border-radius: 2px; font-weight: 400; font-size: 1.063em; background-image: linear-gradient(-180deg, #6C953C 52%, #5D8233 53%); background-color: #24281F;border: 1px solid #565656;border-radius: 3px;text-shadow: 0 1px 0 rgba(43,46,40,0.40); display:inline-block;}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,.button.hover, button.hover, input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-image:none; border-color: #24281F; color: #F6A623}
button img{height:1em;width:auto;vertical-align:top}

.button.yellow {
	background: var(--yellow-gradient);
}

.button.yellow:is(:hover, :focus-visible) {
    background: var(--dark-grey);
    border-color: rgba(255,255,255,0.25);
    color: var(--yellow);
}

input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable select, .formTable textarea{width:100%}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.formEdit select, .formBuilder select { width:40%; }
.button2, .content .button2 {background-image: linear-gradient(-180deg, #F5A623 47%, #EA970C 50%); border: 1px solid #9B9B9B; border-radius: 3px;}
select::-ms-expand {display: none;}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

fieldset legend {
	float: left;
	width: 100%;
}

fieldset>div {
	margin: 0 0 .75em;
	padding-left: 0.5em;
}


/* HEADER ------------------------------*/
body>header{background:#fff}


/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff}
.contentEditor{background:#fff;min-width:100%;}
/* side column */
main>div>aside{line-height:1.3em;}
/* t1 */
#sidenav{width:100%;overflow:hidden;margin:0 0 40px}
#sidenav ul{padding: 0}
#sidenav li{height:1%;overflow:hidden}
#sidenav li a{padding:.5em 5px;line-height:1.1em;display:block}
#sidenav li a:hover, #sidenav li a:active{background:#e5e5e5}
#sidenav>ul>li.on>a{display: none}
/* t2 */
#sidenav li.on ul{border-top:1px solid #DEDEDE}
#sidenav li.on ul li{border-bottom:1px solid #DEDEDE}
#sidenav li.on ul li a{padding:.6em 1em; font-weight:600;font-size:0.875rem;color:#6C953C}
#sidenav li ul li a:hover, #sidenav li ul li a:active, #sidenav li ul li.on>a:hover{color:#fff;background:#6C953C}
#sidenav li ul li.on>a{color:#F6A623}
/* t3 */
#sidenav li ul li.on ul{padding-bottom:.5em;border:0}
#sidenav li ul li.on ul li{border:0}
#sidenav li ul li.on ul li a{padding:0.25em 1em 0.25em 3em; position: relative; font-weight: 400; font-style: italic;color:#9B9B9B}
#sidenav li ul li.on ul li a:before {content: "-"; position: absolute; left:2.4em; }
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active{color:#fff; background:#6C953C}
#sidenav li ul li ul li.on>a{color:#24281F}
/* t4 */
#sidenav li ul li ul li.on ul li a{padding-left:50px;font-size:.7em;color:#666}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active,#sidenav li ul li ul li ul li.on>a:hover{background:#6C953C; color:#fff}
#sidenav li ul li ul li ul li.on>a{color:#000; background:#f5f5f5;}
/*section callouts*/
main>div>aside section{margin:0 0 20px;padding:10px}
main>div>aside section:hover{background:#FFC}
main>div>aside section h1{margin:0;font-size:1.2em}
main>div>aside section p{margin:0}
/* breadcrumb */
.breadcrumb{margin-bottom: 1em}
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

/* content */
#content{word-wrap:break-word}
#content .photofull {max-width: 100%; height: auto; margin:1.5em auto}
#content .photoright, #content .photoleft, .content .photoright, .content .photoleft{max-width:50%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto;margin: 0;float: none}
#content img.phototreatment{max-width:50%;height:auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .content .highlight{background:url(/images/bg.jpg) repeat; width:100%; border-radius: 3px; overflow: hidden; background-size: 400px 400px; border: 1px solid #DEDEDE; padding:0 0 1em;margin:2.5em 0}
.highlight > *, .content .highlight > * {padding: 0 1.25rem}
.highlight > h1, .content .highlight > h1 {font-size: 1.375em; margin-bottom: 1.25em; text-transform: none; color:#fff; padding:1rem; border:0; background: #6C953C}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
	.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
	.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
	.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
	.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

.CTA {background: url(/images/bg.jpg) repeat; width: 100%; clear: both; text-align: center; border-top: 1px solid #DEDEDE; padding: 3.750em 1rem; background-size: 400px 400px;}
.CTA  h1 {display: inline-block}
.CTA  p {max-width: 44em; margin: 0 auto 2em}

.content #services ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;}
.content #services li {width: 49%; padding:0; display: inline-block ; margin-bottom: 0.5em; vertical-align: top; text-align: center}
.content #services li:nth-child(2n+2) {margin-left: 2%}
.content #services li:before {display: none}
.content #services li a {height: 100%; padding: 1em 1em 2em; border-radius: 3px; border: 1px solid #DEDEDE; background: url(/images/bg.jpg) repeat; display: block; background-size: 400px 400px}
.content #services li a:hover {background: #24281F;}
.content #services li img {margin-bottom: 0.5em; max-width: 100%; height: auto}
.content #services li span {display: block; line-height: 140%;}
.content #services li .title {font-size: 1.125em; font-weight:700; margin-bottom: 0.5em; color: #6C953C}
.content #services li a:hover .title {color: #F6A623}
.content #services li .brief {font-size: 0.875em; color: #565656}
.content #services li a:hover .brief {color: #C0C0C0}

.home main > section, .home main > div {padding: 3.500em 1em 4.5em; clear: both; width:100%}
.home #environmental-services, .home #welcome {background: url(/images/bg.jpg) repeat; background-size: 400px 400px}

#virtual-assessment {
	background: url(/images/green-bg-img.webp) no-repeat center / cover;
	border-bottom: 5px solid #fff;
	border-top: 5px solid #fff;
	padding: 3.25em 1em;
}

#virtual-assessment .wrap {
    align-items: center;
    display: flex;
    justify-content: space-between;
	overflow: visible;
}

#virtual-assessment .text-container {
    background: rgba(43,46,41,0.80);
    border-radius: 0.1875em;
    color:#fff;
    max-width: 21.875em;
    padding: 1.875em;
}

#virtual-assessment .text-container h2 {
	color:#fff;
	text-transform: uppercase;
}

#virtual-assessment .text-container .button {
	border: 1px solid var(--light-grey);
}

#virtual-assessment .image-container img {
    transform: rotate(3deg);
}

#markets-served {border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE}
#markets-served a {display: block; border-radius: 3px; overflow: hidden; padding-bottom: 100%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat}

#markets-served a:before {
	background: #6C953C;
	bottom: 0;
	content: '';
	left: 0;
	opacity: .75;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .3s ease;
	z-index: 1;
}

#markets-served a:after {content: "";display: block;position: absolute;top:0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center}

#markets-served .government:after { background-image: url('/images/home/markets/government.webp'); }
#markets-served .insurance:after { background-image: url('/images/home/markets/insurance.webp'); }
#markets-served .construction:after { background-image: url('/images/home/markets/construction.webp'); }
#markets-served .refineries:after { background-image: url('/images/home/markets/pipelines.webp'); }
#markets-served .utilities:after { background-image: url('/images/home/markets/utilities.webp'); }
#markets-served .municipal:after { background-image: url('/images/home/markets/municipal.webp'); }


#markets-served a span {z-index:2; font-size: 1.25em; color:#fff; position: absolute; bottom:1em;left: 0; display: block; width:100%; text-transform: uppercase; font-weight:700; text-align:center}
     .interior #markets-served a span {padding: 0 0.25em}

.home #blog > h1 {font-size: 1.188em; margin-bottom:2.2rem}
.home #blog li h2 {font-size: 1em; font-weight:400; color: #6C953C}
.home #blog li a:hover h2 {color: #F6A623}
.home #blog li p {font-size:1em; line-height: 1.25rem; margin-bottom: 0.5em;}
.home #blog li .continue {font-size: 0.875em; font-weight: 700; color: #6C953C}
.home #blog li .continue:hover {color: #F6A623}
.home #blog .time {font-size: .8em; font-style: italic}
.home #blog .brief {color: #000}

/* Vac-Traxx landing page */
.pageHeader.landing + main {position: relative;overflow: hidden;}
.pageHeader.landing + main:before {content: '';position: absolute;top: 0;width: 100vw;height: 100vh;background-image: url(/images/VacTraxx/bg.png);left: 0;background-repeat: no-repeat;right: 0;background-size: 100%;}
.parallax, .parallaxTop{height:50%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.pageHeader.landing {padding-top:36%;height: auto;border-bottom: none;background-position: bottom;}
.landing #content h1, .landing #content p {max-width: 46rem;margin-right: auto;margin-left: auto;}
.landing #content p {font-size: 1rem;}
.landing #gallery-1 {margin-top: 2em;}
.landing .rsOverflow {height: 100%;}
.landing .row {width: 100%;float: left;}
.landing .row:last-child {margin-bottom: 4em;}
.wrap.landing {display: block;max-width: 58em;}
.wrap.landing #content {padding-bottom: 0;padding-right: 1em;padding-left: 1em;}
.wrap.landing h1 {font-size: 1.94em;font-weight: 300;}
.wrap.landing h1 span {font-size: 0.81rem;background: #6C953C;color: #fff;display: inline-block;padding: .4em 1.15em;line-height: 1;text-transform: none;position: relative;bottom: .5em;font-style: italic;}
.landingExtra {float: left;width: 100%;clear: both;}
.landing .rsDefault {width:100%;}
.landing h2 {color: #fff;background: #6C953C;font-size: 1.25em;padding-left: 1em;line-height: 1.7;margin-top: 2em;margin-bottom: 1.1em;font-weight: 200;}
.landing #content .photoright, .landing #content .photoleft {margin: 0}
.landing .photoright {padding: 0 0 0 1em}
.landing .photoleft {padding: 0 1em 0 0}
.landing .photoright img, .landing .photoleft img {max-width: 100%;}
.landingExtra ul {padding-left: 0;margin-bottom: 1em;clear: left;margin-top: .85rem;}
.landingExtra ul li {text-indent: -4px;font-size: 1rem;padding-bottom: 1em;line-height: 1.5;font-weight: 200;}
.landingExtra ul li:before {content: '\203A';position: relative;left: -.75em;display: inline-block;color: #F5A623;background: none;top: auto;width: auto;height: auto;}
.landingExtra .photoleft+ul {float: right;clear: right;}
.landing .galleryTop.gallery {width: 100%;height: auto;margin: 3em 0 .7em 0;max-width: 100%}
.landing .galleryTop.gallery a {width: 100%;height: auto;}
.landing .galleryTop.gallery img {width: 100%;height: auto;}
.landing .gallery {display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;max-width: 42rem;margin: 0 auto;}
.landing .gallery a {width: 10%; background: #fff; margin: 5px; float: left; position: relative; display:block;height:4em;overflow: hidden;width: 4em;text-align: center;}
.landing .gallery a:first-child {}
.landing .gallery a:hover {opacity: .3;border: 2px solid #F5A623;}
.landing .gallery a img {
    width: auto;
    height: 100%;
    float: left;
    display: block;}

.landingFoot {width: 100%;background: #fff;border-top: 1px solid #ddd;background-image: url(/images/VacTraxx/CTA2.png);float: left;}

.landingFoot h3 {text-transform: uppercase;font-weight: 300;}
.landingFoot .left {float: left;background: #6C953C;display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
.landingFoot .right a {display: block;border-bottom: 1px solid #D1D1D1;color: #6C953C;font-size: .875rem;font-weight: 200;padding: 0 1em;}
.landingFoot .right a:hover {color: #F5A623}
.landingFoot .right a:last-child {border-bottom: none;}
.landingFoot .right {padding: 3em 2em;}
.landingFoot .right h3 {font-size: 1rem;}
.landingFoot .left h3 {color: #fff;border-bottom: 5px solid #98B576;padding: 0 5px .25em;font-size: 1.94em;}
.landingFoot .left p {color: #fff;max-width: 28rem;text-align: center;font-size: 1rem;line-height: 1.4;margin: 1rem 0 2.2em;}
.landingFoot .left a.button {background: #fff;color: #F5A623;text-shadow: none;font-size: 1.063rem;}
.landingFoot .left a.button:hover {background: #F5A623;color: #fff;}
.landingFoot .left a.button:after {content: '\203A';margin-left: .2em;}


/* FOOTER ------------------------------ */
body>footer{padding:1.75rem 1rem 0.75rem;color:#C0C0C0; background: #24281F; font-size:.875rem; line-height: 1.125rem;}
body>footer>.wrap{overflow:visible}
footer .flex {
    display:  flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    gap:2em;
}

footer .flex .addresses {
    display:  flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:2em;
}

footer .flex .awards img {
    display:  block;
    height: auto;
    margin: 0 auto;
    max-width: 12.5rem;
}


body>footer a:not(.tel){color:#6C953C}
body>footer a:not(.tel):hover, footer a:active{color:#fff}
body>footer a.tel{color:#C0C0C0; font-weight: 400; cursor: text}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}
.fatFooter{margin-bottom:2em;}
.fatFooter a {font-weight: 700}
body>footer nav{display:inline}
footer .social a {display: inline-block; vertical-align: middle}
footer .social a+a{margin-left: 1.5em}
footer .title {font-weight: 700; margin-bottom: 1em; color:#fff; display: block}
body>footer .copyright {color: #717171; font-size: 0.750rem}
body>footer .copyright a {color: #717171; font-weight:400}
body>footer .copyright a:hover, body>footer .copyright a.on {color: #fff; opacity: 0.5}
body>footer .copyright span:before {content: "|"; margin: 0 0.5em}


/* APPS ------------------------------ */

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* page header */
.pageHeader{width:100%; float: left; clear: both; height:12.500em; background-size: cover; border-bottom: 4px solid #6C953C; background-position: center; background-repeat: no-repeat}

/* ALERT */
#alertApp, 
#alertApp.alertStatic:hover{width:100%; background:var(--yellow);padding-left: 1rem;padding-right: 1rem}
#alertApp h1{border:none;margin-bottom:0;font-size:1.1em;padding:5px;color:#000;text-align:center}
#alertTitle span{float:right; opacity:.5}
#alertApp:hover #alertTitle span{opacity:1}
#alertTitle a{color:#000;text-decoration:underline}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}
#alertDesc p{color: #000; text-align: center; line-height: 1.25em;}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#EF8D04;}


/* MANAGEMENT OVERRIDES ------------------------------ */
#wysiwygBody{background:#fff}
button.wsFormButton, body input[type="button"].wsFormButton, body input[type="submit"].wsFormButton, body a.wsFormButton[type="button"], body a.wsFormButton[type="submit"] {text-shadow: none !important}
/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(0,0,0,.06)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-6em; font-size: 0.875rem !important}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}


/* RESPONSIVE ------------------------------ */
@media screen and (max-width:1200px) {
}


/* TRANSITIONS ------------------------------ */
/*a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger{-webkit-transition: all 200ms ease;transition: all 200ms ease}*/
input:focus, select:focus, textarea:focus{-webkit-transition: background-color 150ms ease;transition: background-color 150ms ease}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }

@import url(/includes/css/grid-flex.css);