.post-hero{background-color:var(--c-navy);padding:5em 0}.post-info{--gap:16px;color:var(--c-light-blue);font-style:italic}.post-info .ilist-text{padding:0}.post-body{padding:3em 0 5em}.post-body>.con>.col>.wrap{padding:1em}.popular-post{display:flex}.popular-thumb{flex-shrink:0;align-self:flex-start;width:25%;margin-right:20px;position:relative;overflow:hidden}.popular-thumb:before{content:"";padding-bottom:100%;display:block}.popular-thumb img{width:auto;max-width:none;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.popular-text{flex-direction:column;flex-grow:1;display:flex}.popular-title{margin:0 0 6px;font-size:16px;line-height:1.2}.popular-meta{color:var(--c-orange);margin-bottom:13px;font-size:14px;line-height:1.3}.popular-comments:before{content:".";margin:0 4px 0 2px}.post-featured img{border-radius:10px}.post-content{display:flow-root}.post-content h3,.post-content h4{margin:8px 0 16px;line-height:1.2}.post-content ul{padding-left:40px}.post-share{border-style:solid;border-width:1px 0;border-color:var(--c-light-blue);width:100%}.post-share>.con{max-width:none}.share{text-align:right;margin:0;padding:0;line-height:0;list-style:none}.share li{margin:5px;display:inline-block}.share a{width:40px;height:40px;color:var(--c-navy);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.share a:hover{color:var(--c-blue)}.comment-reply-title{margin:8px 0 16px}.comment-form p{margin:0 0 .9rem}.comment-form textarea,.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{color:#000;display:inline-block}.comment-form input[type=checkbox]{accent-color:var(--c-button);margin:0 4px 0 0}.comment-submit{background-color:var(--c-button);color:var(--c-white);font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;-webkit-appearance:none;border:0;border-radius:5px;padding:8px 16px;font-weight:500;transition:all .3s;display:inline-block}.comment-submit:hover,.comment-submit:focus{background-color:var(--c-blue)}@media (max-width:1024px){.post-body{padding:2em 0 3em}}@media (max-width:767px){.post-hero{padding:2em 1em}.post-hero .heading{text-align:center}.post-info{justify-content:center}.post-body{padding:1em 0 2em}.post-sidebar{order:1}.popular-title{font-size:14px}.popular-meta{font-size:12px}.share{text-align:center}}