@import url("header.css?v=1.0.3");
@import url("header-second.css?v=1.0.2");
@import url("header-black.css?v=1.0.3");

@import url("template-naujienos.css?v=1.0.2");
@import url("template-kontaktai.css?v=1.0.0");
@import url("template-foto-galerija.css?v=1.0.1");
@import url("template-paslaugos.css");
@import url("template-gallery.css");
@import url("template-photo-collection.css?v=1.0.1");
@import url("template-apie-diabeta.css");
@import url("template-parama.css");

@import url("section-naujienos.css?v=1.0.0");
@import url("section-mokymai.css");
@import url("one-news.css?v=1.0.4");
@import url("person-repeater.css?v=1.0.1");
@import url("accordion.css");

@import url("footer.css?v=1.0.2");

:root {
  --color-logo: #37639b;
  --color-logo-hover: #285288;
  --color-dark-blue: #1f426f;
  --color-light-blue: #4f78a8;
  --color-light-yellow: #ffc864;
  --color-light-yellow-hover: #ecaf3e;
  --color-gray-blue: #656579;

  --header-bg: url("../images/peoples.webp");
  --header-bg-mob: url("../images/peoples_mob.jpg");
  --header-second-bg: url("../images/peoples-second.webp");
}

.video-gallery {
  border: solid #f55 5px;
  padding: 20px;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
}

.page-wrapper {
  background-color: #ddd;
  display: inline-block;
  margin: 0;
  padding-bottom: 5rem;
  min-height: 80vh;
}

.kl-modal {
  background-color: #000;
  display: none;
  height: 100%;
  opacity: 0.9;
  position: fixed;
  width: 100%;
  z-index: 10;
}

.page-wrapper h1 {
  color: #555;
  font-size: 30px;
  text-align: center;
  margin-top: 3rem;
}

.btn-read-more {
  background-color: var(--color-light-yellow);
  cursor: pointer;
  display: inline-block;
  text-decoration: none !important;
  position: relative;
 margin: 5px 0;
}

.btn__text {
  color: #000;
  display: block;
  font-size: 18px;
  font-weight: 500;
  padding: 4px 34px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.btn__text:hover {
  color: #fff;
}

.btn-read-more::before,
.btn-read-more::after {
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  width: 0;
  background-color: #000;
  content: "";
}

.btn-read-more::before {
  left: 0;
}

.btn-read-more::after {
  right: 0;
  transition: width 0.3s;
}

.btn-read-more:hover::before {
  width: 100%;
  transition: width 0.5s;
}

.btn-read-more:hover::after {
  background-color: transparent;
  width: 100%;
}

.btn-top {
  display: inline-block;
  background-color: var(--color-light-yellow);
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 80px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
}

.btn-top::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 45px;
  color: #000;
}

.btn-top:hover {
  background-color: #1b1b1b;
  cursor: pointer;
}

.btn-top:hover:after {
  color: #fff;
}

.btn-top:active {
  background-color: #555;
}

.btn-top.show-btn {
  opacity: 1;
  visibility: visible;
}

/*** WP Form *************************************************/
.wpforms-field-large,
.wpforms-field-medium,
.wpforms-submit {
  background-color: #000 !important;
  opacity: 0.6 !important;
  color: #fff !important;
  border-radius: 0 !important;
}

.wpforms-container .wpforms-field {
  padding: 6px 0 !important;
}

.wpforms-container-full .wpforms-field-label {
  font-size: 14px !important;
  margin: 0 0 6px 0 !important;
}

.wpforms-container-full input[type="text"],
.wpforms-container-full input[type="email"],
.wpforms-container-full textarea::placeholder {
  font-size: 14px !important;
  height: 35px !important;
}

.wpforms-container-full input[type="text"]::placeholder,
.wpforms-container-full input[type="email"]::placeholder,
.wpforms-container-full textarea::placeholder {
  color: unset !important;
}

.wpforms-container-full .wpforms-form .wpforms-submit-container {
  margin-top: 2rem !important;
}

.wpforms-container-full button[type="submit"] {
  font-size: 16px !important;
  width: 140px;
}

.site-header__menu-trigger {
  display: none !important;
}

.photo-apie-mus {
  background: url(../images/kl.webp) no-repeat center top / cover;
  height: 300px;
  margin: 25px 0;
  width: auto;
}


/***  M O B I L E  ****************************************/
@media only screen and (max-width: 1400px) {
  .site-container {
    margin: 1rem auto 0 auto;
    max-width: 90%;
  }

  .site-header {
    padding: 5px 0;
    width: 100%;
  }

  .site-header__container {
    justify-content: space-between;
    align-items: center;
  }

  .site-header__menu-trigger {
    color: #fff;
    cursor: pointer;
    display: block !important;
    font-size: 48px !important;
    margin-right: 35px;
    z-index: 5;
  }

  .wpforms-container-full button[type="submit"] {
    font-size: 18px !important;
    margin-top: 10px;
    width: 140px;
  }
}

@media only screen and (max-width: 600px) {
  /*.page-wrapper {*/
  /*  padding-bottom: 9rem;*/
  /*}*/
  
  .site-logo-link {
    margin: 0;
    width: auto;
  }

  .site-logo-link span {
    font-size: 2px;
    letter-spacing: 1px;
    margin-right: 40px;
  }

  .btn-read-more {
     font-size: 18px;
 	 margin-bottom: 5px;
	 width: 100%;
   }

  .btn-top {
    bottom: 50px;
    height: 40px;
    width: 40px;
  }

  .btn-top::after {
    font-size: 20px;
    line-height: 40px;
  }

  .photo-apie-mus {
    height: 250px;
  }
  
  .wpforms-container-full .wpforms-form .wpforms-submit-container {
  margin-top: 0 !important;
}
}

/*** W I D T H  S C R E E N *********************************/
@media (min-width: 1400px) {
  .wpforms-container .wpforms-field {
    padding: 16px 0 !important;
  }

  .wpforms-container-full input[type="text"],
  .wpforms-container-full input[type="email"],
  .wpforms-container-full textarea::placeholder {
    font-size: 18px !important;
    height: 44px !important;
  }

  .wpforms-container-full .wpforms-field-label {
    font-size: 18px !important;
  }

  .wpforms-container-full button[type="submit"] {
    font-size: 18px !important;
    width: 160px;
  }

  .go-back {
    top: 20%;
    padding: 10px 10px 7px 7px;
  }

  .photo-apie-mus {
    height: 400px;
  }
}

/*** A N I M A T I O N ************************************/
.hidden {
  opacity: 0;
  transform: translateY(10%);
  transition: all 1s;
}

.hidden50 {
  opacity: 0;
  transform: translateY(50%);
  transition: all 1s;
}

.hidden100 {
  opacity: 0;
  transform: translateY(100%);
  transition: all 1s;
}

.hidden-right {
  opacity: 0;
  transform: translateX(10%);
  transition: all 1s;
}

.hidden-right100 {
  opacity: 0;
  transform: translateX(100%);
  transition: all 1s;
  transition-delay: 1s;
}

.hidden-left {
  opacity: 0;
  transform: translateX(-10%);
  transition: all 1s;
}

.hidden-left100 {
  opacity: 0;
  transform: translateX(-100%);
  transition: all 1s;
  transition-delay: 1s;
}

.hidden-multi {
  opacity: 0;
  transform: translateX(-100%);
  transition: all 1s;
}

.show {
  opacity: 1;
  transform: translate(0);
}


/*** Custom Table ******************************************/
.custom-table {
	width: 100%;
	border-collapse: collapse;
}

.custom-table th,
.custom-table td {
	border: 1px solid #333;
	padding: 8px;
	text-align: left;
}

@media only screen and (max-width: 600px) {
	.custom-table {
		font-size: 14px;
	}
}