body>img:first-of-type,body>img:nth-of-type(2) {
position: absolute;
opacity: 0;
}
.juicer-feed button {
display: none!important;
}
img {
max-width: 100%;
}
/*Anniversary Updates*/
.anniversary #nav-bar #nav-logo, .anniversary #foot-logo {
background-image: url(https://www.resers.com/wp-content/uploads/75_Logo_Standard-1.png)!important;
}
.anniversary a#nav-logo {
transform: scale(1.85);
transform-origin: top;
}
.anniversary div#foot-logo {
height: 150px !important;
}
.anniversary a#nav-logo {
background-position: 75% center !important;
}
html:not(.anniversary) #anniversary-overlay {
display: none!important;
}
.container.aligned.about-us-intro {
margin-bottom: 35px;
max-width: 100%;
width: 100%;
background: #E0251D;
padding: 50px 0;
}
.container.aligned.about-us-intro p:last-of-type {
font-size: 1.8em !important;
font-weight: bold;
}
.container.aligned.about-us-intro p {
text-align: center;
margin: auto;
margin-bottom: 15px;
color: #fff;
max-width: 700px;
}
.intro-inner {
max-width: 1100px;
margin: auto;
width: 100%;
display: grid;
padding: 0 50px;
grid-template-columns: 300px minmax(0, 1fr);
gap: 50px;
}
.container.aligned.about-us-intro img {
max-width: 100%;
}
.intro-right img {
max-width: 500px!important;
margin: auto;
display: block;
width: 100%;
}
.anniversary .page-id-47 .page-header {
margin-bottom: 0;
}
.intro-breaker {
height: 3px;
width: 400px;
margin: 15px auto;
background-color: #fff;
margin-top: 20px;
max-width: 100%;
}
.footer-logo-copy {
width: 175px;
font-size: 1.2rem;
margin-bottom: 15px;
}
.anniversary #copy-bar .copy-left {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.anniversary span.copyright {
width: 100%;
}
.anniversary .footer-logo-copy {
font-size: 1.2rem;
margin-bottom: 15px;
flex: 1;
margin-left: 45px;
margin-top: 15px;
}
html:not(.anniversary) .about-us-intro, html:not(.anniversary) .footer-logo-copy {
display: none;
}
@media only screen and (max-width: 767px) {
.anniversary #copy-bar .copy-left {
flex-direction: column;
}
.anniversary .footer-logo-copy {
margin-left: 0;
width: 100%;
}
.anniversary div#foot-logo {
height: 100px !important;
}
.intro-inner {
display: flex;
flex-direction: column;
}
.container.aligned.about-us-intro img {
max-height: 300px;
display: block;
margin: auto;
max-width: 100%;
}
.intro-left {
display: none;
}
a#nav-logo {
z-index: 99;
}
ul#menu-header_menu {
padding-top: 60px !important;
box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
}
}
/*End Anniversary Updates*/
#cmplz-datarequest-form {
padding: 20px;
background-color: #f9f9f9;
}
.cmplz_datarequest {
line-height: 3em;
}
.cmplz_datarequest input[type=checkbox] {
position: relative;
opacity: 1;
z-index: 1;
}
.cmplz_datarequest_cross_context, .cmplz_datarequest_global_optout, .cmplz_datarequest_right_to_data_portability {
display: none;
}
/*.product-carousel a:nth-of-type(1) p::before, .product-carousel a:nth-of-type(2) p::before {
content: '3lb ';
}*/
/*div.hf-block:nth-of-type(3n + 2) .hf-img {
background-color: #FF7701;
background-color: #2EABDF;
}
div.hf-block:nth-of-type(3n + 3) .hf-img {
background-color: #E1261C;
background-color: #FF7701;
}*/
/*.home-header-image:first-of-type,.home-header-image:nth-of-type(2) {
display: block!important;
}
.home-header-image {
position: absolute;
top: 0;
left: 0;
display:none;
}
.home-header .product-text {
flex: 50%;
margin: auto;
height: 600px;
margin-top: auto;
text-align: center;
display: flex;
padding-bottom: 200px!important;
}
#header .home-header-image {
height: 100%!important;
bottom: 0!important;
}
.home-header .text-links a {
margin: auto;
padding: 15px 45px;
text-decoration: none;
color: #fff!important;
font-size: 28px;
background-color: #1499D6;
border-radius: 15px;
line-height: 22px;
margin-top: 10px;
}
.home-header .text-links a:hover {
background-color: #F78F2A;
}
.text-box img {
height: 400px;
width: auto!important;
display: block;
margin: auto;
}
.home-header .container h1 {
font-size: 40px;
text-shadow: 0px 0px 15px #000;
}
.product-carousel a p::before {
content: '3lb ';
}*/
.page-id-154 .fluid-width-video-wrapper {
padding-top: 57.7%!important;
border-right: 1px solid;
}
.page-id-2723 .benefits-block .fl-row-content-wrap {
padding: 0!important;
}
#benefits {
position: absolute;
top: -90px;
}
.gtl-img {
height: 150px;
border: 2px solid #F78F2A;
max-width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 135px;
margin-bottom: 75px;
}
.page-id-2627 .container.aligned {
display: block;
}
/*div.hf-block:nth-of-type(3n + 1) .hf-img {
background-color: #F78F2A!important;
}*/
h2.gtl {
padding-top: 0!important;
}
.gtl a {
color: #000;
text-decoration: none;
max-width: 500px;
margin-left: auto;
margin-right: auto;
display: block;
}
.gtl strong {
color: inherit!important;
}
.gtl em {
text-decoration: underline;
color: #1499D6;
}
.gtl a em:hover {
color: #E1261C;
}
.gtl-img img {
height: 300px!important;
max-width: 100%!important;
object-fit: contain;
object-position: bottom center;
margin-top: -90px;
}
/*.container.hf-block:nth-of-type(2) video {
max-height: 400px;
}*/
.hf-block:nth-of-type(3n + 3) .hf-img {
background-color: #e1261c;
}
.hf-block:nth-of-type(3n + 2) .hf-img {
background-color: #a9ccd8;
}
/*.hf-block:nth-of-type(5) video {
max-height: 400px;
}*/
#copy-bar .social a:first-child {
margin-left: 0;
}
#copy-bar .social a i:hover {
color: #F2CB4E!important;
}
.hf-img video {
object-fit: contain!important;
height: auto!important;
}
.hf-block:nth-of-type(3n + 3) .hf-img video {
height: auto!important;
object-fit: contain;
max-height: unset!important;
}
.about-box span {
padding: 10px 10px;
top: 0;
padding-top: 0;
line-height: 30px;
}
/*404*/
.error404 #nav-bar a {
text-shadow: none;
}
.error404 #nav ul.sub-menu {
top: 90px!important;
}
.four-oh-four {
display: flex;
height: 50vh;
flex-direction: column;
background-image: url(/wp-content/uploads/red-1.jpg)!important;
margin-top: 130px;
}
.four-oh-four h1, .four-oh-four a {
margin: auto;
text-align: center;
}
.four-oh-four h1 {
margin-bottom: 0;
color: #fff;
}
.four-oh-four a {
margin-top: 25px;
color: #fff;
font-size: 1.2rem;
}
/*Racecar home header
.product-car-image.page-down {
position: relative;
bottom: auto;
width: 300px;
height: 250px;
left: auto;
}
.home-header-image {
background-image: url(https://www.resers.com/wp-content/uploads/2021-LetsPicnic-Resers-New-Hampshire_V2_SHDW-1024x317-1.png)!important;
height: 33%!important;
background-size: contain!important;
bottom: 17%!important;
top: auto!important;
}
.home-header-bg {
background-image: url(https://www.resers.com/wp-content/uploads/racetrack.jpg)!important;
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
top: 0;
left: 0;
}
.text-links a {
margin-top: 10px;
}
.home-header .container h1 {
margin-bottom: 0!important;
}
.home-header .product-text {
margin-top: 20%;
margin-top: 200px!important;
}
.home-header .container p {
margin-top: 15px;
}
.home-header {
background-color: transparent;
}
End Racecar home header*/
/*Groceries 2021*/
.size.\34 -pack.sizes-fourpack:after {
height: 40px;
width: 40px;
background-image: url(https://www.resers.com/wp-content/uploads/1sizes-fourpack.png);
content: '';
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
margin-left: 5px;
}
.size.\34 -pack.sizes-fourpack img {
display: none;
}
.grocery-header {
position: relative;
z-index: 99;
}
.contest-container {
max-width: 800px!important;
text-align: center;
}
.contest-container {
padding-left: 15px!important;
padding-right: 15px!important;
}
.contest-container h2 {
text-transform: uppercase;
margin-left: auto;
margin-right: auto;
color: #fff!important;
margin-bottom: 0;
line-height: 1.3;
font-size: 28px;
}
.contest-container h2 span:first-of-type {
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
.contest-container h2 span:last-of-type {
-webkit-animation: fadeIn 3s;
animation: fadeIn 3s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
.contest-container h2 span:nth-of-type(2) {
color: #fff;
display: block;
font-size: 56px;
margin-top: 7px;
margin-bottom: 7px;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
font-weight: bold;
font-family: 'Hind', sans-serif;
padding-top: 6px;
-webkit-animation: fadeIn 2s;
animation: fadeIn 2s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
line-height: 70px;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.contest-container p {
width: 100%;
text-align: center;
color: #fff;
}
.contest-container strong {
color: #fff;
}
.groceries {
display: flex;
position: relative;
max-width: 1450px;
height: 100%;
margin-left: auto;
margin-right: auto;
min-height: 900px;
}
.groceries video {
object-fit: cover;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
object-position: top center;
position: absolute;
top: 0;
left: 0;
background: transparent!important;
}
.desktop-video {
display: block;
}
.mobile-video {
display: none;
}
.iframe-grocery {
width: 100%;
height: 100%;
display: flex;
margin-left: auto;
margin-right: auto;
margin-top: 105px;
margin-bottom: 105px;
}
.groceries-b .iframe-grocery iframe {
z-index: 99;
position: relative;
left: auto;
margin-left: auto;
margin-right: auto;
opacity: 0;
-webkit-animation: fadeInOut 6s;
animation: fadeInOut 6s;
transform: scale(0.5);
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
.top-info {
max-width: 830px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
text-align: center;
padding: 0 15px;
opacity: 0;
-webkit-animation: fadeInTwo 4s;
animation: fadeInTwo 4s;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
max-height: 0;
margin-bottom: 40px;
}
@keyframes fadeInTwo {
0% {
opacity: 0;
}
85% {
opacity: 0;
max-height: 0;
}
100% {
opacity: 1;
max-height: 100px;
}
}
@keyframes fadeInOut {
0% {
opacity: 0;
}
90% {
opacity: 0;
}
100% {
opacity: 1;
transform: scale(1);
}
}
.groceries-bg {
margin-top: auto;
display: block;
width: 100%;
}
.iframe-grocery img {
z-index: 99;
border: 1px solid #E1261C;
margin-left: auto;
margin-right: auto;
max-width: 400px;
height: auto;
margin-bottom: auto;
margin-top: 50px;
}
.contest-info {
background-color: #f2cb4e;
width: 100%;
min-height: 100px;
display: flex;
margin-top: -1px;
position: relative;
padding: 25px; 0
}
.contest-info-inner {
max-width: 800px;
margin-left: auto;
margin-right: auto;
background-color: #f2cb4e;
}
.contest-info-inner p {
color: #000;
text-align: center;
}
/*End Groceries 2021*/
.home-header-image {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(http://www.sasquatch.build/rese6005/wp-content/uploads/rese-head2.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.home-header p {
color: #fff;
font-size: 25px!important;
text-shadow: 0 0 35px #000;
font-weight: bold;
line-height: 25px;
}
.racecar-feat .uabb-infobox-title-wrap {
width: 35%!important;
}
.racecar-feat .uabb-module-content.uabb-imgicon-wrap {
width: 65%!important;
width: calc(65% - 20px)!important;
}
@media only screen and (max-width: 767px) {
.home-header .container h1 {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.home-header p {
font-size: 20px!important;
margin-top: 15px;
text-shadow: 0 0 5px #000;
}
.racecar-feat .uabb-infobox-title-wrap {
display: block!important;
width: 100%!important;
}
.racecar-feat .uabb-module-content.uabb-imgicon-wrap {
display: block!important;
width: 100%!important;
}
.racecar-feat img {
width: 100%!important;
}
}
/*.home-header-image {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(https://www.resers.com/wp-content/uploads/rese.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.home-header p {
color: #fff;
font-size: 25px!important;
text-shadow: 0 0 35px #000;
font-weight: bold;
line-height: 25px;
}
@media only screen and (max-width: 767px) {
.home-header .container h1 {
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.home-header p {
font-size: 20px!important;
margin-top: 15px;
text-shadow: 0 0 5px #000;
}
}*/
.wp-block-image {
text-align: center;
}
.ingredients p {
text-transform: lowercase;
}
.map {
height: 350px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: auto;
margin-top: 40px;
}
.about-box:first-of-type .about-image {
background-image: url(/wp-content/uploads/home-salad.jpg);
}
.about-box:nth-of-type(2) .about-image {
background-image: url(/wp-content/uploads/home-mashed.jpg);
}
.btn-center .fl-button {
float: none!important;
margin-left: auto;
margin-right: auto;
}
.foot-col a:visited {
color: #ffffff;
}
h1.fl-heading {
background: linear-gradient(0deg, rgba(229,162,88,1) 0%, rgba(244,213,113,1) 100%);
}
.fl-heading-text {
color: #ffffff;
line-height: 1.6em;
font-family: 'Nunito', sans-serif;
/*background-image: url(/wp-content/uploads/Resers_Website-Border-2-YellowBar-Border-White.png);*/
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center center;
}
.fl-button-center .fl-button {
float: none!important;
}
.page-id-707 h1.fl-heading, .page-id-91 h1.fl-heading, .container h1.fl-heading {
background-image: url(/wp-content/uploads/2020-06-09.png);
background-size: 100% 100%;
font-size: 1.7em;
padding: 10px!important;
width: 100%;
text-align: center;
color: #fff;
line-height: 1.6em;
}
h1.fl-heading a {
color: #fff;
text-decoration: none;
}
.fl-photo-caption {
font-size: 1em;
}
#ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig {
background: #f1f1f1;
padding-left: 10px!important;
}
#menu-item-104 {
width: 200px;
}
.asp_w_container.asp_w_container_1.asp_w_container_1_1.asp_compact {
margin-left: 0!important;
margin-right: auto!important;
position: relative;
display: block;
}
.sidebar-element {
color: #ffffff;
}
.bullets-red::before {
content: "\25B8";
color: #e1261c;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.fl-photo-caption {
white-space: normal!important;
}
.fl-builder-content-primary {
width: 100%;
}
.uabb-background-mask {
background: rgba(0,0,0,.5)!important;
}
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
margin-bottom: 5px;
}
.page-id-95 .page-header h1 {
letter-spacing: 2px;
}
.product-carousel h2 {
margin-bottom: -5px;
font-size: 1.4em;
}
/*Carousel*/
.carousel {
height: 400px;
width: 100%;
overflow: hidden;
text-align: center;
position: relative;
padding: 0;
list-style: none;
/**
* Where the magic happens
*/
/**
* Control element - right/left arrows
*/
/**
* Element for holding slide indicators
*/
/**
* Indicator for indicating active slide
*/
/**
* Create rules for when slides are contained within a track
*/
}
.carousel__controls,
.carousel__activator {
display: none;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__track {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__slide:nth-of-type(1) {
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
top: 0;
left: 0;
right: 0;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__controls:nth-of-type(1) {
display: block;
opacity: 1;
}
.carousel__activator:nth-of-type(1):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(1) {
opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__track {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__slide:nth-of-type(2) {
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
top: 0;
left: 0;
right: 0;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__controls:nth-of-type(2) {
display: block;
opacity: 1;
}
.carousel__activator:nth-of-type(2):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(2) {
opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__track {
-webkit-transform: translateX(-200%);
transform: translateX(-200%);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__slide:nth-of-type(3) {
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
top: 0;
left: 0;
right: 0;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__controls:nth-of-type(3) {
display: block;
opacity: 1;
}
.carousel__activator:nth-of-type(3):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(3) {
opacity: 1;
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__track {
-webkit-transform: translateX(-300%);
transform: translateX(-300%);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__slide:nth-of-type(4) {
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
top: 0;
left: 0;
right: 0;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__controls:nth-of-type(4) {
display: block;
opacity: 1;
}
.carousel__activator:nth-of-type(4):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(4) {
opacity: 1;
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__track {
-webkit-transform: translateX(-400%);
transform: translateX(-400%);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__slide:nth-of-type(5) {
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s;
transition: opacity 0.5s, transform 0.5s;
transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
top: 0;
left: 0;
right: 0;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__controls:nth-of-type(5) {
display: block;
opacity: 1;
}
.carousel__activator:nth-of-type(5):checked ~ .carousel__indicators .carousel__indicator:nth-of-type(5) {
opacity: 1;
}
.carousel__control {
height: 30px;
width: 30px;
margin-top: -15px;
top: 50%;
position: absolute;
display: block;
cursor: pointer;
border-width: 5px 5px 0 0;
border-style: solid;
border-color: #e6312b;
opacity: 1;
outline: 0;
z-index: 3;
}
.carousel__control:hover {
opacity: 1;
}
.carousel__control--backward {
left: 10px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.carousel__control--forward {
right: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.carousel__indicators {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
}
.carousel__indicator {
height: 15px;
width: 15px;
border-radius: 100%;
display: inline-block;
z-index: 2;
cursor: pointer;
opacity: 0.35;
margin: 0 2.5px 0 2.5px;
}
.carousel__indicator:hover {
opacity: 0.75;
}
.carousel__track {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
-webkit-transition: -webkit-transform 0.5s ease 0s;
transition: -webkit-transform 0.5s ease 0s;
transition: transform 0.5s ease 0s;
transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}
.carousel__track .carousel__slide {
display: block;
top: 0;
left: 0;
right: 0;
opacity: 1;
background-size: contain;
background-repeat: no-repeat;
}
.carousel__track .carousel__slide:nth-of-type(1) {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.carousel__track .carousel__slide:nth-of-type(2) {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.carousel__track .carousel__slide:nth-of-type(3) {
-webkit-transform: translateX(200%);
transform: translateX(200%);
}
.carousel__track .carousel__slide:nth-of-type(4) {
-webkit-transform: translateX(300%);
transform: translateX(300%);
}
.carousel__track .carousel__slide:nth-of-type(5) {
-webkit-transform: translateX(400%);
transform: translateX(400%);
}
.carousel--scale .carousel__slide {
-webkit-transform: scale(0);
transform: scale(0);
}
.carousel__slide {
height: 100%;
position: absolute;
overflow-y: auto;
opacity: 0;
}
.carousel-container {
display: inline-block;
}
.carousel__slide {
overflow: hidden;
}
.carousel--thumb .carousel__indicator {
height: 30px;
width: 30px;
}
.carousel__indicator {
background-color: #fafafa;
display: none;
}
.carousel__slide:nth-of-type(1),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) {
background-image: url("/wp-content/themes/resers2020/css/images/original-potato.png");
background-position: center;
}
.carousel__slide:nth-of-type(2),
.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) {
background-image: url("/wp-content/themes/resers2020/css/images/mac-salad.jpg");
background-position: center;
}
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover {
background-color: #ccc;
}
.accordion .fa-plus {
display: inline-block;
}
.accordion .fa-minus {
display: none;
}
.accordion.active .fa-plus {
display: none;
}
.accordion.active .fa-minus {
display: inline-block;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.panel p {
margin-top: 15px;
}
/*Can't delete showcar - so just hide*/
.fl-node-5f31b88a24b5f, .fl-node-5f31b710e6bc6 {
display: none;
}
.page-id-154 li {
text-align:left!important;
list-style: none!important;
}
.page-id-154 .uabb-infobox-text.uabb-text-editor p:nth-of-type(2) {
margin-bottom: 15px;
}
.page-id-154 .at-a-glance h1 {
font-weight: bold;
margin-bottom: 15px;
}
.page-id-154 .fl-module-video .fl-module-content {
border: 1px solid #7f7f7f;
}
.page-id-154 .at-a-glance .container-inner.aligned {
width:100%;
}
.page-id-154 .page-header h1 {
text-shadow:0 0 15px #000;
}
.page-id-154 .header-overlay {
background-color: rgba(0,0,0,0.1);
}
/*@media only screen and (max-height: 1000px) {
.home-header .product-text {
margin-top: 100px!important;
height: 200px!important;
height: calc(50% - 100px)!important;
}
}*/
.popup-container-1, .popup-container-2 {
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: none;
}
.popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
p.popup-header {
font-size: 24px!important;
font-weight: bold;
color: #E1261C;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
font-weight: bold;
color: #aaa;
cursor: pointer;
}
.close-btn:hover {
color: #000;
}
.page-id-2723 ul ul {
margin-bottom: 0;
}
.page-id-2723 .fl-col ul ul li#hourly-popup, .page-id-2723 .fl-col ul ul li#salaried-popup {
color: #E1261C!important;
cursor: pointer;
}
.popup-container-1, .popup-container-2 {
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: none;
}
.popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
p.popup-header {
font-size: 24px!important;
font-weight: bold;
color: #E1261C;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
font-weight: bold;
color: #aaa;
cursor: pointer;
}
.close-btn:hover {
color: #000;
}
.page-id-2532 ul ul {
margin-bottom: 0;
}
.page-id-2532 .fl-col ul ul li#hourly-popup, .page-id-2532 .fl-col ul ul li#salaried-popup {
color: #E1261C!important;
cursor: pointer;
}
.popup-container-1, .popup-container-2 {
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
display: none;
}
.popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
p.popup-header {
font-size: 24px!important;
font-weight: bold;
color: #E1261C;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
font-weight: bold;
color: #aaa;
cursor: pointer;
}
.close-btn:hover {
color: #000;
}
.page-id-2532 ul ul {
margin-bottom: 0;
}
.page-id-2532 .fl-col ul ul li#hourly-popup, .page-id-2532 .fl-col ul ul li#salaried-popup {
color: #E1261C!important;
cursor: pointer;
}
.gt-header-container {
position: relative;
width: 100%;
display: flex;
background-color: #2FC6E3;
}
.gt-header {
/*background-position: center 25%;
background-repeat: no-repeat;
background-size: cover;*/
display: flex;
top: 0;
left: 0;
width: 100%;
/*clip-path: circle(5% at 50% 100%);
transition: 0.5s;
transition-delay: 0.5s;*/
}
.gt-header video {
width: 100%;
height: auto;
}
.gt-header .mobile-video {
display: none;
}
/*.gt-header-container.loaded .gt-header {
clip-path: circle(100% at 50% 100%);
}*/
.gt-header-container img {
margin: auto;
margin-bottom: -75px;
height: 150px;
object-fit: contain;
object-position: center;
opacity: 1 !important;
transition-delay: 0!important;
z-index: 9;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.good-times .products {
border-top: 3px solid #fff;
background: linear-gradient(to bottom, #ff0000, #8b1201);
}
.products .upper {
padding-top: 200px;
text-align: center;
position: relative;
}
.upper::before {
content: '';
background-image: url(http://www.sasquatch.build/rese6005/wp-content/uploads/Desktop_Confetti.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
height: 14vw;
max-height: 300px;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.products .upper p {
color: #fff;
max-width: 600px;
margin-left: auto;
margin-right: auto;
font-size: 22px!important;
}
.products .upper h1 {
color: #EE2104;
position: absolute;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
transform: translateX(-100vw);
}
.gt-button {
border-radius: 5px;
padding: 10px 15px;
color: #C0A046 !important;
text-shadow: none;
font-size: 18px;
background-color: #FFFFFF;
}
.button-row a {
width: 180px;
font-size: 2rem;
}
.upper .button-row a {
width: 100%;
}
.lower {
background-size: cover;
background-repeat: no-repeat;
background-position: top;
padding-top: 25.520833333%;
position: relative;
min-height: 500px;
}
a.products-hover img {
margin-bottom: 25px;
}
.lower a {
position: absolute;
bottom: 21%;
width: 700px;
left: calc(50% - 350px);
display: flex;
flex-direction: column;
max-width: 100%;
}
.lower a span {
margin-left: auto;
margin-right: auto;
color: #EE2104!important;
background-color: #fff;
transform: translateY(-15px);
transition: 0.3s;
}
.backgrounds {
display: flex;
flex-wrap: wrap;
}
.backgrounds img {
object-fit: cover;
object-position: center;
}
.backgrounds>div {
width: 50%;
height: 1100px;
display: flex;
}
.iframe-inner {
position: relative;
}
.iframe-itself {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
}
.iframe-itself iframe {
margin: auto;
}
.line-headline {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 50px 0;
}
.line-headline h2 {
display: flex;
margin: auto;
text-transform: uppercase;
color: #C2A046!important;
}
.line-headline h2::after, .line-headline h2::before {
background-color: #C2A046;
height: 3px;
content: '';
display: block;
margin: auto;
flex: 1;
}
.line-headline h2::after {
margin-right: 0;
margin-left: 50px;
}
.line-headline h2::before {
margin-left: 0;
margin-right: 50px;
}
.prizes {
margin-top: 50px;
}
.prizes-row {
display: flex;
max-width: 1200px;
margin: auto;
}
.gt-prize {
flex: 1;
display: flex;
flex-direction: column;
margin: 0 auto;
padding: 5px;
}
.gtpi-border, .gtp-image img {
height: 100%;
width: 100%;
transition: 0.3s;
position: absolute;
top: 0;
left: 0;
transform:translatey(100%);
}
.gtp-image {
position: relative;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
}
.gtpi-border {
position: absolute;
top: 0;
left: 0;
border: 3px solid #E1261C;
opacity: 0;
z-index: 9;
}
.gtp-image, .gtpi-border, .gtp-image img {
border-radius: 100%;
}
.prizes-row.loaded .gtp-image .gtpi-border {
animation-name: grow;
animation-duration: .3s;
animation-fill-mode: forwards;
}
.prizes-row.loaded .gtp-image img {
animation-name: slide;
animation-duration: .3s;
animation-fill-mode: forwards;
}
.prizes-row.loaded .gtp-image .gtpi-border {
opacity: 1;
}
.gtp-image img {
object-fit:cover;
}
.animation-1 img {
animation-delay: 0.3s;
}
.animation-2 div {
animation-delay: 0.3s;
transition-delay: 0.3s;
}
.animation-3 div {
animation-delay: 0.6s;
transition-delay: 0.6s;
}
.animation-4 div {
animation-delay: 0.9s;
transition-delay: 0.9s;
}
.animation-5 div {
animation-delay: 1.2s;
transition-delay: 1.2s;
}
.animation-6 div {
animation-delay: 1.5s;
transition-delay: 1.5s;
}
.animation-2 img {
animation-delay: 0.6s;
transition-delay: 0.6s;
}
.animation-3 img {
animation-delay: 0.9s;
transition-delay: 0.9s;
}
.animation-4 img {
animation-delay: 1.2s;
transition-delay: 1.2s;
}
.animation-5 img {
animation-delay: 1.5s;
transition-delay: 1.5s;
}
.animation-6 img {
animation-delay: 1.8s;
transition-delay: 1.8s;
}
@keyframes grow {
from {
transform:scale(0%);
}
to {
transform:scale(100%);
}
}
@keyframes slide {
from {
transform:translatey(100%);
}
to {
transform:translatey(0%);
}
}
.gt-prize p {
text-align: center;
margin-top: 15px;
text-transform: uppercase;
font-weight: bold;
font-size: 15px!important;
line-height: 17px;
}
.tour-info {
display: flex;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 50px 0;
}
.tour-logo {
margin: auto;
}
.tour-intro {
margin: auto;
padding-left: 25px;
}
.tour-intro p {
color: #000;
font-size: 22px!important;
text-align: center;
margin-bottom: 0;
margin-top: 10%;
}
.map-buttons {
max-width: 1200px!important;
}
.map-button a {
margin: auto!important;
margin-left: 15px!important;
color: #E1261B;
text-decoration: underline;
}
.tour-expand img {
height: 105px;
margin-left: auto;
margin-right: 0;
}
.prize-winners {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.map-button p {
margin-left: auto;
margin-right: auto;
}
.week {
border: 3px solid #4397CF;
display: flex;
flex-direction: column;
text-align: center;
width: 5%;
padding: 25px 0;
border-left: 0;
border-top: 0;
}
.moving .week:nth-of-type(6) {
border-left: none;
}
.week:first-of-type, .all-weeks .week:nth-of-type(6) {
border-left: 3px solid #4397CF;
}
span.week-num {
color: #4397CF;
font-weight: bold;
font-size: 22px;
}
.winner {
width: 90%;
max-width: 250px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
margin-top: 15px;
}
.winner .name {
background-color: #FB9400;
color: #fff;
font-size: 18px;
padding: 10px 0;
font-weight: bold;
}
.winner .location {
border: 1px solid #4397CF;
color: #FB9400;
}
.prize-announcement {
position: relative;
overflow: hidden;
height: 174px;
}
.prize-track {
display: flex;
position: absolute;
top: 0;
left: 0;
border-top: 3px solid #4397CF;
}
.prize-track.moving {
animation: track;
animation-duration: 50s;
animation-fill-mode: forwards;
animation-timing-function: initial!important;
}
@keyframes track {
from {
transform:translatex(0%);
}
to {
transform:translatex(-50%);
}
}
.announced .name {
background-color: #EE2104;
}
.expand {
display: flex;
margin-left: auto;
margin-right: auto;
max-width: 500px;
flex-direction: column;
text-align: center;
margin-top: 25px;
cursor: pointer;
}
.expand i {
color: #E1261C;
}
.expand:hover .gt-button {
background-color: #E1261C;
}
.all-weeks .prize-track.moving {
animation: none;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0;
position: relative;
}
.all-weeks .prize-announcement {
overflow: visible;
height: unset;
}
.tour-expand {
display: none;
}
.active .tour-expand {
display: flex;
}
.tour .map-button {
border: none!important;
}
.tour .map-button h3 {
background: linear-gradient(0deg, rgba(170,51,19,1) 0%, rgba(233,36,1,1) 100%);
font-size: 16px!important;
border-radius: 25px;
}
.tour .map-button.active h3, .tour .map-button:hover h3 {
background: #C2A046 !important;
}
.tour-images {
grid-template-columns: repeat(2, 1fr);
gap: 50px;
display: grid;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 50px 0;
}
.map-container img {
display: none;
border-radius: 25px;
}
.map-container img.active {
display: block;
}
.map-container {
margin-bottom: auto;
background-color: #759DB6;
border-radius: 25px;
}
.tour-image-grid img {
width: 100%;
object-fit: cover;
height: 200px;
border-radius: 25px;
}
.tour-image-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
display: grid;
}
.gt-footer {
position: relative;
}
.gt-footer-anim {
position: absolute;
bottom: 15%;
left: 0;
width: 100%;
height: 40%;
display: flex;
}
.gt-footer-image img {
width: 100%;
}
.gt-footer-anim img {
width: 150px;
height: 150px;
position: absolute;
left: 0;
animation: arcMove 4s linear infinite;
transform-origin: center center;
}
@keyframes arcMove {
0% {
margin-left: -10%;
margin-top: 0;
transform: rotate(0deg);
}
2% {
margin-left: 0%;
margin-top: -3%;
transform: rotate(36deg);
}
4% {margin-left: 10%;margin-top: -5%;transform: rotate(72deg);}
6% {margin-left: 20%;margin-top: -7%;transform: rotate(108deg);}
8% {margin-left: 30%;margin-top: -9%;transform: rotate(144deg);}
10% {margin-left: 40%;margin-top: -11%;transform: rotate(180deg);}
12% {margin-left: 50%;margin-top: -9%;transform: rotate(216deg);}
14% {margin-left: 60%;margin-top: -6%;transform: rotate(252deg);}
16% {margin-left: 70%;margin-top: -4%;transform: rotate(288deg);}
18% {
margin-left: 80%;
margin-top: -2%;
transform: rotate(334deg);
}
20% {
margin-left: 90%;
margin-top: -1%;
transform: rotate(360deg);
}
22% {
margin-left: 100%;
margin-top: 0;
transform: rotate(360deg);
}
100% {
margin-left: 100%;
margin-top: 0;
transform: rotate(360deg);
}
}
.mobile-image {
display: none;
}
.mobile-wtb {
display: none !important;
}
@media only screen and (max-width: 997px) {
.mobile-wtb {
display: flex !important;
margin-right: 15px !important;
}
i.fas.fa-bars.expander {
transform: translateX(50%);
}
#nav-bar .nav-button:not(.mobile-wtb) {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.gt-header .mobile-video {
display: block;
}
.gt-header .desktop-video {
display: none;
}
.upper::before {
background-image: url(https://www.resers.com/wp-content/uploads/Mobile_Confetti_no_Arch.png) !important;
height: 100px;
width: 100%;
display: block;
}
.products .upper p {
font-size: 20px!important;
}
/* .gt-header-container {
height: 400px;
}
.gt-header-container.loaded .gt-header {
clip-path: circle(100% at 50% 50%);
height: 400px;
}*/
.popup-content {
width: 80%;
}
.desktop-image {
display: none;
}
.mobile-image {
display: block;
}
.gt-header-container img {
height: 200px;
margin-bottom: -80px;
}
.products .upper {
padding-top: 100px;
padding-left: 25px;
padding-right: 25px;
}
.button-row a {
width: 170px;
}
.lower a {
bottom: 16%;
width: 400px;
left: calc(50% - 200px);
}
.iframe-itself {
position: absolute;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
display: flex;
}
.backgrounds {
flex-direction: column-reverse;
}
.backgrounds>div {
width: 100%;
height: 500px;
}
.line-headline h2 {
font-size: 20px!important;
padding-left: 25px;
padding-right: 25px;
}
.line-headline h2::before {
margin-right: 25px;
}
.line-headline h2::after {
margin-left: 25px;
}
.gt-prize {
width: 30%!important;
flex: unset;
}
.gt-prize p {
font-size: 13px!important;
}
.prizes-row {
padding: 0 25px;
flex-wrap: wrap;
}
.prize-winners {
padding: 0 25px;
}
.prize-announcement {
height: 160px;
}
.winner .name {
font-size: 16px;
font-weight: normal;
}
.week {
padding: 15px 0;
}
span.week-num {
font-size: 16px;
}
.tour-info {
flex-direction: column;
padding-top: 0;
}
.tour-info>div {
width: 80%;
}
.tour-images {
grid-template-columns: repeat(1, 1fr);
gap: 25px;
padding: 25px;
}
.expanding-grid {
grid-template-columns: repeat(2, 1fr);
padding: 25px;
padding-top: 0;
margin-top: -15px;
}
.tour .map-button {
width: calc(50% - 10px);
margin: 5px;
}
.tour .map-button h3 {
font-size: 14px!important;
padding: 5px;
}
.gt-footer-anim {
bottom: 45%;
}
.lower {
min-height: 400px;
}
.page-id-2627 .aligned>div:first-of-type {
gap: 0;
}
.history-image {
width: 100%!important
}
.buy-history {
flex-direction: column-reverse!important;
text-align: center!important;
}
.buy-history p {
width: 320px!important;
padding-top: 0!important;
}
.text-links a {
padding: 5px 35px!important;
font-size: 18px!important;
line-height: 18px!important;
}
/* .home-header .product-text {
margin-top: 0px!important;
height: 65%!important;
}
.home-header-image {
height: 25%!important;
bottom: 10%!important;
}
.home-header .container p {
margin-top: 5px;
margin-bottom: 5px;
}*/
.grocery-header {
padding: 25px 0!important;
}
.grocery-header h2 {
font-size: 16px!important;
}
.grocery-header h2 span:nth-of-type(2) {
font-size: 26px;
line-height: 40px;
}
.iframe-grocery img {
margin-top: 0;
max-width: 100%;
opacity: 0;
-webkit-animation: fadeInOut 2s;
animation: fadeInOut 2s;
transform: scale(0.5);
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
.desktop-video {
display: none;
}
.mobile-video {
display: block;
}
.grocery-header .container.aligned {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.groceries-b .iframe-grocery {
width: 90%;
}
.top-info p, .contest-info-inner p {
font-size: 15px;
}
.top-info {
margin-top: 15px;
}
@keyframes fadeInTwo {
0% {
opacity: 0;
}
85% {
opacity: 0;
max-height: 0;
}
100% {
opacity: 1;
max-height: 175px;
}
}
.groceries-b .iframe-grocery iframe {
height: 530px;
}
}
blockquote, q {
quotes: "" ""!important;
}
blockquote {
border-left: 5px solid rgba(0,0,0,.05)!important;
font-style: italic!important;
margin: 1.5em 1em 1.5em 3em!important;
font-size: 1.1em!important;
line-height: inherit!important;
position: relative!important;
padding: 1.2em!important;
}
blockquote h4 {
text-align: center!important;
font-size: 1.2rem!important;
line-height: 1.5!important;
}
.fl-node-730t4gquh96d .uabb-module-content.uabb-creative-button-wrap a, .fl-node-xfcu1pg7av42 .uabb-module-content.uabb-creative-button-wrap a, .fl-node-qs2065zpc4yd .uabb-module-content.uabb-creative-button-wrap a, .fl-node-28rxfisw3k6c .uabb-module-content.uabb-creative-button-wrap a, .fl-node-v9n6me4g0u3l .uabb-module-content.uabb-creative-button-wrap a {
border-top-left-radius: 2px!important;
border-top-right-radius: 2px!important;
border-bottom-left-radius: 2px!important;
border-bottom-right-radius: 2px!important;
padding-top: 10px!important;
padding-bottom: 10px!important;
padding-left: 40px!important;
padding-right: 40px!important;
}
.page-id-2723 p {
color: #3a3a3a!important;
margin: 0!important;
font-size: 1.1rem!important;
}
.page-id-2723 em {
font-style: italic;
font-size: 1.2rem!important;
margin-top: 25px!important;
display: block!important;
margin-bottom: 5px!important;
}
.page-id-2723 .uabb-text-editor li, .page-id-2723 .fl-accordion-item li, .page-id-3340 .uabb-text-editor li, .page-id-3340 .fl-module-rich-text li {
margin-left: 45px!important;
list-style: disc!important;
}
.page-id-3340 .uabb-text-editor li {
line-height: 1.5!important;
color: #3a3a3a!important;
}
.page-id-2723 span.uabb-tab-title {
font-size: 1rem!important;
}
#section-linebox-2 p, #section-linebox-3 p, #section-linebox-0 p, #section-linebox-1 p {
line-height: 1.8rem!important;
}
#section-linebox-3 strong {
display: inline-block!important;
margin-bottom: 0!important;
}
.page-id-2723 blockquote br {
height: 0!important;
margin: 0!important;
display: none!important;
}
.page-id-2723 blockquote em {
margin-top: 10px!important;
margin-bottom: 0!important;
}
.fl-node-8o7sclfea1nw p {
margin-bottom: 15px!important;
}
@media only screen and (max-width: 767px) {
.page-id-2723 .fl-row-content-wrap {
padding-left: 15px!important;
padding-right: 15px!important;
}
.uabb-content-current .uabb-content.uabb-tab-acc-content.clearfix.uabb-tabs-desc.uabb-text-editor {
display: block!important;
}
#copy-bar .small-links a {
margin-bottom: 15px;
border: 0!important;
padding-left: 0!important;
}
#copy-bar .small-links {
flex-direction: column;
}
.text-box img {
height: 200px;
}
.text-box {
padding: 15px 0;
}
.home-header .container h1 {
line-height: 40px;
font-size: 40px;
max-width: 350px;
}
.home-header .product-text {
padding-bottom: 0!important;
height: auto!important;
}
}
@media only screen and (max-width: 450px) {
.button-row {
flex-direction: column;
display: flex;
}
a.gt-button {
margin: auto;
margin-bottom: 15px;
}
.lower a {
bottom: 18%;
width: 300px;
left: calc(50% - 150px);
}
.backgrounds>div {
height: 400px;
}
}