latest changes
This commit is contained in:
260
dist/app.css
vendored
260
dist/app.css
vendored
@@ -12214,22 +12214,48 @@ img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.montserrat, div.product-tile a.added_to_cart, footer.sub-footer, footer.site-footer .logo-col, footer.site-footer h2, footer.site-footer .h2, .cta-button a, .single-location .form-wrapper p:has(input[type=submit]) a, .cta-button input, .single-location .form-wrapper p:has(input[type=submit]) input, .headline-xl, section.intro-slide h1, section.intro-slide .h1, .background-image-cta h1, .background-image-cta .h1, .background-image-cta h2, .background-image-cta .h2, .background-image-cta h3, .background-image-cta .h3, .headline-lg, .single-location h1, .single-location .h1, .post-type-archive-location .intro h1, .post-type-archive-location .intro .h1, .testimonials-section h1, .testimonials-section .h1, .testimonials-section h2, .testimonials-section .h2, .testimonials-section h3, .testimonials-section .h3, .plain-text h1, .plain-text .h1, .plain-text h2, .plain-text .h2, .plain-text h3, .plain-text .h3 {
|
||||
.montserrat, .single-product .wc-tabs li, .category-slice h2, .category-slice .h2, .page-tile h2, .page-tile .h2, div.product-tile a.learn-more, div.page-tile a.learn-more, div.product-tile a.added_to_cart, div.page-tile a.added_to_cart, section.intro-header h1, section.intro-header .h1, section.accordian-content a, footer.sub-footer, footer.site-footer .logo-col, footer.site-footer h2, footer.site-footer .h2, .cta-button a, .single-location .form-wrapper p:has(input[type=submit]) a, .cta-button input, .single-location .form-wrapper p:has(input[type=submit]) input, .headline-xl, section.intro-slide h1, section.intro-slide .h1, .background-image-cta h1, .background-image-cta .h1, .background-image-cta h2, .background-image-cta .h2, .background-image-cta h3, .background-image-cta .h3, .headline-lg, .single-location h1, .single-location .h1, .post-type-archive-location .intro h1, .post-type-archive-location .intro .h1, .category-slice-top h1, .category-slice-top .h1, .callout-text h2, .callout-text .h2, section.vertical-callouts h2, section.vertical-callouts .h2, .testimonials-section h1, .testimonials-section .h1, .testimonials-section h2, .testimonials-section .h2, .testimonials-section h3, .testimonials-section .h3, .plain-text h1, .plain-text .h1, .plain-text h2, .plain-text .h2, .plain-text h3, .plain-text .h3, .headline-md, .callout-page h3, .callout-page .h3, .callout-category h3, .callout-category .h3, section.intro-header h1, .headline-sm {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.change-black-to-red, div.product-tile a.added_to_cart::after, .testimonials-section .testimonials .slick-arrow img {
|
||||
.change-black-to-red, div.product-tile a.added_to_cart::after, div.page-tile a.added_to_cart::after, .testimonials-section .testimonials .slick-arrow img {
|
||||
filter: invert(10%) sepia(79%) saturate(7388%) hue-rotate(2deg) brightness(86%) contrast(111%);
|
||||
}
|
||||
|
||||
.headline-lg, .single-location h1, .single-location .h1, .post-type-archive-location .intro h1, .post-type-archive-location .intro .h1, .testimonials-section h1, .testimonials-section .h1, .testimonials-section h2, .testimonials-section .h2, .testimonials-section h3, .testimonials-section .h3, .plain-text h1, .plain-text .h1, .plain-text h2, .plain-text .h2, .plain-text h3, .plain-text .h3 {
|
||||
.headline-sm {
|
||||
font-weight: 600;
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.headline-sm {
|
||||
font-size: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.headline-md, .callout-page h3, .callout-page .h3, .callout-category h3, .callout-category .h3, section.intro-header h1, section.intro-header .h1 {
|
||||
font-weight: 600;
|
||||
font-size: 54px;
|
||||
line-height: 54px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.headline-md, .callout-page h3, .callout-page .h3, .callout-category h3, .callout-category .h3, section.intro-header h1, section.intro-header .h1 {
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.headline-lg, .single-location h1, .single-location .h1, .post-type-archive-location .intro h1, .post-type-archive-location .intro .h1, .category-slice-top h1, .category-slice-top .h1, .callout-text h2, .callout-text .h2, section.vertical-callouts h2, section.vertical-callouts .h2, .testimonials-section h1, .testimonials-section .h1, .testimonials-section h2, .testimonials-section .h2, .testimonials-section h3, .testimonials-section .h3, .plain-text h1, .plain-text .h1, .plain-text h2, .plain-text .h2, .plain-text h3, .plain-text .h3 {
|
||||
font-weight: 600;
|
||||
font-size: 60px;
|
||||
line-height: 60px;
|
||||
letter-spacing: -3%;
|
||||
}
|
||||
@media (max-width: 767.98px) {
|
||||
.headline-lg, .single-location h1, .single-location .h1, .post-type-archive-location .intro h1, .post-type-archive-location .intro .h1, .testimonials-section h1, .testimonials-section .h1, .testimonials-section h2, .testimonials-section .h2, .testimonials-section h3, .testimonials-section .h3, .plain-text h1, .plain-text .h1, .plain-text h2, .plain-text .h2, .plain-text h3, .plain-text .h3 {
|
||||
.headline-lg, .single-location h1, .single-location .h1, .post-type-archive-location .intro h1, .post-type-archive-location .intro .h1, .category-slice-top h1, .category-slice-top .h1, .callout-text h2, .callout-text .h2, section.vertical-callouts h2, section.vertical-callouts .h2, .testimonials-section h1, .testimonials-section .h1, .testimonials-section h2, .testimonials-section .h2, .testimonials-section h3, .testimonials-section .h3, .plain-text h1, .plain-text .h1, .plain-text h2, .plain-text .h2, .plain-text h3, .plain-text .h3 {
|
||||
font-size: 45px;
|
||||
line-height: 45px;
|
||||
}
|
||||
@@ -12253,21 +12279,21 @@ img {
|
||||
}
|
||||
.cta-button a, .single-location .form-wrapper p:has(input[type=submit]) a, .cta-button input, .single-location .form-wrapper p:has(input[type=submit]) input {
|
||||
text-transform: uppercase;
|
||||
background-color: #ae1716;
|
||||
background-color: #c80000;
|
||||
color: #fff !important;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
min-height: 47px;
|
||||
line-height: 47px;
|
||||
border: 1px solid #ae1716;
|
||||
border: 1px solid #c80000;
|
||||
border-radius: 25px;
|
||||
padding: 0 60px;
|
||||
transition: all 0.3s ease;
|
||||
font-size: 20px;
|
||||
}
|
||||
.cta-button a:hover, .single-location .form-wrapper p:has(input[type=submit]) a:hover, .cta-button input:hover, .single-location .form-wrapper p:has(input[type=submit]) input:hover {
|
||||
background-color: #f5f5f5;
|
||||
color: #ae1716 !important;
|
||||
background-color: #f2f2f2;
|
||||
color: #c80000 !important;
|
||||
}
|
||||
.cta-button.small a, .single-location .form-wrapper p.small:has(input[type=submit]) a {
|
||||
padding: 0 25px;
|
||||
@@ -12286,7 +12312,7 @@ input, label, textarea {
|
||||
}
|
||||
|
||||
.top-bar {
|
||||
background-color: #f5f5f5;
|
||||
background-color: #f2f2f2;
|
||||
padding: 25px 0 25px;
|
||||
}
|
||||
.top-bar input[type=text] {
|
||||
@@ -12458,7 +12484,7 @@ input, label, textarea {
|
||||
}
|
||||
|
||||
footer.site-footer {
|
||||
background-color: #f5f5f5;
|
||||
background-color: #f2f2f2;
|
||||
padding: 2rem 0;
|
||||
}
|
||||
footer.site-footer h2, footer.site-footer .h2 {
|
||||
@@ -12521,7 +12547,7 @@ footer.site-footer .logo-col img {
|
||||
}
|
||||
|
||||
footer.sub-footer {
|
||||
background-color: #f5f5f5;
|
||||
background-color: #f2f2f2;
|
||||
border-top: 1px solid #cbcbcb;
|
||||
padding: 1.5rem 0;
|
||||
}
|
||||
@@ -12679,6 +12705,74 @@ footer.sub-footer {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
section.block-links {
|
||||
padding: 4rem 0;
|
||||
}
|
||||
|
||||
section.vertical-callouts {
|
||||
background-color: #f2f2f2;
|
||||
margin-bottom: 4rem;
|
||||
padding: 4rem 0;
|
||||
}
|
||||
section.vertical-callouts h2, section.vertical-callouts .h2 {
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
.callout-text {
|
||||
background-color: #f2f2f2;
|
||||
text-align: center;
|
||||
padding: 3rem 0;
|
||||
}
|
||||
.callout-text h2, .callout-text .h2 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.callout-text h2 span, .callout-text .h2 span {
|
||||
color: #c80000;
|
||||
}
|
||||
.callout-text h2 span.line-2, .callout-text .h2 span.line-2 {
|
||||
display: block;
|
||||
}
|
||||
.callout-text p {
|
||||
font-size: 29px;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
section.accordian-content {
|
||||
padding: 4rem 0;
|
||||
}
|
||||
section.accordian-content .accordian-item {
|
||||
margin: 3rem 0;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
|
||||
padding: 1rem;
|
||||
}
|
||||
section.accordian-content .accordian-item svg {
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
section.accordian-content .accordian-item.expanded svg {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
section.accordian-content .accordian-item .content {
|
||||
display: none;
|
||||
}
|
||||
section.accordian-content a {
|
||||
color: #c80000;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
section.intro-header {
|
||||
background-color: #f2f2f2;
|
||||
padding: 4rem 0;
|
||||
}
|
||||
section.intro-header h1, section.intro-header .h1 {
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.top-image {
|
||||
position: relative;
|
||||
background-size: cover;
|
||||
@@ -12726,6 +12820,41 @@ section.intro-slide p {
|
||||
font-size: 34px;
|
||||
}
|
||||
|
||||
.callout-page, .callout-category {
|
||||
background-color: #fff;
|
||||
border-radius: 15px;
|
||||
padding: 1rem;
|
||||
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.callout-page .image-wrapper .image-side, .callout-category .image-wrapper .image-side {
|
||||
aspect-ratio: 1;
|
||||
display: block;
|
||||
width: 500px;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
}
|
||||
.callout-page .meta-top, .callout-category .meta-top {
|
||||
text-transform: uppercase;
|
||||
color: #c80000;
|
||||
font-size: 16px;
|
||||
letter-spacing: 1px;
|
||||
margin: 0;
|
||||
}
|
||||
.callout-page h3, .callout-page .h3, .callout-category h3, .callout-category .h3 {
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.callout-page .excerpt-wrapper, .callout-category .excerpt-wrapper {
|
||||
max-width: 600px;
|
||||
font-size: 1.25rem;
|
||||
line-height: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.callout-page .excerpt-wrapper p, .callout-category .excerpt-wrapper p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
section.woocommerce-wrapper {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
@@ -12734,14 +12863,14 @@ section.woocommerce-wrapper ul.products {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
div.product-tile {
|
||||
div.product-tile, div.page-tile {
|
||||
border-radius: 15px;
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
|
||||
padding: 1rem;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
div.product-tile a.add_to_cart_button {
|
||||
div.product-tile a.add_to_cart_button, div.page-tile a.add_to_cart_button {
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
@@ -12752,20 +12881,21 @@ div.product-tile a.add_to_cart_button {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 !important;
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease;
|
||||
border-radius: 50%;
|
||||
}
|
||||
div.product-tile a.add_to_cart_button img {
|
||||
div.product-tile a.add_to_cart_button img, div.page-tile a.add_to_cart_button img {
|
||||
margin: 0 !important;
|
||||
width: 20px !important;
|
||||
}
|
||||
div.product-tile a.add_to_cart_button::after {
|
||||
div.product-tile a.add_to_cart_button::after, div.page-tile a.add_to_cart_button::after {
|
||||
position: absolute;
|
||||
left: 80%;
|
||||
margin: 0 !important;
|
||||
top: -20%;
|
||||
}
|
||||
div.product-tile a.added_to_cart {
|
||||
div.product-tile a.added_to_cart, div.page-tile a.added_to_cart {
|
||||
padding-top: 0;
|
||||
position: absolute;
|
||||
display: block;
|
||||
@@ -12774,7 +12904,7 @@ div.product-tile a.added_to_cart {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.product-tile a.added_to_cart::after {
|
||||
div.product-tile a.added_to_cart::after, div.page-tile a.added_to_cart::after {
|
||||
content: "";
|
||||
width: 13px;
|
||||
height: 14px;
|
||||
@@ -12785,26 +12915,26 @@ div.product-tile a.added_to_cart::after {
|
||||
top: 3px;
|
||||
background-size: contain;
|
||||
}
|
||||
div.product-tile a.added_to_cart:hover::after {
|
||||
div.product-tile a.added_to_cart:hover::after, div.page-tile a.added_to_cart:hover::after {
|
||||
left: 105%;
|
||||
}
|
||||
div.product-tile:hover .add_to_cart_button {
|
||||
div.product-tile:hover .add_to_cart_button, div.page-tile:hover .add_to_cart_button {
|
||||
opacity: 1;
|
||||
}
|
||||
div.product-tile h2, div.product-tile .h2 {
|
||||
div.product-tile h2, div.product-tile .h2, div.page-tile h2, div.page-tile .h2 {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
line-height: 26px;
|
||||
text-align: center;
|
||||
}
|
||||
div.product-tile h2 a, div.product-tile .h2 a {
|
||||
div.product-tile h2 a, div.product-tile .h2 a, div.page-tile h2 a, div.page-tile .h2 a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
div.product-tile h2 a:hover, div.product-tile .h2 a:hover {
|
||||
div.product-tile h2 a:hover, div.product-tile .h2 a:hover, div.page-tile h2 a:hover, div.page-tile .h2 a:hover {
|
||||
color: #c80000;
|
||||
}
|
||||
div.product-tile p.price {
|
||||
div.product-tile p.price, div.page-tile p.price {
|
||||
color: #c80000 !important;
|
||||
font-size: 25px !important;
|
||||
line-height: 26px;
|
||||
@@ -12812,20 +12942,96 @@ div.product-tile p.price {
|
||||
margin: 2rem 0 0 !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
div.product-tile p.msrp {
|
||||
div.product-tile p.msrp, div.page-tile p.msrp {
|
||||
color: #acacac !important;
|
||||
font-size: 15px !important;
|
||||
line-height: 21px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
div.product-tile p.savings {
|
||||
div.product-tile p.savings, div.page-tile p.savings {
|
||||
color: #c80000 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
div.product-tile a.learn-more, div.page-tile a.learn-more {
|
||||
text-transform: uppercase;
|
||||
color: #c80000;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.page-tile h2, .page-tile .h2 {
|
||||
text-align: left !important;
|
||||
font-size: 32px !important;
|
||||
line-height: 37px !important;
|
||||
text-transform: uppercase;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.category-slice-top {
|
||||
background-color: #f2f2f2;
|
||||
padding: 4rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
.category-slice-top h1, .category-slice-top .h1 {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.category-slice-top p {
|
||||
font-size: 29px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.category-slice {
|
||||
padding: 4rem 0 0;
|
||||
}
|
||||
.category-slice img {
|
||||
max-height: 300px;
|
||||
width: auto;
|
||||
}
|
||||
.category-slice h2, .category-slice .h2 {
|
||||
font-weight: bold;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.single-product .single-product-top {
|
||||
background-color: #f2f2f2;
|
||||
padding: 4rem 0 !important;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.single-product .wc-tabs {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 0 0 1rem;
|
||||
margin: 0 0 2rem;
|
||||
gap: 2rem;
|
||||
}
|
||||
.single-product .wc-tabs li {
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.single-product .wc-tabs li a {
|
||||
color: #505050;
|
||||
text-decoration: none;
|
||||
}
|
||||
.single-product .wc-tabs li.active {
|
||||
position: relative;
|
||||
}
|
||||
.single-product .wc-tabs li.active:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: calc(100% + 1rem);
|
||||
transform: translateY(-1px);
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
background-color: #c80000;
|
||||
}
|
||||
|
||||
.post-type-archive-location .intro {
|
||||
text-align: center;
|
||||
@@ -12892,3 +13098,7 @@ div.product-tile p.savings {
|
||||
color: #505050;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.search-results .tile-wrapper {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user