@import "../../../functions";
@import "../../../variables";
@import "../../../custom";
@import "../../../maps";
@import "../../../mixins";
@import "../../../utilities";

/* board basic write */
.board-write {
    .sound_only {
        display: none;
    }

    .guest-info {
        .form-control {
            margin-top: -1px;

        }
    }

    .autosave-wrap {
        .btn-outline-danger {
            border: none !important;
        }

        .list-group-item {
            a {
                font-size: .875rem;
            }
        }
    }

    .category-wrap {
        min-width: 120px;
    }

    .captcha-wrap {
        .captcha {
            display: block;

            @include media-breakpoint-up(md) {
                display: flex;

            }

            legend {
                display: none;
            }
        }

        #captcha_info {
            display: none;
        }

        .captcha_box {
            max-width: 120px;
        }

        #captcha_img {
            width: 160px;
            height: 60px;
        }

        #captcha_mp3 {}

        #captcha_key {}
    }

    .subject-wrap {
        .form-control {
            margin-bottom: .1rem;
        }
    }

    .btn_cke_sc {
        border: none;
    }

    .cke_sc_def {
        padding: 1rem;

        dl {
            display: block;

            dt,
            dd {
                display: inline-block;
                width: 48%;

                @include media-breakpoint-up(md) {
                    width: 22%;
                }
            }
        }

        .btn_cke_sc_close {
            border: 1px solid #ddd;
        }
    }
    .attach-files{
        .file-delete{
            font-size: .875rem;
        }
    }
}

.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}