/*
Theme Name: Hybrid TwoSixOne
Author: Slingshot
Description: Custom theme. Contact https://www.slingshot.co.uk
Text Domain: slingshottheme
Domain Path: /languages
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 7.0.0
Version: 1.0.0
License: Contact me for license.
*/
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
}
html, body {
width: 100%;
min-height: 100%;
margin: 0px;
padding: 0px;
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: var(--wp--preset--color--white);
}
* {
box-sizing: border-box;
}
@media screen and (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
html {
font-size: 100%;
}
body {
font-size: var(--wp--preset--font-size--20);
}
.wp-site-blocks a:hover {
opacity: 0.7;
}
.wp-site-blocks a:hover,
.wp-site-blocks a:active {
outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: normal;
}
.has-text-color h1,
.has-text-color h2,
.has-text-color h3,
.has-text-color h4,
.has-text-color h5,
.has-text-color h6 {
color: inherit;
}
h1 {
font-size: var(--wp--preset--font-size--80);
}
h2 {
font-size: var(--wp--preset--font-size--70);
}
h3 {
font-size: var(--wp--preset--font-size--60);
}
h4 {
font-size: var(--wp--preset--font-size--50);
}
h5 {
font-size: var(--wp--preset--font-size--40);
}
h6 {
font-size: var(--wp--preset--font-size--30);
}
h1,
h2,
h3,
h4,
h5,
h6,
.has-40-font-size,
.has-50-font-size,
.has-60-font-size,
.has-70-font-size,
.has-80-font-size,
.has-90-font-size {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-wrap: pretty;
}
ul,
ol {
list-style-position: outside;
}
ul {
list-style: none;
list-style-type: disc;
}
ol {
list-style: decimal;
}
dt {
font-weight: var(--wp--custom--font-weight--bold);
}
b,
strong {
font-weight: var(--wp--custom--font-weight--bold);
}
cite,
dfn,
em,
i {
font-style: italic;
}
small {
font-size: var(--wp--preset--font-size--20);
}
big {
font-size: var(--wp--preset--font-size--60);
}
sup,
sub {
font-size: 62%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: 0.5ex;
}
figure {
margin: 0;
}
caption {
font-weight: var(--wp--custom--font--small);
text-align: left;
}
mark {
padding: 0 0.4em;
}
table:not(.shop_table):not(.tiered-prices-table) {
width: 100%;
margin-bottom: 1em;
border-collapse: separate;
border-spacing: 0;
border: 1px solid var(--wp--preset--color--black);
border-width: 1px 0 0 1px;
}
table:not(.shop_table):not(.tiered-prices-table) th {
font-weight: var(--wp--custom--font-weight--bold);
}
table:not(.shop_table):not(.tiered-prices-table) th, table:not(.shop_table):not(.tiered-prices-table) td {
border: 1px solid var(--wp--preset--color--black);
border-width: 0 1px 1px 0;
padding: 0.3rem;
}
table:not(.shop_table):not(.tiered-prices-table) tr th:first-child,
table:not(.shop_table):not(.tiered-prices-table) tr td:first-child {
border-width: 0 1px 1px 0;
}
[class^=ssicon-]:before,
[class*=" ssicon-"]:before {
content: "";
display: inline-block;
vertical-align: central;
width: 1em;
height: 1em;
margin-right: 0.4em;
background-color: currentColor;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.ssicon-search:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.ssicon-bag:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.ssicon-phone:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.ssicon-mobile:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.ssicon-email:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.ssicon-truck:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.ssicon-truck-light:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.ssicon-box:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.ssicon-box-light:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.ssicon-user:before {
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.ssicon-slingshot:before {
margin-right: 0.25em;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
form input[type=button],
form input[type=reset],
form input[type=submit],
form button[type=button],
form button[type=reset],
form button[type=submit] {
height: auto !important;
position: relative;
border-radius: var(--wp--custom--border--radius-forms);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
}
form input[type=button]:hover,
form input[type=reset]:hover,
form input[type=submit]:hover,
form button[type=button]:hover,
form button[type=reset]:hover,
form button[type=submit]:hover {
opacity: 0.7;
}
form input[type=button],
form input[type=reset],
form input[type=submit],
form button[type=button],
form button[type=reset],
form button[type=submit] {
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--primary);
border: 1px solid var(--wp--preset--color--primary);
font-weight: var(--wp--custom--font-weight--bold);
display: inline-block;
}
form fieldset {
margin: 0 0 2em;
}
form legend {
white-space: normal;
}
form input[type=text],
form input[type=password],
form input[type=search],
form input[type=email],
form button,
form textarea,
form select {
font-size: var(--wp--preset--font-size--20);
margin: 0;
max-width: 100%;
vertical-align: baseline;
border-radius: var(--wp--custom--border--radius-forms);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
form select,
form input,
form textarea {
display: inline-block;
padding: 10px 15px;
color: var(--wp--preset--color--black);
border: 1px solid var(--wp--preset--color--black);
background-color: var(--wp--preset--color--white);
border-radius: var(--wp--custom--border--radius-forms);
}
form button,
form select,
form input,
form textarea {
font-size: var(--wp--preset--font-size--20);
line-height: 1.2 !important;
padding: 10px 20px;
}
form button[disabled],
form input[disabled] {
cursor: default;
}
form input[type=checkbox],
form input[type=radio] {
padding: 0.5em;
position: relative;
width: 1rem;
height: 1rem;
}
form input[type=search] {
-webkit-appearance: textfield;
}
form input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
form button::-moz-focus-inner,
form input::-moz-focus-inner {
border: 0;
padding: 0;
}
form input:focus,
form textarea:focus {
border: 1px solid var(--wp--preset--color--accent-1);
outline: 0;
}
form select {
background-image: url('data:image/svg+xml;utf8,');
background-size: 1em;
background-repeat: no-repeat;
background-position: calc(100% - 15px) center;
position: relative;
padding-right: 2.8em;
}
form select:after {
content: "X";
}
form textarea {
min-height: 8em;
}
form label {
margin-bottom: 0.5rem;
}
::-moz-placeholder {
opacity: 1;
color: var(--wp--preset--color--neutral-3);
}
::placeholder {
opacity: 1;
color: var(--wp--preset--color--neutral-3);
}
:-ms-input-placeholder {
color: var(--wp--preset--color--neutral-3);
}
::-ms-input-placeholder {
color: var(--wp--preset--color--neutral-3);
}
.mc4wp__field_wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
justify-content: center;
align-items: normal;
align-content: normal;
max-width: 100%;
}
.mc4wp__input {
border: 1px solid var(--wp--preset--color--primary);
flex-grow: 1;
min-width: 3em;
font-size: inherit;
font-family: inherit;
line-height: inherit;
max-width: 30ch;
}
.mc4wp__button {
background-color: var(--wp--preset--color--black) !important;
color: var(--wp--preset--color--white);
border: none;
font-size: var(--wp--preset--font-size--30);
padding: calc(0.667em + 2px) calc(1.333em + 2px);
min-width: 10ch;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
}
.comment-content img[height],
.article-content img,
.entry-summary img,
img[class*=align],
img[class*=wp-image-],
img[class*=attachment-],
.site-header img {
height: auto;
max-width: 100%;
}
img.size-large,
img.size-medium,
.wp-post-image,
.article-thumbnail img {
height: auto;
max-width: 100%;
}
.article-content .size-large_cropped img {
width: 100%;
height: auto;
}
@media (min-width: 782px) {
.wp-caption {
width: auto;
}
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
height: auto;
}
embed,
iframe,
object {
margin-bottom: 1.5em;
max-width: 100%;
}
p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {
margin-bottom: 0;
}
.embed-wrapper:not(.wp-block-embed__wrapper .embed-wrapper) {
margin: var(--wp--preset--spacing--50) 0;
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.embed-wrapper:not(.wp-block-embed__wrapper .embed-wrapper) iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 781px) {
div[class^=wp-block].is-style-reverse-stack,
div[class*=" wp-block"].is-style-reverse-stack {
flex-direction: column-reverse;
}
}
div[class^=wp-block].is-style-theme-1,
div[class*=" wp-block"].is-style-theme-1 {
box-shadow: var(--wp--preset--shadow--natural);
border-radius: var(--wp--custom--border--radius);
}
div[class^=wp-block].is-style-theme-3,
div[class*=" wp-block"].is-style-theme-3 {
border-radius: var(--wp--custom--border--radius);
}
figure[class^=wp-block].is-style-theme-3 img,
figure[class*=" wp-block"].is-style-theme-3 img {
border-radius: var(--wp--custom--border--radius);
}
@media (min-width: 782px) {
div[class^=wp-block].is-style-theme-1,
div[class*=" wp-block"].is-style-theme-1 {
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
}
div[class^=wp-block].is-style-theme-2,
div[class*=" wp-block"].is-style-theme-2 {
-webkit-mask-size: 100% auto;
mask-size: 100% auto;
}
}
header.wp-block-template-part .wp-block-navigation {
font-size: var(--wp--preset--font-size--40);
padding: 0.3rem 0;
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.is-style-cta-button a {
position: relative;
border-radius: var(--wp--custom--border--radius-forms);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.is-style-cta-button a:hover {
opacity: 0.7;
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item.is-style-cta-button a {
padding: 0.2rem 0.8em !important;
font-weight: var(--wp--custom--font-weight--regular);
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--accent-1);
border: 0.15rem solid var(--wp--preset--color--accent-2);
border-radius: 99rem;
}
header.wp-block-template-part .wp-block-navigation .accent-1 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-1.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--accent-1);
}
header.wp-block-template-part .wp-block-navigation .accent-2 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-2.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--accent-2);
}
header.wp-block-template-part .wp-block-navigation .accent-3 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-3.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--accent-3);
}
header.wp-block-template-part .wp-block-navigation .accent-4 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-4.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--accent-4);
}
header.wp-block-template-part .wp-block-navigation .accent-5 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-5.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--accent-5);
}
header.wp-block-template-part .wp-block-navigation .accent-6 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-6.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--accent-6);
}
header.wp-block-template-part .wp-block-navigation .accent-7 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-7.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--accent-7);
}
header.wp-block-template-part .wp-block-navigation .accent-8 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-8.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--accent-8);
}
header.wp-block-template-part .wp-block-navigation .neutral-1 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .neutral-1.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--neutral-1);
}
header.wp-block-template-part .wp-block-navigation .neutral-2 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .neutral-2.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--neutral-2);
}
header.wp-block-template-part .wp-block-navigation .neutral-3 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .neutral-3.current-menu-item .wp-block-navigation-item__content {
color: var(--wp--preset--color--neutral-3);
}
header.wp-block-template-part .wp-block-navigation .stanley-stella .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .stanley-stella.current-menu-item .wp-block-navigation-item__content {
color: #ede4dd;
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
width: 54px;
height: 54px;
}
.wp-block-navigation__responsive-container.is-menu-open {
padding: 0.3rem var(--wp--preset--spacing--40) var(--wp--preset--spacing--80) var(--wp--preset--spacing--40);
z-index: 99;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: 100px;
gap: var(--wp--preset--spacing--40);
}
@media (min-width: 960px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block !important;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit;
}
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
}
@media (min-width: 960px) {
header.wp-block-template-part .wp-block-navigation {
font-size: var(--wp--preset--font-size--10);
padding: 0;
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content {
padding: 1.5rem 0.7vw;
}
header.wp-block-template-part .wp-block-navigation .wp-block-navigation-item__content:hover {
background-color: var(--wp--preset--color--white);
color: var(--wp--preset--color--secondary);
opacity: 1;
}
header.wp-block-template-part .wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--white);
color: var(--wp--preset--color--secondary);
}
header.wp-block-template-part .wp-block-navigation .accent-1 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-1.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--accent-1);
color: var(--wp--preset--color--secondary);
}
header.wp-block-template-part .wp-block-navigation .accent-2 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-2.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--white);
}
header.wp-block-template-part .wp-block-navigation .accent-3 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-3.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--accent-3);
color: var(--wp--preset--color--secondary);
}
header.wp-block-template-part .wp-block-navigation .accent-4 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-4.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--accent-4);
color: var(--wp--preset--color--secondary);
}
header.wp-block-template-part .wp-block-navigation .accent-5 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-5.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--accent-5);
color: var(--wp--preset--color--white);
}
header.wp-block-template-part .wp-block-navigation .accent-6 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-6.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--accent-6);
color: var(--wp--preset--color--white);
}
header.wp-block-template-part .wp-block-navigation .accent-7 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-7.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--accent-7);
color: var(--wp--preset--color--secondary);
}
header.wp-block-template-part .wp-block-navigation .accent-8 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .accent-8.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--accent-8);
color: var(--wp--preset--color--secondary);
}
header.wp-block-template-part .wp-block-navigation .neutral-1 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .neutral-1.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--neutral-1);
color: var(--wp--preset--color--secondary);
}
header.wp-block-template-part .wp-block-navigation .neutral-2 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .neutral-2.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--neutral-2);
color: var(--wp--preset--color--secondary);
}
header.wp-block-template-part .wp-block-navigation .neutral-3 .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .neutral-3.current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--neutral-3);
color: var(--wp--preset--color--white);
}
header.wp-block-template-part .wp-block-navigation .stanley-stella .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .stanley-stella.current-menu-item .wp-block-navigation-item__content {
background-color: #ede4dd;
color: var(--wp--preset--color--secondary);
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
width: 54px;
height: 54px;
}
.wp-block-navigation__responsive-container.is-menu-open {
padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50) var(--wp--preset--spacing--80) var(--wp--preset--spacing--50);
z-index: 99;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: 100px;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
min-width: 15rem;
}
.wp-block-navigation .wp-block-navigation__submenu-container {
border: none !important;
}
}
.wp-block-social-links {
font-size: var(--wp--preset--font-size--20);
}
.wp-block-social-links.has-small-icon-size {
font-size: var(--wp--preset--font-size--10);
}
.wp-block-social-links.has-normal-icon-size,
.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
font-size: var(--wp--preset--font-size--20);
}
.wp-block-social-links.has-large-icon-size {
font-size: var(--wp--preset--font-size--50);
}
.wp-block-social-links.has-huge-icon-size {
font-size: var(--wp--preset--font-size--70);
}
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mail {
background-color: #00a800;
color: var(--wp--preset--color--white);
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background,
p.has-background {
padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--20);
}
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
min-height: 200px;
overflow: hidden;
}
.wp-block-media-text .wp-block-media-text__media {
border-radius: var(--wp--custom--border--radius) 0 0 var(--wp--custom--border--radius);
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding: 0 var(--wp--preset--spacing--40) 0 0;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
border-radius: 0 var(--wp--custom--border--radius) var(--wp--custom--border--radius) 0;
}
.wp-block-media-text.alignfull .wp-block-media-text__content {
padding: 0 var(--wp--preset--spacing--40);
}
.wp-block-media-text.has-background .wp-block-media-text__content {
padding: var(--wp--preset--spacing--40);
}
.wp-block-media-text .wp-block-media-text__content {
word-break: normal;
overflow-wrap: normal;
}
.wp-block-media-text .wp-block-media-text__content > h1:first-child,
.wp-block-media-text .wp-block-media-text__content > h2:first-child,
.wp-block-media-text .wp-block-media-text__content > h3:first-child,
.wp-block-media-text .wp-block-media-text__content > h4:first-child,
.wp-block-media-text .wp-block-media-text__content > h5:first-child,
.wp-block-media-text .wp-block-media-text__content > h6:first-child,
.wp-block-media-text .wp-block-media-text__content > p:first-child {
margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content > h1:last-child,
.wp-block-media-text .wp-block-media-text__content > h2:last-child,
.wp-block-media-text .wp-block-media-text__content > h3:last-child,
.wp-block-media-text .wp-block-media-text__content > h4:last-child,
.wp-block-media-text .wp-block-media-text__content > h5:last-child,
.wp-block-media-text .wp-block-media-text__content > h6:last-child,
.wp-block-media-text .wp-block-media-text__content > p:last-child {
margin-bottom: 0;
}
@media (max-width: 599px) {
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
padding: var(--wp--preset--spacing--40) 0 0 0;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
border-radius: var(--wp--custom--border--radius) var(--wp--custom--border--radius) 0 0;
}
.wp-block-media-text.is-stacked-on-mobile.has-background .wp-block-media-text__content {
padding: var(--wp--preset--spacing--40);
}
}
.wp-block-spacer {
margin: 0 auto;
}
.wp-block-spacer.is-style-height-20 {
height: var(--wp--preset--spacing--20) !important;
}
.wp-block-spacer.is-style-height-30 {
height: var(--wp--preset--spacing--30) !important;
}
.wp-block-spacer.is-style-height-40 {
height: var(--wp--preset--spacing--40) !important;
}
.wp-block-spacer.is-style-height-50 {
height: var(--wp--preset--spacing--50) !important;
}
.wp-block-spacer.is-style-height-60 {
height: var(--wp--preset--spacing--60) !important;
}
.wp-block-spacer.is-style-height-70 {
height: var(--wp--preset--spacing--70) !important;
}
.wp-block-spacer.is-style-height-80 {
height: var(--wp--preset--spacing--80) !important;
}
.wp-block-separator {
border: none;
background-color: var(--wp--preset--color--neutral-2);
height: 1px;
margin-left: auto;
margin-right: auto;
}
.wp-block-separator.is-style-thick {
height: 6px;
}
.wp-block-buttons {
margin: calc(var(--wp--style--block-gap) * 1.5) 0;
gap: var(--wp--preset--spacing--40) !important;
}
.wp-block-button .wp-block-button__link {
position: relative;
border-radius: var(--wp--custom--border--radius-forms);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
}
.wp-block-button .wp-block-button__link:hover {
opacity: 0.7;
}
.wp-block-button.is-style-outline .wp-block-button__link {
padding: calc(0.7rem - 2px) 1em;
}
@media (max-width: 781px) {
.wp-block-buttons.is-content-justification-right {
justify-content: flex-start !important;
}
}
.wp-block-file {
font-weight: var(--wp--custom--font-weight--bold);
margin: var(--wp--preset--spacing--50) 0;
}
.wp-block-file a,
.wp-block-file a:visited,
.wp-block-file .wp-block-file__button,
.wp-block-file a.wp-block-file__button:visited,
.wp-block-file .wp-block-file__textlink {
margin-left: 0;
text-decoration: none !important;
display: inline-block;
font-size: inherit;
text-shadow: none;
position: relative;
border-radius: var(--wp--custom--border--radius-forms);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
}
.wp-block-file a:hover,
.wp-block-file a:visited:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited:hover,
.wp-block-file .wp-block-file__textlink:hover {
opacity: 0.7;
}
.wp-block-file > a:first-child {
margin-right: 1rem;
}
.wp-block-cover .wp-block-cover__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-cover .wp-block-cover__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-image.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-image.alignleft {
margin-left: 0;
margin-right: auto;
}
.wp-block-image.alignleft figcaption {
text-align: left;
}
.wp-block-image.alignright {
margin-left: auto;
margin-right: 0;
}
.wp-block-image.alignright figcaption {
text-align: right;
}
.wp-block-image figcaption {
font-size: var(--wp--preset--font-size--20);
margin: 0;
padding: var(--wp--preset--spacing--30) 0 0 0;
}
.wp-block-table {
padding: 0;
}
.wp-block-table th, .wp-block-table td {
padding: 1rem;
}
.wp-block-table.is-style-stripes {
border: none;
}
.wp-block-table.is-style-stripes table {
border: none;
}
.wp-block-table.is-style-stripes table th, .wp-block-table.is-style-stripes table td {
border: none;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--wp--preset--color--neutral-1);
}
.wp-block-gallery {
margin-bottom: 0;
}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
margin-bottom: 2.2rem;
flex-grow: 0;
}
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
border-radius: var(--wp--custom--border--radius);
}
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
display: block;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
background: transparent;
color: var(--wp--preset--color--accent-1);
position: relative;
font-size: var(--wp--preset--font-size--20);
display: block;
padding: var(--wp--preset--spacing--30) 0;
}
.wp-block-gallery.is-style-logos {
align-items: center !important;
gap: var(--wp--preset--spacing--60);
}
.wp-block-gallery.is-style-logos.has-nested-images figure.wp-block-image {
text-align: center;
flex-grow: 0;
display: block;
width: calc(50% - var(--wp--preset--spacing--60) / 2) !important;
}
.wp-block-gallery.is-style-logos .wp-block-image {
margin-top: auto !important;
}
.wp-block-gallery.is-style-logos .wp-block-image img {
display: inline-block !important;
width: auto;
max-height: 100px !important;
}
@media (min-width: 782px) {
.wp-block-gallery.is-style-logos.has-nested-images figure.wp-block-image {
width: calc(33.33% - var(--wp--preset--spacing--60) * 2 / 3) !important;
}
}
@media (min-width: 960px) {
.wp-block-gallery.is-style-logos {
gap: var(--wp--preset--spacing--60);
}
.wp-block-gallery.is-style-logos.has-nested-images.columns-4 figure.wp-block-image {
width: calc(25% - var(--wp--preset--spacing--60) * 3 / 4) !important;
}
.wp-block-gallery.is-style-logos.has-nested-images.columns-5 figure.wp-block-image {
width: calc(20% - var(--wp--preset--spacing--60) * 4 / 5) !important;
}
.wp-block-gallery.is-style-logos.has-nested-images.columns-6 figure.wp-block-image {
width: calc(16.66667% - var(--wp--preset--spacing--60) * 5 / 6) !important;
}
}
@media (min-width: 600px) {
.wp-block-post-template.is-flex-container.is-flex-container {
gap: var(--wp--preset--spacing--50);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
width: calc(50% - var(--wp--preset--spacing--50) * 1 / 2);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li {
width: calc(33.33333% - var(--wp--preset--spacing--50) * 2 / 3);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4 {
gap: var(--wp--preset--spacing--40);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li {
width: calc(25% - var(--wp--preset--spacing--40) * 3 / 4);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5 {
gap: var(--wp--preset--spacing--30);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li {
width: calc(25% - var(--wp--preset--spacing--30) * 4 / 5);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6 {
gap: var(--wp--preset--spacing--30);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li {
width: calc(16.66666% - var(--wp--preset--spacing--30) * 5 / 6);
}
}
.wp-block-quote {
position: relative;
margin-inline-start: 0;
margin-inline-end: 0;
}
.wp-block-quote > h1,
.wp-block-quote > h2,
.wp-block-quote > h3,
.wp-block-quote > h4,
.wp-block-quote > h5,
.wp-block-quote > h6,
.wp-block-quote > p {
padding-left: 1.5rem;
margin-right: 1.5rem;
}
.wp-block-quote:before, .wp-block-quote:after {
display: block;
position: absolute;
font-size: 300%;
}
.wp-block-quote:before {
content: open-quote;
top: -0.25em;
left: 0;
}
.wp-block-quote:after {
content: close-quote;
bottom: -0.5em;
right: 0;
}
.wp-block-pullquote {
padding: 0 0 0 var(--wp--preset--spacing--50);
}
.wp-block-pullquote blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
}
.wp-block-pullquote blockquote p {
font-size: var(--wp--preset--font-size--60);
font-weight: var(--wp--custom--font-weight--bold);
line-height: 1.2em;
margin: 0 0 1em 0;
}
.wp-block-pullquote blockquote cite {
font-size: var(--wp--preset--font-size--30);
font-style: normal;
font-weight: var(--wp--preset--font-weight-400);
}
.wp-block-pullquote.has-background {
padding: var(--wp--preset--spacing--50);
}
.wp-block-pullquote:not(.is-style-solid-color) {
border-top: none;
border-bottom: none;
border-left: 6px solid;
}
.wp-block-pullquote.is-style-solid-color blockquote {
text-align: center;
max-width: 75%;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: var(--wp--preset--font-size--6);
margin: 0 0 1em 0;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
font-size: var(--wp--preset--font-size--30);
}
.editor-styles-wrapper ul.is-style-ruled,
ul.is-style-ruled,
ol.is-style-ruled {
list-style: none;
margin: 1em 0;
padding: 0;
}
.editor-styles-wrapper ul.is-style-ruled li,
ul.is-style-ruled li,
ol.is-style-ruled li {
margin: 0;
padding: 0.4em 0;
border-bottom: 1px solid var(--wp--preset--color--neutral-2);
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
}
.editor-styles-wrapper ul.is-style-ruled li:last-child,
ul.is-style-ruled li:last-child,
ol.is-style-ruled li:last-child {
margin: 0;
}
.editor-styles-wrapper ul.is-style-2-columns, .editor-styles-wrapper ul.is-style-3-columns, .editor-styles-wrapper ul.is-style-4-columns,
ul.is-style-2-columns,
ul.is-style-3-columns,
ul.is-style-4-columns,
ol.is-style-2-columns,
ol.is-style-3-columns,
ol.is-style-4-columns {
padding: 0 1em;
}
.editor-styles-wrapper ul.is-style-2-columns li, .editor-styles-wrapper ul.is-style-3-columns li, .editor-styles-wrapper ul.is-style-4-columns li,
ul.is-style-2-columns li,
ul.is-style-3-columns li,
ul.is-style-4-columns li,
ol.is-style-2-columns li,
ol.is-style-3-columns li,
ol.is-style-4-columns li {
margin: 0;
padding: 0.2em 0;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
}
.editor-styles-wrapper ul.is-style-2-columns li:last-child, .editor-styles-wrapper ul.is-style-3-columns li:last-child, .editor-styles-wrapper ul.is-style-4-columns li:last-child,
ul.is-style-2-columns li:last-child,
ul.is-style-3-columns li:last-child,
ul.is-style-4-columns li:last-child,
ol.is-style-2-columns li:last-child,
ol.is-style-3-columns li:last-child,
ol.is-style-4-columns li:last-child {
margin: 0;
}
.editor-styles-wrapper ul.is-style-single-line-height li,
ul.is-style-single-line-height li,
ol.is-style-single-line-height li {
margin-top: 0 !important;
}
.editor-styles-wrapper ul.is-style-no-indent,
ul.is-style-no-indent,
ol.is-style-no-indent {
padding-left: 0.9em;
}
.editor-styles-wrapper ul.is-style-no-bullets, .editor-styles-wrapper ul.is-style-inline-no-bullets,
ul.is-style-no-bullets,
ul.is-style-inline-no-bullets,
ol.is-style-no-bullets,
ol.is-style-inline-no-bullets {
list-style: none;
margin: 0;
padding: 0;
}
.editor-styles-wrapper ul.is-style-no-bullets li, .editor-styles-wrapper ul.is-style-inline-no-bullets li,
ul.is-style-no-bullets li,
ul.is-style-inline-no-bullets li,
ol.is-style-no-bullets li,
ol.is-style-inline-no-bullets li {
margin: 0 0 0.6em 0;
}
.editor-styles-wrapper ul.is-style-inline,
ul.is-style-inline,
ol.is-style-inline {
padding: 0;
list-style: disc;
}
.editor-styles-wrapper ul.is-style-inline li,
ul.is-style-inline li,
ol.is-style-inline li {
display: inline;
padding: 0 var(--wp--preset--spacing--40) 0 0;
}
.editor-styles-wrapper ul.is-style-numbered-big,
ul.is-style-numbered-big,
ol.is-style-numbered-big {
padding: 0;
margin: var(--wp--preset--font-size--70) 0;
position: relative;
list-style: none;
}
.editor-styles-wrapper ul.is-style-numbered-big li,
ul.is-style-numbered-big li,
ol.is-style-numbered-big li {
counter-increment: item;
z-index: 2;
position: relative;
margin: calc(var(--wp--preset--font-size--70) * 1.5) 0;
padding: 0 0 0 calc(var(--wp--preset--font-size--70) * 2);
}
.editor-styles-wrapper ul.is-style-numbered-big li::before,
ul.is-style-numbered-big li::before,
ol.is-style-numbered-big li::before {
content: counter(item);
font-family: var(--wp--preset--font-family--headings);
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--70);
display: inline-block;
width: 1.5em;
height: 1.5em;
line-height: 1.65em;
border-radius: 99em;
border: 2px solid var(--wp--preset--color--accent-1);
text-align: center;
color: var(--wp--preset--color--accent-1);
background-color: var(--wp--preset--color--white);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.editor-styles-wrapper ul.is-style-numbered-big:after,
ul.is-style-numbered-big:after,
ol.is-style-numbered-big:after {
display: block;
position: absolute;
content: " ";
z-index: 1;
width: 2px;
background-color: var(--wp--preset--color--accent-1);
height: calc(100% - var(--wp--preset--font-size--70) * 1);
top: calc(var(--wp--preset--font-size--70) * 0.5);
left: calc(var(--wp--preset--font-size--70) * 0.75 + 2px);
}
@counter-style empty-style {
system: extends decimal;
suffix: " ";
}
@media (min-width: 600px) {
.block-editor-block-list__layout.is-style-3-columns,
ul.is-style-3-columns,
ol.is-style-3-columns {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
-moz-column-gap: var(--wp--preset--spacing--50);
column-gap: var(--wp--preset--spacing--50);
}
.block-editor-block-list__layout.is-style-4-columns,
ul.is-style-4-columns,
ol.is-style-4-columns {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
-moz-column-gap: var(--wp--preset--spacing--50);
column-gap: var(--wp--preset--spacing--50);
}
}
@media (min-width: 960px) {
.block-editor-block-list__layout.is-style-2-columns,
ul.is-style-2-columns,
ol.is-style-2-columns {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
-moz-column-gap: var(--wp--preset--spacing--50);
column-gap: var(--wp--preset--spacing--50);
}
.block-editor-block-list__layout.is-style-3-columns,
ul.is-style-3-columns,
ol.is-style-3-columns {
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
-moz-column-gap: var(--wp--preset--spacing--50);
column-gap: var(--wp--preset--spacing--50);
}
.block-editor-block-list__layout.is-style-4-columns,
ul.is-style-4-columns,
ol.is-style-4-columns {
columns: 4;
-webkit-columns: 4;
-moz-columns: 4;
-moz-column-gap: var(--wp--preset--spacing--50);
column-gap: var(--wp--preset--spacing--50);
}
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
border: none;
background-color: var(--wp--preset--color--white);
box-shadow: var(--wp--preset--shadow--natural);
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
padding: 0 0.6em;
}
.wp-block-search input.wp-block-search__input {
width: clamp(7.5rem, 3.036rem + 11.905vw, 13.75rem);
}
.wp-block-site-logo {
position: relative;
z-index: 100;
}
.wp-block-site-logo img {
max-width: clamp(10rem, 7.321rem + 7.143vw, 13.75rem);
}
.wp-block-read-more {
position: relative;
border-radius: var(--wp--custom--border--radius-forms);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
}
.wp-block-read-more:hover {
opacity: 0.7;
}
.wp-block-read-more {
padding: calc(0.7rem - 2px) 1em;
position: relative;
border: 2px solid;
border-radius: 99em;
font-size: var(--wp--preset--font-size--20);
font-weight: var(--wp--custom--font-weight--bold);
}
.site-header {
position: relative;
width: 100%;
z-index: 998;
margin: 0;
padding: 0 var(--wp--preset--spacing--40);
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--secondary);
}
.site-header .site-header-content {
max-width: var(--wp--style--global--content-size);
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-content: stretch;
align-items: center;
gap: 0 max(2.5vw, 8px);
}
.site-header .site-header-content .site-logo,
.site-header .site-header-content .site-banner,
.site-header .site-header-content .site-menu-icon,
.site-header .site-header-content .site-navigationX,
.site-header .site-header-content .site-search,
.site-header .site-header-content .site-basket-icon {
order: 0;
flex: 0 1 auto;
align-self: auto;
}
.site-header .site-contacts {
margin-left: calc(-1 * var(--wp--preset--spacing--40)) !important;
margin-right: calc(-1 * var(--wp--preset--spacing--40)) !important;
width: unset;
}
@media (min-width: 960px) {
.site-header .site-header-content .site-search {
flex: 2 1 auto;
}
}
.menu-closed .site-header {
transition: all 0.2s ease 0.2s;
}
.site-header .site-header-content {
position: relative;
margin: 0 auto;
}
.site-header a {
color: var(--wp--preset--color--white);
text-decoration: none;
}
.site-header a:hover {
color: var(--wp--preset--color--secondary);
}
.site-logo {
line-height: 1;
padding: var(--wp--preset--spacing--20) 0;
}
.site-logo img {
max-width: clamp(12.5rem, 1.786rem + 28.571vw, 27.5rem);
}
.site-logo a {
display: block;
}
.site-logo a:hover {
opacity: 0.6;
}
.site-menu-icon {
cursor: pointer;
margin: 0;
position: relative;
margin: var(--wp--preset--spacing--30) 0;
}
.site-menu-icon .lines-button {
background: 0;
background-color: transparent !important;
border: 0;
cursor: pointer;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 0;
height: 32px;
}
.site-menu-icon .lines-button .lines {
transition: background 0.2s 0.2s ease;
height: 3px;
background: var(--wp--preset--color--white);
display: block;
position: relative;
transition: 0.2s;
-ms-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
width: 36px;
}
.site-menu-icon .lines-button .lines:before,
.site-menu-icon .lines-button .lines:after {
content: "";
display: block;
left: 0;
position: absolute;
width: 36px;
height: 3px;
background: var(--wp--preset--color--white);
transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transition: top 0.2s 0.2s ease, transform 0.2s ease;
-ms-transition: top 0.2s 0.2s ease, -ms-transform 0.2s ease;
-moz-transition: top 0.2s 0.2s ease, -moz-transform 0.2s ease;
-o-transition: top 0.2s 0.2s ease, -o-transform 0.2s ease;
-webkit-transition: top 0.2s 0.2s ease, -webkit-transform 0.2s ease;
}
.site-menu-icon .lines-button .lines:before {
top: 13px;
}
.site-menu-icon .lines-button .lines:after {
top: -13px;
}
.site-menu-icon.open .lines-button .lines {
background: transparent;
transition: background 0.2s 0 ease;
-ms-transition: background 0.2s 0 ease;
-moz-transition: background 0.2s 0 ease;
-o-transition: background 0.2s 0 ease;
-webkit-transition: background 0.2s 0 ease;
}
.site-menu-icon.open .lines-button .lines:before,
.site-menu-icon.open .lines-button .lines:after {
background: var(--wp--preset--color--white);
transition: top 0.2s ease, transform 0.2s 0.2s ease;
-ms-transition: top 0.2s ease, -ms-transform 0.2s 0.2s ease;
-moz-transition: top 0.2s ease, -moz-transform 0.2s 0.2s ease;
-o-transition: top 0.2s ease, -o-transform 0.2s 0.2s ease;
-webkit-transition: top 0.2s ease, -webkit-transform 0.2s 0.2s ease;
top: 0;
}
.site-menu-icon.open .lines-button .lines:before {
transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);
-o-transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform: rotate3d(0, 0, 1, 45deg);
}
.site-menu-icon.open .lines-button .lines:after {
transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
-o-transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform: rotate3d(0, 0, 1, -45deg);
}
.site-navigation {
display: none;
position: relative;
}
.site-navigation .site-main-menu a {
text-decoration: none;
color: var(--wp--preset--color--black);
}
@media (max-width: 959px) {
.site-navigation {
display: none;
position: relative;
background-color: var(--wp--preset--color--white);
margin-left: calc(-1 * var(--wp--preset--spacing--40)) !important;
margin-right: calc(-1 * var(--wp--preset--spacing--40)) !important;
width: unset;
padding-bottom: var(--wp--preset--spacing--80);
}
.site-navigation .site-main-menu {
font-size: var(--wp--preset--font-size--30);
text-align: left;
position: relative;
padding: 0;
list-style: none;
margin: 0;
display: flex;
flex-wrap: wrap;
transition: all 400ms;
}
.site-navigation .site-main-menu.submenu-on {
transform: translateX(-110vw);
}
.site-navigation .site-main-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.site-navigation .site-main-menu li {
flex: 0 1 100%;
margin: 0;
}
.site-navigation .site-main-menu li a {
display: inline-block;
width: 100%;
padding: var(--wp--preset--spacing--40);
border-bottom: 1px solid var(--wp--preset--color--neutral-1);
}
.site-navigation .site-main-menu li.menu-item-has-children > a:after {
content: "";
display: inline-block;
vertical-align: central;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.site-navigation .site-main-menu li .sub-menu li:last-child {
border: none;
}
.site-navigation .site-main-menu > li a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: stretch;
gap: 8px;
}
.site-navigation .site-main-menu li.close-sub a {
justify-content: flex-start;
}
.site-navigation .site-main-menu .current_page_item > a,
.site-navigation .site-main-menu .current-menu-item > a {
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
.site-navigation .site-main-menu .sub-menu {
background-color: var(--wp--preset--color--white);
position: absolute;
z-index: 2;
top: 0;
transition: all 400ms;
transform: translateX(110vw);
padding: 0;
width: 100vw;
}
.site-navigation .site-main-menu .close-sub a:before {
content: "";
display: inline-block;
vertical-align: central;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
transform: rotate(180deg);
}
.site-navigation .site-main-menu li.toggled-sub > .sub-menu {
z-index: 3;
transform: translateX(110vw);
}
.site-navigation .site-main-menu li.toggled-sub > .sub-menu.submenu-on {
transform: translateX(0);
}
.site-navigation .site-main-menu.submenu-on > li.menu-item-has-children:not(.toggled-sub) > .sub-menu,
.site-navigation .site-main-menu .submenu-on > li.menu-item-has-children:not(.toggled-sub) > .sub-menu {
transform: translateX(210vw);
}
}
.site-promo {
margin: var(--wp--preset--spacing--40) 0;
}
@media (min-width: 960px) {
.site-header .site-menu-icon {
display: none;
}
.site-navigation {
display: inline-block;
}
.site-navigation .site-main-menu {
font-size: var(--wp--preset--font-size--20);
background-color: var(--wp--preset--color--white);
box-shadow: var(--wp--preset--shadow--natural);
display: block;
margin: 0;
padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
border-radius: var(--wp--custom--border--radius);
overflow: hidden;
}
.site-navigation .site-main-menu .current-menu-item .wp-block-navigation-item__content {
background-color: var(--wp--preset--color--white);
color: var(--wp--preset--color--secondary);
}
.site-navigation .site-main-menu ul {
padding: 0;
display: inline-block;
top: 0;
border-top: none;
position: relative;
width: 100%;
}
.site-navigation .site-main-menu ul:not(.sub-menu) {
padding: 0;
}
.site-navigation .site-main-menu li {
display: block;
position: relative;
border: none;
margin: 0 0 0.6rem 0;
}
.site-navigation .site-main-menu li > ul > li {
border: 0;
}
.site-navigation .site-main-menu li > ul > li:first-child {
padding-top: 0;
}
.site-navigation .site-main-menu li a {
display: block;
padding: 0.5em 1em;
margin: 0;
position: relative;
width: auto;
border-radius: var(--wp--custom--border--radius);
}
.site-navigation .site-main-menu li a:hover {
background-color: var(--wp--preset--color--neutral-1);
opacity: 1;
}
.site-navigation .site-main-menu li.menu-item-has-children > a:after {
font-size: 0.8em;
transition: transform 0.2s ease-in-out;
content: "";
display: inline-block;
vertical-align: central;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.site-navigation .site-main-menu > li a {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
align-content: stretch;
gap: 8px;
}
.site-navigation .site-main-menu > ul li:last-child a {
border-bottom: none;
}
.site-navigation .site-main-menu .submenu-open > a {
background-color: var(--wp--preset--color--primary) !important;
color: var(--wp--preset--color--white) !important;
border-radius: var(--wp--custom--border--radius) var(--wp--custom--border--radius) 0 0;
}
.site-navigation .site-main-menu .submenu-open > a:after {
transform: rotate(90deg);
}
.site-navigation .site-main-menu {
/* Sub Sub menus */
}
.site-navigation .site-main-menu .sub-menu li.menu-item-has-children.submenu-open > ul {
padding: 0;
}
.site-navigation .site-main-menu .sub-menu li.menu-item-has-children.submenu-open > ul li {
margin: 0;
}
.site-navigation .site-main-menu .sub-menu {
margin: 0;
text-align: left;
display: none;
background-color: var(--wp--preset--color--neutral-1);
border-radius: 0 0 var(--wp--custom--border--radius) var(--wp--custom--border--radius);
padding: var(--wp--preset--spacing--20);
}
.site-navigation .site-main-menu .sub-menu li {
padding: 0;
width: 100%;
text-align: left;
border: 0;
display: block;
height: auto;
}
.site-navigation .site-main-menu .sub-menu li a {
padding: 0.5em 0.5em;
margin: 0;
color: var(--wp--preset--color--secondary);
display: inline-block;
white-space: normal;
width: 100%;
background-color: var(--wp--preset--color--neutral-1);
}
.site-navigation .site-main-menu .sub-menu li a:hover {
background-color: var(--wp--preset--color--white);
}
.site-navigation .site-main-menu .sub-menu .current_page_ancestor > a,
.site-navigation .site-main-menu .sub-menu .current-menu-ancestor > a .current_page_item > a,
.site-navigation .site-main-menu .sub-menu .current-menu-item > a {
color: var(--wp--preset--color--primary);
text-decoration-line: underline;
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
}
@media (max-width: 959px) {
.site-header-content .site-search {
border: none;
padding: 0;
vertical-align: middle;
position: relative;
display: inline-block;
width: 30px;
height: 30px;
order: unset;
}
.site-header-content .searchform {
padding: 0;
position: absolute;
z-index: 999;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.site-header-content .searchform label {
margin: 0;
}
.site-header-content .searchform input[type=submit] {
display: none;
}
.site-header-content .searchform #s {
font-size: var(--wp--preset--font-size--20);
background-color: transparent;
border-radius: var(--wp--custom--border--radius-forms);
background-image: url('data:image/svg+xml;utf8,');
background-position: center center;
background-repeat: no-repeat;
background-size: 30px 30px;
border: none;
cursor: pointer;
margin: 0;
position: relative;
transition: all 300ms ease, background 300ms ease;
width: 0;
height: 40px;
left: 0px;
}
.site-header-content .searchform #s:focus {
background-color: var(--wp--preset--color--secondary);
border: 1px solid var(--wp--preset--color--white);
color: var(--wp--preset--color--white);
cursor: text;
outline: 0;
padding: 0.5em 0.5em 0.5em 36px;
width: 240px;
left: -215px;
background-position: 10px center;
background-size: 18px 18px;
}
}
@media (min-width: 960px) {
.searchform {
text-align: left;
}
.searchform #s {
font-size: var(--wp--preset--font-size--20);
font-weight: var(--wp--custom--font-weight--bold);
border: none;
width: calc(100% - 2.5em);
float: left;
padding: 0.6rem 1em;
color: var(--wp--preset--color--primary);
border-radius: var(--wp--custom--border--radius-forms) 0 0 var(--wp--custom--border--radius-forms);
}
.searchform #searchsubmit {
text-indent: -9999px;
float: left;
width: 1em;
padding: 0.6rem 1.2em;
font-size: var(--wp--preset--font-size--20);
font-weight: var(--wp--custom--font-weight--regular);
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--background);
border: none;
cursor: pointer;
text-align: center;
border-radius: 0 var(--wp--custom--border--radius-forms) var(--wp--custom--border--radius-forms) 0;
position: relative;
transition: all 300ms ease, background 300ms ease;
background-image: url('data:image/svg+xml;utf8,');
background-position: center center;
background-repeat: no-repeat;
background-size: 1em 1em;
}
}
@media (max-width: 391px) {
.site-header-content .site-search {
display: none;
}
}
.header-icon {
position: relative;
text-align: center;
display: block;
}
.header-icon .label {
display: block;
margin-top: 4px;
font-size: var(--wp--preset--font-size--10);
}
.header-icon a {
color: var(--wp--preset--color--white);
}
.header-icon a:before {
width: 30px;
height: 30px;
margin: 0 auto;
}
.header-icon a:hover {
color: var(--wp--preset--color--primary);
}
.header-icon a:hover:before {
background-color: var(--wp--preset--color--primary);
}
.header-icon.menu-item-has-children:hover > .sub-menu, .header-icon.menu-item-has-children:focus-within > .sub-menu {
height: auto;
min-width: 18ch;
opacity: 1;
overflow: visible;
visibility: visible;
width: auto;
}
.header-icon.menu-item-has-children:hover > a, .header-icon.menu-item-has-children:focus-within > a {
color: var(--wp--preset--color--primary);
}
.header-icon.menu-item-has-children:hover > a:before, .header-icon.menu-item-has-children:focus-within > a:before {
background-color: var(--wp--preset--color--primary);
}
.header-icon .sub-menu {
margin: 0;
position: absolute;
top: calc(100% - 6px);
z-index: 99999;
padding: 12px 0 0 0;
text-align: left;
text-transform: none;
right: -1ch;
opacity: 0;
transition: opacity 0.1s linear;
visibility: hidden;
width: 0;
height: 0;
overflow: hidden;
}
.header-icon .sub-menu:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: "";
border-style: solid;
transition-duration: 0.3s;
transition-property: top;
right: 30px;
top: 6px;
border-width: 0 6px 6px 6px;
border-color: transparent transparent var(--wp--preset--color--neutral-4) transparent;
}
.header-icon .sub-menu li {
padding: 0;
width: 100%;
text-align: left;
border: 0;
display: block;
height: auto;
}
.header-icon .sub-menu li:first-child a {
padding-top: 1.25em;
border: none;
}
.header-icon .sub-menu li:last-child a {
padding-bottom: 1.25em;
}
.header-icon .sub-menu li a {
padding: 0.6em 1em;
margin: 0;
color: var(--wp--preset--color--white);
display: inline-block;
white-space: normal;
width: 100%;
background-color: var(--wp--preset--color--neutral-4);
}
.header-icon .sub-menu li a:hover {
text-decoration: underline;
}
.header-icon .sub-menu .current_page_item > a,
.header-icon .sub-menu .current-menu-item > a {
text-decoration: underline;
}
.header-icon .basket-icon-link {
position: relative;
display: inline-block;
padding: 0;
text-align: center;
vertical-align: middle;
}
.header-icon .basket-icon-link:before {
width: 30px;
height: 30px;
margin: 0 auto;
}
.header-icon .basket-icon-link .count-num {
font-weight: var(--wp--custom--font-weight--regular);
font-size: 13px;
position: absolute;
top: 0.2em;
right: 0.2em;
margin: 0 auto;
color: var(--wp--preset--color--white);
background-color: #e20000;
height: 1.5em;
width: 1.5em;
border-radius: 50%;
text-align: center;
line-height: 1.5;
}
body .is-layout-flow > * + * {
margin-block-start: var(--wp--preset--spacing--30);
}
/*
* WP 6.1 or Gutenberg 14.1 required
* Alignment styles.
* These rules are temporary, and should not be relied on or
* modified too heavily by themes or plugins that build on
* Twenty Twenty-Two. These are meant to be a precursor to
* a global solution provided by the Block Editor.
*
* Relevant issues:
* https://github.com/WordPress/gutenberg/issues/35607
* https://github.com/WordPress/gutenberg/issues/35884
*/
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align=full] > .wp-block-group,
.is-root-container .wp-block[data-align=full] > .wp-block-cover {
padding-left: var(--wp--preset--spacing--40);
padding-right: var(--wp--preset--spacing--40);
}
/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align=full],
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align=full] > *:not(.wp-block-group) .wp-block[data-align=full] {
margin-left: auto !important;
margin-right: auto !important;
width: inherit;
}
.wp-site-blocks {
position: relative;
margin: 0 auto;
overflow: hidden;
height: 100%;
}
.site-main {
min-height: 360px;
height: 100%;
}
.site-column-content {
width: 100%;
}
.page-content {
height: 100%;
padding: 0;
}
@media (min-width: 960px) {
#site {
background-color: var(--wp--preset--color--neutral-1);
}
.page-content {
padding: var(--wp--preset--spacing--40);
border-radius: var(--wp--custom--border--radius);
box-shadow: var(--wp--preset--shadow--natural);
background-color: var(--wp--preset--color--white);
}
.site-columns {
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: var(--wp--preset--spacing--40);
padding: var(--wp--preset--spacing--40) 0;
}
.site-column-menu {
height: 100%;
flex-basis: 280px;
}
.site-column-menu .site-navigation {
height: 100%;
}
.site-column-content {
flex-basis: calc(100% - 280px);
padding: 0 0 var(--wp--preset--spacing--40) 0;
}
}
footer {
margin-block-start: 0 !important;
}
footer a {
text-decoration: none;
}
.wp-block-navigation a,
.site-logo svg,
.wp-block-sscouk-link-tile,
.post-tile-image img, .link-tile-image img {
transition: all 0.3s ease, color 0.3s ease;
}
.is-full-height {
min-height: 90vh !important;
}
@media (max-width: 599px) {
.hide-on-small,
.hide-on-mobiles {
display: none !important;
}
}
@media (min-width: 600px) and (max-width: 959px) {
.hide-on-medium,
.hide-on-tablets {
display: none !important;
}
}
@media (min-width: 782px) {
.hide-on-large,
.hide-on-desktop {
display: none !important;
}
}
.long-url,
.sidebar-footer a {
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
hyphens: auto;
}
.has-10-opacity {
opacity: 0.1 !important;
}
.has-20-opacity {
opacity: 0.2 !important;
}
.has-30-opacity {
opacity: 0.3 !important;
}
.has-40-opacity {
opacity: 0.4 !important;
}
.has-50-opacity {
opacity: 0.5 !important;
}
.has-60-opacity {
opacity: 0.6 !important;
}
.has-70-opacity {
opacity: 0.7 !important;
}
.has-80-opacity {
opacity: 0.8 !important;
}
.has-90-opacity {
opacity: 0.9 !important;
}
.overlay,
[class*=overlay-] {
position: relative;
z-index: 10;
}
.overlay-top-10 {
margin-top: calc(10px * -1) !important;
}
.overlay-right-10 {
margin-right: calc(10px * -1) !important;
}
.overlay-bottom-10 {
margin-bottom: calc(10px * -1) !important;
}
.overlay-left-10 {
margin-left: calc(10px * -1) !important;
}
.overlay-top-20 {
margin-top: calc(20px * -1) !important;
}
.overlay-right-20 {
margin-right: calc(20px * -1) !important;
}
.overlay-bottom-20 {
margin-bottom: calc(20px * -1) !important;
}
.overlay-left-20 {
margin-left: calc(20px * -1) !important;
}
.overlay-top-30 {
margin-top: calc(30px * -1) !important;
}
.overlay-right-30 {
margin-right: calc(30px * -1) !important;
}
.overlay-bottom-30 {
margin-bottom: calc(30px * -1) !important;
}
.overlay-left-30 {
margin-left: calc(30px * -1) !important;
}
.overlay-top-40 {
margin-top: calc(40px * -1) !important;
}
.overlay-right-40 {
margin-right: calc(40px * -1) !important;
}
.overlay-bottom-40 {
margin-bottom: calc(40px * -1) !important;
}
.overlay-left-40 {
margin-left: calc(40px * -1) !important;
}
.overlay-top-50 {
margin-top: calc(50px * -1) !important;
}
.overlay-right-50 {
margin-right: calc(50px * -1) !important;
}
.overlay-bottom-50 {
margin-bottom: calc(50px * -1) !important;
}
.overlay-left-50 {
margin-left: calc(50px * -1) !important;
}
.overlay-top-60 {
margin-top: calc(60px * -1) !important;
}
.overlay-right-60 {
margin-right: calc(60px * -1) !important;
}
.overlay-bottom-60 {
margin-bottom: calc(60px * -1) !important;
}
.overlay-left-60 {
margin-left: calc(60px * -1) !important;
}
.overlay-top-70 {
margin-top: calc(70px * -1) !important;
}
.overlay-right-70 {
margin-right: calc(70px * -1) !important;
}
.overlay-bottom-70 {
margin-bottom: calc(70px * -1) !important;
}
.overlay-left-70 {
margin-left: calc(70px * -1) !important;
}
.overlay-top-80 {
margin-top: calc(80px * -1) !important;
}
.overlay-right-80 {
margin-right: calc(80px * -1) !important;
}
.overlay-bottom-80 {
margin-bottom: calc(80px * -1) !important;
}
.overlay-left-80 {
margin-left: calc(80px * -1) !important;
}
.overlay-top-90 {
margin-top: calc(90px * -1) !important;
}
.overlay-right-90 {
margin-right: calc(90px * -1) !important;
}
.overlay-bottom-90 {
margin-bottom: calc(90px * -1) !important;
}
.overlay-left-90 {
margin-left: calc(90px * -1) !important;
}
.overlay-top-100 {
margin-top: calc(100px * -1) !important;
}
.overlay-right-100 {
margin-right: calc(100px * -1) !important;
}
.overlay-bottom-100 {
margin-bottom: calc(100px * -1) !important;
}
.overlay-left-100 {
margin-left: calc(100px * -1) !important;
}
.overlay-top-110 {
margin-top: calc(110px * -1) !important;
}
.overlay-right-110 {
margin-right: calc(110px * -1) !important;
}
.overlay-bottom-110 {
margin-bottom: calc(110px * -1) !important;
}
.overlay-left-110 {
margin-left: calc(110px * -1) !important;
}
.overlay-top-120 {
margin-top: calc(120px * -1) !important;
}
.overlay-right-120 {
margin-right: calc(120px * -1) !important;
}
.overlay-bottom-120 {
margin-bottom: calc(120px * -1) !important;
}
.overlay-left-120 {
margin-left: calc(120px * -1) !important;
}
.overlay-top-130 {
margin-top: calc(130px * -1) !important;
}
.overlay-right-130 {
margin-right: calc(130px * -1) !important;
}
.overlay-bottom-130 {
margin-bottom: calc(130px * -1) !important;
}
.overlay-left-130 {
margin-left: calc(130px * -1) !important;
}
.overlay-top-140 {
margin-top: calc(140px * -1) !important;
}
.overlay-right-140 {
margin-right: calc(140px * -1) !important;
}
.overlay-bottom-140 {
margin-bottom: calc(140px * -1) !important;
}
.overlay-left-140 {
margin-left: calc(140px * -1) !important;
}
.overlay-top-150 {
margin-top: calc(150px * -1) !important;
}
.overlay-right-150 {
margin-right: calc(150px * -1) !important;
}
.overlay-bottom-150 {
margin-bottom: calc(150px * -1) !important;
}
.overlay-left-150 {
margin-left: calc(150px * -1) !important;
}
.overlay-top-160 {
margin-top: calc(160px * -1) !important;
}
.overlay-right-160 {
margin-right: calc(160px * -1) !important;
}
.overlay-bottom-160 {
margin-bottom: calc(160px * -1) !important;
}
.overlay-left-160 {
margin-left: calc(160px * -1) !important;
}
.overlay-top-170 {
margin-top: calc(170px * -1) !important;
}
.overlay-right-170 {
margin-right: calc(170px * -1) !important;
}
.overlay-bottom-170 {
margin-bottom: calc(170px * -1) !important;
}
.overlay-left-170 {
margin-left: calc(170px * -1) !important;
}
.overlay-top-180 {
margin-top: calc(180px * -1) !important;
}
.overlay-right-180 {
margin-right: calc(180px * -1) !important;
}
.overlay-bottom-180 {
margin-bottom: calc(180px * -1) !important;
}
.overlay-left-180 {
margin-left: calc(180px * -1) !important;
}
.overlay-top-190 {
margin-top: calc(190px * -1) !important;
}
.overlay-right-190 {
margin-right: calc(190px * -1) !important;
}
.overlay-bottom-190 {
margin-bottom: calc(190px * -1) !important;
}
.overlay-left-190 {
margin-left: calc(190px * -1) !important;
}
.overlay-top-200 {
margin-top: calc(200px * -1) !important;
}
.overlay-right-200 {
margin-right: calc(200px * -1) !important;
}
.overlay-bottom-200 {
margin-bottom: calc(200px * -1) !important;
}
.overlay-left-200 {
margin-left: calc(200px * -1) !important;
}
.overlay-top-210 {
margin-top: calc(210px * -1) !important;
}
.overlay-right-210 {
margin-right: calc(210px * -1) !important;
}
.overlay-bottom-210 {
margin-bottom: calc(210px * -1) !important;
}
.overlay-left-210 {
margin-left: calc(210px * -1) !important;
}
.overlay-top-220 {
margin-top: calc(220px * -1) !important;
}
.overlay-right-220 {
margin-right: calc(220px * -1) !important;
}
.overlay-bottom-220 {
margin-bottom: calc(220px * -1) !important;
}
.overlay-left-220 {
margin-left: calc(220px * -1) !important;
}
.overlay-top-230 {
margin-top: calc(230px * -1) !important;
}
.overlay-right-230 {
margin-right: calc(230px * -1) !important;
}
.overlay-bottom-230 {
margin-bottom: calc(230px * -1) !important;
}
.overlay-left-230 {
margin-left: calc(230px * -1) !important;
}
.overlay-top-240 {
margin-top: calc(240px * -1) !important;
}
.overlay-right-240 {
margin-right: calc(240px * -1) !important;
}
.overlay-bottom-240 {
margin-bottom: calc(240px * -1) !important;
}
.overlay-left-240 {
margin-left: calc(240px * -1) !important;
}
.overlay-top-250 {
margin-top: calc(250px * -1) !important;
}
.overlay-right-250 {
margin-right: calc(250px * -1) !important;
}
.overlay-bottom-250 {
margin-bottom: calc(250px * -1) !important;
}
.overlay-left-250 {
margin-left: calc(250px * -1) !important;
}
.overlay-top-260 {
margin-top: calc(260px * -1) !important;
}
.overlay-right-260 {
margin-right: calc(260px * -1) !important;
}
.overlay-bottom-260 {
margin-bottom: calc(260px * -1) !important;
}
.overlay-left-260 {
margin-left: calc(260px * -1) !important;
}
.overlay-top-270 {
margin-top: calc(270px * -1) !important;
}
.overlay-right-270 {
margin-right: calc(270px * -1) !important;
}
.overlay-bottom-270 {
margin-bottom: calc(270px * -1) !important;
}
.overlay-left-270 {
margin-left: calc(270px * -1) !important;
}
.overlay-top-280 {
margin-top: calc(280px * -1) !important;
}
.overlay-right-280 {
margin-right: calc(280px * -1) !important;
}
.overlay-bottom-280 {
margin-bottom: calc(280px * -1) !important;
}
.overlay-left-280 {
margin-left: calc(280px * -1) !important;
}
.overlay-top-290 {
margin-top: calc(290px * -1) !important;
}
.overlay-right-290 {
margin-right: calc(290px * -1) !important;
}
.overlay-bottom-290 {
margin-bottom: calc(290px * -1) !important;
}
.overlay-left-290 {
margin-left: calc(290px * -1) !important;
}
.overlay-top-300 {
margin-top: calc(300px * -1) !important;
}
.overlay-right-300 {
margin-right: calc(300px * -1) !important;
}
.overlay-bottom-300 {
margin-bottom: calc(300px * -1) !important;
}
.overlay-left-300 {
margin-left: calc(300px * -1) !important;
}
.overlay-top-310 {
margin-top: calc(310px * -1) !important;
}
.overlay-right-310 {
margin-right: calc(310px * -1) !important;
}
.overlay-bottom-310 {
margin-bottom: calc(310px * -1) !important;
}
.overlay-left-310 {
margin-left: calc(310px * -1) !important;
}
.overlay-top-320 {
margin-top: calc(320px * -1) !important;
}
.overlay-right-320 {
margin-right: calc(320px * -1) !important;
}
.overlay-bottom-320 {
margin-bottom: calc(320px * -1) !important;
}
.overlay-left-320 {
margin-left: calc(320px * -1) !important;
}
.overlay-top-330 {
margin-top: calc(330px * -1) !important;
}
.overlay-right-330 {
margin-right: calc(330px * -1) !important;
}
.overlay-bottom-330 {
margin-bottom: calc(330px * -1) !important;
}
.overlay-left-330 {
margin-left: calc(330px * -1) !important;
}
.overlay-top-340 {
margin-top: calc(340px * -1) !important;
}
.overlay-right-340 {
margin-right: calc(340px * -1) !important;
}
.overlay-bottom-340 {
margin-bottom: calc(340px * -1) !important;
}
.overlay-left-340 {
margin-left: calc(340px * -1) !important;
}
.overlay-top-350 {
margin-top: calc(350px * -1) !important;
}
.overlay-right-350 {
margin-right: calc(350px * -1) !important;
}
.overlay-bottom-350 {
margin-bottom: calc(350px * -1) !important;
}
.overlay-left-350 {
margin-left: calc(350px * -1) !important;
}
.overlay-top-360 {
margin-top: calc(360px * -1) !important;
}
.overlay-right-360 {
margin-right: calc(360px * -1) !important;
}
.overlay-bottom-360 {
margin-bottom: calc(360px * -1) !important;
}
.overlay-left-360 {
margin-left: calc(360px * -1) !important;
}
.overlay-top-370 {
margin-top: calc(370px * -1) !important;
}
.overlay-right-370 {
margin-right: calc(370px * -1) !important;
}
.overlay-bottom-370 {
margin-bottom: calc(370px * -1) !important;
}
.overlay-left-370 {
margin-left: calc(370px * -1) !important;
}
.overlay-top-380 {
margin-top: calc(380px * -1) !important;
}
.overlay-right-380 {
margin-right: calc(380px * -1) !important;
}
.overlay-bottom-380 {
margin-bottom: calc(380px * -1) !important;
}
.overlay-left-380 {
margin-left: calc(380px * -1) !important;
}
.overlay-top-390 {
margin-top: calc(390px * -1) !important;
}
.overlay-right-390 {
margin-right: calc(390px * -1) !important;
}
.overlay-bottom-390 {
margin-bottom: calc(390px * -1) !important;
}
.overlay-left-390 {
margin-left: calc(390px * -1) !important;
}
.overlay-top-400 {
margin-top: calc(400px * -1) !important;
}
.overlay-right-400 {
margin-right: calc(400px * -1) !important;
}
.overlay-bottom-400 {
margin-bottom: calc(400px * -1) !important;
}
.overlay-left-400 {
margin-left: calc(400px * -1) !important;
}
.overlay-top-410 {
margin-top: calc(410px * -1) !important;
}
.overlay-right-410 {
margin-right: calc(410px * -1) !important;
}
.overlay-bottom-410 {
margin-bottom: calc(410px * -1) !important;
}
.overlay-left-410 {
margin-left: calc(410px * -1) !important;
}
.overlay-top-420 {
margin-top: calc(420px * -1) !important;
}
.overlay-right-420 {
margin-right: calc(420px * -1) !important;
}
.overlay-bottom-420 {
margin-bottom: calc(420px * -1) !important;
}
.overlay-left-420 {
margin-left: calc(420px * -1) !important;
}
.overlay-top-430 {
margin-top: calc(430px * -1) !important;
}
.overlay-right-430 {
margin-right: calc(430px * -1) !important;
}
.overlay-bottom-430 {
margin-bottom: calc(430px * -1) !important;
}
.overlay-left-430 {
margin-left: calc(430px * -1) !important;
}
.overlay-top-440 {
margin-top: calc(440px * -1) !important;
}
.overlay-right-440 {
margin-right: calc(440px * -1) !important;
}
.overlay-bottom-440 {
margin-bottom: calc(440px * -1) !important;
}
.overlay-left-440 {
margin-left: calc(440px * -1) !important;
}
.overlay-top-450 {
margin-top: calc(450px * -1) !important;
}
.overlay-right-450 {
margin-right: calc(450px * -1) !important;
}
.overlay-bottom-450 {
margin-bottom: calc(450px * -1) !important;
}
.overlay-left-450 {
margin-left: calc(450px * -1) !important;
}
.overlay-top-460 {
margin-top: calc(460px * -1) !important;
}
.overlay-right-460 {
margin-right: calc(460px * -1) !important;
}
.overlay-bottom-460 {
margin-bottom: calc(460px * -1) !important;
}
.overlay-left-460 {
margin-left: calc(460px * -1) !important;
}
.overlay-top-470 {
margin-top: calc(470px * -1) !important;
}
.overlay-right-470 {
margin-right: calc(470px * -1) !important;
}
.overlay-bottom-470 {
margin-bottom: calc(470px * -1) !important;
}
.overlay-left-470 {
margin-left: calc(470px * -1) !important;
}
.overlay-top-480 {
margin-top: calc(480px * -1) !important;
}
.overlay-right-480 {
margin-right: calc(480px * -1) !important;
}
.overlay-bottom-480 {
margin-bottom: calc(480px * -1) !important;
}
.overlay-left-480 {
margin-left: calc(480px * -1) !important;
}
.overlay-top-490 {
margin-top: calc(490px * -1) !important;
}
.overlay-right-490 {
margin-right: calc(490px * -1) !important;
}
.overlay-bottom-490 {
margin-bottom: calc(490px * -1) !important;
}
.overlay-left-490 {
margin-left: calc(490px * -1) !important;
}
.overlay-top-500 {
margin-top: calc(500px * -1) !important;
}
.overlay-right-500 {
margin-right: calc(500px * -1) !important;
}
.overlay-bottom-500 {
margin-bottom: calc(500px * -1) !important;
}
.overlay-left-500 {
margin-left: calc(500px * -1) !important;
}
.site-social-media {
padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40);
text-align: center;
background-color: var(--wp--preset--color--accent-1);
}
.site-social-media ul.social-media-menu {
font-size: var(--wp--preset--font-size--30);
margin: 0;
list-style: none;
margin: 0;
padding: 0;
}
.site-social-media ul.social-media-menu .icon-link-txt {
display: none;
}
.site-social-media ul.social-media-menu li {
display: inline;
margin: 0 0.5rem;
}
.site-social-media ul.social-media-menu a {
display: inline-block;
color: var(--wp--preset--color--accent-1);
}
.site-social-media ul.social-media-menu a:hover {
color: var(--wp--preset--color--accent-2);
}
.site-social-media .fa-round {
font-size: var(--wp--preset--font-size--60);
color: var(--wp--preset--color--white);
background: var(--wp--preset--color--accent-2);
}
.social-share ul {
list-style: none;
margin: 0;
padding: 0;
}
.social-share [class^=icon-], .social-share [class*=" icon-"] {
font-size: var(--wp--preset--font-size--50);
margin-right: 0.3em;
}
.wp-container-share {
display: flex;
gap: var(--wp--preset--spacing--40);
flex-wrap: wrap;
align-items: center;
}
.wp-container-share .wpulike .wp_ulike_general_class button {
border: 1px solid var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--accent-2);
}
.wp-container-share .wpulike .wp_ulike_general_class button:hover {
border-color: var(--wp--preset--color--accent-2);
}
.wp-container-share .wpulike .wp_ulike_general_class button:hover .icon-heart {
color: var(--wp--preset--color--accent-1);
}
.wp-container-share .wpulike .wp_ulike_general_class button .icon-heart {
color: var(--wp--preset--color--accent-2);
margin-left: 0.3em;
}
.wp-container-share .wpulike .wp_ulike_general_class .count-box {
display: none;
}
.wp-container-share .wpulike .wp_ulike_general_class.wp_ulike_is_liked button .icon-heart {
color: var(--wp--preset--color--accent-2);
}
.wp-container-share .wpulike .wp_ulike_general_class.wp_ulike_is_liked button:hover .icon-heart {
color: var(--wp--preset--color--accent-1);
}
.wp-container-share .social-share-button {
position: relative;
}
.wp-container-share .social-share-button .wp-block-button__link.active {
background-color: var(--wp--preset--color--accent-2) !important;
border-color: var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--accent-1);
}
.wp-container-share .social-share-button .social-share {
display: none;
margin: 0;
position: absolute;
z-index: 99999;
padding: 1.5em 0.75em 1em 0.75em;
text-align: left;
width: 100%;
text-transform: none;
bottom: 0;
left: 50%;
transform: translateX(-50%) translateY(100%);
background-color: var(--wp--preset--color--accent-2);
}
.wp-container-share .social-share-button .social-share a {
color: var(--wp--preset--color--accent-1);
}
.wp-container-share .social-share-button .social-share [class^=icon-], .wp-container-share .social-share-button .social-share [class*=" icon-"] {
font-size: 110%;
margin-left: 0.2em;
}
.fluentform .ff-el-group {
margin-bottom: 1.8rem;
}
.fluentform button,
.fluentform input[type=button],
.fluentform input[type=reset],
.fluentform input[type=submit],
.fluentform button[type=button],
.fluentform button[type=reset],
.fluentform button[type=submit] {
border-radius: var(--wp--custom--border--radius);
}
.fluentform .ff-btn-submit {
background-color: var(--wp--preset--color--primary) !important;
}
.fluentform .ff-message-success {
border: none;
box-shadow: none;
margin-top: 10px;
}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label > span {
font-size: var(--wp--preset--font-size--20);
font-weight: var(--wp--custom--font-weight--bold);
padding: 0.75rem;
}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span {
background-color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white) !important;
}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label > span:hover {
color: var(--wp--preset--color--primary);
}
@media (min-width: 600px) {
.fluentform .ff-el-group.ff_list_inline .ff-el-form-check {
margin-bottom: 0;
}
}
.wp-block-slingshot-showmore .wp-block-slingshot-showmore__button a {
text-decoration: none;
}
.wp-block-slingshot-post-terms .slingshot-post-term {
background-color: var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--white);
padding: var(--wp--preset--spacing--20);
}
.wp-block-slingshot-post-terms .slingshot-post-term.goal-1 {
background-color: var(--wp--preset--color--accent-5);
}
.wp-block-slingshot-post-terms .slingshot-post-term.goal-2 {
background-color: var(--wp--preset--color--accent-6);
}
.wp-block-slingshot-post-terms .slingshot-post-term.goal-3 {
background-color: var(--wp--preset--color--accent-7);
}
.wp-block-slingshot-post-terms .slingshot-post-term.goal-4 {
background-color: var(--wp--preset--color--accent-8);
}
.wp-block-slingshot-post-terms .slingshot-post-term.goal-5 {
background-color: var(--wp--preset--color--accent-9);
}
.wp-block-slingshot-post-terms .slingshot-post-term.goal-6 {
background-color: var(--wp--preset--color--accent-10);
}
/* Slingshot Tiered Pricing for Woocommerce
------------------------------------------------------------ */
.tiered-prices-table {
border-radius: var(--wp--custom--border--radius);
border-color: var(--wp--preset--color--neutral-3);
border-style: solid;
border-width: 1px 0 0 1px !important;
width: 100%;
margin-bottom: var(--wp--preset--spacing--50);
border-collapse: separate;
border-spacing: 0;
}
.tiered-prices-table th {
color: var(--wp--preset--color--primary);
}
.tiered-prices-table th,
.tiered-prices-table td {
border: 1px solid var(--wp--preset--color--neutral-3);
border-width: 0 1px 1px 0;
padding: 0.5rem 0.85rem !important;
}
.tiered-prices-table thead tr:first-child th {
border-radius: 0 var(--wp--custom--border--radius) 0 0;
}
.tiered-prices-table tbody tr:last-child td:first-child {
border-radius: 0 0 0 var(--wp--custom--border--radius);
}
.tiered-prices-table tbody tr:last-child td:last-child {
border-radius: 0 0 var(--wp--custom--border--radius) 0;
}
.tiered-prices-table .is-active td {
background-color: #e0f4e7;
}
.woocommerce div.product:before,
.woocommerce div.product:after,
.related.products:before,
.related.products:after,
.sswoo-filters .options:before,
.sswoo-filters .options:after {
content: "";
display: table;
}
.woocommerce div.product:after,
.related.products:after,
.sswoo-filters .options:after {
clear: both;
}
.menu-item-basket,
.woocommerce div.product div.images .flex-control-thumbs,
.woocommerce-shop .sswoo-title-price {
box-sizing: border-box;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
border: 1px solid var(--wp--preset--color--primary);
}
woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
color: var(--wp--preset--color--white);
}
woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover {
color: var(--wp--preset--color--neutral-4);
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
padding: 10px 20px;
border-radius: var(--wp--custom--border--radius);
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
}
.woocommerce .woocommerce-message a.button:hover {
background-color: var(--wp--preset--color--white);
color: var(--wp--preset--color--primary);
}
.woocommerce .woocommerce-orders-table__cell-order-actions a.button {
background-color: transparent;
}
.woocommerce .woocommerce-orders-table__cell-order-actions a.button:hover {
color: var(--wp--preset--color--primary);
text-decoration: none;
}
.woocommerce ul.products li.product strong,
.woocommerce div.quantity {
display: inline;
}
/* CTA buttons */
.woocommerce ul.products li.product a.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
margin: 0;
font-weight: var(--wp--custom--font-weight--semibold);
padding: 10px 20px;
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: var(--wp--preset--color--neutral-3);
color: var(--wp--preset--color--white);
}
.woocommerce-page table.cart td.actions .button {
margin-top: 1em;
margin-bottom: 1em;
}
.woocommerce ul.products li.product > form {
text-align: center;
}
.woocommerce .single_add_to_cart_button:before,
.woocommerce a.button.checkout-button:before {
content: "";
display: inline-block;
vertical-align: central;
width: 1em;
height: 1em;
margin-right: 0.4em;
background-color: currentColor;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.woocommerce #place_order:before {
content: "";
display: inline-block;
vertical-align: central;
width: 1em;
height: 1em;
margin-right: 0.4em;
background-color: currentColor;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
border-top: none;
border-radius: var(--wp--custom--border--radius);
}
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
text-decoration: underline;
}
.woocommerce-info {
background-color: var(--wp--preset--color--neutral-1);
border: 1px solid var(--wp--preset--color--primary);
}
.woocommerce-info a, .woocommerce-info:before {
color: var(--wp--preset--color--primary);
}
.woocommerce-error {
color: var(--wp--preset--color--white);
background-color: #BF121A;
}
.woocommerce-error a, .woocommerce-error:before {
color: var(--wp--preset--color--white);
}
.woocommerce-message {
background-color: var(--wp--preset--color--neutral-1);
border: 1px solid var(--wp--preset--color--primary);
}
.woocommerce-message a, .woocommerce-message:before {
color: var(--wp--preset--color--primary);
}
.woocommerce .wc-block-components-notice-banner {
color: var(--wp--preset--color--white);
margin-bottom: var(--wp--preset--spacing--50);
}
.woocommerce .wc-block-components-notice-banner.is-success, .woocommerce .wc-block-components-notice-banner.is-error, .woocommerce .wc-block-components-notice-banner.is-info {
background-color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
}
.woocommerce .wc-block-components-notice-banner.is-success > svg, .woocommerce .wc-block-components-notice-banner.is-error > svg, .woocommerce .wc-block-components-notice-banner.is-info > svg {
background-color: var(--wp--preset--color--black);
}
.woocommerce .wc-block-components-notice-banner a {
color: var(--wp--preset--color--white) !important;
}
.woocommerce-cart-totals .woocommerce-notice.woocommerce-thankyou-order-received {
background-color: var(--wp--preset--color--primary);
border-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
margin: var(--wp--preset--spacing--50) 0;
padding: 16px !important;
border-radius: 4px;
}
#site-content .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
color: var(--wp--preset--color--white) !important;
opacity: 1 !important;
}
.woocommerce span.onsale {
height: auto;
min-height: 1em;
width: auto;
padding: 0.6em 1em;
font-weight: var(--wp--custom--font-weight--bold);
position: absolute;
text-align: center;
line-height: 1;
top: 4px;
left: 4px;
margin: 0;
border-radius: var(--wp--custom--border--radius-forms);
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
font-size: var(--wp--preset--font-size--20);
z-index: 9;
}
.woocommerce ul.products li.product .onsale {
margin: 0;
top: 4px;
right: 4px;
}
/* we remove first & last classes from woo
when filtering so add them back a different way */
.woocommerce .products ul,
.woocommerce ul.products {
margin: var(--wp--preset--spacing--50) 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(min(12rem, 100%), (100% - clamp(0.625rem, 0.366rem + 1.105vw, 1.25rem) * 3) / 4), 1fr));
container-type: inline-size;
gap: 4px;
}
.woocommerce .products ul:before,
.woocommerce ul.products:before {
content: unset !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: unset !important;
float: unset !important;
margin: 0 !important;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: stretch;
align-content: stretch;
gap: var(--wp--preset--spacing--20);
position: relative;
padding: var(--wp--preset--spacing--20);
border-radius: var(--wp--custom--border--radius);
background-color: var(--wp--preset--color--neutral-1);
border: 1px solid var(--wp--preset--color--neutral-1);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
font-size: var(--wp--preset--font-size--20);
font-weight: var(--wp--custom--font-weight--regular);
line-height: 1.2;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .wp-block-buttons,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .wp-block-buttons {
margin: 0;
padding: 0;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
color: var(--wp--preset--color--primary);
font-weight: var(--wp--custom--font-weight--semibold);
font-size: var(--wp--preset--font-size--20);
margin: 0;
}
.woocommerce ul.products li.product .price .upp,
.woocommerce-page ul.products li.product .price .upp {
font-weight: var(--wp--custom--font-weight--regular);
font-size: var(--wp--preset--font-size--10);
}
.woocommerce ul.products li.product .button.added:after,
.woocommerce-page ul.products li.product .button.added:after {
font-size: var(--wp--preset--font-size--20);
}
.woocommerce ul.products li.product .sswoo-product-link,
.woocommerce-page ul.products li.product .sswoo-product-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
background-color: var(--wp--preset--color--white);
border: 1px solid var(--wp--preset--color--primary);
}
/* thumbs */
.woocommerce ul.products li.product a img {
margin-bottom: 0;
border-radius: var(--wp--custom--border--radius);
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: 1px solid var(--wp--preset--color--primary);
border-top: 1px solid var(--wp--preset--color--primary);
border-bottom: 1px solid var(--wp--preset--color--primary);
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0.5em 0.85em;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
}
.woocommerce nav.woocommerce-pagination ul li:first-child {
border-radius: var(--wp--custom--border--radius) 0 0 var(--wp--custom--border--radius);
border-left: 1px solid var(--wp--preset--color--primary);
}
.woocommerce nav.woocommerce-pagination ul li:last-child {
border-radius: 0 var(--wp--custom--border--radius) var(--wp--custom--border--radius) 0;
}
.woocommerce div.product .product_title {
font-size: var(--wp--preset--font-size--60);
}
.woocommerce div.product p.price {
font-size: var(--wp--preset--font-size--60);
font-weight: var(--wp--custom--font-weight--semibold);
color: var(--wp--preset--color--primary);
margin: var(--wp--preset--spacing--20) 0;
}
.woocommerce div.product p.stock {
color: var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--20);
}
.woocommerce div.product form.cart {
margin-top: var(--wp--preset--spacing--40);
}
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart div.quantity {
float: none;
margin: 0;
}
.woocommerce div.product .woocommerce-product-details__short-description ul {
padding-left: 0.9em;
}
.woocommerce div.product a.button {
background-color: var(--wp--preset--color--primary);
padding: 10px 20px;
}
.woocommerce div.product .woocommerce-tabs {
margin: 2em 0 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin: 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs .panel {
min-height: 284px;
padding: 1.5em 2.5em;
background-color: var(--wp--preset--color--white);
border-color: var(--wp--preset--color--neutral-2);
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-bottom-style: solid;
border-width: 1px;
border-radius: 0 0 var(--wp--custom--border--radius) var(--wp--custom--border--radius);
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
font-size: var(--wp--preset--font-size--50);
}
.woocommerce div.product .woocommerce-tabs .panel h3 {
font-size: var(--wp--preset--font-size--40);
}
.woocommerce div.product .woocommerce-tabs .panel h4 {
font-size: var(--wp--preset--font-size--30);
}
.woocommerce div.product .woocommerce-tabs .panel h5 {
font-size: var(--wp--preset--font-size--20);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: var(--wp--preset--color--neutral-2);
border-radius: var(--wp--custom--border--radius) var(--wp--custom--border--radius) 0 0;
padding: 0 1em;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: var(--wp--preset--color--white);
border-bottom-color: var(--wp--preset--color--white);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: normal;
padding: 0.75em 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.reset_variations {
display: none !important;
}
.product-navigation {
padding: 0 0 1em 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: normal;
align-content: normal;
}
.product-navigation .nav-item {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
}
.product-navigation .nav-item .type {
display: none;
}
.woocommerce-product-gallery__image {
border-radius: var(--wp--custom--border--radius);
border: 1px solid var(--wp--preset--color--neutral-2);
}
@media (min-width: 768px) {
.product-before {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: normal;
align-content: normal;
}
.product-before .before-item {
display: block;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
order: 0;
}
.product-navigation {
width: 35%;
}
}
@media (min-width: 1080px) {
.product-navigation .nav-item .type {
display: inline;
}
}
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-direction-nav {
display: none;
}
.flex-direction-nav {
display: block;
}
.flex-direction-nav a {
top: 35%;
text-decoration: none;
display: block;
width: 19px;
height: 35px;
position: absolute;
z-index: 10;
overflow: hidden;
cursor: pointer;
}
.flex-direction-nav a:before {
content: "";
display: block;
width: 19px;
height: 35px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 19px 35px;
}
.flex-direction-nav a.flex-prev:before {
background-color: var(--wp--preset--color--neutral-1);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.flex-direction-nav a.flex-next:before {
background-color: var(--wp--preset--color--neutral-1);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.flex-direction-nav .flex-prev {
left: 15px;
}
.flex-direction-nav .flex-next {
right: 15px;
text-align: right;
}
.flex-direction-nav a:hover {
opacity: 0.5;
}
.flex-control-nav {
width: 100%;
position: relative;
top: 8px;
text-align: center;
text-align: center;
padding: 1em 0 0 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100px, 100%), 1fr));
container-type: inline-size;
gap: 8px;
}
.flex-control-nav li {
margin: 0 12px;
display: inline-block;
zoom: 1;
}
.flex-control-nav img {
border-radius: var(--wp--custom--border--radius);
}
.flex-control-thumbs li {
width: auto !important;
}
.flex-control-paging li a {
width: 12px;
height: 12px;
display: block;
background: var(--wp--preset--color--neutral-2);
/* corrected the background color */
cursor: pointer;
text-indent: -9999px;
border-radius: 100%;
}
.flex-control-paging li a:hover {
opacity: 0.5;
}
.flex-control-paging li a.flex-active {
background: var(--wp--preset--color--neutral-4);
cursor: default;
}
@media (max-width: 781px) {
.flex-control-nav {
display: none;
}
.flex-direction-nav a {
top: 45%;
}
}
@media screen and (min-width: 769px) {
/* Shop page */
.woocommerce-shop .article-content {
padding-top: 55px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
border: 1px solid var(--wp--preset--color--neutral-3);
}
}
@media screen and (max-height: 946px) and (orientation: landscape) and (min-width: 1366px) {
/* move arrows for shallow screens e.g. widescreen laptops */
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
top: 2%;
/*right: 0;
left: 10px;*/
right: 10px;
left: auto;
bottom: auto;
}
}
.woocommerce-cart-form .product-name {
font-weight: var(--wp--custom--font-weight--bold);
}
.woocommerce-cart-form .product-category {
font-weight: var(--wp--custom--font-weight--regular);
}
.woocommerce-cart-form .actions a.button {
text-align: center;
}
.woocommerce .quantity .qty {
text-align: center;
font-size: var(--wp--preset--font-size--20);
padding: 10px 6px;
width: 3.5em;
}
.woocommerce div.product form.cart div.quantity .qty,
.woocommerce table.cart .qty {
width: 4.5rem;
margin-right: 0;
float: none;
}
.woocommerce table.shop_table {
border: none;
}
.woocommerce table.shop_table.cart .product-remove {
width: 1em;
}
.woocommerce table.shop_table.cart .product-thumbnail {
width: 72px;
}
.woocommerce table.shop_table.cart img {
width: 48px;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tbody th {
border-top: 1px solid #606060;
}
.woocommerce table.shop_table tfoot .cart-subtotal td,
.woocommerce table.shop_table tfoot .cart-subtotal th,
.woocommerce table.shop_table tbody .cart-subtotal th {
border-top: 0;
}
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation {
margin: 0;
}
.woocommerce .return-to-shop {
display: none;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
width: auto;
padding: 10px;
margin: 1em 8px 1em 0;
}
@media screen and (min-width: 769px) {
.woocommerce-cart-form .actions a.button {
float: left;
}
}
.form-row.notes label,
.shipping_address > .form-row > label,
#order_review_heading {
margin: 0 0 0.6em 0;
line-height: 1;
}
.woocommerce-checkout h3 {
margin: 0 0 1em 0;
font-size: var(--wp--preset--font-size--50);
}
#order_review_heading {
margin: 2em 0 1em 0;
}
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table tbody {
display: none;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: var(--wp--preset--color--neutral-1);
border-radius: var(--wp--custom--border--radius);
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: var(--wp--preset--color--white);
border-radius: var(--wp--custom--border--radius);
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: var(--wp--preset--color--white);
}
.woocommerce-checkout #payment div.payment_box p {
margin: 0;
}
.woocommerce a.button.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none;
display: block;
text-align: center;
margin: 2em 0 0.5em 0;
font-size: 1.25em;
padding: 15px 20px;
width: 100%;
}
.woocommerce table.shop_table tfoot td {
font-weight: var(--wp--custom--font-weight--regular);
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover {
background-color: var(--wp--preset--color--secondary);
}
.woocommerce form.login,
.woocommerce form.register {
background-color: var(--wp--preset--color--white);
}
.dashboard-content {
margin-top: 2.5em;
}
.woocommerce-MyAccount-navigation {
width: 100% !important;
font-size: var(--wp--preset--font-size--20);
font-weight: var(--wp--custom--font-weight--semibold);
float: none !important;
background-color: var(--wp--preset--color--neutral-1);
border-radius: var(--wp--custom--border--radius);
overflow: hidden;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-MyAccount-navigation li {
margin: 0;
display: inline-block;
}
.woocommerce-MyAccount-navigation li a {
display: inline-block;
padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
text-wrap: nowrap;
}
.woocommerce-MyAccount-navigation li a:hover {
color: var(--wp--preset--color--primary);
background-color: var(--wp--preset--color--neutral-2);
}
.woocommerce-MyAccount-navigation li.is-active a {
background-color: var(--wp--preset--color--secondary);
color: var(--wp--preset--color--white);
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
margin-bottom: 1.5em;
}
.woocommerce-order-details .order-again {
display: none;
}
.woocommerce .woocommerce-EditAccountForm button.button {
font-size: var(--wp--preset--font-size--20);
font-weight: var(--wp--custom--font-weight--semibold);
padding: 10px 20px;
border: none;
}
.woocommerce table.my_account_orders {
font-size: var(--wp--preset--font-size--20);
}
.woocommerce table.my_account_orders .button {
color: var(--wp--preset--color--primary);
margin-right: 8px;
font-size: var(--wp--preset--font-size--20);
font-weight: var(--wp--custom--font-weight--regular);
text-align: center;
white-space: wrap;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th {
padding: 10px 8px;
}
.woocommerce-orders-table__cell-order-number,
.woocommerce-orders-table__cell-order-ref {
font-size: var(--wp--preset--font-size--20);
}
.woocommerce-orders-table__cell-order-number {
font-weight: var(--wp--custom--font-weight--semibold);
}
.woocommerce table.my_account_orders .button {
background-color: unset;
}
.woocommerce-account .woocommerce-MyAccount-content mark {
color: var(--wp--preset--color--primary);
padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-OrderUpdates {
padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) 2em;
background-color: var(--wp--preset--color--neutral-1);
border-radius: var(--wp--custom--border--radius);
}
.sswoo-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation {
display: none;
}
@media (min-width: 600px) {
.sswoo-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation {
display: block;
margin-bottom: 2em;
}
.sswoo-account .woocommerce-MyAccount-navigation li,
.woocommerce-account .woocommerce-MyAccount-navigation li {
display: inline;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
.woocommerce table.shop_table.current-order th.woocommerce-orders-table__header-current-order-actions,
.woocommerce table.shop_table th.woocommerce-orders-table__header-order-actions,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
min-width: 260px;
text-align: right;
font-size: 0;
}
.woocommerce table.shop_table.current-order th.woocommerce-orders-table__header-current-order-actions .woocommerce-table--order-buttons,
.woocommerce table.shop_table th.woocommerce-orders-table__header-order-actions .woocommerce-table--order-buttons,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-table--order-buttons {
width: auto;
}
}
.woocommerce ul.products li.product .sswoo-title-price,
.woocommerce-page ul.products li.product .sswoo-title-price {
flex-grow: 1;
}
.woocommerce ul.products li.product .sswoo-price,
.woocommerce-page ul.products li.product .sswoo-price {
margin-bottom: var(--wp--preset--spacing--20);
}
.woocommerce ul.products li.product .sswoo-add-to-cart,
.woocommerce-page ul.products li.product .sswoo-add-to-cart {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: stretch;
gap: 8px;
}
.woocommerce ul.products li.product .added_to_cart,
.woocommerce-page ul.products li.product .added_to_cart {
padding: 0;
width: 6ch;
font-weight: var(--wp--custom--font-weight--semibold);
color: var(--wp--preset--color--primary);
line-height: 1;
}
.woocommerce-term-description {
background-color: var(--wp--preset--color--neutral-1);
padding: 0.5rem var(--wp--preset--spacing--40);
margin-top: var(--wp--preset--spacing--70);
border-radius: var(--wp--custom--border--radius);
}
.single-product .product {
margin: 0;
}
.single-product .product .sscw-external-product-link {
margin: var(--wp--preset--spacing--40) 0;
}
.single-product .product .sscw-external-product-link a.button {
display: block;
width: 100%;
text-align: center;
font-size: 1.2em;
padding: 15px 10px;
background-color: var(--wp--preset--color--secondary);
border-color: var(--wp--preset--color--secondary);
}
.single-product .product .sscw-external-product-link a.button:before {
content: "";
display: inline-block;
vertical-align: central;
width: 1em;
height: 1em;
margin-right: 0.4em;
background-color: currentColor;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
}
.single-product .product .woocommerce-product-gallery .sscw-external-product-link {
display: none;
}
.single-product .sswoo-add-to-cart {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: stretch;
gap: 10px;
}
.single-product .sscw-variation-buttons {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(min(10rem, 100%), (100% - var(--wp--preset--spacing--20) * 7) / 8), 1fr));
container-type: inline-size;
gap: 0.6rem;
margin: var(--wp--preset--spacing--30) 0 0 0;
}
.single-product .sscw-variation-label {
font-weight: var(--wp--custom--font-weight--semibold);
}
.single-product .sscw-variation-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #ffffff;
color: var(--wp--preset--color--primary);
border: 1px solid var(--wp--preset--color--primary);
border-radius: var(--wp--custom--border--radius-forms);
padding: 10px;
line-height: 1.2;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}
.single-product .sscw-variation-button:hover, .single-product .sscw-variation-button:focus-visible {
background: #f4fbf6;
outline: none;
}
.single-product .sscw-variation-button.is-selected {
background: var(--wp--preset--color--primary);
color: #ffffff;
border-color: var(--wp--preset--color--primary);
}
.single-product .sscw-variation-button.is-disabled, .single-product .sscw-variation-button:disabled {
cursor: not-allowed;
opacity: 0.45;
}
.single-product .sscw-unit-toggle .sscw-unit-toggle-button {
background-color: var(--wp--preset--color--white);
color: var(--wp--preset--color--secondary);
border: 1px solid var(--wp--preset--color--secondary);
border-right: 0;
font-weight: var(--wp--custom--font-weight--regular);
padding: 0.3em 0.6em;
border-radius: 0;
}
.single-product .sscw-unit-toggle .sscw-unit-toggle-button:first-child {
border-radius: var(--wp--custom--border--radius-forms) 0 0 var(--wp--custom--border--radius-forms);
}
.single-product .sscw-unit-toggle .sscw-unit-toggle-button:last-child {
border-radius: 0 var(--wp--custom--border--radius-forms) var(--wp--custom--border--radius-forms) 0;
border-right: 1px solid var(--wp--preset--color--secondary);
}
.single-product .sscw-unit-toggle .sscw-unit-toggle-button.is-active {
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--secondary);
}
@media (min-width: 768px) {
.single-product .product .woocommerce-product-gallery .sscw-external-product-link {
display: block;
}
.single-product .product div.summary .sscw-external-product-link {
display: none;
}
}
.wpclv-attributes .wpclv-attribute-label {
font-weight: var(--wp--custom--font-weight--semibold);
}
.wpclv-attributes .wpclv-terms .wpclv-term.wpclv-term-image {
width: calc(20% - 8px);
}
.wpclv-attributes .wpclv-terms .wpclv-term {
border-color: var(--wp--preset--color--neutral-2);
}
.wpclv-attributes .wpclv-terms .wpclv-term.active, .wpclv-attributes .wpclv-terms .wpclv-term.hover {
border-color: var(--wp--preset--color--primary);
}