.has-cream-color {
color: rgb( 236, 173, 95 ) !important;
}
.has-cream-color a {
border-color: rgba( 236, 173, 95, 0.3 ) !important;
}
.has-orange-color {
color: rgb( 187, 127, 55 ) !important;
}
.has-orange-color a {
border-color: rgba( 187, 127, 55, 0.3 ) !important;
}
.has-purple-color {
color: rgb( 106, 45, 116 ) !important;
}
.has-purple-color a {
border-color: rgba( 106, 45, 116, 0.3 ) !important;
}
.has-light-cream-color {
color: rgb( 250, 234, 215 ) !important;
}
.has-light-cream-color a {
border-color: rgba( 250, 234, 215, 0.3 ) !important;
}
.has-mid-purple-color {
color: rgb( 134, 92, 141 ) !important;
}
.has-mid-purple-color a {
border-color: rgba( 134, 92, 141, 0.3 ) !important;
}
.has-light-purple-color {
color: rgb( 227, 222, 227 ) !important;
}
.has-light-purple-color a {
border-color: rgba( 227, 222, 227, 0.3 ) !important;
}
.has-extra-light-purple-color {
color: rgb( 247, 244, 248 ) !important;
}
.has-extra-light-purple-color a {
border-color: rgba( 247, 244, 248, 0.3 ) !important;
}
.has-text-grey-color {
color: rgb( 48, 44, 48 ) !important;
}
.has-text-grey-color a {
border-color: rgba( 48, 44, 48, 0.3 ) !important;
}
.has-white-color {
color: rgb( 255, 255, 255 ) !important;
}
.has-white-color a {
border-color: rgba( 255, 255, 255, 0.3 ) !important;
}
.has-cream-background-color {
background-color: rgb( 236, 173, 95 ) !important;
}
.has-orange-background-color {
background-color: rgb( 187, 127, 55 ) !important;
}
.has-purple-background-color {
background-color: rgb( 106, 45, 116 ) !important;
}
.has-light-cream-background-color {
background-color: rgb( 250, 234, 215 ) !important;
}
.has-light-purple-background-color {
background-color: rgb( 227, 222, 227 ) !important;
}
.has-extra-light-purple-background-color {
background-color: rgb( 247, 244, 248 ) !important;
}
.has-mid-purple-background-color {
background-color: rgb( 134, 92, 141 ) !important;
}
.has-text-grey-background-color {
background-color: rgb( 48, 44, 48 ) !important;
}
.has-white-background-color {
background-color: rgb( 255, 255, 255 ) !important;
} html {
margin: 0 !important;
padding: 0;
}
body {
background-color: rgb( 250, 234, 215 ); font-family: 'Merriweather', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 300;
color: rgb( 48, 44, 48 );
line-height: 1.8;
text-align: center;
}
.inner {
margin: 0 auto;
padding: 1em;
position: relative;
overflow: hidden;
}
#main {
overflow: hidden;
background-color: white; }
.print-only {
display: none;
} .site-logo {
display: block;
width: 300px;
max-width: 100%;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
} a {
color: rgb( 106, 45, 116 );
text-decoration: none;
line-height: 1.1;
transition: opacity .15s ease-in, border-color .15s ease-in;
border-bottom: 1px solid rgba( 106, 45, 116, 0.3 );
transition: background 800ms;
}
a:hover {
text-decoration: none;
transition: opacity .15s ease-in, border-color .15s ease-in;
border-color: rgba( 106, 45, 116, 0.8 );
background: rgba( 106, 45, 116, 0.03 );
transition: background 400ms;
}
a:active {
opacity: 0.5;
transition: opacity .15s ease-in, border-color .15s ease-in;
}
a.image-link,
a.image-link:hover,
a.image-link:active {
opacity: 1;
border-bottom: 0;
}
a.button-link,
.button-menu a,
a.key-button-link,
input[type="submit"],
input[type="button"],
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button {
display: inline-block;
border: 2px solid rgba( 106, 45, 116, 0.6 );
border-radius: 2.4em;
padding: 0.55em 1em 0.45em;
margin-bottom: 0.4em;
margin-right: 0.4em;
line-height: normal;
height: auto;
text-align: center;
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.05 );
font-weight: 500;
text-transform: none; font-family: 'Merriweather', Helvetica, Arial, sans-serif;
font-size: inherit;
}
.wp-block-file {
margin-bottom: 1em;
}
.wp-block-file .wp-block-file__button {
margin-bottom: 0;
}
a.button-link,
li.button a,
input[type="button"],
.wp-block-file .wp-block-file__button,
.wp-block-button .wp-block-button__link {
color: rgb( 106, 45, 116 ) !important;
background-color: white;
}
a.key-button-link,
input[type="submit"] {
padding: 0.9em 2em 0.8em;
border-color: white;
color: white;
background-color: rgb( 106, 45, 116 );
}
a.button-link:hover,
li.button a:hover,
input[type="button"]:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button .wp-block-button__link:not(.has-background):hover {
cursor: pointer;
border-color: rgb( 106, 45, 116 );
background-color: rgb( 227, 222, 227 );
text-decoration: none;
transition: all 200ms;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
}
a.key-button-link:hover,
input[type="submit"]:hover {
cursor: pointer;
background-color: rgb( 138, 69, 149 );
border-color: rgb( 106, 45, 116 );
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
text-decoration: none;
transition: all 200ms;
}
a.button-link:last-child,
a.key-button-link:last-child {
margin-right: 0;
}
a.facebook-link::before {
content: "\f082";
font-family: 'Font Awesome 7 Brands';
font-weight: 900;
margin-right: 0.3em;
}
a.twitter-link::before {
content: "\f099";
font-family: 'Font Awesome 7 Brands';
font-weight: 900;
margin-right: 0.3em;
}
a.instagram-link::before {
content: "\f16d";
font-family: 'Font Awesome 7 Brands';
font-weight: 900;
margin-right: 0.3em;
}
a.document-link::before {
content: "\f16d";
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
margin-right: 0.2em;
} a[target="_blank"]:not(.image-link):not(.icon-link)::after {
display: inline-block;
content: "\f35d";
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
font-size: 70%;
margin-left: 0.5em;
opacity: 0.7;
position: relative;
top: -0.1em;
} mark {
background-color: transparent;
color: rgba( 106, 45, 116, 0.6 );
} h1,
h2,
h3,
h4 {
font-family: 'Merriweather', Helvetica, Arial, sans-serif;
font-weight: 400;
clear: none;
margin: 0.2em 0 0.4em;
line-height: 1.3;
color: rgb( 106, 45, 116 );
}
h1 {
font-size: 175%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 100%;
} ::selection {
background: rgb( 106, 45, 116 );
color: white;
text-shadow: none;
} .success,
.woocommerce-notice--success,
.warning,
.tip {
display: inline-block;
}
.success,
.woocommerce-notice--success {
position: relative;
border-left: 2.2em solid rgb( 63, 161, 25 );
background: rgba( 63, 161, 25, 0.1 ) !important;
color: rgb( 63, 161, 25 ) !important;
padding: 0.3em 0.6em;
}
.success::before,
.woocommerce-notice--success::before {
content: '\f00c';
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
position: absolute;
top: 0.3em;
left: -1.55em;
color: white;
}
.success a {
color: rgb( 63, 161, 25 ) !important;
}
.warning,
.validation_error,
.woocommerce-notice--error {
position: relative;
border-left: 2.2em solid rgb( 201, 31, 0 );
background: rgba( 201, 31, 0, 0.1 ) !important;
color: rgb( 201, 31, 0 ) !important;
padding: 0.3em 0.6em;
}
.warning::before,
.validation_error::before,
.woocommerce-notice--error::before {
content: '\f06a';
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
position: absolute;
top: 0.3em;
left: -1.5em;
color: white;
}
.warning a {
color: rgb( 201, 31, 0 ) !important;
}
.tip {
position: relative;
border-left: 2.2em solid rgb( 0, 67, 111 );
background: rgba( 0, 67, 111, 0.1 ) !important;
color: rgb( 0, 67, 111 ) !important;
padding: 0.3em 0.6em;
}
.tip::before {
content: '\f05a';
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
position: absolute;
top: 0.3em;
left: -1.5em;
color: white;
} .meta {
opacity: 0.7;
font-size: 80%;
margin: 0.2em 0;
}
.light {
opacity: 0.5;
}
.small {
font-size: 60%;
}
.has-small-font-size {
font-size: 85%;
}
.intro {
font-size: 120%;
}
.intro .key-button {
display: block;
margin-bottom: 0.4em;
}
p {
margin-top: 1em;
margin-bottom: 1em;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
strong {
font-weight: 700;
} article {
margin-bottom: 1em;
} blockquote,
.wp-block-quote {
padding: 0 1.6em;
margin: 0 auto;
width: calc( 100% - 3.5em );
max-width: 50rem;
border-left: none;
background: rgba( 106, 45, 116, 0.05 );
padding: 1.2em;
border-radius: 0.5em;
}
.wp-block-quote.is-large {
padding: 1.2em 1.6em;
margin: 0 0 1.5em 0;
border: none;
}
blockquote p,
.wp-block-quote p,
.wp-block-quote.is-large p {
margin-bottom: 0;
font-family: 'Merriweather', serif;
font-size: 110%;
color: rgba( 106, 45, 116, 0.9 );
line-height: 1.6;
}
blockquote cite,
.wp-block-quote cite {
display: block;
margin-top: 0.3em;
opacity: 0.7;
color: rgba( 106, 45, 116, 0.7 );
font-family: 'Merriweather', serif;
font-size: 100%;
}
blockquote strong,
.wp-block-quote strong {
font-weight: 300;
}
.wp-block-quote.is-large cite {
text-align: right;
}
blockquote cite::before,
.wp-block-quote cite::before {
content: '— ';
} .wp-block-embed {
margin-left: 0;
margin-right: 0;
} hr {
clear: both;
width: 100%;
margin: 2em 0;
padding: 0;
background: none;
border: 0;
border-bottom: 1px solid #ddd;
} table.wp-block-table {
display: table;
border: 0;
max-width: 100%;
border: 1px solid rgb( 0, 67, 111 );
}
.wp-block-table td {
background: white;
padding: 0.5em 1em;
border: 0;
border-right: 1px solid rgb( 0, 67, 111 );
border-bottom: 1px solid rgb( 0, 67, 111 );
max-width: 33%;
}
.wp-block-table td:last-child {
border-right: 0;
}
.wp-block-table tr:nth-child(2n) td {
background: rgba( 0, 67, 111, 0.05 );
}
.wp-block-table tr:last-child td {
border-bottom: 0;
} header {
width: 100%;
padding: 0;
border: 0;
position: relative;
text-align: left;
background: rgb( 187, 127, 55 ); z-index: 999;
}
header .inner {
overflow: visible;
padding: 0.4em;
}
header a {
color: white;
}
.clear {
clear: both;
} .cookie-message {
background: rgba( 0, 67, 111, 0.9 );
color: rgba( 255, 255, 255, 0.6 );
}
.cookie-message a {
color: rgba( 255, 255, 255, 0.8 );
}
.cookie-message a:hover {
color: white;
} nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
nav a {
padding: 0.8em 0.2em;
font-size: 72%;
}
.site-links {
float: right;
margin-left: 0.4em;
}
.top-menu {
display: none;
text-align: left;
clear: both;
margin-top: 0.4em;
}
.top-menu li {
display: block;
transition: all 500ms;
border-radius: 1em;
}
.top-menu a {
display: block;
color: white;
padding: 0.4em;
font-weight: 700;
font-size: 16px;
padding: 0.7em 0.8em 0.5em;
border: none;
border-radius: 1.2em;
transition: all 500ms;
}
.top-menu .current-menu-item,
.top-menu .current-menu-ancestor {
background: rgba( 255, 255, 255, 0.2 );
}
.top-menu .sub-menu a {
margin-left: 1.5em;
font-size: 85%;
font-weight: normal;
}
a.icon-button {
display: inline-block;
padding: 0.4em 0.6em;
margin: 0;
border: none;
border-radius: 0.2em;
font-size: 18px;
}
a.icon-button:hover {
opacity: 1;
background: rgba( 255, 255, 255, 0.2 );
text-decoration: none;
}
a.icon-button .label {
margin-left: 0.5em;
} .about-thumb {
border-radius: 50%;
float: left;
margin-right: 2em;
margin-bottom: 2em;
max-width: 25%;
height: auto;
}
.about-text {
overflow: hidden;
max-width: 50rem;
} .search-box {
clear: both;
width: 100%;
max-width: 50rem;
box-sizing: border-box;
padding: 0;
margin: 0.4em auto 1em;
background: white;
border: 2px solid rgb( 106, 45, 116 );
border-radius: 0.2em;
overflow: hidden;
box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.1 );
}
header .search-box {
display: none;
margin-bottom: 0;
}
.search-box input[type="text"] {
float: left;
text-align: left;
font-size: 110%;
width: 80%;
box-sizing: border-box;
padding: 0.5em;
background: none;
border: none;
margin-bottom: 0;
}
.search-box input[type="text"]:hover,
.search-box input[type="text"]:focus {
border: none;
background: transparent;
}
.search-box input[type="submit"] {
float: right;
height: 2.85em;
width: auto;
box-sizing: border-box;
padding: 0.7em;
border: 0;
margin: 0;
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
box-shadow: none;
border-radius: 0;
}
.search-box input[type="submit"]:hover {
color: white;
background: rgb( 143, 79, 154 );
border: 0;
} .post-type-info {
display: inline-block;
background: white !important;
padding: 0.3em 0.6em;
border-radius: 0.5em;
margin-bottom: 0.5em;
font-size: 80%;
text-transform: uppercase;
} .parent-link {
display: inline-block;
font-size: 90%;
margin: 0 0.5em 0.5em;
border: none;
}
.parent-link::before {
display: inline-block;
content: '\f053';
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
font-size: 140%;
position: relative;
top: 0.08em;
margin-right: 0.5em;
text-decoration: none;
} .page-title-container {
display: block;
background: rgb( 250, 234, 215 );
text-align: center;
}
.page-title {
display: inline-block;
border-top: 2px solid rgb( 106, 45, 116 );
border-bottom: 2px solid rgb( 106, 45, 116 );
margin-top: 0.4em;
}
.page-title .first-line {
display: block;
color: rgb( 236, 173, 95 );
text-transform: lowercase;
font-size: 140%;
}
.page-title .second-line {
display: block;
color: rgb( 106, 45, 116 );
}
.secondary-page-title {
margin-bottom: 1em;
} .front-page-slideshow-container {
position: relative;
width: 100%;
height: 240px;
overflow: hidden;
transition: height 500ms;
}
.front-page-slideshow-container .fa-spinner {
position: relative;
top: 100px;
font-size: 200%;
color: #ccc;
}
.front-page-slideshow {
position: absolute;
top: 0;
left: 0;
display: inline;
width: 99999px;
height: 240px;
overflow: hidden;
text-align: left;
visibility: hidden;
transition: height 500ms;
}
.front-page-slide {
float: left;
position: relative;
opacity: 0.1;
transition: opacity 500ms;
}
.front-page-slide.current {
opacity: 1;
transition: opacity 500ms;
}
.front-page-slide img {
height: 240px;
width: auto;
transition: height 500ms;
}
.front-page-slide .slide-action-button {
position: absolute;
bottom: 0.5em;
left: calc( 50% - 4.3em );
}
.slideshow-nav {
width: 100%;
max-width: 1360px;
margin: 0 auto;
position: relative;
top: 70px;
}
.slideshow-nav a {
position: absolute;
top: 0;
z-index: 9999;
padding: 20px;
font-size: 48px;
background: rgba( 255, 255, 255, 0.5 );
border-radius: 50%;
}
.slideshow-nav a.slideshow-left {
left: -16px;
}
.slideshow-nav a.slideshow-right {
right: -16px;
} body:not(.woocommerce-page) article ul:not(.products):not(.wp-block-gallery):not(.gform_fields):not(.gfield_radio):not(.gfield_checkbox):not(.tick-list),
article ol {
max-width: 50rem;
padding-left: 1em;
margin-left: 1.3em;
}
body:not(.woocommerce-page) article ul:not(.products):not(.wp-block-gallery):not(.gform_fields):not(.gfield_radio):not(.gfield_checkbox):not(.tick-list) li {
margin-bottom: 0.4em;
padding-left: 0.8em;
}
article ul.tick-list {
max-width: 50rem;
padding-left: 0;
margin-left: 1.3em;
}
article ul.tick-list li {
list-style: none;
position: relative;
padding-left: 2em;
}
article ul.tick-list li::before {
content: '\f00c';
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
position: absolute;
top: 0;
left: 0;
} .wp-block-image,
.wp-block-gallery {
margin-bottom: 1.5em;
}
.wp-block-image img {
height: auto;
}
.wp-block-image figcaption {
font-family: 'Merriweather', Helvetica, Arial, sans-serif;
font-size: 85%;
text-align: left;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
font-family: 'Merriweather', Helvetica, Arial, sans-serif;
font-size: 85%;
}
.alignwide,
.alignfull {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
text-align: center;
}
.alignwide {
max-width: 1260px;
}
.alignwide img {
width: 100%;
margin: auto;
}
.alignfull .wp-block-image {
max-width: 100%;
width: 100%;
} .whole-clickable:hover {
cursor: pointer;
} .flex-spacer {
visibility: hidden;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
} .box-link-container,
.box-item-container {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
flex: 1;
clear: both; margin: 0 -0.5em;
}
.box-link,
.box-item {
display: inline-block;
vertical-align: top;
width: calc( 50% - 1em );
margin: 0.5em;
box-sizing: border-box;
font-family: 'Merriweather', Helvetica, Arial, sans-serif;
text-align: center;
overflow: hidden;
background: white;
border: 2px solid rgba( 106, 45, 116, 0.6 );
border-radius: 1em;
transition: all 500ms;
}
.box-item {
width: calc( 100% - 1em );
padding: 1em;
}
.box-link:hover,
.box-item:hover {
border-color: rgb( 106, 45, 116 );
background-color: rgb( 227, 222, 227 );
transition: all 200ms;
}
.box-item img {
width: auto;
max-width: 100%;
height: auto;
max-height: 280px;
}
.box-link .fa-icon {
font-size: 130%;
margin-right: 0.4em;
}
.box-link h3 a {
display: block;
padding: 0.6em 1em;
color: rgb( 106, 45, 116 );
border: none;
font-size: 70%;
font-weight: 400;
text-decoration: none;
}
.box-link h3 a:hover {
text-decoration: none;
}
.box-link p {
font-size: 65%;
}
.box-link.flex-spacer {
margin: 0 0.5em !important;
} .page-icon span {
display: block;
line-height: 1;
color: rgb( 242, 81, 70 );
font-size: 40px;
margin-bottom: 5px;
} details {
border: 2px solid rgba( 242, 81, 70, 0.3 );
}
.ab-block-accordion .ab-accordion-title {
background: white;
}
details summary {
color: rgb( 242, 81, 70 );
}
details summary:hover {
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.25 );
cursor: pointer;
} label {
display: block;
font-weight: 500;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea,
select {
font-family: 'Merriweather', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: inherit;
color: rgb( 61, 55, 55 );
padding: 0.4em 0.6em;
line-height: 1.6;
text-align: center;
margin-bottom: 0.2em;
border: none;
background-color: white;
border: 1px solid rgba( 106, 45, 116, 0.6 );
border-radius: 1em;
outline: none;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
}
textarea.small {
height: 5em;
}
select {
background: white url(//twinningfineart.co.uk/wp-content/themes/twinning/images/select-chevron.png) center right no-repeat;
background-size: 27px 9px;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="url"]:hover,
textarea:hover,
select:hover {
border-color: rgb( 106, 45, 116 );
}
select:hover {
cursor: pointer;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border-color: rgb( 187, 127, 55 );
}
input[type="file"] {
display: block;
} input[type="checkbox"]:not(:checked):not(#wfls-remember-device),
input[type="checkbox"]:checked:not(#wfls-remember-device),
input[type="radio"]:not(:checked),
input[type="radio"]:checked {
position: absolute;
left: -9999px;
}
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label,
input[type="radio"]:not(:checked) + label,
input[type="radio"]:checked + label,
.woocommerce-form__label-for-checkbox {
display: inline-block;
position: relative;
padding-top: 0.2em;
padding-right: 0.8em;
padding-left: 2.6em !important;
padding-bottom: 0.1em;
margin-left: 0 !important;
font-weight: normal;
border-radius: 2em;
transition: background 500ms;
}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
background: rgba( 106, 45, 116, 0.3 );
}
input[type="checkbox"]:not(:checked) + label::before,
input[type="checkbox"]:checked + label::before,
input[type="radio"]:not(:checked) + label::before,
input[type="radio"]:checked + label::before,
.woocommerce-form__label-for-checkbox::before {
content: '';
position: absolute;
margin-top: auto;
margin-bottom: auto;
left: 0.4em;
top: calc( 50% - 0.75em);
width: 1.3em;
height: 1.3em;
background-color: white;
border: 1px solid rgba( 106, 45, 116, 0.6 );
border-radius: 3px;
}
input:disabled + label::before {
display: none;
}
input[type="radio"]:not(:checked) + label::before,
input[type="radio"]:checked + label::before {
border-radius: 50%;
}
input[type="checkbox"]:not(:checked) + label::after,
input[type="checkbox"]:checked + label::after,
.woocommerce-form__label-for-checkbox::after {
content: '✔';
position: absolute;
top: calc( 50% - 0.65em );
left: 0.5em;
width: 1.3em;
height: 1.3em;
text-align: center;
font-size: 100%;
color: rgb( 106, 45, 116 );
transition: all .2s;
}
input[type="radio"]:not(:checked) + label::after,
input[type="radio"]:checked + label::after {
content: '';
position: absolute;
top: calc( 50% - 0.4em );
left: 0.75em;
width: 0.7em;
height: 0.7em;
background: rgb( 106, 45, 116 );
border-radius: 50%;
transition: all .2s;
} input[type="checkbox"]:not(:checked) + label::after,
input[type="radio"]:not(:checked) + label::after,
.woocommerce-form__label-for-checkbox::after {
opacity: 0;
transform: scale(0);
}
input[type="checkbox"]:checked + label::after,
input[type="radio"]:checked + label::after,
.woocommerce-form__label-for-checkbox.checked::after {
opacity: 1;
transform: scale(1);
} input:not(:disabled) + label:hover {
background: rgba( 106, 45, 116, 0.15 );
cursor: pointer;
transition: background 200ms;
}
input:not(:disabled) + label:hover::before {
border: 1px solid rgb( 106, 45, 116 ) !important;
cursor: pointer;
} .gform_body input:not(:disabled):focus + label {
background-color: rgba( 106, 45, 116, 0.2 );
border-color: rgb( 106, 45, 116 );
} .gform_body {
margin-top: 1em;
}
body .gform_wrapper form {
text-align: center;
}
.gform_fields {
margin-left: 0;
padding-left: 0;
margin-bottom: 2em;
}
.gfield {
list-style-type: none;
margin-left: 0;
margin-bottom: 1.5em;
padding-left: 0;
}
.gfield_radio,
.gfield_checkbox {
margin-left: 0;
padding-left: 0;
}
.gfield_radio li,
.gfield_checkbox li {
list-style-type: none;
margin-left: 0;
margin-bottom: 0.2em;
padding-left: 0;
}
.ginput_complex label {
font-size: 85%;
font-weight: normal;
color: rgba( 61, 55, 55, 0.8 );
margin: 0.1em 0.5em;
}
.gfield_description {
font-size: 90%;
color: rgba( 61, 55, 55, 0.6 );
margin: 0.2em 0;
}
.name_prefix {
display: inline-block;
width: 13%;
margin-right: 2%;
}
.name_first {
display: inline-block;
width: 39%;
margin-right: 2%;
}
.name_last {
display: inline-block;
width: 39%;
margin-right: 2%;
}
.address_city {
display: inline-block;
width: 49%;
margin-right: 2%;
}
.address_zip {
display: inline-block;
width: 49%;
}
.gform_validation_container {
display: none !important;
}
.gform_wrapper h2.gsection_title {
margin-top: 2em;
padding-bottom: 0.3em;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.gfield.gfield_error {
border-left: 0.2em solid rgb( 242, 81, 70 );
padding: 0 0.5em;
}
.gfield_error .validation_message {
display: inline-block;
background: rgb( 242, 81, 70 );
color: white;
padding: 0.2em 0.4em;
}
.gfield_visibility_hidden {
display: none !important;
}
a.gform_anchor {
display: none;
}
.ginput_container_date > div > div {
display: inline-block;
margin-right: 0.5em;
}
.gf_progressbar {
background: rgba( 249, 127, 60, 0.2 );
margin-bottom: 1em;
}
.gf_progressbar_percentage span {
margin-left: 0.5em;
}
.gfield_label {
font-size: 100% !important;
margin-bottom: 0.2em;
justify-content: center !important;
}
.gform_required_legend {
display: none;
}
.gform_button {
background-color: rgb( 138, 69, 149 ) !important;
border: 2px solid rgba( 106, 45, 116, 0.6 ) !important;
border-radius: 2.4em !important;
padding: 0.55em 1em 0.45em !important;
line-height: normal !important;
height: auto !important;
justify-content: center !important;
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.05 ) !important;
font-weight: 500 !important;
text-transform: none;
font-size: 110% !important;
}
.gform_footer {
justify-content: center !important;
} body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
display: none;
} a.icon-link {
border: none;
}
a.icon-link.no-text {
font-size: 150%;
}
a.icon-link:not(.no-text) span {
margin-right: 0.6em;
}
svg {
margin-right: 0.5em;
}
a.icon-link svg {
margin-right: 0;
} .multi-col {
column-count: 2;
}
.multi-col li {
margin-left: 1em;
} footer {
position: relative;
font-family: 'Merriweather', Helvetica, Arial, sans-serif;
background: rgb( 250, 234, 215 );
margin: 0 0 2em;
border-top: 2px solid rgb( 106, 45, 116 );
}
footer::before {
content: '';
background: rgb( 106, 45, 116 );
display: block;
width: 16px;
height: 16px;
transform: rotate( 45deg );
position: absolute;
top: -9px;
left: calc( 50% - 8px );
}
footer p {
vertical-align: middle;
font-size: 80%;
margin: 0.2em 0;
}
footer a.button,
footer a.key-button {
margin-bottom: 0;
border: none;
} .contact-details {
list-style-type: none;
margin: 0 0 0.5em;
padding: 0;
}
.contact-detail {
display: inline-block;
margin: 0.8em 0;
position: relative;
color: rgb( 48, 44, 48 );
font-size: 110%;
}
.contact-detail a {
padding: 0.4em 0.8em;
border-radius: 1em;	
}
.contact-detail a:hover {
text-decoration: none;
background: white;
}
.contact-detail span {
font-size: 140%;
position: relative;
top: 0.1em;
color: rgb( 236, 173, 95 );
} .social-icons {
list-style-type: none;
margin: 0 0 0.5em;
padding: 0;
}
.social-icon {
display: inline-block;
margin: 0 1em;
} .footer-menu,
.footer-menu-buttons {
margin: 0.5em 0;
}
.footer-menu a,
.footer-menu-buttons a {
padding: 0.2em 0;
margin: 0 0.4em;
font-size: 120%;
}   .single-product .entry-summary .price {
display: none;
} .single-product .quantity {
display: none !important;
} .woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: none;
width: 90%;
margin-left: auto;
margin-right: auto;
} .woocommerce div.product div.images img {
height: 240px;
object-fit: contain;
} .woocommerce div.product form.cart .button {
float: none;
color: white !important;
padding: 0.45em 1em 0.55em !important;
} .sku_wrapper {
display: none;
} .product_meta .posted_in,
.product_meta .tagged_as {
display: block;
} .woocommerce-tabs .tabs {
display: none;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: none;
display: inline-block;
vertical-align: top;
} .woocommerce .related.products .products {
margin-top: 1.5em;
} .woocommerce .variations {
margin-top: 1.5em;
}
.woocommerce .variations td.label {
text-align: right;
width: 50%;
}
.woocommerce .variations td.value {
text-align: left;
width: 50%;
}
.woocommerce .variations td.value div {
text-align: center;
} .woocommerce .variations .attribute-pa_print-size .label {
display: none;
}
.woocommerce .variations .attribute-pa_print-size .value {
margin: 0 auto;
display: block;
width: 22em;
font-size: 90%;
}
.woocommerce div.product form.cart .variations label {
font-weight: 400;
} .product-nav-button {
position: absolute;
top: 25vw;
z-index: 9999;
padding: 20px;
font-size: 30px;
border: none;
}
.product-nav-button.prev-button {
left: -30px;
}
.product-nav-button.next-button {
right: -30px;
}
.woocommerce-product-gallery__wrapper::after {
content: 'Click the image to view full screen';
position: absolute;
bottom: -2em;
width: 22em;
text-align: center;
left: calc( 50% - 11em );
font-size: 60%;
text-transform: uppercase;
opacity: 0.7;
}
.woocommerce-product-gallery {
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
} .preload {
display: none;
} .woocommerce-product-gallery .fa-spinner {
position: absolute;
left: calc( 50% - 44px );
top: calc( 50% - 44px );
font-size: 48px;
color: white;
background: rgba( 0, 0, 0, 0.5 );
border-radius: 50%;
padding: 20px;
} body.attachment {
background: black;
}
.attachment-link {
display: block;
position: relative;
}
body.attachment .close-button {
position: absolute;
top: 0.5em;
right: 0.5em;
background: rgba( 0, 0, 0, 0.5 );
color: white;
font-size: 24px;
padding: 0.6em 0.8em;
border-radius: 50px;
}
body.attachment a {
border: none;
}
body.attachment .attachment-full {
width: auto;
height: auto;
max-width: 100vw;
max-height: 99vh;
border: none;
}  .woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li a {
border: none;
} .woocommerce ul.products li.product .price,
.woocommerce ul.products .add_to_cart_button {
display: none;
}  .woocommerce ul.products li.product a img,
.woocommerce ul.products li.product-category a img {
background: rgb( 227, 222, 227 );
border: 2px solid rgba( 106, 45, 116, 0.6 );
border-radius: 1em;
object-fit: contain;
}
.woocommerce ul.products li.product a img:hover,
.woocommerce ul.products li.product-category a img:hover {
border: 2px solid rgb( 106, 45, 116 );
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin-bottom: 1.5em;
} .term-description {
margin-bottom: 1em;
} .woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: rgb( 106, 45, 116 );
color: white !important;
padding: 0.45em 1em 0.55em;
border-radius: 2em;
min-width: 16em;
box-sizing: border-box;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
border: 2px solid rgb( 106, 45, 116 );
background: white;
padding: 0.45em 1em 0.55em;
border-radius: 2em;
color: rgb( 106, 45, 116 );
transition: background 500ms;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background: rgb( 227, 222, 227 );
color: rgb( 106, 45, 116 );
padding: 0.45em 1em 0.55em;
transition: background 200ms;
}  .shop_table td:last-child,
.shop_table th:last-child,
.shop_table .product-price,
.shop_table .product-quantity,
.shop_table .product-subtotal {
text-align: right;
} #coupon_code {
width: 8em;
height: 2.55em;
} .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
display: none;
} .woocommerce-checkout #payment div.payment_box .form-row {
padding: 0 0.5em;
}
.woocommerce-checkout #payment div.payment_box .form-row:not( .form-row-wide ) {
width: calc( 50% - 1em );
vertical-align: bottom;
}
.wc_payment_method label {
width: 100%;
box-sizing: border-box;
} .select2-container--default .select2-selection--single {
border: 1px solid rgba( 106, 45, 116, 0.6 );
border-radius: 1em;
padding: 0.4em 0.6em;
height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: calc( 50% - 13px );
right: 8px;
} #calc_shipping_state_field,
#calc_shipping_city_field,
#calc_shipping_postcode_field {
display: none !important;
} .woocommerce ul.order_details {
border: none;
margin-left: 0;
padding-left: 0;
}
.woocommerce ul.order_details li {
border: none;
display: block;
float: none;
margin-bottom: 1em;
margin-right: 0;
padding-right: 0;
} .woocommerce-page form.lost_reset_password .form-row-first {
float: none;
margin: 0 auto;
} .woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: none !important;
}  @media screen and (min-width: 360px) { .product-nav-button {
top: 20vw;
font-size: 40px;
}
} @media screen and (min-width: 600px) { .front-page-slideshow-container,
.front-page-slideshow,
.front-page-slide img,
.woocommerce div.product div.images img {
height: 400px;
transition: height 500ms;
}
.slideshow-nav,
.product-nav-button,
.front-page-slideshow-container .fa-spinner {
top: 150px;
} .product-nav-button {
top: 19vw;
font-size: 50px;
} .box-link,
.box-link-container::after {
width: calc( 33.3% - 1em ); }
.box-link.flex-spacer {
margin-left: 1em !important;
margin-right: 1em !important;
}
.box-item,
.box-item-container::after {
width: calc( 50% - 1em ); } .wp-block-image .alignleft {
float: left;
clear: left;
max-width: 50%;
height: auto;
margin-top: 2em;
margin-right: 2em;
}
.wp-block-image .alignright {
float: right;
clear: right;
max-width: 50%;
height: auto;
margin-top: 2em;
margin-left: 2em;
} .contact-detail {
margin-right: 2em;
}
} @media screen and (min-width: 768px) {
body,
p {
font-size: 18px;
} .front-page-slideshow-container,
.front-page-slideshow,
.front-page-slide img,
.woocommerce div.product div.images img {
height: 450px;
transition: height 500ms;
}
.slideshow-nav,
.product-nav-button,
.front-page-slideshow-container .fa-spinner {
top: 175px;
} article {
max-width: 65rem;
margin-left: auto;
margin-right: auto;
} .page-slideshow {
height: 288px;
} .footer-menu li {
display: inline-block;
}
.footer-menu a {
font-size: 16px;
}
.footer-menu-buttons a {
font-size: 16px;
padding: 0.4em 0.8em;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin-left: 1.1%;
margin-right: 1.1%;
}
} @media screen and (min-width: 1000px) { .front-page-slideshow-container,
.front-page-slideshow,
.front-page-slide img,
.woocommerce div.product div.images img {
height: 600px;
transition: height 500ms;
}
.slideshow-nav,
.front-page-slideshow-container .fa-spinner {
top: 210px;
}
.product-nav-button {
top: 250px;
}
.product-nav-button.prev-button {
left: -24px;
}
.product-nav-button.next-button {
right: -24px;
} .top-menu {
margin-right: 1em;
}
a.icon-button {
padding: 0.4em;
} a.icon-button.menu-button {
display: none;
}
.top-menu {
display: inline-block;
clear: none;
margin-right: 0.4em;
margin-top: 0;
}
.top-menu li {
display: inline-block;
}
.top-menu a:hover {
text-decoration: none;
background: white;
color: rgb( 187, 127, 55 );
transition: all 200ms;
}
.top-menu li.menu-item-has-children > a:hover {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.top-menu li.menu-item-has-children > a:after {
content: '\f078';
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
margin-left: 0.5em;
font-size: 80%;
opacity: 0.7;
}
.top-menu li.menu-item-has-children:hover {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.top-menu li:hover .sub-menu,
.top-menu .sub-menu li,
.top-menu .sub-menu a {
display: block;
}
.top-menu .sub-menu {
display: none;
background: white;
position: absolute;
box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.1 );
}
.top-menu .sub-menu a {
margin-left: 0;
color: rgb( 187, 127, 55 );
font-size: 16px;
width: 12em;
text-align: left;
padding-left: 1em;
padding-right: 1em;
border-radius: 0;
}
.top-menu .sub-menu a:hover {
background: rgba( 255, 255, 255, 0.6 );
}
.top-menu .sub-menu .current-menu-item {
border: none;
background: rgba( 255, 255, 255, 0.3 );
}
.top-menu .sub-menu li:hover {
border: none;
} header .inner {
text-align: center;
}
.site-links {
float: none;
display: inline-block;
} .page-slideshow {
height: 288px;
} .box-link,
.box-link-container::after {
width: calc( 25% - 1em ); }
.box-item,
.box-item-container::after {
width: calc( 33.3% - 1em ); }
.box-link h3 a {
font-size: 90%;
} article .box-item {
width: calc( 50% - 1em );
}
} @media screen and (min-width: 1260px) { .front-page-slideshow-container,
.front-page-slideshow,
.front-page-slide img,
.woocommerce div.product div.images img {
height: 700px;
transition: height 500ms;
}
.slideshow-nav,
.front-page-slideshow-container .fa-spinner,
.product-nav-button {
top: 300px;
} .multi-col {
column-count: 3;
}
} @media screen and (min-width: 1440px) { .front-page-slideshow-container,
.front-page-slideshow,
.front-page-slide img,
.woocommerce div.product div.images img {
height: 800px;
transition: height 500ms;
}
.slideshow-nav,
.front-page-slideshow-container .fa-spinner,
.product-nav-button {
top: 350px;
}
.inner {
width: 1360px;
}
} @page {
size: A4 portrait;  
margin: 17mm;
}
@media print { .logo-image-print {
display: block;
width: 6cm;
} .logo-image,
.parent-link,
.site-links,
.top-menu,
.top-menu-buttons,
.page-slideshow,
.related-pages-section,
.footer-menu,
.footer-menu-buttons,
.wp-block-button,
a.button-link,
a.key-button-link {
display: none;
} p.has-background {
border: 0.5px solid #ccc;
} .box-item {
width: 45%;
min-width: 45%;
border: 0.5px solid #ccc;
}
}