:root {
--gf-editorial-paper: #F6F3ED;
--gf-editorial-ink: #181B21;
--gf-editorial-burgundy: #A63330;
--gf-editorial-quiet: #62656A;
--gf-editorial-line: #D8D3CB;
--headFont: 'Rokkitt', Georgia, serif;
--bodyFont: 'Rubik', Arial, sans-serif;
--title-font: 'Rokkitt', Georgia, serif;
--menus-font: 'Rubik', Arial, sans-serif;
}
body { font-family: "Rubik", Arial, sans-serif; }
body:not(.dark).custom-background,
body:not(.dark) #page,
body:not(.dark) .wrapper {
background-color: var(--gf-editorial-paper) !important;
background-image: none !important;
}
body:not(.dark) { color: var(--gf-editorial-ink); }
body:not(.dark) .bs-header-main,
body:not(.dark) .bs-header-main .inner {
background-color: var(--gf-editorial-paper) !important;
background-image: none !important;
}
body:not(.dark) .bs-header-main { border-bottom: 1px solid var(--gf-editorial-line); }
body:not(.dark) .site-branding-text .site-title a,
body:not(.dark) .m-header .site-branding-text .site-title a {
font-family: "Rokkitt", Georgia, serif !important;
color: var(--gf-editorial-ink) !important;
font-weight: 700 !important;
letter-spacing: -.035em;
}
body:not(.dark) .bs-header-main .bs-social a,
body:not(.dark) .bs-header-main .msearch,
body:not(.dark) .bs-header-main .msearch i {
color: var(--gf-editorial-burgundy) !important;
}
body:not(.dark) .bs-menu-full,
body:not(.dark) .bs-default .navbar-wp,
body:not(.dark) .bs-default .navbar-collapse,
body:not(.dark) .bs-default .navbar-collapse ul {
background: var(--gf-editorial-ink) !important;
}
body:not(.dark) .navbar-wp .navbar-nav > li > a,
body:not(.dark) .navbar-wp .dropdown-menu > li > a {
font-family: "Rubik", Arial, sans-serif !important;
font-size: 12px;
font-weight: 600;
letter-spacing: .035em;
color: #F6F3ED !important;
}
body:not(.dark) .navbar-wp .navbar-nav > li > a:hover,
body:not(.dark) .navbar-wp .navbar-nav > li > a:focus,
body:not(.dark) .navbar-wp .dropdown-menu > li > a:hover,
body:not(.dark) .navbar-wp .dropdown-menu > li > a:focus {
color: #F2B2AA !important;
background: #292D34 !important;
}
body:not(.dark) .navbar-wp .dropdown-menu,
body:not(.dark) .navbar-wp .dropdown-menu > li,
body:not(.dark) .navbar-wp .dropdown-menu > li > a {
background: var(--gf-editorial-ink) !important;
}
body:not(.dark) .navbar-wp .dropdown-menu {
border: 1px solid #41464F;
}
body:not(.dark) .navbar-wp .navbar-nav > li > a:focus-visible,
body:not(.dark) .navbar-wp .dropdown-menu a:focus-visible {
outline: 2px solid #F2B2AA;
outline-offset: -2px;
}
body:not(.dark) .m-header,
body:not(.dark) .m-header .navbar-header,
body:not(.dark) .m-header .right-nav {
background: var(--gf-editorial-paper) !important;
}
body:not(.dark) .m-header .msearch,
body:not(.dark) .m-header .msearch i {
color: var(--gf-editorial-burgundy) !important;
}
body:not(.dark) .m-header .navbar-toggler .icon-bar {
background-color: var(--gf-editorial-ink) !important;
}
body:not(.dark) h1,
body:not(.dark) h2,
body:not(.dark) h3,
body:not(.dark) h4,
body:not(.dark) h5,
body:not(.dark) h6 {
font-family: "Rokkitt", Georgia, serif;
}
body:not(.dark) .bs-blog-post .title a,
body:not(.dark) .bs-blog-post .title,
body:not(.dark) .bs-sidebar .bs-widget h4 {
color: var(--gf-editorial-ink);
}
body:not(.dark) .bs-blog-post .title a:hover,
body:not(.dark) .bs-sidebar a:hover {
color: var(--gf-editorial-burgundy);
}
body:not(.dark) footer.footer,
body:not(.dark) footer.footer .overlay,
body:not(.dark) footer.footer .bs-footer-widget-area,
body:not(.dark) footer.footer .bs-footer-copyright,
body:not(.dark) footer.footer .bs-footer-overlay-copyright {
background-color: var(--gf-editorial-ink) !important;
background-image: none !important;
}
body:not(.dark) footer.footer .bs-widget h2,
body:not(.dark) footer.footer .bs-widget h3,
body:not(.dark) footer.footer .bs-widget h4,
body:not(.dark) footer.footer .bs-widget h6,
body:not(.dark) footer.footer .site-title-footer a {
color: #F6F3ED !important;
font-family: "Rokkitt", Georgia, serif;
}
body:not(.dark) footer.footer .bs-widget p,
body:not(.dark) footer.footer .bs-widget li,
body:not(.dark) footer.footer .bs-widget a,
body:not(.dark) footer.footer .bs-footer-copyright p,
body:not(.dark) footer.footer .bs-footer-copyright a {
color: #DBD7D1 !important;
font-family: "Rubik", Arial, sans-serif;
}
body:not(.dark) footer.footer .bs-widget a:hover,
body:not(.dark) footer.footer .bs-footer-copyright a:hover {
color: #F2B2AA !important;
}
@media(max-width:991px) {
body:not(.dark) .navbar-wp .navbar-nav > li > a {
padding-left: 16px;
padding-right: 16px;
}
}body:not(.dark) .archive-class {
padding:22px 0 68px;
background:#F6F3ED;
}
.archive-class > .container > .page-entry-title {
margin:0 0 22px;
padding:26px 0 12px;
max-width:100%;
border:0;
border-top:3px solid #181B21;
border-radius:0;
background:transparent;
box-shadow:none;
}
body:not(.dark) .archive-class .page-entry-title .entry-title {
font:700 clamp(38px,5vw,61px)/1.09 "Rokkitt",Georgia,serif;
letter-spacing:-.035em;
color:#181B21;
}
.archive-class .page-entry-title .bs-breadcrumb-section {
margin-top:12px;
}
.archive-class .gf-archive-filters {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:9px;
padding:0 0 24px;
margin:0 0 27px;
border-bottom:1px solid #D8D3CB;
}
.archive-class .gf-archive-filters-label {
font:700 11px/1.6 "Rubik",Arial,sans-serif;
color:#62656A;
text-transform:uppercase;
letter-spacing:.12em;
margin-right:5px;
}
.archive-class a.gf-archive-filter {
display:inline-flex;
align-items:center;
text-decoration:none;
border:1px solid #D8D3CB;
color:#272B32;
background:#fff;
padding:9px 13px;
font:600 11px/1.4 "Rubik",Arial,sans-serif;
transition:background .2s,color .2s,border-color .2s;
}
.archive-class a.gf-archive-filter:hover,
.archive-class a.gf-archive-filter:focus-visible {
background:#F2E7E2;
border-color:#A63330;
color:#862320;
}
.archive-class a.gf-archive-filter.is-active {
color:#fff;
background:#A63330;
border-color:#A63330;
}
.archive-class > .container > .row > aside.sidebar-left {display:none}
.archive-class > .container > .row > .col-lg-8.content-right {
flex:0 0 100%;
width:100%;
max-width:100%;
min-width:0;
}
.archive-class #blog-list {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
column-gap:20px;
row-gap:30px;
align-items:stretch;
}
.archive-class #blog-list > .bs-blog-post.list-blog {
min-width:0;
width:100%;
display:flex;
flex-direction:column;
align-items:stretch;
gap:0;
padding:0;
margin:0;
border:1px solid #DDD8D0;
border-radius:0;
background:#fff;
box-shadow:none;
overflow:hidden;
transition:box-shadow .25s,transform .25s,border-color .25s;
}
.archive-class #blog-list > .bs-blog-post.list-blog:hover {
border-color:#C6BAB0;
box-shadow:0 10px 32px rgba(24,27,33,.09);
transform:translateY(-2px);
}
.archive-class #blog-list > .bs-blog-post.list-blog > .bs-blog-thumb {
width:100%;
max-width:none;
min-width:0;
height:auto;
min-height:0;
aspect-ratio:16/10;
margin:0;
border-radius:0;
background-color:#E3E3DF;
background-position:center;
background-size:cover;
}
.archive-class #blog-list > .bs-blog-post.list-blog > article.small {
display:flex;
flex:1;
flex-direction:column;
align-items:flex-start;
width:100%;
max-width:100%;
margin:0;
padding:19px 20px 22px;
font-size:13px;
line-height:1.6;
text-align:left;
}
.archive-class #blog-list > .bs-blog-post.list-blog .bs-blog-category {
margin:0 0 12px;
}
.archive-class #blog-list > .bs-blog-post.list-blog .bs-blog-category a {
padding:0!important;
background:transparent!important;
color:#A63330!important;
box-shadow:none!important;
border:0!important;
font:700 10px/1.5 "Rubik",Arial,sans-serif!important;
text-transform:uppercase;
letter-spacing:.12em;
}
.archive-class #blog-list > .bs-blog-post.list-blog h4.title {
width:100%;
margin:0 0 10px;
font:700 clamp(23px,2.35vw,30px)/1.12 "Rokkitt",Georgia,serif;
letter-spacing:-.025em;
overflow-wrap:anywhere;
}
body:not(.dark) .archive-class #blog-list > .bs-blog-post.list-blog h4.title a {
color:#181B21;
text-decoration:none;
}
body:not(.dark) .archive-class #blog-list > .bs-blog-post.list-blog h4.title a:hover {
color:#A63330;
}
.archive-class #blog-list > .bs-blog-post.list-blog .bs-blog-meta {
display:flex;
flex-wrap:wrap;
gap:9px;
width:100%;
align-items:center;
margin:2px 0 9px;
color:#62656A;
}
.archive-class #blog-list > .bs-blog-post.list-blog .bs-blog-meta span,
.archive-class #blog-list > .bs-blog-post.list-blog .bs-blog-meta a {
font:400 11px/1.45 "Rubik",Arial,sans-serif;
color:#62656A;
}
.archive-class #blog-list > .bs-blog-post.list-blog .bs-blog-meta .avatar {
display:none;
}
.archive-class #blog-list > .bs-blog-post.list-blog article.small > p {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
line-clamp:3;
overflow:hidden;
margin:5px 0 0;
padding:11px 0 0;
border-top:1px solid #ECE7E1;
color:#555A60;
font:400 12px/1.75 "Rubik",Arial,sans-serif;
} .archive-class #blog-list > .col-md-12 {
grid-column:1/-1;
width:100%;
max-width:100%;
display:flex;
justify-content:center!important;
align-items:center;
padding:18px 0 0;
}
.archive-class #blog-list > .col-md-12 > .navigation:not(.pagination) {display:none}
.archive-class #blog-list nav.pagination .nav-links {
display:flex;
gap:7px;
flex-wrap:wrap;
align-items:center;
justify-content:center;
}
.archive-class #blog-list nav.pagination .page-numbers {
display:inline-flex;
min-width:37px;
height:37px;
align-items:center;
justify-content:center;
background:#fff;
border:1px solid #D8D3CB;
color:#181B21;
padding:0 9px;
font:600 12px/1.3 "Rubik",Arial,sans-serif;
text-decoration:none;
}
.archive-class #blog-list nav.pagination .page-numbers.current {
background:#A63330;
color:#fff;
border-color:#A63330;
}
.archive-class #blog-list nav.pagination a.page-numbers:hover,
.archive-class #blog-list nav.pagination a.page-numbers:focus-visible {
border-color:#A63330;
color:#A63330;
}
.archive-class #blog-list nav.pagination .page-numbers.dots {
background:transparent;
border-color:transparent;
}
@media(max-width:991px) {
.archive-class #blog-list {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
body:not(.dark) .archive-class {padding-top:15px}
.archive-class > .container > .page-entry-title {padding-top:20px;margin-bottom:17px}
.archive-class .gf-archive-filters {gap:7px;padding-bottom:20px;margin-bottom:22px}
.archive-class .gf-archive-filters-label {flex-basis:100%;margin-bottom:3px}
.archive-class a.gf-archive-filter {padding:8px 10px}
.archive-class #blog-list {grid-template-columns:1fr;gap:19px}
.archive-class #blog-list > .bs-blog-post.list-blog > .bs-blog-thumb {aspect-ratio:16/9}
.archive-class #blog-list > .bs-blog-post.list-blog > article.small {padding:16px 17px 19px}
.archive-class #blog-list > .bs-blog-post.list-blog h4.title {font-size:27px}
}
@media(prefers-reduced-motion:reduce) {
.archive-class #blog-list > .bs-blog-post.list-blog {transition:none}
.archive-class #blog-list > .bs-blog-post.list-blog:hover {transform:none}
}body.custom-background div.site{max-width:1320px;margin:0 auto;}