@import "fonts.css";
@import "theme.css";

/* Global */
body {
    background-color: #e0e5eb1a;
    color: var(--srs-text-dark);
    font-family: "Vazir";
    font-size: 1em;
}

a {
    color: var(--srs-color-primary-light);
    text-decoration: none;
}

    a:hover {
        color: var(--srs-color-primary-dark);
    }

label {
    margin-right: .25rem
}

h1, h2, h3, h4, h5, h6 {
    line-height: unset
}

option:nth-child(odd) {
    background-color: var(--srs-bg-primary-light);
}

option {
    overflow-wrap: break-word;
    white-space: break-spaces;
    text-align: justify;
}
.srs-w-12 {
    width:12%
}
.srs-w-20 {
    width: 20%
}
@media (min-width:769px) {
    .desktop-hidden {
        display: none;
    }
}

/*** Sizing ***/
.srs-w-fit {
    width: fit-content;
}
.srs-w-fill {
    width:100%;
    width: -webkit-fill-available;
}
.srs-w-12 {
    width: 12%
}

/*** Spacing ***/
/*.srs-mt-100 {
        margin-top:100%;
}*/

/*** CKEditor Overrides ***/
.cke_inner {
    top: 0 !important; /*maximize editor in firefox*/
}

/*** Bootstrap Overrides ***/
.srs-breadcrumb .breadcrumb-item::before {
    float: right;
    padding: .1rem .2rem;
}

/*** Buttons ***/
.srs-btn-xs {
    padding: 0.2rem;
    width: 1.5rem;
    height: 1.5rem;
}
.srs-btn-circle-sm {
    width: 2.75rem;
    height: 2.75rem;
    padding: .8rem 0;
    border-radius: 50%;
    background-color: var(--bs-gray-100);
}

    .srs-btn-circle-sm:hover {
        border-color: #fff;
    }

.srs-btn-square-sm,
.srs-btn-square-sm:active,
.srs-btn-square-sm:hover {
    width: 2.7rem;
    height: 2.7rem;
    padding: .8rem 0;
    border: 1px solid;
}

.srs-btn-primary-dark,
.srs-btn-primary:hover,
.srs-btn-outline-primary-dark,
.srs-btn-outline-primary-dark:hover {
    background-color: var(--srs-color-primary-dark);
    border: 1px solid var(--srs-color-primary-dark);
}

    .srs-btn-primary-dark,
    .srs-btn-primary:hover,
    .srs-btn-outline-primary-dark:hover,
    .srs-btn-primary,
    .srs-btn-outline-primary:hover,
    .srs-btn-secondary,
    .srs-btn-secondary:hover,
    .srs-btn-circle-sm:hover,
    .srs-btn-square-sm.active,
    .srs-table-pager td a:hover,
    .srs-table-pager td span {
        color: #fff;
    }

.srs-btn-primary,
.srs-btn-outline-primary:hover,
.srs-btn-square-sm.active,
.srs-table-pager td a:hover,
.srs-table-pager td span {
    background-color: var(--srs-color-primary-light);
    border-color: var(--srs-color-primary-light);
}

.srs-btn-outline-primary, .srs-table-pager td a {
    background-color: transparent;
    border-color: var(--srs-color-primary-light);
    color: var(--srs-color-primary-light);
}

.srs-btn-outline-primary-dark {
    background-color: transparent;
    color: var(--srs-color-primary-dark);
}

.srs-btn-secondary,
.srs-btn-secondary:hover {
    background-color: var(--srs-color-secondary);
    border: 1px solid var(--srs-color-secondary);
}

    .srs-btn-secondary:hover, .srs-btn-light:hover {
        filter: contrast(0.9);
    }

.srs-btn-light, .srs-btn-light:hover {
    background-color: var(--srs-bg-light);
    color: var(--srs-text-dark);
}

/*** Backgrounds ***/
.srs-bg-lightGray {
    background-color: #eceeef
}
.srs-bg-light {
    background-color: var(--srs-bg-light);
}

.srs-bg-primary-light {
    background-color: var(--srs-bg-primary-light);
}

.srs-bg-color-primary-light {
    background-color: var(--srs-color-primary-light);
}

.srs-bg-color-primary-dark {
    background-color: var(--srs-color-primary-dark);
}

/* Boxes */
.srs-border {
    border: 1px solid var(--srs-bg-light);
}
.srs-border-primary-light {
    border: 1px solid var(--srs-color-primary-light);
}

.srs-border-primary {
    border: 1px solid var(--srs-color-primary-light);
} 

.srs-box-shadow-sm {
    box-shadow: 0px 1px rgb(0 0 0 / 25%);
}

.srs-box-shadow {
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 25%);
}

.srs-border-radius {
    border-radius: var(--srs-border-radius);
}

/* Hide number inputs controls */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/*** Main Titles ***/
.srs-title {
    font-family: 'IranNastaliq';
}

.srs-subtitle {
    border-right: 0.25rem solid var(--srs-color-primary-light);
}

/*** Texts ***/
.srs-txt-primary-light {
    color: var(--srs-color-primary-light);
}

.srs-fs-smaller {
    font-size: .9rem
}

.srs-text-justify {
    text-align: justify;
}

/*** Wrap settings - Mostly in Tables ***/
.srs-overflow-x {
    overflow-x: auto !important;
    overflow-y: visible;
}

.srs-ws-nowrap {
    white-space: nowrap;
}
@media (max-width:600px) {
    .srs-ws-mb-nowrap {
        white-space: nowrap;
    }
}

    @media (max-width:768px) {
        .srs-ws-mdUp-wrap {
            white-space: normal;
        }
    }

@media (max-width:600px) {
    .srs-mobile-text-nowrap {
        text-wrap: nowrap;
    }
}

/*** Grid ***/
.srs-grid .srs-grid-item-img {
    height: 11rem;
    max-height: 11rem;
}

        .srs-grid .srs-grid-item-img img {
            object-fit: cover;
        }

    .srs-grid-3 .srs-grid-item {
        width: 33.33%;
    }

    @media (max-width:600px) {
        .srs-grid-3 .srs-grid-item {
            width: 100%;
        }
    }

    @media (min-width:768px) and (max-width:1024px) {
        .srs-grid-3 .srs-grid-item {
            width: 50%;
        }

            .srs-grid-3 .srs-grid-item:nth-child(even) {
                padding: 0 !important
            }
    }

    @media (min-width:1025px) {
        .srs-grid-3 .srs-grid-item:nth-child(3n) {
            padding: 0 !important
        }
    }

    @media (min-width:768px) and (max-width:1023px) {
        .srs-grid-4 .srs-grid-item:nth-child(even) {
            padding: 0 !important
        }
    }

    @media (min-width:1024px) and (max-width:1279px) {
        .srs-grid-4 .srs-grid-item:nth-child(3n) {
            padding: 0 !important
        }
    }

    @media (min-width:1280px) {
        .srs-grid-4 .srs-grid-item:nth-child(4n) {
            padding: 0 !important
        }
    }

    /*** Animations ***/
    @media (min-width:769px) {
        .srs-animation-fadeSlideIn {
            animation: 900ms ease-in 0s 1 running slidein;
        }
    }

    @keyframes slidein {
        from {
            transform: translateX(+50px);
            opacity: .7
        }

        to {
            transform: translateX(0);
            opacity: 1
        }
    }

/*** Layering ***/
.srs-bg-overlay {
    z-index: 1
}

.srs-toast {
    z-index: 2
}

/*** Radio Groups ***/
@media (max-width:1150px) {
    .srs-rdbtnGrp tr td {
        display: block
    }
}

/*** Footer ***/
.srs-sub-footer {
    font-size: .94rem;
}

    /* Services - FormsCol */
    @media (min-width:769px) {
        .srs-services-form .srs-services-form-col {
            width: 32.8%
        }
    }

    @media (max-width:768px) and (min-width:601px) {
        .srs-services-form .srs-services-form-col {
            width: 49.5%
        }
    }

    /* Radio Button Group & Checkbox Group - based on compile*/
    .srs-form-radio-group tr,
    .srs-form-chk-group tr {
        display: flex;
        justify-content: space-between;
    }

    /* Admin Checkbox Group - based on compile */
    .srs-chkGroup tr:last-of-type td {
        padding-bottom: 0;
    }

    @media (max-width:600px) {
        .srs-chkGroup td {
            display: block
        }
    }
    /*** Menus ***/
    .srs-admin-menu-container {
        width: 22%;
        font-size: .95rem;
        height: max-content;
    }

    @media (max-width:991px) {
        .srs-admin-menu.offcanvas {
            width: 18rem;
        }

        .srs-admin-menu-container {
            box-shadow: none;
            border: 0px;
        }
    }

    .srs-nav-toggler[aria-expanded="true"] .navbar-title, .srs-nav-item .active {
        color: var(--srs-color-primary-light)
    }

    .srs-nav-toggler.collapsed .navbar-title, .srs-nav-item a {
        color: var(--srs-text-dark)
    }

    .srs-nav-item, .srs-bb-item {
        border-bottom: 1px solid var(--bs-border-color-translucent);
    }

        .srs-nav-item:last-child, .srs-menu-parent:last-of-type,
        .srs-bb-item:last-child {
            border: 0;
        }

    .srs-main-container {
        min-height: 34rem;
        width: 77%
    }

    @media (max-width:991px) {
        .srs-main-container {
            width: 97% !important;
        }
    }

    /* News */
    .srs-news .srs-news-status {
        border: 1px solid var(--srs-bg-dark);
        padding: .25rem .375rem;
    }

        .srs-news .srs-news-status:active,
        .srs-news .srs-news-status.active {
            background-color: #e3ce0d;
        }

    .srs-news .srs-news-content {
        height: 13rem;
    }

        .srs-news .srs-news-content img,
        .srs-news .srs-news-content video,
        .srs-news-sView .srs-news-sView-content img,
        .srs-news-sView .srs-news-sView-content video {
            max-width: 100%
        }