/* ==========================================================================
#Grid Settings
========================================================================== */
/* Grid variables
========================================================================== */
/* Media Queries
========================================================================== */
@import url(../../node_modules/slick-carousel/slick/slick.css);
@import url(../../node_modules/slick-carousel/slick/slick-theme.css);
/* ==========================================================================
#Global variables
========================================================================== */
/* ==========================================================================
Fonts
========================================================================== */
/* ==========================================================================
Misc
========================================================================== */
/* ==========================================================================
Spacing
========================================================================== */
/* ==========================================================================
#Mixins
========================================================================== */
/* Grid class generator
========================================================================== */
/* line 13, scss/settings/_mixins.scss */
.sm-1 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-1 {
width: calc(8.33333% - 2.16667rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-1 {
width: calc(8.33333% - 2.16667rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-2 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-2 {
width: calc(16.66667% - 2.33333rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-2 {
width: calc(16.66667% - 2.33333rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-3 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-3 {
width: calc(25% - 2.5rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-3 {
width: calc(25% - 2.5rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-4 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-4 {
width: calc(33.33333% - 2.66667rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-4 {
width: calc(33.33333% - 2.66667rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-5 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-5 {
width: calc(41.66667% - 2.83333rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-5 {
width: calc(41.66667% - 2.83333rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-6 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-6 {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-6 {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-7 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-7 {
width: calc(58.33333% - 3.16667rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-7 {
width: calc(58.33333% - 3.16667rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-8 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-8 {
width: calc(66.66667% - 3.33333rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-8 {
width: calc(66.66667% - 3.33333rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-9 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-9 {
width: calc(75% - 3.5rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-9 {
width: calc(75% - 3.5rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-10 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-10 {
width: calc(83.33333% - 3.66667rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-10 {
width: calc(83.33333% - 3.66667rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-11 {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-11 {
width: calc(91.66667% - 3.83333rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-11 {
width: calc(91.66667% - 3.83333rem);
float: left;
margin-left: 2rem;
}
}
/* line 13, scss/settings/_mixins.scss */
.sm-12, .c-trending .view-content {
position: relative;
}
@media only screen and (min-width: 0) {
/* line 13, scss/settings/_mixins.scss */
.sm-12, .c-trending .view-content {
width: calc(100% - 4rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1024px) {
/* line 13, scss/settings/_mixins.scss */
.sm-12, .c-trending .view-content {
width: calc(100% - 4rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-1 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-1 {
width: calc(8.33333% - 2.16667rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-2 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-2 {
width: calc(16.66667% - 2.33333rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-3 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-3 {
width: calc(25% - 2.5rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-4 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-4 {
width: calc(33.33333% - 2.66667rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-5 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-5 {
width: calc(41.66667% - 2.83333rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-6 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-6 {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-7 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-7 {
width: calc(58.33333% - 3.16667rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-8 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-8 {
width: calc(66.66667% - 3.33333rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-9 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-9 {
width: calc(75% - 3.5rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-10 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-10 {
width: calc(83.33333% - 3.66667rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-11 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-11 {
width: calc(91.66667% - 3.83333rem);
float: left;
margin-left: 2rem;
}
}
/* line 27, scss/settings/_mixins.scss */
.md-12 {
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/settings/_mixins.scss */
.md-12 {
width: calc(100% - 4rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-1 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-1 {
width: calc(8.33333% - 2.16667rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-2 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-2 {
width: calc(16.66667% - 2.33333rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-3 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-3 {
width: calc(25% - 2.5rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-4 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-4 {
width: calc(33.33333% - 2.66667rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-5 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-5 {
width: calc(41.66667% - 2.83333rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-6 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-6 {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-7 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-7 {
width: calc(58.33333% - 3.16667rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-8 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-8 {
width: calc(66.66667% - 3.33333rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-9 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-9 {
width: calc(75% - 3.5rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-10 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-10 {
width: calc(83.33333% - 3.66667rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-11 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-11 {
width: calc(91.66667% - 3.83333rem);
float: left;
margin-left: 2rem;
}
}
/* line 37, scss/settings/_mixins.scss */
.lg-12 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 37, scss/settings/_mixins.scss */
.lg-12 {
width: calc(100% - 4rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 550px) {
/* line 56, scss/settings/_mixins.scss */
.sm-push-1 {
margin-left: calc(8.33333% - 2.16667rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-2 {
margin-left: calc(16.66667% - 2.33333rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-3 {
margin-left: calc(25% - 2.5rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-4 {
margin-left: calc(33.33333% - 2.66667rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-5 {
margin-left: calc(41.66667% - 2.83333rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-6 {
margin-left: calc(50% - 3rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-7 {
margin-left: calc(58.33333% - 3.16667rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-8 {
margin-left: calc(66.66667% - 3.33333rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-9 {
margin-left: calc(75% - 3.5rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-10 {
margin-left: calc(83.33333% - 3.66667rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-11 {
margin-left: calc(91.66667% - 3.83333rem + 4rem);
}
/* line 56, scss/settings/_mixins.scss */
.sm-push-12 {
margin-left: calc(100% - 4rem + 4rem);
}
}
@media only screen and (min-width: 768px) {
/* line 62, scss/settings/_mixins.scss */
.md-push-1 {
margin-left: calc(8.33333% - 2.16667rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-2 {
margin-left: calc(16.66667% - 2.33333rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-3 {
margin-left: calc(25% - 2.5rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-4 {
margin-left: calc(33.33333% - 2.66667rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-5 {
margin-left: calc(41.66667% - 2.83333rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-6 {
margin-left: calc(50% - 3rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-7 {
margin-left: calc(58.33333% - 3.16667rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-8 {
margin-left: calc(66.66667% - 3.33333rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-9 {
margin-left: calc(75% - 3.5rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-10 {
margin-left: calc(83.33333% - 3.66667rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-11 {
margin-left: calc(91.66667% - 3.83333rem + 4rem);
}
/* line 62, scss/settings/_mixins.scss */
.md-push-12 {
margin-left: calc(100% - 4rem + 4rem);
}
}
@media only screen and (min-width: 1025px) {
/* line 68, scss/settings/_mixins.scss */
.lg-push-1 {
margin-left: calc(8.33333% - 2.16667rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-2 {
margin-left: calc(16.66667% - 2.33333rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-3 {
margin-left: calc(25% - 2.5rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-4 {
margin-left: calc(33.33333% - 2.66667rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-5 {
margin-left: calc(41.66667% - 2.83333rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-6 {
margin-left: calc(50% - 3rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-7 {
margin-left: calc(58.33333% - 3.16667rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-8 {
margin-left: calc(66.66667% - 3.33333rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-9 {
margin-left: calc(75% - 3.5rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-10 {
margin-left: calc(83.33333% - 3.66667rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-11 {
margin-left: calc(91.66667% - 3.83333rem + 4rem);
}
/* line 68, scss/settings/_mixins.scss */
.lg-push-12 {
margin-left: calc(100% - 4rem + 4rem);
}
}
/* Palette mixin
========================================================================== */
/* Font size mixin
========================================================================== */
/* Other mixins
========================================================================== */
/* ==========================================================================
#o-Grid
========================================================================== */
/* line 6, scss/settings/_grid.scss */
.o-grid, .o-grid--content, .c-trending {
margin-left: auto;
margin-right: auto;
max-width: 85rem;
position: relative;
}
/* line 26, node_modules/bourbon-neat/core/neat/mixins/_grid-container.scss */
.o-grid::after, .o-grid--content::after, .c-trending::after {
clear: both;
content: "";
display: block;
}
@media only screen and (min-width: 0) {
/* line 14, scss/settings/_grid.scss */
.o-grid .o-grid, .o-grid--content .o-grid, .c-trending .o-grid, .o-grid .o-grid--content, .o-grid--content .o-grid--content, .c-trending .o-grid--content, .o-grid .c-trending, .o-grid--content .c-trending, .c-trending .c-trending {
margin-left: -2rem;
margin-right: -2rem;
width: calc(100% + 4rem);
}
}
@media only screen and (min-width: 1024px) {
/* line 14, scss/settings/_grid.scss */
.o-grid .o-grid, .o-grid--content .o-grid, .c-trending .o-grid, .o-grid .o-grid--content, .o-grid--content .o-grid--content, .c-trending .o-grid--content, .o-grid .c-trending, .o-grid--content .c-trending, .c-trending .c-trending {
margin-left: -2rem;
margin-right: -2rem;
width: calc(100% + 4rem);
}
}
/* line 25, scss/settings/_grid.scss */
.o-grid--content {
max-width: 50rem;
}
/* line 30, scss/settings/_grid.scss */
.o-grid--footer {
margin-left: -60px;
margin-right: -60px;
width: calc(100% + 120px);
}
/* line 26, node_modules/bourbon-neat/core/neat/mixins/_grid-container.scss */
.o-grid--footer::after {
clear: both;
content: "";
display: block;
}
/* line 34, scss/settings/_grid.scss */
.o-grid--footer .o-grid__item {
width: calc(100% - 120px);
float: left;
margin-left: 60px;
}
@media only screen and (min-width: 768px) {
/* line 34, scss/settings/_grid.scss */
.o-grid--footer .o-grid__item {
width: calc(25% - 75px);
float: left;
margin-left: 60px;
}
}
/* ==========================================================================
#Block-grid
========================================================================== */
/* line 50, scss/settings/_grid.scss */
[class*="bg-sm"],
[class*="bg-md"],
[class*="bg-lg"] {
padding: 0;
margin: 0;
list-style: none;
padding-left: 0 !important;
margin-bottom: 1.6rem !important;
}
/* line 205, scss/settings/_mixins.scss */
[class*="bg-sm"]::after,
[class*="bg-md"]::after,
[class*="bg-lg"]::after {
content: '';
display: table;
clear: both;
}
/* line 59, scss/settings/_grid.scss */
[class*="bg-sm"] li::before,
[class*="bg-md"] li::before,
[class*="bg-lg"] li::before {
display: none;
}
/* Small block grids
========================================================================== */
@media (min-width: 550px) and (max-width: 767px) {
/* line 68, scss/settings/_grid.scss */
.bg-sm-1 > li {
width: calc(100% - 4rem);
float: left;
margin-left: 2rem;
}
}
@media (min-width: 550px) and (max-width: 767px) {
/* line 75, scss/settings/_grid.scss */
.bg-sm-2 > li {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem;
}
}
@media (min-width: 550px) and (max-width: 767px) {
/* line 82, scss/settings/_grid.scss */
.bg-sm-3 > li {
width: calc(33.33333% - 2.66667rem);
float: left;
margin-left: 2rem;
}
}
@media (min-width: 550px) and (max-width: 767px) {
/* line 89, scss/settings/_grid.scss */
.bg-sm-4 > li {
width: calc(25% - 2.5rem);
float: left;
margin-left: 2rem;
}
}
@media (min-width: 550px) and (max-width: 767px) {
/* line 96, scss/settings/_grid.scss */
.bg-sm-5 > li {
width: calc(20% - 2.4rem);
float: left;
margin-left: 2rem;
}
}
@media (min-width: 550px) and (max-width: 767px) {
/* line 103, scss/settings/_grid.scss */
.bg-sm-6 > li {
width: calc(16.66667% - 2.33333rem);
float: left;
margin-left: 2rem;
}
}
/* Medium block grids
========================================================================== */
@media (min-width: 768px) and (max-width: 1024px) {
/* line 114, scss/settings/_grid.scss */
.bg-md-1 > li {
width: calc(100% - 4rem);
float: left;
margin-left: 2rem;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* line 121, scss/settings/_grid.scss */
.bg-md-2 > li {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* line 128, scss/settings/_grid.scss */
.bg-md-3 > li {
width: calc(33.33333% - 2.66667rem);
float: left;
margin-left: 2rem;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* line 135, scss/settings/_grid.scss */
.bg-md-4 > li {
width: calc(25% - 2.5rem);
float: left;
margin-left: 2rem;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* line 142, scss/settings/_grid.scss */
.bg-md-5 > li {
width: calc(20% - 2.4rem);
float: left;
margin-left: 2rem;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* line 149, scss/settings/_grid.scss */
.bg-md-6 > li {
width: calc(16.66667% - 2.33333rem);
float: left;
margin-left: 2rem;
}
}
/* Large block grids
========================================================================== */
@media only screen and (min-width: 1025px) {
/* line 160, scss/settings/_grid.scss */
.bg-lg-1 > li {
width: calc(100% - 4rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 167, scss/settings/_grid.scss */
.bg-lg-2 > li {
width: calc(50% - 3rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 174, scss/settings/_grid.scss */
.bg-lg-3 > li {
width: calc(33.33333% - 2.66667rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 181, scss/settings/_grid.scss */
.bg-lg-4 > li {
width: calc(25% - 2.5rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 188, scss/settings/_grid.scss */
.bg-lg-5 > li {
width: calc(20% - 2.4rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 195, scss/settings/_grid.scss */
.bg-lg-6 > li {
width: calc(16.66667% - 2.33333rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 202, scss/settings/_grid.scss */
.bg-lg-7 > li {
width: calc(14.28571% - 2.28571rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 209, scss/settings/_grid.scss */
.bg-lg-8 > li {
width: calc(12.5% - 2.25rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 216, scss/settings/_grid.scss */
.bg-lg-9 > li {
width: calc(11.11111% - 2.22222rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 223, scss/settings/_grid.scss */
.bg-lg-10 > li {
width: calc(10% - 2.2rem);
float: left;
margin-left: 2rem;
}
}
@media only screen and (min-width: 0) {
/* line 235, scss/settings/_grid.scss */
.sm-shift-0 {
margin-left: calc(0% - 2rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-1 {
margin-left: calc(8.33333% - 2.16667rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-2 {
margin-left: calc(16.66667% - 2.33333rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-3 {
margin-left: calc(25% - 2.5rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-4 {
margin-left: calc(33.33333% - 2.66667rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-5 {
margin-left: calc(41.66667% - 2.83333rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-6 {
margin-left: calc(50% - 3rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-7 {
margin-left: calc(58.33333% - 3.16667rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-8 {
margin-left: calc(66.66667% - 3.33333rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-9 {
margin-left: calc(75% - 3.5rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-10 {
margin-left: calc(83.33333% - 3.66667rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-11 {
margin-left: calc(91.66667% - 3.83333rem + 4rem);
}
/* line 235, scss/settings/_grid.scss */
.sm-shift-12 {
margin-left: calc(100% - 4rem + 4rem);
}
}
@media only screen and (min-width: 768px) {
/* line 241, scss/settings/_grid.scss */
.md-shift-0 {
margin-left: calc(0% - 2rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-1 {
margin-left: calc(8.33333% - 2.16667rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-2 {
margin-left: calc(16.66667% - 2.33333rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-3 {
margin-left: calc(25% - 2.5rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-4 {
margin-left: calc(33.33333% - 2.66667rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-5 {
margin-left: calc(41.66667% - 2.83333rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-6 {
margin-left: calc(50% - 3rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-7 {
margin-left: calc(58.33333% - 3.16667rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-8 {
margin-left: calc(66.66667% - 3.33333rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-9 {
margin-left: calc(75% - 3.5rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-10 {
margin-left: calc(83.33333% - 3.66667rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-11 {
margin-left: calc(91.66667% - 3.83333rem + 4rem);
}
/* line 241, scss/settings/_grid.scss */
.md-shift-12 {
margin-left: calc(100% - 4rem + 4rem);
}
}
@media only screen and (min-width: 1025px) {
/* line 247, scss/settings/_grid.scss */
.lg-shift-0 {
margin-left: calc(0% - 2rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-1 {
margin-left: calc(8.33333% - 2.16667rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-2 {
margin-left: calc(16.66667% - 2.33333rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-3 {
margin-left: calc(25% - 2.5rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-4 {
margin-left: calc(33.33333% - 2.66667rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-5 {
margin-left: calc(41.66667% - 2.83333rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-6 {
margin-left: calc(50% - 3rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-7 {
margin-left: calc(58.33333% - 3.16667rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-8 {
margin-left: calc(66.66667% - 3.33333rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-9 {
margin-left: calc(75% - 3.5rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-10 {
margin-left: calc(83.33333% - 3.66667rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-11 {
margin-left: calc(91.66667% - 3.83333rem + 4rem);
}
/* line 247, scss/settings/_grid.scss */
.lg-shift-12 {
margin-left: calc(100% - 4rem + 4rem);
}
}
/* ==========================================================================
Colors
========================================================================== */
/* ==========================================================================
#Reset
========================================================================== */
/* line 6, scss/settings/_shared.scss */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
margin: 0;
padding: 0;
}
/* line 39, scss/settings/_shared.scss */
abbr[title],
dfn[title] {
cursor: help;
}
/* line 49, scss/settings/_shared.scss */
u,
ins {
text-decoration: none;
}
/* line 59, scss/settings/_shared.scss */
ins {
border-bottom: 1px solid;
}
/* line 63, scss/settings/_shared.scss */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre,
button,
.c-btn,
input[type=submit],
button,
.c-btn--wrap a,
.c-btn--amazon a,
.field--name-field-tags a,
.view-user-reviews .view-empty a,
img {
margin: 0 0 1.6rem;
padding: 0;
}
/* line 87, scss/settings/_shared.scss */
ul,
ol {
margin-left: 1.7rem;
}
/* line 1, scss/trumps/_trumps.scss */
.t-white {
background-color: #fff;
}
/* line 5, scss/trumps/_trumps.scss */
.t-gray {
background-color: #f8f8f8;
}
/* line 1, scss/objects/_band.scss */
.o-band, .account-info, .block-views-blocktrending-block-1 {
padding: 4rem 0;
}
/* line 1, scss/objects/_list.scss */
.c-list--inline {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: center;
}
@media only screen and (min-width: 768px) {
/* line 1, scss/objects/_list.scss */
.c-list--inline {
justify-content: left;
}
}
/* ==========================================================================
#Page
- High level page styling, HTML tag only.
========================================================================== */
/* line 6, scss/base/_page.scss */
html {
box-sizing: border-box;
}
/* line 9, scss/base/_page.scss */
*, *:before, *:after {
box-sizing: inherit;
}
/* line 13, scss/base/_page.scss */
html,
body {
background-color: #F9F9F9;
font-family: "Montserrat", sans-serif;
line-height: 24px;
font-size: 17px;
overflow-x: hidden;
overflow-y: visible;
min-height: 100%;
color: #757575;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
overflow-wrap: break-word;
}
@media only screen and (min-width: 768px) {
/* line 13, scss/base/_page.scss */
html,
body {
line-height: 1.6;
font-size: 18px;
}
}
/* line 36, scss/base/_page.scss */
img {
max-width: 100%;
display: inline-block;
height: auto;
}
/* ==========================================================================
#Headings
========================================================================== */
/*doc
---
title: Headings
name: headings
category: Base - Headings
---
Default styling for headings 1-6
```html_example
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
```
*/
/* line 24, scss/base/_headings.scss */
h1,
.alpha {
font-size: 2.75rem;
line-height: 1.25253;
font-weight: 300;
}
/* line 30, scss/base/_headings.scss */
h2,
.beta {
font-size: 1.7rem;
line-height: 1.3;
font-family: "Montserrat", sans-serif;
font-weight: 300;
color: #ff99a9;
}
/* line 38, scss/base/_headings.scss */
h3,
.gamma {
font-size: 1.5rem;
line-height: 1.2;
font-family: "Montserrat", sans-serif;
font-weight: 300;
}
/* line 45, scss/base/_headings.scss */
h4,
.delta {
font-size: 2rem;
line-height: 1.72222;
font-family: "Montserrat", sans-serif;
}
/* line 51, scss/base/_headings.scss */
h5,
.epsilon {
font-size: 1.88rem;
line-height: 1.83215;
}
/* line 56, scss/base/_headings.scss */
h6,
.zeta {
font-size: 1.5rem;
line-height: 1.14815;
font-family: "Montserrat", sans-serif;
font-weight: 300;
}
/* ==========================================================================
Form elements
========================================================================== */
/* line 5, scss/base/_forms.scss */
label {
display: block;
}
/* line 8, scss/base/_forms.scss */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
font-size: 1rem;
border: 0;
font-family: "Montserrat", sans-serif;
padding: .95rem 1rem;
width: 100%;
background: #f1f1f1;
}
/* line 213, scss/settings/_mixins.scss */
input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/* line 214, scss/settings/_mixins.scss */
input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
color: #aaa;
}
/* line 215, scss/settings/_mixins.scss */
input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
/* line 216, scss/settings/_mixins.scss */
input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input:not([type]):-moz-placeholder, textarea:-moz-placeholder {
color: #aaa;
}
/* line 18, scss/base/_forms.scss */
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
box-shadow: none;
outline: 0;
}
/* line 24, scss/base/_forms.scss */
textarea {
min-height: 4.6875rem;
overflow: auto;
resize: vertical;
width: 100%;
}
/* line 31, scss/base/_forms.scss */
fieldset {
border: 1px solid #ddd;
margin: 0 0 0.8rem;
padding: 1.6rem;
}
/* line 37, scss/base/_forms.scss */
[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/* line 41, scss/base/_forms.scss */
[type="checkbox"],
[type="radio"] {
display: inline;
margin-right: 0.4rem;
}
/* line 46, scss/base/_forms.scss */
[type="checkbox"] + label,
[type="radio"] + label {
display: inline-block;
}
/* line 51, scss/base/_forms.scss */
[type="file"] {
margin-bottom: 0.8rem;
display: none;
}
/* line 56, scss/base/_forms.scss */
select {
margin-bottom: 1.6rem;
max-width: 100%;
width: auto;
}
/* line 64, scss/base/_forms.scss */
.c-footer .webform-submission-email-signup-form input[type=email] {
background: #ff768b;
border: 0;
padding: .7rem 1rem;
font-size: .89rem;
transition: all .25s ease-in-out;
color: #fff;
}
/* line 213, scss/settings/_mixins.scss */
.c-footer .webform-submission-email-signup-form input[type=email]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.52);
}
/* line 214, scss/settings/_mixins.scss */
.c-footer .webform-submission-email-signup-form input[type=email]::-moz-placeholder {
color: rgba(255, 255, 255, 0.52);
}
/* line 215, scss/settings/_mixins.scss */
.c-footer .webform-submission-email-signup-form input[type=email]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.52);
}
/* line 216, scss/settings/_mixins.scss */
.c-footer .webform-submission-email-signup-form input[type=email]:-moz-placeholder {
color: rgba(255, 255, 255, 0.52);
}
/* line 73, scss/base/_forms.scss */
.c-footer .webform-submission-email-signup-form input[type=email]:hover {
background: #ff6c82;
}
/* line 78, scss/base/_forms.scss */
.c-footer .webform-submission-email-signup-form .c-btn, .c-footer .webform-submission-email-signup-form input[type=submit], .c-footer .webform-submission-email-signup-form
button, .c-footer .webform-submission-email-signup-form .c-btn--wrap a, .c-btn--wrap .c-footer .webform-submission-email-signup-form a, .c-footer .webform-submission-email-signup-form .c-btn--amazon a, .c-btn--amazon .c-footer .webform-submission-email-signup-form a, .c-footer .webform-submission-email-signup-form .field--name-field-tags a, .field--name-field-tags .c-footer .webform-submission-email-signup-form a, .c-footer .webform-submission-email-signup-form .view-user-reviews .view-empty a, .view-user-reviews .view-empty .c-footer .webform-submission-email-signup-form a {
background-color: #ff9fad;
border-radius: 0;
padding: .7rem 2rem;
font-size: .89rem;
font-weight: normal;
text-transform: none;
}
@media only screen and (min-width: 768px) {
/* line 78, scss/base/_forms.scss */
.c-footer .webform-submission-email-signup-form .c-btn, .c-footer .webform-submission-email-signup-form input[type=submit], .c-footer .webform-submission-email-signup-form
button, .c-footer .webform-submission-email-signup-form .c-btn--wrap a, .c-btn--wrap .c-footer .webform-submission-email-signup-form a, .c-footer .webform-submission-email-signup-form .c-btn--amazon a, .c-btn--amazon .c-footer .webform-submission-email-signup-form a, .c-footer .webform-submission-email-signup-form .field--name-field-tags a, .field--name-field-tags .c-footer .webform-submission-email-signup-form a, .c-footer .webform-submission-email-signup-form .view-user-reviews .view-empty a, .view-user-reviews .view-empty .c-footer .webform-submission-email-signup-form a {
padding: .7rem 1rem;
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
/* line 78, scss/base/_forms.scss */
.c-footer .webform-submission-email-signup-form .c-btn, .c-footer .webform-submission-email-signup-form input[type=submit], .c-footer .webform-submission-email-signup-form
button, .c-footer .webform-submission-email-signup-form .c-btn--wrap a, .c-btn--wrap .c-footer .webform-submission-email-signup-form a, .c-footer .webform-submission-email-signup-form .c-btn--amazon a, .c-btn--amazon .c-footer .webform-submission-email-signup-form a, .c-footer .webform-submission-email-signup-form .field--name-field-tags a, .field--name-field-tags .c-footer .webform-submission-email-signup-form a, .c-footer .webform-submission-email-signup-form .view-user-reviews .view-empty a, .view-user-reviews .view-empty .c-footer .webform-submission-email-signup-form a {
padding: .7rem 2rem;
width: auto;
}
}
/* line 97, scss/base/_forms.scss */
.c-footer .webform-submission-email-signup-form .c-btn:hover, .c-footer .webform-submission-email-signup-form input[type=submit]:hover, .c-footer .webform-submission-email-signup-form
button:hover, .c-footer .webform-submission-email-signup-form .c-btn--wrap a:hover, .c-btn--wrap .c-footer .webform-submission-email-signup-form a:hover, .c-footer .webform-submission-email-signup-form .c-btn--amazon a:hover, .c-btn--amazon .c-footer .webform-submission-email-signup-form a:hover, .c-footer .webform-submission-email-signup-form .field--name-field-tags a:hover, .field--name-field-tags .c-footer .webform-submission-email-signup-form a:hover, .c-footer .webform-submission-email-signup-form .view-user-reviews .view-empty a:hover, .view-user-reviews .view-empty .c-footer .webform-submission-email-signup-form a:hover {
background-color: #ff94a5;
}
/* line 103, scss/base/_forms.scss */
.field--type-image .c-form__file,
.c-form__file {
display: block;
}
/* line 108, scss/base/_forms.scss */
.c-form__file {
font-size: 1rem;
}
/* line 113, scss/base/_forms.scss */
.c-form__file:hover {
cursor: pointer;
}
/* line 117, scss/base/_forms.scss */
.c-form__file i {
margin-right: .5rem;
font-size: 1em;
}
/* line 123, scss/base/_forms.scss */
.image-widget {
background-color: #fff;
display: flex;
padding: 1.85rem 1.5rem;
align-items: center;
justify-content: space-between;
}
/* line 130, scss/base/_forms.scss */
.image-widget .file-size {
display: none;
}
/* line 134, scss/base/_forms.scss */
.image-widget .image-preview {
width: 88px;
height: 88px;
overflow: hidden;
border-radius: 50%;
}
/* line 142, scss/base/_forms.scss */
.image-widget-data {
font-size: .89rem;
}
/* line 144, scss/base/_forms.scss */
.image-widget-data .form-type-textfield label {
display: block;
}
/* line 148, scss/base/_forms.scss */
.image-widget-data input[type=submit] {
margin-left: 1rem;
}
/* line 155, scss/base/_forms.scss */
.c-form__wrap,
.layout--onecol {
box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.04);
border-radius: 8px;
position: relative;
overflow: hidden;
margin-bottom: 2rem;
}
/* line 164, scss/base/_forms.scss */
.l-user .user-form .layout--onecol,
.node-product-form .layout--onecol {
box-shadow: none;
border-radius: 0;
}
/* line 170, scss/base/_forms.scss */
.node-product-form .entity-content-form-footer {
display: none;
}
/* line 174, scss/base/_forms.scss */
.node-product-form .layout--onecol {
overflow: visible;
}
/* line 179, scss/base/_forms.scss */
.form-item input.error {
border: 0;
color: #CF1E3A;
}
/* line 186, scss/base/_forms.scss */
.messages {
position: relative;
z-index: 10;
margin-bottom: 2rem;
}
/* ==========================================================================
Links
========================================================================== */
/* line 5, scss/base/_links.scss */
a,
a:link,
a:visited {
transition: all .25s ease-in-out;
color: #FFB8C3;
text-decoration: none;
}
/* line 13, scss/base/_links.scss */
a:hover {
color: #FFB8C3;
}
/* line 2, scss/base/_table.scss */
table th {
text-align: left;
}
/* line 6, scss/base/_table.scss */
table td,
table th {
padding: .5rem;
border: 1px solid #ececec;
}
/* line 2, scss/layout/_landing-page.scss */
.layout-container {
margin: 0;
}
/* line 7, scss/layout/_landing-page.scss */
.landing-page svg {
clear: both;
display: block;
}
/* line 12, scss/layout/_landing-page.scss */
.landing-page .sponsors-logo {
max-width: 150px;
height: auto;
display: block;
margin-bottom: 0;
margin: 0 auto;
}
/* line 19, scss/layout/_landing-page.scss */
.landing-page .sponsors-logo__wrap {
box-shadow: 0 0 20px rgba(213, 220, 227, 0.8);
border-radius: 35px;
padding: 1rem;
min-width: 150px;
display: inline-block;
margin-bottom: 2rem;
width: 100%;
}
@media only screen and (min-width: 950px) {
/* line 19, scss/layout/_landing-page.scss */
.landing-page .sponsors-logo__wrap {
position: absolute;
top: 2rem;
right: 2rem;
width: auto;
}
}
/* line 35, scss/layout/_landing-page.scss */
.landing-page .sponsors-logo__wrap .tagline {
text-align: center;
font-size: .7rem;
text-transform: uppercase;
padding-bottom: .5rem;
margin-bottom: 1rem;
border-bottom: 1px solid #f5f5f5;
font-weight: bold;
color: #FFB8C3;
}
/* line 45, scss/layout/_landing-page.scss */
.landing-page .sponsors-logo__wrap .tagline::before {
display: inline-block;
}
@media only screen and (min-width: 950px) {
/* line 45, scss/layout/_landing-page.scss */
.landing-page .sponsors-logo__wrap .tagline::before {
display: none;
}
}
/* line 56, scss/layout/_landing-page.scss */
.landing-page .c-btn, .landing-page input[type=submit], .landing-page
button, .landing-page .c-btn--wrap a, .c-btn--wrap .landing-page a, .landing-page .c-btn--amazon a, .c-btn--amazon .landing-page a, .landing-page .field--name-field-tags a, .field--name-field-tags .landing-page a, .landing-page .view-user-reviews .view-empty a, .view-user-reviews .view-empty .landing-page a {
margin-bottom: 2rem;
}
/* line 73, scss/layout/_landing-page.scss */
.landing-page em {
color: #FFB8C3;
font-style: normal;
font-weight: 700;
}
/* line 80, scss/layout/_landing-page.scss */
.landing-page .wrap {
display: flex;
flex-direction: column;
}
/* line 85, scss/layout/_landing-page.scss */
.landing-page .top {
/* height: calc(100vh - 13rem); */
}
@media only screen and (min-width: 950px) {
/* line 85, scss/layout/_landing-page.scss */
.landing-page .top {
align-items: center;
height: calc(100vh);
display: flex;
}
}
/* line 96, scss/layout/_landing-page.scss */
.landing-page .mobile-top {
display: flex;
justify-content: center;
padding: 2rem 0;
}
@media only screen and (min-width: 950px) {
/* line 96, scss/layout/_landing-page.scss */
.landing-page .mobile-top {
display: none;
}
}
/* line 106, scss/layout/_landing-page.scss */
.landing-page .left {
height: 300px;
background-size: cover;
background-position: center;
}
@media only screen and (min-width: 950px) {
/* line 106, scss/layout/_landing-page.scss */
.landing-page .left {
height: 100%;
width: 40%;
}
}
@media only screen and (min-width: 950px) and (min-height: 0) and (max-height: 740px) {
/* line 106, scss/layout/_landing-page.scss */
.landing-page .left {
width: 30%;
}
}
/* line 125, scss/layout/_landing-page.scss */
.landing-page .right {
height: 100%;
background-color: #fff;
color: #757575;
display: flex;
align-items: center;
padding: 2rem;
}
@media only screen and (min-width: 950px) {
/* line 125, scss/layout/_landing-page.scss */
.landing-page .right {
padding: 4rem;
width: 60%;
}
}
@media only screen and (min-width: 950px) and (min-height: 0) and (max-height: 740px) {
/* line 125, scss/layout/_landing-page.scss */
.landing-page .right {
width: 70%;
}
}
/* line 142, scss/layout/_landing-page.scss */
.landing-page .right svg {
display: none;
}
@media only screen and (min-width: 950px) {
/* line 142, scss/layout/_landing-page.scss */
.landing-page .right svg {
display: block;
}
}
/* line 151, scss/layout/_landing-page.scss */
.landing-page .bottom {
padding: 3rem 2rem 3rem 2rem;
text-align-last: center;
border-top: 1px solid #e8e8e8;
}
@media only screen and (min-width: 1025px) {
/* line 151, scss/layout/_landing-page.scss */
.landing-page .bottom {
padding: 3rem 2rem 3rem 2rem;
}
}
@media only screen and (min-width: 1150px) {
/* line 151, scss/layout/_landing-page.scss */
.landing-page .bottom {
padding: 3rem 5rem 3rem 5rem;
}
}
/* line 165, scss/layout/_landing-page.scss */
.landing-page h1 {
text-transform: uppercase;
font-size: 2.25rem;
margin-bottom: 1.5rem;
line-height: 1.1;
font-weight: 700;
margin-top: 0;
}
@media only screen and (min-width: 950px) {
/* line 165, scss/layout/_landing-page.scss */
.landing-page h1 {
margin-top: 1.5rem;
}
}
@media only screen and (min-width: 950px) and (min-height: 0) and (max-height: 740px) {
/* line 165, scss/layout/_landing-page.scss */
.landing-page h1 {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 165, scss/layout/_landing-page.scss */
.landing-page h1 {
line-height: 1;
font-size: 2rem;
margin-top: 1.5rem;
}
}
@media only screen and (min-width: 1025px) and (min-height: 0) and (max-height: 740px) {
/* line 165, scss/layout/_landing-page.scss */
.landing-page h1 {
font-size: 2rem;
margin-top: 1rem;
}
}
@media only screen and (min-width: 1150px) {
/* line 165, scss/layout/_landing-page.scss */
.landing-page h1 {
font-size: 2.5rem;
margin-top: 2rem;
}
}
@media only screen and (min-width: 1150px) and (min-height: 0) and (max-height: 740px) {
/* line 165, scss/layout/_landing-page.scss */
.landing-page h1 {
font-size: 2rem;
margin-top: 2rem;
}
}
@media only screen and (min-width: 1350px) {
/* line 165, scss/layout/_landing-page.scss */
.landing-page h1 {
font-size: 3.5rem;
margin-top: 2rem;
}
}
/* line 209, scss/layout/_landing-page.scss */
.landing-page h2 {
font-weight: 300;
margin-bottom: 1rem;
font-size: 1rem;
color: #757575;
line-height: 1.6;
}
@media only screen and (min-width: 768px) {
/* line 209, scss/layout/_landing-page.scss */
.landing-page h2 {
font-size: .8rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 209, scss/layout/_landing-page.scss */
.landing-page h2 {
font-size: .8rem;
color: #757575;
line-height: 1.6;
}
}
@media only screen and (min-width: 1150px) {
/* line 209, scss/layout/_landing-page.scss */
.landing-page h2 {
font-size: .92rem;
}
}
@media only screen and (min-width: 1150px) and (min-height: 0) and (max-height: 740px) {
/* line 209, scss/layout/_landing-page.scss */
.landing-page h2 {
font-size: .8rem;
}
}
@media only screen and (min-width: 1350px) {
/* line 209, scss/layout/_landing-page.scss */
.landing-page h2 {
font-size: .95rem;
}
}
@media only screen and (min-width: 1350px) and (min-height: 0) and (max-height: 740px) {
/* line 209, scss/layout/_landing-page.scss */
.landing-page h2 {
font-size: .89rem;
}
}
/* line 242, scss/layout/_landing-page.scss */
.landing-page h3 {
font-size: 2rem;
margin: 0 0 2.5rem 0;
color: #757575;
}
/* line 248, scss/layout/_landing-page.scss */
.landing-page h4 {
font-size: 2rem;
font-weight: normal;
margin-bottom: 1.5rem;
margin-top: 0;
color: #757575;
text-align: center;
line-height: 1.2;
}
@media only screen and (min-width: 768px) {
/* line 248, scss/layout/_landing-page.scss */
.landing-page h4 {
text-align: left;
}
}
/* line 262, scss/layout/_landing-page.scss */
.landing-page h5 {
font-size: 1.15rem;
}
/* line 266, scss/layout/_landing-page.scss */
.landing-page small {
color: #BBB;
}
/* line 270, scss/layout/_landing-page.scss */
.landing-page input[type=email] {
font-size: 1.2rem;
padding: 1rem;
border: 0;
}
@media (min-height: 0) and (max-height: 740px) {
/* line 270, scss/layout/_landing-page.scss */
.landing-page input[type=email] {
padding: .75rem;
font-size: .89rem;
}
}
/* line 281, scss/layout/_landing-page.scss */
.landing-page form {
margin-bottom: 1rem;
}
@media (min-height: 0) and (max-height: 740px) {
/* line 281, scss/layout/_landing-page.scss */
.landing-page form {
margin-bottom: 0;
}
}
/* line 292, scss/layout/_landing-page.scss */
.landing-page form > div {
display: flex;
}
/* line 298, scss/layout/_landing-page.scss */
.landing-page .c-social {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
/* line 305, scss/layout/_landing-page.scss */
.landing-page .c-social__item {
margin-right: 1rem;
}
/* line 309, scss/layout/_landing-page.scss */
.landing-page .c-social__item a {
background-color: #d5dce3;
color: #fff;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
border-radius: 50%;
font-size: 1.5rem;
}
@media (min-height: 0) and (max-height: 740px) {
/* line 309, scss/layout/_landing-page.scss */
.landing-page .c-social__item a {
height: 30px;
width: 30px;
font-size: 1rem;
}
}
/* line 328, scss/layout/_landing-page.scss */
.landing-page .account-info__list {
margin: 0 0 2rem 0;
}
/* line 348, scss/layout/_landing-page.scss */
.landing-page .account-info__title {
margin: 0;
color: #444;
}
/* line 353, scss/layout/_landing-page.scss */
.landing-page .account-info__list i {
font-size: 2.75rem;
margin-bottom: 1rem;
}
/* line 358, scss/layout/_landing-page.scss */
.landing-page .fa-heart {
color: #FFB8C3;
}
/* line 362, scss/layout/_landing-page.scss */
.landing-page .fa-comment-alt {
color: #038093;
}
/* line 366, scss/layout/_landing-page.scss */
.landing-page .fa-plus-circle {
color: #456990;
}
/* line 370, scss/layout/_landing-page.scss */
.landing-page .modal__wrap {
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.9);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
z-index: 5;
}
/* line 385, scss/layout/_landing-page.scss */
.landing-page .modal__wrap.is-active {
visibility: visible;
opacity: 1;
}
/* line 390, scss/layout/_landing-page.scss */
.landing-page .modal {
background-color: #fff;
padding: 4rem;
height: 75vh;
width: 40%;
}
/* line 397, scss/layout/_landing-page.scss */
.landing-page .modal iframe {
height: 100% !important;
}
/* line 401, scss/layout/_landing-page.scss */
.landing-page .modal > div {
height: 100%;
}
/* line 409, scss/layout/_landing-page.scss */
.landing-page .overlay.is-active {
visibility: visible;
opacity: 1;
}
/* line 414, scss/layout/_landing-page.scss */
.landing-page .giveaway {
text-align: center;
padding: 4rem 2rem;
}
@media only screen and (min-width: 1025px) {
/* line 414, scss/layout/_landing-page.scss */
.landing-page .giveaway {
padding: 4rem 0;
}
}
/* line 423, scss/layout/_landing-page.scss */
.landing-page .landing-footer {
background-color: #F05E81;
padding: 4rem 0;
text-align: center;
}
/* line 428, scss/layout/_landing-page.scss */
.landing-page .landing-footer svg {
margin: 2rem auto;
}
/* line 433, scss/layout/_landing-page.scss */
.landing-page .l-footer-nav {
padding: 0;
margin: 0;
list-style: none;
}
@media only screen and (min-width: 768px) {
/* line 433, scss/layout/_landing-page.scss */
.landing-page .l-footer-nav {
display: flex;
justify-content: center;
}
}
/* line 441, scss/layout/_landing-page.scss */
.landing-page .l-footer-nav__item {
margin: .25rem .75rem;
}
@media only screen and (min-width: 768px) {
/* line 441, scss/layout/_landing-page.scss */
.landing-page .l-footer-nav__item {
margin: 0 .75rem;
}
}
/* line 448, scss/layout/_landing-page.scss */
.landing-page .l-footer-nav__item a {
color: #fff;
}
/* line 466, scss/layout/_landing-page.scss */
.landing-page--upcoming .sponsors-logo__wrap {
position: static;
top: 0;
left: 0;
float: right;
margin-left: 1.5rem;
}
/* line 474, scss/layout/_landing-page.scss */
.landing-page--upcoming .tagline {
padding: 0 1.5rem;
}
/* line 479, scss/layout/_landing-page.scss */
html,
.maintenance-page {
height: 100%;
}
/* line 484, scss/layout/_landing-page.scss */
.landing-page--comingsoon {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
/* line 490, scss/layout/_landing-page.scss */
.landing-page--comingsoon svg {
min-width: 400px;
height: auto;
}
/* line 1, scss/layout/_user.scss */
.l-user,
.l-box {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.05);
margin: 4rem auto;
padding: 2.5rem 3rem;
}
@media only screen and (min-width: 768px) {
/* line 1, scss/layout/_user.scss */
.l-user,
.l-box {
width: 70%;
}
}
@media only screen and (min-width: 1025px) {
/* line 1, scss/layout/_user.scss */
.l-user,
.l-box {
width: 70%;
}
}
@media only screen and (min-width: 1350px) {
/* line 1, scss/layout/_user.scss */
.l-user,
.l-box {
width: 45%;
}
}
/* line 21, scss/layout/_user.scss */
.l-user .form-item, .l-user .form-actions,
.l-box .form-item,
.l-box .form-actions {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
/* line 26, scss/layout/_user.scss */
.l-user .page-title,
.l-user h3,
.l-box .page-title,
.l-box h3 {
font-weight: bold;
font-size: 2.3rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
/* line 26, scss/layout/_user.scss */
.l-user .page-title,
.l-user h3,
.l-box .page-title,
.l-box h3 {
text-align: left;
}
}
/* line 39, scss/layout/_user.scss */
.path-user .block-system-breadcrumb-block {
display: none;
}
/* line 43, scss/layout/_user.scss */
.path-user .tabs {
display: none;
}
/* line 47, scss/layout/_user.scss */
.path-user #edit-timezone {
display: none;
}
/* line 52, scss/layout/_user.scss */
body[class^='taxonomy-user-']:not(".taxonomy-user-login") .tabs,
body[class^='taxonomy-user-']:not(".taxonomy-user-register") .tabs {
display: block;
}
/* line 59, scss/layout/_user.scss */
.user-login-form label,
.user-login-form .description,
.user-register-form label,
.user-register-form .description {
display: none;
}
/* line 63, scss/layout/_user.scss */
.user-register-form .form-type-checkbox label {
display: inline-block;
}
/* line 67, scss/layout/_user.scss */
.field--widget-mailchimp-lists-select {
background-color: #fff;
border-top: 2px solid #f5f5f5;
}
/* line 71, scss/layout/_user.scss */
.field--widget-mailchimp-lists-select fieldset {
border: 0;
padding: 0;
}
/* line 76, scss/layout/_user.scss */
.field--widget-mailchimp-lists-select legend {
display: none;
}
/* line 80, scss/layout/_user.scss */
.field--widget-mailchimp-lists-select input[type=checkbox] {
opacity: 0;
}
/* line 86, scss/layout/_user.scss */
input[type="checkbox"] + label::after {
content: none;
}
/* line 90, scss/layout/_user.scss */
input[type="checkbox"]:checked + label::before {
background-color: #FFB8C3;
}
/* line 94, scss/layout/_user.scss */
input[type="checkbox"]:checked + label::after {
content: "";
}
/* line 99, scss/layout/_user.scss */
.form-type-checkbox label {
position: relative;
padding-left: .25rem;
}
/* line 103, scss/layout/_user.scss */
.form-type-checkbox label::before, .form-type-checkbox label::after {
position: absolute;
content: "";
display: inline-block;
transition: all .25s ease-in-out;
}
/* line 111, scss/layout/_user.scss */
.form-type-checkbox label::before {
height: 1.1rem;
width: 1.1rem;
border: 0;
left: -1.5rem;
top: 5px;
background-color: #ebebeb;
}
/* line 120, scss/layout/_user.scss */
.form-type-checkbox label::after {
height: 5px;
width: 9px;
border-left: 2px solid;
border-bottom: 2px solid;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
left: -1.2rem;
top: .6rem;
border-color: #fff;
}
/* line 134, scss/layout/_user.scss */
.l-box .block-system-breadcrumb-block,
.l-box .js-form-type-vertical-tabs {
display: none;
}
/* line 139, scss/layout/_user.scss */
.l-box .field--name-field-product-image,
.l-box .field--name-field-amazon-link {
display: none;
}
/* line 144, scss/layout/_user.scss */
.l-box label,
.l-box .description,
.l-box #edit-preview {
display: none;
}
/* line 150, scss/layout/_user.scss */
.l-box .page-title {
color: #5b5b5b;
}
/* line 153, scss/layout/_user.scss */
.l-box .page-title span {
font-weight: 500;
display: block;
font-size: 1rem;
margin-top: 1rem;
line-height: 1.6;
}
/* line 161, scss/layout/_user.scss */
.l-box .page-title em {
color: #FFB8C3;
font-weight: bold;
font-style: normal;
}
/* line 169, scss/layout/_user.scss */
.l-user--reviews {
width: 100%;
}
/* line 172, scss/layout/_user.scss */
.l-user--reviews h1 {
margin-bottom: .5rem;
}
/* line 177, scss/layout/_user.scss */
.view-user-reviews {
padding-bottom: 4rem;
}
/* line 181, scss/layout/_user.scss */
.c-review-items {
margin-left: 0;
}
@media only screen and (min-width: 768px) {
/* line 181, scss/layout/_user.scss */
.c-review-items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
}
/* line 193, scss/layout/_user.scss */
.c-review-item {
position: relative;
padding: 2rem;
border-bottom: 1px solid #eee;
background-color: #fff;
overflow: hidden;
padding-bottom: 5rem;
border-radius: 10px;
box-shadow: 0 0 10px rgba(153, 153, 153, 0.2);
margin-bottom: 2rem;
text-align: center;
}
/* line 205, scss/layout/_user.scss */
.c-review-item:nth-child(odd) {
border-right: 1px solid #eee;
}
@media only screen and (min-width: 768px) {
/* line 193, scss/layout/_user.scss */
.c-review-item {
width: 48.5%;
text-align: left;
}
}
/* line 214, scss/layout/_user.scss */
.c-review-item .views-field-field-product-image {
margin-bottom: 1.5rem;
margin-right: 2rem;
}
@media only screen and (min-width: 768px) {
/* line 214, scss/layout/_user.scss */
.c-review-item .views-field-field-product-image {
float: left;
}
}
/* line 224, scss/layout/_user.scss */
.c-review-item .views-field-status {
position: absolute;
top: 0;
right: 0;
background-color: #FFB8C3;
text-transform: uppercase;
color: #fff;
font-size: .75rem;
font-weight: bold;
padding: .25rem .5rem;
border-bottom-left-radius: 10px;
}
/* line 237, scss/layout/_user.scss */
.c-review-item h2 {
font-size: 1.25rem;
line-height: 1.3;
margin-bottom: .5rem;
}
/* line 243, scss/layout/_user.scss */
.c-review-item .views-field-nothing {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1rem 2rem;
background: #f5f5f5;
}
/* line 251, scss/layout/_user.scss */
.c-review-item .views-field-nothing span {
display: block;
text-align: right;
}
/* line 258, scss/layout/_user.scss */
.c-review-item .views-field-webform-submission-value-1,
.c-review-item .views-field-field-description {
margin-bottom: 1rem;
font-size: .9rem;
}
/* line 264, scss/layout/_user.scss */
.c-review-item .views-field-field-description {
margin-bottom: 0;
}
/* line 268, scss/layout/_user.scss */
.c-review-item .c-btn, .c-review-item input[type=submit], .c-review-item
button, .c-review-item .c-btn--wrap a, .c-btn--wrap .c-review-item a, .c-review-item .c-btn--amazon a, .c-btn--amazon .c-review-item a, .c-review-item .field--name-field-tags a, .field--name-field-tags .c-review-item a, .c-review-item .view-user-reviews .view-empty a, .view-user-reviews .view-empty .c-review-item a {
margin-right: 1rem;
}
/* line 272, scss/layout/_user.scss */
.view-my-products .c-review-item {
padding-bottom: 2rem;
}
/* line 277, scss/layout/_user.scss */
.edit-review {
padding-top: 2rem;
padding-bottom: 2rem;
}
/* line 281, scss/layout/_user.scss */
.edit-review .webform-submission-navigation,
.edit-review details {
display: none;
}
@media only screen and (min-width: 768px) {
/* line 287, scss/layout/_user.scss */
.l-user--myproducts {
width: 70%;
}
}
@media only screen and (min-width: 1025px) {
/* line 287, scss/layout/_user.scss */
.l-user--myproducts {
width: 60%;
}
}
@media only screen and (min-width: 1350px) {
/* line 287, scss/layout/_user.scss */
.l-user--myproducts {
width: 50%;
}
}
/* line 303, scss/layout/_user.scss */
.view-my-products .view-header {
margin-bottom: 1rem;
}
/* line 307, scss/layout/_user.scss */
.view-my-products .views-row {
display: flex;
padding: 1rem 0;
border-top: 1px solid #ececec;
}
/* line 313, scss/layout/_user.scss */
.view-my-products .views-field-title {
width: 80%;
}
/* line 323, scss/layout/_user.scss */
.password-parent {
max-width: none;
}
/* line 326, scss/layout/_user.scss */
.password-confirm {
padding: 1rem 1.75rem;
width: 100%;
}
/* line 330, scss/layout/_user.scss */
.password-confirm + .password-confirm {
display: none !important;
}
/* line 1, scss/components/_accordion.scss */
.paragraph--type--accordion {
margin-bottom: 4rem;
}
/* line 6, scss/components/_accordion.scss */
.paragraph--type--accordion-item .field--name-field-accordion-item-title {
font-weight: 700;
font-size: 1.2rem;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #ddd;
position: relative;
padding-right: 2rem;
}
/* line 15, scss/components/_accordion.scss */
.paragraph--type--accordion-item .field--name-field-accordion-item-title:hover {
cursor: pointer;
}
/* line 19, scss/components/_accordion.scss */
.paragraph--type--accordion-item .field--name-field-accordion-item-title::after {
content: '\f078';
position: absolute;
right: 0;
top: 0;
font-family: "Font Awesome 5 Free";
color: #FFB8C3;
}
/* line 29, scss/components/_accordion.scss */
.paragraph--type--accordion-item .field--name-field-accordion-item-title.is-open::after {
content: '\f077';
}
/* line 35, scss/components/_accordion.scss */
.paragraph--type--accordion-item .field--name-field-accordion-item-description {
display: none;
margin-bottom: 2rem;
}
/* line 39, scss/components/_accordion.scss */
.paragraph--type--accordion-item .field--name-field-accordion-item-description.open {
display: block;
}
/* line 43, scss/components/_accordion.scss */
.paragraph--type--accordion-item .field--name-field-accordion-item-description ul,
.paragraph--type--accordion-item .field--name-field-accordion-item-description ol {
margin: 0 0 1.5rem 1.5rem;
}
/* line 48, scss/components/_accordion.scss */
.paragraph--type--accordion-item .field--name-field-accordion-item-description ul li p,
.paragraph--type--accordion-item .field--name-field-accordion-item-description ol li p {
margin-bottom: 0;
}
/* line 1, scss/components/_author-info.scss */
.c-author-info {
display: flex;
align-items: center;
margin-bottom: 3rem;
border-bottom: 1px solid #ddd;
padding-bottom: 2.75rem;
}
/* line 8, scss/components/_author-info.scss */
.c-author-info__picture {
overflow: hidden;
border-radius: 50%;
width: 44px;
height: 44px;
margin-right: 1rem;
flex-shrink: 0;
}
/* line 17, scss/components/_author-info.scss */
.c-author-info__name {
font-weight: 300;
font-size: 0.95rem;
line-height: 1.2;
}
@media only screen and (min-width: 768px) {
/* line 17, scss/components/_author-info.scss */
.c-author-info__name {
font-size: 1.15rem;
line-height: 1.49758;
}
}
/* line 26, scss/components/_author-info.scss */
.c-author-info img {
margin-bottom: 0;
width: 100%;
}
/* line 34, scss/components/_author-info.scss */
.c-author-info--small {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 1rem;
}
/* line 39, scss/components/_author-info.scss */
.c-author-info--small .c-author-info__name {
font-weight: 300;
font-size: 1rem;
line-height: 1.72222;
}
/* line 1, scss/components/_account-info.scss */
.account-info {
text-align: center;
border-top: 1px solid #E4E4E4;
margin-top: 4rem;
}
/* line 7, scss/components/_account-info.scss */
.account-info h2 {
color: #757575;
font-size: 2.5rem;
}
/* line 12, scss/components/_account-info.scss */
.account-info__list {
padding: 0;
margin: 0;
list-style: none;
margin-bottom: 2.5rem;
}
@media only screen and (min-width: 768px) {
/* line 12, scss/components/_account-info.scss */
.account-info__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
/* line 23, scss/components/_account-info.scss */
.account-info__item {
margin: 0 1.75rem;
background-color: #fff;
padding: 2rem;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 32px 0px;
border-radius: 8px;
overflow: hidden;
margin-bottom: 1.25rem;
}
@media only screen and (min-width: 768px) {
/* line 23, scss/components/_account-info.scss */
.account-info__item {
width: 40%;
margin: 0 1rem 1.25rem 1rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 23, scss/components/_account-info.scss */
.account-info__item {
width: 25%;
margin-bottom: 0;
}
}
/* line 44, scss/components/_account-info.scss */
.account-info__desc {
font-size: .89rem;
}
/* line 48, scss/components/_account-info.scss */
.account-info__title {
font-size: 1.2rem;
margin-bottom: .25rem;
}
/* line 53, scss/components/_account-info.scss */
.account-info .fas {
font-size: 3rem;
margin-bottom: 1rem;
color: #FFB8C3;
}
/* line 58, scss/components/_account-info.scss */
.account-info .fas.fa-comment-alt {
color: #028090;
}
/* line 59, scss/components/_account-info.scss */
.account-info .fas.fa-plus-circle {
color: #456990;
}
/* line 1, scss/components/_btn.scss */
.c-btn, input[type=submit],
button, .c-btn--wrap a, .c-btn--amazon a, .field--name-field-tags a, .view-user-reviews .view-empty a {
display: inline-block;
padding: .9rem 2.5rem;
border-radius: 40px;
margin-bottom: 0;
border: 0;
transition: all .25s ease-in-out;
font-size: .9rem;
font-weight: bold;
text-transform: uppercase;
}
/* line 12, scss/components/_btn.scss */
.c-btn--secondary {
background-color: #ddd;
}
/* line 15, scss/components/_btn.scss */
.c-btn--secondary:link, .c-btn--secondary:visited {
color: #888;
}
/* line 20, scss/components/_btn.scss */
.c-btn--secondary:hover {
background-color: #b7b7b7;
color: #fff;
}
/* line 27, scss/components/_btn.scss */
.c-btn--primary, input[type=submit],
button, .c-btn--wrap a, .c-btn--amazon a, .field--name-field-tags a, .view-user-reviews .view-empty a {
background-color: #FFB8C3;
color: #fff;
}
/* line 31, scss/components/_btn.scss */
.c-btn--primary:hover, input[type=submit]:hover,
button:hover, .c-btn--wrap a:hover, .c-btn--amazon a:hover, .field--name-field-tags a:hover, .view-user-reviews .view-empty a:hover {
background-color: #ff99a9;
}
/* line 35, scss/components/_btn.scss */
.c-btn--primary:link, input[type=submit]:link,
button:link, .c-btn--wrap a:link, .c-btn--amazon a:link, .field--name-field-tags a:link, .view-user-reviews .view-empty a:link, .c-btn--primary:visited, input[type=submit]:visited,
button:visited, .c-btn--wrap a:visited, .c-btn--amazon a:visited, .field--name-field-tags a:visited, .view-user-reviews .view-empty a:visited {
color: #fff;
}
/* line 41, scss/components/_btn.scss */
.c-btn--amazon {
width: 220px;
}
/* line 44, scss/components/_btn.scss */
.c-btn--amazon a {
display: block;
background-color: #fff;
background-image: url("../../img/amazon-logo.svg");
background-size: 125px 100%;
background-position: center;
background-repeat: no-repeat;
color: #fff;
text-indent: -9999px;
box-shadow: 0 0 18px 3px rgba(226, 226, 226, 0.51);
}
/* line 55, scss/components/_btn.scss */
.c-btn--amazon a:hover {
background-color: #f9f9f9;
}
/* line 88, scss/components/_btn.scss */
.c-btn--small, .image-widget-data input[type=submit] {
padding: .5rem 1.5rem;
font-size: .7rem;
}
/* line 93, scss/components/_btn.scss */
.field--name-field-tags {
margin-bottom: 5rem;
}
@media only screen and (min-width: 768px) {
/* line 93, scss/components/_btn.scss */
.field--name-field-tags {
display: flex;
}
}
/* line 100, scss/components/_btn.scss */
.field--name-field-tags .field__item {
margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
/* line 100, scss/components/_btn.scss */
.field--name-field-tags .field__item {
margin-right: .5rem;
margin-bottom: 0;
}
}
/* line 109, scss/components/_btn.scss */
.field--name-field-tags a {
padding: .2rem .85rem;
font-size: 0.6rem;
width: 100%;
text-align: center;
}
@media only screen and (min-width: 768px) {
/* line 109, scss/components/_btn.scss */
.field--name-field-tags a {
width: auto;
text-align: left;
}
}
/* line 123, scss/components/_btn.scss */
.c-btn--square.c-btn, input.c-btn--square[type=submit],
button.c-btn--square, .c-btn--wrap a.c-btn--square, .c-btn--amazon a.c-btn--square, .field--name-field-tags a.c-btn--square, .view-user-reviews .view-empty a.c-btn--square {
border-radius: 0;
font-size: 1rem;
padding: 1.12rem;
}
@media (min-height: 0) and (max-height: 740px) {
/* line 123, scss/components/_btn.scss */
.c-btn--square.c-btn, input.c-btn--square[type=submit],
button.c-btn--square, .c-btn--wrap a.c-btn--square, .c-btn--amazon a.c-btn--square, .field--name-field-tags a.c-btn--square, .view-user-reviews .view-empty a.c-btn--square {
font-size: .89rem;
padding: .75rem 1rem;
}
}
/* line 1, scss/components/_blog-list.scss */
.c-blog-list {
padding: 0;
margin: 0;
list-style: none;
}
/* line 4, scss/components/_blog-list.scss */
.c-blog-list__item {
padding-bottom: 4rem;
border-bottom: 1px solid #ddd;
margin-bottom: 4rem;
}
/* line 9, scss/components/_blog-list.scss */
.c-blog-list__item h2 {
margin-bottom: 1.5rem;
font-size: 1.75rem;
font-weight: 600;
}
@media only screen and (min-width: 768px) {
/* line 9, scss/components/_blog-list.scss */
.c-blog-list__item h2 {
font-size: 2.25rem;
}
}
/* line 18, scss/components/_blog-list.scss */
.c-blog-list__item h2 a:link,
.c-blog-list__item h2 a:visited {
color: #757575;
}
/* line 23, scss/components/_blog-list.scss */
.c-blog-list__item h2 a:hover {
color: #FFB8C3;
}
/* line 29, scss/components/_blog-list.scss */
.c-blog-list .field--name-field-teaser-text {
margin-bottom: 1.5rem;
}
/* line 1, scss/components/_breadcrumb.scss */
.breadcrumb {
font-size: .7rem;
text-transform: uppercase;
}
/* line 5, scss/components/_breadcrumb.scss */
.breadcrumb li:before {
content: '\002f';
margin: 0 .25rem;
}
/* line 10, scss/components/_breadcrumb.scss */
.breadcrumb li {
color: #aaa;
}
/* line 15, scss/components/_breadcrumb.scss */
.breadcrumb a:link, .breadcrumb a:visited {
color: #5b5b5b;
}
/* line 20, scss/components/_breadcrumb.scss */
.breadcrumb a:hover {
color: #FFB8C3;
}
/* line 1, scss/components/_card.scss */
.c-card {
text-align: center;
padding: 2rem;
}
@media only screen and (min-width: 768px) {
/* line 1, scss/components/_card.scss */
.c-card {
padding: 0 1rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 1, scss/components/_card.scss */
.c-card {
padding: 0 2rem;
}
}
/* line 13, scss/components/_card.scss */
.c-card__list {
list-style: none;
padding: 0;
margin: 0;
}
@media only screen and (min-width: 768px) {
/* line 13, scss/components/_card.scss */
.c-card__list {
display: flex;
flex-wrap: wrap;
}
}
/* line 24, scss/components/_card.scss */
.c-card h3 {
font-weight: bold;
font-size: 1.75rem;
margin-bottom: .5rem;
line-height: 1;
}
@media only screen and (min-width: 768px) {
/* line 24, scss/components/_card.scss */
.c-card h3 {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 24, scss/components/_card.scss */
.c-card h3 {
font-size: 1.75rem;
}
}
@media only screen and (min-width: 768px) {
/* line 39, scss/components/_card.scss */
.c-card p {
font-size: .89rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 39, scss/components/_card.scss */
.c-card p {
font-size: .95rem;
}
}
/* line 49, scss/components/_card.scss */
.c-card i {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #FFB8C3;
}
/* line 55, scss/components/_card.scss */
.c-card .fa-thumbs-up {
color: #028090;
}
/* line 59, scss/components/_card.scss */
.c-card .fa-plus {
color: #456990;
}
@media only screen and (min-width: 768px) {
/* line 65, scss/components/_card.scss */
.c-card__wrap {
padding: 2rem 0;
}
}
/* line 71, scss/components/_card.scss */
.c-card__wrap li {
border-bottom: 1px solid #E4E4E4;
}
@media only screen and (min-width: 768px) {
/* line 71, scss/components/_card.scss */
.c-card__wrap li {
border-right: 1px solid #E4E4E4;
border-bottom: 0;
width: 50%;
}
}
@media only screen and (min-width: 1025px) {
/* line 71, scss/components/_card.scss */
.c-card__wrap li {
width: calc(100% / 3);
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* line 85, scss/components/_card.scss */
.c-card__wrap li:nth-child(2) {
border-right: 0;
}
}
/* line 91, scss/components/_card.scss */
.c-card__wrap li:last-child {
border-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
/* line 91, scss/components/_card.scss */
.c-card__wrap li:last-child {
border-right: 0;
flex: 1;
padding: 2rem 0;
border-top: 1px solid #E4E4E4;
}
}
@media only screen and (min-width: 1025px) {
/* line 91, scss/components/_card.scss */
.c-card__wrap li:last-child {
border-right: 0;
}
}
/* line 1, scss/components/_carousel.scss */
.c-carousel {
margin-left: 0;
}
/* line 5, scss/components/_carousel.scss */
.c-carousel.slick-initialized .c-carousel__item {
visibility: visible;
}
/* line 9, scss/components/_carousel.scss */
.c-carousel__item {
display: flex !important;
flex-direction: column;
align-items: center;
padding: 0 1rem;
text-align: center;
visibility: hidden;
}
@media only screen and (min-width: 1025px) {
/* line 9, scss/components/_carousel.scss */
.c-carousel__item {
padding: 0 2rem;
height: 150px;
}
}
/* line 25, scss/components/_carousel.scss */
.c-carousel__item a:link,
.c-carousel__item a:visited {
color: #5b5b5b;
font-weight: 300;
font-size: .8rem;
}
/* line 33, scss/components/_carousel.scss */
.c-carousel__image {
margin-bottom: .5rem;
}
/* line 37, scss/components/_carousel.scss */
.c-carousel__image img {
margin-bottom: 0;
}
/* line 43, scss/components/_carousel.scss */
.slick-prev,
.slick-next {
height: 33px;
top: 32%;
margin-bottom: 0;
}
/* line 50, scss/components/_carousel.scss */
.slick-prev::before,
.slick-next::before {
content: '';
font-family: inherit;
background-image: url("../../img/left-arrow.svg");
background-repeat: no-repeat;
width: 1em;
height: 2em;
display: block;
transition: all .25s ease-in-out;
}
/* line 63, scss/components/_carousel.scss */
.slick-next::before {
background-image: url("../../img/right-arrow.svg");
}
/* line 69, scss/components/_carousel.scss */
.slick-prev:hover::before {
background-image: url("../../img/left-arrow-hover.svg");
}
/* line 77, scss/components/_carousel.scss */
.slick-next:hover::before {
background-image: url("../../img/right-arrow-hover.svg");
}
/* line 1, scss/components/_chosen.scss */
.chosen-container {
font-size: 1rem;
width: 100% !important;
}
/* line 6, scss/components/_chosen.scss */
.chosen-container-single .chosen-single {
border: 0;
background: #f1f1f1;
color: #5b5b5b;
height: 52px;
line-height: 52px;
box-shadow: none;
border-radius: 0;
padding: 0 0 0 1rem;
}
/* line 17, scss/components/_chosen.scss */
.chosen-container .chosen-results li {
padding: 8px 6px;
}
/* line 21, scss/components/_chosen.scss */
.chosen-container-active.chosen-with-drop .chosen-single {
background: transparent;
}
/* line 25, scss/components/_chosen.scss */
.chosen-container .chosen-drop {
background-color: #f1f1f1;
font-size: .85rem;
border-color: #dadada;
}
/* line 31, scss/components/_chosen.scss */
.chosen-container-active.chosen-with-drop .chosen-single {
background: #f1f1f1;
border: 1px solid #dadada;
}
/* line 36, scss/components/_chosen.scss */
.chosen-container .chosen-results li.highlighted {
background: #fff;
color: #444;
}
/* line 41, scss/components/_chosen.scss */
.chosen-container-active .chosen-single div b,
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -16px 17px;
}
/* line 46, scss/components/_chosen.scss */
.chosen-container-single .chosen-single div b {
background-position: 0 17px;
}
/* line 50, scss/components/_chosen.scss */
.chosen-container-single .chosen-single.chosen-default span {
opacity: .5;
}
/* line 1, scss/components/_comments.scss */
.comments-app-container {
padding: 0 0 4rem 0;
}
/* line 5, scss/components/_comments.scss */
.rc_react-comments {
font-family: "Montserrat", sans-serif;
}
/* line 9, scss/components/_comments.scss */
.rc_comment-box-container {
margin-bottom: 2rem;
}
/* line 13, scss/components/_comments.scss */
.rc_comment-container {
border-top: 1px solid #ddd;
padding: 1.5rem 0;
margin-bottom: 0;
}
/* line 19, scss/components/_comments.scss */
.rc_avatar__image-wrapper {
width: 35px;
height: 35px;
overflow: hidden;
border-radius: 50%;
}
/* line 26, scss/components/_comments.scss */
.rc_comment-box-avatar__image-wrapper {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
}
/* line 33, scss/components/_comments.scss */
.rc_is-open .rc_input-actions {
height: 40px;
padding: 5px;
}
/* line 39, scss/components/_comments.scss */
.rc_react-comments button {
background-color: #FFB8C3;
font-size: .65rem;
padding: .15rem .75rem;
}
/* line 44, scss/components/_comments.scss */
.rc_react-comments button:hover {
background-color: #ff99a9;
}
/* line 50, scss/components/_comments.scss */
.rc_edit--active, .rc_reply--active {
color: #fff;
background-color: #ff99a9;
}
/* line 55, scss/components/_comments.scss */
.rc_login-button {
border: 0;
font-size: .65rem;
font-weight: bold;
background-color: #FFB8C3;
border-radius: 25px;
width: 120px;
text-transform: uppercase;
}
/* line 64, scss/components/_comments.scss */
.rc_login-button:hover {
background-color: #ff99a9;
}
/* line 68, scss/components/_comments.scss */
.rc_login-button:link, .rc_login-button:visited {
color: #fff;
}
/* line 74, scss/components/_comments.scss */
.c-comments__section {
border-top: 1px solid #ddd;
display: flex;
padding-top: 3rem;
margin-top: 1.5rem;
}
/* line 80, scss/components/_comments.scss */
.c-comments__section i {
font-size: 1.7rem;
margin-right: 1rem;
position: relative;
top: 6px;
}
/* line 88, scss/components/_comments.scss */
.c-comments__title {
line-height: 1;
}
/* line 93, scss/components/_comments.scss */
.c-comments__title span {
display: block;
font-weight: normal;
line-height: 1;
font-size: 1.25rem;
}
/* line 1, scss/components/_contact-title.scss */
.contact-title {
text-align: center;
}
/* line 4, scss/components/_contact-title.scss */
.contact-title h1 {
margin-bottom: .5rem;
font-size: 2.25rem;
}
@media only screen and (min-width: 768px) {
/* line 4, scss/components/_contact-title.scss */
.contact-title h1 {
font-size: 2.75rem;
}
}
/* line 12, scss/components/_contact-title.scss */
.contact-title h1 svg {
width: 35px;
height: 31px;
}
@media only screen and (min-width: 768px) {
/* line 12, scss/components/_contact-title.scss */
.contact-title h1 svg {
width: 45px;
height: 41px;
}
}
/* line 23, scss/components/_contact-title.scss */
.contact-title h3 {
margin-bottom: 3rem;
}
/* line 28, scss/components/_contact-title.scss */
.webform-submission-contact-form {
margin-bottom: 6rem;
}
/* line 1, scss/components/_modal.scss */
.c-modal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255, 184, 195, 0.75);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all .25s ease-in-out;
z-index: 200;
}
/* line 16, scss/components/_modal.scss */
.c-modal__content {
width: 370px;
background-color: white;
text-align: center;
display: flex;
flex-direction: column;
opacity: 0;
visibility: hidden;
transition: all .25s ease-in-out;
border-radius: 4px;
position: relative;
}
/* line 29, scss/components/_modal.scss */
.c-modal__no-click {
padding: 2.5rem;
}
/* line 33, scss/components/_modal.scss */
.c-modal__close {
position: absolute;
top: -0.7rem;
right: -0.7rem;
background-color: #eee;
border-radius: 50%;
overflow: hidden;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #aaa;
transition: all .25s ease-in-out;
}
/* line 48, scss/components/_modal.scss */
.c-modal__close:hover {
color: #999;
cursor: pointer;
}
/* line 54, scss/components/_modal.scss */
.c-modal.is-active {
opacity: 1;
visibility: visible;
}
/* line 58, scss/components/_modal.scss */
.c-modal.is-active .c-modal__content {
opacity: 1;
visibility: visible;
}
/* line 64, scss/components/_modal.scss */
.c-modal__title {
font-weight: bold;
font-size: 2rem;
line-height: 1.1;
margin-bottom: 1rem;
}
/* line 71, scss/components/_modal.scss */
.c-modal__desc {
color: #bbb;
margin-bottom: 1rem;
}
/* line 76, scss/components/_modal.scss */
.c-modal__heart {
margin: 1rem 0;
-webkit-animation: heartbeat 1s ease-in-out;
animation: heartbeat 1s ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
max-width: 70px;
display: inline-block;
}
/* line 83, scss/components/_modal.scss */
.c-modal__heart svg {
width: 100%;
height: auto;
}
/* line 89, scss/components/_modal.scss */
.c-modal .c-btn--primary, .c-modal input[type=submit], .c-modal
button, .c-modal .c-btn--wrap a, .c-btn--wrap .c-modal a, .c-modal .c-btn--amazon a, .c-btn--amazon .c-modal a, .c-modal .field--name-field-tags a, .field--name-field-tags .c-modal a, .c-modal .view-user-reviews .view-empty a, .view-user-reviews .view-empty .c-modal a {
margin-top: 1rem;
}
/* line 93, scss/components/_modal.scss */
.c-modal .c-btn--secondary {
margin-top: auto;
}
/* line 99, scss/components/_modal.scss */
.c-modal--review .c-modal__content {
text-align: left;
}
@media only screen and (min-width: 768px) {
/* line 99, scss/components/_modal.scss */
.c-modal--review .c-modal__content {
width: 500px;
}
}
/* line 107, scss/components/_modal.scss */
.c-modal--review h2 {
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 1rem;
color: #757575;
}
/* line 117, scss/components/_modal.scss */
.c-modal--approval .c-modal__content {
text-align: left;
}
@media only screen and (min-width: 768px) {
/* line 117, scss/components/_modal.scss */
.c-modal--approval .c-modal__content {
width: 625px;
}
}
/* line 125, scss/components/_modal.scss */
.c-modal--approval .c-modal__title {
line-height: 1.1;
margin-bottom: 1.25rem;
}
@-webkit-keyframes heartbeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartbeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* line 1, scss/components/_footer.scss */
.c-footer {
background-color: #F05E81;
padding-top: 3.25rem;
padding-bottom: 3rem;
text-align: center;
}
@media only screen and (min-width: 768px) {
/* line 1, scss/components/_footer.scss */
.c-footer {
text-align: left;
}
}
/* line 12, scss/components/_footer.scss */
.c-footer h5 {
font-size: 1rem;
line-height: 1.5;
color: #fff;
font-weight: normal;
margin-bottom: .5rem;
}
/* line 18, scss/components/_footer.scss */
.c-footer h5 span {
display: block;
font-size: 1rem;
opacity: .5;
}
/* line 27, scss/components/_footer.scss */
.c-footer__nav {
list-style: none;
}
/* line 30, scss/components/_footer.scss */
.c-footer__nav > .menu-item:nth-child(2) > a {
visibility: hidden;
opacity: 0;
}
/* line 35, scss/components/_footer.scss */
.c-footer__nav .menu-item {
padding-top: 0;
}
/* line 39, scss/components/_footer.scss */
.c-footer__nav__sub {
list-style: none;
margin: 0;
}
/* line 44, scss/components/_footer.scss */
.c-footer__nav a:link,
.c-footer__nav a:visited {
color: #fff;
}
/* line 49, scss/components/_footer.scss */
.c-footer__nav .menu-item--expanded {
list-style: none;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
/* line 49, scss/components/_footer.scss */
.c-footer__nav .menu-item--expanded {
margin-bottom: 0;
}
}
/* line 59, scss/components/_footer.scss */
.c-footer__nav__item a {
font-size: .8rem;
}
/* line 65, scss/components/_footer.scss */
.c-footer__logo {
padding: 2rem 0;
text-align: center;
}
/* line 71, scss/components/_footer.scss */
.c-footer .webform-submission-email-signup-form {
display: flex;
margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
/* line 71, scss/components/_footer.scss */
.c-footer .webform-submission-email-signup-form {
display: block;
}
}
@media only screen and (min-width: 1025px) {
/* line 71, scss/components/_footer.scss */
.c-footer .webform-submission-email-signup-form {
display: flex;
}
}
/* line 84, scss/components/_footer.scss */
.c-footer .webform-submission-email-signup-form .form-item-name {
display: none;
}
/* line 88, scss/components/_footer.scss */
.c-footer .webform-submission-email-signup-form .form-item,
.c-footer .webform-submission-email-signup-form .form-actions {
margin: 0;
}
/* line 1, scss/components/_filter.scss */
.bef_trigger {
line-height: 1;
display: none;
margin-left: .4rem;
}
@media (max-width: 767px) {
/* line 1, scss/components/_filter.scss */
.bef_trigger {
position: relative;
top: 8px;
float: right;
background-color: #b6c3cf;
padding: .15rem .25rem !important;
border-radius: 25px;
margin-right: 1rem;
}
}
/* line 16, scss/components/_filter.scss */
.bef_trigger:link, .bef_trigger:visited {
color: #fff;
}
@media only screen and (min-width: 768px) {
/* line 16, scss/components/_filter.scss */
.bef_trigger:link, .bef_trigger:visited {
color: #d7d7d7;
}
}
/* line 26, scss/components/_filter.scss */
.region-category-sidebar {
border-right: 1px solid #E4E4E4;
}
/* line 30, scss/components/_filter.scss */
.menu--categories {
padding: 0;
margin: 0;
list-style: none;
}
/* line 34, scss/components/_filter.scss */
.menu--categories .menu-item--all .bef_trigger {
display: none;
}
/* line 39, scss/components/_filter.scss */
.menu--categories .menu-item--expanded {
list-style: none;
}
/* line 42, scss/components/_filter.scss */
.menu--categories .menu-item--expanded .bef_trigger {
display: block;
}
@media only screen and (min-width: 768px) {
/* line 42, scss/components/_filter.scss */
.menu--categories .menu-item--expanded .bef_trigger {
display: inline-block;
}
}
/* line 52, scss/components/_filter.scss */
.menu--categories .menu .menu a {
font-weight: 300;
font-size: .8rem;
color: #5b5b5b;
}
/* line 59, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item {
margin-bottom: .5rem;
}
@media (max-width: 767px) {
/* line 59, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item {
border-bottom: 1px solid #c6cfd9;
margin-bottom: 0;
}
}
/* line 68, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item.menu-item--expanded .bef_trigger {
display: block;
}
/* line 71, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item.menu-item--expanded .bef_trigger:link, .menu--categories > .menu > .menu-item.menu-item--expanded .bef_trigger:visited {
color: #fff;
}
@media only screen and (min-width: 768px) {
/* line 71, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item.menu-item--expanded .bef_trigger:link, .menu--categories > .menu > .menu-item.menu-item--expanded .bef_trigger:visited {
color: #d7d7d7;
}
}
@media only screen and (min-width: 768px) {
/* line 68, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item.menu-item--expanded .bef_trigger {
display: inline-block;
}
}
/* line 86, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item > a {
font-weight: 600;
text-transform: uppercase;
font-size: .85rem;
}
@media (max-width: 767px) {
/* line 86, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item > a {
display: inline-block;
padding: .35rem 1rem;
}
}
/* line 96, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item > a:link, .menu--categories > .menu > .menu-item > a:visited {
color: #5b5b5b;
}
/* line 104, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item .menu {
opacity: 0;
visibility: hidden;
max-height: 0;
transition: all .25s ease-in-out;
overflow: hidden;
margin-bottom: 0;
}
/* line 112, scss/components/_filter.scss */
.menu--categories > .menu > .menu-item .menu.bef_active {
opacity: 1;
visibility: visible;
height: auto;
margin-bottom: 1.3rem;
max-height: 450px;
}
/* line 132, scss/components/_filter.scss */
.menu--categories > .menu {
padding: 0;
margin: 0;
}
/* line 136, scss/components/_filter.scss */
.menu--categories > .menu .menu-item--active-trail > a:link,
.menu--categories > .menu .menu-item--active-trail > a:visited {
color: #98a9ba;
}
@media only screen and (min-width: 768px) {
/* line 136, scss/components/_filter.scss */
.menu--categories > .menu .menu-item--active-trail > a:link,
.menu--categories > .menu .menu-item--active-trail > a:visited {
color: #FFB8C3;
}
}
/* line 149, scss/components/_filter.scss */
.bef-exposed-form legend {
display: none;
}
/* line 151, scss/components/_filter.scss */
.bef-exposed-form .fieldgroup {
margin: 0;
}
/* line 156, scss/components/_filter.scss */
.block-views-exposed-filter-blockflag-bookmark-page-1 {
background-color: #b6c3cf;
color: #fff;
border-radius: 5px;
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 156, scss/components/_filter.scss */
.block-views-exposed-filter-blockflag-bookmark-page-1 {
background-color: transparent;
}
}
/* line 167, scss/components/_filter.scss */
.bef-exposed-form .form--inline > .form-item {
float: none;
}
/* line 173, scss/components/_filter.scss */
.form-radios.bef_nested ul {
list-style: none;
margin-left: 0;
}
/* line 175, scss/components/_filter.scss */
.form-radios.bef_nested li {
width: 100%;
clear: both;
}
/* line 177, scss/components/_filter.scss */
.form-radios.bef_nested label {
color: #5b5b5b;
}
/* line 180, scss/components/_filter.scss */
.form-radios.bef_nested label:hover {
color: #FFB8C3;
cursor: pointer;
}
/* line 187, scss/components/_filter.scss */
.form-radios.bef_nested .has-dropdown .bef_trigger {
display: inline-block;
top: 3px;
}
@media only screen and (min-width: 768px) {
/* line 196, scss/components/_filter.scss */
.form-radios.bef_nested > ul > li:first-child > div label {
margin-bottom: 1rem;
border-bottom: 1px solid #E4E4E4;
}
}
/* line 204, scss/components/_filter.scss */
.form-radios.bef_nested > ul > li > div label {
font-weight: 600;
text-transform: uppercase;
font-size: .85rem;
}
/* line 211, scss/components/_filter.scss */
.form-radios.bef_nested > ul > li .form-item {
width: 100%;
position: relative;
margin: 0;
}
/* line 216, scss/components/_filter.scss */
.form-radios.bef_nested > ul > li .custom-form-item {
font-weight: 600;
text-transform: uppercase;
font-size: .85rem;
margin: 0;
padding: .45rem 0;
}
@media (max-width: 767px) {
/* line 216, scss/components/_filter.scss */
.form-radios.bef_nested > ul > li .custom-form-item {
display: inline-block;
padding: .35rem 0 .35rem 1rem;
border-bottom: 1px solid #c6cfd9;
margin-bottom: 0;
width: 100%;
}
}
/* line 234, scss/components/_filter.scss */
.form-radios.bef_nested > ul ul {
opacity: 0;
visibility: hidden;
max-height: 0;
margin-bottom: 0;
transition: all .25s ease-in-out;
overflow: hidden;
}
/* line 244, scss/components/_filter.scss */
.form-radios.bef_nested > ul ul.bef_active {
opacity: 1;
visibility: visible;
height: auto;
margin-bottom: 1.3rem;
max-height: 450px;
}
/* line 252, scss/components/_filter.scss */
.form-radios.bef_nested > ul ul div label {
font-weight: 300;
font-size: .8rem;
padding: .35rem 1rem;
}
/* line 260, scss/components/_filter.scss */
.form-radios.bef_nested input {
display: none;
}
/* line 265, scss/components/_filter.scss */
.form-radios.bef_nested input:checked ~ .custom-form-item label {
color: #FFB8C3;
}
/* line 281, scss/components/_filter.scss */
.menu--categories__wrap {
background-color: #b6c3cf;
color: #fff;
border-radius: 5px;
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 281, scss/components/_filter.scss */
.menu--categories__wrap {
background-color: transparent;
}
}
/* line 292, scss/components/_filter.scss */
.menu--category--link {
color: #fff;
font-weight: bold;
padding: 1rem;
display: block;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
/* line 292, scss/components/_filter.scss */
.menu--category--link {
display: none;
margin-bottom: 0;
}
}
/* line 304, scss/components/_filter.scss */
.menu--category--link .fa-caret-down {
display: inline-block;
}
/* line 305, scss/components/_filter.scss */
.menu--category--link .fa-caret-up {
display: none;
}
/* line 307, scss/components/_filter.scss */
.menu--category--link span {
position: absolute;
right: 1rem;
}
/* line 313, scss/components/_filter.scss */
.menu--category--link.is-active .fa-caret-up {
display: inline-block;
}
/* line 314, scss/components/_filter.scss */
.menu--category--link.is-active .fa-caret-down {
display: none;
}
/* line 317, scss/components/_filter.scss */
.menu--category--link:link, .menu--category--link:visited {
color: #fff;
}
@media (max-width: 767px) {
/* line 323, scss/components/_filter.scss */
.menu--categories__content {
background-color: #d5dce3;
position: absolute;
visibility: hidden;
opacity: 0;
min-height: 0;
top: 100%;
left: 0;
z-index: 10;
width: 100%;
}
}
@media (max-width: 767px) {
/* line 336, scss/components/_filter.scss */
.menu--categories__content.is-expanded {
opacity: 1;
visibility: visible;
min-height: 300px;
overflow: scroll;
}
}
/* line 346, scss/components/_filter.scss */
.menu--categories__content .bef_trigger:link, .menu--categories__content .bef_trigger:visited {
color: #fff;
}
@media only screen and (min-width: 768px) {
/* line 346, scss/components/_filter.scss */
.menu--categories__content .bef_trigger:link, .menu--categories__content .bef_trigger:visited {
color: #d7d7d7;
}
}
@-webkit-keyframes fadeMenu {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeMenu {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/* line 22, scss/components/_page-head.scss */
.path-frontpage .c-page-head {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: fadeMenu .5s ease-in-out;
animation: fadeMenu .5s ease-in-out;
-webkit-animation-delay: .75s;
animation-delay: .75s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@media (max-width: 1024px) {
/* line 30, scss/components/_page-head.scss */
.user-logged-in .c-page-head .menu--main .menu {
top: 17.3rem;
}
}
/* line 37, scss/components/_page-head.scss */
.role-anonymous .c-page-head .menu--main .menu {
border-right: 1px solid #E4E4E4;
}
/* line 41, scss/components/_page-head.scss */
.c-page-head {
background-color: white;
border-bottom: 1px solid #ececec;
box-shadow: 0 0 20px rgba(153, 153, 153, 0.2);
position: relative;
z-index: 15;
}
/* line 48, scss/components/_page-head.scss */
.c-page-head__right {
height: 62px;
position: relative;
background-color: #fff;
padding-right: 1rem;
}
@media only screen and (min-width: 768px) {
/* line 48, scss/components/_page-head.scss */
.c-page-head__right {
height: 81px;
padding-right: 3.5rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 48, scss/components/_page-head.scss */
.c-page-head__right {
padding-right: 0;
}
}
/* line 64, scss/components/_page-head.scss */
.c-page-head .logo {
padding: 1rem 0;
}
/* line 67, scss/components/_page-head.scss */
.c-page-head .logo svg {
width: 8rem;
display: block;
}
@media (min-width: 375px) {
/* line 67, scss/components/_page-head.scss */
.c-page-head .logo svg {
width: 9.5rem;
}
}
@media only screen and (min-width: 550px) {
/* line 67, scss/components/_page-head.scss */
.c-page-head .logo svg {
width: 10rem;
}
}
@media only screen and (min-width: 768px) {
/* line 67, scss/components/_page-head.scss */
.c-page-head .logo svg {
width: 13rem;
}
}
/* line 85, scss/components/_page-head.scss */
.c-page-head .sm-12, .c-page-head .c-trending .view-content, .c-trending .c-page-head .view-content {
display: flex;
align-items: center;
justify-content: space-between;
}
/* line 91, scss/components/_page-head.scss */
.c-page-head .region-header {
flex: 1;
display: flex;
align-items: center;
height: 62px;
}
@media only screen and (min-width: 768px) {
/* line 91, scss/components/_page-head.scss */
.c-page-head .region-header {
height: 81px;
}
}
@media (max-width: 1024px) {
/* line 102, scss/components/_page-head.scss */
.c-page-head .menu--main .menu {
position: fixed;
top: 0;
right: -140%;
height: 100%;
width: 70%;
padding-top: 1.5rem;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* line 102, scss/components/_page-head.scss */
.c-page-head .menu--main .menu {
width: 50%;
}
}
/* line 116, scss/components/_page-head.scss */
.c-page-head .menu--main .menu.is-active {
right: -70%;
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 768px) {
/* line 116, scss/components/_page-head.scss */
.c-page-head .menu--main .menu.is-active {
right: -50%;
}
}
@media only screen and (min-width: 1025px) {
/* line 127, scss/components/_page-head.scss */
.c-page-head .menu--main .menu {
display: flex;
margin-bottom: 0;
height: 81px;
padding-right: 1.25rem;
}
}
/* line 137, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item {
padding-top: 0;
margin: 0 .65rem;
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
/* line 137, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item {
margin: 0;
}
}
/* line 147, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item a {
font-size: .7rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
@media (max-width: 1024px) {
/* line 147, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item a {
font-size: .9rem;
padding: .25rem 1rem;
width: 100%;
text-align: center;
}
}
@media only screen and (min-width: 1025px) {
/* line 147, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item a {
font-size: .8rem;
}
}
/* line 165, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item a:link, .c-page-head .menu--main .menu-item a:visited {
color: #5b5b5b;
}
/* line 170, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item a:hover {
color: #FFB8C3;
}
/* line 174, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item a.is-active {
color: #FFB8C3;
font-weight: bold;
}
/* line 181, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item:last-child a {
background-color: #FFB8C3;
color: #fff;
padding: .5rem 1rem;
border-radius: 4px;
transition: all .25s ease-in-out;
}
@media (max-width: 1024px) {
/* line 181, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item:last-child a {
margin: .5rem 2rem 0 2rem;
}
}
/* line 192, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item:last-child a:hover {
background-color: #ff8598;
}
/* line 198, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item:nth-last-child(2) {
border-left: 1px solid #E4E4E4;
padding-left: 1.25rem;
}
@media (max-width: 1024px) {
/* line 198, scss/components/_page-head.scss */
.c-page-head .menu--main .menu-item:nth-last-child(2) {
padding-left: 0;
}
}
@media only screen and (min-width: 1025px) {
/* line 208, scss/components/_page-head.scss */
.c-page-head .profile {
display: flex;
align-items: center;
border-left: 1px solid #E4E4E4;
padding-left: 2rem;
padding-right: 2rem;
background-color: #fff;
position: relative;
z-index: 12;
}
}
/* line 222, scss/components/_page-head.scss */
.c-page-head .profile a {
font-size: .8rem;
text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
/* line 222, scss/components/_page-head.scss */
.c-page-head .profile a {
margin: 0 .15rem;
}
}
/* line 230, scss/components/_page-head.scss */
.c-page-head .profile a:link, .c-page-head .profile a:visited {
color: #5b5b5b;
}
/* line 236, scss/components/_page-head.scss */
.c-page-head .profile .field--name-user-picture {
width: 42px;
height: 42px;
border-radius: 50%;
overflow: hidden;
}
@media (max-width: 1024px) {
/* line 236, scss/components/_page-head.scss */
.c-page-head .profile .field--name-user-picture {
margin: .5rem auto;
}
}
@media only screen and (min-width: 1025px) {
/* line 236, scss/components/_page-head.scss */
.c-page-head .profile .field--name-user-picture {
margin-right: .55rem;
}
}
/* line 250, scss/components/_page-head.scss */
.c-page-head .profile .field--name-user-picture a {
margin-left: 0;
}
/* line 256, scss/components/_page-head.scss */
.c-page-head .profile:hover .menu--account {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* line 264, scss/components/_page-head.scss */
.user-logged-in.role-authenticated .menu--main .menu-item:nth-last-child(2), .user-logged-in.role-authenticated .menu--main .menu-item:last-child {
display: none;
}
/* line 271, scss/components/_page-head.scss */
.user-logged-in.role-authenticated .menu--main .menu-item:nth-last-child(2) {
border-left: 0;
padding-left: 0;
}
/* line 277, scss/components/_page-head.scss */
.user-logged-in.role-authenticated .menu--main .menu-item:last-child a {
background-color: transparent;
color: #5b5b5b;
padding: 0;
}
/* line 282, scss/components/_page-head.scss */
.user-logged-in.role-authenticated .menu--main .menu-item:last-child a:hover {
background-color: transparent;
color: #FFB8C3;
}
@media only screen and (min-width: 1025px) {
/* line 290, scss/components/_page-head.scss */
.menu--account {
border-top: 1px solid #ececec;
background-color: #fff;
box-shadow: 0px 5px 20px -5px rgba(153, 153, 153, 0.2);
position: absolute;
top: 100%;
left: 0;
z-index: 11;
width: 100%;
padding: 1rem;
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
transition: all .25s ease-in-out;
}
}
/* line 306, scss/components/_page-head.scss */
.menu--account .menu {
margin: 0;
}
@media (max-width: 1024px) {
/* line 306, scss/components/_page-head.scss */
.menu--account .menu {
text-align: center;
}
}
/* line 315, scss/components/_page-head.scss */
.menu--account .menu-item a {
text-transform: uppercase;
display: block;
width: 100%;
font-size: .9rem;
padding: .25rem 1rem;
}
@media only screen and (min-width: 1025px) {
/* line 315, scss/components/_page-head.scss */
.menu--account .menu-item a {
font-size: .75rem;
}
}
/* line 326, scss/components/_page-head.scss */
.menu--account .menu-item a:link, .menu--account .menu-item a:visited {
color: #5b5b5b;
}
/* line 331, scss/components/_page-head.scss */
.menu--account .menu-item a:hover {
color: #FFB8C3;
}
/* line 339, scss/components/_page-head.scss */
.block-views-blockcurrent-user-block-1 {
position: relative;
}
@media only screen and (min-width: 1025px) {
/* line 339, scss/components/_page-head.scss */
.block-views-blockcurrent-user-block-1 {
height: 81px;
}
}
@media only screen and (min-width: 1025px) {
/* line 346, scss/components/_page-head.scss */
.block-views-blockcurrent-user-block-1 .views-row > article {
height: 81px;
}
}
@media (max-width: 1024px) {
/* line 352, scss/components/_page-head.scss */
.block-views-blockcurrent-user-block-1 .view-content {
padding: 1rem 0;
border-bottom: 1px solid #ddd;
width: 100%;
margin-bottom: 1rem;
}
}
/* line 362, scss/components/_page-head.scss */
.block-views-blockcurrent-user-block-1:hover .menu--account {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* line 368, scss/components/_page-head.scss */
.tabs {
margin-bottom: 2rem;
}
/* line 371, scss/components/_page-head.scss */
.tabs a {
background-color: white;
}
/* line 376, scss/components/_page-head.scss */
.tabs .is-active a {
background-color: #FFB8C3;
color: white;
}
/* line 384, scss/components/_page-head.scss */
.c-mobile-toggle {
position: absolute;
top: 1.09rem;
right: -1.23rem;
text-indent: -9999px;
width: 1.35em;
height: 1.35em;
}
@media only screen and (min-width: 768px) {
/* line 384, scss/components/_page-head.scss */
.c-mobile-toggle {
top: 1.35rem;
width: 1.75em;
height: 1.75em;
right: 0;
}
}
/* line 399, scss/components/_page-head.scss */
.c-mobile-toggle svg {
width: 100%;
height: 100%;
display: block;
}
@media only screen and (min-width: 1025px) {
/* line 384, scss/components/_page-head.scss */
.c-mobile-toggle {
display: none;
}
}
/* ==========================================================================
#Overlay
========================================================================== */
@-webkit-keyframes fadeInOverlay {
from {
opacity: 0;
}
to {
opacity: .9;
}
}
@keyframes fadeInOverlay {
from {
opacity: 0;
}
to {
opacity: .9;
}
}
/* line 425, scss/components/_page-head.scss */
.c-overlay {
-webkit-transform: translateX(-70%);
transform: translateX(-70%);
background: #FFB8C3;
height: 100%;
opacity: 0;
position: fixed;
top: 0;
visibility: hidden;
width: 100%;
z-index: 9998;
}
@media only screen and (min-width: 768px) {
/* line 425, scss/components/_page-head.scss */
.c-overlay {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
/* line 441, scss/components/_page-head.scss */
.c-overlay.is-active {
-webkit-animation: fadeInOverlay 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
animation: fadeInOverlay 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
visibility: visible;
}
@media only screen and (min-width: 1025px) {
/* line 441, scss/components/_page-head.scss */
.c-overlay.is-active {
visibility: hidden;
}
}
/* line 453, scss/components/_page-head.scss */
.o-wrap {
transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
height: 100%;
}
/* line 205, scss/settings/_mixins.scss */
.o-wrap__content::after {
content: '';
display: table;
clear: both;
}
@media (min-width: 550px) and (max-width: 767px) {
/* line 457, scss/components/_page-head.scss */
.o-wrap__content {
background: #fff;
}
}
/* line 467, scss/components/_page-head.scss */
.is-shifted {
-webkit-transform: translateX(-70%);
transform: translateX(-70%);
}
@media only screen and (min-width: 768px) {
/* line 467, scss/components/_page-head.scss */
.is-shifted {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 1025px) {
/* line 467, scss/components/_page-head.scss */
.is-shifted {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@media (max-width: 1024px) {
/* line 479, scss/components/_page-head.scss */
.block-views-blockcurrent-user-block-1 {
position: fixed;
top: 0;
right: -140%;
width: 70%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
/* line 479, scss/components/_page-head.scss */
.block-views-blockcurrent-user-block-1 {
width: 50%;
}
}
/* line 491, scss/components/_page-head.scss */
.block-views-blockcurrent-user-block-1.is-active {
right: -70%;
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 768px) {
/* line 491, scss/components/_page-head.scss */
.block-views-blockcurrent-user-block-1.is-active {
right: -50%;
}
}
@media only screen and (min-width: 1025px) {
/* line 479, scss/components/_page-head.scss */
.block-views-blockcurrent-user-block-1 {
display: block;
}
}
@media (max-width: 1024px) {
/* line 507, scss/components/_page-head.scss */
.profile {
text-align: center;
}
}
@media (max-width: 1024px) {
/* line 516, scss/components/_page-head.scss */
.field--name-field-first-name,
.field--name-field-last-name {
display: inline-block;
}
}
/* line 523, scss/components/_page-head.scss */
.search-wrap {
float: right;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #E4E4E4;
font-size: 1.5rem;
position: relative;
padding: 0 .65rem;
}
@media (min-width: 375px) {
/* line 523, scss/components/_page-head.scss */
.search-wrap {
padding: 0 1rem;
}
}
@media only screen and (min-width: 768px) {
/* line 523, scss/components/_page-head.scss */
.search-wrap {
height: 81px;
padding: 0 1.5rem;
}
}
/* line 543, scss/components/_page-head.scss */
.search-wrap svg {
width: 20px;
height: 20px;
}
@media only screen and (min-width: 768px) {
/* line 543, scss/components/_page-head.scss */
.search-wrap svg {
width: 28px;
height: 28px;
}
}
/* line 553, scss/components/_page-head.scss */
.search-wrap a {
display: inherit;
}
/* line 557, scss/components/_page-head.scss */
.search-wrap a.is-active svg g {
stroke: #FFB8C3;
}
/* line 563, scss/components/_page-head.scss */
.search-wrap svg {
transition: all .25s ease-in-out;
}
/* line 566, scss/components/_page-head.scss */
.search-wrap svg:hover {
opacity: .7;
}
/* line 573, scss/components/_page-head.scss */
.faves-menu-link__wrap {
float: right;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
padding: 0 .65rem;
}
@media (min-width: 375px) {
/* line 573, scss/components/_page-head.scss */
.faves-menu-link__wrap {
padding: 0 1rem;
}
}
@media only screen and (min-width: 768px) {
/* line 573, scss/components/_page-head.scss */
.faves-menu-link__wrap {
padding: 0 1.5rem;
height: 81px;
}
}
/* line 592, scss/components/_page-head.scss */
.faves-menu-link__wrap svg {
display: block;
width: 20px;
height: 20px;
transition: all .25s ease-in-out;
}
@media only screen and (min-width: 768px) {
/* line 592, scss/components/_page-head.scss */
.faves-menu-link__wrap svg {
width: 30px;
height: 30px;
}
}
/* line 603, scss/components/_page-head.scss */
.faves-menu-link__wrap svg:hover {
opacity: .7;
}
/* line 609, scss/components/_page-head.scss */
.region-search {
position: fixed;
top: 62px;
right: 0;
width: 100%;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
transition: all .25s ease-in-out;
z-index: -5;
}
@media only screen and (min-width: 768px) {
/* line 609, scss/components/_page-head.scss */
.region-search {
position: absolute;
width: 450px;
top: 100%;
}
}
/* line 624, scss/components/_page-head.scss */
.region-search.is-active {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* line 628, scss/components/_page-head.scss */
.region-search form {
display: flex;
}
/* line 631, scss/components/_page-head.scss */
.region-search form .form--inline {
width: 100%;
}
/* line 635, scss/components/_page-head.scss */
.region-search form .form-item {
margin: 0;
width: 100%;
}
/* line 640, scss/components/_page-head.scss */
.region-search form .form-actions {
display: none;
}
/* line 644, scss/components/_page-head.scss */
.region-search form input[type=search] {
box-sizing: inherit;
}
/* line 1, scss/components/_hero.scss */
.c-hero {
padding: 6rem 0;
text-align: center;
margin-bottom: 4rem;
border-bottom: 1px solid #ececec;
background-image: url(../../img/mf-fb-pink.jpg);
background-size: cover;
background-position: center;
}
@media only screen and (min-width: 768px) {
/* line 1, scss/components/_hero.scss */
.c-hero {
padding: 10rem 0;
}
}
/* line 14, scss/components/_hero.scss */
.c-hero__title {
font-size: 2rem;
line-height: 1.2;
color: #5b5b5b;
margin-bottom: 0;
display: inline-block;
background: #444;
color: #fff;
padding: 1rem 2rem;
}
@media only screen and (min-width: 768px) {
/* line 14, scss/components/_hero.scss */
.c-hero__title {
font-size: 3rem;
padding: .5rem 2rem;
}
}
/* line 29, scss/components/_hero.scss */
.c-hero__title svg {
max-width: 30px;
max-height: 30px;
position: relative;
top: .15em;
}
@media only screen and (min-width: 768px) {
/* line 29, scss/components/_hero.scss */
.c-hero__title svg {
max-width: 52px;
max-height: 52px;
}
}
/* line 1, scss/components/_product.scss */
.c-product-list {
display: flex;
flex-wrap: wrap;
margin-left: 0;
}
/* line 7, scss/components/_product.scss */
.c-product__item {
border-right: 4px solid #F8F8F8;
background-color: white;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
height: 256px;
width: 100%;
min-width: 267px;
}
@media only screen and (min-width: 550px) {
/* line 7, scss/components/_product.scss */
.c-product__item {
width: calc(100% / 2);
}
}
@media only screen and (min-width: 768px) {
/* line 7, scss/components/_product.scss */
.c-product__item {
width: calc(100% / 3);
}
}
@media only screen and (min-width: 1025px) {
/* line 7, scss/components/_product.scss */
.c-product__item {
width: calc(100% / 4);
}
}
@media only screen and (min-width: 1350px) {
/* line 7, scss/components/_product.scss */
.c-product__item {
width: calc(100% / 5);
}
}
/* line 37, scss/components/_product.scss */
.c-product__item:hover img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
/* line 42, scss/components/_product.scss */
.c-product__item .field--name-field-product-image {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
/* line 49, scss/components/_product.scss */
.c-product__item .views-field-field-media-image {
max-height: 100%;
}
/* line 53, scss/components/_product.scss */
.c-product__item img {
height: 100%;
transition: all .25s ease-in-out;
-webkit-transform: scale(1);
transform: scale(1);
margin-bottom: 0;
max-width: 85%;
max-height: 85%;
}
/* line 63, scss/components/_product.scss */
.c-product__item a {
display: flex;
justify-content: center;
}
/* line 68, scss/components/_product.scss */
.c-product__item .ajax-progress {
display: none !important;
}
/* line 72, scss/components/_product.scss */
.c-product__item .ds-1col {
height: 100%;
width: 100%;
position: relative;
}
@element .c-product-list and (min-width: 0px) {
/* line 80, scss/components/_product.scss */
.c-product-list .c-product__item {
width: calc(100%);
}
}
@element .c-product-list and (min-width: 500px) {
/* line 86, scss/components/_product.scss */
.c-product-list .c-product__item {
width: calc(100% / 2);
}
}
@element .c-product-list and (min-width: 850px) {
/* line 92, scss/components/_product.scss */
.c-product-list .c-product__item {
width: calc(100% / 3);
}
}
@element .c-product-list and (min-width: 1030px) {
/* line 98, scss/components/_product.scss */
.c-product-list .c-product__item {
width: calc(100% / 4);
}
}
@element .c-product-list and (min-width: 1300px) {
/* line 104, scss/components/_product.scss */
.c-product-list .c-product__item {
width: calc(100% / 5);
}
}
/* line 109, scss/components/_product.scss */
.c-heart__link i {
color: #999;
font-size: 1.2rem;
position: absolute;
top: 10px;
right: 10px;
}
/* Flag styling */
/* line 119, scss/components/_product.scss */
.flag {
position: absolute;
top: 10px;
right: 10px;
}
/* line 124, scss/components/_product.scss */
.flag a {
font-size: 0;
transition: all 1s ease-in-out;
display: flex;
justify-content: center;
}
/* line 130, scss/components/_product.scss */
.flag a::before {
content: '';
transition: all 1s ease-in-out;
font-size: 1.2rem;
width: 1em;
height: 1em;
background-size: 100%;
background-repeat: no-repeat;
}
/* line 144, scss/components/_product.scss */
.flag p {
position: absolute;
top: 1.5rem;
right: 1.35rem;
width: 220px;
height: 195px;
background-color: #FFB8C3;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
color: #fff;
text-align: center;
border-radius: 8px;
}
/* line 162, scss/components/_product.scss */
.flag.action-flag a::before {
background-image: url("../../img/heart-outline.svg");
font-size: 1.2rem;
}
/* line 169, scss/components/_product.scss */
.flag.action-unflag a::before {
font-weight: 900;
color: #FFB8C3;
background-image: url("../../img/heart-gradient.svg");
}
/* line 177, scss/components/_product.scss */
.js-flag-message {
display: inline;
margin-left: 1.2em;
-webkit-animation: flag-flash 2.25s ease-in-out 1;
animation: flag-flash 2.25s ease-in-out 1;
}
@-webkit-keyframes flag-flash {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes flag-flash {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/* Product page styles */
@media only screen and (min-width: 1025px) {
/* line 193, scss/components/_product.scss */
.o-grid--product {
display: flex;
align-items: center;
}
}
/* line 200, scss/components/_product.scss */
.l-page--full {
border-top: 1px solid #ececec;
padding: 2rem 0 3.5rem 0;
box-shadow: inset 0 20px 20px -20px rgba(153, 153, 153, 0.1);
}
/* line 206, scss/components/_product.scss */
.layout--product {
margin-top: 1rem;
}
/* line 210, scss/components/_product.scss */
.layout__region--info {
height: 100%;
}
@media only screen and (min-width: 1350px) {
/* line 210, scss/components/_product.scss */
.layout__region--info {
padding-right: 7rem;
}
}
/* line 217, scss/components/_product.scss */
.layout__region--info p {
font-size: .9rem;
line-height: 1.9;
}
/* line 222, scss/components/_product.scss */
.layout__region--info .c-btn--wrap {
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
/* line 222, scss/components/_product.scss */
.layout__region--info .c-btn--wrap {
margin-bottom: 0;
}
}
/* line 230, scss/components/_product.scss */
.layout__region--info .c-btn--wrap,
.layout__region--info .c-btn--amazon {
width: 100%;
margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
/* line 230, scss/components/_product.scss */
.layout__region--info .c-btn--wrap,
.layout__region--info .c-btn--amazon {
float: left;
margin-right: 1rem;
width: auto;
}
}
/* line 241, scss/components/_product.scss */
.layout__region--info .c-btn--wrap a,
.layout__region--info .c-btn--amazon a {
display: block;
width: 100%;
text-align: center;
}
@media only screen and (min-width: 768px) {
/* line 241, scss/components/_product.scss */
.layout__region--info .c-btn--wrap a,
.layout__region--info .c-btn--amazon a {
width: auto;
text-align: left;
}
}
@media only screen and (min-width: 768px) {
/* line 253, scss/components/_product.scss */
.layout__region--info .c-btn--amazon {
width: 220px;
}
}
/* line 260, scss/components/_product.scss */
.c-product__image,
.layout__region--photo .field--name-field-media-image .field__item {
background-color: #fff;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 300px;
padding: 2rem 0;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
/* line 260, scss/components/_product.scss */
.c-product__image,
.layout__region--photo .field--name-field-media-image .field__item {
height: 500px;
padding: 0;
}
}
@media only screen and (min-width: 1025px) {
/* line 260, scss/components/_product.scss */
.c-product__image,
.layout__region--photo .field--name-field-media-image .field__item {
margin-bottom: 0;
}
}
/* line 280, scss/components/_product.scss */
.c-product__image a,
.layout__region--photo .field--name-field-media-image .field__item a {
height: 100%;
}
@media only screen and (min-width: 768px) {
/* line 280, scss/components/_product.scss */
.c-product__image a,
.layout__region--photo .field--name-field-media-image .field__item a {
height: auto;
}
}
/* line 288, scss/components/_product.scss */
.c-product__image img,
.layout__region--photo .field--name-field-media-image .field__item img {
height: auto;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
margin-bottom: 0;
}
/* line 296, scss/components/_product.scss */
.c-product__title {
font-size: 2.25rem;
color: #5b5b5b;
}
/* line 302, scss/components/_product.scss */
.block-views-blockrelated-products-block-1 h2 {
color: #5b5b5b;
border-bottom: 1px solid #E4E4E4;
font-size: 1.9rem;
padding-bottom: 1rem;
}
/* line 310, scss/components/_product.scss */
.field--name-field-source {
position: absolute;
right: 1rem;
bottom: 1rem;
font-size: .8rem;
background-color: #F1F1F1;
padding: .25rem .75rem;
color: #bbb;
border-radius: 15px;
}
/* line 320, scss/components/_product.scss */
.field--name-field-source::before {
content: 'Source:\00a0';
display: inline-block;
}
/* line 2, scss/components/_review.scss */
.block-views-blockreviews-block-1 h2 {
color: #5b5b5b;
border-bottom: 1px solid #E4E4E4;
font-size: 1.9rem;
padding-bottom: 1rem;
}
/* line 10, scss/components/_review.scss */
.num-rating {
display: none;
}
/* line 14, scss/components/_review.scss */
.star-rating {
margin-bottom: .5rem;
}
/* line 18, scss/components/_review.scss */
div.svg div.rateit-selected {
background: url("../../img/heart-selected.svg");
}
/* line 22, scss/components/_review.scss */
div.svg div.rateit-range {
background: url("../../img/heart-normal.svg");
}
/* line 26, scss/components/_review.scss */
div.svg div.rateit-hover {
background: url("../../img/heart-hover.svg");
}
/* line 31, scss/components/_review.scss */
.view-reviews .view-content ul {
list-style: none;
}
/* line 36, scss/components/_review.scss */
.c-user {
display: flex;
flex-direction: column;
align-items: center;
}
/* line 42, scss/components/_review.scss */
.c-user__photo {
border-radius: 50%;
overflow: hidden;
width: 88px;
height: 88px;
}
/* line 49, scss/components/_review.scss */
.c-user__name {
font-weight: bold;
text-transform: uppercase;
font-size: .95rem;
margin-top: .25rem;
}
/* line 57, scss/components/_review.scss */
.c-review {
border-bottom: 1px solid #E4E4E4;
padding: 0 0 2rem 0;
margin-bottom: 2rem;
}
/* line 62, scss/components/_review.scss */
.c-review__content {
text-align: center;
}
@media only screen and (min-width: 768px) {
/* line 62, scss/components/_review.scss */
.c-review__content {
text-align: left;
}
}
/* line 70, scss/components/_review.scss */
.c-review p {
font-size: .95rem;
line-height: 1.6;
font-weight: 300;
margin-bottom: 0;
}
/* line 77, scss/components/_review.scss */
.c-review__created {
color: #C2C2C2;
font-size: .89rem;
font-weight: 500;
margin-bottom: .65rem;
}
/* line 84, scss/components/_review.scss */
.c-review--empty {
text-align: center;
margin-bottom: 2rem;
padding: 2rem 2rem 3rem 2rem;
border-bottom: 1px solid #eee;
}
@media only screen and (min-width: 768px) {
/* line 84, scss/components/_review.scss */
.c-review--empty {
padding: 2rem 4rem 3rem 4rem;
}
}
/* line 94, scss/components/_review.scss */
.c-review--empty h4 {
font-size: 1.25rem;
font-weight: 300;
}
/* line 100, scss/components/_review.scss */
.c-review--noresults {
border-bottom: 0;
margin-bottom: 0;
}
/* line 1, scss/components/_sidebar.scss */
.sidebar__item {
background-color: #d5dce3;
margin-bottom: 4rem;
}
/* line 5, scss/components/_sidebar.scss */
.sidebar__item h4 {
font-size: 1.25rem;
margin-bottom: 0;
color: #5c5c5c;
}
/* line 11, scss/components/_sidebar.scss */
.sidebar__item img {
margin-bottom: .5rem;
}
/* line 16, scss/components/_sidebar.scss */
.sidebar__title, .sidebar .block h2 {
margin-bottom: 0;
color: #fff;
background-color: #b6c3cf;
padding: .75rem 1rem;
text-align: center;
font-weight: normal;
font-size: 1.25rem;
}
/* line 26, scss/components/_sidebar.scss */
.sidebar__content {
padding: 1.5rem;
text-align: center;
}
/* line 30, scss/components/_sidebar.scss */
.sidebar__content p {
color: #5c5c5c;
font-size: .89rem;
}
/* line 34, scss/components/_sidebar.scss */
.sidebar__content p:last-child {
margin-bottom: 0;
}
/* line 41, scss/components/_sidebar.scss */
.sidebar__item--social .sidebar__content {
display: flex;
justify-content: center;
}
/* line 47, scss/components/_sidebar.scss */
.sidebar {
margin-top: 4rem;
}
@media only screen and (min-width: 768px) {
/* line 47, scss/components/_sidebar.scss */
.sidebar {
padding-left: 2rem;
margin-top: 0;
}
}
/* line 54, scss/components/_sidebar.scss */
.sidebar .fa-heart {
font-size: .89rem;
margin-left: .5rem;
}
/* line 58, scss/components/_sidebar.scss */
.sidebar .fa-heart::before {
background: #E03062;
background-image: linear-gradient(-133deg, #E03062 0%, #F37498 48%, #D73B64 92%);
background-image: linear-gradient(-133deg, #F7AEC3 0%, #FFCDDB 48%, #F6A2BA 92%);
background-image: linear-gradient(-133deg, #FFB8C3 0%, #FFD7DD 48%, #FFB8C3 92%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* line 69, scss/components/_sidebar.scss */
.sidebar .block {
background-color: #d5dce3;
}
/* line 76, scss/components/_sidebar.scss */
.sidebar .block form {
padding: 1.5rem;
}
/* line 80, scss/components/_sidebar.scss */
.sidebar .block .form-actions {
margin-bottom: 0;
}
/* line 84, scss/components/_sidebar.scss */
.sidebar .block .form-item-name {
margin-top: 0;
}
/* line 3, scss/components/_social-list.scss */
.c-social-list__item {
margin-right: .5rem;
}
/* line 7, scss/components/_social-list.scss */
.c-social-list__link {
opacity: 1;
transition: all .25s ease-in-out;
background-color: #fff;
height: 50px;
width: 50px;
text-align: center;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
/* line 19, scss/components/_social-list.scss */
.c-social-list__link:visited, .c-social-list__link:link {
color: #F05E81;
font-size: 1.5rem;
}
/* line 25, scss/components/_social-list.scss */
.c-social-list__link:hover {
opacity: .7;
}
/* line 31, scss/components/_social-list.scss */
.c-social-list--no-circle .c-social-list__link {
width: auto;
height: auto;
background-color: transparent;
color: #899cb0;
margin: 0 1rem;
display: block;
}
/* line 1, scss/components/_title.scss */
.c-title {
margin-bottom: 3rem;
border-bottom: 1px solid #ececec;
padding: 1.5rem 0 0;
}
/* line 11, scss/components/_title.scss */
.c-blog .breadcrumb {
display: none;
}
/* line 15, scss/components/_title.scss */
.c-blog .c-title {
border-bottom: 0;
margin-bottom: 0;
}
/* line 19, scss/components/_title.scss */
.c-blog .c-title h1 {
margin-top: 2rem;
font-size: 2.75rem;
line-height: 1.25253;
font-weight: 600;
}
/* line 27, scss/components/_title.scss */
.c-blog--single {
padding-top: 2rem;
}
/* line 30, scss/components/_title.scss */
.c-blog--single .page-title {
margin-top: 0;
}
@media only screen and (min-width: 768px) {
/* line 27, scss/components/_title.scss */
.c-blog--single {
padding-top: 4rem;
}
}
/* line 38, scss/components/_title.scss */
.c-blog--single h1 {
margin-top: 2rem;
font-size: 2rem;
line-height: 1.2;
font-weight: 600;
}
@media only screen and (min-width: 768px) {
/* line 38, scss/components/_title.scss */
.c-blog--single h1 {
font-size: 2.75rem;
line-height: 1.25253;
}
}
/* line 1, scss/components/_trending.scss */
.block-views-blocktrending-block-1 {
border-top: 1px solid #e5ecec;
text-align: center;
background-color: #fff;
}
/* line 7, scss/components/_trending.scss */
.block-views-blocktrending-block-1 h2 {
color: #757575;
font-size: 2.5rem;
}
/* line 13, scss/components/_trending.scss */
.user-logged-in .block-views-blocktrending-block-1 {
margin-top: 7rem;
}
/* line 20, scss/components/_trending.scss */
.c-trending .view-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
/* line 27, scss/components/_trending.scss */
.c-trending .field--name-field-product-image a {
display: flex;
justify-content: center;
align-items: center;
}
/* line 33, scss/components/_trending.scss */
.c-trending__item {
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
/* line 33, scss/components/_trending.scss */
.c-trending__item {
margin-right: 30px;
}
}
/* line 41, scss/components/_trending.scss */
.c-trending__wrap {
width: 200px;
height: 200px;
background-color: #f8f8f8;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
/* line 50, scss/components/_trending.scss */
.c-trending__wrap img {
max-width: 100%;
height: auto;
width: 70%;
margin-bottom: 0;
}
/* line 3, scss/components/_onboard.scss */
.c-onboard__header {
position: relative;
z-index: 5;
display: flex;
flex-direction: column;
align-items: center;
}
/* line 11, scss/components/_onboard.scss */
.c-onboard__title {
font-size: 2.5rem;
color: #5E5E5E;
letter-spacing: 1.58px;
text-align: center;
line-height: 1;
font-weight: 900;
display: inline-block;
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 11, scss/components/_onboard.scss */
.c-onboard__title {
font-size: 3rem;
}
}
@media only screen and (min-width: 1025px) {
/* line 11, scss/components/_onboard.scss */
.c-onboard__title {
font-size: 3.4rem;
}
}
/* line 29, scss/components/_onboard.scss */
.c-onboard__title--login {
margin-bottom: 0;
}
/* line 34, scss/components/_onboard.scss */
.c-onboard__subtitle {
font-size: 1.27rem;
color: #9B9B9B;
letter-spacing: 0.66px;
text-align: center;
padding: 0 1rem;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
/* line 34, scss/components/_onboard.scss */
.c-onboard__subtitle {
font-size: 1.4rem;
}
}
/* line 47, scss/components/_onboard.scss */
.c-onboard__forgot {
text-align: center;
margin-bottom: 1rem;
display: block;
z-index: 1;
position: relative;
}
/* line 1, scss/components/_tabs.scss */
.c-tabs {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: center;
margin-bottom: 3.5rem;
margin-top: 2rem;
position: relative;
z-index: 5;
}
/* line 10, scss/components/_tabs.scss */
.c-tabs__item {
width: 200px;
}
/* line 14, scss/components/_tabs.scss */
.c-tabs__link {
color: #ccc;
display: block;
border-bottom: 2px solid #ccc;
text-align: center;
padding: .35rem 0;
font-weight: 600;
}
/* line 22, scss/components/_tabs.scss */
.c-tabs__link:link, .c-tabs__link:visited {
color: #ccc;
}
/* line 28, scss/components/_tabs.scss */
.c-tabs__link--active:link, .c-tabs__link--active:visited {
color: #FFB8C3;
border-bottom-color: #FFB8C3;
}
/* line 1, scss/components/_heart.scss */
.c-heart {
position: absolute;
z-index: 1;
}
/* line 5, scss/components/_heart.scss */
.c-heart--bottom {
bottom: 6rem;
left: -4rem;
}
/* line 10, scss/components/_heart.scss */
.c-heart--top {
top: 15rem;
right: -6rem;
}
/* line 15, scss/components/_heart.scss */
.c-heart--small {
top: -0.75rem;
left: -5rem;
}
/* line 1, scss/components/_messages.scss */
.messages {
background: #fff;
padding: 1rem 2rem;
border-radius: 8px;
border: 1px solid #dddddd;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
font-weight: bold;
}
/* line 11, scss/components/_messages.scss */
.messages--status {
color: #757575;
}
/* line 14, scss/components/_messages.scss */
.messages--status::before {
font-family: "Font Awesome 5 Free";
content: "\f004";
color: #028090;
display: inline-block;
margin-right: .85rem;
font-size: 1rem;
}
/* line 24, scss/components/_messages.scss */
.messages--error {
color: #757575;
}
/* line 27, scss/components/_messages.scss */
.messages--error::before {
font-family: "Font Awesome 5 Free";
content: "\f00d";
color: #028090;
display: inline-block;
margin-right: .85rem;
font-size: 1rem;
}
/* line 37, scss/components/_messages.scss */
.messages--warning {
color: #757575;
}
/* line 40, scss/components/_messages.scss */
.messages--warning::before {
font-family: "Font Awesome 5 Free";
content: "\f00d";
color: #028090;
display: inline-block;
margin-right: .85rem;
font-size: 1rem;
}
/* line 50, scss/components/_messages.scss */
.path-frontpage .region-messages-tabs .messages {
margin: 2rem auto 2rem auto;
max-width: 85rem;
}
/* line 1, scss/components/_search.scss */
.view-search {
padding-bottom: 6rem;
}
/* line 5, scss/components/_search.scss */
.view-search .views-row {
overflow: hidden;
padding: 2rem 0;
border-bottom: 1px solid #ececec;
}
/* line 10, scss/components/_search.scss */
.view-search .views-row .search-image {
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
padding: 2rem;
margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
/* line 10, scss/components/_search.scss */
.view-search .views-row .search-image {
margin-bottom: 0;
margin-right: 2rem;
width: 200px;
float: left;
}
}
/* line 25, scss/components/_search.scss */
.view-search .views-row .search-image img {
margin-bottom: 0;
}
/* line 30, scss/components/_search.scss */
.view-search .views-row h2 {
margin-bottom: .5rem;
}
/* line 36, scss/components/_search.scss */
#block-exposedformsearchpage-1-2 .form--inline {
display: flex;
}
/* line 40, scss/components/_search.scss */
#block-exposedformsearchpage-1-2 .form-item-search {
flex: 1;
}
/* line 43, scss/components/_search.scss */
#block-exposedformsearchpage-1-2 .form-item-search input {
border-radius: 30px;
padding-left: 2rem;
padding-right: 2rem;
}
/* line 1, scss/components/_user-list.scss */
.user-list {
padding: 0;
margin: 0;
list-style: none;
margin-top: 2rem;
display: flex;
justify-content: space-between;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
/* line 1, scss/components/_user-list.scss */
.user-list {
flex-direction: row;
}
}
/* line 12, scss/components/_user-list.scss */
.user-list__item {
text-align: center;
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
/* line 12, scss/components/_user-list.scss */
.user-list__item {
margin-bottom: 0;
width: calc((100% / 3) - 1rem);
}
}
/* line 21, scss/components/_user-list.scss */
.user-list__item a {
display: block;
width: 100%;
height: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
padding: 2rem 1rem;
color: #757575;
border-radius: 8px;
overflow: hidden;
transition: all .25s ease-in-out;
}
/* line 33, scss/components/_user-list.scss */
.user-list__item a:hover {
background-color: #f8f8f8;
}
/* line 38, scss/components/_user-list.scss */
.user-list__item i {
font-size: 1.5rem;
margin-bottom: .65rem;
}
/* line 43, scss/components/_user-list.scss */
.user-list__item .fa-comment-alt {
color: #028090;
}
/* line 47, scss/components/_user-list.scss */
.user-list__item .fa-plus-circle {
color: #114B5F;
}
/* line 51, scss/components/_user-list.scss */
.user-list__item svg {
width: 30px;
height: 30px;
}
/* line 58, scss/app.scss */
.feed-icons {
display: none;
}
/* line 59, scss/app.scss */
.path-frontpage .tabs {
display: none;
}
/* line 60, scss/app.scss */
.l-layout--taxonomy {
padding-bottom: 4rem;
}
/* line 65, scss/app.scss */
.c-page--onboard {
padding: 3.5rem 1.5rem;
margin: 0 auto;
position: relative;
}
@media only screen and (min-width: 768px) {
/* line 65, scss/app.scss */
.c-page--onboard {
width: 75%;
padding: 6rem 0;
}
}
@media only screen and (min-width: 1025px) {
/* line 65, scss/app.scss */
.c-page--onboard {
width: 52%;
}
}
@media only screen and (min-width: 1350px) {
/* line 65, scss/app.scss */
.c-page--onboard {
width: 42%;
}
}
/* line 84, scss/app.scss */
.c-page--onboard .form-item {
margin: 0;
}
/* line 88, scss/app.scss */
.c-page--onboard input[type=text],
.c-page--onboard input[type=password],
.c-page--onboard input[type=email] {
background-color: #fff;
border-bottom: 2px solid #f5f5f5;
-webkit-box-shadow: 0 0 0 100px white inset;
padding: 1.85rem 1.75rem;
font-size: 1.1rem;
}
/* line 95, scss/app.scss */
.c-page--onboard input[type=text] input:-webkit-autofill,
.c-page--onboard input[type=text] input:-webkit-autofill:hover,
.c-page--onboard input[type=text] input:-webkit-autofill:focus,
.c-page--onboard input[type=text] input:-webkit-autofill:active,
.c-page--onboard input[type=password] input:-webkit-autofill,
.c-page--onboard input[type=password] input:-webkit-autofill:hover,
.c-page--onboard input[type=password] input:-webkit-autofill:focus,
.c-page--onboard input[type=password] input:-webkit-autofill:active,
.c-page--onboard input[type=email] input:-webkit-autofill,
.c-page--onboard input[type=email] input:-webkit-autofill:hover,
.c-page--onboard input[type=email] input:-webkit-autofill:focus,
.c-page--onboard input[type=email] input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}
/* line 105, scss/app.scss */
.c-page--onboard .user-login-form,
.c-page--onboard .user-register-form {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
z-index: 5;
}
@media only screen and (min-width: 1025px) {
/* line 105, scss/app.scss */
.c-page--onboard .user-login-form,
.c-page--onboard .user-register-form {
width: 85%;
}
}
/* line 121, scss/app.scss */
.c-page--onboard .field--name-field-photo {
clear: both;
color: #aaa;
}
/* line 126, scss/app.scss */
.c-page--onboard .field--name-field-first-name {
border-right: 2px solid #f5f5f5;
}
/* line 129, scss/app.scss */
.c-page--onboard .field--name-field-first-name,
.c-page--onboard .field--name-field-last-name {
float: left;
width: 50%;
}
/* line 135, scss/app.scss */
.c-page--onboard .form-type-checkbox {
padding: 1.85rem 1.75rem;
font-size: 1.1rem;
}
/* line 145, scss/app.scss */
.view-my-products .view-empty,
.view-user-reviews .view-empty,
.view-flag-bookmark .view-empty {
background-color: white;
border-radius: 8px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
margin-bottom: 3rem;
padding: 2rem;
font-size: 1.2rem;
line-height: 1.3;
text-align: center;
}
@media only screen and (min-width: 768px) {
/* line 145, scss/app.scss */
.view-my-products .view-empty,
.view-user-reviews .view-empty,
.view-flag-bookmark .view-empty {
padding: 3rem 4rem 3rem 4rem;
font-size: 1.5rem;
}
}
/* line 161, scss/app.scss */
.view-my-products .view-empty::before,
.view-user-reviews .view-empty::before,
.view-flag-bookmark .view-empty::before {
content: '';
background: url("../../img/heart-gradient.svg");
background-repeat: no-repeat;
background-size: 100%;
width: 2.5em;
height: 2.5em;
display: inline-block;
flex-shrink: 0;
margin: 0 auto;
}
/* line 173, scss/app.scss */
.view-my-products .view-empty p,
.view-user-reviews .view-empty p,
.view-flag-bookmark .view-empty p {
font-size: 1.5rem;
line-height: 1.3;
margin-bottom: 1.5rem;
}
/* line 188, scss/app.scss */
.view-flag-bookmark .view-empty::before {
display: none;
}
/* line 192, scss/app.scss */
.view-flag-bookmark .view-empty .fa-lightbulb {
color: #F8E71C;
}
/* line 196, scss/app.scss */
.view-flag-bookmark .view-empty .fa-heart {
color: #FFB8C3;
}
/* line 201, scss/app.scss */
.view-my-products .view-empty {
max-width: 830px;
margin-left: auto;
margin-right: auto;
}
/* line 207, scss/app.scss */
.view-user-reviews .view-empty {
max-width: 830px;
margin-left: auto;
margin-right: auto;
}
/* line 212, scss/app.scss */
.view-user-reviews .view-empty p {
margin-bottom: 0;
}
/* line 220, scss/app.scss */
.c-btn-list {
padding: 0;
margin: 0;
list-style: none;
margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
/* line 220, scss/app.scss */
.c-btn-list {
display: flex;
justify-content: center;
}
}
/* line 229, scss/app.scss */
.c-btn-list__item {
margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
/* line 229, scss/app.scss */
.c-btn-list__item {
margin: 0 1rem;
}
}
/* line 239, scss/app.scss */
.page-node-type-page:not(.path-frontpage) .region-content {
padding-bottom: 6rem;
}
/* line 243, scss/app.scss */
.view-feed .view-footer {
text-align: center;
}
/* line 248, scss/app.scss */
.pager__item a {
color: #757575;
padding: .5rem 1rem;
display: inline-block;
background: #fff;
}
/* line 254, scss/app.scss */
.pager__item a:hover {
background: #FFB8C3;
color: #fff;
}
/* line 261, scss/app.scss */
.align-right {
margin-left: 1rem;
margin-bottom: .75rem;
}
/* line 266, scss/app.scss */
.align-left {
margin-right: 1rem;
margin-bottom: .75rem;
}
/* line 271, scss/app.scss */
.align-center {
display: flex;
justify-content: center;
}
/* line 276, scss/app.scss */
.banner {
background: #ff94a5;
color: #fff;
padding: .5rem 0;
text-align: center;
position: relative;
z-index: 500;
}
/* line 284, scss/app.scss */
.banner p {
margin-bottom: 0;
}
/* line 288, scss/app.scss */
.banner a {
color: #fff;
font-weight: bold;
}
/* line 295, scss/app.scss */
.blog-content .field--name-field-source {
display: none;
}