/*
Theme Name: LM-Template
Author: Lennart Möller
Author URI: https://www.lennartmoeller.com/
Description: Minimalistic Wordpress Theme
*/

/* GENERAL */

input,
select,
textarea {
    outline: none;
}
button,
input[type="submit"] {
    cursor: pointer;
}

/* ELEMENTOR INPUT FIELDS */

input[type="text"].elementor-field-textual,
input[type="email"].elementor-field-textual,
input[type="number"].elementor-field-textual,
input[type="tel"].elementor-field-textual,
select.elementor-field-textual,
textarea.elementor-field-textual {
    padding: 6px 12px !important;
    font-weight: 400 !important;
    font-size: var(--font-size-input) !important;
    border: 1px solid var(--input-border) !important;
    letter-spacing: 0px !important;
    width: calc(100% - 26px) !important;
    color: var(--input-font-color) !important;
    font-family: var(--font) !important;
    background-color: var(--background-body) !important;
}

input[type="text"].elementor-field-textual:focus,
input[type="email"].elementor-field-textual:focus,
input[type="number"].elementor-field-textual:focus,
input[type="tel"].elementor-field-textual:focus,
select.elementor-field-textual:focus,
textarea.elementor-field-textual:focus {
    color: var(--input-font-color-focus) !important;
    border-color: var(--input-border-focus) !important;
}

/* Elementor date mobile fix */
input[type="date"]:before {
    color: var(--input-font-color);
    content: attr(placeholder);
}
input[type="date"].full:before {
    color: var(--input-font-color-focus);
    content: "" !important;
}

/* GENERAL INPUT FIELDS */

input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="color"],
select,
textarea {
    padding: 6px 12px;
    font-weight: 400;
    font-size: var(--font-size-input);
    border: 1px solid var(--input-border);
    letter-spacing: 0px;
    width: calc(100% - 26px);
    color: var(--input-font-color);
    font-family: var(--font);
    background-color: var(--background-body);
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="color"] {
    border-radius: 2px !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
    color: var(--input-font-color-focus);
    border-color: var(--input-border-focus);
    outline: none;
}

/* CHECKBOXES */

input[type="checkbox"] {
    height: 14px;
    width: 14px;
    padding: 0;
}

/* LABELS */

.wpforms-field-label,
.elementor-field-label {
    font-weight: 400 !important;
    font-size: 15px !important;
    margin: 5px 0 !important;
}

/* BUTTONS */

.lm-button-container {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.lm-button.large {
    padding: 12px 16px !important;
}
.lm-button.small {
    min-width: 0 !important;
}
.lm-button.white:hover {
    color: var(--font-color-button-hover) !important;
    background-color: white !important;
}

.lm-button,
.lm-button:visited,
input[type="submit"],
input[type="submit"]:visited,
button[type="submit"]:not(.em-search-submit),
button[type="submit"]:not(.em-search-submit):visited,
button[data-action="next"],
button[data-action="next"]:visited,
.btn,
.btn:visited,
/* Elementor */
.elementor-button,
.elementor-button:visited,
.elementor-post__read-more,
.elementor-post__read-more:visited,
/* DW Question and Answer */
.dwqa-ask-question a,
.dwqa-ask-question a:visited,
/* ??? */
.su-expand-link.su-expand-link-more a,
.su-expand-link.su-expand-link-more a:visited,
/* Envira */
.envira-back-link,
.envira-back-link:visited,
.envira-download-all,
.envira-download-all:visited,
.envira-pagination a.next.page-numbers,
.envira-pagination a.next.page-numbers:visited,
.envira-pagination a.prev.page-numbers,
.envira-pagination a.prev.page-numbers:visited,
.envira-pagination a.page-numbers,
.envira-pagination a.page-numbers:visited,
.envira-pagination span.page-numbers.current,
.envira-pagination span.page-numbers.current:visited,
/* Better File Download */
.bfd-download-btn,
.bfd-download-btn:visited,
/* WPForms */
.wpforms-page-button.wpforms-page-prev,
.wpforms-page-button.wpforms-page-prev:visited {
    font-family: "Open Sans", sans-serif !important;
    color: var(--font-color-button) !important;
    background-color: var(--background-button) !important;
    font-size: var(--font-size-button) !important;
    font-weight: var(--font-weight-button);
    padding: 7px 20px !important;
    letter-spacing: var(--letter-spacing-button) !important;
    min-width: 150px !important;
    display: inline-block !important;
    text-align: center !important;
    position: relative !important;
    margin: 5px !important;
    border: none !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    line-height: 1.5 !important;
    transition: var(--transition-speed-fast) !important;
    -o-transition: var(--transition-speed-fast) !important;
    -ms-transition: var(--transition-speed-fast) !important;
    -moz-transition: var(--transition-speed-fast) !important;
    -webkit-transition: var(--transition-speed-fast) !important;
}

.lm-button:hover,
input[type="submit"]:hover,
button[type="submit"]:not(.em-search-submit):hover,
button[data-action="next"]:hover,
.btn:hover,
/* DW Question and Answer */
.dwqa-ask-question a:hover,
/* Elementor */
.elementor-button:hover,
.elementor-post__read-more:hover,
/* ??? */
.su-expand-link.su-expand-link-more a:hover,
/* Envira */
.envira-back-link:hover,
.envira-download-all:hover,
.envira-pagination a.next.page-numbers:hover,
.envira-pagination a.prev.page-numbers:hover,
.envira-pagination a.page-numbers:hover,
/* Better File Download */
.bfd-download-btn:hover,
/* WPForms */
.wpforms-page-button.wpforms-page-prev:hover {
    color: var(--font-color-button-hover) !important;
    background-color: var(--background-button-hover) !important;
    transition: var(--transition-speed-fast) !important;
    -o-transition: var(--transition-speed-fast) !important;
    -ms-transition: var(--transition-speed-fast) !important;
    -moz-transition: var(--transition-speed-fast) !important;
    -webkit-transition: var(--transition-speed-fast) !important;
}