/* Blog */
.blog-with-sidebar{padding-bottom: 50px}
.blog-with-sidebar .blog-wrapper, .single-post .blog-wrapper{display: flex;justify-content: space-between}
.blog-with-sidebar .site-main, .single-post .site-main{width: 68%}
.blog-with-sidebar .indiv-post{display: flex;background-color: var(--white);margin-bottom: 15px}
.blog-with-sidebar .featured-image-container{width: 35%;aspect-ratio: 1;background-size: cover;background-repeat: no-repeat;flex-shrink: 0}
.blog-with-sidebar .indiv-post .entry-content{padding: 40px 32px;position: relative; flex-grow: 1}
.blog-with-sidebar .indiv-post .entry-content:before{content: '';position: absolute;inset: 15px;border: 1px solid #A9A9A9;pointer-events: none}
.entry-content p {line-height: 1.4rem; padding-block: 1.25rem; letter-spacing: -.03em}
.blog-with-sidebar .indiv-post .post-info{margin: 0 0 0.5em;text-transform: uppercase;font-size: 16px}
.blog-with-sidebar .indiv-post .post-info a{text-decoration: none;}
.blog-with-sidebar .indiv-post .entry-title{margin: 0;text-decoration: none;text-transform: uppercase;font-size: 2.5rem; font-weight: 300 }
.blog-with-sidebar .indiv-post .entry-title a{text-decoration: none}
.blog-with-sidebar .indiv-post .entry-title a:hover{color: var(--black)}
.blog-with-sidebar .indiv-post .post-button{text-decoration: none;background-color: var(--gold);color: var(--black);text-transform: uppercase;padding: 0.5em 1em;border: none;display: inline-block;border-radius: 1.5625rem;font-weight: 500;}
.blog-with-sidebar .indiv-post .post-button:hover{background-color: var(--black);color: var(--gold)}
.blog-with-sidebar .empty-message{color: var(--white);text-align: center}
/*  pagination  */
.pagination{width: 100%; padding-left: 1rem}
.nav-links {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: flex-start;border-top: 1px dotted var(--subtle-black);padding-top: 1em;}
.nav-next {margin-left:auto;}
.nav-previous {margin-right:auto;}
.page-numbers {padding: 0.625rem 1rem;background-color: var(--gold);color: var(--black)}
.page-numbers.current, .page-numbers:hover {background: var(--black);color: var(--gold);}
.pagination .nav-prev-text{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);display: inline-block;vertical-align: middle;line-height: 0;}

/* Sidebar */
#sidebar{width: 30%;background-color: var(--white);position: relative;padding: 25px;display: flex;flex-direction: column;gap:35px;height: 100%}
#sidebar:before{content: '';position: absolute;inset: 15px;border: 1px solid #A9A9A9;pointer-events: none}
#sidebar ul{list-style: none;padding: 0;margin: 0}
.search-form{display: flex;justify-content: space-between}
.search-form input{flex-grow: 1;border: 1px solid var(--yellow)}
.search-form button{border: none;padding: 0;flex-shrink: 0;background-color: var(--yellow)}
#sidebar .sidebar-title{margin: 0 0 0.5em;text-transform: uppercase;color: var(--gold);letter-spacing: -0.03em;  font-size: clamp(25px,5vw,40px);line-height: 1.2;font-weight: 300;letter-spacing: -0.004em;-webkit-background-clip: text;}
#sidebar .post-item{display: flex;flex-direction: column}
#sidebar .sidebar-meta{margin: 0;text-transform: uppercase;font-size:18px;letter-spacing: -0.03em;font-weight: 500;color: var(--gold);}
#sidebar a{color: var(--black);font-size: 18px}  #sidebar a:hover{color: var(--gold)}
@media(max-width: 1024px){
  .blog-wrapper{flex-direction: column;align-items: center}
  .site-main{width: 100%;padding-bottom: 50px}
  #sidebar{width: 100%}
  .blog-with-sidebar .site-main, .single-post .site-main{width: 100%}
}
@media(max-width: 750px){
  .blog-with-sidebar .indiv-post{flex-direction: column}
  .blog-with-sidebar .site-main{max-width: 400px}
  .blog-with-sidebar .featured-image-container{width: 100%}
  .blog-with-sidebar .indiv-post .entry-content{width: 100%}
}
/*  Single post page styles  */
.single-post .post-single-header{color: var(--gold);padding: 170px 0 50px;margin-bottom: 45px;}
.single-post .post-single-header .post-info{margin: 0;padding: 1em 0;border-bottom: 2px solid var(--black)}
.single-post .post-single-header .post-info a{color: var(--gold);text-decoration: none;text-transform: uppercase;font-weight: 500}
.single-post .post-single-header .post-info a:hover{color: var(--black)}
.single-post .post-single-header .custom-share{margin: 0;padding: 25px 0 0}
.single-post .post-single-header .custom-share a svg{fill: var(--black)}
.single-post .post-single-header .custom-share a:hover svg{fill: var(--white)}
.single-post .single-title{margin: 0; font-size: 3.625rem;}
.single-post .entry-content h1, .single-post .entry-content h2{scroll-margin-top: 130px;margin: 0.9em 0 0.4em;text-transform: uppercase;  background: -webkit-linear-gradient(#e3aa3c, #bc8232);font-family: var(--heading-font);line-height: 1.2;font-weight: 200;letter-spacing: -0.07em;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.single-post .entry-content h3,.single-post .entry-content h4,.single-post .entry-content h5{margin: 0 0 1.7em;text-transform: uppercase;font-family: var(--font-jost);font-size: clamp(16px, 1.319vw ,19px);letter-spacing: 0.16em;font-weight: 500;color: var(--white)}
.single-post .entry-content {margin:  0 0 1.2em;line-height: 1.3;color: var(--black)}
.single-post .entry-content ul{padding: 0;margin: 0 0 25px;font-size: 16px;color: var(--black);margin-left: 1.875rem;margin-top: 25px}
.single-post .entry-content ul li{position: relative;letter-spacing: 0.02em;line-height: 1.45;font-weight: 500}
.single-post .entry-content .wp-block-columns{display: flex;scroll-margin-top: 190px}
.single-post .entry-content .wp-block-columns.add-gap{gap:5%}
.single-post .entry-content .wp-block-columns.are-vertically-aligned-center{align-items: center}
.single-post .entry-content a, .single-post .entry-content li a{color: var(--gold);text-decoration: none}
.single-post .entry-content  a:hover, .single-post .entry-content li a:hover{text-decoration: underline}
.single-post .entry-content .wp-block-columns .wp-block-column{flex: 1 0 fit-content}
.single-post .entry-content .wp-block-image{padding-top: 25px}
.single-post .entry-content .wp-block-image img{display: block;width: 100%;height: auto}
.single-post .entry-content .wp-block-table{display: block;overflow: auto;padding: 25px 0}
.single-post .entry-content table {color: #333;background: white;border: 1px solid grey;font-size: 12px;border-collapse: collapse;overflow: scroll;}
.single-post .entry-content table thead th,
.single-post .entry-content table tfoot th {color: #777;background: rgba(0,0,0,.1);}
.single-post .entry-content table caption {padding:.5em;}
.single-post .entry-content table th,
.single-post .entry-content table td {padding: .5em;border: 1px solid lightgrey;}
.post-feature-img img {width: 100%; height: auto; padding-top: 1rem}

@media(max-width: 1000px){
  .single-post .post-single-header{padding: 35px 0}
}

.error404 .content-not-found{color: var(--идфсл);padding: 55px 0;text-align: center}
.error404 .content-not-found h2{scroll-margin-top: 130px;margin: 0.9em 0 0.4em;text-transform: uppercase; ;font-size: 48px;font-family: var(--heading-font);line-height: 1.2;font-weight: 300;letter-spacing: -0.07em;}
.error404 .content-not-found a:hover{color: var(--black)}
.error404 .content-not-found a{color: var(--gold)}

/*Search Form*/
.searchform #s {position: relative}
.searchform #searchsubmit {position: absolute;right: 1.25rem;}