.side-accessibility-btn {
    position: fixed;
    background: url(/media/3odfwofd/universal-access-two-color.png);
    background-size:cover;
    /*color: #103f42 !important;*/
    /*font-weight: 500;*/
    /*text-transform: uppercase;*/
    z-index: 1800;
    /* padding: 5px; */
    /* border: 1px solid #78898a; */
    /* letter-spacing: .05em; */
    /*border-radius: 4rem;*/
}

.side-accessibility-btn {
    top: 90%;
    right: 5px;
    height:3em;
    width:3em;
}

.side-accessibility-btn:hover {
    background: url(/media/ky1gjjwf/universal-access-two-color-inverted.png);
    background-size:cover;
    /*color: white !important;*/
}

.side-accessibility-btn:focus {
   outline: auto;
}

.side-btn-i {
    color: #9BE9F7;
   /* font-size: 2.7rem;*/
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-right: -16px;
    /* filter: drop-shadow(1px 1px 1px #78898a); */
}

/*style for buttons on content pages to wrap within the borders*/
.contentButton {
    line-height:1.5em;
    margin-top:0.5em;
}

@media (max-width: 800px) {
    .contentButton{
        width:100%;
    }
    .side-accessibility-btn {
    top: 78%;
    }

}  
/*Pinned icon for newsfeed*/
.unpinned {
    display:none;
}

.pinned {
    float:right;
    margin-right:0.5em;
    font-size:1.1em;
    transform:rotate(15deg);
}

/*parish profiles page*/
.parishProfileCard {
    background-color: #414748;
    margin: 1em;
    text-align: center;
    min-height: 440px;
    height: auto;
}

.LouisianaMapPic {
    width:100%;
    padding:2%;
}

.homeSubAlertImg {
    max-width:50%;
}
#louisianaMapImages, #accessTile {
    scroll-margin:85px;
}
@media (max-width: 800px) {
    #louisianaMapImages, #accessTile {
        scroll-margin:65px;
    }
    .homeSubAlertImg {
        max-width:90%;
    }    
} 
/*end of parish profiles page*/

/*this supplements the style for the nav that is in the nav.scss file, but extends it to the toggled active state*/
.nav-link--active:hover {
    text-decoration: none;
}

/*fix for anchor links working with fixed header*/
.anchorPadding {
    position: relative;
}
.anchorPadding a {
    position: absolute;
    top: -80px;
}

.anchorPadding:before {
    content:"";
    display:block;
    height:80px;
    /*margin:-80px;*/
}
@media (max-width: 800px) {
   .anchorPadding a {
    top: -50px;
}

.anchorPadding:before {
    height:50px;
}
} 

/*Get Started Page styles*/
.getStartedNumber {
    position: absolute;
    font-size:16em;
    left: 30px;
    top: 15%;
    z-index:1;
    line-height:1em;
}

.getStartedTile {
    background: #414748;
    color: #34383D;
    margin: 1em;
    text-align: center;
    height: 100%;
    padding: 1em;
}

.getStartedText {
    color: #fff!important;
    z-index: 2;
    position: relative;
}

.getStartedIcon {
    font-size: 3em;
    margin-bottom: 0.5em;
    color: #9be9f7;
    z-index: 2;
    position: relative;
}

.getStartedLink {
    color: #fff!important;
    z-index: 2;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2%;
}

@media (max-width: 800px) {
    .getStartedColumn {
        margin-top: 1em;
    }
}
.aboutUsLogo {
    max-width:100%;
}
.logoButton {
    background: #fff;
}
.logoButton:hover {
    border: 2px solid #0D6A7B;
    filter:drop-shadow(3px 3px 4px #253e4a);
}
.rowNoMargin {
    margin-left: 0px;
    margin-right: 0px;
  }
.noOverflowX{
    overflow-x:hidden;
}
@media only screen and (max-width: 1149px){
.row {
    margin-left: 0px;
    margin-right: 0px;
  }
}
img {
    max-width:100%;
}
/*Secondary Alert Styles*/
.secondaryAlertBanner {
    width:100vw!important;
    font-size:2vw;
    text-align:center;
    display:block;
    margin-left:auto;
    margin-right:auto;
    line-height:2em;
    color:#fff!important;
    font-weight: bold;
    /*background: linear-gradient(to right, #0D6A7B 50%, transparent 50%);
    background-size:200% 100%;
    background-position: right bottom;*/
    transition: all 1s ease;
}

.secondaryAlertBanner:hover {
    color:#9BE9F7 !important;
    text-decoration:none!important;
    /*background-position:left bottom;*/
}
@media only screen and (max-width: 800px) {
        .secondaryAlertBanner {
            font-size:5vw;
        }
}

.prominentButton {
    width:99%;
    margin-top:1em;
    font-size:1.5em;
}
@media only screen and (max-width: 800px) {
        .prominentButton {
            width:96%;
            margin-top:0.5em;
        }
}