/*
* Styles for form elements and buttons.
*/

textarea {
    padding: 1rem;
    width: 100%;
}

select {
    padding: 3px;
}

textarea,
select,
button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button),
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    font-family: var(--wp--preset--font-family--system);
    line-height: 1.7;
}

label {
    font-size: var(--wp--preset--font-size--small);
}

select,
textarea,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    width: 100%;
    /* box-sizing: border-box; */
    padding: var(--wp--preset--spacing--30, 1em) var(--wp--preset--spacing--30, 1em);
    border: initial;
    /* border-bottom: #88888833 1ex solid; */
    box-shadow: inset 0 0 3px rgba(128, 128, 128, 0.33);
    border-radius: 3px;
    color: currentColor;
    background-color: rgba(128, 128, 128, 0.1);
    font-size: var(--wp--preset--font-size--small);
}

button:not(.components-button):not(.wp-lightbox-container>button):not(.wp-lightbox-overlay .close-button):not(.wp-block-navigation *):not(.pswp__button):not(.superblockslider__button__navigation):not(.slick-arrow):not(.slick-dots li button):not(.superblockslider__button button),
input[type="reset"],
input[type="submit"] {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
    border: inherit;
    line-height: inherit;
    font-size: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
button:not(.components-button):not(.wp-lightbox-container>button):not(.wp-lightbox-overlay .close-button):not(.wp-block-navigation *):not(.pswp__button):not(.superblockslider__button__navigation):not(.slick-arrow):not(.slick-dots li button):not(.superblockslider__button button):focus,
button:not(.components-button):not(.wp-lightbox-container>button):not(.wp-lightbox-overlay .close-button):not(.wp-block-navigation *):not(.pswp__button):not(.superblockslider__button__navigation):not(.slick-arrow):not(.slick-dots li button):not(.superblockslider__button button):hover,
/*button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.slick-arrow):not(.slick-dots li button):focus,
button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):not(.slick-arrow):not(.slick-dots li button):hover,*/
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
    background: var(--wp--preset--color--contrast);
}

.wp-lightbox-container button + img {
        transition: all 500ms ease-in-out;        
}

.wp-lightbox-container button:hover + img,
.wp-lightbox-container button:focus + img {
        transform: scale(1.05);
        box-shadow: 0 0 3px rgba(128,128,128,0.33);
}



button:not(.components-button):not(.wp-block-navigation *):not(.pswp__button):active,
input[type="reset"]:active,
input[type="submit"]:active {
    filter: brightness(93%) !important;
    margin-top: 1px;
    margin-bottom: -1px;
}

.post-password-form input[type="password"] {
    min-height: 46px;
}

/* Accessibility: Increase icon size so that the button is easier to click */
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    width: var(--wp--preset--spacing--60, 1.5rem);
    height: var(--wp--preset--spacing--60, 1.5rem);
}

/* Forminator hack TODO remove */
.forminator-description {
    font-size: var(--wp--preset--font-size--small);
}
/* Forminator Locale flags*/
.iti {
    display: block;
}

.iti__flag-container {
    padding: var(--wp--preset--spacing--30);
}

.forminator-calculation {
    width: 100%;
    box-sizing: border-box;
    padding: var(--wp--preset--spacing--30, 1em) var(--wp--preset--spacing--30, 1em);
    border: inherit;
    border-bottom: #88888833 1ex solid;
    color: currentColor;
    background-color: rgba(128, 128, 128, 0.1);
    font-size: var(--wp--preset--font-size--small);
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 10px;
    margin: 0 5px 5px 0;
}