/*
Theme Name: RMBase
Author: Reinhard Meisl <hi@reinhardmeisl.com>
Author URI: https://www.reinhardmeisl.com
Description: Basic Gutenberg Theme
Tags: blog, portfolio, one-column, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, style-variations, template-editing, translation-ready, wide-blocks
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 8.1
Text Domain: rmbase
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

*, *:after, *:before {
    box-sizing: border-box;
}

::selection,
input::selection {
    background: var(--wp--preset--color--neutral);
    color: var(--wp--preset--color--text-primary);
    text-shadow: none;
    -webkit-text-fill-color: var(--wp--preset--color--text-primary);
}

::placeholder {
    color: var(--wp--preset--color--text-secondary);
    opacity: 0.5;
}

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    min-width: 360px;
}

img {
    max-width: 100%;
    height: auto;
}

img.edit-site-site-icon__image {
    filter: invert(1);
}

figure > img {
    display: block;
}

.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption {
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--text-tertiary);
}

.wp-element-button,
.wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

a:not(.wp-element-button):where(:focus, :hover) {
    text-decoration-thickness: 1px;
}

:where(h1, h2, h3, h4, h5, h6) a {
    color: inherit;
}

b,
strong,
th {
    font-weight: 700;
}

sup {
    font-size: 0.75em;
    vertical-align: super;
}

sub {
    font-size: 0.75em;
    vertical-align: sub;
}

mark {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

mark:not([style*="background-color:rgba(0, 0, 0, 0)"]) {
    padding: 0.1em 0.2em;
}

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

input[type='text'],
input[type='password'],
input[type='search'],
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='url'],
input[type='date'],
input[type='file'],
textarea,
select {
    width: 100%;
    padding: 0.8em;
    border: 1px solid var(--wp--preset--color--neutral);
    border-radius: var(--wp--custom--border-radius--regular);
    font-size: var(--wp--preset--font-size--small);
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--text-secondary);
    transition: all 0.3s ease;
    text-overflow: ellipsis;
}

input[type='file'],
select {
    cursor: pointer;
}

textarea {
    resize: vertical;
    border-bottom-right-radius: 0;
}

select[multiple] option {
    padding: 0.75em 1em;
    text-overflow: ellipsis;
    overflow: hidden;
}

input[type='text']:hover,
input[type='password']:hover,
input[type='search']:hover,
input[type='email']:hover,
input[type='number']:hover,
input[type='tel']:hover,
input[type='url']:hover,
input[type='date']:hover,
input[type='file']:hover,
textarea:hover,
select:hover {
    border-color: var(--wp--preset--color--primary);
}

input[type='text']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='date']:focus,
input[type='file']:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

select,
input[type='range'] {
    width: 100%;
}

form label .required {
    color: var(--wp--custom--color--error);
}

input[type='checkbox'] + label {
    margin-left: 0.5em;
}

/* mailpoet */
/* @media screen and (min-width: 520px) {
    .mailpoet_form_html .mailpoet_form_columns .mailpoet_paragraph {
        margin-bottom: 0 !important;
    }
}

.mailpoet_form_html .mailpoet_text {
    padding: 15px 25px !important;
    font-size: var(--wp--preset--font-size--medium);
}

.mailpoet_form_html .mailpoet_submit {
    padding: 16px 25px !important;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--medium);
} */

@media screen and (max-width: 599.98px) {
    .hide-mobile {
        display: none !important;
    }
}

@media screen and (min-width: 600px) {
    .hide-desktop {
        display: none !important;
    }
}