/** Shopify CDN: Minification failed
Line 1080:0 Unexpected "{"
**/
.article-hero img{
width: 100%;
aspect-ratio: 1.6;
object-fit: cover;
}
article.take-note header {
margin-top: 100px;
}
article.take-note header h1 {
margin-top: 0;
text-align: center;
text-transform: uppercase;
font-size: 28px;
font-weight: 400;
font-family: 'raleway', sans-serif;
color: #000;
letter-spacing: 7px;
margin-bottom: 52px;
}
article.take-note header .article-content {
max-width: 967px;
margin: 0 auto;
line-height: 26px;
font-size: 14px;
letter-spacing: 0.7px;
font-family: sorts_mill, raleway, -apple-system, system-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, helvetica neue, arial, sans-serif;
font-weight: 500;
}
article.take-note .image--rows {
display: flex;
gap: 22px;
flex-wrap: nowrap;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 115px;
margin-top: 100px;
}
article.take-note .image--rows.images--2 {
gap: 36px;
}
article.take-note .image--rows.images--6{
gap: 15px;
}
article.take-note .image--rows > div {
width: 100%;
display: inline-flex;
}
article.take-note .image--rows > div img {
width: 100%;
object-fit: cover;
}
article.take-note .homepage--aboutUs {
margin-top: 215px;
margin-bottom: 110px;
}
article.take-note .homepage--aboutUs .section__content-desc {
padding-left: 80px;
}
article.take-note .homepage--aboutUs .section__content-desc .section__content-desc_about, article.take-note .homepage--aboutUs .section__content-desc p {
font-size: 30px !important;
line-height: 50px;
letter-spacing: 1.5px;
font-style:italic;
}
article.take-note blockquote {
text-align: left;
padding-left: 37px;
border-left: 0.5px solid black;
font-size: 14px;
color: black;
line-height: 26px;
max-width: 975px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
font-family: sorts_mill, raleway, -apple-system, system-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, helvetica neue, arial, sans-serif;
letter-spacing: 0.7px;
margin-top: 100px;
margin-bottom: 100px;
}
article.take-note blockquote p {
font-size: 14px;
line-height: 26px;
letter-spacing: 0.7px;
}
article.take-note .content-w-image {
margin-top: 82px;
margin-bottom: 82px;
padding-left: 100px;
padding-right: 100px;
margin-left:auto;
margin-right:auto;
max-width: 1240px;
display: flex;
}
article.take-note .content-w-image .image-block {
margin-right: 100px;
width: 52%;
}
article.take-note .content-w-image .content-block {
width: 48%;
}
article.take-note .content-w-image.reversed {
flex-direction: row-reverse;
}
article.take-note .content-w-image.reversed .image-block {
margin-left: 100px;
margin-right: 0;
}
article.take-note section.content {
max-width: 970px;
margin: 0 auto;
margin-top: 85px;
margin-bottom: 85px;
}
article.take-note section.content > :first-child {
margin-top: 0;
}
article.take-note section.content h3 {
font-size: 17px;
letter-spacing: 4.25px;
margin-top: 60px;
line-height: 26px;
}
article.take-note section.content p {
font-size: 14px;
line-height: 26px;
}
article.take-note section.images-offset {
display: flex;
gap: 25px;
max-width: 1165px;
margin-left: auto;
margin-right: auto;
margin-bottom: 93px;
margin-top: 85px;
}
article.take-note section.images-offset .smaller-image {
width: 32%;
}
article.take-note section.images-offset .larger-image {
width: 68%;
}
article.take-note section.images-offset.reversed {
flex-direction: row-reverse;
}
article.take-note .homepage--featuredproduct h3 {
margin-left: auto;
margin-right: auto;
max-width: 467px;
letter-spacing: 4.25px;
}
article.take-note hr {
max-width: 1165px;
margin: 0 auto;
background-color:black;
}
article.take-note .content-w-offset-image {
padding-top: 144px;
padding-left: 100px;
padding-right: 100px;
text-align: center;
position: relative;
margin-bottom: 140px;
}
article.take-note .content-w-offset-image:before {
content: ' ';
width: 100%;
height: calc(100% - 126px);
background: #f6f3ec;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
article.take-note .content-w-offset-image .content-block {
max-width: 600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
}
article.take-note .content-w-offset-image .content-block p{
font-size: 14px;
line-height: 26px;
font-style: italic;
font-family: sorts_mill_italic, raleway;
}
article.take-note .content-w-offset-image .content-block h3 {
font-size: 30px;
font-style: italic;
font-family: sorts_mill_italic, sorts_mill, raleway, -apple-system, system-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, helvetica neue, arial, sans-serif;
line-height: 50px;
letter-spacing: 1.5px;
}
article.take-note .quick-notes {
padding-left: 122px;
padding-right: 100px;
padding-top: 82px;
padding-bottom: 120px;
background: #f6f3ec;
max-width: 1165px;
margin-left: auto;
margin-right: auto;
margin-top: 150px;
margin-bottom: 100px;
position: relative;
}
article.take-note .quick-notes h2 {
text-align: center;
font-size: 17px;
letter-spacing: 4.25px;
}
article.take-note .quick-notes:after {
content: ' ';
width: 100px;
height: 100px;
background: url('/cdn/shop/files/vintage-icon.png?v=1686724150');
position: absolute;
bottom: 35px;
left: 50px;
}
article.take-note .quick-notes .quick-notes-block {
display: flex;
margin-top: 70px;
}
article.take-note .quick-notes .quick-notes-block .image-block {
width: 49%;
}
article.take-note .quick-notes .quick-notes-block .content-block {
margin-right: 90px;
margin-top: auto;
margin-bottom: auto;
padding-bottom:90px;
}
article.take-note .quick-notes .quick-notes-block .content-block p {
margin-bottom: 30px;
line-height: 26px;
font-size: 14px;
}
article.take-note .quick-notes .quick-notes-block .content-block p:last-child {
margin-bottom: 0;
}
article.take-note .quick-notes.reversed .quick-notes-block {
flex-direction: row-reverse;
}
article.take-note .quick-notes.reversed .quick-notes-block .content-block {
margin-right: 0;
margin-left: 90px;
}
article.take-note .quick-notes.reversed:after {
left: unset;
right: 50px;
}
article.take-note .related-notes {
text-align: center;
margin-bottom: 78px;
margin-top: 78px;
}
article.take-note .related-notes h2 {
text-transform: uppercase;
font-size: 17px;
margin-bottom: 53px;
letter-spacing: 4.25px;
}
article.take-note .related-notes .related-notes-block {
display: flex;
gap: 25px;
max-width: 1165px;
margin-left: auto;
margin-right: auto;
}
article.take-note .related-notes .related-notes-block .related-note {
text-align: left;
width:100%;
max-width:50%;
margin:0 auto;
}
article.take-note .related-notes .related-notes-block .related-note .related-note-image {
width: 100%;
vertical-align: middle;
margin-bottom: 20px;
object-fit: cover;
aspect-ratio: 1.33/1;
}
article.take-note .related-notes .related-notes-block .related-note .related-note-category {
display: block;
font-size: 11px;
letter-spacing: 2.75px;
margin-bottom: 10px;
}
article.take-note .related-notes .related-notes-block .related-note .related-note-title {
font-size: 13px;
font-family: raleway, -apple-system, system-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, helvetica neue, arial, sans-serif;
line-height: 13px;
letter-spacing: .25em;
text-transform: uppercase;
margin-bottom: 10px;
display: inline-block;
}
article.take-note .related-notes .related-notes-block .related-note .related-note-description{
font-size: 14px;
font-family: 'sorts mill goudy', serif;
line-height: 26px;
letter-spacing: 0.7px;
padding-right: 10px;
}
article.take-note .related-notes .related-notes-block .related-note .related-note-more{
font-size: 9px;
text-transform: uppercase;
color: #000000;
margin-top: 10px;
letter-spacing: 2.25px;
position: relative;
padding-bottom: 2px;
display: inline-block;
border-bottom:1px solid black;
}
article.take-note .home-feature__products, article.take-note .home-feature__products .slick-list {
width: 100%;
}
@media screen and (max-width: 768px) {
article.take-note .image--rows {
max-width: 100%;
margin-left: 20px;
margin-right: 20px;
margin-top: 45px;
margin-bottom: 45px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px !important;
}
article.take-note .image--rows.images--1{
display:block;
}
article.take-note .homepage--aboutUs .section__content-image {
order: 2;
}
article.take-note blockquote {
max-width: 100%;
margin-left: 20px;
margin-right: 20px;
margin-top: 50px;
margin-bottom: 50px;
}
article.take-note .content-w-image {
flex-direction: column;
max-width: 100%;
margin-left: 20px;
margin-right: 20px;
padding-left:0;
padding-right:0;
margin-top:50px;
margin-bottom:50px;
}
article.take-note .content-w-image .image-block {
margin-right: 0;
margin-bottom: 20px;
}
article.take-note .content-w-image .image-block, article.take-note .content-w-image .image-block img,
article.take-note .content-w-image .content-block {
width: 100%;
}
article.take-note section.content {
max-width: 100%;
margin-top: 45px;
margin-bottom: 45px;
margin-left: 20px;
margin-right: 20px;
}
article.take-note hr{
max-width:calc(100% - 40px);
}
article.take-note .content-w-offset-image .content-block h3{
margin-top: 0;
font-size: 20px;
line-height: 30px;
}
article.take-note section.images-offset {
margin-top: 45px;
margin-bottom: 45px;
flex-direction: column;
margin-left:20px;
margin-right:20px;
gap:15px;
}
article.take-note section.images-offset > img {
width: 100% !important;
}
article.take-note section.images-offset.reversed {
flex-direction: column-reverse;
}
article.take-note .content-w-offset-image {
padding-top: 50px;
padding-left: 0;
padding-right: 0;
margin-bottom: 50px;
}
article.take-note .content-w-offset-image .content-block {
margin-bottom: 40px;
padding-left: 33px;
padding-right: 33px;
}
article.take-note section.content h3{
margin-top:40px;
}
article.take-note .content-w-offset-image .image-block img {
width: 100%;
}
article.take-note .quick-notes {
padding-left: 30px;
padding-right: 30px;
max-width: 100%;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 50px;
margin-top:50px;
}
article.take-note .quick-notes .quick-notes-block {
margin-top: 30px;
flex-direction: column;
}
article.take-note .quick-notes .quick-notes-block .content-block {
margin-bottom: 30px;
width: 100%;
padding-bottom:0;
}
article.take-note .quick-notes .quick-notes-block .image-block, article.take-note .quick-notes .quick-notes-block .image-block img {
width: 100%;
vertical-align: middle;
}
article.take-note .quick-notes:after {
bottom: unset;
top: 35px;
right: 35px;
left: unset;
width: 60px;
height: 60px;
background-size: cover;
}
article.take-note .related-notes {
margin-top: 58px;
margin-bottom: 52px;
}
article.take-note .related-notes .related-notes-block {
gap: 35px;
max-width: 100%;
margin-left: 20px;
margin-right: 20px;
flex-direction: column;
}
}
.blog--hero{
aspect-ratio:1.61/1;
background-repeat:no-repeat !important;
background-size:cover !important;
position:relative;
display:flex;
}
.blog--hero .hero--title{
margin-top:0;
margin-bottom:20px;
}
.blog--hero:before{
position:absolute;
top:0;
left:0;
content:' ';
width:100%;
height:100%;
background:rgba(0,0, 0, 0.3);
}
.blog--hero .container{
margin:auto;
text-align:center;
color:white;
z-index:3;
}
.blog--hero .container .hero--desp{
font-size:30px;
font-style:italic;
line-height:45px;
max-width:590px;
margin-top:15px;
font-family: 'sorts mill goudy', serif;
letter-spacing:1.5px;
}
.blog--categories {
text-align: center;
text-transform: uppercase;
justify-content: center;
font-size: 11px;
letter-spacing: 2.76px;
max-width: calc(100% - 90px);
margin-left: auto;
margin-right: auto;
}
.blog--categories .swiper-centered .swiper-wrapper{
justify-content: center;
align-items: center;
}
.blog--categories .blog--category {
width: fit-content;
letter-spacing:.15em;
font-size:11px;
}
.blog--categories .blog--category.active a {
color: #82807b;
}
.blog--categories--container {
position: relative;
padding-top: 24px;
padding-bottom: 24px;
}
.blog--categories--container:after {
content: ' ';
width: 100%;
height: 0.5px;
background: black;
position: absolute;
bottom: 0;
}
.blog--categories--container .arrow{
position:absolute;
top:0;
bottom:0;
cursor:pointer;
margin-top:auto;
margin-bottom:auto;
pointer-events:all
}
.blog--categories--container .arrow.left{
left:10px;
}
.blog--categories--container .arrow.right{
right:10px !important;
}
@media screen and (max-width: 767px){
.blog--categories .blog--category{
font-size:10px!important;
}
.blog--categories--container{
padding-top:20px;
padding-bottom:20px;
}
}
.blog--articles{
max-width:1165px;
margin:0 auto;
margin-top:95px;
padding-bottom:120px;
}
.blog--articles .blog--articles--container{
margin-bottom:60px;
}
.blog--articles .blog--articles--container .swiper .swiper-wrapper{
margin-bottom:30px;
}
.blog--articles .blog--article .article--img{
width:100%;
aspect-ratio:0.79;
vertical-align:middle;
margin-bottom:20px;
object-fit:cover;
}
.blog--articles .blog--article .article--description{
font-size:14px;
font-family: 'sorts mill goudy', serif;
line-height:26px;
letter-spacing:0.7px;
padding-right:10px;
}
.blog--articles .blog--article .article--title--main{
font-size: 13px;
line-height: 26px;
letter-spacing: .25em;
text-transform: uppercase;
margin-bottom: 10px;
display: inline-block;
}
.blog--articles .blog--article .article--title{
font-size:9px;
text-transform:uppercase;
color:#000000;
margin-top:10px;
letter-spacing: 2.25px;
position:relative;
padding-bottom:2px;
display:inline-block;
}
.blog--articles .blog--article .article--title{
border-bottom: 1px solid black;
}
.blog--articles .blog--articles--container{
position:relative;
margin-bottom:0;
}
.blog--articles .blog--articles--prev{
left:-70px;
}
.blog--articles .blog--articles--next{
right: -70px;
}
.blog--articles .blog--articles--prev,.blog--articles .blog--articles--next{
position:absolute;
top:-100px;
z-index:3;
bottom:0;
margin-top:auto;
margin-bottom:auto;
height:20px;
cursor:pointer;
width:fit-content;
}
.more--section{
background:#f6f3ec;
text-align:center;
padding-top:118px;
margin-bottom:230px;
}
.more--section .more--title{
font-family:raleway;
font-size:28px;
letter-spacing:
8.54px;
}
.more--section .more--description{
font-family:'sorts mill goudy',serif;
font-size:30px;
font-style:italic;
line-height:50px;
letter-spacing:
1.5px;
max-width:600px;
margin:0 auto;
width:95%;
margin-bottom:50px;
}
.more--section .more--link{
font-size:11px;
text-transform:uppercase;
letter-spacing:
3.52px;
color:#000000;
margin-top:10px;
position:relative;
padding-bottom:2px;
display:inline-block;
}
.more--section .more--link{
border-bottom:1px solid black;
}
.more--section .more--img{
margin-top:72px;
margin-bottom:-125px;
vertical-align:middle;
width:100%;
}
.more--section .container{
max-width:1165px;
margin:0 auto;
width:95%;
}
.blog--instagram .section{
padding-top:0;
}
.blog--instagram .section .section__header{
margin-bottom:20px;
text-transform:uppercase;
}
.blog--articles .blog--articles--description{
font-size:30px;
font-style:italic;
line-height:50px;
text-align:center;
width:650px;
max-width:95%;
margin:0 auto;
letter-spacing:
1.5px;
font-family:'sorts mill goudy',serif;
}
.blog--articles .blog--articles--container{
margin-top:100px;
max-width:96%;
margin-left:auto;
margin-right:auto;
}
.blog--articles:not(.all--articles) .swiper-wrapper{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap: 30px 24px;
}
@media screen and (max-width: 1250px){
.blog--articles--prev svg,.blog--articles--next svg{
width:39px;
height: 14px;
}
.blog--articles .blog--articles--prev {
top: unset;
margin-left: auto;
}
.blog--articles .blog--articles--next {
top: unset;
margin-right: auto;
}
.blog--articles .blog--articles--prev{
left:calc(50% - 59px);
}
.blog--articles .blog--articles--next {
left:calc(50% + 5px);
}
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
.more--section{
padding-top:70px;
}
article.take-note .homepage--aboutUs {
margin-bottom: 60px;
margin-top: 180px;
}
article.take-note .homepage--aboutUs .section__content-desc {
padding-left: 40px;
padding-top: 20px;
}
article.take-note .homepage--aboutUs .section__content-desc .section__content-desc_about {
font-size: 25px !important;
line-height: 36px;
}
article.take-note header .article-content {
max-width: 90%;
}
article.take-note .image--rows {
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
max-width: 90%;
}
article.take-note blockquote {
max-width: 90%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
margin-top: 50px;
margin-bottom: 50px;
}
article.take-note .content-w-image {
max-width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
article.take-note .content-w-image .image-block {
width: 50%;
margin-right: 50px;
}
article.take-note .content-w-image .image-block img {
width: 100%;
}
article.take-note .content-w-image .content-block {
width: 50%;
}
article.take-note section.content {
margin-top: 50px;
margin-bottom: 50px;
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
article.take-note section.content h3 {
margin-top: 40px;
}
article.take-note section.images-offset {
max-width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
margin-top: 50px;
column-gap: 0;
justify-content: space-between;
}
article.take-note section.images-offset .larger-image {
width: 66%;
}
article.take-note section.images-offset .smaller-image {
width: 30%;
}
article.take-note .homepage--featuredProduct .container--l {
padding-top: 0px;
padding-bottom: 50px;
}
article.take-note hr {
max-width: 90%;
}
article.take-note .content-w-offset-image {
padding-left: 50px;
padding-right: 50px;
padding-top: 60px;
margin-bottom: 50px;
}
article.take-note .content-w-offset-image img {
width: 100%;
}
article.take-note .content-w-offset-image h3 {
margin-top: 0;
}
article.take-note .quick-notes {
margin-top: 50px;
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
margin-bottom: 50px;
}
article.take-note .quick-notes .quick-notes-block {
margin-top: 40px;
}
article.take-note .quick-notes .quick-notes-block .content-block {
width: 40%;
}
article.take-note .quick-notes .quick-notes-block img {
width: 100%;
}
article.take-note .related-notes {
margin-top: 50px;
margin-bottom: 50px;
}
article.take-note .related-notes .related-notes-block {
max-width: 95%;
}
}
@media screen and (max-width: 768px) {
.more--section{
padding-top:60px;
margin-bottom:190px;
}
.more--section .container {
max-width: 100%;
width: 100%;
}
.more--section .container .more--img {
margin-top: 43px;
width: 100%;
}
.more--section .container .more--title {
font-size: 17px;
line-height: 37px;
}
.more--section .container .more--description {
font-size: 20px;
line-height: 37px;
margin-bottom: 20px;
}
.blog--articles {
margin-top: 40px;
}
.blog--articles .blog--articles--description {
font-size: 20px;
line-height: 30px;
}
.blog--articles .blog--articles--container {
margin-top: 50px;
margin-left:20px;
margin-right:20px;
}
.blog--categories--dropdown {
text-align: center;
text-transform: uppercase;
font-size: 11px;
font-family: raleway,-apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;
position: relative;
}
.blog--categories--dropdown .selected-option {
z-index: 10;
position: relative;
cursor: pointer;
}
.blog--categories--dropdown .selected-option svg {
transform: rotate(180deg);
width: 9px;
height: 6px;
margin-left: 10px;
}
.blog--categories--dropdown .options {
display: none;
position: absolute;
top: 42px;
width: 100%;
background: white;
z-index: 9;
max-height: 240px;
overflow-y: auto;
}
.blog--categories--dropdown .options a {
display: block;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #000000;
}
.blog--categories--dropdown .options a:first-child {
border-top: 1px solid #000000;
}
.blog--categories--dropdown.open .selected-option svg {
transform: unset;
}
.blog--categories--dropdown.open .options {
display: block;
}
.blog--hero .container .hero--logo{
width:195px;
}
.blog--hero .container .hero--desp{
font-size:14px;
line-height:27px;
max-width:250px;
margin-left:auto;
margin-right:auto;
}
.blog--articles:not(.all--articles) .swiper-wrapper{
grid-template-columns:unset;
}
article.take-note .homepage--aboutUs {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
article.take-note .homepage--aboutUs .bg-wrapper:before {
top: 0 !important;
margin-top: 0 !important;
}
article.take-note .homepage--aboutUs .section__content-desc{
padding-left: 33px;
padding-right: 33px;
text-align: center;
}
article.take-note .homepage--aboutUs .section__content-desc .section__content-desc_about {
font-size: 20px !important;
line-height: 30px !important;
margin-bottom:0;
}
article.take-note header[role="banner"]:not(#header) {
margin-top: 45px !important;
}
article.take-note header[role="banner"]:not(#header) h1 {
font-size: 20px !important;
margin-bottom:30px;
}
article.take-note header[role="banner"]:not(#header) .article-content {
margin-left: 20px !important;
margin-right: 20px !important;
}
article.take-note .related-notes .related-notes-block .related-note{
max-width:100%;
}
}
.blog--categories .blog--category:last-child {
margin-right: 0 !important;
}
.take-note--instagram .container--l {
max-width: 1175px;
padding-left: 0;
padding-right: 0;
}
.take-note--instagram .container--l .instafeed-container img {
width: 94% !important;
}
.blog--articles--actions {
text-align: center;
margin-top: 40px;
}
.blog--articles--actions a {
display: inline-block;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1200px) {
.homepage--aboutUs.side-by-side.takeNote-sideBySide .section__content-image {
padding-right: 80px;
}
}
.takeNote--featuredProducts .container--l{
padding-top:36px !important;
}
.takeNote--featuredProducts .home-feature__products-all_btn .btn {
padding: 19px 33px;
}
.article-image-link {
position: relative;
}
.article-image-link .article-hover {
position: absolute;
top: 0;
width: 100%;
height: calc(100% - 20px);
background: rgba(75, 72, 70, 0.6);
color: white;
display: flex;
align-content: center;
text-align: center;
justify-content: center;
align-items: center;
text-transform: uppercase;
font-size: 19px;
line-height: 30px;
display: none;
}
.article-image-link .article-hover .article-hover-title {
max-width: 300px;
font-size: 19px;
letter-spacing:.25em;
}
.article-image-link:hover .article-hover {
display: flex;
}
section.content ul {
margin-left: 20px;
margin-top: 32px;
}
section.content ul li {
padding-left: 10px;
margin-bottom: 31px;
FONT-FAMILY: SORTS_MILL;
font-size: 14px;
}
section.content ul li:last-child {
margin-bottom: 0;
}
section.content-columns {
width: 970px;
max-width: 90%;
margin: 85px auto;
display: grid;
}
section.content-columns.two-columns {
grid-template-columns: repeat(2, 1fr);
gap: 50px;
}
article.take-note h1,
article.take-note h2,
article.take-note h3,
article.take-note h4,
article.take-note h5,
article.take-note h6,
{
letter-spacing:0.25em;
}
@media screen and (max-width: 768px) {
section.content-columns {
display:block;
width:unset;
grid-template-columns: unset !important;
max-width: 100%;
margin: 45px 20px;
gap: 0 !important;
}
}
.blog--categories--container {
border-bottom: unset;
}
.blog--categories--container:after {
content: ' ';
width: 100%;
height: 0.5px;
background: black;
position: absolute;
bottom: 0;
}
.content-w-image .content-block h1,
.content-w-image .content-block h2,
.content-w-image .content-block h3,
.content-w-image .content-block h4,
.content-w-image .content-block h5,
.content-w-image .content-block h6 {
font-family: 'raleway', sans-serif;
letter-spacing:.25em;
}
.content-w-image .content-block h3{
font-size:17px;
line-height:37px;
}
.content-w-image .content-block ul {
margin-left: 20px;
}
.content-w-image .content-block ul li {
font-family: sorts_mill,raleway,-apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;
font-size: 14px;
letter-spacing: 0.7px;
font-weight: 500;
padding-left: 0;
margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
.content-w-image .content-block h3 {
font-size: 17px;
}
}
.blog--articles--pagination ul {
text-align: center;
}
.blog--articles--pagination ul li {
display: inline-block;
width: 20px !important;
height: 20px !important;
}
.blog--articles--pagination ul li:first-child {
margin-right: 5px;
}
.blog--articles--pagination ul li.pagination-active {
width: 10px !important;
}
.blog--articles--pagination ul li.pagination-active span {
font-weight: 400 !important;
opacity: 0.4;
}
.blog--articles--pagination ul li > * {
font-size: 11px;
font-family: raleway;
letter-spacing: 0.05em;
}
.article--navigations {
width: 1165px;
max-width:95%;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
.article--navigations .previous-post,
.article--navigations .next-post {
font-family: sorts_mill, raleway, -apple-system, system-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, helvetica neue, arial, sans-serif;
}
.article--navigations .previous-post svg{
transform: rotate(180deg);
}
.article--navigations .previous-post span {
margin-left: 10px;
display: inline-block;
}
.article--navigations .next-post span {
display: inline-block;
margin-right: 10px;
}
@media only screen and (min-width: 1441px) and (max-width: 1536px){
.article-hotspot{
max-width:800px !important;
}
}
#articles-container{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px 24px;
max-width: 96%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 1024px){
#articles-container{
grid-template-columns: unset;
}
}
article.take-note header h1{
width:95%;
max-width: 967px;
margin-left: auto;
margin-right: auto;
line-height: 1.5;
}
article.take-note .content-w-offset-image img{
width: 100%;
}
article.take-note .quick-notes .quick-notes-block .content-block{
width:51%;
}
article.take-note .quick-notes .image-block img{
width:100%;
}
article.take-note .content-w-image .image-block img{
width:100%;
}
article.take-note .article-content a {
text-decoration: underline;
}
article.take-note .article--navigations{
display:flex;
}
article.take-note .article--navigations .next-post{
margin-left:auto;
}
article.take-note .quick-notes-block ,
article.take-note .quick-notes-block .content-block,
article.take-note .quick-notes-block .content-block > *{
font-family: sorts_mill, raleway, -apple-system, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial, sans-serif;
}
article.take-note .quick-notes-block ul li{
font-size: 14px;
letter-spacing: .005em;
}