p.date {margin:60px 0 30px 0; padding:0; text-align:left; font-size:12px; color:231f20; font-style:italic;}
.posts {width:76%; margin:20px auto 0 auto; padding:2%; background-color:#f5f5f5;}
.posts ul {margin:20px auto; padding:0; list-style-type:none;}
.posts ul li {margin:0; margin-bottom:15px; padding:0; text-align:left; font-size:16px; line-height:1.3;}
.posts ul li a {display:block; width:90%; margin:0 auto; padding:10px; color:#231f20; background-color:transparent;}
.posts ul li a:hover {color:#fff; background-color:#231f20;}
a.postslink {display:block; margin:30px auto 10px auto; padding:10px; width:90%; text-align:center; color:#fff; background-color:#f55600;}
a.postslink:hover {background-color:#231f20;}

.allposts {margin:0 auto 60px auto; padding:0; width:auto; max-width:980px; text-align:left; overflow:hidden;}
.allposts ul {margin:0; padding:0; list-style-type:none;}
.allposts ul li {margin:0; margin-bottom:15px; padding:0; text-align:left; font-size:18px; line-height:1.3;}
.allposts ul li a {display:block; width:90%; margin:0 auto; padding:10px; color:#231f20; background-color:transparent;}
.allposts ul li a:hover {color:#fff; background-color:#231f20;}

.crumbs {display:block; width:90%; margin:0 auto 30px auto; text-align:left; color:var(--mid-grey); font-size:15px;}
.crumbs a {display:inline-block; padding:5px; font-weight:300; color:var(--mid-grey);}
.crumbs a:hover {color:var(--mid-orange);}

.crumbs-btm {display:block; width:90%; margin:40px auto 60px auto; text-align:left; color:var(--mid-grey); font-size:16px; font-weight:400;}
.crumbs-btm a {display:inline-block; padding:5px; font-weight:600; color:var(--mid-grey);}
.crumbs-btm a:hover {color:var(--mid-orange);}

.blog-content {display:flex; width:80%; margin:30px auto; column-gap:60px;}
.blog-content p.hlight {margin-bottom:40px; font-size:24px; font-weight:600;}
.blog-content p.caption {text-align:center; font-size:14px; font-style:italic;}
.content-right {text-align:center;}
.blog-content img {margin:0 auto; min-width:360px !important; max-width:360px !important;}
.blog-content ul {margin:20px 0; padding-left:30px; list-style-type:square;}
.blog-content ul li {margin:0 0 15px 20px; font-weight:500;}
.blog-content ul li::marker {color:var(--mid-orange); font-size:21px;}
.v-space {display:block; width:400px; height:10px;}

h1 {text-align:left; margin-bottom:0; color:var(--mid-orange); font-size:64px; font-weight:300;}

a.b-link {display:inline-block; margin:30px 0; padding:15px 20px; text-align:center; color:#fff; background-color:var(--mid-orange);}
a.b-link:hover {background-color:var(--mid-grey);}
.main-nav a.all-link {margin-bottom:20px; padding:30px 0; background-color:var(--mid-orange) !important;}
.main-nav a.all-link:hover {background-color:var(--mid-grey) !important;}

@media screen and (max-width:1279px) {
.blog-content {width:94%;}	
}
@media screen and (max-width: 1023px) {
.blog-content {flex-direction:column; row-gap:30px;}
.blog-content h3 {font-size:45px;}
.blog-content p.hlight {text-align:center;}
.blog-content img {max-width:90% !important;}
a.b-link {display:block; margin:30px auto; padding:15px 10px; width:320px;}
}
@media screen and (max-width:767px) {
.crumbs {width:98%; font-size:14px;}	
}