/* home page */
html, body { background-color: #fff; }
div.home-focus { position: relative; max-width: 1920px; margin: 0 auto 42px; overflow: hidden; }
div.home-focus .home-focus-text { width: 100%; height: 100%; padding: 50px; z-index: 2; position: absolute; opacity: 0; overflow-anchor: none; }
div.home-focus .home-focus-text h1 { color: #fff; font-size: 48px; margin: 0 40px 8px; font-family: 'geomanistregular','geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; word-break: break-word; }
div.home-focus .home-focus-text h3 { font-size: 26px; height: 26px; margin-bottom: 48px; }
div.home-focus .home-focus-text .modlar-btn, div.home-research .modlar-btn { display: inline-block; padding: 15px 73px; font-size: 16px; font-family: 'geomanistbook','geomanistregular','geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.home-focus .home-focus-text .modlar-btn:hover { filter: brightness(75%); }
div.home-focus .lSPager { z-index: 3; position: absolute; bottom: 21px; left: 0; right: 0; opacity: 0.8; }
div.home-focus .lSSlideOuter .lSPager.lSpg > li { position: relative; padding: 0 14px; }
div.home-focus .lSSlideOuter .lSPager.lSpg > li a { position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; background-color: #fff; border-radius: 0; border: 1px solid #000; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
div.home-focus .lSSlideOuter .lSPager.lSpg > li a:hover { width: 10px; height: 10px; margin: -5px 0 0 -5px; }
div.home-focus .lSSlideOuter .lSPager.lSpg > li.active a, div.home-focus .lSSlideOuter .lSPager.lSpg > li.active a:hover { width: 12px; height: 12px; margin: -6px 0 0 -6px; background-color: #e74c3c; border-color: #e74c3c; }
div.home-focus .lSSlideOuter .lSAction > .lSPrev { left: 16px; }
div.home-focus .lSSlideOuter .lSAction > .lSNext { right: 16px; }
div.home-focus .lSSlideOuter .lSAction > a { width: auto; height: auto; opacity: 1; color: #ffffff; font-size: 38px; background-image: none; text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0px -1px 0 #000, 0 1px 0 #000; }
div.home-research { margin-bottom: 148px; }
div.home-research h2 { margin-bottom: 42px; }
div.home-browse h3 { font-family: 'geomanistbook','geomanistregular','geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 24px; color: #e74c3c; }
div.home-browse .home-browse-link:hover h3 { color: #c0392c; }
div.home-browse p { font-family: 'geomanistregular','geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 16px; color: #000; margin: 20px 0 0; }
div.home-browse img { margin: 0 auto; }
div.home-browse .home-browse-link { text-decoration: none; }
div.home-browse .img-container-outer { height: 100px; margin: 0 auto; }
div.home-browse .img-container-inner { position: relative; float: right; right: 50%; }
div.home-browse .img-container-inner img { position: relative; right: -50%; }
div.home-featured { font-family: 'geomanistregular','geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; margin-bottom: 118px; color: #000; }
div.home-featured:last-of-type { margin-bottom: 0; }
div.home-featured h3 { margin-top: 40px; font-size: 30px; line-height: 30px; text-transform: uppercase; }
div.home-featured .home-h-line { border-bottom: 4px solid #e74c3c; width: 49px; margin: 12px auto 54px; }
div.home-featured a { color: #9b9b9b; }
div.home-featured .home-featured-subtitle { border-top: 1px solid #979797; margin-bottom: 50px; line-height: 1px; text-transform: uppercase; }
div.home-featured .home-featured-subtitle > span { font-size: 20px; padding: 0 30px; color: #262626; background-color: #fff; }
div.home-featured > div.row { text-align: left; font-size: 13px; color: #9b9b9b; }
div.home-featured .home-featured-brands { min-height: 85px; }
div.home-featured .home-featured-brands img { margin: 0 auto; }
div.home-featured a.btn { border: 1px solid #e74c3c; font-size: 13px; border-radius: 0; margin-top: 46px; color: #e74c3c; padding: 9px 29px; text-transform: uppercase; }
div.home-featured a.btn:hover { background-color: #fff; }
div.home-featured .product { margin-bottom: 0; }
/* photos featured styles */
div.featured-photos .photo, div.latest-photos .photo { padding-bottom: 20px; opacity: 0; }
div.featured-photos .photo .photo-tile .save-to-folder, div.latest-photos .photo .photo-tile .save-to-folder { position: absolute; top: 0; right: 15px; padding: 13px 21px; color: #fff; display: none; }
div.featured-photos .photo .photo-tile:hover .save-to-folder, div.latest-photos .photo .photo-tile:hover .save-to-folder { display: block; z-index: 5; }
div.featured-photos .photo .photo-title, div.latest-photos .photo .photo-title { height: 40px; margin: 15px 0 19px; overflow: hidden; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; font-size: 16px; text-align: center; }
div.featured-photos .photo .photo-title a, div.latest-photos .photo .photo-title a { color: #000; }
div.latest-photos .photo img { margin: 0 auto; }
/* hover effect */
figure { position: relative; overflow: hidden; width: 100%; }
figure:hover figcaption { opacity: 1; background: rgba(0, 0, 0, 0.7); color: #fff; }
figure:hover figcaption a { text-decoration: none; color: #fff; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; padding-right: 78px; }
figure:hover figcaption a:nth-child(2) { position: absolute; right: 14px; padding: 13px 21px; }
figcaption { position: absolute; left: 0; width: 100%; height: 76px; padding: 15px 14px 15px 20px; opacity: 0; font-size: 16px; line-height: 22px; color: transparent; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background; transition-property: color, background;}
#lightslider { list-style: none; max-height: 480px; margin: 0; padding-left: 0; overflow: hidden; }
#lightslider > li > div { position: relative; }
#carousel-thumbnail { display: none; opacity: 0; position: absolute; z-index: 2; }
div.home-focus .carousel-thumbnail-bottomright { display: none; opacity: 0; position: absolute; bottom: 32px; right: 32px; z-index: 2; }
div.home-focus .carousel-thumbnail-center { display: none; opacity: 0; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
/* browse brands section */
div.browse-brands { margin-bottom: 34px; }
div.browse-brands-container { padding: 24px 24px 12px; border: solid 1px #bdc3c7; }
div.browse-brands-title { margin: 8px 0 26px; font-size: 20px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.browse-brands-type { margin-top: 10px; font-size: 12px; text-transform: uppercase; text-align: left; color: #81828f; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.browse-brands-link { overflow: hidden; line-height: 24px; text-align: left; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.browse-brands-link a { font-size: 20px; color: #000000; }
div.browse-brands-link a:hover { text-decoration: none; color: #e74c3c; }
div.browse-brands-link a i { font-size: 16px; }
div.browse-brands-lightslider { position: relative; padding-bottom: 24px; overflow: hidden; }
div.browse-brands-lightslider ul, div.browse-brands-lightslider li, #browse-brands-lightslider ul, #browse-brands-lightslider li { list-style: none; }
#browse-brands-lightslider, #browse-brands-lightslider li.lslide { min-height: 182px; max-height: 182px; }
#browse-brands-lightslider .row { margin-top: 4px; margin-bottom: 4px; }
#browse-brands-lightslider .home-featured-brands { min-height: 85px; }
#browse-brands-lightslider .home-featured-brands img { margin: 0 auto; }
/* browse digests section */
div.browse-digests { margin-bottom: 34px; }
div.browse-digests-container { padding: 24px 0 12px; }
div.browse-digests-title { margin: 8px 0 26px; font-size: 20px; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.browse-digests-type { font-size: 12px; text-transform: uppercase; text-align: left; color: #81828f; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.browse-digests-link { overflow: hidden; line-height: 24px; text-align: left; font-family: 'geomanistbook', 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.browse-digests-link a { font-size: 20px; color: #000000; }
div.browse-digests-link a:hover { text-decoration: none; color: #e74c3c; }
div.browse-digests-link a i { font-size: 16px; }
div.browse-digests .digest-item-title-container { margin-top: 5px; overflow: hidden; line-height: 24px; float: left; text-align: left; font-family: 'geomanistbook','geomanistregular','geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.browse-digests .digest-item-title { font-size: 16px; color: #000000; }
div.browse-digests .digest-item-title:hover { text-decoration: none; color: #e74c3c; }
/* browse photos/products section styles */
div.browse-categories { background-color: #ecf0f1; margin: 17px 0 66px; padding: 38px 0; }
div.browse-categories .category-section { text-align: left; }
div.browse-categories .browse-heading { display: block; margin-bottom: 13px; color: #000000; font-size: 16px; font-weight: bold; }
div.browse-categories a.browse-heading:hover { color: #e74c3c; text-decoration: none; }
div.browse-categories .category-section span, div.browse-categories .category-section a { color: #000000; font-size: 11px; }
div.browse-categories .category-section a:hover { color: #e74c3c; text-decoration: none; }
div.browse-categories .category-section .browse-categories-view-all { white-space: nowrap; }
div.contact-section { background-color: #e74c3c; margin: 60px 0 66px; padding-bottom: 25px; }
div.contact-section .contact-section-heading { color: #ffffff; font-size: 22px; }
div.contact-section .contact-section-text { color: #ffffff; }
div.contact-section .contact-section-link { color: #ffffff; display: block; }
div.digest-signup { margin-bottom: 70px; }
div.digest-signup .digest-signup-email { width: 100%; max-width: 400px; margin: 0 auto; }
div.digest-signup .digest-signup-email input { padding: 12px 12px; height: 44px; }
div.digest-signup .digest-signup-email .modlar-btn { padding: 12px 12px; }
/* feed items */
div.end-of-feed { margin-top: 105px; overflow-anchor: none; }
div.feed-item { padding-bottom: 34px; font-family: 'geomanistbook','geomanistregular','geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.feed-item .feed-item-content { position: relative; border: solid 1px #bdc3c7; }
div.feed-item .content-type { margin-top: 10px; float: left; width: 50%; font-size: 12px; text-transform: uppercase; text-align: left; }
div.feed-item .interaction { margin-top: 10px; float: right; font-size: 12px; color: #81828f; width: 50%; text-align: right; }
div.feed-item .feed-item-content img { margin: 0 auto; color: #9b9b9b; max-height: 100%; }
div.feed-item .feed-item-title-container { height: 49px; overflow: hidden; line-height: 24px; float: left; text-align: left; }
div.feed-item .feed-item-title { font-size: 20px; color: #000000; }
div.feed-item .feed-item-title:hover { text-decoration: none; color: #e74c3c; }
div.feed-item .feed-btn-panel { display: none; position: absolute; left: 50%; bottom: 27px; transform: translateX(-50%); white-space: nowrap; }
div.feed-item .feed-btn-panel *:first-child { margin: 0 20px 0 0; }
div.feed-item .feed-item-content:hover .feed-btn-panel { display: block; }
div.feed-item .modlar-btn { width: 70px; border: solid 1px #e74c3c; font-size: 12px; }
div.feed-item .btn-2 { background-color: #ffffff; color: #e74c3c; }
div.feed-item-regular .feed-item-inner { max-width: 360px; margin: 0 auto; }
div.feed-item-regular .feed-item-content { height: 250px; }
div.feed-item-regular .brand-content { height: 100%; }
div.feed-item-hero .feed-item-content { height: auto; }
div.feed-item-hero .brand-img-container { height: 400px; max-height: 100%; }
div.feed-item-hero .brand-cover-img { width: 100%; height: 100%; }
div.feed-item-hero .brand-logo { position: absolute; top: 30px; left: 30px; width: 165px; height: 110px; }
div.feed-item-hero .product-img { display: inline-block; max-width: 340px; max-height: 270px; margin: 0 15px 33px !important; }
div.feed-item-hero .product-brand-img { margin: 10px auto !important; }
div.feed-item-hero .product-content { height: auto; overflow: hidden; }
div.feed-item-regular .feed-item-content .brand-product-images { height: 64px; overflow: hidden; margin-top: 58px; }
div.feed-item-regular .feed-item-content img.brand-product-image { display: inline-block; margin: 0 10px 16px }
div.feed-item .feed-item-content .follow-btn { padding: 7px 0; font-size: 12px; width: 70px; text-align: center; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; }
div.feed-item .feed-item-content .brand-follow { display: inline-block; }
div.feed-item .feed-item-content .brand-follow:hover { background-color: #c0392b; color:white; }
div.feed-item .feed-item-content .brand-following { min-width: 87px; }
div.feed-item .feed-item-content .brand-unfollow:hover { min-width: 87px; background-color: #fff !important; border: 1px solid #47c67f !important; color: #47c67f !important; }
div.feed-item .photo-img { width: 100%; }
div.feed-item .podcast-img { width: 100%; }
div.feed-item .news-img { width: 100%; }
div.feed-item .product-category-title { font-size: 20px; margin: 30px auto; }
div.feed-item .product-category-img { display: inline-block; margin-bottom: 15px !important; }
div.feed-item .product-category-name { font-size: 13px; color: #000000; max-width: 64px; white-space: nowrap; }
div.feed-item .product-category-name > span { margin: 0 -50%; }
div.feed-item .product-category-content { max-height: 100%; overflow: hidden; }
div.feed-item .product-category-container { display: inline-block; margin: 0 20px; }
div.feed-item.photo-collection-feed-item .feed-item-content { border: none; }
div.feed-item.photo-collection-feed-item .feed-item-content .photo-collection-photo { padding: 0; }
div.feed-item.photo-collection-feed-item .modlar-btn { width: 85px; }
div.feed-item .lSNext, div.feed-item .lSPrev { display: none; }
.lSPager { z-index: 3; position: absolute; bottom: 21px; left: 0; right: 0; opacity: 0.8; }
.lSSlideOuter .lSPager.lSpg > li { position: relative; padding: 0 14px; }
.lSSlideOuter .lSPager.lSpg > li:hover a { background-color: #ffffff; }
.lSSlideOuter .lSPager.lSpg > li a { position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; background-color: #fff; border-radius: 0; border: 1px solid #000; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
.lSSlideOuter .lSPager.lSpg > li a:hover { width: 10px; height: 10px; margin: -5px 0 0 -5px; }
.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li.active a:hover { width: 12px; height: 12px; margin: -6px 0 0 -6px; background-color: #e74c3c; border-color: #e74c3c; }
#load-more-btn { display: inline-block; border: solid 1px #e74c3c; background-color: #ffffff; color: #e74c3c; text-transform: uppercase; padding: 16px 53px; font-weight: bold; text-decoration: none; cursor: pointer; }
#modlar-search-loader { margin: 12px auto 0; width: 70px; text-align: center; }
#modlar-search-loader .spinner { margin: 0; width: 50px; height: 40px; text-align: center; font-size: 10px; }
#modlar-search-loader .spinner > div { background-color: #ddd; height: 100%; width: 6px; margin: 0 3px 0 0; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
#modlar-search-loader .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
#modlar-search-loader .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
#modlar-search-loader .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
#modlar-search-loader .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
@media (max-width: 480px) {
#lightslider { max-height: 355px; }
#lightslider > li > div { max-height: 355px !important; }
div.feed-item-regular .feed-item-content { height: auto; }
div.feed-item-regular .feed-item-content .brand-product-images { height: 80px; }
div.feed-item .product-category-img { width: 50px; height: 50px; }
div.feed-item .product-category-name { max-width: 50px; }
div.feed-item .product-category-content { height: 250px; }
}
@media (max-width: 767px) { /* extra small devices (phones, less than 768px) */
/*div.home-focus .home-focus-text { top: 0; }*/
div.home-focus .home-focus-text h1 { font-size: 30px; padding-top: 28px; padding-bottom: 28px; margin: 0; }
div.home-focus .home-focus-text h3 { font-size: 15px; margin-bottom: 24px; }
div.home-focus .home-focus-text .modlar-btn { padding: 14px 50px; }
div.featured-photos .photo { padding-bottom: 0; }
div.home-browse { margin-bottom: 0 !important; }
div.home-browse p { margin-bottom: 20px !important; font-size: 14px; }
div.home-browse h3 { font-size: 22px; }
div.home-featured .product { margin-bottom: 30px; }
div.home-featured h3 { font-size: 18px; line-height: 25px; }
div.home-featured .home-featured-subtitle span { font-size: 15px; padding: 0 15px; }
figure img { width: 100%; }
figure figcaption { opacity: 1; height: auto !important; min-height: 76px; background: rgba(0, 0, 0, 0.7); color: #fff; padding-right: 100px; }
figure figcaption a { text-decoration: none; color: #fff !important; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; padding-right: 0; }
figure figcaption a:nth-child(2) { position: absolute; right: 14px; padding: 13px 21px; }
}
@media (min-width: 768px) and (max-width: 880px) { /* small devices (tablets, less than 992px) */
div.home-focus .home-focus-text h1 { font-size: 42px; }
div.home-focus .home-focus-text h3 { font-size: 21px; }
div.home-browse h3 { font-size: 20px; }
div.home-browse p { font-size: 13px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
figure figcaption { opacity: 1; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 12px; line-height: 17px; }
figure figcaption a { text-decoration: none; color: #fff !important; font-family: 'geomanistregular', 'geomanistlight', 'geomanistextralight', 'geomanistthin', Helvetica, sans-serif; padding-right: 78px; }
figure figcaption a:nth-child(2) { position: absolute; right: 14px; padding: 10px 18px; }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
figcaption { font-size: 9px !important; line-height: 13px !important; }
figure figcaption a { padding-right: 64px !important; }
figure figcaption a:nth-child(2) { padding: 6px 14px !important; }
}
@media (max-width: 1023px) {
div.home-research h2 { font-size: 22px; }
div.home-focus .home-focus-text h1 { padding-top: 28px; padding-bottom: 28px; }
div.home-focus .carousel-thumbnail-bottomright { width: 100%; bottom: 42px; right: 0; }
div.browse-categories .browse-products { padding-top: 40px; }
div.feed-item .feed-item-inner { max-width: 360px; margin: 0 auto; }
div.feed-item-hero .brand-img-container { height: 250px; }
#browse-brands-lightslider, #browse-brands-lightslider li.lslide { min-height: 352px; max-height: 352px; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
div.feed-item-regular .feed-item-content { height: 203.7px; }
div.feed-item-regular .feed-item-content .brand-product-images { margin-top: 14px; }
div.feed-item-regular .feed-item-content .product-img { height: 138.5px; }
div.feed-item-regular .feed-item-content .product-brand-img { height: 52.96px; }
div.feed-item .product-category-title { margin: 20px auto; }
div.feed-item .product-category-container { margin: 0 16px; }
}