/*
Theme Name: Nacionalinė švietimo agentūra
Theme URI: https://nsa.smsm.lt
Description: nsa.smsm.lt svetainė
Author: Darius Eberson
Author URI: www.eberson.lt
Version: 1.0
*/

/* MAIN TEMPLATE */

@font-face {
    font-family: "Seasons Mix";
    src: url("fonts/SeasonMix-SemiBold.woff") format('woff');
    }

    @font-face {
    font-family: "Seasons Sans";
    src: url("fonts/SeasonSans-Regular.woff") format('woff');
    font-weight: bold;
    }
    body {
          font-size: 1.2rem;
          font-family: 'Seasons Sans', sans-serif;
      }
      a {
          text-decoration: none !important;
          color:#7198F8
      }
      a:hover {
          opacity:0.7;
      }
      @font-face {
      font-family: "Seasons Mix";
      src: url("fonts/SeasonMix-SemiBold.woff") format('woff');
      }

      @font-face {
      font-family: "Seasons Sans";
      src: url("fonts/SeasonSans-Regular.woff") format('woff');
      font-weight: bold;
      }

    body {
      font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-style: normal;
      position:relative;
        z-index:0;
      font-size:1rem;
        background-color: #FEFAF5;
    }
    html, body {
        overflow-x: clip !important;
      }
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Seasons Mix', sans-serif;
      font-weight: 500;
        color:#4d4a47
    }
    h2 {
      font-size: 40px !important;
        font-weight: 700;
    }
    h3 {
        font-size: 18px !important;
        font-weight: 700;
    }
    input,
    textarea {
        border:1px solid #999;
        padding:10px;
    }
      /* Header */
      header {
          background:url('img/dark-denim.png') repeat center center;
          background-color: rgba(255,255,255,0.8);
        background-blend-mode: lighten;
      }
      /* top menu */
      .top-menu {
          color:#666;
      }
      .top-menu .navbar a {
          color: #666 !important;
          font-size:14px !important;
      }
      .top-menu .navbar a:hover {
          opacity:0.4;
          transition: opacity .5s ease-out;
          -moz-transition: opacity .5s ease-out;
          -webkit-transition: opacity .5s ease-out;
          -o-transition: opacity .5s ease-out;
          color:#333;
      }
      .top-menu .navbar li {
          padding:0 0 0 10px;
      }
      .top-menu .navbar-expand-lg .navbar-nav .nav-link {
          padding-right: 0 !important;
      }
      .btn-success a {
          color:#FFF !important
      }
      /* top menu */
      .sec-menu {
        border-bottom:1px solid #CCC;
      }
      .sec-menu a {
          color:#1A1A1A;
      }
      .fa-solid.fa-xmark {
        color:#296151;
      }
      .header-search-panel-inner {
        margin-top:19px
      }
      .header-search-toggle {
        margin-top:18px !important
      }
      .sec-menu ul {
          margin-bottom: 0;
      }
      .sec-menu ul li {
          list-style: none;
          display: inline-block;
          padding: 20px 0px 20px 15px;
      }
      .sec-menu-actions {
          max-width: 100%;
      }
      .header-search-wrap {
          display: inline-flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-end;
          vertical-align: top;
      }
      .header-search-panel {
          max-width: 0;
          opacity: 0;
          overflow: hidden;
          transition: max-width 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;
          flex-shrink: 0;
          pointer-events: none;
      }
      .header-search-wrap.is-open .header-search-panel {
          max-width: min(90vw, 440px);
          opacity: 1;
          pointer-events: auto;
      }
      .header-search-panel-inner {
          display: flex;
          align-items: center;
          gap: 0.5rem;
          min-width: min(85vw, 400px);
          padding-right: 0.25rem;
      }
      .header-search-panel-inner .asl_w_container,
      .header-search-panel-inner form {
          flex: 1 1 auto;
          min-width: 0;
      }
      .header-search-toggle {
          flex-shrink: 0;
          transition: opacity 0.28s ease, transform 0.32s ease, max-width 0.32s ease, padding 0.32s ease, margin 0.32s ease, border-width 0.2s ease;
      }
      .header-search-wrap.is-open .header-search-toggle {
          max-width: 0;
          min-width: 0;
          padding-left: 0;
          padding-right: 0;
          margin-left: 0;
          margin-right: 0;
          opacity: 0;
          transform: scale(0.92);
          overflow: hidden;
          border-width: 0;
          pointer-events: none;
          white-space: nowrap;
      }
      .header-search-close {
          flex-shrink: 0;
          border-radius: 6px;
          padding: 0.35rem 0.5rem;
      }
      /* third menu */
      .third-menu {
          border-top:1px solid #CCCCCC;
      }
      .top-menu .navbar li {
          padding:0 10px 0 0;
      }
      .third-menu a {
          color:#1A1A1A;
          font-size:16px;
      }
      .third-menu.has-active a {
          color:#CCCCCC;
      }
      .third-menu.has-active .is-active > a {
          color:#1A1A1A;
          font-weight: 700;
      }
      .third-menu ul li {
          padding: 0px 15px 0px 0;
      }
      .third-menu-list {
          gap: 12px;
      }
      .third-menu-list li {
          list-style: none;
          display: inline-flex;
      }
      .third-menu-list a {
          color: #1A1A1A !important;
          padding: 10px 16px;
          display: inline-block;
          transform: translateX(-20px);
          opacity: 0;
          animation: thirdMenuSlideIn 0.6s ease-out forwards;
      }
      .third-menu-list li:nth-child(1) a { animation-delay: 0.4s; }
      .third-menu-list li:nth-child(2) a { animation-delay: 0.7s; }
      .third-menu-list li:nth-child(3) a { animation-delay: 1.0s; }
      .third-menu-list a:hover {
          transform: translateX(0) scale(1.03);
          transition: transform 0.2s ease;
      }
      @keyframes thirdMenuSlideIn {
          to { opacity: 1; transform: translateX(0); }
      }
      /* Slider: blokai išeina iš leidinio (svbukle), be radius, vos matomas tarpas */
      .container.slider .third-menu-list-slider {
          display: flex !important;
          flex-wrap: wrap;
          gap: 3px;
          margin: 0;
          padding: 0;
      }
      .container.slider .third-menu-list-slider li {
          list-style: none;
          display: inline-flex;
      }
      .container.slider .third-menu-list-slider .nav-link {
          background: #427a8a !important;
          color: #FFF !important;
          padding: 10px 16px !important;
          border-radius: 0 !important;
          display: inline-flex !important;
          align-items: center;
          transform: translateX(-50px);
          opacity: 0;
          animation: thirdMenuSlideIn 0.6s ease-out forwards;
          transition: margin-left 0.35s ease, background-color 0.35s ease, color 0.35s ease;
      }
      .container.slider .third-menu-list-slider .nav-link:hover {
          background: #296151 !important;
          color: #FFF !important;
          margin-left: 10px;
      }
      .container.slider .third-menu-list-slider li:nth-child(1) .nav-link { animation-delay: 0.3s; }
      .container.slider .third-menu-list-slider li:nth-child(2) .nav-link { animation-delay: 0.5s; }
      .container.slider .third-menu-list-slider li:nth-child(3) .nav-link { animation-delay: 0.7s; }
      .third-menu .navbar-expand-lg .navbar-nav .nav-link {
          padding-left: 0 !important;
          color: #000 !important;
      }
      /* fourth menu */
      .fourth-menu {
          border-bottom:1px solid #CCCCCC;
          background-color: #FFF;
      }
      .fourth-menu a {
          color:#1A1A1A;
          font-size:13px;
      }
      #menu-sidebar-menu {
        padding-bottom:10px;
      }
      #menu-sidebar-menu li {
        list-style: none;
        padding-left: 0;
        padding-right: 28px;
        border-top:1px solid #296151;
      }
      #menu-sidebar-menu li:first-child {
        border-top: none;
      }
      #menu-sidebar-menu a {
        color:#1A1A1A;
        font-size:13px;
      }
      #menu-sidebar-menu li.current_page_item a {
        font-weight: 700;
        color:#296151 !important;
      }
      .side-menu li {
        list-style-type: none;
        background-color: #296151;
      #menu-sidebar-menu a:hover {
        color:#296151;
      }
        padding:16px 24px;
        margin-bottom:4px;
      }
      .side-menu a {
        color:#FFF
      }
      h1 {
        font-family: 'Seasons Mix', sans-serif;
          background: -webkit-linear-gradient(#296151, #296151);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          font-size:2.1rem !important;
      }
      h2 {
        font-family: 'Seasons Mix', sans-serif;
          background: -webkit-linear-gradient(#296151, #296151);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          font-size:1.7rem !important;
      }
      header {
        border-bottom:1px solid #296151
      }
      footer {
        border-top:1px solid #296151
      }
      #chartdiv {
        width: 100%;
        height: 500px;
      }
      .bukle img {
        border: 10px solid #296151;
        border-radius: 10px;
      }
      /* bukle meniu */
      #menu-third-menu {
        padding-left: 0;
        margin-left: -100px;
      }
      #menu-third-menu li {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
      }
      #menu-third-menu li a:hover {
        background-color: #296151;
        color: #FFF;
      }
      /* main menu */
      .main-menu {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .main-menu li {
        list-style: none;
        font-size:18px;
        color:#296151;
        padding:10px 0;
        border-bottom:1px solid #296151;
      }
      .main-menu li:last-child {
        border-bottom: none;
      }
      .main-menu a {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .main-menu a .fa-chevron-right {
        margin-left: auto;
      }
      .main-menu li.current_page_item a {
        font-weight: 700;
      }
      /* ministro zodis container */
      .ministro-zodis-container {
        position: relative;
      }
      .ministro-zodis-container img {
        width:100%;
        height:auto;
      }
      /* Back to TOP */
.back-to-top {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    display: block !important; /* Force display */
    border-radius: 50% !important;
    background-color: #322D23 !important;
    border: none !important;
    font-size: 16px !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 99999 !important; /* Very high z-index */
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}
.back-to-top:hover {
    background-color: #4a3d2f;
    opacity: 1;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}
.back-to-top i {
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* Hide button initially, show only when scrolled */
.back-to-top {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}