:root {
/* ============= Light gray colors ============== */
  --RF-lightgray: rgb(211, 211, 211);
  --RF-gray-btn: rgb(220, 220, 220);
  --RF-bon-jour: rgb(228, 225, 225);
  --RF-gray-tabs: rgb(231, 232, 231);
  --RF-lily-white: rgb(234, 234, 234);
  --RF-gallery: rgb(239, 239, 239);
  --RF-seashell: rgb(241, 241, 241);
  --RF-gray-page-bg: rgb(242, 242, 242);
  --RF-concrete: rgb(243, 243, 243);
  --RF-white-smoke: rgb(245, 245, 245);
  --RF-black-haze: rgb(247, 247, 247);
  --RF-white: rgb(255, 255, 255);

/* ============= Dark gray colors ============== */
  --RF-black: rgb(0, 0, 0);
  --RF-cod-gray: rgb(11, 11, 11);
  --RF-black-russian: rgb(38, 38, 40);
  --RF-footer-bg: rgb(57, 62, 67);
  --RF-charcoal: rgb(63, 63, 63);
  --RF-gray-btn-text: rgb(68, 68, 68);
  --RF-body-text: rgb(74, 74, 74);
  --RF-description-panel: rgb(86, 86, 86);
  --RF-storm-dust: rgb(97, 97, 97);
  --RF-steel: rgb(102, 102, 102);
  --RF-scorpion: rgb(104, 100, 100);
  --RF-dove-gray: rgb(111, 112, 114);
  --RF-gray: rgb(129, 129, 129);
  --RF-aluminium: rgb(151, 151, 151);
  --RF-menu-sub: rgb(169, 171, 173);
  --RF-magnesium: rgb(181, 179, 179);
  --RF-footer-text: rgb(184, 187, 191);
  --RF-silverhand: rgb(193, 195, 198);
  --RF-iron: rgb(204, 204, 204);

/* ============= Alfa RGB  ============== */
  --RF-navi-red: rgba(255, 0, 0, 0.4);
  --RF-zeus: rgba(57, 62, 67, .98);
  --RF-lightroom: rgba(1, 1, 1, 0.85);
  --RF-patina: rgba(100, 149, 153, 0.50);
  --RF-white-4: rgba(255, 255, 255, .4);
  --RF-vk-pay: rgba(0, 119, 255, 1.00);

/* ============= Solid colors ==============  */
  --RF-red: rgb(251, 80, 57);
  --RF-fire-engine-red: rgb(215, 25, 33);
  --RF-darkred: rgb(139, 0, 0);
  --RF-android-green: rgb(159, 187, 50);
  --RF-milan: rgb(254, 251, 168);
  --RF-multipay-green: rgb(133, 197, 64);
  --RF-tufts-blue: rgb(59, 125, 209);
  --RF-selestial-blue: rgb(71, 138, 205);
  --RF-river-bad: rgb(83, 94, 105);
  --RF-gothic: rgb(110, 157, 163);
  --RF-yellow: rgb(255, 245, 3);
  --RF-paypal: rgb(255, 196, 57);
  --RF-sber: rgb(32, 160, 56);
  --RF-sber-hover: rgb(22, 150, 46);
  --RF-crypto: rgb(56, 49, 254);
  --RF-crypto-hover: rgb(93, 87, 255);
  --RF-others: rgb(83, 94, 104);
  --RF-others-hover: rgb(23, 84, 94);

/* ============= SVG backgrounds ============== */
  --red_dot: url("https://im.rusfond.ru/pics/svg_icons/list_dot.svg");
  --arrow_red_down: url("https://im.rusfond.ru/pics/svg_icons/arrow_red.svg");
  --doc: url("https://im.rusfond.ru/pics/svg_icons/doc.svg");
  --file_red: url("https://im.rusfond.ru/pics/svg_icons/file_red.svg");
  --programms: url("https://im.rusfond.ru/pics/svg_icons/programms.svg");
  --locations: url("https://im.rusfond.ru/pics/svg_icons/location.svg");
  --phone:  url("https://im.rusfond.ru/pics/svg_icons/phone.svg");
  --email: url("https://im.rusfond.ru/pics/svg_icons/email.svg");
  --card-white: url("https://im.rusfond.ru/pics/svg_icons/card_white.svg");
  --autopay-white: url("https://im.rusfond.ru/pics/svg_icons/autopay_white.svg");
  --pay-pal-white: url("https://im.rusfond.ru/pics/svg_icons/paypal_white.svg");
  --sber-white: url("https://im.rusfond.ru/pics/svg_icons/SberPay-logo.svg");
  --sms-white: url("https://im.rusfond.ru/pics/svg_icons/sms_white.svg");
  --vk-pay: url("https://im.rusfond.ru/pics/svg_icons/VK_Pay_White_1.svg");
  --other-white: url("https://im.rusfond.ru/pics/svg_icons/other_white_1.svg");
  --currency-warning-sign: url("https://im.rusfond.ru/pics/svg_icons/Attention_Sign_1.svg");
  --card-crypto: url("https://im.rusfond.ru/pics/svg_icons/bitcoin_1.svg");
  --card-cloudpayments: url(https://im.rusfond.ru/pics/svg_icons/logo_cloudpayments_red.svg);
}

.wp-block-latest-posts__list li a.wp-block-latest-posts__post-title {
    text-decoration: none !important; /* Убираем подчёркивание для ссылок */
}

.wp-block-latest-posts__list li a.wp-block-latest-posts__post-title:hover,
.wp-block-latest-posts__list li a.wp-block-latest-posts__post-title:focus,
.wp-block-latest-posts__list li a.wp-block-latest-posts__post-title:active {
    text-decoration: none !important; /* Убираем подчёркивание при наведении, фокусе и активации */
}

  h1 {
    margin: 0 0 .625em;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.1875;
    padding: 0 8px !important;
}
p {
  padding: 0;
}
  time {
      font-weight: normal;
      color: var(--RF-black);
  }
  
  .superb-accordion-header {
    padding: 10px 25px !important;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both;
    overflow-wrap: break-word;
    margin: 5px;
}

/* ui3 overrides */
.ui3-tooltip {
    max-width: 500px !important;
}

.ui3-open > .ui3-modal-dialog {
    border-radius: 30px;
}


/* ========== WP navigation theme overrides =========== */

.wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--mono-4);
    border: 1px solid #00000026;
    border-radius: 10px;
}
.wp-block-navigation ul, .wp-block-navigation ul li {
    list-style: none;
    padding: 0;
    border-radius: 10px;
}

/* ========== shine effect: =========== */

h5.wp-block-heading.has-text-align-center.header_main {
    background: linear-gradient(to right, #28c76f 0%, #5a4aff 47.92%, #ff3739 100%);
    background-size: 200% auto; /* Делаем градиент шире, чтобы он "двигался" */
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text; /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Делаем текст прозрачным, чтобы виден был градиент */
    animation: shine 2s ease-in-out infinite alternate; /* Анимация */
}
.has-superb-addons-text-align-justify {
    display: inline-block;
     text-align: center; 
}

@keyframes shine {
    0% {
        background-position: 0% 50%; /* Начальная позиция градиента */
    }
    100% {
        background-position: 100% 50%; /* Конечная позиция градиента */
    }
}

/* ========== form7 overrides =========== */

.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
    background-color: #fff;
    width: 100%;
    height: 45px;
    padding: 5px;
    border-radius: 5px;
    border: 2px solid var(--wp--preset--color--pale-cyan-blue);
    color: var(--wp--preset--color--mono-2) !important;
    font-size: var(--wp--preset--font-size--superbfont-small) !important;
}

.wpcf7 textarea {
    background-color: #fff;
    color: #000;
    width: 100%;
    height: 100px;
    padding: 5px;
    border-radius: 5px;
    border: 2px solid var(--wp--preset--color--pale-cyan-blue);
    color: var(--wp--preset--color--mono-2) !important;
    font-size: var(--wp--preset--font-size--superbfont-small) !important;
}

.wpcf7 input[type="submit"] {
    color: #000;
    border: none;
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
    cursor: pointer;
    border-radius: 100px;
    border-width: 0;
    color: var(--wp--preset--color--contrast-light);
    font-family: inherit;
    font-size: var(--wp--preset--font-size--superbfont-small);
    font-weight: 600;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
}

.wpcf7-response-output {
    border-radius: 5px !important;
   padding: 5px !important;
    border-radius: 5px !important;
    border: 2px solid var(--wp--preset--color--vivid-red) !important;
}

.has-mono-2-color {
    color: var(--wp--preset--color--contrast-dark) !important;
}

/* remove underline in a:hover in blocks */
:root :where(.wp-block-post-content a:where(:not(.wp-element-button))) {
    text-decoration: none !important;
}

/* ============== accordion for news template ============== */
.wp-block-superb-addons-accordion-block .superb-accordion-content .superb-accordion-content-wrapper {
    padding: 15px;
    padding: var(--wp--preset--spacing--superbspacing-xsmall,15px);
    max-height: 700px;
    overflow: scroll;
}

.wp-block-superb-addons-accordion-block .superb-accordion-icon:after, .wp-block-superb-addons-accordion-block .superb-accordion-icon:before {
    background-color: rgb(17, 52, 103);
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: transform .3s ease;
    width: 20px;
}

.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
    display: block;
    font-size: .8125em;
    color: var(--RF-black);
    font-size: .8rem;
    font-weight: bold;
    width: fit-content;
    padding: 2px 5px 0 0;
    border-radius: 5px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li:hover {
    clear: both;
    overflow-wrap: break-word;
    margin: 5px;
    padding: 5px;
    background: #f1f1f1;
    border-radius: 5px;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both;
    overflow-wrap: break-word;
    margin: 5px;
    padding: 5px;
    display: flex;
    flex-direction: column;
}

.wp-block-latest-posts__list li a.wp-block-latest-posts__post-title {
    text-decoration: none !important;
    order: 2;
}

.wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
    border: none;
}
.current-post {
    margin: 5px;
    padding: 5px;
    /* border-bottom: 1px dashed lightgrey; */
    background: #f1f1f1;
    border-radius: 5px;
}

em {
    display: inline-block;
    font-size: .9rem;
    color: black;
}

/* ===== two column layout ===== */
    .two_columns_container {
        align-items: flex-start;
        flex-wrap: wrap;
        /*margin: 0 -20px !important;*/
    }

    .two_columns_main {
        order: 2;
    }

    .two_columns_aside {
        order: 1;
        flex-basis: 100% !important;
    }

    @media only screen and (min-width:960px) {
        .two_columns_container {
            flex-wrap: nowrap;
            /*margin: 0;*/
        }

        .two_columns_main {
            order: 1;
        }

        .two_columns_aside {
            order: 2;
            flex-basis: 35% !important;
        }
    }
    
  
  /* ===== Custom PAGES width ====== */
  .wp-container-core-group-is-layout-bea02a06 > .alignwide {
    max-width: 920px;
}
  /* // ===== Custom PAGES width ====== */
  
  /* ====== Smart Post Show slider ====== */
  /* data & ico in one line */
  .sp-pcp-post .sp-pcp-post-meta ul li {
    display: flex;
    margin: 0 5px 5px 0;
}
/* spacing top & bottom */
.pcp-carousel-wrapper .sp-pcp-carousel {
    padding-bottom: 0;
    padding-top: 0;
}

/* ============== main page slider link to archive ============== */
        .pcp-carousel-wrapper .sp-pcp-carousel {
            padding-bottom: 0;
            padding-top: 20px;
        }

        #pcp_wrapper-1292 .all-news-link {
            position: absolute;
            top: 0;
            right: 0;
            color: var(--RF-crypto);
            padding: 5px 10px;
            text-decoration: none;
            border-radius: 3px;
            font-size: 1.1rem;
            font-weight: bold;
            z-index: 10;
        }
        
/* ======= ui3 accordion for sidebar news customization =======  */
.wp-block-custom-posts-by-month.ui3-accordion .ui3-accordion-content {
    margin-top: -3px;
}
.wp-block-custom-posts-by-month.ui3-accordion .ui3-accordion-title {
    font-size: inherit;
    line-height: inherit;
}
.ui3-accordion-title::before {
    margin-top: 4px;
}
.wp-block-custom-posts-by-month.ui3-accordion .post-item {
    overflow-wrap: break-word;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
}
.wp-block-custom-posts-by-month.ui3-accordion .post-item:hover {
    overflow-wrap: break-word;
    margin: 5px;
    padding: 5px;
    background: #f1f1f1;
    border-radius: 5px;
}
.wp-block-custom-posts-by-month.ui3-accordion .ui3-accordion > :nth-child(n+2) {
    margin-top: 10px;
}
/* ====== arrows for accorion ======  */
.ui3-accordion-title::before {
  content: '';
  display: inline-block;  /* Для правильного размещения слева */
  margin-top: 10px;
  margin-right: 5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;   /* Левая "нога" */
  border-right: 5px solid transparent;  /* Правая "нога" */
  border-top: 5px solid #4a4a4a;        /* Верхняя часть (базовый треугольник вверх) */
  transition: transform 0.2s ease-in-out;  /* Плавный поворот, как в UIKit */
  transform: rotate(-90deg);             /* По умолчанию: вправо (закрыто) */
}

/* Когда открыт: поворот вниз */
.ui3-open > .ui3-accordion-title::before {
  transform: rotate(0deg);  /* Вниз (открыто) */
}

/* Опционально: hover-эффект (например, лёгкое затемнение цвета) */
.ui3-accordion-title:hover::before {
  border-top-color: #333;  /* Темнее на hover, если нужно */
}

/* Если хочешь динамический цвет от родителя */
.ui3-accordion-title {
  color: #4a4a4a;  /* Базовый цвет текста и стрелки */
}

.ui3-accordion-title::before {
  border-top-color: currentColor;  /* Стрелка наследует color */
}

.cf-turnstile {
  margin-left: 0px !important;
}
    
    
    
  /* ====== end of file ===== */