body {
    background-color: #EEEEEE;
}
.contentBack{
    background-color: #FFFFFF;
}

.navbar {
    background-color: #000000;
    color: white;
    height: 70px;
}

.navbar-collapse {
    background-color: #000000;
    z-index: 1000;
    color: white;
}

.logo {
    width: 200px;
}

.toplinks{
    color: #FFFFFF !important;
    font-size: 16px;
}

.searchButton{
    background-color: #808080;
}

.custom-select {
    position: relative;
    font-family: Arial;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background-color: #000000;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #808080;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}


.living-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/living.jpg);
    background-position: center 32.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.computer-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/Senior-photo.png);
    background-position: center 35.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.reverse-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/house.jpg);
    background-position: center 32.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.pickleball-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/pickelball.jpg);
    background-position: center 15.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.grocceys-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/grocceys.jpg);
    background-position: center 32.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.decluttering-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/decluttering.png);
    background-position: center 42.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.insurance-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/insurance.jpg);
    background-position: center 32.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.safety-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/safety-article.jpg);
    background-position: center 40%;
    background-repeat: no-repeat;
    background-size: cover;
}

.health-aide-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/Home-Health-Aide.jpg);
    background-position: center 33.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.telehealth-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/telehealth.jpg);
    background-position: center 20.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.walking-cropped-image{
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/benefits-of-walking.jpg);
    background-position: center 65.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.nesters-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/nesters.png);
    background-position: center 15.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.golf-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/golf1.jpg);
    background-position: center 15.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.golf2-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/golf2.jpg);
    background-position: center 32.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

.family-stories-cropped-image {
    width: 100%;
    aspect-ratio: 10 / 3;
    background-image: url(/img/articles/family-stories.jpg);
    background-position: center 32.5%;
    background-repeat: no-repeat;
    background-size: cover;
}

h1{
    font-size: 28px;
    font-weight: bold;
}
h2{
    font-size: 24px;
    font-weight: bold;
}
h3{
    font-size: 22px;
    font-weight: bold;
}
h4{
    font-size: 20px;
    font-weight: bold;
}
h5{
    font-size: 18px;
    font-weight: bold;
}

.box {
    width: 60px;
    height: 30px;
    border: 1px solid #999;
    font-size: 18px;
    color: #000000;
    background-color: #eee;
    border-radius: 5px;
    text-align: center;
}

.boxSort {
    width: 160px;
    height: 30px;
    border: 1px solid #999;
    font-size: 18px;
    color: #000000;
    background-color: #FFFFFF;
    border-radius: 5px;
    text-align: center;
}

.logo {
    width: 400px;
    font-size: 28px;
    color: #FFD700 !important;
}

.clip-star {
    background: gold;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    display: inline-block;
    height: 25px;
    width: 25px;
}
.clip-star-grey {
    background: grey;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    display: inline-block;
    height: 25px;
    width: 25px;
}

.divh{
    display: none;
}

@media(max-width: 1199px) { .logo { font-size: 28px; width: 300px; } }

.btncolor{
    background-color: olive;
    color: #FFFFFF;
}

.navbar2 {
    background-color: #1d466f;
    height: 60px;
    position: relative;
    z-index: 1000;
}

.navMidPad{
    padding: 30px;
}


.rimg {
    max-width: 100%;
    height: auto;
    padding: 10px;
}

.thumbimg {
    vertical-align: top;
    object-fit: contain;
    width: 150px;
    height: 150px;
    padding-right: 10px;

}

.linksLeft {
    background-color: #1d466f;
    color: #FFFFFF;
}

.linksLeft:hover {
    background-color: #3377BB !important;
    color: #FFFFFF;
}

.linksLeftActive {
    background-color: #3377BB !important;
    color: #FFFFFF;
}

.articleHeader {
    background-color: #ADD8E6;
    padding: 5px;
}

.articleLink {
    color: #1d466f;
    font-size: 16px;
}

.articleAuthor {
    background-color: #cccccc;
    padding: 5px;
    text-align: left;
    font-style: italic;
}

.lp5 { padding-left: 5px; }
.lp10 { padding-left: 10px; }
.tp5 { padding-top: 5px; }
.tp10 { padding-top: 10px; }
.tp15 { padding-top: 15px; }
.tp20 { padding-top: 20px; }
.tpb10 { padding-bottom: 10px; }
.tpb20 { padding-bottom: 20px; }
.topNavDown { display: none; }
.topNavLink { display: block; }
.subNavDown { display: none; }
.subNavLink { display: block; }
.responsive_ad_1 { width: 320px; height: 320px; }
.secondNav{
    display: inline;
}

.responsive-container {position: relative;padding-bottom: 26.25%;padding-top: 30px; height: 0; overflow: hidden;}
.responsive-container iframe,
.responsive-container object,
.responsive-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media(min-width: 500px) { .responsive_ad_1 { width: 468px; height: 468px; } }
@media(max-width: 1200px) {
    .logo {
        width: 300px;
        font-size: 24px;
    }
}
@media(min-width: 1080px) { .responsive_ad_1 { width: 728px; height: 90px; } }
@media all and (max-width: 991px) {
    .topNavDown { display: block; }
    .topNavLink { display: none; }
    .subNavDown { display: block; }
    .subNavLink { display: none; }
    .secondNav{ display: block; }
    .navbar{ height: 100px; }
    .navMidPad{ padding: 45px; }
}