/*** FONTS ***/

@font-face {
  font-family: 'Drugs';
  src: url('../fonts/Drugs.woff') format('opentype');             
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FogtwoNo5';
  src: url('../fonts/FogtwoNo5.woff') format('opentype');     
  font-weight: normal;
  font-style: normal;
}

body {
font-family: 'Drugs', sans-serif;
line-height: 30px;
font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'FogtwoNo5', sans-serif;
  color: #6c3f78;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
  font-family: 'FogtwoNo5', sans-serif;
  color: #6c3f78;
}

h1 {
  font-size: 42px !important;
}

h2 {
  font-size: 38px !important;
}

h3 {
  font-size: 34px !important;
}

h4 {
  font-size: 32px !important;
}

h5 {
  font-size: 26px !important;
  color: #836EA8 !important;
}

h6 {
  font-size: 26px !important;
  
}

/*** MENÜPONTOK ***/
/* IKONOK A MENÜPONTOK KÖZÖTT */
.fa {
  font-size:140%;
}
.fa:hover { 

}
/*** MENÜPONTOK VÉGE ***/

/*** MOBIL MENÜPONTOK ***/
/* TÖRÉSPONTOK MÓDOSÍTÁSA */
/* @media (max-width: 1200px){
  .sp-megamenu-parent {
    display: none !important;
  }
  #offcanvas-toggler {
    display: inline-block !important;
  }
} */

/* KÉP ALAPÚ IKONOK A MOBIL MENÜBEN */
.offcanvas-menu img {
  display: inline !important;
}
/* MOBIL MENÜ BEZÁRÓ IKON */
.close-offcanvas {
  background: none !important;
}
/*** MOBIL MENÜPONTOK VÉGE ***/


/*** WEBES ELEMEK ***/
/* NYELVEK */
.language-flag img {
  float: right;
  padding: 25px 0px 0px 25px;
}
/* FEL IKON */
.sp-scroll-up {
  background-color: #6c3f78 !important;
  border-radius: 20px;
  border-radius: 50px !important;
}
.fa-chevron-up {
  color: #FFFFFF;
}
/* GÖRDÍTŐSÁV */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
  background: #6c3f78; 
}
::-webkit-scrollbar-thumb:hover {
  background:#333333;
}
/* GOMBOK STÍLUSA */
/* AKTÍV GOMBOK STÍLUSA */
/*** WEBES ELEMEK VÉGE ***/


/*** HONLAP EGYEDI ELEMEI ***/
/*** HONLAP EGYEDI ELEMEI VÉGE ***/



/*Fejléc*/
.kezdolap-hero {
  margin-top: -80px !important;
}

@media only screen and (max-width: 1200px) {
  .kezdolap-hero {
    padding-top: 100px !important;
  }
}  

@media only screen and (max-width: 992px) {
  .kezdolap-hero {
    padding-top: 40px !important;
  }
}  

.itemid-101 #sp-header, .itemid-101 #sp-header.header-sticky {  
  transition: 0.5s ease;
}

#sp-header {
  background: transparent !important;
  box-shadow: none !important;
}

#sp-header.header-sticky { 
  background-image: url(../../../images/web/backgrounds/bg-menu.jpg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: scroll !important;
  box-shadow: 0 0 4px 0 rgb(108 63 120 / 36%) !important;
  transition: 0.5s ease;
}

@media only screen and (max-width: 1225px) {
  #column-wrap-id-1647953102487 {
    max-width: 3% !important;
  }
  .hero-kep img {
    width: 258px !important;
  }
}

@media only screen and (max-width: 992px) {
  #column-wrap-id-1647953102487 {
    display: none !important;
  }
  .hero-kep img {
    width: 300px !important;
  }
}



/*Menü*/
.sp-megamenu-parent > li > a:hover, .sp-megamenu-parent>li.active>a {
  color: #000000 !important;
}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {  
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-size: 15px !important; 
}

@media only screen and (max-width: 1200px) {
  .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {  
    padding: 0 12px !important;   
  }
  .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {   
    font-size: 14px !important;
  }
}

/*Legördülő menü*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
  font-weight: bold !important;
}

/*Logó*/
#sp-header .logo  {
  padding: 10px !important;
  height: initial !important;
}

 #sp-header .logo .logo-image {
  height: 180px !important;
  /*transition: 0.5s ease;*/
}

@media only screen and (max-width: 1200px) {
  #sp-header .logo .logo-image {
    height: 160px !important;
}
}

/*Sticky logó*/

#sp-header.header-sticky .logo-image {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../../../images/web/logo/logo.png) no-repeat;
  background-size: contain;
  width: 98px;
  height: 64px;
  padding-left: 98px;
}


/*
#sp-header .logo .logo-image {
  height: 60px !important;
  transition: 0.5s ease;
}*/

#sp-header.header-sticky .logo .logo-image {
  height: 64px !important;
  /*transition: 0.5s ease;*/
}

/*Lábléc*/
#sp-bottom {
  border-top: none !important;
}

#sp-bottom #sp-bottom1 img {
  width: 150px !important;
}

#sp-bottom #sp-bottom3 {
 text-align: center; 
}

#sp-bottom #sp-bottom3 a  {
  font-size: 18px !important;
}

 #sp-bottom #sp-bottom3 .sp-module-title {
  color: #ffffff !important;
  font-size: 30px !important;
}

/*Lábléc menü*/
#sp-bottom3 .menu .menu-deeper > a {
  margin-bottom: 15px !important;
}

/*Kezdőlap címsor betűméret*/
.kezdolap-cimsor h4 {
  font-size: 38px !important;
}

.kezdolap-cimsor-kisebb h3 {
  font-size: 38px !important;
}

/*Középre rendezés*/
.kozepre-rendezes .sppb-media {
display: flex !important;
align-items: center !important;
}

/*Galéria*/
.galeria li {
  width: 33.333333% !important;
}

.galeria img {
  width: 100% !important;
}


/*Gombok*/

.sppb-btn-primary {
  color: #ffffff !important;
  background-color: #6c3f78 !important;
  border-color: #6c3f78 !important;
  text-transform: uppercase !important;
  padding: 15px 42px !important;
  border-radius: 30px !important;
  font-size: 15px !important;
  transition: 0.5s ease;
}

.sppb-btn-primary:hover { 
  background-color: #836EA8 !important;
  /*color: #6c3f78 !important;*/
  border-color: #836EA8 !important;
  transition: 0.5s ease;  
}

.sppb-btn-primary:focus {
  box-shadow: none !important;
}

.sppb-btn-secondary {
  color: #6c3f78 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  text-transform: uppercase !important;
  padding: 14px 34px !important;
  border-radius: 30px !important;
  font-size: 14px !important;
  transition: 0.5s ease;
}

.sppb-btn-secondary:hover { 
  background-color: transparent !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  transition: 0.5s ease;
}

.sppb-btn-secondary:focus {
  box-shadow: none !important;
}

/*Title*/

.itemid-101 #sp-title{
  display: none !important;
}

#sp-title {  
  background-image: url(../../../images/web/headers/bg-header.jpg);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: scroll !important;
  margin-top: -80px;
}

.sp-page-title {  
  background: transparent !important;
  text-align: center;
  margin-top: 200px !important;
  padding: 38px 0 !important;
}

.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
  color: #502d63 !important;
}

.sp-page-title .sp-page-title-heading {
  font-weight: 400;
}

.sp-page-title-sub-heading {
  font-family: 'Josefin Sans', sans-serif;
}

/*Title aláhúzás*/

.sp-page-title-heading {
  margin-bottom: 35px !important;
}

.sp-page-title-heading:after {
  content: '';
  position: absolute;
  bottom: 60px;
  left: calc(50% - 40px);
  width: 80px;
  height: 2px;
  background-color: #502d63;
}

/*SubTitle*/
h3.sp-page-title-sub-heading {
  font-size: inherit !important;
  margin-top: 60px !important;
}

.sp-page-title .sp-page-title-sub-heading {
  margin-bottom: -10px !important;
}


/*Mobil logó*/
.offcanvas-menu .mobil-logo img{
  width:80%;
}

#sp-header.header-sticky .logo .logo-image-phone {
  height: 64px !important;
  transition: 0.5s ease;
}

#sp-header .logo .logo-image-phone {
  height: 110px !important;
  transition: 0.5s ease;
}

/*Mobil menü*/
.offcanvas-menu {
  background-image: url(../../../images/web/backgrounds/bg-mobil.jpg);
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: scroll !important;
}

#sp-header #offcanvas-toggler {
  color: #502d63 !important; 
  margin-top: 13px !important;
  margin-right: 10px !important;
}

#sp-header.header-sticky #offcanvas-toggler {   
  margin-top: 4px !important;
}

#offcanvas-toggler>.fa {
  color: #502d63 !important; 
}

#offcanvas-toggler>.fa:hover, #offcanvas-toggler>.fa:focus, #offcanvas-toggler>.fa:active {
  color: #502d63 !important;
}

.close-offcanvas { 
  color: #502d63 !important;
}

/* Mobil menüpontok betűtípusa és mérete */
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
  font-family: 'Drugs', sans-serif;
  text-align: center;
  font-size: 16px;
  font-weight: bold;  
  color: #6c3f78 !important;  
  text-transform: uppercase !important;
  font-size: 20px !important;
}

/*404 oldal*/

.error-code, .error-message {
  color: #502d63 !important;
}

.error-logo {
  width: 200px;  
}

html.error-page body {
  background-position: 50% 50% !important;
}

.error-page .btn.btn-secondary {
  color: #ffffff !important;
  background-color: #6c3f78 !important;
  border-color: #6c3f78 !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border-radius: 30px !important;
  font-size: 18px !important;
  transition: 0.5s ease;
}

.error-page .btn.btn-secondary:hover { 
  background-color: transparent !important;
  color: #6c3f78 !important;
  border-color: #6c3f78 !important;
  transition: 0.5s ease;
}

.error-page .btn.btn-secondary:focus {
  box-shadow: none !important;
}

/*Kép hover effekt*/

.kep-hover:hover {
  box-shadow: 0px 0px 2px 3px #6c3f78;
  transition: 0.5s ease;
}

/*Levendulák a háttérben*/
.levendula-bg-bal-01:before {
  content:url('../../../images/web/backgrounds/levendula-bg-01.png'); 
  position:absolute;  
  left:-50px;
  top:15px;
}

.levendula-bg-jobb-01:after {
  content:url('../../../images/web/backgrounds/levendula-bg-02.png'); 
  position:absolute;  
  right:-50px;
  bottom:15px;
}

.levendula-bg-bal-02:before {
  content:url('../../../images/web/backgrounds/levendula-bg-03.png'); 
  position:absolute;  
  left:-132px;
  top:-31px;
}

.levendula-bg-jobb-02:after {
  content:url('../../../images/web/backgrounds/levendula-bg-04.png'); 
  position:absolute;  
  right:-46px;
  bottom:-155px;
}

@media only screen and (max-width: 992px) {
  .levendula-bg-bal-01:before, .levendula-bg-jobb-01:after, .levendula-bg-bal-02:before, .levendula-bg-jobb-02:after {
    display: none !important;
  }
}

/*Lila kiemelés*/
.lila-kiemeles strong {
  color: #6c3f78 !important;
}

/*Kapcsolat elérhetőségek*/
.kapcsolat-elerhetosegek h5 {
  color: #6c3f78 !important;
}

.kapcsolat-elerhetosegek a {
color: #836EA8 !important;
}

.kapcsolat-elerhetosegek a:hover {
  color: #6c3f78 !important;
}

#sp-component img {
  display: initial !important;
}    

.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
  color: #6C3F78 !important;
}