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

/* addon classes */
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
-webkit-columns: auto;
        columns: auto;
-webkit-column-width: 13em;
        column-width: 13em;}

/* list */
.content ul li {padding-left: 1.5em;}
/* forms */
.formTable, .formTable table{width:100%;display: block}
.formTable tbody{display: block}
.formTable tr{display: block}

.formTable tr.mmt, .formTable tr.mmt tr, .formTable tr.mmt div { margin-top: .5rem; }
td.mmt{ margin-top: 1rem; }

.formTable td{display: block;width:100%;padding: 0}
.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 textarea{margin-bottom:1em}
.formTable table td + td {padding-left: 0 !important;}
/* RESPONSIVE TABLES ------------------- */
table.mobileTable {
        border: 0;
        display: block;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .mobileTable tbody tr > td:first-of-type:before {content: none;}

    table.mobileTable th {display: none;}

    table.mobileTable tbody {
    display: block;
    width: 100%;
    margin: 0 auto 2rem;
    }

    table.mobileTable  tr {
        display: block;
        margin-bottom: 1em;
        background:#f3f3f3;
    }

    table.mobileTable tr:first-of-type {display: none;}

    #main #content table.mobileTable tr > td:first-of-type:before {content: none;}
    table.mobileTable td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: 500;
        border-bottom: dashed 1px #ccc;
    }
    table.mobileTable td:first-child{border: none;}
    table.mobileTable td::before {
        display: inline-block;
        margin-right: auto;
        padding-right: .5em;
      }
      table.mobileTable td:last-child {
        border-bottom: 0;
      }
      table.mobileTable td:nth-child(odd){background-color: #fff;}
      table.mobileTable tr > td:first-of-type {
        background-color: #702785;
        color: #FFF;
    }

table.mobileTable tr > td:first-of-type

 .content table.mobileTable ul {margin: 0;}

 a[href^="mailto"] { word-break: break-all}

/* nav */
#navContainer{position: fixed;left: 100%;top:0;bottom:0;width: 75%;background-color:#702785;z-index:2;-webkit-transition: left 200ms ease;transition: left 200ms ease;z-index: 10;}
.slideNav #navContainer{left: 25%;}
#navContainer nav{display: inline}
#navContainer ul{display: block;float: left;width: 100%;margin: 0;padding-left: 0;background-color: #702785}
#navContainer li{display:block;float: left;width: 100%; position: relative;border-top: 1px solid rgba(255,255,255,0.15);}
#navContainer a, #navContainer .menu{color:#fff;line-height:2em;padding:0 1rem;display:block;float: left;width: 100%}
#navContainer a:hover,#navContainer .menu:hover,
#navContainer li.on a{background-color:rgba(255,255,255,.2);color: #fff}
#navContainer li.open{background-color: #702785;}
#navContainer li.open ul {display: block;background-color:rgba(255,255,255,.2)}
#navContainer li>span{border-radius: 50%; display: block;position: absolute;right: .25em;top: .25em;line-height: 1.5em;width:1.5em;text-align: center;-webkit-transition: transform .2s ease;-webkit-transition: -webkit-transform .2s ease;transition: -webkit-transform .2s ease;transition: transform .2s ease;transition: transform .2s ease, -webkit-transform .2s ease}
#navContainer li>span:hover, #navContainer li.on>span{opacity: .3}
#navContainer li>span:before{content: "\f138";
    display: inline-block;
    width: 1em;
    text-align: center;
    text-indent: 0;
    font-family: fontawesome;
    color: #90CA47;}
#navContainer li.open>span{-webkit-transform: rotate(90deg);transform: rotate(90deg)}
#navContainer ul ul {font-size: .8em;display: none;}
#navContainer ul ul a {padding-left: 2rem}
#navContainer aside.menu:before {
    content: "<";
    margin-right: .25em;
}

#mobilenav{background-color: #702785;float: left;width: 100%;text-align: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;}
#mobilenav a, #mobilenav span{color: #fff;line-height: 2em;
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
            flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;}
#mobilenav a:hover, #mobilenav span:hover{color: #000;background-color:#8BCA41}
.hamburger{height: 2em;width: 2em;display: block;position: fixed;right: 0;top:0;opacity: .5;background: url(/images/m/hamburger.svg);background-size: cover;z-index:1;opacity: 0}
.hamburger.on{opacity: .3}
#donateBtn {text-align: center;margin-top: 1em;}
#brand {text-align: center;display: block;margin: 0; padding: 1em;}
#brand img {width: 14.1875em; max-width: 100%; display: block; margin: auto;}

/* content */
.photoright{margin:0 0 .75em 1em;}
.photoleft{margin:0 1em .75em 0;}
.interior main>.wrap{padding: 2em 1em 0;}
.interior a.button {margin-bottom: 1em;}
img {max-width: 100%;height: auto;}
#content .fancyList span {display: block}
.gallery a{width: 50%}
.intHead {padding-bottom: 25%;}
/* Donnate-Now */
.formBuilder .formWrap {display: block;width: 100%;}
.formBuilder .formWrap+td {display: block;width: 100%;float: left;}

/* main */
.grid {margin: 2em 0}
.grid .col33{margin-bottom: 1em; text-align: center}
.grid .col33 img { max-width: 80%; margin: 0 auto; text-align: center}
/* footer */
body>footer .wrap{
	display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
}
#web-solutions-exposure{
 -ms-flex-order: 1;
 -webkit-box-ordinal-group: 2;
         order: 1;
}
body>footer .wrap nav a {}
footer .fatFooter address, footer .fatFooter>div {margin-bottom: 2em;}
.fatFooter {text-align: center}
footer .wrap {text-align: center}
footer .wrap a:nth-child(2) {clear: left;display: inline-block}
footer .wrap a:nth-child(2):before {content: '';}
footer .fatFooter p.phones {margin: 1em 0}
body > footer nav {display: block;}

body>footer .fatFooter {
	align-items: center;
	flex-direction: column;
}

/* Homepage */
#photoRotator .text {bottom: 1em;}
.flexible-callouts.circ ul li a > h3 {font-size: 1em;}
.flexible-callouts.local ul li div {
        background-size: cover;
        width: 100%;
        height: 100%;
        position: relative;
        display: block;
        padding-top: 8em;
    }
.flexible-callouts.local ul li a > p  {font-size: 1em;}
.flexible-callouts ul {display: block}
.flexible-callouts.circ ul {max-width: 17em;margin: 0 auto;}
.flexible-callouts.circ ul li { padding-top: 100%;width: 100%;margin: 0;
        position: relative;}
        .flexible-callouts.local ul {margin: 0;padding: 0;}
.flexible-callouts.local ul li {width: 100%;margin: 0;position: relative;}
.flexible-callouts.local a {padding: 2em 0;}
.flexible-callouts.circ ul li {margin: 1em 0 0}
.split-list .left img, .split-list a span span {padding-top: 45%}
.flexible-callouts {padding: 2em 1em;}

.split .wrap {display: block}
.split .wrap > * {width: 100%}
.split-list > .wrap {display: block}
.split-list > .wrap > * {width: 100%}
#photoRotator .text {padding: 0 1em;}
#photoRotator .text a {margin: 0 1em 1em;}
#photoRotator .text p {font-size: 1.6em;}
.centered-text {padding: 2em 1em}
.split .wrap section:last-child {padding: 1em;}
.split-list > .wrap > section {width: 100%; padding: 1em;float: left;}
.flexible-callouts h2,.flexible-callouts.local h3 {font-size: 1.6em;}
.flexible-callouts.local ul li a div > * {font-size: 1.6em}
.split-list {padding: 3em 0}
.split-list ul {margin-bottom: 3em}
.split-list h2 {font-size: 1.65em}
#photoRotator .text a {margin: 0 .5em 1em}
.split .wrap section:first-child {text-align:center;margin-top: 2em;}
.split .wrap a img {margin: 0 auto;padding: 0 1em;}
.split-list article > a {text-align: center;padding: 1em 1em;}