/*!
 * Copyright 2022 youngmonkeys.org
 *
 * Licensed under the ezyplatform, Version 1.0.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://youngmonkeys.org/licenses/ezyplatform-1.0.0.txt
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
*/

.font-size-1rem {
    font-size: 1rem;
}

.full-width {
    width: 100%;
}

.min-height-300px {
    min-height: 300px;
}

.min-width-260px {
    min-width: 260px;
}

a {
    text-decoration: none;
}

a.selected {
    color: #f78682 !important;
}

.ezyarticle-main-content {
    padding-top: 8rem;
}

.ezyarticle-menu-list {
    list-style: none;
    padding: 10px;
}

.ezyarticle-menu-list ol {
    list-style: none;
}

.ezyarticle-menus-item {
    margin-bottom: 4px;
    padding: 6px;
    font-weight: bold;
}

.ezyarticle-menus-item a {
    margin-left: 4px;
    color: rgba(0, 0, 0, 0.55);
}

.language-dropdown {
    padding-right: 0.75rem;
}

.language-dropdown .nav-link {
    font-size: 100% !important;
}

.language-dropdown a {
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 576px) {
    .language-dropdown {
        padding-bottom: 0.75rem;
    }
    .ezyarticle-main-content {
        padding-top: 6rem;
    }
}

.error-page {
    text-align: center;
}

/***** ads *******/
.ads-image-container {
    max-width: 12vw;
}
.ads-image-container img {
    position: fixed;
    max-width: 12vw;
    object-fit: cover;
}
.ads-image-container-horizontal img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.ads-left-image {
    left: 50px;
}
.ads-right-image {
    right: 50px;
}
@media (max-width: 1660px) {
    .ads-image-container {
        width: 150px;
    }
    .ads-image-container img {
        width: 150px;
    }
    .ads-left-image {
        left: 0px;
    }
    .ads-right-image {
        right: 0px;
    }
}
@media (max-width: 500px) {
    .ads-image-container-horizontal {
        margin-top: 20px;
    }
    .ads-image-container-horizontal img {
        height: 120px;
    }
}