*{box-sizing:border-box}
html,body{margin:0}
body{background:#bcbcbc;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.06) 0 2px,transparent 2px 6px);color:#9b9b9b;font:13px/23px Helvetica,Arial,sans-serif;padding:40px 0 0}
a{color:#365e8b;text-decoration:none}
a:hover{color:#314760;text-decoration:underline}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{font-family:"Open Sans","Segoe UI",Helvetica,Arial,sans-serif;color:#666;font-weight:700;text-transform:uppercase;margin:0 0 12px;line-height:1.4}
.main-container{max-width:968px;width:96%;margin:0 auto;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.08)}
.main-header{background:#fff;padding:20px 29px 0}
.banner{height:140px;border-radius:2px;background:#6f655a;background-image:linear-gradient(90deg,rgba(40,34,28,.85) 0%,rgba(80,70,60,.55) 45%,rgba(230,230,230,.85) 70%,#f4f4f4 100%),repeating-linear-gradient(90deg,#8a7a68 0 9px,#7a6b5a 9px 14px,#93826f 14px 26px);display:flex;align-items:center;padding:0 22px;overflow:hidden;position:relative}
.banner::after{content:"";position:absolute;right:30px;top:18px;width:280px;height:110px;border-radius:8px;background:repeating-linear-gradient(90deg,#fff 0 22px,#e3e3e3 22px 24px),#fff;opacity:.9;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.logo{display:flex;flex-direction:column;color:#fff;text-decoration:none;position:relative;z-index:1}
.logo:hover{text-decoration:none;color:#fff}
.logo-name{font:900 34px/1 "Arial Black","Helvetica Neue",Arial,sans-serif;letter-spacing:1px;text-shadow:0 2px 3px rgba(0,0,0,.4)}
.logo-tag{font:700 11px/1.6 Arial,sans-serif;letter-spacing:1.5px;color:#f0f0f0}
.primary-navigation{background:#314760;margin:12px -29px 0;padding:0 29px;position:relative}
.primary-navigation .menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.primary-navigation li{position:relative}
.primary-navigation li+li::before{content:"|";color:#7f8fa3;position:absolute;left:-2px;top:12px}
.primary-navigation a{display:block;color:#fff;font:700 13px/23px Helvetica,Arial,sans-serif;text-transform:uppercase;padding:11px 22px}
.primary-navigation a:hover,.primary-navigation li.current a{background:#365e8b;text-decoration:none}
.nav-toggle,.nav-toggle-label{display:none}
#page{padding:20px 29px 30px}
.section-title{font-size:22px;margin:10px 0 16px}
.breadcrumb{background:#365e8b;color:#fff;margin:-20px -29px 20px;padding:6px 29px;font-size:12px}
.breadcrumb a{color:#fff}
.breadcrumb span{margin:0 4px}
.featured{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 120px;gap:8px;margin-bottom:24px}
.featured-post{position:relative;display:block;overflow:hidden;background:#314760;color:#fff}
.featured-post img{width:100%;height:100%;object-fit:cover;display:block}
.featured-post-1{grid-row:1 / span 2}
.featured-post-2{grid-column:2 / span 2}
.featured-post:hover{text-decoration:none}
.category-head{position:absolute;top:0;right:0;background:#365e8b;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 12px}
.featured-excerpt{position:absolute;left:0;right:0;bottom:0;padding:10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.featured-title{display:block;font-weight:700;font-size:15px;color:#fff;line-height:1.4}
.featured-post-3 .featured-title,.featured-post-4 .featured-title{font-size:12px}
.featured-desc{display:block;font-size:11px;line-height:1.5;color:#ddd}
.latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.latest-post{display:flex;background:#f1f1f1;min-height:150px}
.latest-post .thumb{flex:0 0 46%;background:#d9d9d9;display:block}
.latest-post .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.blog-content{padding:12px 14px}
.blog-content .title{font-size:14px;line-height:1.35;margin:0 0 8px}
.blog-content .title a{color:#666}
.blog-content p{margin:0;font-size:12px;line-height:20px}
.pagination{margin:24px 0 0;display:flex;gap:16px;align-items:center}
.with-sidebar{display:flex;gap:30px;align-items:flex-start}
.single{flex:1 1 auto;min-width:0}
.single .title{font-size:22px;margin:18px 0 14px}
.single-featured{position:relative}
.single-featured img{display:block;width:100%}
.post-info{position:absolute;right:0;bottom:0;background:#365e8b;color:#fff;padding:6px 20px;font-size:12px}
.post-info span+span::before{content:"·";margin:0 8px}
.post-info a{color:#fff}
.entry h2{font-size:24px;line-height:1.4;margin:24px 0 10px}
.entry h3{font-size:18px;margin:20px 0 8px}
.entry p{margin:0 0 16px}
.entry figure{margin:0 0 16px}
.entry img{display:block;margin:0 auto}
.entry .alignleft{float:left;margin:0 16px 10px 0}
.entry .alignright{float:right;margin:0 0 10px 16px}
.entry .aligncenter{margin:0 auto 16px}
.entry .caption{font-size:12px;text-align:center}
.sidebar{flex:0 0 340px;background:#f1f1f1;padding:20px 22px}
.sidebar .widget{margin-bottom:26px}
.widget-title{font-size:16px;color:#365e8b;border-left:6px solid #365e8b;padding-left:8px;line-height:1.2}
.sidebar ul{margin:0;padding:0 0 0 16px}
.sidebar li{margin:0 0 4px;color:#365e8b}
.site-footer{background:#333;color:#9b9b9b;padding:30px 29px 0}
.footer-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.site-footer .widget-title{color:#f1f1f1;font-size:14px;border:0;padding:0}
.site-footer ul{margin:0;padding:0;list-style:none}
.site-footer a{color:#ccc}
.copyrights{background:#fff;color:#333;margin:30px -29px 0;padding:12px 29px 5px}
.copyrights a{color:#333}
@media (max-width:860px){
 .with-sidebar{flex-direction:column}
 .sidebar{flex-basis:auto;width:100%}
 .featured{grid-template-columns:1fr 1fr;grid-template-rows:200px 120px 120px}
 .featured-post-1{grid-row:auto;grid-column:1 / span 2}
 .featured-post-2{grid-column:1 / span 2}
}
@media (max-width:640px){
 body{padding-top:0}
 .main-container{width:100%}
 .main-header{padding:10px 10px 0}
 .banner{height:100px}
 .banner::after{display:none}
 .primary-navigation{margin:10px -10px 0;padding:0}
 .nav-toggle-label{display:block;color:#fff;font-weight:700;text-transform:uppercase;padding:11px 16px;cursor:pointer}
 .nav-toggle-label::before{content:"\2630  "}
 .primary-navigation .menu{display:none;flex-direction:column}
 .nav-toggle:checked~.menu{display:flex}
 .primary-navigation li+li::before{display:none}
 #page{padding:16px 12px 24px}
 .breadcrumb{margin:-16px -12px 16px;padding:6px 12px}
 .latest-grid{grid-template-columns:1fr}
 .footer-widgets{grid-template-columns:1fr}
 .site-footer{padding:24px 12px 0}
 .copyrights{margin:24px -12px 0;padding:12px}
}