Remove all plugins / install base theme
This commit is contained in:
Tony Volpe
@@ -1,11 +0,0 @@
|
||||
import $ from 'jquery';
|
||||
window.$ = window.jQuery = $;
|
||||
import "bootstrap";
|
||||
import 'slick-carousel';
|
||||
|
||||
$(window).on('load', function() {
|
||||
// Adds aria-label to reCaptcha textarea field for screen readers
|
||||
$('.g-recaptcha-response').attr('aria-hidden', 'true');
|
||||
$('.g-recaptcha-response').attr('aria-label', 'do not use');
|
||||
$('.g-recaptcha-response').attr('aria-readonly', 'true');
|
||||
});
|
||||
@@ -1,76 +0,0 @@
|
||||
/* Colors */
|
||||
|
||||
$consumer-primary: #660037;
|
||||
$secondary: #F5AD23;
|
||||
$white: #FFFFFF;
|
||||
$black: #000000;
|
||||
$blue: #036396;
|
||||
$light-pink: rgba(255, 202, 210, .15);
|
||||
$light-gray: #505050;
|
||||
$gray-border: rgba(123, 123, 123, 0.4);
|
||||
$gray-placeholder: rgba(123, 123, 123, 0.52);
|
||||
$consumer-highlight: rgba(255, 202, 211, 0.15);
|
||||
$business-primary: #00447C;
|
||||
$light-blue: #EAEFF3;
|
||||
$orange: #E86826;
|
||||
.consumer-primary {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
|
||||
.headline-largest {
|
||||
font-size: 55px;
|
||||
font-weight: 700;
|
||||
line-height: 58px;
|
||||
margin-bottom: unset;
|
||||
color: $consumer-primary;
|
||||
@extend h1
|
||||
}
|
||||
|
||||
.headline-large {
|
||||
font-size: 45px;
|
||||
font-weight: 700;
|
||||
line-height: 55px;
|
||||
margin-bottom: unset;
|
||||
color: $consumer-primary;
|
||||
@extend h2
|
||||
}
|
||||
|
||||
.headline-standard {
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
margin-bottom: unset;
|
||||
@extend h3
|
||||
}
|
||||
|
||||
.headline-small {
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
line-height: 34px;
|
||||
margin-bottom: unset;
|
||||
@extend h4
|
||||
}
|
||||
|
||||
|
||||
/* Navbar */
|
||||
|
||||
$navbar-toggler-border-radius: none;
|
||||
$navbar-toggler-transition: none;
|
||||
$navbar-dark-color: $white;
|
||||
$navbar-dark-hover-color: $white;
|
||||
// $navbar-dark-toggler-border-color: $bright-blue;
|
||||
$dropdown-color: $white;
|
||||
// $dropdown-bg: $primary;
|
||||
$dropdown-border-radius: none;
|
||||
$dropdown-border-width: none;
|
||||
$dropdown-inner-border-radius: none;
|
||||
$dropdown-divider-bg: $white;
|
||||
$dropdown-box-shadow: none;
|
||||
$dropdown-link-color: $white;
|
||||
// $dropdown-link-hover-color: $bright-blue;
|
||||
$dropdown-link-hover-bg: none;
|
||||
// $dropdown-link-active-color: $bright-blue;
|
||||
$dropdown-link-active-bg: none;
|
||||
$dropdown-item-padding-y: 1rem;
|
||||
// $dropdown-dark-bg: $primary;
|
||||
$dropdown-dark-border-color: none;
|
||||
@@ -1,94 +0,0 @@
|
||||
.page-template-all-post-template {
|
||||
h4 {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
.main-header {
|
||||
.main-nav {
|
||||
background-color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
.site-footer {
|
||||
.footer-wrapper {
|
||||
background-color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
.all-posts-container {
|
||||
.featured-post {
|
||||
position: relative;
|
||||
margin: 6em 0;
|
||||
.featured-img {
|
||||
position: relative;
|
||||
&::after {
|
||||
content: "FEATURED POST";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
color: $white;
|
||||
background: $consumer-primary;
|
||||
padding: 6px 20px 6px 12px;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.featured-post-content {
|
||||
margin-top: 4em;
|
||||
}
|
||||
.featured-post-link {
|
||||
color: $consumer-primary;
|
||||
text-decoration: underline;
|
||||
}
|
||||
&::after {
|
||||
content: '';
|
||||
width: 80%;
|
||||
border-bottom: solid 1px $consumer-primary;
|
||||
position: absolute;
|
||||
bottom: -5%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
.post-list {
|
||||
.post-item {
|
||||
margin: 1em 0;
|
||||
.post-content {
|
||||
.read-more {
|
||||
white-space: nowrap;
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// styling for post categories on all-posts, category and search pages
|
||||
.post-categories {
|
||||
padding: 4em 0;
|
||||
.category-title {
|
||||
color: $consumer-primary;
|
||||
padding-left: 0;
|
||||
}
|
||||
.post-category-list {
|
||||
.category-item {
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
border: none;
|
||||
text-decoration: underline;
|
||||
a {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-pagination {
|
||||
h4 {
|
||||
a {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,49 +0,0 @@
|
||||
// library includes
|
||||
@import "variables";
|
||||
@import "bootstrap";
|
||||
@import "global";
|
||||
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
|
||||
// components
|
||||
@import "col2-circle-content";
|
||||
@import "col2-circle-cta-list";
|
||||
@import "col2-media-highlights";
|
||||
@import "col2-media-wysiwyg";
|
||||
@import "col3-card";
|
||||
@import "color-header-card-grid";
|
||||
@import "cta-buttons";
|
||||
@import "faq-dropdown";
|
||||
@import "form-with-image";
|
||||
@import "h1-heading";
|
||||
@import "h2-heading";
|
||||
@import "hero";
|
||||
@import "icon-info-grid";
|
||||
@import "icon-video-aside";
|
||||
@import "image-aside";
|
||||
@import "image-card-grid";
|
||||
@import "image-with-checklist";
|
||||
@import "image-with-icon-info-grid";
|
||||
@import "large-image";
|
||||
@import "large-video";
|
||||
@import "logo-grid";
|
||||
@import "phone-contact";
|
||||
@import "phone-contact-with-shortcode";
|
||||
@import "product-carousel";
|
||||
@import "products-list";
|
||||
@import "simple-content";
|
||||
@import "testimonial-carousel";
|
||||
@import "testimonial";
|
||||
@import "text-highlights-col";
|
||||
@import "video-aside";
|
||||
@import "video-grid";
|
||||
@import "header";
|
||||
@import "footer";
|
||||
@import "gravity-forms"; // old
|
||||
@import "woo"; // old
|
||||
@import "lifeline-style-guide";
|
||||
@import "error";
|
||||
// pages
|
||||
@import "search-results-page";
|
||||
@import "all-posts";
|
||||
@import "single-post";
|
||||
@import "post-category";
|
||||
@import "cart-summary";
|
||||
@@ -1,17 +0,0 @@
|
||||
.cart-summary p {font-size: 1.2vw;line-height: 2vw !important;}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.cart-summary p {
|
||||
font-size: 22px !important;
|
||||
line-height: 4.5vw !important;
|
||||
font-weight: lighter !important;
|
||||
color: #505050 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 2355px) {
|
||||
.cart-summary p {
|
||||
font-size: 22px !important;
|
||||
color: #505050 !important;
|
||||
}
|
||||
}
|
||||
@@ -1,23 +0,0 @@
|
||||
.col2-circle-content-slice-container {
|
||||
.highlighted-circle {
|
||||
img {
|
||||
border-radius: 50%;
|
||||
width: 225px;
|
||||
height: 225px;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
.highlighted-circle-title {
|
||||
color: $consumer-primary
|
||||
}
|
||||
.highlighted-circle-copy {
|
||||
p {
|
||||
line-height: 41px;
|
||||
}
|
||||
}
|
||||
.highlighted-circle-link {
|
||||
a {
|
||||
line-height: 41px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,14 +0,0 @@
|
||||
.col2-circle-cta-list-slice-container {
|
||||
.circle-image {
|
||||
padding: 0 0 20px;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.title {
|
||||
color: $consumer-primary;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
.col2-media-highlights-slice-container {
|
||||
.border-side-1 {
|
||||
border-right: 1px solid black;
|
||||
}
|
||||
.border-side-3 {
|
||||
border-left: 1px solid black;
|
||||
}
|
||||
.video-aside {
|
||||
video {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.copy {
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-down(lg) {
|
||||
.border-side-1 {
|
||||
border-left: none;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.border-side-3 {
|
||||
border-left: none;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.col2-media-highlights-slice-container {
|
||||
.copy {
|
||||
strong {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.col2-media-highlights-slice-container {
|
||||
.copy {
|
||||
strong {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,27 +0,0 @@
|
||||
.col2-media-wysiwyg-slice-container {
|
||||
.image {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.col2-media-wysiwyg-slice-container {
|
||||
.copy {
|
||||
strong {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.col2-media-wysiwyg-slice-container {
|
||||
.copy {
|
||||
strong {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,30 +0,0 @@
|
||||
.col3-card-slice-container {
|
||||
text-align: center;
|
||||
.col3-card-wrapper {
|
||||
z-index: 1;
|
||||
.col3-card-item {
|
||||
position: relative;
|
||||
min-height: 40em;
|
||||
border: 1px solid $gray-border;
|
||||
box-shadow: 5px 5px 10px 0px rgba(119, 119, 119, 0.16);
|
||||
background-color: $white;
|
||||
.col3-card-img {
|
||||
width: 100%;
|
||||
}
|
||||
.col3-card-item-inner-wrapper {
|
||||
min-height: 350px;
|
||||
padding: 33px 25px 46px;
|
||||
.col3-card-title {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
.col3-card-link {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: fit-content;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,46 +0,0 @@
|
||||
.color-header-card-grid-slice-container {
|
||||
.color-header-card {
|
||||
.header {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
.copy {
|
||||
min-height: 17rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-color-white {
|
||||
background-color: $white;
|
||||
h4 {
|
||||
color: $light-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.header-color-pink {
|
||||
background-color: $light-pink;
|
||||
h4 {
|
||||
color: $light-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.header-color-red {
|
||||
background-color: $consumer-primary;
|
||||
h4 {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.header-color-light-blue {
|
||||
background-color: $light-blue;
|
||||
h4 {
|
||||
color: $light-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.header-color-blue {
|
||||
background-color: $business-primary;
|
||||
h4 {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
@@ -1,2 +0,0 @@
|
||||
.cta-buttons-slice-container {
|
||||
}
|
||||
@@ -1,4 +0,0 @@
|
||||
.error-link {
|
||||
color: #036396;
|
||||
text-decoration: none;
|
||||
}
|
||||
@@ -1,26 +0,0 @@
|
||||
.faq-dropdown-slice-container {
|
||||
.accordion-button {
|
||||
color: #FFFFFF !important;
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
&::after {
|
||||
filter: invert(1) grayscale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.faq-dropdown-slice-container {
|
||||
.accordion-button {
|
||||
background-color: #660037 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.faq-dropdown-slice-container {
|
||||
.accordion-button {
|
||||
background-color: $business-primary !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,153 +0,0 @@
|
||||
.site-footer {
|
||||
.footer-wrapper {
|
||||
padding: 84px 0 46px 0;
|
||||
.footer-logo {
|
||||
max-width: 50%;
|
||||
}
|
||||
.footer-nav-list {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
.menu-item {
|
||||
a {
|
||||
font-weight: 400;
|
||||
color: $white;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
.footer-button {
|
||||
a {
|
||||
border: none;
|
||||
padding: 8px 20px;
|
||||
background-color: $secondary !important;
|
||||
color: #fff !important;
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-phone {
|
||||
p {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.social-icons {
|
||||
.fa-facebook,
|
||||
.fa-linkedin,
|
||||
.fa-youtube {
|
||||
font-size: 45px;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-bottom {
|
||||
padding-top: 3rem;
|
||||
p {
|
||||
color: $light-gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.site-footer {
|
||||
.footer-wrapper {
|
||||
background: $consumer-primary;
|
||||
}
|
||||
.footer-bottom {
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.site-footer {
|
||||
.footer-wrapper {
|
||||
background: $business-primary;
|
||||
}
|
||||
.footer-bottom {
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Optional Sticky Bottom Banner
|
||||
.banner-bottom {
|
||||
display: none;
|
||||
width: 100%;
|
||||
font-size: 22px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 2px;
|
||||
background: $orange;
|
||||
.banner-bottom-wrapper {
|
||||
color: $white;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
.banner-bottom-link {
|
||||
.banner-bottom-text {
|
||||
display: inline-block;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
@include media-breakpoint-up(md) {
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
.fa-angle-right {
|
||||
@include media-breakpoint-up(md) {
|
||||
position: relative;
|
||||
top: 4px;
|
||||
}
|
||||
}
|
||||
.banner-link-title {
|
||||
font-size: 0.75rem;
|
||||
font-weight: 900;
|
||||
background: #fff;
|
||||
color: $orange;
|
||||
padding: 4px 8px;
|
||||
@include media-breakpoint-up(md) {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.banner-bottom-close {
|
||||
position: relative;
|
||||
top: 2.5px;
|
||||
float: right;
|
||||
padding-right: 20px;
|
||||
color: $white;
|
||||
font-size: 1.325rem;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
@include media-breakpoint-up(md) {
|
||||
font-size: 2rem;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 469px) {
|
||||
.banner-bottom .banner-bottom-wrapper .banner-bottom-link .banner-bottom-text .banner-link-title {
|
||||
font-size: 0.75rem;
|
||||
font-weight: 900;
|
||||
background: #fff;
|
||||
color: #E86826;
|
||||
padding: 4px 8px;
|
||||
position: relative;
|
||||
top: 20px;
|
||||
}
|
||||
.banner-bottom .banner-bottom-close {
|
||||
position: relative;
|
||||
top: -49px;
|
||||
float: right;
|
||||
padding-right: 5px;
|
||||
font-size: 1.325rem;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
.form-with-image-slice-container {
|
||||
.gform_heading,
|
||||
.gform_description {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -1,380 +0,0 @@
|
||||
// type elements
|
||||
body {
|
||||
font-family: 'Nunito Sans', sans-serif;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: calc(2.214581rem + 1vw);
|
||||
font-weight: 700;
|
||||
line-height: 58px;
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
h1 {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
h1 {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: calc(1.3rem + 1vw);
|
||||
font-weight: 700;
|
||||
line-height: 55px;
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
h2 {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
h2 {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 30px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
h3 {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
h3 {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
h4 {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
h4 {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 22px;
|
||||
line-height: 32px;
|
||||
font-weight: lighter;
|
||||
color: $light-gray;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $light-gray;
|
||||
text-decoration: none;
|
||||
font-size: 22px;
|
||||
line-height: 30px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
font-size: 22px;
|
||||
line-height: 45px;
|
||||
margin-bottom: unset;
|
||||
font-weight: lighter;
|
||||
color: $light-gray;
|
||||
}
|
||||
|
||||
// cta
|
||||
a.button--primary,
|
||||
input[type="submit"].gform_button,
|
||||
button[type="submit"].single_add_to_cart_button,
|
||||
#searchBtn {
|
||||
border: none;
|
||||
padding: 8px 20px;
|
||||
background-color: $orange !important;
|
||||
color: $white !important;
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.button--primary {
|
||||
border: none;
|
||||
padding: 8px 20px;
|
||||
background-color: $orange; /* Define the actual color, not a variable */
|
||||
color: $white; /* Define the actual color, not a variable */
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
line-height: 36px;
|
||||
/* Add any additional styles you want here */
|
||||
}
|
||||
|
||||
// Background Colors Configurations
|
||||
.bg-color-white {
|
||||
background-color: $white;
|
||||
}
|
||||
|
||||
.bg-color-pink {
|
||||
background-color: $light-pink;
|
||||
p {
|
||||
color: $light-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-color-red {
|
||||
background-color: $consumer-primary;
|
||||
p {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-color-light-blue {
|
||||
background-color: $light-blue;
|
||||
}
|
||||
|
||||
.bg-color-blue {
|
||||
background-color: $consumer-primary;
|
||||
}
|
||||
|
||||
// Top and Bottom Background Color Configurations
|
||||
.bg-color-top-white {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
&::before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
background-color: $white;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-color-bottom-white {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
&::after {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
background-color: $white;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-color-top-pink {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
&::before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
background-color: $light-pink;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-color-bottom-pink {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
&::after {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
background-color: $light-pink;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-color-top-red {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
&::before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
background-color: $consumer-highlight;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-color-bottom-red {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
&::after {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
background-color: $consumer-highlight;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-color-top-light-blue {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
&::before {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
background-color: $light-blue;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-color-bottom-light-blue {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
&::after {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 50%;
|
||||
background-color: $light-blue;
|
||||
z-index: -1;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Border Color Configurations
|
||||
.border-color-none {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.border-color-white {
|
||||
border: 2px solid $white;
|
||||
}
|
||||
|
||||
.border-color-red {
|
||||
border: 2px solid $consumer-primary;
|
||||
}
|
||||
|
||||
.border-color-black {
|
||||
border: 2px solid $black;
|
||||
}
|
||||
|
||||
.padding-top-none {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.padding-bottom-none {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
// Padding classes for slice configs
|
||||
.padding-top-small {
|
||||
@include media-breakpoint-up(xs) {
|
||||
padding-top: 0.25rem;
|
||||
}
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-top-medium {
|
||||
@include media-breakpoint-up(xs) {
|
||||
padding-top: .75rem;
|
||||
}
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-top-large {
|
||||
@include media-breakpoint-up(xs) {
|
||||
padding-top: 0.75rem;
|
||||
}
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-bottom-small {
|
||||
@include media-breakpoint-up(xs) {
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-bottom-medium {
|
||||
@include media-breakpoint-up(xs) {
|
||||
padding-bottom: .75rem;
|
||||
}
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.padding-bottom-large {
|
||||
@include media-breakpoint-up(xs) {
|
||||
padding-bottom: 0.75rem;
|
||||
}
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
}
|
||||
@@ -1,23 +0,0 @@
|
||||
div.gform_fields fieldset.gfield div.ginput_complex span input,
|
||||
div.gform_fields div.gfield div.ginput_container input {
|
||||
border-color: $gray-border;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
font-size: 18px;
|
||||
&::placeholder {
|
||||
color: $gray-placeholder;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
div.gform_fields div.gfield div.validation_message {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
div.gform_validation_errors h2.gform_submission_error {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
div.gform_confirmation_wrapper div.gform_confirmation_message {
|
||||
font-size: 18px;
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
.comsumer-brand {
|
||||
.h1-heading-slice-container {
|
||||
h1 {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.h1-heading-slice-container {
|
||||
h1 {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,15 +0,0 @@
|
||||
.comsumer-brand {
|
||||
.h2-heading-slice-container {
|
||||
h2 {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.h2-heading-slice-container {
|
||||
h2 {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,144 +0,0 @@
|
||||
.main-header {
|
||||
h1 {
|
||||
color: $white;
|
||||
}
|
||||
.top-bar-mobile {
|
||||
color: $light-gray;
|
||||
.top-bar-mobile-phone {
|
||||
.fa-phone-volume {
|
||||
position: relative;
|
||||
top: 3px;
|
||||
right: 5px;
|
||||
}
|
||||
p {
|
||||
margin: auto 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.top-nav-mobile {
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
li {
|
||||
a {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.top-bar-items li {
|
||||
position: relative;
|
||||
align-self: center;
|
||||
margin-right: 20px;
|
||||
}
|
||||
// .top-bar-items li:first-child::after {
|
||||
// content: "|";
|
||||
// color: #505050;
|
||||
// padding-left: 14px
|
||||
// }
|
||||
.main-nav {
|
||||
.navbar-nav li.dropdown:hover>ul.dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
.dropdown-menu {
|
||||
li {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
.dropdown-toggle::after {
|
||||
content: none;
|
||||
}
|
||||
.main-logo img {
|
||||
max-width: 296px;
|
||||
}
|
||||
@include media-breakpoint-up(lg) {
|
||||
.menu-item-has-children::after {
|
||||
content: "";
|
||||
height: 20px;
|
||||
width: 1px;
|
||||
background-color: $white;
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 14px;
|
||||
}
|
||||
.menu-item-has-children:last-child::after {
|
||||
content: unset;
|
||||
}
|
||||
}
|
||||
.menu-item {
|
||||
white-space: nowrap;
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-right: 20px;
|
||||
}
|
||||
.nav-link {
|
||||
color: $white;
|
||||
}
|
||||
a {
|
||||
@include media-breakpoint-between(lg, xl) {
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown-item:hover {
|
||||
color: $white;
|
||||
}
|
||||
.nav-btn {
|
||||
padding-top: 6px;
|
||||
.nav-link {
|
||||
font-size: 24px;
|
||||
}
|
||||
.fa-phone-volume {
|
||||
position: relative;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
font-size: 35px;
|
||||
color: $white;
|
||||
}
|
||||
p {
|
||||
color: $white;
|
||||
padding-top: 8px;
|
||||
}
|
||||
a {
|
||||
color: $white;
|
||||
@include media-breakpoint-between(lg, xl) {
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.main-header {
|
||||
background: $consumer-primary;
|
||||
}
|
||||
#menu-consumer {
|
||||
.dropdown-menu {
|
||||
background: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.main-header {
|
||||
background: $business-primary;
|
||||
}
|
||||
#menu-business {
|
||||
.dropdown-menu {
|
||||
background: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.get-started {
|
||||
border: none;
|
||||
padding: 0;
|
||||
background-color: #E86826 !important;
|
||||
color: #FFFFFF !important;
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
padding-right: 0px !important;
|
||||
}
|
||||
@@ -1,23 +0,0 @@
|
||||
.hero-slice-container {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top;
|
||||
min-height: 550px;
|
||||
padding: 4rem 0;
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.hero-slice-container {
|
||||
.hero-title {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.hero-slice-container {
|
||||
.hero-title {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,46 +0,0 @@
|
||||
.icon-info-grid-slice-container {
|
||||
.icon-card-wrapper {
|
||||
.icon-card {
|
||||
display: grid;
|
||||
grid-template-rows: 1fr auto 1fr;
|
||||
justify-items: center;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
.icon-img {
|
||||
max-width: 106px;
|
||||
}
|
||||
.content-wrapper {
|
||||
.icon-title {
|
||||
align-self: center;
|
||||
}
|
||||
.icon-link {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: fit-content;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.icon-info-grid-slice-container {
|
||||
.icon-card {
|
||||
.title {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.icon-info-grid-slice-container {
|
||||
.icon-card {
|
||||
.title {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,22 +0,0 @@
|
||||
.icon-video-aside-slice-container {
|
||||
.icon-video-rows {
|
||||
.icon {
|
||||
img {
|
||||
width: 55px;
|
||||
}
|
||||
}
|
||||
.info {
|
||||
.title {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
.link {
|
||||
color: $blue !important;
|
||||
}
|
||||
}
|
||||
.video {
|
||||
video {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
.consumer-brand {
|
||||
.image-aside-slice-container {
|
||||
.image-aside-copy {
|
||||
strong {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.image-aside-slice-container {
|
||||
.image-aside-copy {
|
||||
strong {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,13 +0,0 @@
|
||||
.image-card-grid-slice-container {
|
||||
.image-card {
|
||||
height: 600px;
|
||||
.image {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.title {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,9 +0,0 @@
|
||||
.image-with-checklist-slice-container {
|
||||
.image-with-checklist-wrapper {
|
||||
@include media-breakpoint-up(lg) {
|
||||
img {
|
||||
max-width: 350px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
.image-with-icon-info-grid-slice-container {
|
||||
.image {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.icon-info-grid {
|
||||
.icon {
|
||||
img {
|
||||
width: 77px;
|
||||
}
|
||||
}
|
||||
.info {
|
||||
.title {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,7 +0,0 @@
|
||||
.large-image-slice-container {
|
||||
.large-image {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,8 +0,0 @@
|
||||
.large-video-slice-container {
|
||||
.large-video {
|
||||
video {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
// .page-id-631 {
|
||||
// section {
|
||||
// &:nth-of-type(odd) {
|
||||
// border-top: 10px solid $black;
|
||||
// h2 {
|
||||
// color: $black;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@@ -1,7 +0,0 @@
|
||||
.logo-grid-slice-container {
|
||||
.logo {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,59 +0,0 @@
|
||||
// div.product-features {
|
||||
// padding-top: 50px;
|
||||
// padding-bottom: 80px;
|
||||
// div.product-features__header {
|
||||
// h2.product-features__header__heading {
|
||||
// margin-bottom: 35px;
|
||||
// }
|
||||
// }
|
||||
// div.product-features__video-wrapper {
|
||||
// border-right: 1px solid $gray-border;
|
||||
// padding-right: 30px;
|
||||
// img.product-features__video-wrapper__video-thumbnail {
|
||||
// margin-bottom: 25px;
|
||||
// }
|
||||
// }
|
||||
// div.product-features__content {
|
||||
// padding-left: 30px;
|
||||
// p {
|
||||
// margin-bottom: 25px;
|
||||
// &:last-of-type {
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// strong {
|
||||
// color: $consumer-primary;
|
||||
// font-weight: 700;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// div.service-features {
|
||||
// padding-top: 50px;
|
||||
// padding-bottom: 80px;
|
||||
// background-color: $consumer-highlight;
|
||||
// div.service-features__header {
|
||||
// h2.service-features__header__heading {
|
||||
// margin-bottom: 35px;
|
||||
// }
|
||||
// }
|
||||
// div.service-features__video-wrapper {
|
||||
// padding-left: 30px;
|
||||
// img.service-features__video-wrapper__video-thumbnail {
|
||||
// margin-bottom: 25px;
|
||||
// }
|
||||
// }
|
||||
// div.service-features__content {
|
||||
// border-right: 1px solid $gray-border;
|
||||
// padding-right: 30px;
|
||||
// p {
|
||||
// margin-bottom: 25px;
|
||||
// &:last-of-type {
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// strong {
|
||||
// color: $consumer-primary;
|
||||
// font-weight: 700;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
@@ -1,30 +0,0 @@
|
||||
.phone-contact-with-shortcode-slice-container {
|
||||
.call-title {
|
||||
font-size: calc(1.6125rem + 1vw);
|
||||
font-weight: 700;
|
||||
line-height: 55px;
|
||||
a {
|
||||
font-size: calc(1.6125rem + 1vw);
|
||||
font-weight: 700;
|
||||
line-height: 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.call-title {
|
||||
color: $consumer-primary;
|
||||
a {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.call-title {
|
||||
color: $business-primary;
|
||||
a {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,32 +0,0 @@
|
||||
.phone-contact-slice-container {
|
||||
h3 {
|
||||
font-weight: 200;
|
||||
}
|
||||
.bold-copy {
|
||||
a {
|
||||
font-size: 45px;
|
||||
font-weight: 700;
|
||||
line-height: 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.phone-contact-slice-container {
|
||||
.bold-copy {
|
||||
a {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.phone-contact-slice-container {
|
||||
.bold-copy {
|
||||
a {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,3 +0,0 @@
|
||||
.category-page-container {
|
||||
padding: 6em 0;
|
||||
}
|
||||
@@ -1,14 +0,0 @@
|
||||
.product-carousel-slice-container {
|
||||
.products {
|
||||
.product-slide {
|
||||
.product-image {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.title {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
.products-list-slice-container {
|
||||
text-align: center;
|
||||
.products-list-wrapper {
|
||||
.products-list-item {
|
||||
position: relative;
|
||||
min-height: 33em;
|
||||
border: 1px solid $gray-border;
|
||||
box-shadow: 5px 5px 10px 0px rgba(119, 119, 119, 0.16);
|
||||
@include media-breakpoint-up(md) {
|
||||
min-height: 42em;
|
||||
}
|
||||
.products-list-img {
|
||||
max-width: 50%;
|
||||
@include media-breakpoint-up(lg) {
|
||||
max-width: 70%;
|
||||
}
|
||||
}
|
||||
.products-list-item-inner-wrapper {
|
||||
background-color: $white;
|
||||
padding: 20px;
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding: 33px 25px 46px;
|
||||
}
|
||||
.products-list-title {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
.products-list-link {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: fit-content;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,26 +0,0 @@
|
||||
body.search {
|
||||
.main-header {
|
||||
background: $consumer-primary;
|
||||
}
|
||||
.site-footer {
|
||||
.footer-wrapper {
|
||||
background: $consumer-primary;
|
||||
}
|
||||
}
|
||||
.search-results-page-container {
|
||||
padding-top: 50px;
|
||||
#searchform {
|
||||
.search-field {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.img-placeholder {
|
||||
width: 424px;
|
||||
height: 249.4px;
|
||||
background-color: $consumer-primary;
|
||||
img {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,3 +0,0 @@
|
||||
.simple-content-slice-container {
|
||||
|
||||
}
|
||||
@@ -1,35 +0,0 @@
|
||||
.single-post {
|
||||
.main-header {
|
||||
.main-nav {
|
||||
background-color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
.site-footer {
|
||||
.footer-wrapper {
|
||||
background-color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
.single-post-container {
|
||||
margin: 6em 0;
|
||||
.single-post-img {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.single-post-content {
|
||||
margin-top: 4em;
|
||||
h1 {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Styling for read more section styles
|
||||
.related-posts-container {
|
||||
.related-post {
|
||||
.related-title {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,55 +0,0 @@
|
||||
.testimonial-carousel-slice-container {
|
||||
.testimonials {
|
||||
.testimonial-image {
|
||||
img {
|
||||
width: 225px;
|
||||
height: 225px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
.title {
|
||||
color: $consumer-primary;
|
||||
text-align: start;
|
||||
}
|
||||
.quote-attribution {
|
||||
text-align: start;
|
||||
}
|
||||
.slick-dots li button::before {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.consumer-brand {
|
||||
.testimonial-carousel-slice-container {
|
||||
.slick-dots {
|
||||
li {
|
||||
button {
|
||||
&::before {
|
||||
color: rgba(102, 0, 55, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
.slick-active button::before {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-brand {
|
||||
.testimonial-carousel-slice-container {
|
||||
.slick-dots {
|
||||
li {
|
||||
button {
|
||||
&::before {
|
||||
color: rgba(0, 68, 124, 0.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
.slick-active button::before {
|
||||
color: $business-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,18 +0,0 @@
|
||||
.testimonial-slice-container {
|
||||
.testimonial-img {
|
||||
border-radius: 50%;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.testimonial-inner-content-wrapper {
|
||||
.testimonial-title {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
.testimonial-quote-attribution {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
.text-highlights-col-slice-container {
|
||||
.text-block {
|
||||
.title {
|
||||
color: $blue;
|
||||
}
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,8 +0,0 @@
|
||||
.video-aside-slice-container {
|
||||
.video-aside {
|
||||
video {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
.video-grid-slice-container {
|
||||
.heading {
|
||||
color: $consumer-primary;
|
||||
}
|
||||
.video {
|
||||
video {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,41 +0,0 @@
|
||||
// Making the Product Variation Options side by side
|
||||
|
||||
table.variations {
|
||||
td.value {
|
||||
div {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
padding-bottom: 25px;
|
||||
&:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
input[type="radio"] {
|
||||
margin-right: 5px;
|
||||
}
|
||||
label {
|
||||
font-weight: unset !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Hides the quantity Box
|
||||
div.single_variation_wrap {
|
||||
vertical-align: middle;
|
||||
div.woocommerce-variation-add-to-cart {
|
||||
div.quantity {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Removes the 'Clear' button for variations
|
||||
a.reset_variations {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.order-summary {
|
||||
margin-left: 5.5rem;
|
||||
margin-bottom: unset !important;
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user