:root {
    --et-yellow: #ffb700;
}

.et-container {
    display: flex;
}

@media only screen and (max-width: 1023px) {
    .et-container {
        flex-direction: column-reverse;
        padding-right: 10px;
    }

    .et-banner {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .et-container .form {
        min-width: 60vw;
    }

    .et-banner {
        width: 25vw;
    }

    .et-submit-container {
        padding-right: 30px;
    }
}

form p {
    font-style: italic;
    font-size: 0.7em;
    color: gray;

    display: block;
    margin-top: 10px !important;
}

form img + p {
    margin-bottom: 25px !important;
}

p.success {
    color: green;
}

p.danger {
    color: red;
}

h1.et-title {
    font-size: 3em;
    display: inline-block;
}

.form h2 {
    background: var(--et-yellow);
    display: inline-block;
    padding: 5px 10px;
}

.form h2:first-of-type {
    margin-top: 0;
}

.et-submit-container {
    margin-top: 100px;
    text-align: right;
}

input[type="text"] {
    width: 350px;
}

.et-preview {
    font-weight: bold;
    color: var(--et-yellow) !important;
    border: 1px solid var(--et-yellow) !important;
}

textarea {
    font-family: 'Courier New', Courier, monospace;
    line-height: 1.75;

    height: 100px;
    width: 450px;
}

.media-modal {
    z-index: 9999960000;
}

/* Skip cropping for SVGs */
.settings_page_eddytravels .media-button-skip + .media-button-insert {
    display: none;
}

/* IMAGE PLACEHOLDERS */
img#img_edtr_bot_icon,
img#img_edtr_widget_icon,
img#img_edtr_header_img,
img#img_edtr_preview_img {
    display: block;

    border: 0.5px solid rgba(128, 128, 128, 0.4);
    background-color: #ffb7000a;
}

img#img_edtr_bot_icon {
    width: 28px;
    height: 28px;
}

img#img_edtr_widget_icon {
    width: 64px;
    height: 64px;
}

img#img_edtr_header_img {
    min-width: 120px;
    height: 76px;
}

img#img_edtr_preview_img {
    width: 335px;
    height: 250px;
}

.et-delete-img {
    font-size: 0.85em;
    margin-left: 5px;
    color: red;
}

/* Banner on the side */
.et-banner {
    background: white;
    padding: 20px;
    border: 0.5px solid rgba(128, 128, 128, 0.4);

    background-image: url('/wp-content/plugins/eddy-travels/img/banner_bg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 110px;
}

.et-banner h2 {
    font-size: 2.5em;
    line-height: 1.25;

    margin-top: 0px;
    margin-bottom: 20px;
}

.et-banner h3 {
    margin-bottom: 10px;
}

.et-banner a {
    color: var(--et-yellow);
    font-weight: bold;
}