/*!
Theme Name: Verde de Lavanda WP
Theme URI: https://verdedelavanda.com/
Author: eJump
Author URI: https://ejump.ro/
Developer: Emil G.
Description: Custom theme
Version: 1.09
Text Domain: vdl
*/
/*  -----------------------
    @Variables
--------------------------  */
:root {
    /*  colors */
    --color-green: #15803d;
    --color-green-alt: #064e3b;
    --color-green-dark: #042f2e;
    --color-green-bright: #86efac;
    --color-green-bright-alt: #5ed48a;
    --color-white: #ffffff;
    --color-gray: #f3f4f6;
    /*  typography  */
    --font-family-body: 'Public Sans', sans-serif;
    --font-family-heading: 'Gabarito', sans-serif;
    --font-weight-regular: 400;
    --font-weight-bold: 600;
    --font-size-h1: 34px;
    --font-size-h2: 26px;
    --font-size-h3: 22px;
    --font-size-h4: 20px;
    --font-size-h5: 18px;
    --font-size-h6: 14px;
    --font-size-p: 16px;
    --font-size-s: 12px;
    --line-height-s: 1.3;
    --line-height-m: 1.8;
    --line-height-l: 2;
    /*  various */
    --transition: 0.2s;
}
@media screen and (min-width: 768px) {
    :root {
        /*  typography  */
        --font-size-h1: 40px;
        --font-size-h2: 32px;
        --font-size-h3: 26px;
    }
}
/*  -----------------------
    @General
--------------------------  */
html,
body {
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
}
body {
    background: var(--color-white);
    color: var(--color-green-dark);
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-p);
    line-height: var(--line-height-m);
    overflow-x: hidden;
}
#content {
    min-height: calc(100vh - 350px);
}
/*  -----------------------
    @Typography
--------------------------  */
.screen-reader-text { display: none; }
h1, h2, h3, h4, h5, h6, p {
    clear: both;
    margin: 0 0 20px;
}
h1, h2, h3, h4 {
    font-family: var(--font-family-heading);
}
h5, h6, p {
    font-family: var(--font-family-body);
}
h1, h2, h3, h4 { line-height: var(--line-height-s); }
h5, h6, p { line-height: var(--line-height-m); }
h1 { font-weight: var(--font-weight-regular); }
h2, h3, h4, h5, h6, p { font-weight: var(--font-weight-regular); }
strong { font-weight: var(--font-weight-bold); }
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    margin: 0;
}
h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }
h5 { font-size: var(--font-size-h5); }
h6 { font-size: var(--font-size-h6); }
p { font-size: var(--font-size-p); }
/*  -----------------------
    @Elements
--------------------------  */
hr,
hr.wp-block-separator {
    border-bottom: none;
    opacity: 0.1;
}
blockquote {
    padding: 30px 20px 30px 40px;
    border-left: 4px solid var(--color-green);
}
.wp-block-pullquote {
    padding: 20px 0;
    border-top: 4px solid var(--color-green);
    border-bottom: 4px solid var(--color-green);
}
.wp-block-pullquote blockquote {
    padding: 30px 20px;
    border-left: none;
}
.wp-block-cover,
.wp-block-media-text {
    margin: 30px 0;
}
/*  --- links   */
a,
a:visited,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    transition: color var(--transition);
}
a,
a:visited {
    color: var(--color-green-alt);
}
a:hover,
a:focus,
a:active {
    color: var(--color-green);
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active {
    outline: 0;
}
/*  --- media   */
img {
    width: auto;
    max-width: 100%;
    height: auto;
}
/*  --- lists   */
ul li {
    font-size: var(--font-size-p);
    margin: 0 0 15px 0;
}
ul li:last-child {
    margin: 0;
}
/*  -----------------------
    @Helpers
--------------------------  */
.text-center { text-align: center; }
.text-start { text-align: left; }
.text-end { text-align: right; }
/*  -----------------------
    @Buttons
--------------------------  */
.btn {
    display: inline-block;
    padding: 15px 30px;
    margin: 5px;
    border-radius: 8px;
    text-align: center;
    font-size: var(--font-size-p);
    font-weight: var(--font-weight-bold);
    line-height: 1;
    transition: all var(--transition);
}
.btn svg {
    height: 20px;
    width: auto;
    transition: fill var(--transition);
}
.btn.btn-primary,
.btn.btn-primary:visited {
    border: 1px solid var(--color-green);
    color: var(--color-white);
    background-color: var(--color-green);
}
.btn.btn-primary svg,
.btn.btn-primary:visited svg {
    fill: var(--color-white);
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
    background-color: var(--color-green-alt);
}
.btn.btn-secondary,
.btn.btn-secondary:visited {
    border: 1px solid var(--color-green-bright);
    color: var(--color-green-dark);
    background-color: var(--color-green-bright);
}
.btn.btn-secondary svg,
.btn.btn-secondary:visited svg {
    fill: var(--color-green-dark);
}
.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus {
    color: var(--color-green-dark);
    background-color: var(--color-green);
    border-color: var(--color-green);
}
.btn.btn-secondary:hover svg,
.btn.btn-secondary:active svg,
.btn.btn-secondary:focus svg {
    fill: var(--color-green-dark);
}
/*  -----------------------
    @Masthead
--------------------------  */
.masthead {
    background: var(--color-white);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: all var(--transition);
    width: 100%;
}
#masthead {
    position: relative;
    z-index: 9;
    transform: translateY(0);
}
#masthead-sticky {
    position: fixed;
    top: 0;
    z-index: 99;
    transform: translateY(-100%);
}
body.is-scrolled #masthead {
    transform: translateY(-100%);
}
body.is-scrolled #masthead-sticky {
    transform: translateY(0);
}
@media screen and (min-width: 600px) and (max-width: 782px) {
    body.logged-in.is-scrolled #masthead-sticky { 
        margin-top: 46px;
    }
}
@media screen and (min-width: 783px) {
    body.logged-in.is-scrolled #masthead-sticky { 
        margin-top: 32px;
    }
}
#masthead-sticky .branding-logo img {
    max-width: 60px !important;
}
/*  --- masthead toggle */
.masthead-toggle {
    display: inline-block;
    width: 50px;
    height: 50px;
}
.masthead-toggle-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
}
.masthead-toggle-button:hover,
.masthead-toggle-button:focus,
.masthead-toggle-button:active {
    background: transparent !important;
}
.masthead-toggle-button svg {
    width: 24px;
    height: auto;
}
.masthead-toggle-button .icon-close,
body.is-menu-open .masthead-toggle-button .icon-menu {
    display: none;
}
body.is-menu-open .masthead-toggle-button .icon-close {
    display: initial;
}
/*  --- masthead menu behavior */
.masthead-menu {
    display: none;
    flex-direction: column;
    position: absolute;
    top: calc(100% - 10px);
    right: 12px;
    width: calc(100% - 24px);
    height: auto;
    background: var(--color-white);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
    padding: 20px;
    margin: 0;
}
body.is-menu-open #masthead .masthead-menu,
body.is-menu-open.is-scrolled #masthead-sticky .masthead-menu {
    display: flex;
}
body.is-menu-open.is-scrolled #masthead .masthead-menu,
body.is-menu-open #masthead-sticky .masthead-menu {
    display: none;
}
@media screen and (min-width: 568px) {
    .masthead-menu {
        width: 440px;
    }
}
@media screen and (min-width: 992px) {
    #masthead .masthead-menu {
        display: block;
        position: relative;
        top: initial;
        right: initial;
        width: 100%;
        box-shadow: none;
        padding: 0;
    }
    #masthead .masthead-toggle { display: none; }
}
/*  --- masthead-menu items */
.masthead-menu > * {
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 0 0 15px 0;
    margin: 15px 0 0;
}
.masthead-menu > *:first-child {
    margin: 0;
}
.masthead-menu > *:last-child {
    border-bottom: none;
    padding: 0;
}
.masthead-menu ul {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.masthead-menu ul.wp-block-social-links {
    flex-direction: row;
}
.masthead-menu ul.wp-block-social-links li a:hover svg,
.masthead-menu ul.wp-block-social-links li a:focus svg,
.masthead-menu ul.wp-block-social-links li a:active svg {
    fill: var(--color-green-alt);
}
.masthead-menu ul li {
    display: block;
    margin: 6px 0;
    font-size: 16px;
}
@media screen and (min-width: 992px) {
    #masthead .masthead-menu > * {
        display: inline-block;
        border-bottom: none;
        padding: 0;
        margin: 0 0 0 20px;
    }
    #masthead .masthead-menu ul {
        display: block;
    }
    #masthead .masthead-menu ul li {
        display: inline-block;
        margin: 0 20px 0 0;
    }
    #masthead .masthead-menu ul li:last-child {
        margin: 0;
    }
}
.masthead-menu ul.wp-block-social-links li {
    margin: 0 5px 0 0 !important;
    font-size: 26px;
}
.masthead-menu ul.wp-block-social-links li:last-child {
    margin: 0 5px 0 0 !important;
}
.masthead-menu ul.wp-block-social-links li a {
    display: block;
}
.masthead-menu .masthead-nav-secondary a {
    display: block;
    padding: 12px 25px;
    margin: 0;
    text-align: center;
    font-weight: var(--font-weight-bold);
    line-height: 1;
    transition: all var(--transition);
    color: var(--color-white);
    background-color: var(--color-green);
    border-radius: 8px;
}
.masthead-menu .masthead-nav-secondary a:hover,
.masthead-menu .masthead-nav-secondary a:focus,
.masthead-menu .masthead-nav-secondary a:active {
    background-color: var(--color-green-alt);
}
.masthead-menu .masthead-nav-secondary .wpml-ls-item a,
.masthead-menu .masthead-nav-secondary .wpml-ls-item a:visited,
.masthead-menu .masthead-nav-secondary .wpml-ls-item a:hover,
.masthead-menu .masthead-nav-secondary .wpml-ls-item a:focus,
.masthead-menu .masthead-nav-secondary .wpml-ls-item a:active {
	display: inline-block;
	padding: 5px;
	margin: 0 10px 0 0;
	background: transparent;
}
/*  -----------------------
    @Colophon
--------------------------  */
#colophon {
    background: var(--color-white);
    padding: 40px 0;
    border-top: 1px solid rgba(0,0,0,0.1)
}
/*  -----------------------
    @Section > Hero
--------------------------  */
#hero {
    width: 100%;
    height: auto;
    padding: 70px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--color-gray);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}
#hero p {
    font-size: var(--font-size-h4);
}
#hero .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: var(--color-white);
    opacity: 0.7;
}
#hero .container {
    position: relative;
    z-index: 3;
}
@media screen and (min-width: 992px) {
    #hero {
        padding: 100px 0;
    }
}
/*  -----------------------
    @Section > Pagination
--------------------------  */
.vdl-pagination {
    padding: 20px 0;
}
.vdl-pagination .nav-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.vdl-pagination .nav-links > * {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    line-height: 1;
    border-radius: 8px;
    transition: all var(--transition);
}
.vdl-pagination .nav-links > *:hover,
.vdl-pagination .nav-links > *.current {
    border: 1px solid var(--color-green);
}
/*  -----------------------
    @Content > Single
--------------------------  */
body.single-post #hero h1 {
    margin-bottom: 0;
}
/*  -----------------------
    @Content > Modals
--------------------------  */
.vdl-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    padding: 50px 20px;
    background-color: rgba(0,0,0,0.8);
}
.vdl-modal .container {
    max-width: 100%;
}
.vdl-modal.is-active {
    display: block;
}
body.vdl-modal-active {
    overflow: hidden;
}
.vdl-modal .vdl-modal-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    min-height: 100%;
}
.vdl-modal .vdl-modal-close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9999;
    background: var(--color-white);
    color: var(--color-black);
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-weight: var(--font-weight-bold);
    cursor: pointer;
}
.vdl-modal .vdl-modal-close svg {
    width: 20px;
    height: 20px;
    fill: var(--color-gray-darkest);
}
.vdl-modal .vdl-modal-inner {
    background: var(--color-white);
    position: relative;
    max-width: 1140px;
    height: auto;
    margin: 0 auto;
    padding: 40px;
    overflow: hidden;
}
@media screen and (min-width: 992px) {
    .vdl-modal .vdl-modal-inner {
        min-width: 700px;
    }
}
/*  -----------------------
    @Content > Cards
--------------------------  */
.item-card {
    display: block;
    height: calc(100% - 30px);
    margin: 0 0 30px 0;
    box-shadow: 0 2px 3px rgba(0,0,0,0.07);
    transition: all var(--transition);
    position: relative;
    top: 0;
}
.item-card:hover {
    top: -5px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
.item-card-thumbnail {
    display: block;
    margin: 0 0 10px 0;
    width: 100%;
    height: 250px;
    overflow: hidden;
    background: url('assets/imgs/card-default.png');
    background-position: 50% 50%;
    background-size: cover;
}
.item-card-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.item-card-content {
    padding: 20px 30px 40px;
}
.item-card-content h4 {
    font-size: var(--font-size-h5);
}
/*  -----------------------
    @Content > Testimonials
--------------------------  */
#testimonials-carousel {
    color: var(--color-white);
}
.carousel-item {
    width: 100%;
}
.carousel-item > div {
    display: block;
    margin: 20px auto;
    text-align: center;
    max-width: 820px;
}
#testimonials-carousel .slick-arrow {
    position: absolute;
    top: calc(50% - 25px);
    font-size: 0;
    display: block;
    width: 50px;
    height: 50px;
    z-index: 9;
    background: transparent;
    opacity: 0.6;
}
#testimonials-carousel .slick-arrow:hover {
    opacity: 1;
    background: transparent;
}
#testimonials-carousel .slick-arrow:before {
    content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 49 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.2071 7.29289C33.5976 7.68342 33.5976 8.31658 33.2071 8.70711L17.9142 24L33.2071 39.2929C33.5976 39.6834 33.5976 40.3166 33.2071 40.7071C32.8166 41.0976 32.1834 41.0976 31.7929 40.7071L15.7929 24.7071C15.4024 24.3166 15.4024 23.6834 15.7929 23.2929L31.7929 7.29289C32.1834 6.90237 32.8166 6.90237 33.2071 7.29289Z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 20px;
    height: auto;
}
#testimonials-carousel .slick-next:before {
    transform: rotate(180deg);
}
#testimonials-carousel .slick-prev {
    left: 0;
}
#testimonials-carousel .slick-next {
    right: 0;
}
/*  -----------------------
    @Forms
--------------------------  */
input,
textarea,
select {
    font-size: var(--font-size-p);
    font-weight: var(--font-weight-regular);
    color: var(--color-green-dark);
    background-color: var(--color-white);
}
label {
    width: 100%;
	font-size: var(--font-size-p);
    font-weight: var(--font-weight-regular);
	color: var(--color-white);
}
label a,
label a:visited {
	color: var(--color-green-bright);
}
label a:hover,
label a:active,
label a:focus {
	color: var(--color-white);
}
label,
input,
textarea,
select {
    line-height: var(--line-height-m);
}
input,
textarea,
select {
    line-height: 1;
    border-radius: 6px;
    padding: 13px 13px 13px;
    margin: 0 0 15px 0;
    outline: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: var(--color-green-bright);
    color: var(--color-green-dark);
    font-weight: var(--font-weight-medium);
    line-height: 1;
    padding: 13px 30px 13px;
    outline: 0;
    border: none;
    cursor: pointer;
    transition: all var(--transition);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border: none;
    outline: 0;
    color: var(--color-green-dark);
    background: var(--color-green);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    color: inherit;
    color: var(--color-green-dark);
    border: 1px solid rgba(0,0,0,0.1);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    color: var(--color-green-dark);
}
textarea {
    width: 100%;
}
input[type="checkbox"],
input[type="radio"] {
    position: relative;
    z-index: 1;
    margin: 2px 10px 2px 2px;
}
input[type="checkbox"]:before,
input[type="checkbox"]:after,
input[type="radio"]:before,
input[type="radio"]:after {
    position: absolute;
    display: block;
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-regular);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
input[type="checkbox"]:before,
input[type="checkbox"]:after {
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px;
}
input[type="checkbox"]:before {
    content: '';
    z-index: 2;
    background: var(--color-green-bright);
    border: 1px solid var(--color-green-bright);
    transition: all var(--transition);
}
input[type="checkbox"]:checked:before {
    background: var(--color-green-bright);
    border-color: var(--color-green-bright);
}
input[type="checkbox"]:after {
    content: '✓';
    z-index: 3;
    color: var(--color-green-dark);
    opacity: 0;
    transition: all var(--transition);
}
.background-white input[type="checkbox"]:before {
    background: var(--color-green-bright);
    border: 1px solid var(--color-green-bright);
}
.background-white input[type="checkbox"]:checked:before {
    background: var(--color-green-bright);
    border-color: var(--color-green-bright);
}
.background-white input[type="checkbox"]:after {
    color: var(--color-green-dark);
}
input[type="checkbox"]:checked:after {
    opacity: 1;
}
input[type="radio"]:before,
input[type="radio"]:after {
    content: '';
    border-radius: 10px;
}
input[type="radio"]:before {
    z-index: 2;
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px;
    background: var(--color-green-bright);
    border: 1px solid var(--color-green-bright);
}
input[type="radio"]:after {
    z-index: 3;
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    opacity: 0;
    background: var(--color-green-dark);
    transition: all var(--transition);
}
input[type="radio"]:checked:before {
    background: var(--color-green-bright);
    border-color: var(--color-green-bright);
}
.background-white input[type="radio"]:before {
    background: var(--color-green-bright);
    border: 1px solid var(--color-green-bright);
}
.background-white input[type="radio"]:after {
    background: var(--color-green-bright);
}
.background-white input[type="radio"]:checked:before {
    background: var(--color-green-dark);
    border-color: var(--color-green-dark);
}
input[type="radio"]:checked:after {
    opacity: 1;
}
/*  --- ninja forms custom styles   */
.label-right .nf-field-label {
	padding-left: 15px !important;
}
.nf-response-msg {
	color: var(--color-white);
}
.nf-error-msg, 
.ninja-forms-req-symbol {
    color: var(--color-green-bright) !important;
}
.nf-form-content .list-select-wrap .nf-field-element > div, 
.nf-form-content input[type="text"],
.nf-form-content input[type="email"],
.nf-form-content input[type="tel"],
.nf-form-content textarea {
    background-color: var(--color-white) !important;
    color: var(--color-green-dark) !important;
    border: none !important;
}
.nf-form-content label {
    font-size: var(--font-size-p) !important;
    color: var(--color-white) !important;
    font-weight: var(--font-weight-regular) !important;
}
.nf-error .nf-error-msg {
    font-size: var(--font-size-s) !important;
}
.nf-form-content input[type="submit"] {
    background-color: var(--color-green-bright) !important;
    font-size: var(--font-size-p) !important;
    font-weight: var(--font-weight-bold) !important;
    color: var(--color-green-dark) !important;
    padding: 15px 30px !important;
    line-height: 1 !important;
    text-transform: none;
}
.nf-form-content input[type="submit"]:hover,
.nf-form-content input[type="submit"]:focus {
    background-color: var(--color-green-bright-alt) !important;
}
.submit-wrap.textbox-wrap {
    text-align: right !important;
}
.nf-before-form-content {
    display: none !important;
}
.nf-field-container {
    margin-bottom: 20px !important;
    text-align: left !important;
}
.nf-field-element {
    text-align: left !important;
}
.nf-field-element textarea {
    height: 100px !important;
}
/*  -----------------------
    @Elementor
--------------------------  */
.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -15px !important;
}
.elementor-google-map .elementor-custom-embed {
    height: calc(100% - 25px);
    border-radius: 8px;
    overflow: hidden;
}
.elementor-google-map .elementor-custom-embed iframe {
    height: 100%;
}
.e-n-accordion-item-title {
    border: none !important;
    border-top: 1px solid rgba(0,0,0,0.2) !important;
    padding: 20px 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
}
.e-n-accordion-item-title .e-n-accordion-item-title-icon {
    margin-right: 10px !important;
}
.e-n-accordion-item > .e-child {
    border: none !important;
    padding: 0 0 20px 0 !important;
}
h5.e-n-accordion-item-title-text {
    font-size: var(--font-size-h4) !important;
}
.products .premium-woo-product-wrapper .premium-woo-products-details-wrap {
    padding: 20px 0;
}
.products .premium-woo-product-wrapper .premium-woo-products-details-wrap .premium-woo-product__link {
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-bold);
}
.products .premium-woo-product-wrapper .premium-woo-products-details-wrap .price {
    display: block;
    margin: 20px 0;
}
.products .premium-woo-product-wrapper .premium-woo-products-details-wrap .premium-woo-atc-button a,
.products .premium-woo-product-wrapper .premium-woo-products-details-wrap .premium-woo-atc-button a:visited {
    display: inline-block;
    padding: 12px 25px;
    margin: 5px;
    border-radius: 8px;
    text-align: center;
    font-size: var(--font-size-p);
    font-weight: var(--font-weight-bold);
    line-height: 1;
    transition: all var(--transition);
    border: 1px solid var(--color-green);
    color: var(--color-white);
    background-color: var(--color-green);
}
.products .premium-woo-product-wrapper .premium-woo-products-details-wrap .premium-woo-atc-button a:hover,
.products .premium-woo-product-wrapper .premium-woo-products-details-wrap .premium-woo-atc-button a:focus,
.products .premium-woo-product-wrapper .premium-woo-products-details-wrap .premium-woo-atc-button a:active {
    background-color: var(--color-green-alt);
}
/*  -----------------------
    @Woocommerce
--------------------------  */
#modal-cart .product-thumbnail img {
    width: 32px;
    height: 32px;
}
input#coupon_code {
    min-width: 150px;
}
.button {
    padding: 12px 25px !important;
    margin: 5px !important;
    border-radius: 8px !important; 
}
.checkout-button {
    background: var(--color-green) !important;
    color: var(--color-white) !important;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, 
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    box-shadow: none !important;
}
input.wc-block-components-radio-control__input:after,
input.wc-block-components-radio-control__input:before {
    content: none;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
    background: var(--color-green-bright) !important;
}
.wc-block-components-checkbox label {
	color: var(--color-green-dark);
}
.wc-block-components-checkbox__label {
	padding-top: 4px;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:before {
	left: 4px;
	top: 4px;
	background-color: white;
	border-color: white;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked:before {
	background-color: var(--color-green-bright);
	border-color: var(--color-green-bright);
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark {
    margin-left: 0.45em !important;
    margin-top: 0.3em !important;
}
.wc-block-components-checkout-place-order-button:hover {
    color: var(--color-white) !important
}
.actions .coupon {
    display: flex;
    flex-direction: row;
    align-items: center;
}
input#coupon_code {
    padding: 13px 13px 13px !important;
}
.single-product form.cart {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px 0 0;
}
.single-product form.cart input {
    margin: 0;
}
.single-product form.cart button[type="submit"] {
    background: var(--color-green) !important;
    color: var(--color-white) !important;
}
.single-product form.cart button[type="submit"]:hover {
    background: var(--color-green-alt) !important;
    color: var(--color-white) !important;
}
.related.products {
    border-top: 1px solid rgba(0,0,0,0.1);
    padding: 30px 0;
    margin: 60px 0 30px;
    display: block;
}
.woocommerce-product-gallery__image {
    max-height: 300px !important;
	overflow: hidden !important;
}
.product_meta {
	margin: 30px 0 !important;
}
.premium-woo-product-wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.premium-woo-product-wrapper .premium-woo-products-details-wrap {
	flex: 1 1 auto;
	display: flex;
    flex-direction: column;
}
.premium-woo-product-wrapper .premium-woo-products-details-wrap .premium-woo-product-desc {
	flex: 1 1 auto;
}
.add_to_cart_button {
	background: var(--color-green) !important;
    color: var(--color-white) !important;
}
.add_to_cart_button:hover,
.add_to_cart_button:focus,
.add_to_cart_button:active {
	background: var(--color-green-alt) !important;
    color: var(--color-white) !important;
}
.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-product-metadata {
	display: none !important;
}
.woocommerce-page .term-description {
	padding: 0 0 40px 0;
}