.elementor-10474 .elementor-element.elementor-element-fae6cef{margin-top:-60px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-10474 .elementor-element.elementor-element-47d47ab{text-align:center;}.elementor-10474 .elementor-element.elementor-element-47d47ab.elementor-widget-heading .elementor-heading-title{color:#011660;}.elementor-10474 .elementor-element.elementor-element-47d47ab .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-10474 .elementor-element.elementor-element-47d47ab > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10474 .elementor-element.elementor-element-c655272 .elementor-spacer-inner{height:40px;}.elementor-10474 .elementor-element.elementor-element-e659980{text-align:center;}.elementor-10474 .elementor-element.elementor-element-e659980.elementor-widget-heading .elementor-heading-title{color:#011660;}.elementor-10474 .elementor-element.elementor-element-e659980 .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-10474 .elementor-element.elementor-element-3fd4236 .elementor-spacer-inner{height:20px;}.elementor-10474 .elementor-element.elementor-element-8b4e002 .elementor-spacer-inner{height:20px;}.elementor-10474 .elementor-element.elementor-element-6fff3df .elementor-repeater-item-16b4560 .slick-slide-bg{background-color:rgba(163, 60, 100, 0);background-image:url(http://mc.mu-sofia.bg/wp-content/uploads/2021/05/siriwan-arunsiriwattana-1240619-unsplash-1024x683-2.jpg);background-size:contain;}.elementor-10474 .elementor-element.elementor-element-6fff3df .slick-slide{height:370px;}.elementor-10474 .elementor-element.elementor-element-6fff3df .slick-slide-bg{animation-duration:calc(5000ms*1.2);transition-duration:calc(5000ms);}.elementor-10474 .elementor-element.elementor-element-6fff3df .elementor-slide-content{max-width:66%;}.elementor-10474 .elementor-element.elementor-element-6fff3df .slick-slide-inner{text-align:center;}.elementor-10474 .elementor-element.elementor-element-0083b5a .elementor-icon-list-icon i{color:#011660;font-size:14px;}.elementor-10474 .elementor-element.elementor-element-0083b5a .elementor-icon-list-icon{width:14px;}.elementor-10474 .elementor-element.elementor-element-0083b5a .elementor-icon-list-text, .elementor-10474 .elementor-element.elementor-element-0083b5a .elementor-icon-list-text a{color:#011660;}.elementor-10474 .elementor-element.elementor-element-44b62c5 .elementor-text-editor{text-align:justify;}.elementor-10474 .elementor-element.elementor-element-44b62c5{font-family:"Source Sans Pro", Sans-serif;font-size:17px;}.elementor-10474 .elementor-element.elementor-element-44b62c5 > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-10474 .elementor-element.elementor-element-11e3dac a.elementor-button, .elementor-10474 .elementor-element.elementor-element-11e3dac .elementor-button{font-family:"Source Sans Pro", Sans-serif;font-weight:bold;background-color:#7F2A9C;border-radius:28px 28px 28px 28px;}.elementor-10474 .elementor-element.elementor-element-11e3dac .elementor-button{border-style:groove;border-width:7px 7px 7px 7px;}.elementor-10474 .elementor-element.elementor-element-a620d75 .elementor-spacer-inner{height:11px;}.elementor-10474 .elementor-element.elementor-element-dd624d6 a.elementor-button, .elementor-10474 .elementor-element.elementor-element-dd624d6 .elementor-button{font-family:"Source Sans Pro", Sans-serif;font-weight:bold;background-color:#2A739C;border-radius:30px 30px 30px 30px;padding:-1px -1px -1px -1px;}.elementor-10474 .elementor-element.elementor-element-dd624d6 .elementor-button{border-style:groove;border-width:7px 7px 7px 7px;}.elementor-10474 .elementor-element.elementor-element-98fc2ae .elementor-spacer-inner{height:11px;}.elementor-10474 .elementor-element.elementor-element-4c6bd2e a.elementor-button, .elementor-10474 .elementor-element.elementor-element-4c6bd2e .elementor-button{font-family:"Source Sans Pro", Sans-serif;font-weight:bold;background-color:#31277E;border-radius:30px 30px 30px 30px;}.elementor-10474 .elementor-element.elementor-element-4c6bd2e .elementor-button{border-style:groove;border-width:7px 7px 7px 7px;}.elementor-10474 .elementor-element.elementor-element-5388463 .elementor-spacer-inner{height:11px;}.elementor-10474 .elementor-element.elementor-element-ea5b724 a.elementor-button, .elementor-10474 .elementor-element.elementor-element-ea5b724 .elementor-button{font-family:"Source Sans Pro", Sans-serif;font-weight:bold;background-color:#31277E;border-radius:30px 30px 30px 30px;}.elementor-10474 .elementor-element.elementor-element-ea5b724 .elementor-button{border-style:groove;border-width:7px 7px 7px 7px;}.elementor-10474 .elementor-element.elementor-element-88d58fe .elementor-spacer-inner{height:11px;}.elementor-10474 .elementor-element.elementor-element-e4a851a .elementor-spacer-inner{height:11px;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.4 * 100% );}.elementor-10474 .elementor-element.elementor-element-d6edef1:after{content:"0.4";position:absolute;color:transparent;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post__thumbnail__link{width:100%;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post__meta-data span + span:before{content:"///";}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-posts-container{grid-column-gap:26px;grid-row-gap:16px;}.elementor-msie .elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post{padding-right:calc( 26px/2 );padding-left:calc( 26px/2 );padding-bottom:16px;}.elementor-msie .elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-posts-container{margin-left:calc( -26px/2 );margin-right:calc( -26px/2 );}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post{border-radius:17px;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post__text{padding:4px 4px 4px 4px;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post:hover{box-shadow:0px 0px 10px 0px #000000;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post__thumbnail{border-radius:0px 0px 0px 0px;}.elementor-10474 .elementor-element.elementor-element-d6edef1.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:21px;}.elementor-10474 .elementor-element.elementor-element-d6edef1.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:21px;}.elementor-10474 .elementor-element.elementor-element-d6edef1.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:21px;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post__title, .elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post__title a{color:#011660;font-family:"Source Sans Pro", Sans-serif;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post__title{margin-bottom:6px;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post__read-more{color:#0C5FC1;font-family:"Source Sans Pro", Sans-serif;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-pagination{text-align:center;font-family:"Source Sans Pro", Sans-serif;font-size:12px;}body:not(.rtl) .elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 18px/2 );}body:not(.rtl) .elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 18px/2 );}body.rtl .elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 18px/2 );}body.rtl .elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 18px/2 );}.elementor-10474 .elementor-element.elementor-element-d6edef1 > .elementor-widget-container{border-radius:11px 11px 11px 11px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(max-width:1159px){.elementor-10474 .elementor-element.elementor-element-44b62c5{width:351px;max-width:351px;}}@media(min-width:768px){.elementor-10474 .elementor-element.elementor-element-aba8a53{width:5%;}.elementor-10474 .elementor-element.elementor-element-fbefab3{width:88.683%;}.elementor-10474 .elementor-element.elementor-element-da5f565{width:69.985%;}.elementor-10474 .elementor-element.elementor-element-28e08fb{width:30%;}.elementor-10474 .elementor-element.elementor-element-2c5630f{width:5%;}}@media(max-width:767px){.elementor-10474 .elementor-element.elementor-element-44b62c5 .elementor-text-editor{text-align:left;column-gap:0px;}.elementor-10474 .elementor-element.elementor-element-44b62c5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10474 .elementor-element.elementor-element-44b62c5{width:326px;max-width:326px;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-10474 .elementor-element.elementor-element-d6edef1:after{content:"0.5";position:absolute;color:transparent;}.elementor-10474 .elementor-element.elementor-element-d6edef1 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for button, class: .elementor-element-dd624d6 *//* Насочваме се към бутона (линка) вътре в уиджета с уникалния клас dd624d6 */ .elementor-element-dd624d6 .elementor-button-link { /* 1. ЗАПАЗВАМЕ ЦВЕТА И ОСНОВНИЯ СТИЛ */ /* Важно: премахваме background-color: transparent, за да запазим цвета на Elementor */ position: relative; /* За да можем да позиционираме псевдо-елемента */ overflow: hidden; /* За да скрием блясъка извън бутона */ z-index: 1; /* 2. Добавяме вътрешна сянка за дълбочина (имитира вдлъбване) */ box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), /* Тъмна вътрешна сянка */ 0 4px 10px rgba(0, 0, 0, 0.2); /* Външна сянка за повдигане */ /* Добавяме леко заобляне, ако Elementor не го прави */ border-radius: 28px !important; } /* 3. ДОБАВЯМЕ "МОКЪР" БЛЯСЪК (Псевдо-елемент) */ .elementor-element-11e3dac .elementor-button-link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Градиент за блясък - от полупрозрачно бяло към напълно прозрачно */ background: linear-gradient( 15deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100% ); /* Добавяме лека вътрешна сянка за стъклен ръб */ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6); border-radius: inherit; /* Наследява заоблянето на бутона */ z-index: 2; /* Да е над основния фон */ pointer-events: none; /* За да не пречи на кликването */ } /* 4. ЕФЕКТ ПРИ ПОСОЧВАНЕ (HOVER) */ .elementor-element-11e3dac .elementor-button-link:hover { box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4), 0 6px 12px rgba(0, 0, 0, 0.3); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4c6bd2e *//* ========================================================== ELEMENTOR CUSTOM CSS: ТЪМНО СИН + GLOSSY + ДВИЖЕНИЕ НАДЯСНО (V111) ========================================================== */ /* 1. НОРМАЛНО СЪСТОЯНИЕ: Изпъкнал Glossy */ .elementor-10474 .elementor-element.elementor-element-4c6bd2e a.elementor-button { /* ЦВЕТОВА СХЕМА: Тъмносин градиент */ background: linear-gradient(180deg, #1e40af 0%, #1e3a8a 100%) !important; /* СИСТЕМА ОТ СЕНКИ ЗА GLOSSY ЕФЕКТ */ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 10px -10px rgba(255, 255, 255, 0.3), 0 4px 10px rgba(0, 0, 0, 0.4) !important; /* ОФОРМЯНЕ */ border-radius: 12px !important; color: #ffffff !important; font-weight: 600 !important; border: none !important; /* Плавен преход за целия бутон */ transition: all 0.3s ease; transform: none; overflow: hidden; } /* АНИМАЦИЯ НА ТЕКСТА (Вътрешен елемент) */ .elementor-10474 .elementor-element.elementor-element-4c6bd2e a.elementor-button .elementor-button-text, .elementor-10474 .elementor-element.elementor-element-4c6bd2e a.elementor-button .elementor-button-content-wrapper { display: inline-block; transition: transform 0.3s ease !important; } /* 2. HOVER СЪСТОЯНИЕ: Ефект "Натискане" и движение на текста */ .elementor-10474 .elementor-element.elementor-element-4c6bd2e a.elementor-button:hover, .elementor-10474 .elementor-element.elementor-element-4c6bd2e a.elementor-button:focus { /* Цветовете се запазват в синята гама */ background: linear-gradient(180deg, #1d4ed8 0%, #1e3a8a 100%) !important; /* СЕНКИ ЗА НАТИСКАНЕ */ box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 0 rgba(0, 0, 0, 0) !important; /* ФИЗИЧЕСКО ДВИЖЕНИЕ НА БУТОНА НАДОЛУ */ transform: translateY(2px); outline: none !important; } /* ДВИЖЕНИЕ НА ТЕКСТА НАДЯСНО ПРИ HOVER */ .elementor-10474 .elementor-element.elementor-element-4c6bd2e a.elementor-button:hover .elementor-button-text, .elementor-10474 .elementor-element.elementor-element-4c6bd2e a.elementor-button:hover .elementor-button-content-wrapper { /* Променено на положителна стойност за движение надясно */ transform: translateX(5px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ea5b724 *//* Насочваме се към бутона (линка) вътре в уиджета с уникалния клас ea5b724 */ .elementor-element-ea5b724 .elementor-button-link { /* 1. ЗАПАЗВАМЕ ЦВЕТА И ОСНОВНИЯ СТИЛ */ /* Важно: премахваме background-color: transparent, за да запазим цвета на Elementor */ position: relative; /* За да можем да позиционираме псевдо-елемента */ overflow: hidden; /* За да скрием блясъка извън бутона */ z-index: 1; /* 2. Добавяме вътрешна сянка за дълбочина (имитира вдлъбване) */ box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), /* Тъмна вътрешна сянка */ 0 4px 10px rgba(0, 0, 0, 0.2); /* Външна сянка за повдигане */ /* Добавяме леко заобляне, ако Elementor не го прави */ border-radius: 28px !important; } /* 3. ДОБАВЯМЕ "МОКЪР" БЛЯСЪК (Псевдо-елемент) */ .elementor-element-11e3dac .elementor-button-link::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* Градиент за блясък - от полупрозрачно бяло към напълно прозрачно */ background: linear-gradient( 15deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.4) 100% ); /* Добавяме лека вътрешна сянка за стъклен ръб */ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.6); border-radius: inherit; /* Наследява заоблянето на бутона */ z-index: 2; /* Да е над основния фон */ pointer-events: none; /* За да не пречи на кликването */ } /* 4. ЕФЕКТ ПРИ ПОСОЧВАНЕ (HOVER) */ .elementor-element-11e3dac .elementor-button-link:hover { box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.4), 0 6px 12px rgba(0, 0, 0, 0.3); }/* End custom CSS */ /* Start custom CSS for posts, class: .elementor-element-d6edef1 *//* ========================================= NEWS SIDEBAR – COMPACT MODERN ========================================= */ .news-sidebar .elementor-post { position: relative; overflow: hidden; background: linear-gradient( 145deg, rgba(255,255,255,0.98), rgba(245,248,255,0.96) ); border: 1px solid rgba(35, 78, 160, 0.14); border-radius: 12px; padding: 7px; margin-bottom: 12px; box-shadow: 0 4px 12px rgba(25, 55, 110, 0.08); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } /* ========================================= COLOR LINE ========================================= */ .news-sidebar .elementor-post::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient( 180deg, #1554b7, #6653c6, #20a8c4 ); opacity: 0.75; z-index: 3; } /* ========================================= CARD HOVER ========================================= */ .news-sidebar .elementor-post:hover { transform: translateY(-2px); border-color: rgba(45, 88, 175, 0.26); box-shadow: 0 8px 18px rgba(30, 65, 130, 0.12); } /* ========================================= IMAGE ВАЖНО: запазваме translate(-50%, -50%) ========================================= */ .news-sidebar .elementor-post__thumbnail__link { display: block !important; width: 100% !important; overflow: hidden !important; border-radius: 9px; position: relative !important; background: transparent !important; } .news-sidebar .elementor-post__thumbnail { display: block !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; border-radius: 9px; position: relative !important; background: transparent !important; } /* НЕ променяме top/left на Elementor. Снимката остава центрирана: top: 50%; left: 50%; */ .news-sidebar .elementor-post__thumbnail img { display: block !important; width: 100% !important; max-width: none !important; opacity: 1 !important; visibility: visible !important; object-fit: cover !important; /* Това е ключовото. translate НЕ трябва да се маха. */ transform: translate(-50%, -50%) scale(1.01) !important; transform-origin: center center !important; transition: transform 0.55s cubic-bezier(.22,.61,.36,1), filter 0.35s ease !important; } /* ========================================= IMAGE HOVER ========================================= */ .news-sidebar .elementor-post:hover .elementor-post__thumbnail img { opacity: 1 !important; visibility: visible !important; /* Запазваме translate и променяме САМО scale. */ transform: translate(-50%, -50%) scale(1.07) !important; filter: brightness(0.94) saturate(1.07); } /* ========================================= VERY LIGHT IMAGE OVERLAY ========================================= */ .news-sidebar .elementor-post__thumbnail__link::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(20, 60, 160, 0), rgba(40, 70, 170, 0.09) ); opacity: 0; pointer-events: none; z-index: 2; transition: opacity 0.35s ease; } .news-sidebar .elementor-post:hover .elementor-post__thumbnail__link::after { opacity: 1; } /* ========================================= TEXT ========================================= */ .news-sidebar .elementor-post__text { padding: 8px 5px 4px 5px; position: relative; z-index: 2; } /* ========================================= TITLE ========================================= */ .news-sidebar .elementor-post__title { margin: 0 0 4px 0; } .news-sidebar .elementor-post__title a { color: #092f73; font-size: 14px; font-weight: 700; line-height: 1.25; text-decoration: none; transition: color 0.25s ease; } .news-sidebar .elementor-post:hover .elementor-post__title a { color: #4251b8; } /* ========================================= DATE ========================================= */ .news-sidebar .elementor-post__meta-data { font-size: 11px; color: #7a8394; margin-top: 2px; margin-bottom: 2px; } /* ========================================= READ MORE ========================================= */ .news-sidebar .elementor-post__read-more { display: inline-block; margin-top: 6px; padding: 4px 9px; border-radius: 12px; background: linear-gradient( 135deg, rgba(25, 78, 170, 0.09), rgba(98, 72, 190, 0.10) ); border: 1px solid rgba(55, 85, 170, 0.14); color: #17458f !important; font-size: 11px; font-weight: 700; text-decoration: none !important; transition: transform 0.28s ease, background 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease; } /* движение на бутона */ .news-sidebar .elementor-post__read-more:hover { transform: translateX(4px); background: linear-gradient( 135deg, rgba(25, 78, 170, 0.17), rgba(98, 72, 190, 0.17) ); border-color: rgba(55, 85, 170, 0.24); box-shadow: 0 4px 10px rgba(40, 70, 150, 0.11); } /* ========================================= DECORATIVE GLOW ========================================= */ .news-sidebar .elementor-post::after { content: ""; position: absolute; width: 90px; height: 90px; right: -45px; bottom: -45px; background: radial-gradient( circle, rgba(80, 105, 205, 0.12), transparent 70% ); pointer-events: none; z-index: 0; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .news-sidebar .elementor-post { padding: 6px; margin-bottom: 10px; border-radius: 10px; } .news-sidebar .elementor-post__title a { font-size: 13px; } .news-sidebar .elementor-post__read-more { font-size: 10.5px; padding: 4px 8px; } }/* End custom CSS */