/*
Theme Name: ALL AROUND PLAYERS
Theme URI: https://aap.beamers.work/
Author: ALL AROUND PLAYERS
Description: allaroundplayers.com 테마(2020 aap 테마 이식). 작품 데이터는 beamers-works, 편집은 /console/.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.3
Text Domain: theme
*/

/* Reset */
body, ul, ol, dl, dd, p {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

a {
    color: inherit;
    text-decoration: none;
}

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

a img {
    border: 0;
}

form, fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

input[type="text"] {
    line-height: 1;
}

textarea {
    vertical-align: top;
}

input[type="text"],
textarea {
    box-sizing: border-box;
    padding: 1em;
    box-shadow: none;
    border: 1px solid var(--gray-dark-color);
    font: inherit;
}

svg {
    vertical-align: top;
    fill: currentColor;
}

/* Typography */
:root {
    word-break: keep-all;
}

/* Layouts */
.l_row {
    margin: 0 -10px -20px -10px;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}

.l_row_thin {
    margin: 0 -2px -4px -2px;
}

.l_row_thin .l_col {
    padding: 0 2px;
    margin-bottom: 4px;
}

.l_col {
    width: 33.3333333%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.l_col_12_12 { width: 100%; }
.l_col_11_12 { width: 91.66666667%; }
.l_col_10_12 { width: 83.33333333%; }
.l_col_9_12  { width: 75%; }
.l_col_8_12  { width: 66.66666667%; }
.l_col_7_12  { width: 58.33333333%; }
.l_col_6_12  { width: 50%; }
.l_col_5_12  { width: 41.66666667%; }
.l_col_4_12  { width: 33.33333333%; }
.l_col_3_12  { width: 25%; }
.l_col_2_12  { width: 16.66666667%; }
.l_col_1_12  { width: 8.33333333%; }

.l_col_1_5 { width: 20%; }
.l_col_2_5 { width: 40%; }
.l_col_3_5 { width: 60%; }
.l_col_4_5 { width: 80%; }
.l_col_5_5 { width: 100%; }

.l_wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 4rem;
}

/* Commons */
.clearfix::before,
.clearfix::after {
    content: ' ';
    display: table;
    clear: both;
}


@media ( min-width: 1600px ) {
    .l_col_large_12_12 { width: 100%; }
    .l_col_large_11_12 { width: 91.66666667%; }
    .l_col_large_10_12 { width: 83.33333333%; }
    .l_col_large_9_12  { width: 75%; }
    .l_col_large_8_12  { width: 66.66666667%; }
    .l_col_large_7_12  { width: 58.33333333%; }
    .l_col_large_6_12  { width: 50%; }
    .l_col_large_5_12  { width: 41.66666667%; }
    .l_col_large_4_12  { width: 33.33333333%; }
    .l_col_large_3_12  { width: 25%; }
    .l_col_large_2_12  { width: 16.66666667%; }
    .l_col_large_1_12  { width: 8.33333333%; }
}

@media ( max-width: 940px ) {
    .l_col_tablet_12_12 { width: 100%; }
    .l_col_tablet_11_12 { width: 91.66666667%; }
    .l_col_tablet_10_12 { width: 83.33333333%; }
    .l_col_tablet_9_12  { width: 75%; }
    .l_col_tablet_8_12  { width: 66.66666667%; }
    .l_col_tablet_7_12  { width: 58.33333333%; }
    .l_col_tablet_6_12  { width: 50%; }
    .l_col_tablet_5_12  { width: 41.66666667%; }
    .l_col_tablet_4_12  { width: 33.33333333%; }
    .l_col_tablet_3_12  { width: 25%; }
    .l_col_tablet_2_12  { width: 16.66666667%; }
    .l_col_tablet_1_12  { width: 8.33333333%; }
}


@media ( max-width: 540px ) {
    .l_col_mobile_12_12 { width: 100%; }
    .l_col_mobile_11_12 { width: 91.66666667%; }
    .l_col_mobile_10_12 { width: 83.33333333%; }
    .l_col_mobile_9_12  { width: 75%; }
    .l_col_mobile_8_12  { width: 66.66666667%; }
    .l_col_mobile_7_12  { width: 58.33333333%; }
    .l_col_mobile_6_12  { width: 50%; }
    .l_col_mobile_5_12  { width: 41.66666667%; }
    .l_col_mobile_4_12  { width: 33.33333333%; }
    .l_col_mobile_3_12  { width: 25%; }
    .l_col_mobile_2_12  { width: 16.66666667%; }
    .l_col_mobile_1_12  { width: 8.33333333%; }
}