/* Noel's Custom CSS - To Be merged with custom.css when complete */



.intlbiz {}



#wpcf7-f69859-o1 {

    border: 1px solid #ebebeb;

    padding: 34px 15%;

}

#wpcf7-f69859-o1 input:not([type=submit]):not([type=file]):not([type=checkbox]) {

    display: inline-block;

    width: 100%;

}



#wpcf7-f69859-o1 textarea {

    width: 100%;

    background: #eee;

    color: #666;

    border-radius: 3px;

    border: 1px solid #e1e1e1;

}



#wpcf7-f69859-o1 .customform span.wpcf7-list-item {

    width: 100%;

    color: #093f7f;

    margin-bottom: 25px;

}



/***************************************************************

* Keystone Bullets for lists & 2.0 Bullets too *

****************************************************************/



.discpa, .discpaside, .chex, .chexbig {

    margin-left: 17px;

}

.chex, .chexbig {

    font-weight: normal;

    padding: 17px 24px;

    color: #112E47;

}

.chex {

    font-size: 1.1em;

}

.chexbig {

    padding-top: 50px;

    font-size: 1.35em;

}

.discpa li, .discpaside li {

    background: url(/wp-content/uploads/2016/10/keystone_icon_25x30.png) no-repeat left top;

    list-style: none;

    margin: 0;

}



.chex li {

    background: url(/wp-content/uploads/2017/07/bullet_chex_20w_sm.png) no-repeat left top;

    list-style: none;

    margin: 0;

}

.opt-in .gfield_checkbox .gfield_checkbox div input {
    margin: 0px 5px 0px 0px !important;
}
.opt-in .gfield_checkbox {
    margin-left: 0px !important;
    margin-bottom: 0px;
}
.newsletter-interests {
    margin-top: 20px !important;
}
.newsletter-interests .gfield_checkbox {
    margin-left: 10px !important;
    margin-bottom: 20px;
}
.newsletter-interests .gfield_checkbox div input {
    margin: 0px 5px 0px 0px !important;
}

.newsletter-interests .gfield_checkbox div label{
    display: inline-block;
    font-size: .875em;
    line-height: 1.5;
    max-width: 85%;
    padding: 0;
    vertical-align: middle;
    white-space: normal;
    width: auto;
    margin-bottom: 5px !important;
}

.chexbig li {

    background: url(/wp-content/uploads/2017/07/bullet_chex_35w.png) no-repeat left top;

    list-style: none;

    margin: 0;

}



.discpa li, .chex li, .chexbig li {

    padding: 7px 0 6px 35px;
    line-height: 1.75em;

}



@media (max-width: 400px) {

    .discpa, .chex, .chexbig {

        padding: 0;

    }

    .discpa li, .chex li, .chexbig li {

        line-height: 1.5em;

    }

}

.discpaside li {

    margin-left: -17px;

    padding: 7px 0 15px 35px;

    line-height: 1.25em;

}

.discpaside li a{

    display: inline-block;

    position: relative;

    top: 5px;

}



.discs ul {

    font-size: .9em;

    color: #555;}



.discs ul li {

    list-style-type: circle !important;

}





/* For intro text above Blog posts, or other page info */



.preface {

    display: block;

    background: #ebebeb;

    color: #3e5b7d;

    font-size: .9em;

    padding: 17px;

    margin: 25px 0;

    border: 0 solid transparent;

    border-radius: 5px;

    text-align: center;

}



.fakeAuthorBox {

    display: block;

    background: white;

    color: #3e5b7d;

    font-size: .9em;

    padding: 17px;

    margin: 25px 0;

    border: 1px solid #093f7f;

}





/* Some modified Bootstrap code for 5 equal columns */



.col-xs-5ths,

.col-sm-5ths,

.col-md-5ths,

.col-lg-5ths {

    position: relative;

    min-height: 1px;

    padding-right: 10px;

    padding-left: 10px;

}



.col-xs-5ths {

    width: 20%;

    float: left;

}

@media (min-width: 768px) {

    .col-sm-5ths {

        width: 20%;

        float: left;

    }

}

@media (min-width: 992px) {

    .col-md-5ths {

        width: 20%;

        float: left;

    }

}

@media (min-width: 1200px) {

    .col-lg-5ths {

        width: 20%;

        float: left;

    }

}

@media only screen and (min-width: 1100px) {

    #bookmarklet {

        min-width: 60%;

    }

}

@media only screen and (min-width: 992px) and (max-width: 1099px) {

    #bookmarklet {

        min-width: 75%;

    }

}

@media only screen and (max-width: 991px) {

    #bookmarklet {

        min-width: 100%;

    }

}



.calloutQuote p, .calloutBox p {

    color: #ebebeb;

    font-size: .85em;

    font-weight: 300;

}



.calloutBox h1 {

    font-size: 2.35em;

    letter-spacing: 2px;

    color: white;

    position: relative;

    display: inline;

    font-weight: 700;

    line-height: 1.5em;

}



.calloutBlank {



    display:block;



    position:relative;



    padding: 25px;



    margin: 15px 0;



    text-align: center;



    font-size: 1em;



    font-weight: 700;



    background: url("/wp-content/uploads/images/quote_up_light.png") left top no-repeat, url("/wp-content/uploads/images/quote_down_light.png") right bottom no-repeat transparent;



}



.calloutBlank span {



    position: relative;



    display: inline;



    font-size: 1.25em;



    font-style: italic;



    letter-spacing: 1px;



    text-shadow: 0 0 2px #fff;



    line-height: 1.5em;



    color: #093f7f;

}



.calloutBlank a {

    color: #093f7f;

    text-decoration: underline;

}



#wslhVid {

    border: 1px solid #e1e1e1;

    padding: 17px 0;

    border-radius: 5px;

}

/* Styles for embedded Twitter timeline. Affects multiple sidebar widget displays of various feeds.



/* .twitter-timeline {

    font-size: 18px;

    font-weight: 700;

    line-height: 24px;

    color: #900 !important;

}

*/

.widget.widget_text .wbox {

    border: 0;

}



/* Special WBOX style for the Sidebar for Newsroom Widget */



#newswidget {

    display: block;

    position: relative;

   /*  left: -1px;

    top: -1px; */

    width: 100%;

    border: none !important;

    padding: 5px;

    margin: auto auto 0;

}



#newswidget h3 {

    display: block;

    padding: 7px;

    font-size: 20px;

    color: #ebebeb;

    text-align: left;

    background: #112E47;

    border: 1px solid #112E47;

    box-shadow: 0 0 0 #112E47;

    margin: 0;

}

#newswidget ul {

    padding-left: 17px;

    padding-top: 25px;

    width: 100%;

/*    border: 1px solid red;*/

}

#newswidget ul li {

/*    border: 1px solid red; */

}

#newswidget ul li a {

    color: #093f7f;

    font-weight: 400;

    transition: all .5s ease;

}

#newswidget ul li a:hover {

    color: #b93941;

}





#newswidget div {

    /* margin: 5px; */

    text-align: center;

}



#newswidget span {

    display: block;

    position: relative;

    color:#093f7f;

    padding: 5px;

    background: #fff;

    border: 1px solid #e1e1e1 !important;

}



.customform {

    display: block;

    width: 98%;

    margin: auto;

}



.customform .wpcf7-text {

    width: 92%;

}



.customform .req:after {

    position: relative;

    color: #b93941;

    content: '*';

    top: -2px;

    left: 2px;

}

.customform span.wpcf7-list-item {

    display: inline-block;

    width: 135px;

}



/* Custom styles for Newsroom page's dynamic Box-look posts */



#newsbox {

    overflow: hidden;

}



#newsbox span {

    position: relative;

    left: -30px;

}



#newsbox li {

    display: inline-block;

    background: none;

    line-height: normal;

    padding-bottom: 17px;

}

#newsbox a, #newsbox a:hover {

    font-weight: 400;

    font-size: .9em;

}

#newsbox .tiles li a {

    display: inline-block;

    width: 320px !important;

    position: relative;

    color: #fff;

    padding-left: 0 !important;

}

.lcp_catlist li {

    margin:0 !important;

}

.lcp_date {

    display: inline-block;

    position: relative;

    font-weight: 400;

    font-size: .6em;

    color: #eda800;

    margin: -10px 0 15px 47px;

}





/* Custom boxes for Quality of Life Page 2017 - can be reused */



.qolpage {

    display: block;

    position: relative;

}



.qolpage a {

    font-weight: 400;

}



.qolpage a:hover {

    color: #4298b5; /* #b93941; */

}



.qolpage h3 {

    display: block;

    text-transform: uppercase;

    font-size: 2em;

    font-weight: 700;

    color: #eda800; /* #444; */

    padding-top: 120px;

    margin-top: -85px;

}

ul.nulist, .psans {

    padding: 3px 50px 3px 25px;

    font-family: "Arial", sans, sans-serif;

    font-weight: 300;

    font-size: 1.2em;

    margin: 0 0 17px 0;

    text-indent: 0;

    color: #555;

    /* list-style: disc; */

}



.nulist li {

    padding: 7px 0 7px 0 !important;

    list-style-position: inside;

    text-indent: -1em;

}

.nulist li:last-child {

    padding-bottom: 24px;

}

ul.nulist li ul {

    font-size: 18px;

    list-style: circle;

    color: #777;

}



.nupanel {

    width: 100%;

    background-color: #ebebeb;

}



.nupanel h4 {

    font-size: 1.7em;

    color: #093f7f;

}

.nupanel .panel-heading {

    background-color: #efefef;

    border: 1px solid #093f7f;

}



#orcamp, #orbike, #orraft, #orhike, #orski, #orbirds {

    padding-top: 120px;

    margin-top: -85px;

}



/* Quality of Life main page boxes */



.qolbox {

    display: block;

    width: 100%;

    max-width: 575px;

    height: 413px;

    border: 1px solid #777;

    padding: 17px;

    margin: 0 auto 35px auto;

    overflow: hidden;

}

.qolbox h2 {

    display: block;

    height: auto;

    position: relative;

    width: 573px;

    top: 356px;

    color: rgba(255, 255, 255, 1);

    font-weight: 400;

    text-align: left;

    text-indent: 20px;

    font-size: 1.65em;

    text-transform: uppercase;

    background: rgba(10, 31, 98, 1);

    border: 1px solid rgba(119, 119, 119, 0);

    border-top: 0 solid rgba(10, 31, 98, 1);

    text-shadow: rgba(0, 17, 57, 0) 0 0 15px;

    margin-left: -17px;

    transition: all .75s ease;

}

.qolbox:hover h2 {

    top: -1px;

    left: -3px;

    background: rgba(0, 0, 0, .5);

    height: 380px;

    width: 527px;

    margin-left: 0;

    color: rgba(255, 255, 0, 0);

    border: 1px solid rgba(10, 31, 98, 0.7);

    border-top: 40px solid rgba(10, 31, 98, 0.7);

}

.qolbox h4 {

    position: relative;

    text-align: left;

    text-indent: 20px;

    font-weight: 400;

    font-size: 1.65em;

    text-transform: uppercase;

    top: -395px;

    color: rgba(255, 255, 255, 0) !important;

    text-shadow: rgba(255, 255, 255, 0) 0 0 100px;

    transition: all .75s ease .2s !important;



}

.qolbox:hover h4 {

    color: rgba(255, 255, 255, 1);

    text-shadow: rgba(255, 255, 255, 1) 0 0 0;

}

.qolbox p {

    position: relative;

    text-align: center;

    font-size: 1.1em;

    font-weight: 400;

    letter-spacing: 1px;

    color: rgba(255, 255, 255, .7);

    top: -400px;

    opacity: 0;

    padding: 0 34px;

    text-shadow: rgba(0, 24, 12, 0) 0 0 20px;

    transition: all 1.25s ease;;

}

.qolbox:hover p {

    display: inline-block;

    top: -325px;

    line-height: 135% !important;

    color: rgba(255, 255, 255, 1) !important;

    text-shadow: rgba(0, 24, 12, 1) 0 0 20px;

    opacity: 1;

}

@media only screen and (max-width: 991px) {

    .qolbox h2, .qolbox:hover h2 {

        display: block;

        font-size: 1.35em;

        height: 42px;

        position: relative;

        width: 573px;

        top: 364px;

        left: 0;

        color: rgba(255, 255, 255, 1);

        font-weight: 400;

        text-align: left;

        text-indent: 20px;

        text-transform: uppercase;

        background: rgba(10, 31, 98, 1);

        border: 1px solid rgba(119, 119, 119, 0);

        border-top: 0 solid rgba(10, 31, 98, 1);

        text-shadow: rgba(0, 17, 57, 0) 0 0 15px;

        margin-left: -17px;

    }

    .qolbox h4, .qolbox p, .qolbox:hover p, .qolbox:hover h4 {

        display: none;

    }

}



@media only screen and (max-width: 375px) {

    .qolbox h2, .qolbox:hover h2 {

        position: relative;

        font-size: 1.2em;

        left: -15px;

    }

    .qolbox h2 {

        top: 255px;

    }

    .qolbox {

        height: 300px;

    }

}

#qol_img1 {

    background: url("/wp-content/uploads/images/qol/block_cost_of_living.jpg") center / cover no-repeat;

}

#qol_img2 {

    background: url("/wp-content/uploads/images/qol/block_education_4.jpg") center / cover no-repeat;

}

#qol_img3 {

    background: url("/wp-content/uploads/images/qol/block_our_people.jpg") center / cover no-repeat;

}

#qol_img4 {

    background: url("/wp-content/uploads/images/qol/block_outdoor_rec_2.jpg") center / cover no-repeat;

}

#qol_img5 {

    background: url("/wp-content/uploads/images/qol/block_arts.jpg") center / cover no-repeat;

}

#qol_img6 {

    background: url("/wp-content/uploads/images/qol/block_urbanscape2.jpg") center / cover no-repeat;

}





.qolside {

    padding: 0;

    margin-top: -12px;

}



.qolrow, .qolrow2 {

    display: block;

    margin: auto;

}

.qolrow > div:first-child {

    font-weight: 400;

    padding: 0 17px 8px 17px;

}

.qolrow div:first-child p {

    text-align: left;

}



.qolpage h4, .qolrow h4, .qolrow2 h4 {

    text-transform: uppercase;

    display: block;

    font-size: 1.65em;

    color: #112E47;

    font-weight: 400;

    background: transparent;

    padding: 5px 0;

    transition: .5s ease all;

}

.qolrow a:hover h4 {

    color: #4298b5;

}

#topcontact {

    background: #ebebeb;

    text-align: center;

    margin: 0 0 24px 0;

}



#topcontact h4 {

    color: #777;

    letter-spacing: 1px;

    font-size: 1.35em !important;

    padding-bottom: 5px;

}

#topcontact p {

    line-height: 50%;

}

#topcontact a {

    color: #777;

}

#topcontact a:hover {

    color: #4298b5; /* #b93941; */

}



.colortiles { margin-top: 34px;}



.colortiles .nulist {

    color: white;

    list-style: none;

}



.colortiles .nulist li img {

    position: relative;

    top: 17px;

    left: -12px;

    margin-right: -17px;

}



.colortiles .row {

}



.ctile {

    display: block;

    margin: 0 0 28px 0;

    height: 194px;

    padding: 3px;

    border-radius: 8px;

    color: white;

}

.ctile:after {

     position: absolute;

     color: white;

     right: 30px;

     top: 105px;

     font-size: 3em;

     font-weight: 400;

     font-family: FontAwesome;

 }

#color1.ctile {

    background-color: #64a70b;

}

#color2.ctile {

    background-color: #64a70b;

}

#color3.ctile {

    background-color: #64a70b;

}

#color4.ctile {

    background-color: #4298b5;

}

#color5.ctile {

    background-color: #4298b5;

}

#color6.ctile {

    background-color: #112E47;

}

#color7.ctile {

    background-color: #112E47;

}

#color1.ctile:after {

    content: url(/wp-content/uploads/images/qol/comp_sci.png);

}

#color2.ctile:after {

    content: url(/wp-content/uploads/images/qol/phys_therapy.png);

}

#color3.ctile:after {

    content: url(/wp-content/uploads/images/qol/nurse.png);

}

#color4.ctile:after {

    content: url(/wp-content/uploads/images/qol/caduceus.png);

}

#color5.ctile:after {

    content: url(/wp-content/uploads/images/qol/mba.png);

}

#color6.ctile:after {

    content: url(/wp-content/uploads/images/qol/engineering.png);

}

#color7.ctile:after {

    content: url(/wp-content/uploads/images/qol/law.png);

}



.ctile h2 {

    text-transform: uppercase;

    font-weight: 400;

    color: white;

    margin-top: 0 !important;

    padding-top: 0 !important;

    border-bottom: 3px solid #fff;

}



.ctile div {

    display: block;

    width: auto;

    height: 100%;

    padding: 17px;

    border-radius: 5px;

    border: 5px solid white;

}

.rank, .rankblue, .rankgold {

    display: inline-block;

    font-family: "Arial", sans, sans-serif;

    font-size: .8em;

    font-weight: 700;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    padding: 3px 7px;

    margin-right: 17px;

}

.rank {

    position: relative;

    left: -10px;

    color: white;

    border: 3px solid white;

}

.rankblue {

    color: #093f7f;

    border: 3px solid #093f7f;

}

.rankgold {

    color: #ffa72d;

    border: 3px solid #ffa72d;

}





/* BEGIN Small Biz Spotlight CSS Examples*/





/* Version sbs2017a */



.sbs2017a, .sbs2017b {}



.sbs2017a img {

    padding: 0 0 24px 17px;

}



.sbs2017a p {

    font-size: 1.25em;

    text-align: justify;

    font-weight: 400;

    color: #444;

}



.sbs2017a .businessSpotlight, .businessSpotlight2 {



    display:block;



    padding: 48px 10px 10px 10px;



    margin: 15px 0;



    border-radius: 5px;



    position:relative;

    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;



    /* background-color:#ffe3eb;

    background-color:#b4d1ce; */

    

    background: #112E47 url("/wp-content/uploads/images/smallbiz/sbs_spotlight.png") top left no-repeat;



    text-align:center;

}



.sbs2017a .businessSpotlight p, .businessSpotlight2 p {

    color: rgba(255, 255, 255, 1);

    word-spacing: 200%;

    padding: 0 24px;

}



.sbs2017a .businessSpotlight h3, .businessSpotlight2 h3, .sbs2017a h3 {

    font-size: 1.85em;

}



.sbs2017a .businessSpotlight h3, .businessSpotlight2 h3 {

    color: rgba(255, 255, 255, 1) !important;

    padding: 0 65px 24px 65px;

    margin-top: -24px;

    font-weight: 400 !important;

}



.sbs2017a h3 {

    color:#093f7f;

    font-weight: 700;

}



#sbspreface {

    font-family: Arial, sans-serif;

    font-size: 1.15em;

    font-style: italic;

    font-weight: 300;

    word-spacing: 200%;

    line-height: 155%;

    color: #888;

    padding: 34px 34px 0 34px;

}



#sbspreface a {

    font-family: Arial, sans-serif;

    font-weight: 700;

}



.sbs2017a .f_tags a, .sbs2017b .f_tags a, .sbs2017c .f_tags a {

    font-family: "Arial", sans, sans-serif;

}



/* Version sbs2017b */



.sbs2017b img {

    display: inline-block;

    border: 5px solid #b4d1ce;

    border-radius: 5px;

    padding: 5px;

    /* margin: 0 17px 24px 17px; */

}



.sbs2017b p {

    font-family: Roboto, Arial, sans-serif;

    font-size: 1.35em;

    line-height: 1.5em;

    text-align: left;

    font-weight: 300;

    color: #555;

    letter-spacing: -.5px;

    word-spacing: .3em;

}



.sbs2017b a {

    font-family: Roboto, Arial, sans-serif;

    font-weight: 500;

}



.sbs2017b .businessSpotlight {



    display:block;



    padding: 48px 10px 10px 10px;



    margin: 15px 0;



    border-radius: 5px;



    position:relative;

    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;



    /* background-color:#ffe3eb;

    background-color:#b4d1ce; */



    background: url("/wp-content/uploads/images/smallbiz/sbs_spotlight.png") top left no-repeat, url("/wp-content/uploads/images/smallbiz/sbs_spotlight_2.png") top right no-repeat #a9c4c1;



    text-align:center;

}



.sbs2017b .businessSpotlight p {

    text-shadow: 0 0 3px #8ca3a0;

    padding: 0 24px;

    color: #fff;

}



.sbs2017b .businessSpotlight h3, .sbs2017b h3 {

    font-size: 2.25em;

}



.sbs2017b .businessSpotlight h3 {

    font-family: "Arial", sans, sans-serif;

    text-shadow: 0 0 3px #8ca3a0;

    padding: 0 65px 24px 65px;

    color: #fff;

    margin-top: -24px;

}



.sbs2017b h3 {

    color:#444;

    font-weight: 700;

    border-bottom: 5px solid #A9C4C1;

}





/* Version sbs2017c */







.sbs2017c .polaroid {

    display: inline-block;

    width: 50%;

    min-width: 225px;

    max-width: 370px;

    border: 1px solid #ddd;

}



.sbs2017c .polaroid p {

    font-family: Arial, sans-serif;

    padding: 5px 10px;

    text-align: center;

    color: #999;

}



.polaroid.left {

    float: left;

    margin-right: 3%;

    margin-bottom: 3%;

}



.polaroid.right {

    float: right;

    margin-left: 3%;

    margin-bottom: 3%;

}



@media (max-width: 455px) {



    .polaroid.left {

        float: none;

        margin-right: 0;

        width: 100%;

    }



    .polaroid.right {

        float: none;

        margin-left: 0;

        width: 100%;

    }

}



.sbs2017c p {

    font-family: "Georgia", "Times New Roman", Times, serif;

    /*font-family: Roboto; */

    font-size: 1.35em;

    line-height: 1.5em;

    text-align: justify;

    font-weight: 300;

    color: #555;

    letter-spacing: -.5px;

    word-spacing: .3em;

}



.sbs2017c a {

    font-family: "Georgia", "Times New Roman", Times, serif;

    font-weight: 700;

}



.sbs2017c .preface, .sbs2017c .preface a {

    font-family: Arial, sans-serif;

    font-size: 1em;

}



.sbs2017c .businessSpotlight {



    display:block;



    padding: 48px 10px 10px 10px;



    margin: 15px 0;



    border-radius: 5px;



    border: 3px solid #093f7f;

    position:relative;



    /* background-color:#ffe3eb;

    background-color:#b4d1ce; */



    background: url("/wp-content/uploads/images/smallbiz/sbs_spotlight_blk.png") top left no-repeat, url("/wp-content/uploads/images/smallbiz/sbs_spotlight_blk_2.png") top right no-repeat #d4f6f3;



    text-align:center;

}



.sbs2017c .businessSpotlight p {

    font-family: Arial, sans-serif;

    font-size: 1.1em;

    color: #093f7f;

    padding: 0 24px;

}



.sbs2017c h3 {

    font-size: 2.25em;

    color:#444;

    font-weight: 700;

    border-bottom: 5px solid #ebebeb;

}



.sbs2017c .businessSpotlight h3 {

    font-size: 2em;

}



.sbs2017c .businessSpotlight h3 {

    font-family: "Arial", sans, sans-serif;

    color: #093f7f;

    padding: 0 65px 24px 65px;

    margin-top: -24px;

    border-bottom: 3px solid #093f7f;

}



/* Sidebar  styles */

.sbsWidgetBox {

    width: auto !important;

}



.sbsWidgetBox .wbox h3 {

    background: none;

}



/* Nifty horizontal responsive accordion */



.paccordion {

    width: 100%;

    max-width: 1200px;

    height: 350px;

    overflow: hidden;

    margin: 50px auto;

}

.paccordion ul {

    width: 100%;

    display: table;

    table-layout: fixed;

    margin: 0;

    padding: 0;

}

.paccordion ul li {

    display: table-cell;

    vertical-align: bottom;

    position: relative;

    width: 20%;

    height: 350px;

    background: no-repeat center center;

    transition: all 750ms ease;

}

.paccordion ul li div {

    display: block;

    overflow: hidden;

    width: 100%;

}

.paccordion ul li div a {

    display: block;

    height: 350px;

    width: 100%;

    position: relative;

    z-index: 3;

    vertical-align: bottom;

    padding: 15px 20px;

    box-sizing: border-box;

    color: #fff;

    text-decoration: none;

    font-family: Open Sans, sans-serif;

    transition: all 200ms ease;

}

.paccordion ul li div a * {

    opacity: 0;

    margin: 0;

    width: 100%;

    text-overflow: ellipsis;

    position: relative;

    z-index: 5;

    white-space: nowrap;

    overflow: hidden;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

    -webkit-transition: all 400ms ease;

    transition: all 400ms ease;

}

.paccordion ul li div a h2 {

    visibility: hidden;

    font-family: "Open Sans",sans-serif;

    text-overflow: clip;

    color: #efefef;

    font-size: 32px;

    text-transform: uppercase;

    margin-bottom: 2px;

    top: 280px;

}



@media all and (max-width: 768px) {

    .paccordion {

        display: none;

    }

}



.paccordion ul li div a p {

    font-family: Roboto;

    font-weight: 300 !important;

    font-size: 17px !important;

    color: #e0f6f3 !important;

    top: 250px;

}



/* OUTDOOR RECREATION & SPORTS IMAGES */



.paccordion#outdoor ul li:nth-child(1) {

    background: url("/wp-content/uploads/images/qol/img_whitewater2.jpg") 35% 50% #aaa;

}

.paccordion#outdoor ul li:nth-child(2) {

    background: url("/wp-content/uploads/images/qol/accordion_hiking_0.jpg") 65% 50% #aaa;

}

.paccordion#outdoor ul li:nth-child(3) {

    background: url("/wp-content/uploads/images/qol/accordion_camping.jpg") 20% 50% #aaa;

}

.paccordion#outdoor ul li:nth-child(4) {

    background: url("/wp-content/uploads/images/qol/accordion_biking.jpg") 35% 50% #aaa;

}

.paccordion#outdoor ul li:nth-child(5) {

    background: url("/wp-content/uploads/images/qol/accordion_skiing.jpg") 29% 50% #aaa;

}

.paccordion#outdoor ul li:nth-child(6) {

    background: url("/wp-content/uploads/images/qol/accordion_birds.jpg") 30% 50% #aaa;

}



/* COST OF LIVING IMAGES */



.paccordion#cost ul li:nth-child(1) {

    background: url("/wp-content/uploads/images/qol/bucket_cost_1.jpg") 78% 50% #aaa;

}

.paccordion#cost ul li:nth-child(2) {

    background: url("/wp-content/uploads/images/qol/bucket_cost_2.jpg") 72% 50% #aaa;

}

.paccordion#cost ul li:nth-child(3) {

    background: url("/wp-content/uploads/images/qol/bucket_cost_3.jpg") 15% 40% #aaa;

}

.paccordion#cost ul li:nth-child(4) {

    background: url("/wp-content/uploads/images/qol/bucket_compare2.jpg") 50% 50% #aaa;

}





/* Educational Opportunities */



.paccordion#edu ul li:nth-child(1) {

    background: url("/wp-content/uploads/images/qol/bucket_k12.jpg") 53% 50%;

}



.paccordion#edu ul li:nth-child(2) {

    background: url("/wp-content/uploads/images/qol/bucket_higher_ed.jpg") 55% 50% #aaa;

}

.paccordion#edu ul li:nth-child(3) {

    background: url("/wp-content/uploads/images/qol/bucket_college.jpg") 85% 50% #aaa;

}



/* OUR PEOPLE IMAGES */



.paccordion#people ul li:nth-child(1) {

    background: url("/wp-content/uploads/images/qol/bucket_people_1.jpg") 70% 50% #aaa;

}

.paccordion#people ul li:nth-child(2) {

    background: url("/wp-content/uploads/images/qol/bucket_people_trans.jpg") 25% 50% #aaa;

}

.paccordion#people ul li:nth-child(3) {

    background: url("/wp-content/uploads/images/qol/bucket_people_biz.jpg") 50% 50% #aaa;

}

.paccordion#people ul li:nth-child(4) {

    background: url("/wp-content/uploads/images/qol/bucket_people_crime.jpg") 70% 50% #aaa;

}



/* ARTS & CULTURE IMAGES */



.paccordion#arts ul li:nth-child(1) {

    background: url("/wp-content/uploads/images/qol/bucket_philly_art_museum.jpg") 20% 50%;

}

/* .paccordion#arts ul li:hover:nth-child(1) {

    background: url("/wp-content/uploads/images/qol/bucket_info_blank_860x320_test.png") 50% 50%, url("/wp-content/uploads/images/qol/bucket_philly_art_museum.jpg") 20% 50%;

} */



.paccordion#arts ul li:nth-child(2) {

    background: url("/wp-content/uploads/images/qol/bucket_food_luca.jpg") 68% 50% #aaa;

}

.paccordion#arts ul li:nth-child(3) {

    background: url("/wp-content/uploads/images/qol/bucket_fallingwater.jpg") 69% 50% #aaa;

}





/* These are the transparent PNGs for each of the Accordion Buckets */



.hiddeninfoz {

    position: relative;

    left: 0;

    width: 860px;

    height: 320px;

    display: inline-block;

    top: -50px;

}



#cost1.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_cost1.png") no-repeat 50% 50%;

    background-size: contain;

}

#cost2.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_cost2.png") no-repeat 50% 50%;

    background-size: contain;

}

#cost3.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_cost3.png") no-repeat 50% 50%;

    background-size: contain;

}

#cost4.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_cost4.png") no-repeat 50% 50%;

    background-size: contain;

}



#edu1.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_edu1.png") no-repeat 50% 50%;

    background-size: contain;

}

#edu2.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_edu2.png") no-repeat 50% 50%;

    background-size: contain;

}

#edu3.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_edu3.png") no-repeat 50% 50%;

    background-size: contain;

}





#people1.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_people1.png") no-repeat 50% 50%;

    background-size: contain;

}

#people2.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_people_transportation.png") no-repeat 50% 50%;

    background-size: contain;

}

#people3.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_people3.png") no-repeat 50% 50%;

    background-size: contain;

}

#people4.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_people_crime_rate.png") no-repeat 50% 50%;

    background-size: contain;

}





#outdoor1.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_outdoor1.png") no-repeat 50% 50%;

    background-size: contain;

}

#outdoor2.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_outdoor2.png") no-repeat 50% 50%;

    background-size: contain;

}

#outdoor3.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_outdoor3.png") no-repeat 50% 50%;

    background-size: contain;

}

#outdoor4.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_outdoor4.png") no-repeat 50% 50%;

    background-size: contain;

}

#outdoor5.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_outdoor_winter.png") no-repeat 50% 50%;

    background-size: contain;

}

#outdoor6.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_outdoor_birds.png") no-repeat 50% 50%;

    background-size: contain;

}





#arts1.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_art1.png") no-repeat 50% 50%;

    background-size: contain;

}

#arts2.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_art_food.png") no-repeat 50% 50%;

    background-size: contain;

}

#arts3.hiddeninfoz {

    background: url("/wp-content/uploads/images/qol/bucket_info_art_iconic.png") no-repeat 50% 50%;

    background-size: contain;

}



.paccordion ul:hover .hiddeninfoz {

    /* border: 1px solid white; */

}



.paccordion ul:hover li {

    width: 10%;

}

.paccordion ul:hover li:hover {

    width: 60%;

}

.paccordion ul:hover li:hover a {

    background: rgba(9, 63, 127, 0.4);

}

.paccordion ul:hover li:hover a * {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

}



@media screen and (max-width: 600px) {



    .paccordion {

        height: auto;

    }

    .paccordion ul li, .paccordion ul li:hover, .paccordion ul:hover li, .paccordion ul:hover li:hover {

        position: relative;

        display: table;

        table-layout: fixed;

        width: 100%;

        -webkit-transition: none;

        transition: none;

    }

}



/* New ARROW HEADER for QoL Pages */

/* Move this to core.css once complete */



.qol_box_wrapper {

    margin-bottom: 47px;

    margin-top: -30px;

}



.qol_box  {

    padding:20px;

    display:block;

    text-align: left;

    position: relative;

    background: #112E47;

    border: 1px solid #112E47;

    margin:0;

}



.qol_box .title_text {

    margin:0;

    padding:0;

    display:block;

}



.qol_box .title_text h1 {

    font-size: 2em;

    line-height: normal;

    font-weight: 700;

    letter-spacing: 1px;

    color: #eda800;

}



.qol_box .sub_title {

    font-size: 13px;

    display: block;

    clear:both;

    line-height: 20px;

    color:#888;

    padding-top: 3px;

    font-weight: normal;

}



.qol_box .swm_button {

    border-radius: 3px;

    margin:0;

    font-weight: bold;

}



.qol_box a.swm_button { font-size: 14px; letter-spacing: 0.5px; margin-top: 4px;  }



.qol_box .left {

    width: 75%;

}



@media only screen and (max-width: 842px) {

    .qol_box .title_text h1 {

        font-size: 1.5em;

    }

    .qol_box .right img {

        display: none;

    }

}

.qol_box .left.p_text { float:none; text-align: center; }



.row.qolvidz {

    background: #ededed;

    margin-bottom:50px;

}



.row .qolpanels {

    margin-bottom:50px;

}



.row.qolvidz .col-md-12 > div, .row.qolpanels .col-md-12 > div {

    /* border: 1px solid #112E47; */

    width: 45%;

}



.row.qolpanels .col-md-12 > div {

    float: right;

    margin: 10px 0 10px 17px;

}



.row:nth-child(even).qolvidz .col-md-12 > div {

    float: right;

    margin: 10px 0 10px 17px;

    box-shadow: 0 0 10px #eaaa00;

}



.row:nth-child(odd).qolvidz .col-md-12 > div {

    float: left;

    margin: 10px 17px 10px 0;

    box-shadow: 0 0 10px #eaaa00;

}





.row.qolvidz h4, .row.qolpanels h4 {

    color: #112E47;

    font-weight: normal !important;

    margin-bottom: 10px;

    line-height: 1.5em;

    font-size: 27px;

}



.row.qolvidz p {

    font-family: Roboto;

    font-weight: 300 !important;

}



.infogfx {

    padding: 24px 24px 19px 24px;

}



@media (max-width: 768px) {



    .infogfx {

        display: none;

    }



    .row.qolvidz .col-md-12 > div {

        float: none;

        width: 100%;

    }



}



/* Code to make bootstrap columns equal height */





.eqhi {

}



.eqhi h4 {

    min-height: 70px;

    color: #112E47;

    font-weight: 700;

    padding: 10px;

    border-radius: 10px 10px 0 0;

    -moz-border-radius-topleft: 10px;

    -moz-border-radius-topright: 10px;

  border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    margin-bottom: 0;

}



.eqhi .eqhimg {

    display: block;

    padding: 10px 0;

    margin: auto;

    text-align: center;

}

.eqhi p {

}



.eqhi span {

    display: inline-block;

    font-size: .75em;

    line-height: 1.5em;

    padding: 10px;

    color: #444;

}



.eqhi i {

    color: #112E47;

}



.qol_box_row {

    width: 150px;

    height: 150px;

    float: left;

    background-repeat: no-repeat;

    text-indent: -2000px;

    margin: 0 10px;

}



.qol_box_row:hover {

    background-position: 0 -160px;

}



.u_box_wrapper a {

    display: block;

    width: 160px;

    height: 150px;

}



#regmap {

    display: block;

    position: relative;

    max-width: 800px;

}

.regmap2 {

    display: block;

    width: 800px;

    height: 600px;

    overflow: hidden;

    border: 1px solid blue;

}



#ro_svg {

    width: 100%;

    height: 800px;

    min-height: 800px;

    max-height: 800px;

}



@media only screen and (max-width : 767px) {

    .eqhi {

        height: auto !important;

    }

    #ro_svg {

        margin: -150px 0;

    }

}



ol.numbrs {

    padding-left: 45px;

}



.numbrs li {

    padding: 3px 20px 3px 3em!important;

    line-height: 27px;

    list-style-position: outside!important;

    margin: 0 0 0 -17px!important;

    padding-bottom: 17px;

}



.numbrs li span {position: relative; left: -27px; }



#newsvg {

    height: auto;

}



/* JV Page Stuff */



#jvacc .title_icon {}



.navbar > .container-fluid, .navbar > .container {

    border-radius: 3px;

    background-color: #ebebeb;

    border: 1px solid #9a9b9c;

}



#jvlist li {}



#jvlist li a {

    font-size: .75em;

    font-weight: 700;

    color: #555;

}

#jvlist li a:hover {

    color: #555;

}



#jvbenefits {}



.toggle_box_accordion:hover #jvlist i {color: #555;}



.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

    margin-left: -15px;

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

    width: 175px;

    background-color: #9a9b9c;

    color: white;

    font-size: 1em;

    font-weight: 400;

}





@media (max-width: 767px) {

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

        margin-left: 0px;

        width: 200px;

        background-color: #9a9b9c;

        color: white;

    }

    .navbar {

        float: right;

        width: 200px !important;

        height: 275px;

        margin: 0 0 0 15px;

    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

        font-size: 1em;

        border-top-left-radius: 3px;

        border-top-right-radius: 3px;

        border-bottom-left-radius: 0;

    }

    #jvproject p {

        position: relative;

        top: -25px;

    }

}


/* footer 2017 stuff */


.swm_footer_bg2017 {

    background: #001230;

    text-align: center;

}

.swm_footer_line2017 {

    height: auto;

    min-height: 85px;

    margin: auto;

}

.swm_footer_line2017 #fl2017 {

    position: relative;

    margin: auto;

    max-width: 1200px;

}

#fl2017 .col-lg-12 {

    min-height: 85px;

}


#fl2017 .col-lg-12 .row {

    position: relative;

    /* width: 1200px; */

    margin: auto;

    min-height: 85px;

    /* border: 1px solid white; */

}

#fl2017 .col-md-6, #fl2018 .col-md-6 {

    height: 100%;

    padding: 25px 0;

    color: white;

    font-size: 12px;

    text-align: center;

}

#fl2017 .col-md-6:last-child {

    padding-left: 34px;

    text-align: left;

}

#fl2017 .col-md-6 span {

    position: relative;

    min-height: 85px;

    font-size: 2em;

    font-weight: normal;

    line-height: 1.5em;

}

#fl2018 .col-md-6 span {

    position: relative;

    font-size: 2em;

    font-weight: normal;

    line-height: 1.5em;

}

@media only screen and (max-width : 1200px) {

    #fl2017 .col-md-6 {

        text-align: center;

        padding: 10px;

    }

}

@media only screen and (max-width : 991px) {

    #fl2017 .col-md-6:last-child, #fl2018 .col-md-6:last-child {

        padding-left: 0;

        text-align: center;

        width: 100%;

    }
    #fl2018 .col-md-6 span {
        float: none!important;
    }
}

.swm_footer_line2017 a {

    color: #fff !important;

}


#fl2018 {}

/* footer 2017 stuff */

.swm_footer_line2018 {
    display: block;
    width: 100%;
    color: white;
    border-top:1px solid #64a70b;
    background-color: #64a70b;
}

.swm_footer_line2018 #fl2018 {
    position: relative;
    margin: auto;
    max-width: 1100px;
}

#fl2018 .col-lg-12 .row {
    position: relative;
    margin: auto;
    color: white;
}

#fl2018 .col-md-6 {
    height: 100%;
    padding: 15px 0;
    font-size: 12px;
    text-align: center;
}

#fl2018 .col-md-6:last-child {
    padding-left: 0;
    text-align: left;
}

#fl2018 .col-md-6 span {
    position: relative;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.5em;
}

#fl2018 .col-md-6 span {
    position: relative;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.5em;
}

@media only screen and (max-width : 1100px) {
    #fl2018 .col-md-6 {
        text-align: center;
        padding: 10px;
    }
}

@media only screen and (max-width : 991px) {
    #fl2018 .col-md-6:last-child, #fl2018 .col-md-6:last-child {
        padding-left: 0;
        text-align: center;
        width: 100%;
    }
    #fl2018 .col-md-6 span {
        float: none!important;
    }
}

@media only screen and (min-width : 374px) {
    .biggiesmalls {

    }
}

.swm_footer_line2018 a {
    color: #fff !important;
}
.swm_footer_line2018 a:hover {
    color: #fff !important;
    background-color: #eaaa00 !important;
}

#fl2018 {}

#callgat {
    text-align: center;
    font-size: 1.25em;
    padding-bottom: 10px;
}




/* PAProud Blog Page Emma Newsletter Signup */


#emmaNL .e2ma_signup_form_container .e2ma_signup_form_row .e2ma_signup_form_label {
    display: none;
}

#emmaNL .e2ma_signup_form_container .form-groups div span label {
    /* border: 1px solid grey; */
    position: relative;
    left: -20px;
    display: block;
    margin-top: -40px;
    font-size: 1em;
    font-weight: 400;
    color: #666;
}

#emmaNL .e2ma_signup_form_row {
    margin-left: -25px;
}

#emmaNL .e2ma_signup_form_container .form-groups div span span {
    display: none;
}

#emmaNL input#e2ma_signup_submit_button {
    display: block;
    position: relative;
    top: -15px;
    float: right;
    right: 5px;
    max-width: 125px;
    height: 36px;
    margin: 0 0 5px 0;
    color: #ebebeb;
    padding: 5px 7px;
    outline: none;
    border: 1px solid #d5d6d2;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-weight: bold;
    font-size: 13px;
    box-shadow: none;
}


/* Footer Column styling */

#text-66 {

    position: relative;

    display: block;

    min-width: 360px;

    height: auto;

    margin: auto;

    float: left;

}

#text-66 .e2ma_signup_form_row, #text-66 .e2ma_signup_form_required_footnote, #text-66 .e2ma_signup_form_button_row {

    position: relative;

    top: -5px;

    display: inline-block;

    padding: 0;

    margin: 0;

}

#text-66 .e2ma_signup_form_row {
    position: relative;
}


#text-66 input#id_email {

    position: relative;

    width: 360px;

    background: #d5d6d2;

    margin-bottom: 5px;

    /* border-top-right-radius: 0;

    border-bottom-right-radius: 0; */

    color: #555;
    /* float: none !important; */

}



#text-66 .e2ma_signup_form_label {

    color: #ebebeb;

}

#text-66 .form-groups {
    position: relative;
    margin-bottom: 17px;
}

#text-66 .emmaFormLabelSmall {
    color: #e96058;
    font-weight: 400;
}

#text-66 input#e2ma_signup_submit_button {

    display: block;

    position: relative;

    max-width: 125px;

    height: 36px;

    margin: 0 0 5px 0;

    color: #ebebeb;

    padding: 5px 7px;

    outline: none;

    border: 1px solid #d5d6d2;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

    font-weight: bold;

    font-size: 13px;

    box-shadow: none;

}

@media screen and (min-width: 430px) and (max-width: 1200px){

    #text-66 input#id_email {

        max-width: 300px;

        min-width: 300px;

    }

}



@media screen and (max-width: 429px){

    #text-66 input#id_email {

        max-width: 265px;

        min-width: 265px;

    }

    #text-66 input#e2ma_signup_submit_button {

        left: -40px;

    }

}

@media screen and (max-width: 769px){

    #text-66 input#e2ma_signup_submit_button {

        left: 265px;
        top: -67px;

    }

}

#twitter-2 h3 {

    margin-bottom: 13px;

}



#twitter-2 .twitterwidget-title {

    display: none;

}



#twitter-2 ul {

    display: block;

    background-color: rgba(255, 255, 255, 1);

    border: 1px solid #d5d6d2;

    border-radius: 3px;

    height: 200px;

    padding: 17px;

}



.widget_recent_entries ul li, .widget_recent_entries ul li:first-child {

    border: none;

}



/* New simple Social Media Icons */

.newsoc {

    display: inline-block;

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

}



.newsoc li {

    float: left;

    font-size: 54px;

}



.newsoc li a {

    display: block;

    text-align: center;

    padding: 14px 16px;

    text-decoration: none;

}



.newsoc li:first-child a{

    color: rgba(85, 172, 238, 1);

}

.newsoc li:nth-child(2) a {

    color: rgba(59, 89, 152, 1);

}

.newsoc li:nth-child(3) a {

    color: rgba(0, 123, 181, 1);

}

.newsoc li:first-child a:hover{

    color: rgba(85, 172, 238, .7);

}

.newsoc li:nth-child(2) a:hover {

    color: rgba(59, 89, 152, .7);

}

.newsoc li:nth-child(3) a:hover {

    color: rgba(0, 123, 181, .7);

}



/* Responstable for better mobile viewing of tabular data */



.responstable {

    margin: 1em 0;

    width: 100%;

    overflow: hidden;

    background: #FFF;

    color: #555;

    border-radius: 5px;

    border: 1px solid #112E47!important;

}

.responstable p {

    line-height: 21px;

    text-align: left;

}

.responstable span {

    display: inline-block;

    font-weight: 700;

    color: #555;

    padding: 10px;

}

.responstable tr {

    border: 1px solid #fff;

}

.responstable tr:nth-child(odd) {

    background-color: #ebebeb;

}

.responstable th {

    display: none;

    border: 1px solid #fff;

    background-color: #9a9b9c;

    color: #FFF;

    padding: 1em;

}

.responstable th:first-child {

    display: table-cell;

    text-align: center!important;

}

.responstable th:nth-child(2) {

    display: table-cell;

    max-width: 300px;

}

.responstable th:nth-child(3) {

    width: 100px;

}

@media (min-width: 480px) {

    .responstable th:nth-child(2):after {

        display: none;

    }

}

.responstable td {

    display: block;

    word-wrap: normal;

    /* max-width: 7em; */

}

.responstable td:first-child {

    display: table-cell;

    text-align: center;

    border-right: 1px solid #fff;

    width: 50px;

}

@media (min-width: 480px) {

    .responstable td {

        border: 1px solid #fff;

    }

    .responstable span {

        padding: 3px;

    }

}

.responstable th, .responstable td {

    text-align: left;

    margin: .5em 1em;

}

@media (min-width: 480px) {

    .responstable th, .responstable td {

        display: table-cell;

        padding: 1em;

    }

}



.jvsignup {

    display: block;

    background: #112E47;

    color: #fff;

    width: 350px;

    height: 370px;

    padding-left: 10px;

    margin-left: 7px;

}

.jvsignup .e2ma_signup_message {

    text-align: left;

    font-weight: normal;

    color: #fff;

}



.jvsignup .e2ma_signup_form_label {

    color: #fff;

}



.jvsignup .e2ma_signup_form_button_row {

    position: relative;

    top: -25px;

    right: -172px;

}

.jvsignup .form-groups {
    position: relative;
    display: block;
    margin-top: -50px;
    padding-bottom: 25px;
}

.jvsignup .form-groups a {
    text-decoration: underline;
    font-size: .75em;
    font-weight: 400;
    color: white;
}



    /* table.dataTable th#County {

        background-image: none !important;

    }

    table.dataTable th#County select {

        position: relative;

        top: 10px;

    } */

#PAfixed input[type='text'], #PAmobile input[type='text'] {

    margin-bottom: 0;

}

#PAfixed_filter, #PAmobile_filter {

    display: none;

}



#PAfixed_filter input, #PAmobile_filter input {

    color: #777;

    border: 1px solid #e1e1e1;

    background: #eee;

    border-radius: 3px;

    height: 40px;

}

/* Broadband map iFrame style */
#zpeDynamicLayerWidgetContainer {
    border-bottom: 1px solid #bbb;
}

/* Quick fix for /business-climate industry boxes in mobile */

@media screen and (max-width: 1200px){
    .boxes3 .bc7, .boxes3 .bc8 {
        display: none;
    }
}

#sUSA {
    display: block;
    position: relative;
    left: 7px;
    width: 100%;
    background: url("/wp-content/uploads/2017/09/selectusa_booth_1920x700_dark_blue.jpg") center / cover no-repeat;
    margin-bottom: 34px;
    padding: 34px 0 24px 0;
}

#sUSA div div {
    display: block;
    position: relative;
    max-width: 500px;
    margin: auto;

}
#sUSA ul {
    padding-left: 34px;
}

#sUSA li {
    color: #fff;
}

#sUSA a {
    font-size: 1em;
    color: #fff;
}


@media screen and (max-width: 362px){
    .hu362 {
        display: none;
    }
}

@media screen and (max-width: 1024px){
    .responsive_img {
        visibility: hidden !important;
    }
}

.stebtopnav {
    margin-bottom: 34px;
}

@media screen and (min-width: 1201px){
    .stebtopnav {
        display: none;
    }
}

.stebsidenav {
    display: block;
    margin: 0 0 5px 0;
}


@media screen and (max-width: 1200px){
    .stebsidenav {
        display: none;
    }
}

ul.stebnav {
    list-style-type: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.stebsidenav ul.stebnav li {float: none; margin: 3px 0;}
.stebtopnav ul.stebnav li {
    display: block;
    float: left;
    margin: 3px;
}

ul.stebnav li a {
    display: block;
    color: #888;
    padding: 10px 17px;
    text-decoration: none;
    min-width: 165px;
    border: 1px solid #888;
    transition: all .5s ease;
}

ul.stebnav li a:hover:not(.active) {
    background-color: #eaaa00;
    color: #fff;
}

ul.stebnav li a.active {}

ul.stebnav li.right {float: right;}

@media screen and (max-width: 600px){
    ul.stebnav li.right,
    ul.stebnav li {float: none;}
}


/* Styles for nested accordion */

.cd-accordion-menu input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu + a {
    position: relative;
    display: block;
    padding: 9px 18px;
    background: #fff;
    color: #112E47;
    font-size: 1em;
    text-decoration: none;
    transition: all .5s ease;
}

.cd-accordion-menu .accsubitem {
    display: block;
    margin-left: -18px;
    padding: 18px;
    color: #333;
    background-color: #f1f1f1;
    border: 1px solid #e1e1e1;
    font-weight: 400;
}

.cd-accordion-menu label:hover, .cd-accordion-menu + a:hover {
    color: #eaaa00;
}

.cd-accordion-menu ul {
    /* by default hide all sub menus */
    display: none;
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block;
}

/* Flexbox style for large lists */

.flexcontainer {
    display: flex;
    flex-wrap: wrap;
    border: 5px solid #efefef;
    background-color: #efefef;
    width: 100%;
    margin: auto;
    height: auto;
    justify-content: space-between;
}
.flexcontainer > div {
    flex-grow: 1;
    text-align: center;
    color: #555;
    border: 1px solid #aaa;
    padding: 10px 17px;
    margin: 5px;
    background-color: #fff;
}