body {
    background-color: #F7F9FB;
    /*background-color:red;*/
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #000000;
    font-size: 20px;
}

.container {
    width: 90%;
    max-width: 100%;
}

.container80 {
    width: 90%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.nohead_container {
    padding-top: 13%;
}

#hometopnav {
    background-color: rgba(255,255,255,1);
    max-height: none;
    /*this style changes when the navbar expands
        there is media query style for this.*/
}

    #hometopnav a.nav-link {
        color: #656565;
    }

    #hometopnav li.nav-item a.dropdown-item {
        color: #656565;
    }

        #hometopnav li.nav-item a.dropdown-item.active, #hometopnav li.nav-item a.dropdown-item:active {
            color: #fff;
            text-decoration: none;
            background-color: #4D6D9A;
        }

.linkstyle {
    font-style: italic;
}

.linkstylemodal {
    font-style: italic;
    text-decoration-color: dodgerblue;
    cursor: grab;
}

.logostyle {
    max-height: 60px;
    padding: 5px 0 5px 0;
    margin-left: 10px;
}

.headerMargin {
    margin-top: 174px;
}

.heightauto {
    height: auto;
}

.bkyoutube {
    background-color: #8C9CB3;
}

.padding20 {
    padding: 20px;
}

.primaryLinkColor {
    color: #4D6D9A !important;
    text-decoration: underline;
}

h2 {
    font-size: 24px;
    color: #4D6D9A;
}

    h2 a {
        color: #4D6D9A;
    }

.h2-alt {
    color: #86B3D1;
}

    .h2-alt a {
        color: #86B3D1;
    }

h3 {
    font-size: 22px;
    color: #4D6D9A;
}

    h3 a {
        font-size: 22px;
    }


.brand-secondary {
    color: #86B3D1;
}

h2.collapsable {
    cursor: pointer;
}

    h2.collapsable i.material-icons {
        font-size: 24px;
    }

.sm-margintop10 {
    margin-top: 10px;
}

.sm-margintop20 {
    margin-top: 20px;
}

.marginleft50 {
    margin-left: 50px;
}

.margintop10 {
    margin-top: 10px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop30 {
    margin-top: 30px;
}

.margintop40 {
    margin-top: 40px;
}

.margintop50 {
    margin-top: 50px;
}

.margintop80 {
    margin-top: 80px;
}

.marginbottom20 {
    margin-bottom: 20px;
}

.font15 {
    font-size: 15px;
}

.surname {
    display: none;
}

.required {
    color: #f00;
}

.bold, bolded {
    font-weight: bold;
}

.notes_text {
    font-style: italic;
    font-size: 17px;
    padding-bottom: 10px;
}

.caption {
    font-size: 16px;
}

#obituarylistwrapper {
    padding-top: 10px;
    padding-bottom: 30px;
}

.chapel-text {
    color: white;
    padding: 10px 0 20px 0;
}

    .chapel-text a {
        color: white;
    }

.sagegreenbck {
    background-color: #829780;
}

.powderbluebck {
    background-color: #86B3D1;
}

.nightskyblue {
    background-color: #4D6D9A;
}

.homepagereviews {
    background-color: #e8ecf1;
    padding: 30px 0 30px 0;
    min-height: 250px;
}

.reviewstyle-home {
    text-align: center;
    min-height: 406px;
}

.review-source-home {
    text-align: right;
}

.mobileblogcarousel {
    margin-top: 40px;
    padding: 30px 0 30px 0;
}

.obit-thumb-holder {
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}

.homeobitthumb {
    width: 100px;
    height: 100px;
}

.obitname-home {
    line-height: 18px;
}

    .obitname-home a {
        color: #000000;
        font-size: 16px;
        text-decoration: none;
    }

        .obitname-home a:hover {
            color: #888888;
        }

.input-group-append i {
    font-size: 1rem;
}

.hoverpacity {
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

    .hoverpacity:hover {
        opacity: 0.9;
    }

#btn-home-searchobit {
    padding-top: .55rem;
    padding-bottom: .2rem;
}

.btn-purply {
    color: #fff;
    background-color: #7975B2;
    border-color: #7975B2;
}

select#filtertype.form-control {
    padding-top: 5px;
    padding-bottom: 5px;
}

    select#filtertype.form-control option {
        color: #555;
    }

div.picturebox {
    position: relative;
    z-index: 1;
    width: 100%;
}

div.transbox {
    position: absolute;
    z-index: 1;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    width: 100%;
    padding: 1rem;
    font-size: 15px;
    line-height: 17px;
}

.transbox p, .transbox a {
    color: #ffffff;
}

#sliderblogmobile {
    margin-left: 50px;
    margin-right: 50px;
}

    #sliderblogmobile .carousel-control-prev {
        margin-left: -40px;
    }

    #sliderblogmobile .carousel-control-next {
        margin-right: -40px;
    }

.width60 {
    width: 60%;
}

.selectboxplaceholder {
    color: grey;
}

.field-validation-error {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.hand {
    cursor: pointer;
}

.howcanwehelpwrapper {
    padding: 50px 0;
}

#pricingplanTab a.nav-link {
    color: #86B3D1;
}

    #pricingplanTab a.nav-link.active {
        color: #4D6D9A;
    }

.obituarypage-thumb-img {
    width: 100px;
    height: 100px;
    max-width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}


/**********  Modal ********************/
.newcomerModal {
    padding: 30px;
    font-size: 19px;
}

.modalpointer {
    cursor: pointer;
}

/************  Contact   ***************/
.chapellink {
    font-family: Georgia;
    font-weight: bold;
}

.optin-message {
    font-size: 30px;
}

.disclaimer {
    font-size: 17px;
    font-style: italic;
}

select.form-control {
    font-size: 19px;
}


/************  Blogs   ***************/

.blognavigation .page-link {
    color: #ffffff;
    background-color: #86B3D1;
    border-color: #86B3D1;
}

    .blognavigation .page-link.prev {
        background-color: #BCD3E2;
        border-color: #BCD3E2;
    }


.blogpicture {
    margin-right: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    box-shadow: 3px 3px 3px #BDBDBD;
    float: none;
    width: 100%;
    /*border: 5px solid white;*/
}

.blog-cta {
    background-color: #86B5AF;
    /*color: white;
    font-family: Georgia, 'Times New Roman', Times, serif;*/
}

.blog-cta-title {
    color: white;
    font-size: 26px;
    font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: .8;
}

.blog-cta a {
    color: white;
}

.blog-cta-btn {
    color: white;
    font-size: 1.0em;
    width: 80%;
    background-color: #578e87;
    border-color: #90bbb5 !important;
}

    .blog-cta-btn:hover {
        color: white;
        background-color: #4e7e78;
    }

.blog-cta-item-container, .blog-cta-title-container {
    margin: 25px auto;
    text-align: center;
}

.blog-cta-btn-container {
    margin: 15px auto;
    text-align: center;
    padding-top: 10px;
}

.blog-cta-title-container-hdivider {
    border-bottom: solid 2px #A8CAC5;
    margin: 25px 5px 15px 5px;
    text-align: center;
}

.blog-cta-title-container-vdivider {
    border-right: solid 2px #A8CAC5;
    margin: 25px 5px;
    height: 50%;
    text-align: center;
}

.blog-cta-item-container-vdivider {
    border-right: solid 2px #A8CAC5;
    margin: 25px 5px;
    height: 50%;
    text-align: center;
    padding-top: 10px;
}

/*********** footer  *************/

footer {
    background-color: #a5b5cc;
    color: #ffffff;
}

a.footerlink {
    color: #4D6D9A;
}

.footerfooter {
    background-color: #4D6D9A;
    color: #ffffff;
    font-size: 20px;
}

    .footerfooter a {
        color: #ffffff;
    }

.cpy-footer {
    font-size: 13px;
    font-style: italic;
}

.footerlocations {
    font-size: 20px;
}

#btn-footer-simplenewsletterbtn.btn-info {
    background-color: #4D6D9A;
    border-color: #4D6D9A;
}

    #btn-footer-simplenewsletterbtn.btn-info:hover {
        background-color: #86B3D1;
        border-color: #86B3D1;
    }





/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Since positioning the image, we need to help out the caption */
#homePageCarouselMobile p {
    font-size: 18px;
}

.left-indicators .carousel-indicators {
    left: auto;
    right: auto;
}

.carousel-indicators {
    bottom: auto;
}

    .carousel-indicators li {
        background-color: #000000;
    }


#homePageCarouselMobile .container {
    padding: 0;
    width: 80%;
}

#homePageCarouselMobile .carousel-indicators {
    width: 90%;
    margin: auto;
    justify-content: flex-start;
}

#homePageCarouselMobile .carousel-control-next,
#homePageCarouselMobile .carousel-control-prev {
    width: 5%;
    top: 160px;
}

#homePageCarouselMobile .carousel-control-next-icon {
    width: 55px;
    height: 55px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23a1a0a0' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/></svg>");
}

#homePageCarouselMobile .carousel-control-prev-icon {
    width: 55px;
    height: 55px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23a1a0a0' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/></svg>");
}

.indicatorwrapper {
    position: relative;
    width: 100%;
}

.innerwrapper {
    position: relative;
}

.locationcontainer {
    width: 94%;
    margin: auto;
}

.howcanwehelpwrapper i.material-icons {
    color: #7975B2;
    font-size: 48px;
}

#map {
    width: 100%;
    height: 420px;
    background-color: grey;
}

/************ Verse Library ******************/
/*.versetexts.well {
    background-color: #ffffff;
}*/

.versnumber {
    font-size: 17px;
}

.modalprintlink {
    margin-right: 20px;
}


/******************* Map *********************/


.infowindow-content {
    display: none;
}

#map .infowindow-content {
    display: inline;
}


/************  Error Page    ****************/

.error-txt {
    font-size: 19px;
    margin-bottom: 20px;
}

/* Hot Rod Page */

.hotrodheader img {
    content: url('https://images.newcomernet.com/adpages/bckgrnd-hotrod-lg.png');
    width: 100%;
    height: 100%;
}

.btn-hotrod {
    width: 10em;
    text-align: center;
    align-self: center;
    background-color: #86B3D1;
    border-color: #86B3D1;
    margin: 0 calc(50% - 5em);
    float: none;
}

    .btn-hotrod:hover {
        background-color: #4D6D9A;
        border-color: #4D6D9A;
    }

@media (max-width: 576px) {
    .nohead_container {
        padding-top: 37%;
    }
}

@media (min-width: 576px) {

    .container80 {
        width: 80%;
    }

    .ppindex {
        margin-top: 0;
    }

    .obit-thumb-holder {
        width: 20%;
        padding-right: 15px;
        padding-left: 15px;
    }

    #sitemap {
        font-size: 20px;
    }

    .reviewstyle-home {
        min-height: 226px;
    }

    .hotrodheader img {
        content: url('https://images.newcomernet.com/adpages/bckgrnd-hotrod-sm.png');
    }
}

@media (min-width: 768px) {
    body {
        font-size: 24px;
    }

    h2 {
        font-size: 35px;
    }

        h2.collapsable i.material-icons {
            font-size: 35px;
        }

    h3 {
        font-size: 30px;
    }

        h3 a {
            font-size: 30px;
        }

    .container80 {
        width: 80%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }

    .sm-margintop10, .sm-margintop20 {
        margin-top: 0;
    }

    /*#homePageCarousel .carousel-caption {
        top: 10px;
        bottom: 40px;
        left: 80px;
    }*/

    .md-textcenter {
        text-align: center;
    }

    ul.navbar-nav {
        width: 96%;
    }

        ul.navbar-nav a {
            font-size: 18px;
        }

    .logostyle {
        max-height: 90px;
        overflow: hidden;
        padding: 20px 0 20px 0;
        margin-left: 10px;
    }

    .homeobitthumb {
        width: 150px;
        height: 150px;
    }

    .obituarypage-thumb-img {
        width: 197px;
        height: 197px;
    }

    #hometopnav {
        background-color: rgba(255,255,255,.86);
        max-height: 110px;
    }

        #hometopnav .dropdown-menu {
            background-color: rgba(255,255,255,1);
        }

    .pricegraph {
        max-width: 750px;
        max-height: 459px;
    }

    .blogpicture {
        margin-right: 30px;
        margin-bottom: 30px;
        box-shadow: 5px 5px 5px #BDBDBD;
        float: left;
        max-width: 400px;
        width: 100%;
        /*border: 20px solid white;*/
    }

    div.picturebox {
        max-height: 353.33px;
        max-width: 530px;
        margin: auto;
    }

        div.picturebox.bigblog {
            max-height: 722.5px;
            max-width: 1062px;
        }

        div.picturebox img {
            max-height: 353.33px;
            max-width: 530px;
        }

        div.picturebox.bigblog img {
            max-height: 722.5px;
            max-width: 1062px;
        }

    div.transbox {
        max-width: 530px;
    }

    .bigblog div.transbox {
        max-width: 1062px;
    }


    #bio div.picturebox {
        max-height: 353.33px;
        max-width: 268px;
        margin: auto;
    }

        #bio div.picturebox img {
            max-height: 353.33px;
            max-width: 268px;
        }

    #bio div.transbox {
        max-width: 269px;
    }

    .stackblocks {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .flexsection {
        display: flex;
        justify-content: space-between;
    }

    .reviewstyle-home {
        min-height: 268px;
    }
}

@media (min-width: 992px) {

    .logostyle {
        max-height: 100px;
        overflow: hidden;
        padding: 20px 0 20px 0;
        margin-left: 30px;
    }

    .homeobitthumb {
        width: 197px;
        height: 197px;
    }

    .obitname-home {
        line-height: 25px;
    }

        .obitname-home a {
            font-size: 23px;
        }

    ul.navbar-nav a {
        font-size: 24px;
    }



    #homePageCarousel .carousel-caption {
        top: 10px;
        bottom: 40px;
        left: 80px;
    }

    #homePageCarousel .carousel-control-next,
    #homePageCarousel .carousel-control-prev {
        width: 5%;
    }

    #homePageCarousel .carousel-control-prev-icon,
    #homePageCarousel .carousel-control-next-icon {
        width: 55px;
        height: 55px;
    }

    .whitebox {
        /*background-color: white;*/
        background-color: rgba(255,255,255,0.85);
        color: black;
        padding: 20px;
        font-size: 18px;
        max-height: 120%;
        width: 450px;
        max-width: 70%;
    }

    .transparency {
        /*opacity: 0.85;*/
    }

    .carousel-indicators {
        bottom: 0;
    }

        .carousel-indicators li {
            background-color: #ffffff;
        }


    #sitemap {
        font-size: 24px;
    }

    .reviewstyle-home {
        min-height: 232px;
    }

    .hotrodheader img {
        content: url('https://images.newcomernet.com/adpages/bckgrnd-hotrod-lg.png');
    }
}

@media (min-width: 1200px) {

    ul.navbar-nav {
        width: 75%;
    }

    #homePageCarousel .carousel-caption {
        top: 10px;
        bottom: 40px;
        left: 80px;
    }

    #homePageCarousel .carousel-control-next,
    #homePageCarousel .carousel-control-prev {
        width: 5%;
    }

    #homePageCarousel .carousel-control-prev-icon,
    #homePageCarousel .carousel-control-next-icon {
        width: 55px;
        height: 55px;
    }

    .whitebox {
        /*background-color: white;*/
        background-color: rgba(255,255,255,0.85);
        color: black;
        padding: 20px;
        font-size: 20px;
        max-height: 120%;
        width: 450px;
        max-width: 70%;
    }

    .blogpicture {
        max-width: 500px;
    }

    .reviewstyle-home {
        min-height: 196px;
    }
}

/*****************print media ****************************/

@media print {
    /* rewriting the modal for print because if you don't it wont work on chrome. */
    .modal {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
    }

    .hidden-print {
        display: none !important;
    }

    .blogheader-print {
        width: 230px;
    }

    .resource {
        font-size: 12px;
    }

    .margintop40 {
        margin-top: 10px;
    }
}