body{
font-size:16px;
}
main{
padding-top:80px;
}
.keyArea{
    text-shadow: 3px 3px 4px rgba(0,0,0,.65);
}
.blogMain{
padding-top:80px;
}
.centeredTitle{
display: flex;
flex-direction:column;
justify-content: center;
}
h1,h2,h3,h4{
font-family:'bitterBld';
}
h2,h3,h4,h5{
color: #3c3e46;
}
.centeredTitle p.prty{
font-size: 2.5rem;
font-family: 'bitterBld';
text-align: center;
margin-top: 0px;
line-height: 1.5rem;
letter-spacing: .35rem;
margin-bottom:20px;
}
.messageAreaWrap .messageAreaLinks h3, .messageAreaWrap .messageAreaLinks h4{
color:#fff;
}
h1{
font-size:2.75rem;
font-weight:bold;
text-transform:uppercase;
line-height:1.25;
}
.blogMain h1{
font-size:2rem;
}
.homeKeyImg{
max-width:80%;
}
.keyArea h1{
    line-height: 1.5;
}
.keyArea h2{
font-family:'bitter';
font-size:1.1rem;
transform:translateY(-20px);
width:100%;
margin-bottom:0px;
}
h2{
font-family:'bitterBld';
font-size:1.4rem;
margin-bottom:2rem;
}
h3{
font-size:1.4rem;
letter-spacing:.05rem;
}
h4{
font-size:1.25rem;
letter-spacing:.03rem;
}
.newsletterAreaWrap h4{
font-size:1.6rem;
letter-spacing:.05rem;
}
h5{
font-family:'montserratReg',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
p{
font-size:1.11rem;
font-family:'montserratReg',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
line-height:1.75;
color:#000;
}
address{
font-size:1.1rem;
font-family:'montserratReg',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
line-height:1.65;
}
p.checkOutNote{
font-size:.85rem!important;
padding-left:15px;
margin-top:12px;
}
.yearText{
position: absolute;
font-family:'bitterBld';
color:#b51e24;
font-size:1.625rem;
text-align: center;
letter-spacing:.5rem;
font-weight:bold;
text-transform:uppercase;
width: 100%;
transform: translateY(-3px);
}

.headline{
font-size:2rem;
line-height:2.2rem;
}
p.large{
font-size:1.1rem;
}
.introStatement p{
font-size:1.1rem;
font-family:'montserratReg';
}
.messageAreaLinks img{
max-width:40px;
margin-bottom:12px;
}
.aboutAreaWrap{
background-color:#b51e24;
}
.aboutAreaWrap .aboutText a{
font-size:1.1rem;
color:#fff;
font-weight:bold;
}
.aboutText{
padding:1.5rem 1rem;
}
.aboutAreaWrap .aboutText h3, .aboutAreaWrap .aboutText p, .aboutAreaWrap .aboutText a, .aboutAreaWrap .aboutText ul li{
color:#fff;
}
.aboutAreaWrap .aboutText p{
font-family:'montserratReg';
font-weight:500;
}
audio{
width:100%;
}
.blogMain .newsletterAreaWrap{
padding-left:0px;
}
.donationAreaWrap{
text-align:center;
padding:2rem 1rem;
}
.donateButtons{
display:flex;
flex-wrap:wrap;
align-self:center;
align-items:center;
justify-content:space-between;
}
.donateButtons .btn{
margin-top:1rem;
flex-basis:45%;
}
.newsletterSignUp .form-row input{
    margin-bottom:  15px;
}
.newsCard {
    margin-bottom: 1.5rem;
}
.newsCard h5{
    font-weight: bold;
}
.newsCard .card-subtitle h6{
    font-size: 1.125rem;
}
.newsCard h6.card-subtitle{
    font-weight: 600;
}
.newsCard .card-body p{
    font-size: 1rem;
    line-height: 1.5;
}
.newsCard .card-body span.date{
    position: relative;
    top: -4px;
}
div.urgentBanner{
    padding: .125rem .5rem;
    background-color: #e00000;
    position: absolute;
    left: 6px;
    top: -12px;
    z-index: 50;
}
div.urgentBanner span{
    font-size: .85rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: .07rem;
}
.voterAreaWrap{
padding:2rem 0rem;
}
.voterInfoBlock{
padding:1rem;
}
.voterInfoBlock h4{
font-size:1.1rem;
}
.voterInfoBlock h5{
font-size:1rem;
}

.blogMain{
border-bottom:1px solid #4e4e4e;
margin-bottom:2rem;
padding-bottom:2rem;
}
.blogMain .highlightSnipWrap p, .blogMain .highlightSnipWrap a{
font-size:.95rem;
line-height:1.4;
}
.blogMain .highlightSnipWrap h3{
font-size:1.3rem;
}
.blogMain .snipHolder img{

}
.blogMain p img{
max-width:50%;
}
.featuredPostWrap p.lead{
font-size:1.2rem;
font-weight:600;
}
.blogMain p, .blogMain p ul li,.blogMain  ul li,.blogMain  ol li{
font-size:1.1rem;
letter-spacing:.03rem;
font-family:'montserratReg',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.blogMain ul li{
list-style-type:square;
}
.blogMain p ul li, .blogMain ul li, .blogMain  ol li{
margin-bottom:6px;
}
.blogSidebarWrap{
padding:1rem 1rem 1rem 1.5rem;
}
.blogSidebar{
border-top:6px solid #252a53;
border-bottom:1px solid #252a53;
}
.blogSidebar h5{
font-family:'bitter';
font-size:1.2rem;
margin:5px 0px;
}
.blogSidebar a{
margin:.6rem 0rem;
display:block;
line-height: 1;
}

.blogMain p.newsMainPostSnip{
font-size:1rem;
}
.blogMain h4.newsMainPostSnip{
font-size:1.1rem;
}

footer{
padding:2rem 1rem;
border-top:1px solid #e3e3e3;
}
footer h5{
font-family:'bitterBld';
font-size:1.2rem;
}
footer img.footerLogo{
    max-width: 250px;
}
footer .footerLogoWrap{
    }
footer .footerLinks a{
padding:.2rem .75rem;
border:1px solid;
display:block;
margin-bottom:1rem;
}
.footerSocialWrap{
width:120px;
height:120px;
margin:auto;
}
a.footerSocial{
height:120px;
width:120px;
}
a .footerSocial-fb{
height:80px;
width:80px;
margin:auto;
background-image:url('../imgs/facebook-ftr.gif');
background-size:100%;
background-repeat:no-repeat;
opacity:1;
position:relative;
z-index:200;
transition:all .3s;
}
.footerSocial-fbHvr{
height:80px;
width:80px;
margin:auto;
background-image:url('../imgs/facebook-ftr-hvr.gif');
background-repeat:no-repeat;
background-size: 100%;
opacity:1;
position:relative;
top:-80px;
}
a .footerSocial-fb:hover{
opacity:0;
}




/* 



********* LG SCREENS AND UP


 */
 @media (min-width:992px){
    h2{
    font-size:2.1rem;
    }
    main{
    padding-top:80px;
    }
    .keyArea h1{
    font-size:7rem;
    line-height:1.3;
    }
    .keyArea h2{
    font-size:1.5rem;
    transform:translateY(-20px);
    width:100%;
    }
    .centeredTitle p.prty{
    font-size: 3rem;
    letter-spacing: .5rem;
    }
    .blogMain{
    padding-top:145px;
    }
    .blogMain h1{
    font-size:1.85rem;
    margin-bottom: 1rem;
    }
    .newsletterAreaWrap h4{
    font-size:2.2rem;
    }
    .centeredTitle a.btn:hover{
    color:#fff;
    background-color:#b51e24;
    }
    .blogMain p, .blogMain p ul li,.blogMain  ul li{
    font-size:1.1rem;
    }
    .blogMain ul li{
    list-style-type:square;
    }
    .yearText{
    font-size:2.5rem;
    }
    .headline{
    font-size:2.5rem;
    line-height:unset;
    }
    p.large{
    font-size:1.2rem;
    }

    .aboutText{
    background-color:rgba(255,255,255,.9);
    max-width:50%;
    }
    .aboutText p{
    font-size:1.1rem;
    font-weight:normal;
    }

    .messageAreaWrap .messageAreaLinks h3, .messageAreaWrap .messageAreaLinks h4{
    font-size:1.4rem;
    }
    .donationAreaWrap{
    text-align:center;
    padding:2rem 2rem;
    }
    .donateButtons{
    width: 33%;
    margin: 0px auto;
    }
    .donateButtons .btn:hover {
    color:#fff;
    border:1px solid #fff;
    }
    .donateBtnAny.btn:hover {
    color:#fff;
    border:1px solid #fff;
    }
    .aboutAreaWrap{
    background-image:url('../imgs/about-arron-nowak.jpg');
    background-size:cover
    }
    .aboutAreaWrap .aboutText h3, .aboutAreaWrap .aboutText p, .aboutAreaWrap .aboutText ul li{
    color:#000;
    }
    .aboutAreaWrap .aboutText a{
    color:#007bff;
    font-size:1.1rem;
    }
    .voterInfoBlock{
    padding:.85rem;
    }
    .blogSidebar{
    padding:1rem;
    }
    .blogSidebar a{
    margin:.5rem 0rem .7rem 0rem;
    line-height: 1.1;
    }

    .blogMain p img{
    max-width:25%;
    margin-bottom:1.5rem;
    }
    footer h5{
    font-size:.85rem;
    }
    footer img.footerLogo {
      max-width: 100%;
    }
    .footerSocialWrap{
    width:40px;
    height:40px;
    }
    a.footerSocial{
    height:40px;
    width:40px;
    }
    a .footerSocial-fb{
    height:40px;
    width:40px;
    }
    .footerSocial-fbHvr{
    height:40px;
    width:40px;
    top:-40px;
    }
}





/* 



********* 1200 SCREENS AND UP UTILITIES


 */
@media (min-width: 1200px){
    main{
    padding-top:100px;
    }
    .keyAreaButtonsWrap{
    padding: 0px 20px;
    }
    .aboutAreaWrap{
    padding:5rem 0rem;
    background-repeat:no-repeat;
    background-position: center;
    }
    .aboutText{
    max-width:45%;
    }
    .messageAreaWrap .messageAreaLinks h3, .messageAreaWrap .messageAreaLinks h4{
    font-size:1.3rem;
    }
    .newsletterSignUp .form-row input{
        margin-bottom:  0px;
    }
}





/* 



********* 1400 SCREENS AND UP UTILITIES


 */
@media (min-width: 1400px){
    .keyAreaButtonsWrap{
    padding: 0px 80px;
    }
    footer img.footerLogo {
      max-width: 250px;
    }
}








/* 



********* 1550 SCREENS AND UP UTILITIES


 */
 @media (min-width:1550px){
    .introStatement p {
    font-size: 1.25rem;
    }
    .aboutAreaWrap{
    padding:3rem 0rem;
    background-position: center;
    }
    .aboutText{
    max-width:32%;
    margin-top:30px;
    margin-bottom:30px;
    }
    footer .container, .container.messageAreaWrap{
    max-width:1450px;
    }
}


/* 









/* 



********* 1820 SCREENS AND UP UTILITIES


 */
 @media (min-width:1890px){
.aboutText{
max-width:35%;
margin-left:275px;
}

}







/* 



********* 2500 SCREENS AND UP UTILITIES


 */
 @media (min-width:2500px){
.aboutAreaWrap{
padding:8rem 0rem!important;
}
.aboutText{
width:25%;
margin-top:60px;
margin-bottom:60px;
margin-left:275px;
}

}


/*







/* 



********* 3200 SCREENS AND UP UTILITIES


 */
 @media (min-width:3200px){
.aboutAreaWrap{
padding:10rem 0rem!important;
}
.aboutText{
width:20%;
margin-top:55px;
margin-bottom:55px;
}

}


/* 










UTILITIES

 */
.primaryBodyColor{
    color: #3c3e46;
}
.primaryBlue{
color:#227ab7;
}
.darkBlue{
color: #252a53;
}
.primaryBlueBrdr{
border:1px solid #227ab7;
}
.primaryRed{
color:#b51e24;
}
.primaryRedBrdr{
border:1px solid #b51e24;
}
.primaryGreen{
color:#3b6e4c;
}
.primaryGreenBdr{
    border:1px solid #3b6e4c;
}
.borderBottomOnly{
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-left: 0px solid transparent;
}
.darkBlueBrdr{
border:1px solid #252a53;
}
.white{
color:#fff;
}
.black{
color:#000;
}
.darkBlueBG{
background-color:#252a53;
}
.greyBG{
background-color:#d7d7d7;
}
.bitterBld{
font-family:'bitterBld';
}
.montserratReg{
font-family:'montserratReg';
}
.montserratReg{
font-family:'montserratReg';
}
.ltrSpc1{
letter-spacing:.1rem;
}
.ltrSpc4{
letter-spacing:.4rem;
}
.btn{
border-radius:0px;
font-family:'bitterBld';
font-size:1.2rem;
transition:all .3s;
}
.btn-lrg{
font-family:'bitterBld';
font-size:1.5rem;
}
.btn-outline-red{
border:solid 1px #b51e24;
padding:5px 12px;
}
.btn-blue{
background-color:#227ab7;
color:#fff;
}
.btn-darkBlue{
background-color:#252a53;
color:#fff;
}
.btn-darkBlue:hover{
background-color:#b51e24;
color:#fff;
text-decoration:none;
}
.btn.flexFullWidth{
flex-basis:100%;
}
.voterInfoBlock a{
background-color:#fff;
}
a.primaryBlueBrdr, .voterInfoBlock a{
transition:all .45s;
}
a.primaryBlueBrdr:hover{
border-color:#0056b3;
}
.voterInfoBlock h4{
font-size:1.03rem;
transition:all .45s;
}
.voterInfoBlock a{
transition:all .45s;
}
.voterInfoBlock a:hover{
background-color:#252a53;
color:#fff!important;
}
.voterInfoBlock:hover a, .voterInfoBlock:hover a h4, .voterInfoBlock:hover a h5{
color:#fff!important;
}

.flex-column.flex-lg-row .btn.flex-lg-fill{
margin-bottom:12px;
}
.btn-inline{
display:inline-block;
margin-right:12px;
}
.btn-inline:last-of-type{
margin-right:0px;
}

.p-2rem{
padding:2rem;
}
.form-row input{
border-radius:0px;
border:1px solid #889198;
padding:.5rem 1rem;
transition:all .3s;
}
.form-row textarea{
border-radius:0px;
border:1px solid #889198;
padding:.5rem 1rem;
transition:all .3s;
}
.form-row input:focus, .form-row textarea:focus{
box-shadow:0px 0px 5px rgba(34,122,183,.6);
}
#cform input{
border-radius:0px!important;
border-width:1px;
border-color: #889198 #889198 #889198 #889198!important;
}
#cform textarea{
border-radius:0px!important;
border-color: #889198 #889198 #889198 #889198!important;
}
.eeFormSubmit{
max-height: 42px;
}
.eeFormSubmit:hover{
color: #fff;
background-color: #16354a;
}


/* 



********* LG SCREENS AND UP UTILITIES


 */
 @media (min-width:992px){
h3{
font-size:2.2rem;
}
.flex-column.flex-lg-row .btn.flex-lg-fill{
margin-bottom:0px;
}

}