/**
 * Author:         Skoll Learning Technologies
 * Text Domain:	   skoll_theme
 * Description:    Skoll
 */


/* =========================================================
   Külső wrapper és benne található fő elemek
========================================================= */

.skoll-blog-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px 0px 20px;
  gap: 3%;
}

.skoll-blog-main {
  width: 65%;
}

.skoll-blog-sidebar {
  width: 32%;
}

/*Media 1440px felett*/
@media (max-width: 1600px) {
  .skoll-blog-wrap {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px 80px 20px !important;
  }
}

/*Media tablet*/
@media (max-width: 1024px) {
  .skoll-blog-wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 25px !important;
  }
}

/*Media mobil*/
@media (max-width: 767px) {

  .skoll-blog-wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 10px 0 !important;
  }

  .skoll-blog-main {
    margin-bottom: 20px;
  }

  .skoll-blog-main,
  .skoll-blog-sidebar {
    width: 100%;
  }
}


/* =========================================================
   Bal oldali blog részben található tartalom szabályai
========================================================= *

//*Banner kép*/
.skoll-blog-featured-image img {
  border-radius: 64px;
  width: 100%;
  height: clamp(170px, 26vw, 240px);
  object-fit: cover;
  object-position: 40% center;
}

/*Cím*/
.skoll-blog-title {
  font-size: 56px !important;
  line-height: 72px !important;
  color: #260038 !important;
  margin-top: 20px;
  margin-bottom: 10px;
}

/*Szerző*/
.post-datum-szerzo {
  font-size: 14px;
  font-weight: 600;
  color: #9798A1;
  margin-bottom: 20px;
}

/*Sharing is sexy*/
.fb-megosztas,
.x-megosztas,
.linkedin-megosztas {
  width: 36px;
}

.sharingissexy p {
  margin-block-end: 0;
}

.sharingissexy>div>div {
  margin-top: auto;
  margin-bottom: auto;
}

/*Szöveg*/
.skoll-blog-tartalom {
  font-size: 18px;
  line-height: 32px;
  color: #260038;
}

.skoll-blog-tartalom .e-con-inner,
.skoll-blog-tartalom .e-con {
  padding: 0;
}

.skoll-blog-tartalom p {
  margin-bottom: 20px;
}

.skoll-blog-tartalom h2 {
  font-size: 40px;
  line-height: 56px;
  color: #260038;
  margin-bottom: 20px;
}

.skoll-blog-tartalom h3,
.skoll-blog-tartalom h4,
.skoll-blog-tartalom h5,
.skoll-blog-tartalom h6 {
  font-size: 32px;
  line-height: 40px;
  color: #260038;
  margin-bottom: 20px;
}

/*Link*/
.skoll-blog-tartalom a {
  color: #FE9438;
  text-decoration: underline;
  font-weight: bold;
}

.skoll-blog-tartalom a:hover {
  text-decoration: none;
}

/*Felsorolás*/
.skoll-blog-tartalom ol,
.skoll-blog-tartalom ul {
  padding-left: 30px;
  margin-top: 16px;
}

.skoll-blog-tartalom ul {
  list-style: none;
}

.skoll-blog-tartalom ol li,
.skoll-blog-tartalom ul li {
  position: relative;
  margin-bottom: 16px;
}

.skoll-blog-tartalom ul li::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 8px;
  width: 16px;
  height: 16px;
  border: 2px solid #FE9438;
  border-radius: 50%;
  background: transparent;
}

.skoll-blog-tartalom ol li::marker {
  color: #FE9438;
  font-weight: bold;
}

/*Képek*/
.skoll-blog-tartalom img {
  border-style: solid;
  border-width: 5px;
  border-color: #FFDEC1;
  border-radius: 40px 80px 40px 80px;
  margin-bottom: 20px;
}

/*Videók*/
.skoll-blog-tartalom iframe {
  border-style: solid !important;
  border-width: 5px !important;
  border-color: #FE9438 !important;
  border-radius: 80px 40px 80px 40px;
  margin-bottom: 20px;
}

.skoll-blog-tartalom .elementor-widget-html iframe {
  border: none !important;
  border-radius: 0 !important;
}

/*Táblázat*/
.skoll-blog-tartalom table td {
  border: 0;
}

.skoll-blog-tartalom table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 40px;
  margin-bottom: 20px;
  overflow: hidden;
}

/*Idézet*/
.blog-idezet {
  background-color: #FFF4EB;
  border-radius: 24px;
  margin-top: 10px;
  margin-bottom: 20px !important;
}

.blog-idezet ol,
.blog-idezet ul {
  padding-left: 48px !important;
  padding-right: 48px !important;
  padding-bottom: 48px !important;
}

.blog-idezet p {
  margin: 0;
  padding: 48px;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  color: #FE9438;
  text-align: center;
}

.blog-idezet:before {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  height: 56px;
  display: block;
  z-index: 1;
  margin-left: 20px;
  margin-top: -28px;
  position: absolute;
  left: 0;
  background-image: url("https://skoll.hu/wp-content/uploads/2025/05/idezet_narancs.svg");
}

.blog-idezet:after {
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  height: 56px;
  display: block;
  z-index: 1;
  margin-left: auto;
  margin-right: 20px;
  margin-top: -28px;
  position: absolute;
  right: 0;
  background-image: url("https://skoll.hu/wp-content/uploads/2025/05/idezet_narancs.svg");
}

/*Media tablet*/
@media (max-width: 1024px) {
  .skoll-blog-title {
    font-size: 28.95px !important;
    line-height: 1.29em !important;
  }

  .skoll-blog-tartalom {
    font-size: 16.02px;
    line-height: 1.69em;
  }

  .skoll-blog-tartalom h2 {
    font-size: 28.36px;
    line-height: 1.4em;
  }

  .blog-idezet p,
  .skoll-blog-tartalom h3,
  .skoll-blog-tartalom h4,
  .skoll-blog-tartalom h5,
  .skoll-blog-tartalom h6 {
    font-size: 22.69px;
    line-height: 1.25em;
  }
}

/*Media mobil*/
@media (max-width: 767px) {
  .skoll-blog-title {
    font-size: 25.76px !important;
    line-height: 1.2em !important;
  }

  .skoll-blog-tartalom {
    font-size: 16.92px;
    line-height: 1.55em;
  }

  .skoll-blog-tartalom h2 {
    font-size: 23.75px;
    line-height: 1.4em;
  }

  .blog-idezet p,
  .skoll-blog-tartalom h3,
  .skoll-blog-tartalom h4,
  .skoll-blog-tartalom h5,
  .skoll-blog-tartalom h6 {
    font-size: 19px;
    line-height: 1.2em;
  }
}

/*----------------------------------------------------*/

/*Jobb oldali blog részben található elemek szabályai*/
/*Címek*/
.blogJobbCimek {
  font-size: 24px;
  line-height: 40px;
  font-weight: bold;
  color: #260038;
  margin-bottom: 20px;
}

/*Kereső*/
.blogJobbKereso {
  padding: 20px;
  background-color: #F5F5F5;
  border-radius: 16px;
  margin-bottom: 20px !important;
}

.blogJobbKereso .blogJobbCimek {
  color: #15001F;
}

.skoll-search-thumb {
  width: 50px !important;
  height: 50px !important;
  object-fit: cover;
  object-position: 90% center;
  margin-right: 10px;
}

/*Legutóbbi bejegyzések*/
.blogOldalLista {
  list-style: none;
  padding: 0;
}

.blogOldalLista li {
  background-color: #F5F5F5;
  margin-bottom: 20px;
  border-radius: 16px;
  padding: 20px;
}

.blogOldalLista a {
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
  color: #15001F;
}

.blogOldalLista a:hover {
  text-decoration: none;
  color: #FE9438;
}

/*.blogOldalLista small {
  display: block;
  margin-bottom: 20px;
}*/

.blogOldalLista small a,
.blogOldalLista small {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #FE9438;
}

.blogOldalLista small a:hover {
  text-decoration: underline;
}

/*Címkék felhő*/
.skoll-cimkefelho {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px !important;
}

.skoll-cimkefelho a {
  font-size: 18px;
  line-height: 32px;
  background-color: #F5F5F5;
  color: #595E5F;
  text-decoration: underline;
  padding: 6px 16px;
  border-radius: 32px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}

.skoll-cimkefelho a:hover {
  text-decoration: none;
}

/*Kategóriák*/
.blogOldalKategoriak {
  list-style: none;
  padding: 0;
}

.blogOldalKategoriak li {
  background-color: #F5F5F5;
  margin-bottom: 20px;
  border-radius: 16px;
  padding: 20px;
}

.blogOldalKategoriak li a {
  font-size: 24px;
  line-height: 40px;
  font-weight: bold;
  color: #15001F;
}

.blogOldalKategoriak li a:hover {
  text-decoration: none;
  color: #FE9438;
}

.blogOldalKategoriak img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 16px;
  margin-bottom: 20px;
}

/*Media tablet*/
@media (max-width: 1024px) {

  .blogOldalKategoriak li a,
  .blogJobbCimek {
    font-size: 18px;
    line-height: 1.62em;
  }

  .blogOldalLista a,
  .skoll-cimkefelho a {
    font-size: 16.02px;
    line-height: 1.69em;
  }

  .blogOldalLista small a,
  .blogOldalLista small {
    font-size: 14px;
    line-height: 1.6em;
  }
}

/*Media mobil*/
@media (max-width: 767px) {

  .blogOldalKategoriak li a,
  .blogJobbCimek {
    font-size: 18px;
    line-height: 32px;
  }

  .blogOldalLista a,
  .skoll-cimkefelho a {
    font-size: 16.92px;
    line-height: 1.55em;
  }

  .blogOldalLista small a,
  .blogOldalLista small {
    font-size: 14px;
    line-height: 24px;
  }
}

/*----------------------------------------------------*/

/*Alsó lapozó blogok között*/
/* Elementor wrapper-ek: egyforma magasság */
.blog-lapozo-sor {
  align-items: stretch !important;
}

.blog-lapozo-oszlop {
  display: flex !important;
  align-self: stretch !important;
}

.blog-lapozo-oszlop .elementor-widget-html {
  display: flex !important;
  width: 100%;
  height: 100%;
}

.blog-lapozo-oszlop .elementor-widget-container {
  display: flex !important;
  width: 100%;
  height: 100%;
}

/*Doboz*/
.blog_also_skoll-lapozo {
  background-color: #F5F5F5;
  border-radius: 16px;
  padding: 20px;
  max-width: 600px;
  width: 100%;
  min-height: 120px;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.blog_also_skoll-lapozo a:hover {
  text-decoration: none;
}

/*Link*/
.blog_also_lapozo-jobbra .blog_also_lapozo-link {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.blog_also_lapozo-link {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  height: 100%;
}

.blog_also_lapozo-szoveg {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blog_also_lapozo-kategoria {
  font-size: 16px;
  line-height: 24px;
  color: #FE9438;
  cursor: default;
}

.blog_also_lapozo-cim {
  font-weight: bold;
  font-size: 18px;
  line-height: 32px;
  color: #15001F;
}

.blog_also_lapozo-cim:hover {
  text-decoration: none;
  color: #FE9438;
}

/*Nyilak*/
.blog_also_lapozo-kor {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #FFDEC1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  transition: background .2s ease;
}

.blog_also_lapozo-kor img {
  width: 12px;
  height: 20px;
}

.blog_also_lapozo-kor:hover {
  background: #feb779;
}

.blog_also_lapozo-kor-bal img {
  transform: scaleX(-1);
}

/*Media tablet*/
@media (max-width: 1024px) {

  .blog_also_lapozo-cim {
    font-size: 16.02px;
    line-height: 1.69em;
  }

  .blog_also_lapozo-kategoria {
    font-size: 14px;
    line-height: 1.6em;
  }
}

/*Media mobil*/
@media (max-width: 767px) {

  .blog_also_lapozo-cim {
    font-size: 16.92px;
    line-height: 1.55em;
  }

  .blog_also_lapozo-kategoria {
    font-size: 14px;
    line-height: 24px;
  }
}

/*----------------------------------------------------*/

/*Feliratkozás blokk*/
/*Doboz*/
.feliratkozas-blokk {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.feliratkozas-tartalom {
  flex: 1 1 60%;
  max-width: 60%;
}

.feliratkozas-kep {
  flex: 1 1 30%;
  max-width: 35%;
  margin-left: auto;
}

.feliratkozas-kep img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*Rejtett mező*/
.feliratkozas-hidden {
  display: none;
}

/*Címek*/
.feliratkozas-cim-kicsi {
  font-size: 32px;
  line-height: 40px;
  color: #FE9438;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
}

.feliratkozas-cim-nagy {
  font-size: 56px;
  line-height: 72px;
  color: #260038;
  font-weight: bold;
  margin-bottom: 20px;
}

/*Szövegek*/
.feliratkozas-szoveg,
.feliratkozas-spam,
.feliratkozas-jogi {
  font-size: 18px;
  line-height: 32px;
  color: #15001F;
  font-weight: 400;
  margin-bottom: 20px;
}

/*Link*/
.feliratkozas-jogi a {
  color: #FE9438;
  text-decoration: underline;
  font-weight: bold;
}

.feliratkozas-jogi a:hover {
  text-decoration: none;
}

/*Input mező*/
.feliratkozas-email {
  margin-bottom: 20px;
  width: 60%;
}

/*Gomb*/
.feliratkozas-gomb p {
  margin: 0;
  padding: 0;
}

.feliratkozas-gomb {
  display: block;
  margin: 0 0 20px 0;
  text-align: left;
}

.feliratkozas-gomb .wpcf7-submit {
  position: static !important;
  float: none !important;
  display: inline-block;
  margin: 0;
}

.feliratkozas-gomb {
  align-self: flex-start;
}

/*Visszajelzés*/
.wpcf7-spinner {
  display: none;
}

.wpcf7-response-output {
  padding: 0.5em 0;
}

/*Media tablet*/
@media (max-width: 1024px) {

  .feliratkozas-cim-kicsi {
    font-size: 22.69px;
    line-height: 1.2em;
  }

  .feliratkozas-cim-nagy {
    font-size: 28.95px;
    line-height: 1.29em;
  }

  .feliratkozas-szoveg,
  .feliratkozas-spam,
  .feliratkozas-jogi {
    font-size: 16.02px;
    line-height: 1.69em;
  }
}

/*Media mobil*/
@media (max-width: 767px) {

  .feliratkozas-blokk {
    flex-direction: column;
  }

  .feliratkozas-tartalom,
  .feliratkozas-kep {
    max-width: 100%;
    margin-right: auto;
  }

  .feliratkozas-cim-kicsi {
    font-size: 19px;
    line-height: 1.2em;
  }

  .feliratkozas-cim-nagy {
    font-size: 25.76px;
    line-height: 1.2em;
  }

  .feliratkozas-szoveg,
  .feliratkozas-spam,
  .feliratkozas-jogi {
    font-size: 16.92px;
    line-height: 1.55em;
  }
}

/*----------------------------------------------------*/

.blogKep img {
  padding: 20px;
  background-color: #FFF4EB;
}

.post-template .blog_tartalom a {
  color: #FE9438;
  text-decoration: underline;
  font-weight: bold;
}

#skoll-search-widget input {
  border: 1px solid #595E5F;
  border-radius: 8px;
}

#skoll-search-widget a {
  color: #FE9438;
}

.elementor-6861 .elementor-heading-title a {
  color: #260038;
}

.elementor-21018 .elementor-heading-title a {
  color: #260038;
}

.elementor-6844 .elementor-heading-title a {
  color: #FFFFFF;
}

.elementor-21059 .elementor-heading-title a{
  color: #FFFFFF;
}