﻿.field-validation-error {
    font-size: 13px;
    color: red
}

.form-element-row {
    margin-bottom: 1rem
}

    .form-element-row label {
        font-size: 14px
    }

.input-validation-error {
    border-color: red
}

.col-md-6 {
    margin-top: 1rem
}

.col-md-12 {
    margin-top: 1rem
}

button.section-title {
    font-size: 16px !important;
}

img {
    object-fit: cover;
}

.loading {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #00000094;
    z-index: 2000;
    align-items: center;
    text-align: center;
}

    .loading img {
        position: relative;
        top: 30%;
    }

.paginat {
    margin: 30px 0;
    text-align: center
}

    .paginat .current-page {
        border: 2px solid #048b53;
        color: #1da36b !important;
        cursor: default
    }

    .paginat a {
        display: inline-block;
        text-decoration: none;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        border: 2px solid #d8e0e6;
        line-height: 38px;
        font-size: 15px;
        text-align: center;
        line-height: 27px;
        font-size: 16px;
        margin: 2px;
        background-color: #fff;
        color: #2d3339;
        transition: all ease .3s
    }

        .paginat a:hover {
            border-color: #1da36b
        }

    .paginat .first {
        border-color: #085f5b
    }

    .paginat .last {
        border-color: #085f5b
    }
/* Social icons general style */
.icons a {
    text-decoration: none;
    color: whitesmoke !important;
    font-size: 22px; /* fixed the ! issue */
}

/* Hover colors for each social icon */
.icons #facebook:hover {
    color: #2e069d !important;
}

.icons #insta:hover {
    color: #990f45 !important;
}

.icons #telegram:hover {
    color: #0094ff !important;
}

.icons #twitter:hover {
    color: #0094ff !important;
}

.icons #youtube:hover {
    color: red !important;
}
#items {
    align-items: flex-start !important; /* align all content to the left */
    text-align: left; /* text left-aligned */
}
    #items .mb-3 a {
        margin: 0 8px; 
    }
