html {
  /* 1 */
  font-family: -apple-system, BlinkMacSystemFont, "Libre Franklin", sans-serif!important;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  background: #fff;
  color: #666;
}

body {
  font-family: "Libre Franklin", sans-serif!important;
}

#tm-sidebar_nav {background-color: #00746b;}





hr {
    box-sizing: content-box;
    overflow: visible;
    border-top: 1px solid #800006!important;
    background: 
}



h3.project-title a {
    font-weight: 700 !important;
}

.project-title a {
    display: inline-block; /* Позволява на line-height да работи коректно */
    color: #041064!important;
    font-size: 16px!important;
    font-weight: 900!important;
    line-height: 1.20!important;
    font-family: Arial, sans-serif !important;
    text-transform: uppercase!important;
}

.project-title a:hover { 
    color: #0a1c9c!important;
    text-decoration: none!important;
}

/* Премахваме оригиналните линии и икони */
.uk-divider-icon {
    border: none !important;
    position: relative;
    height: 20px;
    padding: 30px 0; /* Пространство около разделителя */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Лявата линия */
.uk-divider-icon::before {
    content: "" !important;
    position: absolute;
    left: 0;
    right: calc(50% + 20px); /* Спира до иконата */
    height: 1px;
    background: #800006 !important;
    border: none !important;
}

/* Дясната линия */
.uk-divider-icon::after {
    content: "" !important;
    position: absolute;
    right: 0;
    left: calc(50% + 20px); /* Започва след иконата */
    height: 1px;
    background: #800006 !important;
    border: none !important;
}

/* Новата икона в центъра (Дизайн с диамант/ромб) */
.uk-divider-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20fill%3D%22%23800006%22%20transform%3D%22rotate(45%2010%2010)%22%20x%3D%226%22%20y%3D%226%22%20width%3D%228%22%20height%3D%228%22%20%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


div.site-name a, 
.site-name a:link, 
.site-name a:visited {
    font-size: 4rem;
    font-weight: 600;
    text-decoration: none !important;
    color: #FFF5D6 !important;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

.site-name a:hover {
    text-decoration: none;
    opacity: 8;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #FFF5D6;
    -webkit-filter: drop-shadow(0 0 0.5em #ffcf74);
    filter: drop-shadow(0 0 0.5em #ffcf74);
}

.site-name-scrol a {
    font-size: 1.5rem;
    font-weight: 900;
    text-decoration: none;
    color: #FFF5D6;
    /* Синтаксис: h-shadow v-shadow blur-radius color */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15); /* Много леко отстъпване и добро размазване */ 
}

.site-name-scrol a:hover {
    text-decoration: none;
    opacity: 8;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #FFF5D6;
    -webkit-filter: drop-shadow(0 0 0.5em #ffcf74);
    filter: drop-shadow(0 0 0.5em #ffcf74);
}



.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle {
    font-family: "Libre Franklin", sans-serif!important;
    font-weight: 600!important;
}

.uk-light .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li.uk-active > a, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a {
    color: #e3dabf!important;
}


.uk-light .uk-navbar-nav > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a, .uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a, .uk-overlay-primary .uk-navbar-nav > li > a, .uk-offcanvas-bar .uk-navbar-nav > li > a

 {
    color: #FFF5D6!important;
}


.uk-navbar-dropdown {
    --uk-position-offset: 15px;
    --uk-position-shift-offset: 0;
    --uk-position-viewport-offset: 15px;
    --uk-inverse: dark;
    width: 400px!important;
    padding: 0px!important;
    background: #00746b!important;
    color: #fff5d6!important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}


/* Правим родителското li отправна точка за позициониране */
.uk-navbar-dropdown-nav .uk-parent {
    position: relative;
}

/* Уверяваме се, че вложеното меню се появява отдясно */
.uk-navbar-dropdown-nav .uk-navbar-dropdown {
    top: 0 !important;
    left: 100% !important; /* Избутва го точно след края на второто ниво */
    margin-left: 5px; /* Малко разстояние за прегледност */
}


/* Таргетираме само елементите вътре в падащите менюта */
.uk-navbar-dropdown-nav > li {
    border-bottom: 1px solid #fff;
}

/* Премахваме бордера на последния елемент, за да изглежда по-чисто */
.uk-navbar-dropdown-nav > li:last-child {
    border-bottom: none;
}

/* Стилизираме линка за по-добра площ на кликане и ховър ефект */
.uk-navbar-dropdown-nav > li > a {
    display: block; /* Прави линка да заема цялата ширина */
    padding: 10px 15px; /* Регулирай според нуждите си */
    color: #fff5d6!important; /* Цвят на текста, ако бекграундът е тъмен */
    transition: background 0.3s ease; /* Плавно преливане */
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between; /* Избутва стрелката вдясно */
}



/* Ховър ефект върху линка */
.uk-navbar-dropdown-nav > li > a:hover {
    background: #01524c!important;
    color: #fff; /* Увери се, че текстът остава бял */
}

/* Ако искаш активният елемент също да има този цвят */
.uk-navbar-dropdown-nav > li.uk-active > a {
    background: rgba(0, 116, 107, 0.7);
}

.uk-nav > li > a {
    padding: 15px!important;
}



/* Прилага се върху всички линкове вътре в tm-content */
#tm-content a, 
#tm-content .uk-link {
    color: #053c73 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/* Стилизиране при посочване (hover), за да има визуална обратна връзка */
#tm-content a:hover, 
#tm-content .uk-link:hover {
    color: rgb(0, 116, 107) !important; /* Използваме вашия зелен цвят за консистенция */
    text-decoration: underline !important;
}



/* Прилага се върху всички линкове вътре в region-sidebar-first */
#tm-sidebar-first a, 
#tm-sidebar-first .uk-link {
    color: #053c73 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

/* Стилизиране при посочване (hover), за да има визуална обратна връзка */
#tm-sidebar-first a:hover, 
#tm-sidebar-first .uk-link:hover {
    color: rgb(0, 116, 107) !important; /* Използваме вашия зелен цвят за консистенция */
    text-decoration: underline !important;
}


.front-heading {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5em;
    border-bottom: .125em solid #D78662;
    padding-bottom: 20px;
}

.block-title {
    font-size: 25px;
    font-weight: 700;
    margin: 30px 0 15px 0;
    padding-bottom: 10px;
    border-bottom: .125em solid #D78662;
}


/*
 * Emphasize
 */
em {
  color: #000000!important;
}

/* Embedded content
 ========================================================================== */
/*
 * Remove the gap between the element and the bottom of its parent container.
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/*
 * 1. Constrain the element to its parent width.
 * 2. Preserve the intrinsic aspect ratio and auto-scale the height of an image if the `height` attribute is present.
 * 3. Take border and padding into account.
 */
canvas,
img,
svg,
video {
  /* 1 */
  max-width: 100%;
  /* 2 */
  height: auto;
  /* 3 */
  box-sizing: border-box;
}
/*
 * Deprecated: only needed for `img` elements with `uk-img`
 * 1. Hide `alt` text for lazy load images.
 * 2. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`.
 */
img:not([src]) {
  /* 1 */
  visibility: hidden;
  /* 2 */
  min-width: 1px;
}
/*
 * Iframe
 * Remove border in all browsers
 */
iframe {
  border: 0;
}


#search-block-form input {
    width: 100%;
}


/* Headings
 ========================================================================== */
h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge,
.uk-heading-3xlarge {
  margin: 0 0 20px 0;
  font-family: "Libre Franklin", sans-serif;!important;
  font-weight: 700;
  color: #333;
  text-transform: none;
}


.uk-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -270px;
    box-sizing: border-box;
    width: 500px!important;
    padding: 20px 20px;
    background: #2e3f59;
    overflow-y: auto;
}

.uk-section-primary {
    --uk-inverse: light;
    background: #00746b!important;
}



.uk-section-green {
  background-color: #00746b;
  --uk-inverse: light;
  padding-top: 20px;
  padding-bottom: 20px;
}

.uk-button-orange {
    background-color: #faa05a;
    color: #fff!important;
    border: 1px solid transparent;
}

.uk-button-orange:hover {
    background-color: #eb760c;
    color: #fff
}

.uk-label-purple {
  background-color: #7a175c;
  color: #fff;
}

/* Контейнерът на самата клетка */
.manuscript-box {
  background-color: #faa05a; /* Цвят на фона */
  border: 1px solid #9a2b07;  /* Цвят на рамката */
  padding: 5px;             /* Вътрешно отстояние */
  height: 100%;              /* За да са еднакво високи всички клетки */
  display: flex;             /* Активираме flex за центриране */
  align-items: center;       /* Вертикално центриране */
  justify-content: center;    /* Хоризонтално центриране */
  text-align: center;        /* Центриране на самия текст */
  transition: background 0.3s ease; /* Плавен ефект при ховър */
}

/* Стилизиране на линка вътре */
.manuscript-box a {
  text-decoration: none;
  color: #333;
  font-weight: bold;
  display: block;
  width: 100%;
}

/* Ефект при посочване (Hover) */
.manuscript-box:hover {
  background-color: #e44614;
  border-color: #9a2b07;
}


.hero-container {
        min-height: 250px;
        background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url('/sites/default/files/header-bg-building.jpg');
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding-bottom: 30px;
        position: relative;
        border-radius: 8px; /* Заоблени краища на самия контейнер */
        overflow: hidden;
    }

    /* Стилизиране на бутона */
    .hero-button {
        display: inline-block;
        padding: 12px 28px;
        background-color: #14457a; /* Основен цвят */
        color: #ffffff !important; /* Цвят на текста */
        text-decoration: none;
        font-family: Arial, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 50px; /* Напълно заоблен бутон */
        transition: all 0.3s ease; /* Плавна анимация */
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Лека сянка за дълбочина */
    }

    /* Ефект при посочване (Hover) */
    .hero-button:hover {
        background-color: #0056b3; /* По-тъмен цвят при посочване */
        transform: translateY(-3px); /* Леко повдигане */
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); /* Подсилване на сянката */
    }


/**
 * forms.
 */
 
.uk-input, .uk-select:not([multiple]):not([size]) {
    height: 50px!important;
    vertical-align: middle;
} 

.telephone-top { margin-top: 15px!important; }
 
.uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--mt-form-border);
    border-radius: 5px;
}
 
.form-item,
.form-actions {
  margin: 0 0 20px 0;
}
.view-commerce-cart-form table .form-item,
.view-commerce-cart-form table .form-actions {
  margin: 10px 0;
}
.header__section .form-item,
.header__section .form-actions {
  margin: 0;
}
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-file,
input.form-number,
input.form-color,
input.form-date,
input.form-time,
textarea,
select {
  border-radius: 5px;
  padding: 11px 15px;
  margin: 0;
  outline: none;
  border: none;
  -webkit-appearance: none;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: var(--mt-form-border);
  color: var(--mt-form-color);
  background-color: #ffffff;
  font-weight: 400;
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
}
.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  font-size: 14px;
  opacity: 0.65;
  margin-top: 4px;
}
input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.libcard {
    border: 1px solid #e5e5e5; /* Първоначална сива рамка */
    background: #fff;
    transition: box-shadow 0.3s ease;
    position: relative;
    z-index: 1;
}

/* Когато мишката е върху картата, добавяме само сянката */
.libcard:hover {
    border-color: #007bff; /* Син цвят */
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
} 

.news-item {
    display: flex;
    align-items: stretch;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-left: 5px solid #053c73; /* Тъмносиният цвят от вашите линкове */
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-left-color 0.2s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

/* Ефект при посочване на цялата новина */
.news-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-left-color: rgb(0, 116, 107); /* Сменя се на зелено при ховър */
}

/* Контейнер за снимката */
.news-image {
    flex: 0 0 200px; /* Фиксирана ширина на снимката */
    background-color: #f4f4f4;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Снимката запълва пространството без да се разтяга */
}

/* Контейнер за текста */
.news-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-date {
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 8px;
    display: block;
}

.news-title {
    margin: 0 0 10px 0;
    font-size: 1.25rem;
    line-height: 1.4;
}

.news-title a {
    color: #053c73;
    text-decoration: none;
    font-weight: 700;
}

.news-teaser {
    font-size: 0.95rem;
    color: #444;
    line-height: 1.6;
    margin-bottom: 15px;
}

.news-link {
    color: rgb(0, 116, 107);
    font-weight: 600;
    text-decoration: none;
    font-size: 0.9rem;
}

.news-link:hover {
    text-decoration: underline;
}

/* Мобилна версия - снимката отива отгоре */
@media (max-width: 600px) {
    .news-item {
        flex-direction: column;
    }
    .news-image {
        flex: 0 0 180px;
    }
}

/* Style modifiers
 ========================================================================== */
/*
 * Primary
 */
.uk-alert-primary {
  background: #d8eafc;
  color: #1e87f0;
}
/*
 * Success
 */
.uk-alert-success {
    background: #00746b!important;
    color: #FFFFFF!important;
    text-transform: uppercase!important;
}
/*
 * Warning
 */
.uk-alert-warning {
  background: #fff6ee;
  color: #faa05a;
  border-color: rgba(226, 131, 39, .3);
  border: 1px solid rgba(45, 112, 145, .3);
  border-radius: 4px;
  text-shadow: 0 1px 0 #fff;
}
/*
 * Danger
 */
.uk-alert-danger {
  background: #fef4f6;
  color: #f0506e;
}
/*
     * Content
     */
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
  color: inherit;
}
.uk-alert a:not([class]) {
  color: inherit;
  text-decoration: underline;
}
.uk-alert a:not([class]):hover {
  color: inherit;
  text-decoration: underline;
}

/* ========================================================================
   Component: Accordion
 ========================================================================== */
.uk-accordion {
  padding: 0;
  list-style: none;
}
.uk-accordion-title {
  display: block;
}
.uk-accordion-content {
  display: flow-root;
  padding: 15px;
  border: 1px solid rgba(226, 131, 39, .3);
  
}



/*
 * Remove margin from the last-child
 */
.uk-accordion-content > :last-child {
  margin-bottom: 0;
}