/*
Theme Name: Puumedi
Author:       WebAula Oy
Author URI:   https://webaula.fi/
Template:     understrap
Version:      1.0.0
Text Domain:  puumedi
*/

.elementor-kit-6 {
    --e-global-typography-primary-font-family: "greycliff-cf", sans-serif;
    --e-global-typography-primary-font-weight: 700;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "greycliff-cf", sans-serif;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "greycliff-cf", sans-serif;
    --e-global-typography-accent-font-weight: 700;
}

.greycliff-cf-regular {
    font-family: "greycliff-cf", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.greycliff-cf-bold {
    font-family: "greycliff-cf", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.greycliff-cf-regular-oblique {
    font-family: "greycliff-cf", sans-serif;
    font-weight: 400;
    font-style: italic;
}

body {
    font-family:"greycliff-cf", sans-serif;
    font-weight:400;
}

body:not(.elementor-editor-active) [data-elementor-type=header]{
    position:absolute;
    z-index:99;
    left:0;
    right:0;
}

a.e-con {
    --bs-link-color:var(--e-global-color-text);
    --bs-link-hover-color:var(--e-global-color-text);
}

[data-external-link] {
    cursor:pointer;
}

.elementor-kit-6 form button,
.elementor-kit-6 input[type="button"],
.elementor-kit-6 input[type="submit"],
.elementor-kit-6 .elementor-button {
    line-height:1;
}
.elementor-kit-6 form button,
.elementor-kit-6 input[type="button"],
.elementor-kit-6 input[type="submit"] {
    background-color: var(--e-global-color-accent);
    fill: var(--e-global-color-771a9dc);
    color: var(--e-global-color-771a9dc);
    border:1px solid var(--e-global-color-accent);
}

.elementor-button-link .elementor-button-icon svg {
    transform:scale(1.47);
}

.elementor-button-content-wrapper:has(.elementor-button-icon) {
    align-items: center;
}

.elementor-kit-6 .elementor-button:has(.elementor-button-icon) {
    padding-left:0.94em;
}

.elementor-kit-6 button.navbar-toggler {
    --matched-radius-padding: 1rem;
    --matched-radius-inner-size: 1.125rem;
    --bs-border-width:2px;
    --bs-navbar-toggler-border-color:var(--e-global-color-accent);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='%23000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    padding:0;
}

.navbar-toggler,
#main-mobile-menu-toggle {
    padding: var(--matched-radius-padding);
    border-radius: calc(
        var(--matched-radius-inner-size) + var(--matched-radius-padding)
    );
    width:calc(1.5rem + var(--matched-radius-padding));
    height:calc(1.5rem + var(--matched-radius-padding));
    margin:calc(-1 * var(--bs-border-width));
    background-image:none;
    mask:var(--bs-navbar-toggler-icon-bg) center/70% auto no-repeat;
    background-color:var(--e-global-color-accent);
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon,
#main-mobile-menu-toggle[aria-expanded=true] .toggler-icon {
    mask:var(--bs-navbar-toggler-icon-bg) center/70% auto no-repeat, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.menu-item.dropdown:has(.dropdown-toggle) {
    display:flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-item + .dropdown-toggle {
    margin-right:auto;
    padding:0;
    border:0;
    border-radius:3px 0 0 3px;
    height:32px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
}
#main-menu-mobile .dropdown-toggle[aria-expanded=false] {
    background-color:var(--color-white-desert);
}
#main-menu-mobile .current-menu-item > .dropdown-toggle[aria-expanded=false],
#main-menu-mobile .dropdown-toggle[aria-expanded=true] {
    background-color:var(--color-soar);
}
#main-menu-mobile .current-menu-item > .dropdown-toggle[aria-expanded=true] {
    background-color:var(--e-global-color-accent);
    color:var(--color-white);
}

.admin-bar .offcanvas.offcanvas-start {
    top:var(--wp-admin--admin-bar--height);
}

.offcanvas .list-group {
    --bs-list-group-active-bg: var(--e-global-color-accent);
    --bs-list-group-active-border-color: var(--e-global-color-accent);
    --bs-list-group-action-hover-bg: var(--color-soar);
    --bs-list-group-border-width: 0px;
}

.offcanvas .list-group .nav-link {
    --bs-list-group-border-width: 1px;
    border-radius:15px;
}

.offcanvas .list-group .nav-link:hover {
    --bs-list-group-border-color: var(--color-soar);
}

.list-group i.fa {
    margin-right:.25em;
}

ul#main-menu.nav {
    @media (max-width:1399.98px) {
        position:absolute;
    }
}

ul#main-menu a.nav-link {
    font-weight:bold;
    color:var(--e-global-color-text);
    font-size:var(--font-size--18);
}

.dropdown-menu {
    --bs-dropdown-link-hover-bg:var(--color-soar);
    --bs-dropdown-link-active-bg:var(--e-global-color-accent);
}
.dropdown-menu .current-menu-item {
    background-color:var(--bs-dropdown-link-hover-bg);
}
.dropdown-menu .current-menu-item > .dropdown-item {
    font-weight:bold;
}

.table.style-pricelist {
    font-size:var(--font-size--16);
    table-layout: fixed;
}

.table.style-pricelist thead {
    border-bottom:8px solid var(--bs-body-bg);
}

.table.style-pricelist thead tr th {
    --bs-table-bg: var(--color-white-desert);
    text-transform: uppercase;
    color:var(--bs-table-heading-color, var(--color-nordmann-fir));
    font-size:var(--font-size--14);
}

.table.style-pricelist thead tr th.price,
.table.style-pricelist tbody tr td.price {
    width:80px;
}

.table.style-pricelist tbody tr:nth-child(odd) td {
    --bs-table-bg: var(--color-soar);
}

.table.style-pricelist tbody tr td:last-child {
    font-weight:700;
}

.table.style-pricelist>:not(caption)>*>*, 
.wp-block-table table.is-style-pricelist>:not(caption)>*>* {
    border-bottom:0;
    box-shadow:none;
}

.gfield.hidden_label.field_sublabel_above .form-label {
    font-weight:bold;
}

.gform_required_legend {
    color:var(--color-off-black);
    font-size:var(--font-size--14);
    margin-bottom:1.5em;
}

.form-control {
    --gf-input-border-color:var(--color-white);
    border:3px solid var(--gf-input-border-color);
    font-size:var(--font-size--18);
    background-size:1.4em 1.4em;
    background-position:top 50% left 0.611em;
    background-repeat:no-repeat;
    padding-left:2.55em !important;
}
.form-control:focus {
    --gf-input-border-color:var(--e-global-color-accent);
    border-color:var(--gf-input-border-color);
    box-shadow:none;
}
.form-control::placeholder {
    color:#acacac;
}
    
.gfield--type-name input[type=text] {
    background-image:url('data:image/svg+xml;utf-8,<svg data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"><g data-name="invisible box"><rect id="Rectangle_254" data-name="Rectangle 254"  fill="none"/></g><g data-name="icons Q2" transform="translate(1.083 1.083)"><g data-name="Group 95"><path data-name="Path 85" d="M20.333,10a4.333,4.333,0,1,0,4.333,4.333A4.333,4.333,0,0,0,20.333,10Zm0,6.5A2.167,2.167,0,1,1,22.5,14.333,2.167,2.167,0,0,1,20.333,16.5Z" transform="translate(-8.417 -5.667)" fill="%23acacac"/><path data-name="Path 86" d="M13.917,2a11.863,11.863,0,1,0,8.442,3.474A11.917,11.917,0,0,0,13.917,2ZM7.308,21.067a14.3,14.3,0,0,1,6.608-1.733,14.3,14.3,0,0,1,6.608,1.733,9.7,9.7,0,0,1-13.217,0Zm14.679-1.679h0a16.629,16.629,0,0,0-8.071-2.221,16.629,16.629,0,0,0-8.071,2.221h0a9.587,9.587,0,0,1-1.679-5.471,9.75,9.75,0,1,1,19.5,0,9.587,9.587,0,0,1-1.679,5.471Z" transform="translate(-2 -2)" fill="%23acacac"/></g></g></svg>');
}
.gfield--type-name input[type=text]:focus {
    background-image:url('data:image/svg+xml;utf-8,<svg data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26"><g data-name="invisible box"><rect id="Rectangle_254" data-name="Rectangle 254"  fill="none"/></g><g data-name="icons Q2" transform="translate(1.083 1.083)"><g data-name="Group 95"><path data-name="Path 85" d="M20.333,10a4.333,4.333,0,1,0,4.333,4.333A4.333,4.333,0,0,0,20.333,10Zm0,6.5A2.167,2.167,0,1,1,22.5,14.333,2.167,2.167,0,0,1,20.333,16.5Z" transform="translate(-8.417 -5.667)" fill="%232E706E"/><path data-name="Path 86" d="M13.917,2a11.863,11.863,0,1,0,8.442,3.474A11.917,11.917,0,0,0,13.917,2ZM7.308,21.067a14.3,14.3,0,0,1,6.608-1.733,14.3,14.3,0,0,1,6.608,1.733,9.7,9.7,0,0,1-13.217,0Zm14.679-1.679h0a16.629,16.629,0,0,0-8.071-2.221,16.629,16.629,0,0,0-8.071,2.221h0a9.587,9.587,0,0,1-1.679-5.471,9.75,9.75,0,1,1,19.5,0,9.587,9.587,0,0,1-1.679,5.471Z" transform="translate(-2 -2)" fill="%232E706E"/></g></g></svg>');
}

.gfield--type-email input[type=email] {
    background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><g data-name="Layer 2"><g data-name="invisible box"><rect data-name="Rectangle 253" width="22" height="22" fill="none"/></g><g data-name="icons Q2" transform="translate(0.893 3.585)"><path id="Path_84" data-name="Path 84" d="M20.754,7H2.893A.893.893,0,0,0,2,7.893v13.4a.893.893,0,0,0,.893.893H20.754a.893.893,0,0,0,.893-.893V7.893A.893.893,0,0,0,20.754,7Zm-.893,13.4H3.786V11.331l7.814,4.6a.4.4,0,0,0,.447,0L19.861,11.2Zm-7.814-6.519a.4.4,0,0,1-.447,0L3.786,8.786H19.861Z" transform="translate(-2 -7)" fill="%23acacac"/></g></g></svg>');
}
.gfield--type-email input[type=email]:focus {
    background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><g data-name="Layer 2"><g data-name="invisible box"><rect data-name="Rectangle 253" width="22" height="22" fill="none"/></g><g data-name="icons Q2" transform="translate(0.893 3.585)"><path id="Path_84" data-name="Path 84" d="M20.754,7H2.893A.893.893,0,0,0,2,7.893v13.4a.893.893,0,0,0,.893.893H20.754a.893.893,0,0,0,.893-.893V7.893A.893.893,0,0,0,20.754,7Zm-.893,13.4H3.786V11.331l7.814,4.6a.4.4,0,0,0,.447,0L19.861,11.2Zm-7.814-6.519a.4.4,0,0,1-.447,0L3.786,8.786H19.861Z" transform="translate(-2 -7)" fill="%232E706E"/></g></g></svg>');
}

.gfield--type-phone input[type=phone] {
    background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.541 21.541"><g><path data-name="Path 87" d="M116.1,110.355l-.01-.01-.005,0-1.206-1.206a1.8,1.8,0,0,0-2.533-.006l-.007.007-.641.641-2.952-2.953.641-.641.007-.007a1.8,1.8,0,0,0-.006-2.533l-1.2-1.2-.007-.007a1.8,1.8,0,0,0-2.533,0l-.014.014-.553.553-.523.523a3.705,3.705,0,0,0-.562,3.834,10.994,10.994,0,0,0,2.79,4.39c1.883,1.883,4.188,3.052,6.017,3.052a3.033,3.033,0,0,0,2.2-.822l.687-.686.4-.4,0,0a1.8,1.8,0,0,0,.019-2.515Zm-.9,1.632-.011.011-.395.395-.684.684a1.788,1.788,0,0,1-1.314.455c-1.484,0-3.495-1.053-5.125-2.682a9.722,9.722,0,0,1-2.475-3.865,2.584,2.584,0,0,1,.247-2.575l.523-.523.562-.562.006-.006a.533.533,0,0,1,.745,0l0,0,1.209,1.209a.534.534,0,0,1,0,.754h0l-1.087,1.087a.631.631,0,0,0,0,.893l3.845,3.845a.631.631,0,0,0,.893,0l1.08-1.081.012-.011a.533.533,0,0,1,.75,0l1.206,1.206,0,0,0,0A.534.534,0,0,1,115.205,111.987Zm0,0" transform="translate(-99.366 -97.619)" fill="%23acacac"/><path data-name="Path 88" d="M18.386,3.155A10.77,10.77,0,0,0,3.155,18.386,10.77,10.77,0,0,0,18.386,3.155ZM10.77,20.279a9.508,9.508,0,1,1,9.508-9.508A9.519,9.519,0,0,1,10.77,20.279Zm0,0" fill="%23acacac"/></g></svg>');
}
.gfield--type-phone input[type=phone]:focus {
    background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.541 21.541"><g><path data-name="Path 87" d="M116.1,110.355l-.01-.01-.005,0-1.206-1.206a1.8,1.8,0,0,0-2.533-.006l-.007.007-.641.641-2.952-2.953.641-.641.007-.007a1.8,1.8,0,0,0-.006-2.533l-1.2-1.2-.007-.007a1.8,1.8,0,0,0-2.533,0l-.014.014-.553.553-.523.523a3.705,3.705,0,0,0-.562,3.834,10.994,10.994,0,0,0,2.79,4.39c1.883,1.883,4.188,3.052,6.017,3.052a3.033,3.033,0,0,0,2.2-.822l.687-.686.4-.4,0,0a1.8,1.8,0,0,0,.019-2.515Zm-.9,1.632-.011.011-.395.395-.684.684a1.788,1.788,0,0,1-1.314.455c-1.484,0-3.495-1.053-5.125-2.682a9.722,9.722,0,0,1-2.475-3.865,2.584,2.584,0,0,1,.247-2.575l.523-.523.562-.562.006-.006a.533.533,0,0,1,.745,0l0,0,1.209,1.209a.534.534,0,0,1,0,.754h0l-1.087,1.087a.631.631,0,0,0,0,.893l3.845,3.845a.631.631,0,0,0,.893,0l1.08-1.081.012-.011a.533.533,0,0,1,.75,0l1.206,1.206,0,0,0,0A.534.534,0,0,1,115.205,111.987Zm0,0" transform="translate(-99.366 -97.619)" fill="%232E706E"/><path data-name="Path 88" d="M18.386,3.155A10.77,10.77,0,0,0,3.155,18.386,10.77,10.77,0,0,0,18.386,3.155ZM10.77,20.279a9.508,9.508,0,1,1,9.508-9.508A9.519,9.519,0,0,1,10.77,20.279Zm0,0" fill="%232E706E"/></g></svg>');
}

.gfield--type-textarea textarea {
    background-position:top .611em left .611em;
    background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"><path d="M11.5,0A11.5,11.5,0,0,0,1.525,17.225l-1.482,4.6a.9.9,0,0,0,1.131,1.131l4.6-1.482A11.5,11.5,0,1,0,11.5,0Zm0,21.2a9.675,9.675,0,0,1-5.136-1.47.9.9,0,0,0-.752-.093l-3.322,1.07,1.07-3.322a.9.9,0,0,0-.094-.752A9.7,9.7,0,1,1,11.5,21.2Zm1.123-9.7A1.123,1.123,0,1,1,11.5,10.377,1.123,1.123,0,0,1,12.623,11.5Zm4.492,0a1.123,1.123,0,1,1-1.123-1.123A1.123,1.123,0,0,1,17.115,11.5Zm-8.984,0a1.123,1.123,0,1,1-1.123-1.123A1.123,1.123,0,0,1,8.131,11.5Zm0,0" fill="%23acacac" /></svg>');
}
.gfield--type-textarea textarea:focus {
    background-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23"><path d="M11.5,0A11.5,11.5,0,0,0,1.525,17.225l-1.482,4.6a.9.9,0,0,0,1.131,1.131l4.6-1.482A11.5,11.5,0,1,0,11.5,0Zm0,21.2a9.675,9.675,0,0,1-5.136-1.47.9.9,0,0,0-.752-.093l-3.322,1.07,1.07-3.322a.9.9,0,0,0-.094-.752A9.7,9.7,0,1,1,11.5,21.2Zm1.123-9.7A1.123,1.123,0,1,1,11.5,10.377,1.123,1.123,0,0,1,12.623,11.5Zm4.492,0a1.123,1.123,0,1,1-1.123-1.123A1.123,1.123,0,0,1,17.115,11.5Zm-8.984,0a1.123,1.123,0,1,1-1.123-1.123A1.123,1.123,0,0,1,8.131,11.5Zm0,0" fill="%232E706E" /></svg>');
}

.gform-footer.gform_footer.top_label {
    justify-content:flex-end;
}