/**
 * Theme Name:     Skoll Learning Technologies
 * Author:         Skoll Learning Technologies
 * Template:       hello-elementor
 * Text Domain:	   skoll_theme
 * Description:    Skoll
 */

/* =========================================================
   Globális / alap beállítások
========================================================= */

/*html, body, .elementor * {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    overflow-wrap: break-word;
}*/

/*animáció miatt görgetősáv van*/
body {
  overflow-x: hidden;
}


/* =========================================================
   Linkek / hover állapotok / aláhúzások
========================================================= */

.elementor .elementor-button-wrapper a:hover,
.elementor .elementor-button-wrapper a:hover span {
  text-decoration: none !important;
}

.elementor a:hover,
.elementor a:hover span {
  text-decoration: underline;
  text-decoration-color: currentColor;
  transition-duration: 0.3s;
}

.kekAlahuzas a:hover {
  text-decoration: underline;
  text-decoration-color: #15001f !important;
}

.narancshover a {
  color: #333333;
  text-decoration: underline;
}

.narancshover a:hover {
  color: #FE9438;
}

.sargahover a {
  text-decoration-color: #FEE508 !important;
}

.underline-reverse a:hover span,
.underline-reverse a:hover {
  text-decoration: none !important;
}


/* =========================================================
   Header / navigáció
========================================================= */

/* HEADER KIZÁRÁSA */
#headDesktopB2B a:hover,
#headDesktopB2B a:hover span,
#headDesktopB2C a:hover,
#headDesktopB2C a:hover span,
#ingyeneskepzeseinkMenu a:hover,
#ingyeneskepzeseinkMenu a:hover span,
#megoldasMenu a:hover,
#megoldasMenu a:hover span,
#mobilMenuB2B a:hover,
#mobilMenuB2B a:hover span,
#mobilMenuB2C a:hover,
#mobilMenuB2C a:hover span {
  text-decoration: none !important;
}

#masthead {
  position: sticky !important;
  top: 0;
}

@media (min-width:1024px) and (max-width:1280px) {
  #headMenu3 a {
    width: auto;
  }
}

@media (min-width:1024px) and (max-width:1420px) {
  #headMenu1 {
    margin-right: 0 !important;
  }
}


/* =========================================================
   Footer
========================================================= */

footer .footer-alahuzas a:hover {
  text-decoration-color: #FE9438 !important;
  text-decoration: underline;
}

footer .managszemely-footer a:hover {
  color: #FEE508 !important;
}

footer a:hover {
  transition-duration: 0.3s;
  color: #FE9438 !important;
}


/* =========================================================
   Footer Facebook logo
========================================================= */

#facebook a {
  display: inline-block;
  position: relative;
}

#facebook a::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('https://skoll.hu/wp-content/uploads/2025/04/facebook_orange.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

#facebook img {
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: block;
}

#facebook:hover a::after {
  opacity: 1;
  transform: scale(1.1);
}

/* Hover állapot */
#facebook:hover img {
  opacity: 0;
  transform: scale(1.1);
}


/* =========================================================
   Reszponzív fejléc / háttér
========================================================= */

@media (max-width:665px) {
  .fejlec_hatteres>div>div {
    background-image: none !important;
  }
}


/* =========================================================
   Idézet blokkok
========================================================= */

.idezet:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 65px;
  height: 56px;
  display: block;
  z-index: 1;
  margin-left: auto;
  margin-right: 20px;
  margin-top: -28px;
}

.idezet:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 65px;
  height: 56px;
  display: block;
  z-index: 1;
  margin-left: 20px;
  margin-top: -28px;
}

.idezet-citrom:after {
  background-image: url("https://skoll.hu/wp-content/uploads/2025/12/idezet_citrom.svg");
}

.idezet-citrom:before {
  background-image: url("https://skoll.hu/wp-content/uploads/2025/12/idezet_citrom.svg");
}

.idezet-lila:after {
  background-image: url("https://skoll.hu/wp-content/uploads/2025/05/idezet_lila.svg");
}

.idezet-lila:before {
  background-image: url("https://skoll.hu/wp-content/uploads/2025/05/idezet_lila.svg");
}

.idezet-narancs:after {
  background-image: url("https://skoll.hu/wp-content/uploads/2025/05/idezet_narancs.svg");
}

.idezet-narancs:before {
  background-image: url("https://skoll.hu/wp-content/uploads/2025/05/idezet_narancs.svg");
}

.idezet-zold:after {
  background-image: url("https://skoll.hu/wp-content/uploads/2025/12/idezet_zold.svg");
}

.idezet-zold:before {
  background-image: url("https://skoll.hu/wp-content/uploads/2025/12/idezet_zold.svg");
}

@media(max-width:1500px) {
  .idezet:after {
    width: 40px;
  }

  .idezet:before {
    width: 40px;
  }
}


/* =========================================================
   Űrlapok / Contact Form 7
========================================================= */

.wpcf7-form-control-wrap,
.wpcf7-not-valid-tip {
  background-color: #FFF4EB;
}

.wpcf7-submit:focus {
  background-color: #FE9438 !important;
}


/* =========================================================
   Korhinta / swiper
========================================================= */

/* Nagyobb hover box */
.korhintaNyilak .elementor-swiper-button-next {
  padding: 50px 0px 50px 30px;
}

.korhintaNyilak .elementor-swiper-button-prev {
  padding: 50px 30px 50px 0px;
}

.korhintaNyilak .elementor-swiper-button:hover i {
  visibility: visible;
}

.korhintaNyilak .elementor-swiper-button i {
  visibility: hidden;
}


/* =========================================================
   Szöveg / szám animáció
========================================================= */

/* pörgő szám - sormagasság */
.porgoszam p {
  margin: 0;
}


/* =========================================================
   Galéria navigáció
========================================================= */

.galeria-nav {
  background-color: #F0F0FF !important;
  border-color: #F0F0FF !important;
}

.galeria-nav:hover {
  background-color: #C0C0CC !important;
  border-color: #C0C0CC !important;
}

/* Active / Focus – ne legyen piros */
.galeria-nav:active,
.galeria-nav:focus,
.galeria-nav:focus-visible {
  background-color: #F0F0FF !important;
  border-color: #F0F0FF !important;
  outline: none !important;
  box-shadow: none !important;
}


/* =========================================================
   Animáció / hover scale
========================================================= */

.hover-scale {
  backface-visibility: hidden !important;
  will-change: transform !important;
}


/* =========================================================
   Megosztás ikonok
========================================================= */

.fb-megosztas-gomb,
.linkedin-megosztas-gomb,
.x-megosztas-gomb {
  display: inline-block;
  position: relative;
  line-height: 0;
  vertical-align: middle;
}

.fb-megosztas-gomb img,
.linkedin-megosztas-gomb img,
.x-megosztas-gomb img {
  display: block;
  transition: opacity 0.15s ease;
}

.fb-megosztas-gomb::after {
  background-image: url('/wp-content/uploads/2026/02/f_hover.svg');
}

.fb-megosztas-gomb::after,
.linkedin-megosztas-gomb::after,
.x-megosztas-gomb::after {
  content: "";
  position: absolute;
  inset: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}

.fb-megosztas-gomb:hover img,
.linkedin-megosztas-gomb:hover img,
.x-megosztas-gomb:hover img {
  opacity: 0;
}

.fb-megosztas-gomb:hover::after,
.linkedin-megosztas-gomb:hover::after,
.x-megosztas-gomb:hover::after {
  opacity: 1;
}

.linkedin-megosztas-gomb::after {
  background-image: url('/wp-content/uploads/2026/02/in_hover.svg');
}

.x-megosztas-gomb::after {
  background-image: url('/wp-content/uploads/2026/02/x_hover.svg');
}

/* Tesztelés utólagos fixek */

.grecaptcha-badge {
    z-index: 2147483647 !important;
}

@media (max-width: 767px) {
    .fejlec_hatteres .e-con-inner > .e-con {
        background-size: 15% auto !important;
    }
}

/* */