body 
{
    background-color: white;
    font-family: Georgia;
    font-size: 23px;
    color: black;
}

.container{
    width: 80%;
    margin: auto;
}

.navcontainer{
    width: 80%;
    margin: auto;
}

.actualsize
{
    width: 100%;
    max-height: 356px;
}

.master_h1
{
    display: none;
}

.green_H2
{
    color: #006857;
    font-size: 30px;
    font-style: italic;
}

.green_phone
{
    color: #006857;
    font-size: 30px;
    font-style: italic;
    margin-bottom: 20px;
}

.green_dot
{
    color: #006857;
}

.right
{
    float: right;
}

.bgheader
{
    background-image: url('../Images/img-hdr.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    /*max-height: 330px;*/
}

.hidden
{
    visibility: hidden;
}

.logostyle
{
    width: 70%;
    max-width: 279px;
}

.mobilelogostyle
{
    width: 100%;
    max-width: 279px;
}

.hdrimagestyle
{
    width:100%;
    max-width: 627px;
}

.margintop10
{
    margin-top: 10px;
}

.margintop20
{
    margin-top: 20px;
}

.margintop30
{
    margin-top: 30px;
}

.margintop40
{
    margin-top: 40px;
}

.margintop50
{
    margin-top: 50px;
}

.marginbottom10
{
    margin-bottom: 10px;
}
.marginbottom20
{
    margin-bottom: 20px;
}

.marginbottom40
{
    margin-bottom: 40px;
}

.marginright30
{
    margin-right: 30px;
}

.margin-center
{
    margin-left: auto;
    margin-right: auto;
}

.width100
{
    width: 100%;
}

.width70
{
    width: 70%;
}

.vcenter {
    display: flex;
    align-items: center;
}

.linkstyle
{
    font-style: italic;
}

.bolded
{
    font-weight:bold;
}

 .hand
 {
     cursor: pointer;
 }
.sectionheader
{
    font-size: 36px;
    color: #006857;
    font-family: 'Palatino Linotype';
    font-style: italic;
}

.blueButtons {
    background-color: #86B3D1;
    color: #FFFFFF;
}

.blueButtons a{
    color: white !important;
}


.newcomer-green
{
    color: #006857 !important;
}

.newcomer-brown
{
    color: #512d1e !important;
}

p#site1,
p#site2,
p#site3,
p#site4,
p#site5,
p#site6 {
    line-height: 1.1 !important;
}

#site1 .newcomer-brown-sitemap,
#site2 .newcomer-brown-sitemap,
#site3 .newcomer-brown-sitemap,
#site4 .newcomer-brown-sitemap,
#site5 .newcomer-brown-sitemap,
#site6 .newcomer-brown-sitemap
{
    color: #512d1e !important;
    font-size: 20px;
    line-height: none !important;
}

.btn-blueButtons {
    /*background-image: -webkit-linear-gradient(top, #8e0c3a 0%, #8e0c3a 100%);
  background-image:      -o-linear-gradient(top, #8e0c3a 0%, #8e0c3a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8e0c3a), to(#8e0c3a));
  background-image:         linear-gradient(to bottom, #8e0c3a 0%, #8e0c3a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;*/
  background-color: #86B3D1;
  border-color: #8e0c3a;
  color: white !important;
}

footer {
    color: #4D6D9A;
    background-color: #BEC6D1;
    font-size: 19px;
    padding-bottom: 0px;
}

    footer a {
        color: #4D6D9A;
    }

a.footerblue
{
    color: #337ab7;
}

.cpy-footer, .cpy-footer  a{
    color: white;
    font-size: 13px;
    font-style: italic;
    background-color: #4D6D9A;
    padding: 10px 0 10px 0;
}

.indent-left
{
    margin-left:20px;
}

.padbottom
{
    padding-bottom: 40px;
}

#topnav, #bottomnav
{
    background-color: transparent;
    border: none;
    margin-bottom: 0;
}

#bottomnav .open a
{
    background-color: transparent;
    border: none;
    margin-bottom: 0;
}

.headerrightside
{
    margin-top:10px;
    text-align: right;
}

.headerphonenumber
{
    font-weight:bold;
}

/* these styles help to draw the sub headers*/
.subhead
{
    overflow:hidden;
    text-align: center;
}

.subhead h2
{
    font-size: 40px;
    font-family: 'Palatino Linotype';
    font-style: italic;
}

.hline {
    position: relative;
}

.hline::before,
.hline::after {
    width: 25%; /* =250/2 */
    height: 0;
    border-top: 2px solid gray;
    content: "";
    display: inline-block;
    position: absolute;
    top: 59%;
    right: 80%;
}
.hline::after {
    left: 80%;
}

.linefill
{
    background-image: url('../Images/verticalline.png');
    background-size:cover;
    height: 60px;
}
/* end of sub header styles */

/******************************************/
/*code for creating 5 column rows*/
/******************************************/

.col-xs-5th,
.col-sm-5th,
.col-md-5th,
.col-lg-5th {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-two5th,
.col-sm-two5th,
.col-md-two5th,
.col-lg-two5th {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5th {
    width: 20%;
    float: left;
}

.col-xs-two5th {
    width: 40%;
    float: left;
}

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;
}

@media (min-width: 768px) {
.col-sm-5th {
        width: 20%;
        float: left;
    }
.col-sm-two5th {
        width: 40%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5th {
        width: 20%;
        float: left;
    }
.col-md-two5th {
        width: 40%;
        float: left;
    }
    .col-md-offset-5th
    {
    margin-left: 20%;
    }
    }
}

@media (min-width: 1200px) {
    .col-lg-5th {
        width: 20%;
        float: left;
    }
.col-lg-two5th {
        width: 40%;
        float: left;
    }
}


/******************************************/
/* end of code for creating 5 column rows*/
/******************************************/

/* at 1138 the bottom nav begins to wrap*/
/* the text is shrunk slightly at this breakpoint to keep the pages looking nice*/



@media all and (min-width:768px){
     #masterheader #topnav .nav li a {
        padding: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    body {
        font-size: 19px;
    }

    .subhead {
        font-size: 32px;
    }

    .sub-sec-title-p {
        margin-top: 20px;
        font-family: Georgia;
        font-size: 21px;
    }

    .sub-sec-title-pt {
        margin-top: 20px;
        font-family: Georgia;
        font-size: 20px;
        padding-left: 7px;
    }

 #masterheader #topnav .nav li a {
        padding: 6px;
    }
}

/* breakpoints to prevent wrapping on the second nav*/
@media (min-width: 1641px) and (max-width: 1810px ) {
    #secondnav li a {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (min-width: 1481px) and (max-width: 1640px ) {
    #secondnav li a {
        padding-left: 30px;
        padding-right: 30px;
    }
    .subsection-links a
    {
        font-size:20px;
}
}

@media (min-width: 1321px) and (max-width: 1480px ) {
    #secondnav li a {
        padding-left: 20px;
        padding-right: 20px;
    }

    .subsection-links a {
        font-size: 18px;
    }
}
@media (min-width: 992px) and (max-width: 1320px ) {
    #secondnav li a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .subsection-links a {
        font-size: 14px;
    }

    .sub-sec-title-p {
        margin-top: 15px;
        font-family: Georgia;
        font-size: 19px;
        padding-right: 7px;
    }

    .sub-sec-title-pt {
        margin-top: 15px;
        font-family: Georgia;
        font-size: 18px;
        padding-left: 7px;
    }
}

/* hline classes */
@media (min-width: 1211px) and (max-width:1400px) {
    .hline::before, .hline::after {
        width: 20%;
        border-top: 2px solid gray;
        right: 85%;
    }

    .hline::after {
        left: 85%;
    }

    .hline2::before, .hline2::after {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1946px) {
    .hline::before, .hline::after {
        display: none;
    }

    .hline2::before, .hline2::after {
        display: none;
    }

}
/* end hline classes*/

/* tablet style fixes */
@media (min-width: 0px) and (max-width: 991px) {

    #masterheader {
        display: none !important;
    }

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

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

    .sm-topmargin30 {
        margin-top: 30px;
    }

    .sm-topmargin40 {
        margin-top: 40px;
    }

    .sm-center {
        text-align: center;
    }

    .sm-width70 {
        width: 70%;
        margin: auto;
    }

}

@media (min-width: 0px) and (max-width: 768px) {
    .mobilelogostyle {
        max-width: 179px;
    }

    .breadcrumb2 {
        font-size: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .lg-topmargin20 {
        margin-top: 20px;
    }
}


@media (min-width: 991px){
    #mobileheader {
        display: none !important;
    }
}

@media (max-width: 767px){
    .headerrightside {
        text-align: center;
    }
    
}

@media (max-width:420px) {

    #bottommenu
    {
        padding-right:5px;
        padding-left:5px;
    }

    #bottommenu .col-xs-5th
    {
        padding-right: 0;
        padding-left: 0;
    }
    
}

@media (max-width: 350px){
    .navbar-brand{
        font-size: 15px;
    }

    .container {
        width: 100%;
    }

    .navcontainer {
        width: 100%;
    }

    .body-contentobit {
        margin-top: 120px;
    }

    a.estimate-cost-button
    {
        margin-top: 120px;
    }
    
}
/**************  Social Media***************/

.twitheight
{
    line-height: 20px;
}

/**************  Blog      ****************/

.blogheader
{
    font-size: 36px;
    font-family: 'Palatino Linotype';
    line-height: 38px;
    margin-bottom: 15px;
}

.memorialtagline
{
    font-family: 'Minion Pro';
    font-size: 22px;
    color: #006857;
}

.blogtagline
{
    font-family: 'Palatino Linotype';
    font-size: 22px;
    color: #006857;
    font-style: italic;
}

.blogpicture {
    margin-right: 50px;
    margin-bottom: 40px;
    border: 20px solid white;
    box-shadow: 5px 5px 5px #BDBDBD;
    float: left;
    max-width: 500px;
    width: 100%;
}

#blog ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

#blog li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style-position: inside;
}
/**************  Carousel  ****************/

#carousel-home .carousel {
}

/*ul#hCarousel .slick-dotsize
{
    font-size: 50px !important;
    line-height: 50px !important;
    list-style:circle !important;
}*/
.notes_text
{
    font-style: italic;
    font-size: 17px;
    padding-bottom: 10px;
}

#carousel-home .carousel-indicators {
    /*position:absolute;*/
    bottom: 5%;
    left: 74%;
}

#carousel-home.carousel-control
{
    background-image: none;
}

#homepageobituaries .carousel-control {
    background-image: none;
}

/***********  Breadcrumbs  ************/

.breadcrumb2 {
    font-family: Georgia;
    margin-bottom: 20px;
    list-style: none;
    color: #A97B69;
}

/**********  Modal ********************/

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

.modalpointer
{
    cursor: pointer;
}
/************  Error     ****************/

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

/************  Contact   ***************/

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

.optin-message
{
    font-size: 24px;
    font-style: italic;
}

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

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

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

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

    /*.blogpicture-print
    {
        margin-right: 20px;
    }*/

    .blogheader-print {
        width: 230px;
    }
}
/******************* new **************/


/*************** dropdown ************/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a {

    color: #4D6D9A;
    padding: 5px 5px;
    text-decoration: none;
    font-size: 19px;
    display: block;
}

.btn-default:hover
{
    color: #8e0c3a;
    background-color: none;
}

.btn:hover, .btn:focus, .btn.focus
{
    color: #8e0c3a;
    background-color: none;
}

.btn:hover,
.btn:focus,
.btn.focus,
.btn:active,
.btn.active,
.btn-default,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus
 {
  color: white;
  background-color: none;
  background-image: none;
}

/*************** Free Planning Guide Modal ************/

.header2 {
    font-family: Georgia;
    font-size: 19px;
    margin-left: 10px;
}

.mbody{
    font-size: 19px;
}

.btn-red {
    width: 100%;
    background-color: #8e0c3a;
    border-color: #8e0c3a;
    color: white !important;
    font-weight: bold;
}