@media (max-width: 1500px) {}
@media (max-width: 1024px) {
.archive-letter-filter > .container,
.archive-search-filter > .container {
gap: 2.5rem;
}
.archive-filter-label {
flex-basis: 18rem;
}
}
@media (max-width: 1199px) {}
@media (max-width: 991px)  {
html { font-size: 10px; }
h2 { font-size: 4.6rem; }
h3 { font-size: 3.6rem; }
h4 { font-size: 2.6rem; }
h5 { font-size: 2rem; }
h6 { font-size: 1.8rem; }
body.menu-triggered { overflow: hidden; }
.site-header { padding-block: 1rem; }
.menu-toggle {
width: 30px;
height: 30px;
position: relative;
z-index: 9999;
}
.menu-toggle span {
position: absolute;
background-color: #17364A;
width: 28px;
height: 3px;
right: 0;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.menu-toggle span:first-child { top: 5px; }
.menu-toggle span:nth-child(2) { top: 13px; }
.menu-toggle span:nth-child(3) { top: 21px; }
.menu-toggle.activated span:nth-child(2) {
width: 29px;
top: 5px;
-webkit-transform: translateY(9px) rotate(45deg);
-ms-transform: translateY(9px) rotate(45deg);
transform: translateY(9px) rotate(45deg);
}
.menu-toggle.activated span:first-child {
width: 29px;
top: 23px;
-webkit-transform: translateY(-9px) rotate(-45deg);
-ms-transform: translateY(-9px) rotate(-45deg);
transform: translateY(-9px) rotate(-45deg);
}
.menu-toggle.activated span:nth-child(3) { background: transparent; }
.menu-triggered .site-header {
box-shadow: 0px 3px 15px -1px rgb(0 0 0 / 75%);
-webkit-box-shadow: 0px 3px 48px -10px rgb(0 0 0 / 75%);
-moz-box-shadow: 0px 3px 15px -1px rgba(0,0,0,0.75);
}
.menu-primary {
position: absolute !important;
top: calc(100% + 1px);
z-index: 999;
background-color: #fff;
width: 100%;
max-width: 425px;
left: -100%;
padding: 0;
transition: .3s ease-in-out;
overflow: auto;
height: var(--mobile-menu-height, calc(100dvh - var(--site-header-height, 12.6rem)));
min-height: 0;
flex-direction: column;
align-items: flex-start !important;
justify-content: flex-start !important;
}
.menu-primary.triggered { left: 0; }
.sub-menu-toggle {
position: absolute;
top: 13px;
right: 10px;
background: #fff;
border: none;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.sub-menu-toggle::before {
content: "";
background-image: url(//www.butchkuruzh.com/wp-content/themes/butchkuruzh/assets/images/caret-down.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
}
.site-header .menu li { 
position: relative; 
width: 100%;
padding-block: 0;
border-bottom: 1px solid var(--dark);
}
.site-header .menu li:last-child { margin-bottom: 0; }
.site-header .menu li a { 
width: 100%; 
padding: 2rem;
}
.site-header .current-menu-item a,
.site-header .current-menu-item .sub-menu a,
.site-header .menu li a:hover,
.site-header .menu li a:focus { 
background-color: #b92b08 !important; 
color: var(--light) !important;
}
.site-header .sub-menu { display: none; }
.site-header .sub-menu a {
background-color: transparent;
color: var(--dark);
font-size: 16px;
padding: 1rem 1rem 1rem 4rem !important;
}
.site-header .sub-menu li:first-child { border-top: 1px solid var(--dark);}
.site-header .sub-menu li:last-child { border: none; }
.menu-overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.9);
z-index: 99;
pointer-events: none;
opacity: 0;
transition: .3s ease-in-out;
}
.menu-overlay.menu-triggered {
opacity: 1;
pointer-events: auto;
}
.site-header .nav-primary {
margin-left: 0;
margin-right: 0;
}
h2.has-large-font-size { font-size: 6rem !important; }
p, 
ul li, 
ol li { font-size: 2.4rem; }
.project-term__title { font-size: 5rem; }
.project-taxonomy-card__title { font-size: 3rem; }
.project-taxonomy-card__link { font-size: 2.6rem; }
.instagram-follow { margin-left: auto; }
.wp-block-media-text { flex-direction: column; }
.wp-block-media-text__media { 
order: 1;
max-width: 100%;
}
.project-term { column-gap: 2rem; }
.project-taxonomy-card__content { padding: 2rem 1rem; }
.project-taxonomy__column {
padding-right: 3rem;
padding-left: 3rem;
}
.project-taxonomy__posts {
margin-right: -3rem;
margin-left: -3rem;
row-gap: 3rem;
}
.project-taxonomy__posts:has(~ .project-taxonomy__posts) {
padding-bottom: 4rem;
margin-bottom: 4rem;
}
.project-taxonomy-nav__link { font-size: 1.8rem; }
:is(.project-taxonomy, .post-archive) .blog-pagination { margin-top: 4rem; }
.project-taxonomy {
padding: 0 2rem 4rem;
}
.logo-icon { margin-bottom: 6rem; }
.single .archive-logo-icon {  margin-bottom: 6rem; }
.project-taxonomy--navbar { margin-top: 6rem; }
.post-archive__row:has(~ .post-archive__row) {
margin-bottom: 4rem;
padding-bottom: 4rem;
}
.single .entry-header .entry-title { 
font-size: 6.6rem; 
margin-bottom: 6rem;
}
.wp-block-quote p { font-size: 4rem; }
.single-adjacent-posts { min-height: 55rem; }
.single-adjacent-post__label { font-size: 6.6rem; }
.wp-block-quote cite { font-size: 1.8rem; }
.post-archive-card__title { font-size: 2.6rem; }
.post-archive-card__link { font-size: 1.8rem; }
}
@media (max-width: 782px)  {
.admin-bar .site-header { top: 46px; }
.before-footer-icon-section .wp-block-column:not(:last-child) {
border-right: 0;
border-bottom: 1px solid var(--light);
}
.before-footer-icon-section .wp-block-column { padding: 4rem 2rem; }
}
@media (max-width: 767px)  {
.wp-block-spacer[style*="--spacer-tablet-height"] {
height: var(--spacer-tablet-height) !important;
}
h2.has-large-font-size { font-size: 4.2rem !important; }
p, 
ul li, 
ol li { font-size: 2rem; }
.is-style-link .wp-block-button__link { font-size: 3rem; }
.project-term {
flex-direction: column;
}
.project-term__media,
.project-term__content {
width: 100%;
}
.project-term__content {
min-height: 22rem;
padding: 3rem 2rem 0;
}
.project-term__title {
font-size: 2.8rem;
}
.about-floating-letter {
max-width: 18vw;
opacity: 0.78;
}
.project-taxonomy {
padding-right: 2rem;
padding-left: 2rem;
}
.project-taxonomy-nav {
margin-bottom: 4rem;
}
.project-taxonomy-nav__list {
flex-direction: column;
}
.project-taxonomy-nav__link {
padding: 1.2rem 2rem;
}
.project-taxonomy__posts {
margin-right: -1.5rem;
margin-left: -1.5rem;
row-gap: 3rem;
}
.project-taxonomy__column {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.project-taxonomy__column:nth-child(odd):not(:last-child) {
background-image: none;
}
.project-taxonomy-card__title {
font-size: 2.6rem;
}
:is(.project-taxonomy, .post-archive) .blog-pagination {
margin-top: 4rem;
padding-top: 2.5rem;
}
:is(.project-taxonomy, .post-archive) .blog-pagination ul {
gap: 1rem;
}
:is(.project-taxonomy, .post-archive) .blog-pagination .prev,
:is(.project-taxonomy, .post-archive) .blog-pagination .next {
margin: 0 0.3rem;
}
.archive-category-nav__list {
gap: 1.5rem 3rem;
}
.archive-letter-filter > .container,
.archive-search-filter > .container {
flex-direction: column;
gap: 1.5rem;
padding-top: 1.8rem;
padding-bottom: 1.8rem;
}
.archive-filter-label {
flex: 0 0 auto;
text-align: center;
}
.archive-letter-filter__nav {
gap: 1rem;
justify-content: center;
}
.archive-search-filter__field button {
min-width: 11rem;
padding: 0 1rem;
}
.post-archive {
padding-right: 2rem;
padding-left: 2rem;
}
.archive-search-filter {
margin-bottom: 5rem;
}
.post-archive__row {
margin-right: -1.5rem;
margin-left: -1.5rem;
row-gap: 5rem;
}
.post-archive__column {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.post-archive__column:nth-child(odd):not(:last-child) {
background-image: none;
}
.post-archive-card__content {
right: 1.5rem;
bottom: 1.5rem;
left: 1.5rem;
}
.post-archive-card__title {
font-size: 2.6rem;
}
.project-term {
flex-direction: column;
}
.project-term__title { margin-bottom: 3rem; }
.project-term__link { font-size: 3rem; }
.single .entry-header .entry-title { font-size: 4.6rem; }
.wp-block-quote p { font-size: 3.4rem; }
.single-adjacent-post__label { 
font-size: 4.6rem; 
padding-inline: 0;
}
}
@media (max-width: 575px)  {
h1 { font-size: 4.4rem; }
h2 { font-size: 3.8rem; }
h3 { font-size: 3rem; }
h4 { font-size: 2.2rem; }
h5 { font-size: 1.8rem; }
h6 { font-size: 1.6rem; }
.entry-content ol:not(.activity-block__items), 
.entry-content ul { padding-left: 4rem; }
.admin-bar .site-inner { padding-top: 9rem; }
.site-inner { padding-top: 4rem; }
.site-header { padding: 2.5rem 2rem; }
.primary-header-logo { display: none; }
.site-header .nav-primary { order: 1; }
[class^='container'] {
padding-left: 2rem;
padding-right: 2rem;
}
.alignfull .wp-block-group { padding-inline: 2rem; }
.about-page .content-sidebar-wrap {
padding-left: 2rem;
padding-right: 2rem;
}
.single .content-sidebar-wrap {
padding-left: 2rem;
padding-right: 2rem;
}
.wp-block-spacer[style*="--spacer-mobile-height"] {
height: var(--spacer-mobile-height) !important;
}
.site-footer h2 { font-size: 3.4rem; }
.is-style-link .wp-block-button__link { font-size: 2.4rem; }
.primary-header-logo { max-width: 15rem; }
.title-area { max-width: 12rem; }
.project-term__link { font-size: 2.6rem; }
.wp-block-le-logos-gallery.logos-gallery > .wp-block-gallery {
padding: 3rem 2rem;
flex-wrap: wrap;
justify-content: space-between;
column-gap: 0;
}
.wp-block-le-logos-gallery.logos-gallery > .wp-block-gallery .wp-block-image { width: calc(50% - 2rem) !important; }
.wp-block-le-logos-gallery.logos-gallery > .wp-block-gallery .wp-block-image img { 
max-height: 75px; 
object-fit: contain !important;
}
.logo-icon { margin-bottom: 4rem; }
.project-taxonomy--navbar { margin-top: 4rem; }
.single .entry-header .entry-title { font-size: 3rem; }
.wp-block-quote p { font-size: 2.6rem; }
.single-adjacent-posts { flex-direction: column; }
.single-adjacent-post {
margin: 0;
border: none;
border-bottom: 1px solid var(--light);
}
.single-adjacent-post .single-adjacent-post__image, 
.single-adjacent-post .single-adjacent-post__overlay { opacity: 1 !important; }
.single-adjacent-post { color: var(--light); }
.wp-block-quote cite { font-size: 1.4rem; }
.project-taxonomy-nav {
background-color: transparent;
border-top: 1px solid var(--dark);
}
.project-taxonomy-nav__link { 
color: var(--dark); 
border-bottom: 1px solid var(--dark);
}
.project-taxonomy-nav__link.active {
background-color: #b92b08;
color: var(--light);
}
.primary-header-logo-mobile { 
display: block; 
flex: 0 0 auto;
order: 999;
border: none !important;
margin-top: auto;
padding: 2rem 1rem;
text-align: center;
}
}