/* Version: 19.0.0.0 */
/* Author: Alexandr Merzlyakov */
/* Author URI: https://t.me/skinsdle */

/* static color */
.text-red {
    color: rgb(244,67,54) !important
}

.red {
    background: rgb(244,67,54) !important
}

.text-blue {
    color: rgb(33,150,243) !important
}

.blue {
    background: rgb(33,150,243) !important
}

.text-teal {
    color: rgb(0,150,136) !important
}

.teal {
    background: rgb(0,150,136) !important
}

.text-orange {
    color: rgb(255,152,0) !important
}

.orange {
    background: rgb(255,152,0) !important
}

.text-grey {
    color: rgb(158,158,158) !important
}

.grey {
    background: rgb(158,158,158) !important
}

.black {
    background: rgb(0,0,0) !important
}

.grey-100 {
    background: rgb(245,245,245) !important
}

.grey-200 {
    background: rgb(238,238,238) !important
}

.grey-300 {
    background: rgb(224,224,224) !important
}

.text-black {
    color: rgb(0,0,0) !important
}

.white {
    background: rgb(255,255,255) !important
}

.text-white {
    color: rgb(255,255,255) !important
}

/*-------------------
    Color-Theme
-------------------*/
.theme-primary {
    background-color: rgba(0, 51, 102, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.theme-secondary {
    background-color: rgba(255, 35, 57, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.theme-accent {
    background-color: rgba(13, 158, 255, 1) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.text-primary {
    color: rgba(0, 51, 102, 1);
}

.text-secondary {
    color: rgba(255, 35, 57, 1);
}

.text-accent {
    color: rgba(13, 158, 255, 1);
}

.b-c_primary {
    background-color: rgba(0, 51, 102, 1) !important;
}

.b-c_secondary {
    background-color: rgba(255, 35, 57, 1) !important;
}

.b-c_accent {
    background-color: rgba(13, 158, 255, 1) !important;
}

.color-primary {
    color: rgba(255, 255, 255, 1);
}

.color-secondary {
    color: rgba(255, 255, 255, 1);
}

.color-accent {
    color: rgba(255, 255, 255, 1);
}

.border-c_primary {
    border-color: rgba(0, 51, 102, 1);
}

.border-c_secondary {
    border-color: rgba(255, 35, 57, 1);
}

.border-c_accent {
    border-color: rgba(13, 158, 255, 1);
}

.b-c_transparent {
    background-color: rgba(0, 0, 0, 0) !important;
}

.theme-primary_hover, .theme-secondary_hover, .theme-accent_hover {
    transition: background-color 0.5s ease 0s, color 0.5s ease 0s;
}

    .theme-primary_hover:hover {
        background-color: rgba(0, 51, 102, 1) !important;
        color: rgba(255, 255, 255, 1) !important;
    }

    .theme-secondary_hover:hover {
        background-color: rgba(255, 35, 57, 1) !important;
        color: rgba(255, 255, 255, 1) !important;
    }

    .theme-accent_hover:hover {
        background-color: rgba(13, 158, 255, 1) !important;
        color: rgba(255, 255, 255, 1) !important;
    }

.quote_block {
    border-left-color: rgba(13, 158, 255, 1);
}

/*Link*/
a {
    background-color: transparent;
    color: inherit;
    outline: none;
    text-decoration: none;
    transition: all 0.25s ease 0s;
}

    a:hover:not(button):not(.ui-button):not(.bbcodes):not([class^="btn"]) {
        color: rgba(13, 158, 255, 1);
    }

.story__content a:not(button):not(.ui-button):not(.bbcodes):not([class^="btn"]) {
    color: rgba(13, 158, 255, 1);
}

/* ——— Badge ——— */
.badge {
    border-radius: 0.25em;
}

/*-----------
    Layout
------------*/
/*wrapper*/
.sd__wrapper {
    background: rgb(235, 255, 255) url('/') no-repeat fixed 0 0 / auto;
    font-size: 100%;
    padding-bottom: 0%;
}

/*Container*/
.sd__container {
    max-width: 1360px;/*PageContainerWidhtpx*/
}

section.sd__list {
    background-color: rgb(235, 255, 255);
    margin-top: 0;/*WrapperPaddingTop%*/
}

@media (max-width: PageContainerWidhtpx) {
    section.sd__list {
        margin-top: 0;
    }
}

/*-------------
    Button
-------------*/

button, .ui-button, .bbcodes, .btn-text, .btn-outlined, .btn-primary, .btn-secondary, .btn-accent, .btn-sm, .btn-icon {
    border-radius: 0.25em;
}

/* Стили для .btn-outlined - с бордером */
.btn-outlined {
    border: 2px solid rgba(13, 158, 255, 1);
    color: rgba(13, 158, 255, 1);
}

    .btn-outlined:hover {
        background-color: rgba(13, 158, 255, 1);
        color: rgba(255, 255, 255, 1);
    }

    .btn-outlined:active {
        background-color: rgba(13, 158, 255, 1);
        border-color: rgba(13, 158, 255, 1);
        color: rgba(255, 255, 255, 1);
    }

/* Стили для .btn-primary - цветные кнопки */
.btn-primary {
    background-color: rgba(0, 51, 102, 1);
    color: rgba(255, 255, 255, 1);
}

    .btn-primary:hover {
        background-color: rgba(0, 51, 102, 1);
        color: rgba(255, 255, 255, 1);
    }

    .btn-primary:active {
        background-color: rgba(0, 51, 102, 1);
        color: rgba(255, 255, 255, 1);
    }

/* Стили для .btn-secondary - цветные кнопки */
.btn-secondary {
    background-color: rgba(255, 35, 57, 1);
    color: rgba(255, 255, 255, 1);
}

    .btn-secondary:hover {
        background-color: rgba(255, 35, 57, 1);
        color: rgba(255, 255, 255, 1);
    }

    .btn-secondary:active {
        background-color: rgba(255, 35, 57, 1);
        color: rgba(255, 255, 255, 1);
    }

/* Стили для .btn-accent - цветные кнопки */
.btn-accent {
    background-color: rgba(13, 158, 255, 1);
    color: rgba(255, 255, 255, 1);
}

    .btn-accent:hover {
        background-color: rgba(13, 158, 255, 1);
        color: rgba(255, 255, 255, 1);
    }

    .btn-accent:active {
        background-color: rgba(13, 158, 255, 1);
        color: rgba(255, 255, 255, 1);
    }

/*-----------
    Badge
-----------*/
.badge_primary {
    background-color: rgba(0, 51, 102, 1);
    color: rgba(255, 255, 255, 1);
}

.badge_secondary {
    background-color: rgba(255, 35, 57, 1);
    color: rgba(255, 255, 255, 1);
}

.badge_accent {
    background-color: rgba(13, 158, 255, 1);
    color: rgba(255, 255, 255, 1);
}

/*-----------
    Form
-----------*/
/* Состояния полей */
input:focus, textarea:focus, select:focus {
    border-color: rgba(0, 51, 102, 1);
    /*box-shadow: 0 0 0 1px rgba(0, 51, 102, 1);*/
}

.material input:focus, .material select:focus, .material textarea:focus {
    border-color: rgba(0, 51, 102, 1);
}

/*material*/
.material.active label {
    color: rgba(0, 51, 102, 1);
}

.material.required label:after {
    color: rgba(0, 51, 102, 1);
}

/*--------------------
    Checkbox\Radio
---------------------*/
.form-check-input[type="checkbox"]:checked {
    border-color: rgba(0, 51, 102, 1);
}

    .form-check-input[type="checkbox"]:checked::after {
        border-color: rgba(0, 51, 102, 1);
    }

.form-check-input[type="radio"]:checked {
    border-color: rgba(0, 51, 102, 1);
}

    .form-check-input[type="radio"]:checked::after {
        background-color: rgba(0, 51, 102, 1);
    }


/* Owl Carousel + */
.masthead_owl-nav {
    background-color: rgba(0, 51, 102, 1);
}

/*------------------------------
    Styles for template.tpl
-------------------------------*/

/*include\footer.tpl*/
footer.footer_b-c {
    background-color: rgb(0, 51, 102);
    color: rgba(255, 255, 255, 1);
    position: relative;
}

/*include\header.tpl*/
header.header_b-c {
    background-color: rgba(0, 51, 102, 1);
    color: rgba(255, 255, 255, 1);
    position: relative;
    z-index: 7;
}

/*include\masthead.tpl*/
section.masthead_b-c {
    background-color: rgba(236, 238, 240, 1);
    color: rgba(55, 55, 55, 1);
    position: relative;
}

/*include\sidebar.tpl*/
.sbstory {
    background-color: rgb(255, 255, 255);
    color: rgb(32, 34, 36);
}

    .sbstory .sbstory__title {
        font-size: 115%;
        margin-bottom: 0;
    }

/*sb__cat-menu*/
.sb__cat-menu.sbstory {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(55, 55, 55, 1);
}

/*sb__cat-menu_item*/
.sb__cat-menu .menu__a {
    margin: 0.8em 0;
}

/*calendar*/


/*calendar_theme-primary*/
.primary #calendar .monthselect {
    background-color: rgba(0, 51, 102, 1);
    color: rgba(255, 255, 255, 1);
}

/*calendar_theme-secondary*/
.secondary #calendar .monthselect {
    background-color: rgba(255, 35, 57, 1);
    color: rgba(255, 255, 255, 1);
}

/*calendar_theme-accent*/
.accent #calendar .monthselect {
    background-color: rgba(13, 158, 255, 1);
    color: rgba(255, 255, 255, 1);
}

/*include\subheader.tpl*/
section.subheader_b-c {
    background-color: rgba(236, 238, 240, 1);
    color: rgba(55, 55, 55, 1);
    position: relative;
}

/*comments.tpl*/
.sd__avatar img {
    border-radius: 50%;
}

.sd__avatar .avatar-fallback {
    border-radius: 50%;
}

.comments.story, #dlefastreplycomments {
    background-color: rgb(255, 255, 255);
    color: rgb(32, 34, 36);
}

/*info.tpl*/
.info.story {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(55, 55, 55, 1);
}

/*main.tpl*/


/*navigation.tpl*/
.navigation .link a, .navigation .link span {
    border-radius: 0.25em;
}

    .navigation .link a:hover, .navigation .link.pages span:not(.nav_ext) {
        background-color: rgba(13, 158, 255, 1);
        color: rgba(255, 255, 255, 1) !important;
    }

/*relatednews.tpl*/
.related-news.story {
    background-color: rgb(255, 255, 255);
    color: rgb(32, 34, 36);
}

/*shortstory.tpl*/
.story {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(55, 55, 55, 1);
}

    .story .story__meta {
        font-size: 90%;
        font-weight: 500;
    }

    .story .story__content {
        line-height: 1.4994; /*1.428 + 5%*/
        text-align: inherit;
    }

/*tagscloud.tpl*/
.tags a {
    background-color: rgba(13, 158, 255, 1);
    border-radius: 0.25em;
    color: rgba(255, 255, 255, 1) !important;
    opacity: 0.85;
}

    .tags a:hover {
        opacity: 1;
    }