video {
width: 100%;
height: auto;
vertical-align: middle;
object-fit: cover;
}
.flex {
display: flex;
}
.flex-1 {
flex: 1 1 0%;
}
.section-dark {
color: #fff;
}
.section-light {
color: #111;
}
.intro {
position: relative;
}
.intro .intro-content {
font-size: 1.25rem;
}
@media (min-width: 768px) {
.intro .intro-content {
font-size: 1rem;
}
}
.intro .intro-content .intro-content-title {
position: absolute;
border-radius: 4px;
bottom: 20px;
right: 20px;
}
@media (min-width: 768px) {
.intro .intro-content .intro-content-title {
bottom: 36px;
right: 36px;
}
}
.intro .intro-content .intro-content-title__left {
left: 5px;
}
@media (min-width: 768px) {
.intro .intro-content .intro-content-title__left {
left: 20px;
}
}
.intro .intro-content .intro-content-title-bg a {
background: #fff;
color: #000;
}
.intro .intro-content a {
display: block;
font-size: 1.375rem;
padding: 10px 18px;
line-height: 1;
}
.intro-has-bg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.width-vw-full {
width: 100vw;
}
.width-vw-quarter {
width: 75vw;
}
.width-vw-half {
width: 50vw;
}
.height-vw-full {
height: 100vw;
}
.height-vw-quarter {
height: 75vw;
}
.height-vw-half {
height: 50vw;
}
.gallery-2cols {
display: flex;
flex-direction: column;
}
.gallery-2cols .gallery-2cols-main {
padding-top: 500px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 768px) {
.gallery-2cols .gallery-2cols-main {
display: flex;
padding: 0;
height: 100vh;
max-height: 100vh;
position: sticky;
top: 0;
}
}
@media (min-width: 768px) {
.gallery-2cols {
flex-direction: row;
}
}
.foggiest-product-categories {
width: 100%;
height: 50vh;
}
.swiper-slide { display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide-80 {
width: 80%;
}
@media (min-width: 768px) {
.swiper-slide-80 {
width: 30%;
}
}
.foggiest-slider-endhalf {
width: 100%;
height: 300px;
}
@media (min-width: 768px) {
.foggiest-slider-endhalf {
height: calc(100vw / 3.5);
}
}
.foggiest-slider-endhalf .swiper-slide {
width: 80%;
}
@media (min-width: 768px) {
.foggiest-slider-endhalf .swiper-slide {
width: 30%;
}
}
.btn-rounded {
border-radius: 50px;
}
.btn-theme {
background: #ffebec;
color: #111;
}
.btn-theme:hover,
.btn-theme:focus {
background: #ffd1de;
color: #000;
}
:root {
--story-heading: #101D82;
--story-content: #6f6f6f;
}
.story {
padding: 18px 0;
color: var(--story-content);
}
@media (min-width: 768px) {
.story {
padding: 50px 0;
}
}
.story .title {
font-size: 2rem;
color: var(--story-heading);
}
@media (min-width: 768px) {
.story .title {
font-size: 2.75rem;
}
}
.story .tagline {
font-size: 1.75rem;
color: var(--story-heading);
}
.story .thumbnail {
margin-bottom: 2rem;
}
.masonry-items a {
color: #333;
}
.masonry-items a:hover {
color: #666;
text-decoration: none;
}
.masonry-items:after {
content: "";
display: block;
clear: both;
}
.masonry-sizer,
.masonry-item {
width: 100%;
}
@media (min-width: 768px) {
.masonry-sizer,
.masonry-item {
width: 40%;
}
.gutter-sizer {
width: 20%;
}
}
.masonry-item {
float: left;
}
.masonry-item__wrapper {
margin-bottom: 60px;
}
.masonry-item__wrapper:after {
content: "";
display: block;
border-bottom: 1px solid #d8d8d8;
}
.masonry-item__image {
max-width: 86%;
margin-bottom: 1em;
}
.masonry-item__content {
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 20px;
}
.masonry-item__title {
font-size: 22px;
font-weight: 600;
margin-bottom: 0.75em;
letter-spacing: 0.5px;
}
:root {
--product-heading: #000;
}
.product .thumbnail {
margin-bottom: 2rem;
}
.product .title {
font-size: 1rem;
color: var(--product-heading);
}
.product .price {
font-size: 0.85rem;
}