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

/* addon classes */
.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);
}

.twoCol {-webkit-columns:2;-moz-columns:2;columns:2;}
.threeCol {-webkit-columns:3;-moz-columns:3;columns:3;}
.resCol {
	-webkit-columns: auto;-moz-columns: auto;columns: auto;
	-webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;
}

/* forms */
.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}

/* content */
.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}
.intBorder {width: 100%;background: #A3D869;height: 5px;}
.textBlock {float: right; max-width: 25em; margin: 0 0 2em 2em}

table.mobileTable td:before {content: none !important;}
/* HEADER ------------------------------*/
#brand img:hover {opacity: .7;}
body>header{position: fixed;top: 0;padding:.5em .5em 0 0;background: #fff;z-index: 10;height: 6em;-webkit-transition: all 200ms ease; transition: all 200ms ease;font-size: 1.125em;}
body>header * {transition: all 200ms ease}
body>header.stick{box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.15);}
body>header.stick #mainnav {}
body>header.stick #donateBtn img { }
body>header.stick #brand img {}
body.management>header{position: fixed;top: 34px;padding:.5em .5em 0 0;z-index: 5;}
main {margin-top: 107px;}
.home main {margin-top: 104px;}

#brand {margin-top: 5px}
#brand img {height: 4.5em;width: auto; display: block;}



@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.rollIn {
  animation-name: rollIn;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}


/*grid */
.grid {width:100%; float: left; clear: both; margin: 2em 0}
.grid .col{float:left;}
     .gridInline .col{display: inline-block; float: none}
.grid .col20{width:20%}
.grid .col25{width:25%}
.grid .col33{width:33.333%; padding:2% 2%}
.grid .col40{width:40%}
.grid .col50{width:50%;padding:2% 2%}
.grid .col60{width:60%}
.grid .col66{width:66.666%}
.grid .col70{width:70%}
.grid .col80{width:80%}
.grid .col90{width:90%}
.grid .colInside{width:100%;background-color:#efefef}
.grid .col img {max-width: 100%; height: auto}

/* NAV ------------------------------ */
nav ul{margin: 0}
#mainnav{display: inline-block;overflow:visible;float: left;margin-top: .3em;margin-right: .75rem;}
#mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;}
#mainnav li{display:inline-block;position:relative;margin-left: 1px;margin-right: 1px;}
#mainnav a{font-size: .9375em; line-height:4.1;padding:0 1em;display:inline-block;color:#000;text-decoration:none;}
#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a{color:#fff;background: #702785;border-radius: 4px}
#mainnav>ul>li.on>a{color:#fff;background: #702785;border-radius: 4px;}
#mainnav>ul>li.on:hover>a{color:#fff;}
#navContainer {float: right;}

/*dhtml*/
#mainnav li ul{z-index:1;width:15em;padding:1em 0;background:rgba(244,243,243,.92);position:absolute;overflow:hidden;height:auto}
#mainnav>ul>li:last-child ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{background:none;color:#000;font-size: 1rem;line-height:1.1em;padding:.4em .65em; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#fff;background:#8BCA41}

/* new css drop downs */
#mainnav li ul {top: -200vh;opacity: 0;z-index: -1;transition: ease 200ms opacity 0.25s;}
#mainnav li:hover ul {top:auto;opacity: 1;z-index: 1;}

/* ancillary */
#ancillary {position:absolute;right:0;top:0;padding: 1rem; color:#ccc;font-size:.7em;}
#ancillary ul{display: inline}
#ancillary li{display: inline;}
#ancillary a {display: inline-block;padding: .5em .8em; text-decoration:none;color:#999;}
#ancillary a:hover, #ancillary a:active,#ancillary li.on a{color:#666}
#ancillary li.on a {text-decoration:none;color:#666}
#ancillary .search{display: inline;}
#ancillary .search input{display: inline-block}

/* mobile */
#mobilenav,.menu{display: none}


/* MAIN ------------------------------ */
main>div>aside{width:16rem;padding-right: 5em; overflow:hidden;float: left;padding-top: 46px;padding-left: 1em;}
body.fullWidth  #content {width: 100%;margin: 0 auto;float: none;padding: 0 5% 4em 5%;}

/* content */
#content{float:right;width:calc(100% - 16rem);padding:0 1.5em 50px 0;overflow:hidden;min-height:600px;position:relative}
#content.fullWidth {float:none;margin: 0 auto}
.wsManagementLogin td:first-child {width:40%; text-align: right}
#content .fancyList span {float: right;}
/* footer */

#web-solutions-exposure {float:right;margin-left:11px}
/*body>footer .wrap nav span:before {content: "|"; margin: 0 0.5em}*/
footer .fatFooter input[type="email"] {width: 17em;color: #fff;}
footer .fatFooter p.phones {margin: 2em 0}
footer .social a {margin:0 4px 4px 0;}
.intHead {padding-bottom: 17%;}
/* Homepage */
.flexible-callouts.circ ul li {padding-top: 29%;}
.flexible-callouts h2 {font-size: 2.25rem;margin-bottom: 1.5em;}
.flexible-callouts ul li a > h3 {font-size: 1.35em;}
#photoRotator .text {bottom: 5em;}
.flexible-callouts circ .wrap {overflow: visible}
.split-list > .wrap > section time {padding-bottom: 2em;}
.split-list .left, .split-list article>a>span {padding:.75em 2em .75em .75em}
.split-list .left {float: left;width: 30%}
.split-list .right {float: right;width: 70%}
.split-list article>a>span {float: left;width: 33.333%}
.split-list article>a>div {float: right;width: 66.666%}
.split {padding: 4em 1em;}
.split h2 {font-size: 2.25rem;color: #702785;border-bottom: 1px solid #A3D869;line-height: 1.7;margin-bottom: 1em;}
.split h3 {font-size: 1.5rem;color: #702785;font-weight: 500;}
.split p {font-size: 1.25rem;color: #000;margin-bottom: 1.1em;}
.split .wrap > * {width: 50%;}
.split .wrap section img {max-width: 100%;}
.split .wrap section:first-child {padding-right: 5em;}
.split .wrap section:last-child {padding-left: 5em;}
.centered-text h2 {font-size: 2.25rem;}
.centered-text p {font-size: 1.25rem;margin: 1.4em auto;max-width: 38em;}
.centered-text {padding:4em 1em}
.flexible-callouts {padding: 4em 1em 3em 1em;}
.flexible-callouts ul li {width: 29%;margin: 0 2%;position: relative;}
.flexible-callouts.local ul {margin: 0;}
.flexible-callouts.local ul li {width: 33.3333%; margin: 0;position: relative;height: 28vw;}
.home .flexible-callouts.local ul li {width: 50%}
.flexible-callouts ul {margin: 2em 0;position: relative;overflow: visible;}
.flexible-callouts.local ul {display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-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: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;}

.flexible-callouts.circ ul li:hover a{background: #8BCA41;}
.flexible-callouts.circ ul li:hover a h3 {color: #fff;opacity: 1;}

.split-list section>div {padding: 4px 2em 1.25em;}

#photoRotator .text a {margin: 0 1em 3em;}
.split-list > .wrap > section {width: 45%;}
.split-list > .wrap > section:first-child {margin-right: 5em;}
.split-list > .wrap > section:last-child {margin-left: 5em;}
.split-list {padding: 4em 1em}
.home .split-list { padding-top: 1em; }


/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -52px;
    right: -52px;
    bottom: -52px;
    left: -52px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -52px;
    right: -52px;
    bottom: -52px;
    left: -52px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate3D(0,0,0);
  transform: translate3D(0,0,0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #A3D869 solid 1px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  border-radius: 50%;
    z-index: 0;
    transform: scale(1) translate3D(0,0,0);-webkit-backface-visibility:hidden;
}
.flexible-callouts.circ ul li:after {
  content: '';
  position: absolute;
  border: #A3D869 solid 1px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
    background-color: #fff;
    z-index: 1;
       transform: scale(1.05) translate3D(0,0,0);-webkit-backface-visibility:hidden;
}
/*.hvr-ripple-out:hover:before {z-index: 0}*/
/*.hvr-ripple-out:hover ul li {border-color: transparent;}*/

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

@media screen and (max-width:1350px){
    body>header {height: 5em;background: #fff;}
	#brand {margin-top: 0;}
    .flexible-callouts.local ul li a div > * {font-size: 3.3vw}
    .flexible-callouts.circ ul li:nth-child(2) {margin: 0 1em;}
    .flexible-callouts ul li {margin: 0 4%}
    #brand img {height: 4em;}
    main, .home main {margin-top: 90px;}
    #mainnav a {padding:0 .45em;line-height: 3em;margin: .47em 0;}
/*    #mainnav {top: -37px;}*/
    #mainnav {margin-top: 0}
    body>header #donateBtn img {height: 5.19em;}
    footer .fatFooter>.social {padding-right: 0;}
}


@media screen and (max-width:1100px){
   body>header {font-size: 1rem;}
   main, .home main {margin-top: 79px;}
}
@media screen and (max-width:1000px){
footer address {width: 35%;float: left;}
footer .fatFooter input[type="email"] {width: 15em;}
footer .fatFooter > div {width: 40%;}
.flexible-callouts.circ ul li a > h3 {font-size: 2vw;}
}

@media screen and (max-width: 980px) {
    body>header {font-size: .85em;}
    .split-list > .wrap > section:first-child {margin-right: 0;}
    .split-list > .wrap > section:last-child {margin-left: 0;}
    main, .home main {margin-top: 68px;}
    .flexible-callouts.local ul li a div > * {font-size: 1.4rem;}
    .split .wrap section:last-child {padding-left: 1em;}
    .split .wrap section:first-child {padding-right: 1em}
    .split-list > .wrap > section:first-child {padding-right: 1em;}
    .split-list > .wrap > section:last-child {padding-left: 1em;}
    #brand img {height:3.5em;}
    #brand {margin-left: .25rem;}
    #mainnav a{margin: .4em 0;padding: 0 .4em;}
}

@media screen and (max-width: 1280px){
  .flexible-callouts.local ul li a > p {font-size: 1.5vw}
  .flexible-callouts.local h3 {font-size: 3vw}
  .flexible-callouts.local a {border: none;}
  .flexible-callouts.local ul li {height: 35vw;}
  }

@media screen and (min-width: 1281px){
  .flexible-callouts.local h3 {font-size: 2em;}
  .flexible-callouts.local ul li a > p {font-size:1.2vw}
  .flexible-callouts.local a{border:10px solid #D8D8D8; }
  .flexible-callouts.local a:hover {border:10px solid #702785}

}