/*
 Theme Name:     Rácz Lívia téma
 Theme URI:      #
 Description:    Rácz Lívia gyerek téma
 Author:         #
 Author URI:     #
 Template:       Divi
 Version:        4.0.X
*/

/*@import url("../Divi/style.css");*/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}

/* =Theme customization starts here
------------------------------------------------------- */

/* Woocommerce karbantartás módban belépés elrejtése */
.woocommerce-coming-soon-social-login {
 display: none !important;
}
/* Menü */
/* Menüpontok ne ugráljanak */
body:not(.admin-bar) #page-container {
	/*padding-top: 111px!important;*/
}
body:not(.admin-bar) #main-header {
	/*top: 31px!important;*/
}
/* Increase width of drop-down menus */
@media screen and (min-width: 981px) {
  #top-menu .sub-menu {
  	min-width: 300px;
  }
  #top-menu li li a {
      width: 260px;
  	/* Extra - Reduce padding on list items */
  	padding: 4px 12px;
    border-bottom: 1px solid #ccc;
  }
}
/* Menüpontok közötti távolság */
#top-menu li {
  /*padding-right: 14px;*/
}
/* Mobil menü */
/* Fixed Navigation Bar on mobile devices */
@media screen and (max-width: 980px) {
  #main-header.et-fixed-header {
    position: fixed;
  }

  #main-header.et-fixed-header {
    top: 0 !important;
    /*transition: all .3s 0s;*/
  }
  #main-header.et-fixed-header #et-top-navigation {
    padding-top: 14px !important;
    transition: all .3s 0s;
  }
    #main-header.et-fixed-header .mobile_menu_bar {
    padding-bottom: 14px !important;
    transition: all .3s 0s;
  }
}
.et_mobile_menu {
    overflow-y: scroll !important;
    max-height: 80vh !important;
    -overflow-scrolling: touch !important;
    -webkit-overflow-scrolling: touch !important;
}

 /* ### Mega menu container ### */
#top-menu li.mega-menu > ul {
  border-radius: 6px; /* Border radius of mega menu */
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1); /* Shadow of mega menu */
  padding: 25px 25px !important; /* Space around mega menu */
}

/* ### Mega menu titles ### */
#top-menu li.mega-menu > ul > li > a:first-child, .et_mobile_menu .menu-item-has-children > a {
  color: #000 !important; /* Title color */
  border-bottom: 1px solid #ff4730; /* Line color */
  font-weight: bold; /* Title font weight */
  margin-bottom: 6px; /* Space below line */
  padding-left: 0px; /* Space left of title */
}

/* ### Mega menu sub items ### */
#top-menu .et_pb_menu li.mega-menu li li a {
  font-size: 14px; /* Sub item font size */
  color: #777575 !important; /* Sub item font color */
  padding: 0px; /* Space around sub items */
  font-weight: 300; /* Sub item font wight */
}
#top-menu li.mega-menu > ul li a:hover, #top-menu li li a:hover {
  color: #000000 !important;
}
/* RSS Ikon ikon cseréje Tik Tok ikonra */
#top-header .et-social-rss a.icon::before {
  content: "\E07B";
	font-family: FontAwesome!important;
}

/* Menü egyedi címke pl. Új */
.wm-menu-label-new.menu-item > a:after {
 content: 'Új'; /* Change text */
 display: inline-block;
 font-size: 12px;
 line-height: 14px;
 text-transform: uppercase;
 letter-spacing: -0.1px;
 margin-left: 4px;
 background-color: blue; /* Change color */
 font-weight: bolder;
 border-radius: 2px;
 color: #fff;
 padding: 2px 3px 3px;
 position: relative;
 top: -2px;
}
.wm-menu-label-popular.menu-item > a:after {
 content: 'Népszerű'; /* Change text */
 display: inline-block;
 font-size: 12px;
 line-height: 14px;
 text-transform: uppercase;
 letter-spacing: -0.1px;
 margin-left: 4px;
 background-color: green; /* Change color */
 font-weight: bolder;
 border-radius: 2px;
 color: #fff;
 padding: 2px 3px 3px;
 position: relative;
 top: -2px;
}
.wm-menu-label-actual.menu-item > a:after {
 content: 'Aktuális'; /* Change text */
 display: inline-block;
 font-size: 12px;
 line-height: 14px;
 text-transform: uppercase;
 letter-spacing: -0.1px;
 margin-left: 4px;
 background-color: red; /* Change color */
 font-weight: bolder;
 border-radius: 2px;
 color: #fff;
 padding: 2px 3px 3px;
 position: relative;
 top: -2px;
}
/* RSS Ikon ikon cseréje Tik Tok ikonra */
#footer-bottom .et-social-icons .et-social-icon.et-social-rss a::before {
	content: "\E07B";
	font-family: FontAwesome!important;
}
/* Egy sorban két oszlop legyen */
.wm-two-column-in-row .et_pb_row {
  display: flex;
  flex-wrap: nowrap;
}
/* Bejegyzések */

/* Oldalak */
/* Kiemelések */
.wm-text-highlight-yellow span { 
  background-color: #f7fa06;
  padding: 3px;
}
/* Oldalsáv formázása */
#sidebar .widgettitle {
    text-align:center;
    font-size:18px;
    padding-bottom: 20px;
}
#sidebar .widgettitle {
    border-bottom: solid 2px #000000;
    margin-bottom: 25px;
}
#sidebar .et_pb_sidebar .et_pb_widget {
    margin-bottom: 14% !important;
}
#sidebar .et_pb_widget ul li {
    background-color: #f9f9f9;
    padding: 10px;
}
#sidebar .et_pb_widget ul li a:hover {
    color: #333;
}
/* Webáruház */
/* Webshop oldal */
/* oldalsáv */

@media (min-width: 980px) {
  /* Asztalin a mobil elemek maradjanak rejtve */
  .uxfs-mobile-toggle-btn, .uxfs-offcanvas, .uxfs-overlay {
    display: none !important;
  }
  /* Az eredeti lista asztalin mindig látszódjon */
  .widget_product_categories .product-categories {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width: 979px) {
  /* Mobilon az eredeti listát elrejtjük, a gombot mutatjuk */
  .widget_product_categories .product-categories { display: none !important; }
  .uxfs-overlay.uxfs-active { display: block !important; opacity: 1 !important; pointer-events: auto !important; }
  .uxfs-offcanvas.uxfs-open { display: flex !important; }
}
:root{
  --ux-accent:#2e8bff;
  --ux-bg:#ffffff;
  --ux-border:#ececec;
  --ux-text:#222;
  --ux-muted:#6b7280;
}

/* Mobil-only: pill gomb és off-canvas panel, 100k+ z-index értékek */
@media (max-width: 979px) {
  .woocommerce.widget_product_categories .product-categories,
  .widget_product_categories .product-categories {
    display: none !important;
  }
}
/* Mobil: elrejti a widget címet és módosítja a gomb stílusát */
@media (max-width: 979px) {
  /* Elrejtjük a widget címet (Termékkategóriák) a mobil nézetben */
  .woocommerce.widget_product_categories .widgettitle,
  .woocommerce.widget_product_categories .widget-title,
  .widget_product_categories .widgettitle,
  .widget_product_categories .widget-title {
    display: none !important;
  }
  .uxfs-mobile-toggle-btn {
    display:flex!important;
    align-items:center;
    gap:12px;
    background: #f5f5f5 !important;
    color:var(--ux-text);
    border:0;
    padding:10px 14px;
    margin-bottom: 20px;
    font-weight:700;
    width:100%;
    box-sizing:border-box;
    cursor:pointer;
    text-align:left;
    justify-content:flex-start;
    z-index:100050 !important;
    position:relative;
    pointer-events:auto !important;
    box-shadow:0 6px 18px rgba(46,139,255,0.16);
  }
    .uxfs-mobile-toggle-btn .uxfs-label {
    display: inline-block;
    line-height: 1;
    font-size: 1rem;
    color: var(--ux-text);
  }
  .uxfs-mobile-toggle-btn .uxfs-icon {
    width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,0.12);
    display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;
  }

  .mfp-wrap.uxfs-offcanvas { display:none; position:fixed; inset:0; z-index:100010 !important; align-items:stretch; justify-content:flex-end; }
  .mfp-wrap.uxfs-open { display:flex; }

  .mfp-container .mfp-content #uxfs-shop-sidebar,
  .mfp-container .mfp-content #shop-sidebar {
    width:86%; max-width:420px; height:100vh; background:var(--ux-bg);
    box-shadow:-18px 0 48px rgba(16,24,40,0.18); border-radius:8px 0 0 8px;
    overflow:hidden; display:flex; flex-direction:column;
    transform:translateX(100%); transition:transform 320ms cubic-bezier(.2,.9,.2,1);
    position:relative !important; z-index:100020 !important;
  }
  .mfp-wrap.uxfs-open .mfp-container .mfp-content #uxfs-shop-sidebar,
  .mfp-wrap.uxfs-open .mfp-container .mfp-content #shop-sidebar { transform:translateX(0); }

  .uxfs-overlay {
    position:fixed; inset:0; background:rgba(0,0,0,0.45);
    z-index:100005 !important; opacity:0; pointer-events:none; transition:opacity 220ms ease;
  }
  .mfp-wrap.uxfs-open ~ .uxfs-overlay,
  .mfp-wrap.uxfs-open .uxfs-overlay { opacity:1; pointer-events:auto; }

  .mfp-close.uxfs-close {
    position:absolute !important; top:12px !important; right:12px !important;
    background:rgba(255,255,255,0.98); color:#111; border-radius:6px; padding:6px 8px;
    z-index:100030 !important; display:inline-flex; align-items:center; justify-content:center;
    border:0; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.08);
  }
  .mfp-close.uxfs-close span { font-size:20px; line-height:1; }

  #uxfs-shop-sidebar .product-categories { list-style:none; margin:0; padding:12px 16px; flex:1; overflow:auto; }
  #uxfs-shop-sidebar .product-categories li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid #f4f6f8; }
  #uxfs-shop-sidebar .product-categories .children { padding-left:12px; margin-top:8px; margin-bottom:8px; overflow:hidden; max-height:0; transition:max-height 300ms ease; }
  #uxfs-shop-sidebar .product-categories .children[style] { transition:none; }
}

/* Desktop: ne jelenjen meg a mobil gomb és az off-canvas */
@media (min-width: 980px) {
  .woocommerce.widget_product_categories .uxfs-mobile-toggle-btn,
  .widget_product_categories .uxfs-mobile-toggle-btn { display:none !important; }
  .mfp-wrap.uxfs-offcanvas { display:none !important; }
  .uxfs-overlay { display:none !important; }
  #uxfs-shop-sidebar, #shop-sidebar { position:static !important; width:auto !important; max-width:none !important; height:auto !important; transform:none !important; box-shadow:none !important; border-radius:0 !important; z-index:auto !important; }
}
/*.woocommerce-shop .product {
  border: 1px #f4f4f4 solid;
}*/
.dipl_woo_products_category_isotope_item {
  margin-bottom: 5px !important;
}
/* Egyoldalas fizetési mód */
/* Képre ne lehessen kattintani */
.wcopc td.product-thumbnail a {
  pointer-events: none;
}
@media all and (max-width: 980px) {
  .wcopc td.product-thumbnail {
    display: none;
  }
  .wcopc tr.product-item {
    font-size: 14px;
  }
  .wcopc td.product-quantity button {
    font-size: 15px;
  }
    /*.wcopc td {*/
    /*  display: table-row;*/
    /*  text-align: center;*/
    /*  padding-top: 10px;*/
    /*  padding-bottom: 10px;*/
    /*}*/
}

/* Termék oldalon az egységár formázása */
/*Egységár sor */
.product .mcmp_recalc_price_row {
  display: inline;
  font-size: .7em;
  margin: .5em 0;
}
.product .mcmp_recalc_price_row span.amount {
  font-weight: 300;
}
/*Egységár szó */
.product .mcmp_recalc_price_row .mcmp-recalc-price-prefix {

   /*vertical-align: unset;*/
}
/*Egységár ár */
.product .mcmp_recalc_price_row .woocommerce-Price-amount {
  font-size: .9em;
}
/*Egységár pénznem */
.product .mcmp_recalc_price_row .woocommerce-Price-currencySymbol  {
   font-size: 1em;
   vertical-align: unset;
}
/*Egységár mértékegység */
.product .mcmp_recalc_price_row .mcmp-recalc-price-suffix  {
   font-size: .9em;
   vertical-align: unset;
}
/* Termékkészlet információ */
/* Engedélyezve utánrendelésre */
.product-info .available-on-backorder {
   color: #fab61f;
}

/* Pénztár oldal */
/* Simplepay fizetési módnál ne legyen olyan nagy a logó */
@media all and (min-width: 980px) {
  .woocommerce-checkout li.payment_method_simple img {
    max-width: 300px !important;
  }
}
@media all and (max-width: 980px) {
  .woocommerce-checkout li.payment_method_simple img {
   margin-top: 20px !important;
   margin-bottom: 20px !important;
    /*max-width: 250px !important;*/
  }

}

/* A megrendelés fizetési kötelezettséget von maga után. szöveg igazítása */
.surbma-hc-before-submit {
  text-align: left !important;
}
/* Fiókom oldal */
/* Fiók linkek felsorolás */
.woocommerce-MyAccount-navigation ul {
  list-style-type: none !important;
  padding: 0 0 23px 0em !important;
}
.woocommerce-MyAccount-navigation ul li {
  line-height: 30px;
}
/* Custom CSS to add icon with tab title */

body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    content: "\e038";
    font-family: ETmodules !important;
    margin-right: 10px;
}

body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    content: "\e07a";
    font-family: ETmodules !important;
    margin-right: 10px;
}

body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    content: "\e092";
    font-family: ETmodules !important;
    margin-right: 10px;
}

body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before {
    content: "\e014";
    font-family: ETmodules !important;
    margin-right: 10px;
}

body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: "\e087";
    font-family: ETmodules !important;
    margin-right: 10px;
}

body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--wm-kurzusaim a:before {
    content: "\e086";
    font-family: ETmodules !important;
    margin-right: 10px;
}

body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\e08a";
    font-family: ETmodules !important;
    margin-right: 10px;
}

body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\24";
    font-family: ETmodules !important;
    margin-right: 10px;
}

/* In Css you can add tab title link text e.g edit-address, payment-methods, edit-account, customer-logout and also you can icon custom code according to your requirement. */

/* CSS for Hover effect for icon: */
/**/
/*body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--dashboard a:hover::before{*/
/*   color: red !Important;*/
/*}*/
/**/
/*body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--orders a:hover::before{*/
/*   color: red !Important;*/
/*}*/
/* Újrarendelés */
body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--buy-again a::before {
  content: "\e02a";
  font-family: ETmodules !important;
  margin-right: 10px;
}
.bya_product_table_container .bya_buy_again_product_table thead th {
  font-size: 0.9em;
  line-height: 1.4;
}
/* Termékek formázása */
/* Kenyérmorzsa menü Yoast */
.breadcrumb-trail {
 margin-bottom: 10px;
}
/* Variációk formázása */
.woovr-variations .woovr-variation-info {
  line-height: 1.4em;
}
.woovr-variations .woovr-variation {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 1em;
}
.woovr-variations .woovr-variation-active {
  background-color: #F2F2F2;
  border: 1px solid #bbb;
}
/* Learndash */
/* Felugró ablakot ne takarja el a menü */
div.learndash-wrapper div.ld-login-modal {
    z-index: 100001;
    /*margin: 30% 50% 20px;*/
}
/* Kurzus formázás */

/* Kurzusok oldal */
.ld-course-list-items .ld_course_grid .thumbnail.course a.btn-primary {
  color: white !important;
}

/* Lecke formázás */
/* Nem elég széles focus módban */
.ld-in-focus-mode .et-boc {
    width: 100%;
}
/* Lecke kenyérmorzsa menü ne csússzon ki a képernyőből*/
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments {
  text-wrap: wrap;
  line-height: 1.4;
}
/* Visual portfolio */
/* Portfolio elemek a listázásnál */
/* Keret */
[data-vp-layout="grid"] .vp-portfolio__item-wrap .vp-portfolio__item {
  border-radius: 3px;
  border: 1px solid #b4b4b4
}
/* Cím */
.vp-portfolio__items-style-default .vp-portfolio__item-meta-title {
  font-size: 0.9em;
  margin-bottom: 5px;
}
.vp-portfolio__items-style-default .vp-portfolio__item-meta-title a:hover {
  color: #f25521;
}
/* Kivonat */
.vp-portfolio__items-style-default .vp-portfolio__item-meta-excerpt {
  font-size: 0.9em;
  margin-bottom: 10px;
}
.vp-portfolio__item-meta-read-more {
  border: 1px solid #023A51;
  border-radius: 3px;
  padding: 0.1em 0.6em !important;
  margin-bottom: 10px;
  background-color: #023A51;
  color: white !important;
  text-transform: uppercase;
}
.vp-portfolio__item-meta-read-more:hover {
  background-color: transparent;
  color: #023A51 !important;
}
/* Szűrő formázás */
.vp-filter__style-default .vp-filter__item a {
  color: #023A51 !important;
}
.vp-filter__style-default .vp-filter__item.vp-filter__item-active a {
  background-color: #023a51 !important;
}
.vp-filter__style-default .vp-filter__item.vp-filter__item-active > * {
  color: white !important;
}
/* Portfolio elem */
/* Kiemelt kép eltávolítás Projects*/
.single-portfolio .et_post_meta_wrapper img {
  display: none;
}
/* Főcím */
@media screen and (max-width: 980px) {
  .single-portfolio .et_post_meta_wrapper .entry-title {
    font-size: 24px;
  }
}
/* Kiemelt kép eltávolítás Minikurzusok*/
.single-minikurzus .et_post_meta_wrapper img {
  display: none;
}
/* Főcím */
@media screen and (max-width: 980px) {
  .single-minikurzus .et_post_meta_wrapper .entry-title {
    font-size: 24px;
  }
}
/* Blog */
/* Elrendezés módosítás */

@media screen and (min-width: 981px) {
  .egeszsegmegorzo-blog-oldal .vp-portfolio__item-img-wrap {
    float: left;
    width: 33.333333333333%;
  }
  .egeszsegmegorzo-blog-oldal figcaption.vp-portfolio__item-caption {
    float: left;
    width: 66.666666666667%;
  }
  .egeszsegmegorzo-blog-oldal .vp-portfolio__item-meta-inline {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 980px) {
  .egeszsegmegorzo-blog-oldal div.vp-portfolio__items {
    display: block !important;
  }
  .egeszsegmegorzo-blog-oldal article.vp-portfolio__item-wrap {
    width: 50% !important;
  }
  .egeszsegmegorzo-blog-oldal .vp-portfolio__item-meta {
    padding: 10px;
  }
  .egeszsegmegorzo-blog-oldal .vp-portfolio__item-meta-title {
    padding-bottom: 5px;
    font-size: 0.7em;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
  }
  
  .egeszsegmegorzo-blog-oldal .vp-portfolio__item-meta-inline {
    margin-bottom: 10px;
    font-size: 0.6em;
  }
  .egeszsegmegorzo-blog-oldal .vp-portfolio__item-meta-excerpt {
    font-size: 0.7em;
  }
  .egeszsegmegorzo-blog-oldal .vp-portfolio__item-meta-read-more{
    font-size: 0.75em;
    line-height: 1.8;
  }
}
/* MiniCrm */
/* Mobilon az elküld gomb látszódjon egyből. */
@media all and (max-width: 550px) {
 iframe[id^="MiniCRMFrame"] {
   /*height: 100vh !important; /* 100% of viewport height */*/
 }
}
/*  Letiltja a „Saved Cards” blokkot, így a LearnDash fiókban egyáltalán nem fog megjelenni. */
.ld-profile__saved-cards {
    display: none !important;
}
/* Import stílusok */
/* ### POST ### */
/*.custom-post-layout img {
    border-radius: 15px;
    margin-top: 20px;
}*/

/* ### FOOTER ### */
/*@media only screen and (min-width: 981px) {
.et-db #et-boc .et-l .dc-custom-optin p.et_pb_newsletter_field {
	flex:2 !important;
	padding-bottom: 0px;
}

.et-db #et-boc .et-l .dc-custom-optin .et_pb_newsletter_form p.et_pb_newsletter_field input {	
	border-radius: 25px 0px 0px 25px !important;
	padding-left: 6%!important;
}

.et-db #et-boc .et-l .dc-custom-optin p {
	flex:1 !important;	
}

.et-db #et-boc .et-l .dc-custom-optin .et_pb_newsletter_fields {
	align-items: center;	
}

body.et-db #et-boc .et-l .dc-custom-optin .et_pb_button {
	border-radius: 0px 25px 25px 0px !important;
	height: 50px;
    display: flex;
	justify-content: center;
}

body.et-db #et-boc .et-l .dc-custom-optin .et_pb_button .et_pb_newsletter_button_text{
	align-self: center;	
}}

@media only screen and (min-width: 981px) and (max-width: 1450px) {	
body.et-db #et-boc .et-l .dc-custom-optin a.et_pb_button   {
	justify-content: center;

}}

@media only screen and (min-width: 981px) {
.dc-custom-optin {
    width: 60% !important;
}}*/

/* Lábléc menü középre igazítása */
#et-footer-nav div.container {
    text-align: center;
}

/* GDPR cookie értesítés */

/* Rendben gomb méretezés */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font: normal 14px/20px Nunito,sans-serif !important;
    padding: 8px 30px !important;
}