/*
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-color: #FEFAF5;
      }
      /* top menu */
      .top-menu {
          background-color:#296151;
          color:#FFF;
      }
      .top-menu .navbar a {
          color:#FFF !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
      }
      /* secondary menu */
      .sec-menu a {
          color:#1A1A1A;
      }
      .sec-menu i {
          padding-left:8px
      }
      .sec-menu ul {
          margin-bottom: 0;
      }
      .sec-menu ul li {
          list-style: none;
          display: inline-block;
          padding: 20px 0px 20px 15px;
      }
      .sec-menu ul li:nth-child(1) {
          border-right: 1px solid #CCCCCC;
          padding-right:15px;
      }
      /* 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:18px;
      }
      .third-menu ul li {
          padding: 0px 15px 0px 0;
      }
      .third-menu .navbar-expand-lg .navbar-nav .nav-link {
          padding-left: 0 !important;
          color: #000 !important;
      }
      .side-menu li {
        list-style-type: none;
        background-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
      }
      h2 {
        font-family: 'Seasons Mix', sans-serif;
      }
      header {
        border-bottom:1px solid #296151
      }
      footer {
        border-top:1px solid #296151
      }
      #chartdiv {
        width: 100%;
        height: 500px;
      }
      /* 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);
}