﻿/*
    red:    #D71921
    blue:   #2869B9
    blue text:  095B8A
    dark gray text: #0f0f0f
    dark gray : #323232
    yellow: #FFE200
*/


body 
{
    font-family: 'Cabin', sans-serif;
    color:#525252 !important;
}

#site_wrapper{transition: all .5s;overflow:hidden}

a{color:#2869B9}
a:hover{color:#D71921}
a:focus{color:#D71921}

.breadlink{color:#D71921}
.breadlink:hover{color:#323232}

.headingOverImage {
    background:rgba(0,0,0,.8);
    width:100%;
    max-width:800px;
    margin:0 auto;
    padding:1rem;
    border:1px solid #FFF
}

#CMWHeading {
    padding: .25em
}
.CMWbreadlink{color:#2869B9}
.CMWbreadlink:hover, .CMWbreadlink:focus,.CMWbreadlink:active{color:#FFE200}
.cmwLabel{color:#2869B9}

#cmwSubmitForm {
    max-width: 600px;
    margin: 0 auto
}

#cmwSubmitForm h2 {
    color: #095B8A
}

    #cmwSubmitForm .cmwFormLabel {
    padding-top:.5em;
    display:block
    }

.screenReaderOnly, .srcOnly {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    background:#fff;
    color:#000
    
}

/******* UNIVERSAL ND BANNER ******/
#ndbanner {
  color: #000000;
  background-color: #FFFFFF;
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 10px 0 10px 5px;
  line-height: 1.42857143;
}

#ndbanner #ndbanner-ndgov,
#ndbanner #ndbanner-commerce {
  display: inline-block;
}

#ndbanner #ndbanner-commerce {
  position: absolute;
  right: 0;
  top: 10px;
}

#ndbanner #ndbanner-commerce img,
#ndbanner #ndbanner-ndgov img {
  padding: 0px;
}
/******* END UNIVERSAL ND BANNER ******/

#topLogo{margin:.75em auto}
#CMWtopLogo {margin: 0 auto}
#mobileNav{display:none}

.to-top-btn{position:fixed;bottom:20px;right:20px;height:40px;font-size:1em;text-decoration:none;background:#D71921;color:#FFF;padding:10px;border-radius:7px;display:none;opacity:.9;z-index:800}
.to-top-btn:hover{background:#000000}


#desktopNav{padding:.5em 0 0 .5em;position:relative;border-bottom:1px solid #323232;background:#FFF}
#CMWdesktopNav {
    padding: 0;
    position: relative;
    background: transparent;
    height: 250px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.submainnav {text-align:right;padding-right:1.5em}
.submainnav ul{list-style:none}
.submainnav li{display:inline-block;}
.submainnav li a {font-size:1.15em;color:#2869B9;display:block;padding:1em 1em 0 0; text-transform:lowercase }
.submainnav li a:hover {color:#FFE200; }

.CMWsubmainnav { text-align: center;}
.CMWsubmainnav ul {list-style: none}
.CMWsubmainnav li {display: inline-block;}
.CMWsubmainnav li a {
    font-size: 1.5em;
    color: #FFE51F;/*yellow*/
    color: #2869B9;/*blue*/
    color:#525252;
    display: block;
    padding: 1em 1em 0 0;
    text-shadow: #CCC 0 0 6px;
    filter: glow(color=#FFFFFF,strength=3);
}
.CMWsubmainnav li a:hover {
    color: #FFE51F;
}

@media(max-width:799px) {
    #CMWLogoRow {
        background: #FFF;
    }

    #CMWdesktopNav #CMWtopLogo {
        max-width: 250px;
    }

    .CMWsubmainnav li a {
        font-size: 1.1em;
    }
}



.mainnavcontain{height:75px;position:relative}
.mainnav {text-align:right;height:100%;position:absolute;bottom:0;right:0;margin:0;padding:0}
.mainnav ul{list-style:none;height:100%;padding:0;}
.mainnav li
{
    display:inline-block;
    font-size:1.3em;
    background-color:#D71921;
    height:100%;    
    border-left:1px solid #ccc;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
 }
.mainnav li:hover{background-color:#000000}
.mainnav li a {color:#FFF;display:block;padding:1em 1.5em; }

.mainnav ul > li:first-child {border-left:0px solid #ccc}

@media(max-width:1610px)
{
    .mainnav li a {padding:1em 1em;}
}

@media(max-width:1450px)
{
    .mainnav li {font-size:1.05em;}
    .mainnav li a {padding:1.25em 1em;}
}

@media(max-width:1200px)
{
    .mainnav li {font-size:1.00em;}
    .mainnav li a {padding:1.5em .75em 0 .75em;}
    .submainnav li a {font-size:1em; }
}

@media(max-width:1060px)
{
    .mainnav li {font-size:.9em;}
    .mainnav li a {padding:1.8em .75em 0 .75em;}
    .submainnav li a {font-size:.85em; }
}

#stratNav
{
    width:250px;
    position:absolute;
    list-style:none;
    left:-9999px;   
    z-index:2800; 
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);
}
#stratNav li
{
    display:block;
    font-size:1rem;
    background: rgba(0,0,0,1);
    text-align:left;
    border-bottom:1px solid #ccc;
    border-left:0px solid #ccc;
    height:3em;
}
#stratNav li:hover
{    
    background:#D71921;
}

.mainnav li:hover #stratNav{left:0}

#mobileNav{background:#FFF;}
.menuContain
{       
    width:100%;
    text-align:right;
    position:relative;
    z-index:2700
}
.menuButton
{
    width:100px;
    margin: 1em 0 1em auto; 
    padding: .8rem .8rem;
    color: #fff;
    text-transform: uppercase;
    font-weight:600;
    background-color: #d71921;    
    cursor: pointer;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
#mobilesubnav
{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2800;
    top: 0;
    right: 0;
    background-color: #D71921;
    background:#f1f1f1 url(/img/graytexture.png) repeat;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px; 
}

#mobilesubnav ul {list-style:none; padding-right:1.5em}
#mobilesubnav li {border-bottom:1px solid #D71921;padding:.5em }
#mobilesubnav li a {color:#323232;}
#mobilesubnav li a:hover {color:#D71921;}


@media(max-width:1070px)
{
    #desktopNav{display:none;}
    #mobileNav{display:block;}
}
#overlayWrap
{    
    width:0;
    height:100%;
    z-index:2700;
    top:0; 
    right:0;
    position:fixed;
    background:rgba(0,0,0, .7);    
    transition: all 0.3s ease-in;
}
#openBtn{display:block;}
#closeBtn{display:none;}

.bottomYellow{border-bottom:solid 5px #ffe100}
.bottomRed{border-bottom:solid 5px #D71921}

.theSlide{width:100%;height:100%}


.pagerImage
{
    width:100%;
    object-fit: cover;
    background: #FFF;  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;      
    text-align:center;
    color:#FFFFFF;
    height:725px;   
    position:relative   
}

.pagerImageTextContainer
{
    width:100%; 
    height:100%;
    
    color:white;
    display:table;
    position:relative
}

.pagerImageText h2 {font-size:3rem; text-shadow:1px 1px 2px #000000}
.pagerImageText{text-align:left;display:table-cell;vertical-align:text-top;border-right:1px solid #323232; width:200px;margin:auto;padding:2em}

@media(max-width:1020px)
{
   .pagerImageText h2 {font-size:2rem;} 
}


.pagerControls{position:absolute; bottom:20px; right:10px;z-index:2500}


#pagePrev, #pageNext 
{
    padding:.5rem .75rem;
    background-color: rgba(0,0,0,.3);
    cursor:pointer;
    color:#FFFFFF;
    font-size:1.5rem
}
#pagePrev:hover, #pageNext:hover{ color: #ffe100;}

.deathCount
{
    text-align:center;
    font-size:2.15rem;
    padding:4rem 4rem;
    color:#323232;
    background: #f1f1f1 url(/img/graytexture.png) repeat;
    border:1px solid #ccc;
}
.deathCount .theCount{color:#D71921; font-size:6rem}

@media(max-width:1800px)
{
    .deathCount{font-size:2.5rem}
    .deathCount .theCount{font-size:5rem}
}

@media(max-width:1565px)
{
    .deathCount{font-size:2.25rem;padding:8rem 2rem;}
    .deathCount .theCount{font-size:4rem}
}
@media(max-width:1270px)
{
    .deathCount{font-size:2rem;padding:8rem 1rem;}
    .deathCount .theCount{font-size:3.5rem}
}

@media(max-width:799px)
{
    .deathCount{font-size:3rem;padding:3.5rem 4rem;height:325px;}
    .deathCount .theCount{font-size:6rem}
}

@media(max-width:600px)
{
    .deathCount{font-size:2.5rem;padding:3.5rem 3.5rem;}
    .deathCount .theCount{font-size:5rem}
}
@media(max-width:510px)
{
    .deathCount{font-size:2.25rem;padding:5rem 1rem 3rem 2rem}
    .deathCount .theCount{font-size:4rem}
}
@media(max-width:410px)
{
    .deathCount{font-size:2.25rem;padding:5rem 1rem 3rem 1rem}
    .deathCount .theCount{font-size:4rem}
}



.bluebckgrd
{
    background:#2869B9 url(/img/bluetexture.png) repeat;
    background:#f9f9f9;
}

.content-home { 
  padding:3rem;
  color: #FFF;
  color:#095B8A;
  width:100%;
  max-width:1200px;
  margin:1em auto;
}

.content-home h2{font-size:2.5em;margin-bottom:1em;line-height:1.15em;color:#323232}
@media(max-width:400px){.content-home h2{font-size:2em}}

.responsive-embed video{max-width:100%}

.jumbo-lead {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-right:1.5em
}

/***** Feature Event / 3 up ******/

.bkgStratagies {padding:2em;text-align:center;color:white;}
.bkgStratagies h2 {font-size:3em; text-shadow:1px 1px 2px #000000}

.bkgStratagies:before
{
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url("/img/604789186.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*background:#2869B9 url(/img/bluetexture.png) repeat;*/
}

.topics-home {
  padding-top:3rem;
  padding-bottom:3rem;
}

.topics-home .card {
  margin-bottom:2.5rem;
}

.features-subpage {
  border-top: 1px solid rgba(0,0,0,0.15);
  border-bottom: 1px solid rgba(0,0,0,0.15);
}

.features-subpage .card {
  margin-bottom:0;
}

.no-border {
  border: 2px solid #323232;
  max-width:509px;
  min-height:400px;
  background:#fff;
  text-align:left;
  color:#525252
}

.no-border:hover{border: 2px solid #cccccc}

.card-section {
      border-top: solid 5px #D71921;
}

.card .img-wrap a img {
  filter: grayscale(60%);
/*  filter: opacity(80%);*/
}

.card .img-wrap a:hover img {
  filter: grayscale(0%);
}


.vzcard {
  padding:1rem;
  min-height:500px;
}


.card .img-wrap {
  background-color:#095B8A;
  height:100%
}


.card-section h3, .card-section h4 {
  color:#095B8A;
  font-size:21px;
  font-weight:600;
  text-align:center;
  margin-top:.25em
}

.cmwItemContainter {
    display: inline-block;
    margin: 1em;
    cursor: pointer;
    text-align:center;
}

.cmwItem {
    box-shadow: 0px 0px 7px #2869B9;
    max-width: 200px;
    border-radius: 50%;
    overflow: hidden;
    width: 200px;
    height: 200px;
    position: relative;
    top: 0;
    background: rgba(40,105,185, .5);
}

    .cmwItem img {
        filter: alpha(opacity=60); /* For IE8 and earlier */
        opacity: .6;
        filter: gray; /* IE6-9 */
        filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
        filter: grayscale(100%);
        -webkit-filter: grayscale(1);
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        -webkit-transition: all .8s; /* Safari */
        transition: all .8s;
        /*filter: url(/includes/filters.svg#blueforu);*/
    }

.cmwItemContainter:hover .cmwItem img {
    filter: none;
    -webkit-filter: grayscale(0%);
    opacity: 1;
    filter: alpha(opacity=1); /* For IE8 and earlier */
}

.cmwName {
    padding-top: .25rem;
    color: #2869b9;
    visibility: hidden;
}

.cmwItemSAVE img {
    padding: 0 !important;
    width: 200px;
    max-width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    opacity: .7;
    -webkit-transition: all .8s; /* Safari */
    transition: all .8s;
    -webkit-filter: url(#monochrome);
    filter: url(#monochrome);
    box-shadow: #224 0.2em 0.2em 0.6em 0.1em;
}

.cmwItemContainter:hover .cmwItem {
    width: 200px;
    height: 200px;
}

.cmwItemContainter:hover .cmwName {
    color: #2869b9;
    visibility: visible;
}

.article-image-container {
    height: 260px;
    overflow: hidden
}

.article-title-container {
    height: 115px;
}

.card-article-hover .card-section {
    width: 90%;
    background: #ffffff;
    margin: 0 auto;
    padding-top: 25px;
    margin-top: -1rem;
    z-index: 2;
    color: #999 !important;
    text-align: left
}

    .card-article-hover .card-section .article-subtext {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 0.85rem;
        color: #222222;
    }

    .card-article-hover .card-section .article-title {
        font-weight: bold;
        font-size: 1.5rem;
        color: #636C76;
        text-align: left
    }

    .card-article-hover .card-section .article-desc {
        font-size: 1rem;
    }

.card-article-hover .card-divider {
    background: #fff;
}

.card-article-hover .card-divider .author {
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #2daebf;
    }

.card-article-hover .hover-border {
    height: 10px;
    background: #1E2D5F;
    width: 0;
    transition: width 1s ease;
}

.card-article-hover:hover .hover-border {
    height: 10px;
    width: 100%;
    transition: width 1s ease;
}

.card-article-hover .meta-data {
    text-transform: uppercase;
}







.newsContainerOuter
{     
     background:#f1f1f1 url(/img/graytexture.png) repeat; 
     height:725px;   
}




.newsContainerInner
{
    width:100%;
    max-width:1400px;
    padding:2rem;    
}
.newsblock {padding:1.5em 2em 2.5em 2em}
.newsblock .newsDate{color:#2869B9;font-size:1.15rem}
.newsblock .newsTitle h3 {color:#323232;font-size:1.5em;line-height:1.15em}
.newsblock .newsContent {color:#525252;line-height:1.25rem}
.newsReadMore {background-color:#2869b9;padding:.5em; font-size:1.15em;color:#FFF; width:170px; margin-top:1em;text-align:center;-webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;}
.newsReadMore:hover {background-color:#000;}
.newsViewAll{width:100%;font-size:1.25em; text-align:right;padding-right:3em}

@media(max-width:1650px){.newsblock {padding:1em 2em 2em 1em} .newsblock .newsTitle h3 {font-size:1.25em;padding-top:.25em}}
@media(max-width:1550px){.newsblock {padding:1em 2em 1.75em 1em}}
@media(max-width:1550px){.newsblock {padding:1em 2em 1em 1em}}
@media(max-width:1100px){.newsblock {padding:.5em 2em 1em .5em}}
@media(max-width:1100px){.newsblock {padding:.5em 2em 1em .5em} .newsblock .newsTitle h3 {font-size:1.15em;} .newsblock .newsDate{color:#2869B9;font-size:1rem} .newsViewAll{width:100%;font-size:1em; text-align:right;padding-right:2em}}
@media(max-width:910px){.newsblock {padding:.25em 2em 1em .25em} .newsblock .newsTitle h3 {padding-top:0em}}
@media(max-width:400px){.newsblock .newsTitle h3 {font-size:1.25em;line-height:1rem;padding-top:.25em}}

#rowOne
{
    overflow:hidden;
    height:725px;
    background:#FFF
}
@media(max-width:799px)
{
    #rowOne
    {        
        height:100%;
        background:#FFF
    }
    .newsContainerOuter{height:100%}
}


.leadAgencies{text-align:center;padding:2em;background:#FFF; border-top:1px solid #ccc}
.leadAgencies h3 {color:#2869B9;font-size:2em}

.footerContainerOuter{color:#ccc;border-top:1px solid #ccc; background:#095B8A url(/img/bluetexture.png) repeat}
.footerContainerOuter a{color:#FFFFFF}
.footerContainerOuter a:hover{color:#D71921}
.footerHold{padding:2em}
.socialIcons{font-size:2rem;padding:.25em}
.socialIcons i {padding:.25em}

.footerLinks{color:#FFF;text-align:left}
.footerLinks li{list-style:none}

@media(max-width:799px){
    .footerLinks {text-align:center}
}


.align-left{text-align:left}



/*Form Styles*/
.memorialFormError {
    color: Red !important;
    padding-top: .5em;
    display: block
}

/*Billboard Styles*/
.billboardBackground
{
    width:100%;
    height:360px;
    background-image: url("/img/DMSBillboard.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; 
    margin-bottom: 15px;
    text-align: center;
}


.billboardText
{
   font-family: VT323;
   text-transform: uppercase;
   text-align: center;
   color: #C6CC46;
   font-size: 80px;
   line-height: .75;
}

.billboardTextTopPad
{
    padding-top:95px;   
}

@media(max-width:1024px)
{
    .billboardText
    {
        font-size: 50px;
    }
    .billboardTextTopPad
    {
        padding-top:120px;   
    }   
}

@media(max-width:720px)
{
    .billboardText
    {
        font-size: 35px;
    }
    .billboardTextTopPad
    {
        padding-top:135px;   
    }   
}

@media(max-width:480px)
{
    .billboardBackground{display:none;}   
}

#pageTitleOuter{background: #f1f1f1 url(/img/graytexture.png) repeat;border-bottom:3px solid #ffe100;}
#pageTitleInner{width:100%; max-width:1400px;height:100%; margin:0 auto;padding:2rem 2rem 1rem 2rem}
#pageTitleInner h1{color:#323232;font-size:3.5rem;text-shadow: 0px 1px 1px rgba(255,255, 255, 0.5);}
#CMWpageTitle {
    padding: 0 2rem
}
#CMWpageTitle h1 {
    color: #323232;
    font-size: 3.5rem;
    text-shadow: 0px 1px 1px rgba(255,255, 255, 0.5);
}

#subContentOuter { padding:1.5rem }
#subContentOuter:before
{
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url("/img/604789186.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*background:#2869B9 url(/img/bluetexture.png) repeat;*/
}

#subContentOuterCrash {
    padding: 1.5rem
}

    #subContentOuterCrash:before {
        content: "";
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -10;
        background: url("/img/CrashMemorialWall_background.png") no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*background:#2869B9 url(/img/bluetexture.png) repeat;*/
    }

#subContentInner{width:100%; max-width:1400px;margin:0 auto;padding:2rem;background: rgba(255,255,255,1)}
#subContentContainer, #subContentContainerCrash {
    padding: 1.35rem 2rem;
    line-height: 1.5em
}
#subNavContainer {
    border-right: 0px solid #e7e7e7
}

#CMWHeading {
    text-align: center;
    padding-top:1rem;
}
#CMWHeading h2 {
    color: #2869B9;
    font-family: 'Source Serif Pro', serif;
    font-size: 2rem;
    text-shadow: #FFFFFF 0 0 10px;
    filter: glow(color=#FFFFFF,strength=3);
}

#CMWsubContentInner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background: transparent;
    text-align:center;
}

#cmwTunNavContainer {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: .5rem;
}

#CMWsubPageContentInner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
    background: rgba(255,255,255,.85);
    text-align: left;
}


@media(max-width:799px) {
    #CMWpageTitle h1 {
        font-size: 2.75rem
    }

    #CMWHeading h2 {
        font-size: 1.5em;
    }
}

@media(max-width:540px) {
    #cmwTunNavContainer {padding-top: 3em }
    #CMWpageTitle h1 {font-size: 2rem}
    #subContentOuterCrash {padding: 0}
    #CMWpageTitle {
    padding:0}
}

@media(max-width:450px) {
    .CMWmainnavcontain {margin-bottom: 2.5em }
    #CMWHeading h2 {font-size: 1.15em; }
}


#nav-wrap {
    padding: 1em;
    background-color: #f9f9f9;
    margin-top: 1.35em;
    border: 1px solid #e7e7e7;
    border-left: .75em solid #eeeeee;
}
.subpage-nav{margin-left:0;list-style:none}
.subpage-nav li{border-bottom:1px solid #ccc;}
.subpage-nav li a{color:#666;display:block;padding:.75rem} 
.subpage-nav li a:hover{color:#FFF;background:#323232}
.subpage-nav li:last-child { border-bottom:0px solid #ccc; }
.sublist li:last-child{border-bottom:none!important}

.subpage-inner-nav{list-style:none;}
.subpage-inner-nav li{border-bottom:0px solid #FF0000;padding-left:.5rem}
.subpage-inner-nav li a {padding:.25rem 1rem;line-height:1.25}

.subpage-nav{font-size:1rem}
.subpage-active-item{background:#fff}
.subpage-nav-active{color:#D71921 !important}
.subpage-nav-active:hover{color:#FFFFFF !important}

.wysiwyg{margin-bottom:0;display:inline-block;width:100%}
.wysiwyg-title {
    font-size: 2.5rem;
    color: #323232;
    font-weight: 400;
    color: #2869B9
}
.wysiwyg iframe {max-width:100%;padding:0.5rem}

.attentionRed{color:#D71921;font-size:1.65rem;padding:2rem 0}
.attentionDGray{color:#525252;font-size:1.65rem;margin:2rem 0}
.attentionBlue{color:#2869B9;font-size:1.65rem;margin:2rem 0}
.attentionYellow{color:#FFE200;font-size:1.65rem;margin:2rem 0}
.titleSubImp{color:#323232;font-size:1.5rem;line-height:3rem}

@media(max-width:1024px)
{
   #pageTitleInner h1{font-size:3rem;} 
   .wysiwyg-title{font-size:1.85rem;}
}
@media(max-width:768px)
{
    #pageTitleInner h1{font-size:2.5rem;} 
    .wysiwyg-title{font-size:1.65rem;}
    .attentionRed{color:#D71921;font-size:1.45rem;padding:2rem 0}
    .attentionDGray{color:#525252;font-size:1.45rem;margin:2rem 0}
    .attentionBlue{color:#2869B9;font-size:1.45rem;margin:2rem 0}
    .attentionYellow{color:#FFE200;font-size:1.45rem;margin:2rem 0}
}
@media(max-width:540px) {
    #subContentContainerCrash {
    padding:0}
}
@media(max-width:440px)
{
   #pageTitleInner h1{font-size:2rem;} 
   #pageTitleInner{padding:1rem 1rem 1rem 1rem}
   #subContentOuter {padding:0rem }
   #subContentOuter:before{background:#FFF}
   #subContentInner{padding:.25rem;}
    #subContentContainer {
        padding: 1rem .5rem
    }
    .wysiwyg-title{font-size:1.45rem;}
    .titleSubImp{font-size:1.25rem;}
    .attentionRed{font-size:1.25rem;padding:2rem 0}
    .attentionDGray{font-size:1.25rem;margin:2rem 0}
    .attentionBlue{font-size:1.25rem;margin:2rem 0}
    .attentionYellow{font-size:1.25rem;margin:2rem 0}
}

.applicationPadding
{
    padding-right: 5px;
    padding-left: 5px;
}

#cblContributions label
{
    display: inline;
}

#cblContributions input
{
    margin-bottom: 0px !important;
}

#cblContributions td
{
    padding-bottom: 10px;
}

/* survey styles*/
.surveyTable {
    width:100%;
    max-width:600px
}

.surveyRadioTable {
    border-top:1px solid #0a0a0a;    
    margin-bottom:1rem;
}
    .surveyRadioTable [type="radio"] {
        margin:0px !important;
    }

.radiocheckitems label {
    width: 90%;
    line-height: 1.15rem;
    margin-top: .25rem;
    font-weight: 400
}
.g-recaptcha iframe { width:700px !important; height:78px !important; padding:0 !important}
.copyerror {
color:#ff0000}

.surveyDivider {
    font-size: 1.25rem;
    padding-top: 1.25rem;
    color: #2869B9;
}