#blog-notification-badge {
border-radius: 3px !important;
}


#search-button {
    cursor: pointer;
    color: #fff;
    background-color: #487fa7;
    font-size: 14px;
}

.form-control {
    background-color: #fff;
}

.entry-title a {
    color: #333e;
}

.bg-primary {
    background-color: #487fa7 !important;
}

.post-meta {
    font-size: 14px;
    font-weight: 400;
    color: #000a;
}

.btn-primary {
    --bs-btn-bg: #487fa7;
    --bs-btn-border-color: #487fa7;
}

#blog-posts article {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 2rem;
}

article {
    margin: 0 0 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    overflow-wrap: break-word;
}

.blog-sidebar a {
    text-decoration: none;
    color: #487fa7;
    font-size: 14px;
    line-height: 16px;
}

.page-summary {
    margin-top: 35px;
    background:url(/resources/images/clouds-and-small-trees.jpg) #487fa7;
    background-size: cover;
    background-blend-mode: multiply;
    font-weight: 400;
}

.page-summary h1 {
    color: #e2c689;
    font-weight: 600;
    font-size: 21px;
    font-style: italic;
    text-transform: capitalize;	
	
}

.page-summary .lead {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
}

.sidebar-title {
    font-size: 26px;
}

.blog-sidebar li {
	margin-bottom: 5px;
}

.row {
    --bs-gutter-x: 0;
}

.post-thumbnail {
    width: 25%;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.copy-link {
	text-decoration: none;
}

.btn-primary {
    background-color: #487fa7;
}