.primary > svg path {
fill: #254652;
}
.hover-primary:hover > svg path {
fill: #254652;
}
.secondary > svg path {
fill: #2a9c8f;
}
.hover-secondary:hover > svg path {
fill: #2a9c8f;
}
.tertiary > svg path {
fill: #efa411;
}
.hover-tertiary:hover > svg path {
fill: #efa411;
}
.black > svg path {
fill: #254652;
}
.hover-black:hover > svg path {
fill: #254652;
}
.white > svg path {
fill: #FFFFFF;
}
.hover-white:hover > svg path {
fill: #FFFFFF;
}
.light-grey > svg path {
fill: #F1F1F1;
}
.hover-light-grey:hover > svg path {
fill: #F1F1F1;
}
.golden-gate-bridge > svg path {
fill: #f04d00;
}
.hover-golden-gate-bridge:hover > svg path {
fill: #f04d00;
}
.cyclamen > svg path {
fill: #F55E99;
}
.hover-cyclamen:hover > svg path {
fill: #F55E99;
}
.asparagus > svg path {
fill: #669923;
}
.hover-asparagus:hover > svg path {
fill: #669923;
}
.robin-egg-blue > svg path {
fill: #00c4c9;
}
.hover-robin-egg-blue:hover > svg path {
fill: #00c4c9;
}
.steel-blue > svg path {
fill: #5083b9;
}
.hover-steel-blue:hover > svg path {
fill: #5083b9;
}
.reference {
font-size: 8pt;
}
@media (max-width: 1600px) {
header .header-logo img {
max-width: 150px !important;
}
}
@media (max-width: 1199.98px) {
header .header-logo img {
max-width: 100px !important;
}
}
.footer-pattern {
width: 100%;
}
.container-fluid > .row > .col-1 {
display: none;
}
.container-fluid > .row > .col-10 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 1600px) {
.container-fluid > .row > .col-1 {
display: initial;
}
.container-fluid > .row > .col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
}
.pagination .page-numbers {
color: #254652;
border-radius: 0;
}
.pagination .page-numbers.current {
background: #254652;
color: #FFFFFF;
font-weight: 600;
}
.single-heading {
background: #669923;
padding: 50px 15px;
}
.single-heading .col-10 > .row {
align-items: center;
}
.single-heading .title h1 {
color: #FFFFFF;
margin-bottom: 0;
}
.single-heading .thumbnail img {
width: 100%;
height: auto;
border: 5px solid #FFFFFF;
}
.resource-categories {
background: #F1F1F1;
padding: 30px 15px 15px;
}
.resource-categories .buttons a {
margin: 0 5px;
margin-bottom: 15px;
}
.resource-categories .buttons a:first-child {
margin-left: 0;
}
.resource-categories .buttons a:last-child {
margin-right: 0;
}
.resource-categories .buttons a[href="#"] {
pointer-events: none;
}
.resources {
padding: 100px 0;
}
.resource {
margin-bottom: 30px;
}
.resource > .block-wrapper {
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.resource .thumb {
width: 100%;
aspect-ratio: 1.5;
background-size: cover;
background-position: center;
align-items: center;
}
@media (min-width: 1400px) {
.post-type-archive-resource .resource, .tax-resource_cat .resource {
max-width: 25%;
flex: 0 0 25%;
}
}
.action-icons {
display: flex;
justify-content: center;
align-items: center;
}
.action-icons .action-icon {
background: #FFFFFF;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin-left: 8px;
position: relative;
}
.action-icons .action-icon svg {
width: 24px;
height: auto;
}
.action-icons .action-icon svg path {
fill: #254652;
}
.action-icons .action-icon.basket span {
position: absolute;
top: 50%;
right: -5px;
background: #2a9c8f;
border-radius: 50%;
border: 1px solid #F1F1F1;
height: 18px;
width: 18px;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
font-size: 0.7rem;
font-weight: 600;
color: #FFFFFF;
transition: all 0.25s ease-in-out 0s;
}
.action-icons .action-icon.basket span.small {
font-size: 0.5rem;
}
.action-icons .action-icon.basket span.hide {
display: none;
}
.action-icons .action-icon:hover svg path {
fill: #2a9c8f;
}
.donate-forms .tabs {
display: flex;
justify-content: flex-start;
border-bottom: 1px solid rgba(37, 70, 82, 0.2);
padding-bottom: 30px;
margin-bottom: 30px;
}
.donate-forms .tabs .tab {
padding: 15px 30px;
color: #254652;
font-weight: var(--display-fonts-headings-font-weight);
background: rgba(241, 241, 241, 0.5);
cursor: pointer;
margin-right: 15px;
}
.donate-forms .tabs .tab:hover {
background: #F1F1F1;
}
.donate-forms .tabs .tab.active {
background: #254652 !important;
color: #FFFFFF;
cursor: default;
}
.donate-forms .tabs .tab:last-of-type {
margin-right: 0;
}
.donate-forms .forms .form {
display: none;
}
.donate-forms .forms .form.active {
display: block;
}
.forminator-custom-form input, .forminator-custom-form textarea, .forminator-custom-form span.select > span {
padding: 15px !important;
border-radius: var(--display-borders-radius) !important;
}
.forminator-custom-form .forminator-field > label:first-child, .forminator-custom-form .forminator-field > .forminator-label {
font-size: calc(var(--display-fonts-body-base-font-size) * var(--display-factor)) !important;
margin-bottom: 5px !important;
text-align: left !important;
font-weight: var(--display-fonts-headings-font-weight) !important;
}
.forminator-custom-form .forminator-field-section .forminator-title {
font-weight: var(--display-fonts-headings-font-weight) !important;
margin-bottom: 15px !important;
}
.forminator-custom-form .forminator-button-back, .forminator-custom-form .forminator-button-next, .forminator-custom-form .forminator-button-submit {
padding: 10px 30px !important;
display: inline-block !important;
font-size: calc(var(--display-fonts-body-base-font-size) * var(--display-factor)) !important;
font-family: var(--display-fonts-fonts-heading-font-family) !important;
cursor: pointer !important;
text-align: center !important;
text-decoration: none !important;
background: transparent !important;
border-radius: var(--display-borders-radius) !important;
font-weight: 600 !important;
background: #2a9c8f !important;
color: #FFFFFF !important;
transition: all all 0.25s ease-in-out 0s;
}
.forminator-custom-form .forminator-button-back:hover, .forminator-custom-form .forminator-button-back:focus, .forminator-custom-form .forminator-button-next:hover, .forminator-custom-form .forminator-button-next:focus, .forminator-custom-form .forminator-button-submit:hover, .forminator-custom-form .forminator-button-submit:focus {
background: #254652 !important;
color: #FFFFFF !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.forminator-custom-form .forminator-error-message {
font-size: 0.9rem !important;
text-align: left !important;
padding: 10px 15px !important;
line-height: 1.5 !important;
border-radius: var(--display-borders-radius) !important;
}
pp-glossary {
cursor: help;
}
.glossary-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(37, 70, 82, 0.5);
z-index: -1;
opacity: 0;
display: flex;
transition: all 0.25s ease-in-out 0s;
}
.glossary-modal .glossary-wrapper {
position: relative;
width: 90%;
box-shadow: 5px 0px 15px rgba(37, 70, 82, 0.5);
}
.glossary-modal .glossary-wrapper .header-bar {
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
background: #254652;
padding: 5px 15px;
}
.glossary-modal .glossary-wrapper .header-bar .title {
margin-bottom: 0;
color: #FFFFFF;
}
.glossary-modal .glossary-wrapper .header-bar .close-btn {
line-height: 0;
cursor: pointer;
}
.glossary-modal .glossary-wrapper .header-bar .close-btn svg {
height: 20px;
width: auto;
}
.glossary-modal .glossary-wrapper .header-bar .close-btn svg path {
fill: #FFFFFF;
}
.glossary-modal .glossary-wrapper .header-bar .close-btn:hover svg path {
fill: #2a9c8f;
}
.glossary-modal .glossary-wrapper .glossary {
background: #F1F1F1;
padding: 15px 0;
overflow-y: scroll;
margin-left: -100%;
height: calc(100vh - 45px);
margin-top: 45px;
transition: all 0.25s ease-in-out 0.25s;
}
.glossary-modal .glossary-wrapper .glossary ul {
padding: 0;
margin: 0;
list-style: none;
}
.glossary-modal .glossary-wrapper .glossary ul li {
margin-bottom: 5px;
padding: 10px 15px;
}
.glossary-modal .glossary-wrapper .glossary ul li .name, .glossary-modal .glossary-wrapper .glossary ul li .description {
line-height: 1.2;
}
.glossary-modal .glossary-wrapper .glossary ul li .description {
font-size: calc(var(--display-fonts-body-base-font-size) * var(--display-factor) * .9);
font-weight: 400;
color: #254652;
}
.glossary-modal .glossary-wrapper .glossary ul li.active {
background: #2a9c8f;
}
.glossary-modal .glossary-wrapper .glossary ul li.active .name, .glossary-modal .glossary-wrapper .glossary ul li.active .description {
color: #FFFFFF;
}
.glossary-modal .glossary-close {
width: 10%;
height: 100vh;
}
.glossary-modal.show {
opacity: 1;
z-index: 20;
}
.glossary-modal.show .glossary {
margin-left: 0;
}
@media (min-width: 992px) {
.glossary-modal .glossary-wrapper, .glossary-modal .glossary-close {
width: 50%;
}
}
@media (min-width: 1200px) {
.glossary-modal .glossary-wrapper {
width: 33.333%;
}
.glossary-modal .glossary-close {
width: 66.666%;
}
}
form#signup .form-content {
width: 100%;
}
form#signup .form-content .form-row {
width: 100%;
flex-grow: 1;
display: block;
}
form#signup .form-content .form-row .form-col {
display: block;
}
form#signup .form-content .form-row .form-col label {
display: block;
margin-top: 1rem;
}
form#signup .form-content .form-row .form-col input:not([type="checkbox"]) {
width: 100%;
flex-grow: 1;
padding: 12px;
border: 1px solid rgba(37, 70, 82, 0.1);
color: #254652 !important;
}
form#signup .form-content .form-row .form-col input[type="checkbox"] {
margin-right: 12px;
}
form#signup .form-content .form-row .form-col.desktop-submit {
display: none;
}
form#signup .form-content .form-row.consent {
margin-top: calc(1rem * var(--display-factor));
}
form#signup .form-content .form-row.consent .form-col {
display: flex;
justify-content: flex-start;
align-items: center;
}
form#signup .form-content .form-row.consent .form-col label {
margin-top: 0.5rem;
}
form#signup .spwpb-btn {
width: 100%;
margin-top: 1rem;
}
@media (min-width: 992px) {
form#signup {
display: flex;
justify-content: space-between;
align-items: center;
}
form#signup .form-content {
display: flex;
align-items: center;
flex-wrap: wrap;
}
form#signup .form-content .form-row {
display: flex;
justify-content: space-between;
align-items: center;
}
form#signup .form-content .form-row .form-col {
display: flex;
align-items: center;
flex-grow: 1;
padding: 0 5px;
}
form#signup .form-content .form-row .form-col:not(:first-of-type) {
padding-left: 20px;
}
form#signup .form-content .form-row .form-col label {
display: inline-block;
white-space: nowrap;
margin-bottom: 0;
margin-top: 0;
}
form#signup .form-content .form-row .form-col input:not([type="checkbox"]) {
margin-left: 10px;
}
form#signup .form-content .form-row .form-col.desktop-submit {
display: flex;
}
form#signup .form-content .form-row.mobile-submit {
display: none;
}
form#signup .spwpb-btn {
width: auto;
margin-top: 0;
}
}
form#signup.ppn .form-content .form-row:not(.consent) .form-col {
margin-top: 1rem;
padding-left: 0;
display: block;
}
form#signup.ppn .form-content .form-row:not(.consent) .form-col input {
margin-left: 0;
}
form#signup.ppn .form-content .form-row:not(.consent) .form-col.desktop-submit {
display: none;
}
form#signup.ppn .form-content .form-row.consent .form-col label {
margin-top: 0;
}
@media (min-width: 992px) {
form#signup.ppn .form-content .form-row .form-col.desktop-submit {
display: block !important;
}
form#signup.ppn .form-content .form-row .form-col:not(:last-of-type):not(:nth-of-type(3)) {
padding-right: 20px;
}
}
footer .newsletter-signup {
margin-top: calc(3rem * var(--display-factor));
}
footer #signup {
display: block;
}
footer #signup div {
display: block;
}
footer #signup div label {
display: none;
}
footer #signup div input {
margin: 0;
width: 100%;
}
footer #signup .spwpb-btn {
display: block;
margin-top: 0.5rem;
width: 100%;
}
header ul.main li {
margin: 0 12px;
}
header ul.main li a {
font-size: calc(var(--display-fonts-body-base-font-size) * var(--display-factor));
}
header ul.main li .sub-menu li a {
font-size: calc(var(--display-fonts-body-base-font-size) * 0.95 * var(--display-factor));
}
header ul.main li .sub-menu li .sub-menu li a {
font-size: calc(var(--display-fonts-body-base-font-size) * 0.9 * var(--display-factor));
}
header ul.main li.call-to-action a {
background: #669923;
color: #FFFFFF;
}
header ul.main li.call-to-action a:hover {
color: #FFFFFF !important;
}
.archive .hero_block {
min-height: unset !important;
}
.archive .hero_block h1 {
margin-bottom: 0;
}
.archive .hero_block h1 + .description {
margin-top: 1rem;
}
.archive .hero_block .image {
left: 0;
right: 0;
}
.shop-loop .woocommerce-result-count {
display: none;
}
.shop-loop .woocommerce-ordering {
margin-bottom: 50px;
float: none;
}
.shop-loop .woocommerce-ordering select {
padding: 10px;
background: #F1F1F1;
border: 0;
font-size: 0.9rem;
font-family: var(--display-fonts-fonts-heading-font-family);
}
ul.products li .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
color: #254652 !important;
}
ul.products li .woocommerce-LoopProduct-link .price {
color: #2a9c8f !important;
font-weight: 600 !important;
}
ul.products li .button {
font-size: calc(var(--button-font-size) * var(--display-factor));
padding: 10px 30px;
display: inline-block;
font-family: var(--display-fonts-fonts-heading-font-family);
letter-spacing: 0.5px;
border: var(--button-border-thickness) solid transparent;
cursor: pointer;
text-align: center;
text-decoration: none !important;
background: transparent;
font-weight: var(--button-font-weight);
white-space: nowrap;
border-radius: calc(var(--button-border-radius) * var(--display-factor));
transition: all 0.25s ease-in-out 0s;
background: #669923;
color: #FFFFFF;
}
ul.products li .button:hover:hover {
background: #2a9c8f;
color: #FFFFFF;
}
header.woocommerce-products-header {
padding: 0;
border-bottom: 1px solid rgba(37, 70, 82, 0.2);
margin-bottom: calc(30px * var(--display-factor));
}
header.woocommerce-products-header .page-title {
font-size: var(--display-fonts-headings-h2);
}
.tax-product_cat .page-content-wrapper .block-content main {
padding: calc(60px * var(--display-factor));
padding-left: 0;
padding-right: 0;
}
ul.product_cat-nav {
list-style: none;
display: flex;
padding: 0;
margin-bottom: 2rem;
margin-left: -5px;
margin-right: -5px;
}
ul.product_cat-nav li {
margin: 5px;
}
ul.product_cat-nav li a {
font-size: calc(var(--button-font-size) * var(--display-factor));
padding: 10px 30px;
display: inline-block;
font-family: var(--display-fonts-fonts-heading-font-family);
letter-spacing: 0.5px;
border: var(--button-border-thickness) solid transparent;
cursor: pointer;
text-align: center;
text-decoration: none !important;
background: transparent;
font-weight: var(--button-font-weight);
white-space: nowrap;
border-radius: calc(var(--button-border-radius) * var(--display-factor));
transition: all 0.25s ease-in-out 0s;
padding: 7px 15px;
font-size: calc(var(--button-font-size) * 0.9 * var(--display-factor));
border-radius: calc(var(--button-border-radius) * 0.9 * var(--display-factor));
border-color: #2a9c8f;
color: #2a9c8f;
}
ul.product_cat-nav li a:hover {
border-color: #669923;
}
ul.product_cat-nav li a:hover:hover {
background: #669923;
color: #FFFFFF;
}
ul.product_cat-nav li.current-cat a {
background: #2a9c8f;
color: #FFFFFF;
pointer-events: none;
}
.single-product main .product {
margin-top: calc(30px * var(--display-factor));
}
.single-product main .product .summary .product_title {
font-size: var(--display-fonts-headings-h2);
}
.single-product main .product .summary .price {
color: #2a9c8f !important;
}
.single-product main .product .summary form .quantity input {
padding: 5.5px;
}
.single-product main .product .summary form button {
font-size: calc(var(--button-font-size) * var(--display-factor));
padding: 10px 30px;
display: inline-block;
font-family: var(--display-fonts-fonts-heading-font-family);
letter-spacing: 0.5px;
border: var(--button-border-thickness) solid transparent;
cursor: pointer;
text-align: center;
text-decoration: none !important;
background: transparent;
font-weight: var(--button-font-weight);
white-space: nowrap;
border-radius: calc(var(--button-border-radius) * var(--display-factor));
transition: all 0.25s ease-in-out 0s;
background: #669923;
color: #FFFFFF;
}
.single-product main .product .summary form button:hover:hover {
background: #efa411;
color: #254652;
}
.single-product main .product .summary form.variations_form table.variations th, .single-product main .product .summary form.variations_form table.variations td {
line-height: unset;
}
.single-product main .product .summary form.variations_form table.variations td {
padding-bottom: 1rem;
}
.single-product main .product .summary form.variations_form table.variations label {
margin-bottom: 0;
line-height: 2em;
}
.single-product main .product .summary form.variations_form table.variations select {
width: 100%;
padding: 5px;
}
.single-product main .product .summary form.variations_form .woocommerce-variation-price {
font-weight: 800;
font-size: var(--display-fonts-headings-h5);
margin-bottom: calc(1.5rem * var(--display-factor));
}
.single-product main .product .summary form.variations_form .woocommerce-variation-add-to-cart {
padding: calc(30px * var(--display-factor));
background: #F1F1F1;
}
.single-product main .product .summary form.variations_form .woocommerce-variation-add-to-cart button[type="submit"] {
float: unset;
}
.single-product main .product .summary .product_meta {
display: none !important;
}
.single-product main .product .woocommerce-tabs .wc-tab h2 {
font-size: var(--display-fonts-headings-h4);
}
.woocommerce-page.my-account .woocommerce, .woocommerce-page.account-details .woocommerce, .woocommerce-page.addresses .woocommerce, .woocommerce-page.orders .woocommerce, .woocommerce-page[class*="order-"] .woocommerce {
margin: 50px 0;
}
.woocommerce-page.my-account .woocommerce > *, .woocommerce-page.account-details .woocommerce > *, .woocommerce-page.addresses .woocommerce > *, .woocommerce-page.orders .woocommerce > *, .woocommerce-page[class*="order-"] .woocommerce > * {
width: 100%;
float: unset;
}
.woocommerce-page.my-account .woocommerce > nav, .woocommerce-page.account-details .woocommerce > nav, .woocommerce-page.addresses .woocommerce > nav, .woocommerce-page.orders .woocommerce > nav, .woocommerce-page[class*="order-"] .woocommerce > nav {
margin-bottom: 50px;
}
.woocommerce-page.my-account .woocommerce > nav ul, .woocommerce-page.account-details .woocommerce > nav ul, .woocommerce-page.addresses .woocommerce > nav ul, .woocommerce-page.orders .woocommerce > nav ul, .woocommerce-page[class*="order-"] .woocommerce > nav ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
display: flex;
justify-content: flex-start;
list-style: none;
flex-wrap: wrap;
padding-bottom: 20px;
border-bottom: 1px solid rgba(37, 70, 82, 0.2);
}
.woocommerce-page.my-account .woocommerce > nav ul li, .woocommerce-page.account-details .woocommerce > nav ul li, .woocommerce-page.addresses .woocommerce > nav ul li, .woocommerce-page.orders .woocommerce > nav ul li, .woocommerce-page[class*="order-"] .woocommerce > nav ul li {
margin-bottom: 10px;
padding: 0 20px;
}
.woocommerce-page.my-account .woocommerce > nav ul li a, .woocommerce-page.account-details .woocommerce > nav ul li a, .woocommerce-page.addresses .woocommerce > nav ul li a, .woocommerce-page.orders .woocommerce > nav ul li a, .woocommerce-page[class*="order-"] .woocommerce > nav ul li a {
display: block;
color: #254652;
font-size: 1rem;
border-bottom: 2px solid transparent;
}
.woocommerce-page.my-account .woocommerce > nav ul li a:hover, .woocommerce-page.account-details .woocommerce > nav ul li a:hover, .woocommerce-page.addresses .woocommerce > nav ul li a:hover, .woocommerce-page.orders .woocommerce > nav ul li a:hover, .woocommerce-page[class*="order-"] .woocommerce > nav ul li a:hover {
color: #254652;
text-decoration: none;
}
.woocommerce-page.my-account .woocommerce > nav ul li.is-active a, .woocommerce-page.account-details .woocommerce > nav ul li.is-active a, .woocommerce-page.addresses .woocommerce > nav ul li.is-active a, .woocommerce-page.orders .woocommerce > nav ul li.is-active a, .woocommerce-page[class*="order-"] .woocommerce > nav ul li.is-active a {
color: #254652;
border-color: #254652;
pointer-events: none;
}
.woocommerce-page.my-account .woocommerce > nav ul li:first-child, .woocommerce-page.account-details .woocommerce > nav ul li:first-child, .woocommerce-page.addresses .woocommerce > nav ul li:first-child, .woocommerce-page.orders .woocommerce > nav ul li:first-child, .woocommerce-page[class*="order-"] .woocommerce > nav ul li:first-child {
padding-left: 0;
}
.woocommerce-page.my-account .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account), .woocommerce-page.account-details .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account), .woocommerce-page.addresses .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account), .woocommerce-page.orders .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account), .woocommerce-page[class*="order-"] .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) {
min-height: 33vh;
}
.woocommerce-page.my-account .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) p a, .woocommerce-page.account-details .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) p a, .woocommerce-page.addresses .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) p a, .woocommerce-page.orders .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) p a, .woocommerce-page[class*="order-"] .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) p a {
font-family: var(--display-fonts-fonts-body-font-family);
}
.woocommerce-page.my-account .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set, .woocommerce-page.account-details .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set, .woocommerce-page.addresses .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set, .woocommerce-page.orders .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set, .woocommerce-page[class*="order-"] .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
width: calc(100% + 60px);
margin: 0 -30px;
}
.woocommerce-page.my-account .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-1, .woocommerce-page.my-account .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-2, .woocommerce-page.account-details .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-1, .woocommerce-page.account-details .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-2, .woocommerce-page.addresses .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-1, .woocommerce-page.addresses .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-2, .woocommerce-page.orders .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-1, .woocommerce-page.orders .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-2, .woocommerce-page[class*="order-"] .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-1, .woocommerce-page[class*="order-"] .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-2 {
max-width: 100%;
flex: 0 0 100%;
padding: 0 30px;
}
.woocommerce-page.my-account .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-1, .woocommerce-page.account-details .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-1, .woocommerce-page.addresses .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-1, .woocommerce-page.orders .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-1, .woocommerce-page[class*="order-"] .woocommerce > div:not(.woocommerce-notices-wrapper):not(.apply-for-an-account) .col2-set .col-1 {
margin-bottom: 60px;
}
@media (min-width: 992px) {
.woocommerce-page.my-account .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-1, .woocommerce-page.my-account .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-2, .woocommerce-page.account-details .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-1, .woocommerce-page.account-details .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-2, .woocommerce-page.addresses .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-1, .woocommerce-page.addresses .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-2, .woocommerce-page.orders .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-1, .woocommerce-page.orders .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-2, .woocommerce-page[class*="order-"] .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-1, .woocommerce-page[class*="order-"] .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-2 {
max-width: 50%;
flex: 0 0 50%;
}
.woocommerce-page.my-account .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-1, .woocommerce-page.account-details .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-1, .woocommerce-page.addresses .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-1, .woocommerce-page.orders .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-1, .woocommerce-page[class*="order-"] .woocommerce > div:not(.woocommerce-notices-wrapper) .col2-set .col-1 {
margin-bottom: 0;
}
}
.woocommerce .woocommerce-Addresses {
margin-top: 50px !important;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address .title {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
top: unset;
left: unset;
right: unset;
padding: 0;
box-shadow: none;
background: transparent;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address .title h2, .woocommerce .woocommerce-Addresses .woocommerce-Address .title h3 {
flex-grow: 1;
font-size: 2rem;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address .title p {
font-weight: 700;
flex-grow: 1;
}
.woocommerce .woocommerce-Addresses .woocommerce-Address .title .edit {
font-size: calc(var(--button-font-size) * var(--display-factor));
padding: 10px 30px;
display: inline-block;
font-family: var(--display-fonts-fonts-heading-font-family);
letter-spacing: 0.5px;
border: var(--button-border-thickness) solid transparent;
cursor: pointer;
text-align: center;
text-decoration: none !important;
background: transparent;
font-weight: var(--button-font-weight);
white-space: nowrap;
border-radius: calc(var(--button-border-radius) * var(--display-factor));
transition: all 0.25s ease-in-out 0s;
background: #254652;
color: #FFFFFF;
padding: 7px 15px;
font-size: calc(var(--button-font-size) * 0.9 * var(--display-factor));
border-radius: calc(var(--button-border-radius) * 0.9 * var(--display-factor));
}
.woocommerce .woocommerce-Addresses .woocommerce-Address .title .edit:hover:hover {
background: #254652;
color: #FFFFFF;
}
.woocommerce-page.basket .wp-block-woocommerce-cart .wc-block-cart__submit-button {
font-size: calc(var(--button-font-size) * var(--display-factor));
padding: 10px 30px;
display: inline-block;
font-family: var(--display-fonts-fonts-heading-font-family);
letter-spacing: 0.5px;
border: var(--button-border-thickness) solid transparent;
cursor: pointer;
text-align: center;
text-decoration: none !important;
background: transparent;
font-weight: var(--button-font-weight);
white-space: nowrap;
border-radius: calc(var(--button-border-radius) * var(--display-factor));
transition: all 0.25s ease-in-out 0s;
background: #254652;
color: #FFFFFF;
}
.woocommerce-page.basket .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover:hover {
background: #2a9c8f;
color: #FFFFFF;
}
.woocommerce-page.checkout .wc-block-checkout .wc-block-checkout__form .wc-block-components-checkout-place-order-button {
font-size: calc(var(--button-font-size) * var(--display-factor));
padding: 10px 30px;
display: inline-block;
font-family: var(--display-fonts-fonts-heading-font-family);
letter-spacing: 0.5px;
border: var(--button-border-thickness) solid transparent;
cursor: pointer;
text-align: center;
text-decoration: none !important;
background: transparent;
font-weight: var(--button-font-weight);
white-space: nowrap;
border-radius: calc(var(--button-border-radius) * var(--display-factor));
transition: all 0.25s ease-in-out 0s;
background: #254652;
color: #FFFFFF;
}
.woocommerce-page.checkout .wc-block-checkout .wc-block-checkout__form .wc-block-components-checkout-place-order-button:hover:hover {
background: #2a9c8f;
color: #FFFFFF;
}
.woocommerce-page.checkout .wc-block-checkout .wc-block-checkout__form .wc-block-components-checkout-step__content .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option label {
padding-bottom: 0 !important;
}
.woocommerce-page.checkout .wc-block-checkout .wc-block-checkout__form .wc-block-components-checkout-step__content .wc-block-components-radio-control .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control-accordion-content * {
font-weight: 400;
}
.woocommerce-page .woocommerce form h3, .woocommerce-page .woocommerce form .block-heading {
color: #254652;
}
.woocommerce-page .woocommerce form label {
color: #254652;
font-weight: 600;
margin-bottom: 0;
}
.woocommerce-page .woocommerce form input, .woocommerce-page .woocommerce form textarea {
padding: 15px;
border: 1px solid rgba(37, 70, 82, 0.1);
font-size: 1rem;
color: #254652;
}
.woocommerce-page .woocommerce form .form-row {
margin-bottom: 15px;
display: block;
}
.woocommerce-page .woocommerce form .form-row.form-row-wide {
width: 100%;
}
.woocommerce-page .woocommerce form .form-row > span {
font-size: 1rem;
color: #254652;
}
.woocommerce-page .woocommerce form .form-row > span em {
font-style: normal;
}
.woocommerce-page .woocommerce form .form-row#billing_country_field {
display: none;
}
.woocommerce-page .woocommerce form.edit-account {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.woocommerce-page .woocommerce form.edit-account .woocommerce-form-fields {
width: 100%;
display: flex;
flex-wrap: wrap;
padding-bottom: 50px;
border-bottom: 1px solid #F1F1F1;
}
.woocommerce-page .woocommerce form.edit-account .woocommerce-form-fields .form-row {
flex: 0 50%;
max-width: 50%;
margin-top: 15px;
}
.woocommerce-page .woocommerce form.edit-account fieldset {
width: 100%;
margin-top: 60px;
}
.woocommerce-page .woocommerce form.edit-account fieldset legend {
color: #254652;
font-size: 1.6rem;
}
.woocommerce-page .woocommerce form.edit-account fieldset .form-row {
width: 100%;
}
.woocommerce-page.my-account .woocommerce form button, .woocommerce-page.account-details .woocommerce form button, .woocommerce-page.addresses .woocommerce form button, .woocommerce-page.orders .woocommerce form button {
margin-top: 30px;
line-height: 1.5;
font-size: calc(var(--button-font-size) * var(--display-factor));
padding: 10px 30px;
display: inline-block;
font-family: var(--display-fonts-fonts-heading-font-family);
letter-spacing: 0.5px;
border: var(--button-border-thickness) solid transparent;
cursor: pointer;
text-align: center;
text-decoration: none !important;
background: transparent;
font-weight: var(--button-font-weight);
white-space: nowrap;
border-radius: calc(var(--button-border-radius) * var(--display-factor));
transition: all 0.25s ease-in-out 0s;
background: #254652;
color: #FFFFFF;
}
.woocommerce-page.my-account .woocommerce form button:hover:hover, .woocommerce-page.account-details .woocommerce form button:hover:hover, .woocommerce-page.addresses .woocommerce form button:hover:hover, .woocommerce-page.orders .woocommerce form button:hover:hover {
background: #254652;
color: #FFFFFF;
}
.woocommerce-page.my-account.login .woocommerce {
margin: 80px 0;
}
.woocommerce-page.my-account.login .woocommerce #customer_login {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.woocommerce-page.my-account.login .woocommerce #customer_login .col-1, .woocommerce-page.my-account.login .woocommerce #customer_login .col-2 {
max-width: 100%;
flex: 0 0 100%;
padding: 0 30px;
}
.woocommerce-page.my-account.login .woocommerce #customer_login .col-1 {
border-right: 2px solid rgba(37, 70, 82, 0.1);
margin-bottom: 60px;
}
.woocommerce-page.my-account.login .woocommerce .login-form {
padding: calc(30px * var(--display-factor));
}
.woocommerce-page.my-account.login .woocommerce form {
margin: 0;
padding: 0;
border: 0;
}
.woocommerce-page.my-account.login .woocommerce form .form-row {
display: block;
}
.woocommerce-page.my-account.login .woocommerce form .form-row label {
color: #254652;
font-weight: 600;
}
.woocommerce-page.my-account.login .woocommerce form .form-row input {
color: #254652;
padding: 15px;
border-color: rgba(37, 70, 82, 0.1);
font-size: 1rem;
}
.woocommerce-page.my-account.login .woocommerce form .form-row .woocommerce-form-login__rememberme {
display: none !important;
}
.woocommerce-page.my-account.login .woocommerce form .form-row button {
margin: 0;
margin-top: 10px;
line-height: 1.5;
font-size: calc(var(--button-font-size) * var(--display-factor));
padding: 10px 30px;
display: inline-block;
font-family: var(--display-fonts-fonts-heading-font-family);
letter-spacing: 0.5px;
border: var(--button-border-thickness) solid transparent;
cursor: pointer;
text-align: center;
text-decoration: none !important;
background: transparent;
font-weight: var(--button-font-weight);
white-space: nowrap;
border-radius: calc(var(--button-border-radius) * var(--display-factor));
transition: all 0.25s ease-in-out 0s;
background: #254652;
color: #FFFFFF;
}
.woocommerce-page.my-account.login .woocommerce form .form-row button:hover:hover {
background: #254652;
color: #FFFFFF;
}
.woocommerce-page.my-account.login .woocommerce form .lost_password a {
color: #254652;
}
.woocommerce-page.my-account.login .woocommerce form .lost_password a:hover {
color: #254652;
text-decoration: underline;
text-underline-offset: 6px;
}
.woocommerce-page.my-account.login .woocommerce .apply-for-an-account {
padding: calc(30px * var(--display-factor));
}
.woocommerce-page.my-account.login .woocommerce .apply-for-an-account > .row {
align-items: center;
}
.woocommerce-page.my-account.login .woocommerce .apply-for-an-account .title-content .content *:last-child {
margin-bottom: 1rem;
}
.woocommerce-page.my-account.login .woocommerce .apply-for-an-account .button {
display: flex;
justify-content: flex-start;
}
@media (min-width: 992px) {
.woocommerce-page.my-account.login .woocommerce #customer_login .col-1, .woocommerce-page.my-account.login .woocommerce #customer_login .col-2 {
max-width: 50%;
flex: 0 0 50%;
}
.woocommerce-page.my-account.login .woocommerce #customer_login .col-1 {
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.woocommerce-page.my-account.login .woocommerce .apply-for-an-account .title-content .content *:last-child {
margin-bottom: 0;
}
.woocommerce-page.my-account.login .woocommerce .apply-for-an-account .button {
justify-content: flex-end;
}
}
.woocommerce-page.lost-password .lost_reset_password {
padding: calc(30px * var(--display-factor));
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error {
display: flex;
justify-content: flex-start;
align-items: center;
border: 0;
background: #F1F1F1;
color: #254652;
flex-grow: 1;
}
.woocommerce .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-error:before {
top: unset;
color: #254652;
}
.woocommerce .woocommerce-message span, .woocommerce .woocommerce-info span, .woocommerce .woocommerce-error span {
flex-grow: 1;
color: #254652;
}
.woocommerce .woocommerce-message a, .woocommerce .woocommerce-info a, .woocommerce .woocommerce-error a {
margin: 0 15px;
font-size: calc(var(--button-font-size) * var(--display-factor));
padding: 10px 30px;
display: inline-block;
font-family: var(--display-fonts-fonts-heading-font-family);
letter-spacing: 0.5px;
border: var(--button-border-thickness) solid transparent;
cursor: pointer;
text-align: center;
text-decoration: none !important;
background: transparent;
font-weight: var(--button-font-weight);
white-space: nowrap;
border-radius: calc(var(--button-border-radius) * var(--display-factor));
transition: all 0.25s ease-in-out 0s;
padding: 7px 15px;
font-size: calc(var(--button-font-size) * 0.9 * var(--display-factor));
border-radius: calc(var(--button-border-radius) * 0.9 * var(--display-factor));
background: #254652;
color: #FFFFFF;
}
.woocommerce .woocommerce-message a:hover:hover, .woocommerce .woocommerce-info a:hover:hover, .woocommerce .woocommerce-error a:hover:hover {
background: #254652;
color: #FFFFFF;
}
.woocommerce ul.woocommerce-error {
flex-grow: 1;
}
.woocommerce .woocommerce-order .woocommerce-order-overview {
background: #F1F1F1;
padding: 30px;
margin-bottom: 0;
}
.woocommerce .woocommerce-order .woocommerce-order-details .product-name a {
font-size: 1.2rem !important;
}
.woocommerce .woocommerce-order .woocommerce-order-details .product-name ul {
padding-left: 0;
}
.woocommerce .woocommerce-order .woocommerce-order-details .product-name ul li, .woocommerce .woocommerce-order .woocommerce-order-details .product-name ul li p {
font-size: 1rem !important;
}
.woocommerce .woocommerce-order > section {
margin-bottom: 45px;
}
.woocommerce-order-received .order-received {
padding: calc(60px * var(--display-factor));
padding-left: 15px;
padding-right: 15px;
}
.woocommerce-order-received .order-received .woocommerce-order ul.order_details + p {
background: #e4e4e4;
padding: 10px 20px;
font-weight: 700;
margin-bottom: 30px;
}
.woocommerce-order-received .order-received .woocommerce-order h2 {
font-size: clamp(1.5rem, 1vw, 2rem);
}
.woocommerce-order-received .order-received .woocommerce-order .woocommerce-order-details table tbody tr td a {
color: #254652;
text-decoration: none;
}
.woocommerce-order-received .order-received .woocommerce-order .woocommerce-order-details table tbody tr td a:hover {
color: #254652;
}
.woocommerce-order-received .order-received .woocommerce-order .woocommerce-order-details table tbody tr td ul.wc-item-meta {
display: none;
}
.woocommerce-view-order div[class*="order-"] h2 {
font-size: clamp(1.5rem, 1vw, 2rem);
}
.woocommerce-view-order div[class*="order-"] .woocommerce-order-details table tbody tr td a {
color: #254652;
text-decoration: none;
}
.woocommerce-view-order div[class*="order-"] .woocommerce-order-details table tbody tr td a:hover {
color: #254652;
}
.woocommerce-view-order div[class*="order-"] .woocommerce-order-details table tbody tr td ul.wc-item-meta {
display: none;
}