/*
 * W3C uyğunluğu üçün edilmiş HTML dəyişikliklərinin görünüşü dəyişməməsi üçün köməkçi qaydalar.
 * Başlıq səviyyələri düzəldiləndə (h6 -> h2/h3/h4) element əvvəlki ölçüsünü saxlayır.
 */

/* main.blade.php: təkrarlanan id="wrapper" silindi, #wrapper qaydası saxlanılır */
.wrapper-inner {
    overflow: hidden;
    transition: all .5s ease
}

/* <ul> içində <span> əvəzinə <li> */
.breadcrumbs-wrap .breadcrumbs > li.bc-plain {
    text-transform: none;
    font-size: inherit;
    letter-spacing: normal
}

/* h6 görünüşlü başlıqlar */
.hs-6 {
    font-size: 18px
}

.hs-6:not(:last-child) {
    margin-bottom: 20px
}

.event-info .event-link.hs-6 {
    line-height: 24px
}

.event-info .hs-6:not(:last-child) {
    margin-bottom: 5px
}

.project-description .project-title.hs-6:not(:last-child) {
    margin-bottom: 0
}

.portfolio-holder.three-collumn .project-description .project-title.hs-6 {
    font-size: 14px;
    line-height: 28px
}

/* h3 görünüşlü başlıqlar */
.hs-3 {
    font-size: 36px
}

.hs-3:not(:last-child) {
    margin-bottom: 25px
}

.footer-colmns .title.hs-3 {
    font-size: 18px
}


/* ---- WCAG 2.0 ---- */
/* 2.4.1 Bloklara keçid linki */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 100000;
    padding: 10px 16px;
    background: #14468c;
    color: #fff;
    font-size: 16px
}

.skip-link:focus {
    left: 0;
    color: #fff;
    outline: 3px solid #bf0d3e
}

/* 2.4.7 Görünən fokus */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible {
    outline: 3px solid #bf0d3e !important;
    outline-offset: 2px
}

#main-content:focus {
    outline: 0
}

/* 1.4.1 Mətn daxilindəki linklər yalnız rənglə fərqlənməsin */
#main p a, #content p a, .event-desc a, .entry-content a, .page-content-wrap p a {
    text-decoration: underline !important
}

/* 2.1.1 Alt menyu klaviaturadan açılsın */
.main-navigation > ul > li:focus-within > .sub-menu-wrap:not(.sub-menu-inner),
.sub-menu-wrap ul li:focus-within > .sub-menu-wrap.sub-menu-inner {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

/* 2.2.2 Hərəkəti azaltmaq istəyən istifadəçilər üçün */
@media (prefers-reduced-motion: reduce) {
    *, :after, :before {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

/* h1 -> h2 (səhifədə yalnız bir h1) */
.hs-1 {
    font-size: 60px
}

/* inline style="color:#333333" əvəzinə */
.cp-page-title.title-dark {
    color: #333333
}

/* 1.4.1: mətn blokundakı "Ətraflı" linki */
#main .mt-1 > a {
    text-decoration: underline !important
}

/* structure.blade.php: <span> içində <p> əvəzinə span.org-text (üst span-ın qutu üslubunu miras almasın) */
.org-chart ul li span span.org-text {
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    box-shadow: none;
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    transition: none
}

@media all and (min-width: 993px) and (max-width: 1200px) {
    .org-chart ul li span span.org-text {
        line-height: 1.1;
        font-weight: 500;
        font-size: 14px
    }
}