@charset "UTF-8"; :root,[data-bs-theme=light] {
     --body-font-size: 1.32rem;
     --body-color: #5a5a5a;
     --heading-color: #2f4674;
     --cassiopeia-font-family-headings: 'Poppins';
     --cassiopeia-font-weight-headings: 300;
     --border-color: #c2e6e6;
     --btn-green: #67c3a6;
     --lgreen: #95e1c9;
     --lgreen-ma: #68c4a7;
     --blue: #2f4674;
     --red: #c15f3b;
     --gray-150: #f8f8f8;
     --secondary-color: #8c98a6;
}
 .body-color {
     color: var(--body-color);
}
 .text-red, .red-h h2 {
     color: var(--red);
}
 .text-blue {
     color: var(--blue);
}
 .footer a:not(.btn).text-blue, .text-blue {
     color: var(--blue);
}
 .bg-gray-150 {
     background: var(--gray-150);
}

.bg-mint {background: #eff8f5}

 .text-lgreen-ma {
     color: var(--lgreen-ma);
}
.fs-fixed-25 {font-size: 2.5rem; !important}

/* poppins-300 - latin_latin-ext */
 @font-face {src: url('https://biroszabolcs.hu/media/vendor/poppins-fontface/poppins-v20-latin_latin-ext-300.woff2') format('woff2'); font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 300}
 body {
     font-family: 'Poppins';
}
 .content-1170, .page-1170 .site-grid {
     max-width: 1170px;
     margin: 0 auto;
}
 .grid-child {
     max-width: 1560px;
}
 @supports (display: grid) {
     .site-grid, .itemid-113 .site-grid {
         grid-gap:0 1em;
         grid-template-columns: [full-start]minmax(0,1fr)[main-start]repeat(4,minmax(0,23.1rem))[main-end]minmax(0,1fr)[full-end];
         grid-template-areas:
              ".banner banner banner banner."
              ".top-a top-a top-a top-a."
              ".top-b top-b top-b top-b."
              ".side-l side-l side-l side-l."
              ".comp comp comp comp."
              ".side-r side-r side-r side-r."
              ".bot-a bot-a bot-a bot-a."
              ".bot-b bot-b bot-b bot-b.";
         display: grid;
    }
 }
     @media (width>=992px) {
         .site-grid {
             grid-template-areas:
                  ".banner banner banner banner."
                  ".top-a top-a top-a top-a."
                  ".top-b top-b top-b top-b."
                  ".side-l comp comp side-r."
                  ".bot-a bot-a bot-a bot-a."
                  ".bot-b bot-b bot-b bot-b.";
             grid-template-columns: [ full-start ] minmax(0, 1fr) [ main-start ] repeat(4, minmax(0, 19.875rem)) [ main-end ] minmax(0, 1fr) [ full-end ];
        }

         .itemid-101 .site-grid {grid-template-columns: [full-start]minmax(0,1fr)[main-start]repeat(4,minmax(0,23.1rem))[main-end]minmax(0,1fr)[full-end];}
         
.page-blog .site-grid {
            grid-template-columns: [ full-start ] minmax(0, 1fr) [ main-start ] repeat(3, minmax(0, 21.875rem)) [ main-end ] minmax(0, 1fr) [ full-end ];
        }

.page-blog .site-grid {
  grid-template-areas:
    ".banner banner banner."
    ".top-a top-a top-a."
    ".top-b top-b top-b."
    ".side-l comp side-r."
    ".bot-a bot-a bot-a."
    ".bot-b bot-b bot-b.";
}
    
.text-lg-justify {
     text-align: justify !important;}
}
 .text-justify {
     text-align:justify;
}
 .display-2 {
     font-size: clamp(2.3rem,9vw,5rem);
}
 .display-3 {
     font-size: clamp(2.3rem,9vw,3.9rem);
}
.fs-1 {
    font-size: calc(1.375rem + 2.5vw)!important;
}
h2,.h2 {
    font-size: 2rem;
}

.container-banner {
    margin: 0;
}

/* menu */

 .dj-megamenu-modern li a.dj-up_a {
     text-transform: uppercase !important;
     font-size: 24px !important;
     padding: 0px 32px !important;
}
 #dj-megamenu111 li.active a.dj-up_a span span.name:after {
     content: "";
     width: 76px;
     height: 2px;
     background: #95e1c9;
     position: absolute;
     left: 50%;
     transform: translate(-50%, -50%);
     top: 6px;
}
 .dj-megamenu-modern li ul.dj-submenu > li > a {
     font-size: 1.2rem !important;
     text-transform: uppercase;
     line-height: 1.3 !important;
}

.dj-megamenu-modern li a.dj-up_a > span.dj-drop {padding: 0 !important}
 #dj-megamenu111 li ul.dj-submenu > li > a, #dj-megamenu111 li ul.dj-submenu > li > a, #dj-megamenu111 li ul.dj-submenu > li:not(.subtree) > a {
     display: block;
}
 .dj-megamenu-modern li ul.dj-submenu > li {
     display: inline-block;
     text-align: center;
}
.dj-megamenu-modern li.itemid186.hover > div.dj-subwrap,
.dj-megamenu-modern li.itemid134.hover > div.dj-subwrap {
    left: 50%;
    transform: translateX(-50%);
}


 .container-header {
     background-color: var(--white);
     background-image: unset;
     box-shadow: inset 0 5px 5px #00000008;
}

.container-header .container-nav {
     padding-bottom: 1.5em;
     padding-top: 1.5em;
     border-bottom: 2px var(--border-style)var(--border-color);
     transition: all .15s ease;
}

.itemid-101 .container-header .container-nav  {
     border-bottom: 2px var(--border-style)var(--white);
}

.dj-pos-absolute .dj-accordion-light .dj-accordion-in {
    width:100% !important;
}

.dj-accordion-light .dj-accordion-in {
    padding: 0 !important;
}

body:has(.dj-mobile-open-btn.active) {
  overflow: hidden;
  position: fixed;
  inset: 0;
}

 .dj-pos-absolute .dj-accordion-light {
     width: calc(100vw + 2em) !important;
     top: -.25rem !important;
}

.dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon {
     z-index: 1000;
}

 #dj-megamenu111mobile.dj-megamenu-accordion-light .dj-mobile-open-btn {
    position: relative;
    z-index: 999999;
    background: #fff;
}

 ul.dj-mobile-light {
    height: 100vh;
    overflow: scroll;
    max-width: 395px;
    margin: 0 auto !important;
}
ul.dj-mobile-nav-child {
    border-top: 2px var(--border-style)var(--border-color);
    border-bottom: 2px var(--border-style)var(--border-color);
}
 ul.dj-mobile-nav.dj-mobile-light li li:only-child {
     border-top: none;
}

ul.dj-mobile-light li.dj-mobileitem>ul {
    margin-top: 0px !important;
    padding: 5px 15px !important;
}

 ul.dj-mobile-light li.dj-mobileitem>a {
     font-size: 1.7rem !important;
     text-align: center;
     text-transform: uppercase;
     padding: 16px 15px !important;
     border-top: unset !important;
}

ul.dj-mobile-light li.dj-mobileitem>a .subtitle {
    font-size: 1.7rem !important;
}

.dj-megamenu-accordion-light .dj-mobile-open-btn {
    width: 65px !important;
    height: 60px !important;
    right: .5rem;
}
 .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon {
     width: 60px !important;
     background: var(--lgreen) !important;
}
 .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:before, .dj-mobile-open-btn.dj-fa-no:after, .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:after {
     width: 60px !important;
     background: var(--lgreen) !important;
}
 .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:before {
     top: -16px !important;
}
 .dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon:before {
     top: 0 !important;
}
 .dj-mobile-open-btn.dj-fa-no .dj-mobile-open-icon:after {
     bottom: -16px !important;
}
 .dj-mobile-open-btn.dj-fa-no.active .dj-mobile-open-icon:after {
     bottom: 0 !important;
}
 ul.dj-mobile-light li.dj-mobileitem.parent >a span.toggler, .dj-megamenu-modern .arrow {
    display: none !important;
}

.multiline span.title {margin-top: 11px;
}

.multiline small.subtitle {
    font-size: 24px !important;
    line-height: .9 !important;
    margin-top: 0px !important;
    opacity: initial !important;
}

header:not(.minimize) .dj-megamenu-modern li.itemid134:hover > div.dj-subwrap,
header:not(.minimize) .dj-megamenu-modern li.itemid134.hover > div.dj-subwrap,
header:not(.minimize) .dj-megamenu-modern li.itemid108:hover > div.dj-subwrap,
header:not(.minimize) .dj-megamenu-modern li.itemid108.hover > div.dj-subwrap {
  padding-top: 1rem;
}

/* minimize megamenu */
@media (min-width: 1200px) {

header, header.minimize {
     transition: transform .2s ease, opacity .2s ease;
}

 header.minimize .container-nav {
     padding: 0;
}
 header.minimize .dj-megamenu-modern li a.dj-up_a .subtitle {
    display: inline-block;
     font-size: 1.2rem !important;
}
 header.minimize .multiline span.title {
    margin:0
}
 header.minimize .dj-megamenu-modern li a.dj-up_a {
     font-size: 1.2rem !important;
     padding: .25rem 1.25rem !important;
     height: 62px;
}
 header.minimize #dj-megamenu111 li.active a.dj-up_a span span.name:after {
     top: 12px;
}
}

/* logo swap  */

@media (min-width: 1200px) {
 .logo, .logo-mini {
     transition: transform 0.3s ease, opacity 0.3s ease;
}
 .logo {
     transform: translateY(0);
     opacity: 1;
}
 .logo-mini {
     transform: translateY(100%);
     opacity: 0;
}
 header.minimize .logo {
     transform: translateY(-100%);
     opacity: 0;
     height: 0;
     width: 0;
}
 header.minimize .logo-mini {
     opacity: 1;
     width: max-content;
     top: -1.7rem;
}
}

/* btn */
 .btn-outline-primary {
     --btn-color: var(--btn-green);
     --btn-border-color: var(--lgreen);
     --btn-hover-color: #fff;
     --btn-hover-bg: var(--lgreen);
     --btn-hover-border-color: var(--lgreen);
     --btn-focus-shadow-rgb: 1,1,86;
     --btn-active-color: #fff;
     --btn-active-bg: var(--blue);
     --btn-active-border-color: var(--blue);
}
 .btn-primary {
     background: transparent;
     border-color: var(--lgreen);
}
.active.current  .btn-outline-primary,
.alias-parent-active .btn-outline-primary,
.btn-primary:hover {
     color: #fff;
     background: var(--lgreen);
     border-color: var(--lgreen);
}
/* front */

.cursor-not-allowed	{cursor: not-allowed; pointer-events: all !important;}

img.magnify, img.multi {
    right: 23%;
    width: 12%;
    top: 3%;
}

 .molecule-br {
     background: url(https://biroszabolcs.hu/images/headers/molecule2.svg);
     background-repeat: no-repeat;
     background-size: contain;
     background-position-y: bottom;
     background-position-x: right;
}
 .molecules-2 {
     background: url(https://biroszabolcs.hu/images/headers/molecules2.svg);
     background-repeat: no-repeat;
     background-size: contain;
     background-position-y: top;
     background-position-x: left;
}
 .molecules-3 {
     background: url(https://biroszabolcs.hu/images/headers/molecule-03.svg);
     background-repeat: no-repeat;
     background-size: contain;
     background-position-y: top;
     background-position-x: left;
}

 img.magnify, img.multi {
     right: 23%;
     width: 12%;
     top: 3%;
}
/* blog */
 .catlist li {
     padding: 0;
}
 .catlist li a {
     color: var(--body-color);
     display:block;
     margin: 0;
     border-bottom: solid 2px var(--border-color);
     padding: .4rem .3rem .4rem 1rem;
     transition: text-shadow .3s;
     transition: .3s;
}
 .catlist li a:hover {
     text-decoration: none;
     background-color: var(--border-color);
     text-shadow:  0 0 1px var(--body-color), 0 0 1px var(--body-color);
}
 .page-blog .com-content-category-blog.blog h1, span.h1 {
     text-transform: uppercase;
     font-size:clamp(1.9rem,6vw,3.9rem);
     padding: 0 0 2rem 0;
}
.page-blog .com-content-category-blog__child {
     display:none;
}
 @media (min-width:992px) {
     .page-blog .faqs label:after {
         content: url(https://biroszabolcs.hu/images/icons/arrow-sm.svg);
         top: 42%;
    }
}

@media (min-width: 768px) {
    .author-img {
        max-width: 50px;
    }
}

/* rsform newslettr*/

.rsform .newslettr-button:hover {background: var(--lgreen) !important}
.rsform.newslettr {background: linear-gradient(0deg, rgba(207,225,228,1) 0%, rgba(255,255,255,1) 83%);}

.rsform.newslettr::before {
  content: "";
  display: block;
  max-width: 1540px;
  width: 100%;
  height: 2px;
  background-color: var(--border-color);
  margin: 0 auto;
}

/* footer */
 .footer {
     color: #b6b6b6;
     background-color: var(--gray-150);
     background-image: unset;
     margin-top: 0;
}
 dd.createdby, dd.published, dd.modified {
     display:none 
}
/* chjoomfaq */
 .faqs label:after {
     content: url("https://biroszabolcs.hu/images/icons/arrow.svg");
     position: absolute;
     top: 50%;
     right: 20px;
     transition: .3s transform;
     transform: translateY(-50%) rotate(0deg);
}
 .faqs {
     margin: 0 auto;
     transform: translateZ(0);
}
 .faqs label span, .faqs label p, .faqs label h2, .faqs label h3, .faqs label h4, .faqs label h5, .faqs label h6 {
     margin: initial;
     padding: 0 46px 0 20px;
}
 .faqs input[type="checkbox"] {
     position: absolute;
     opacity: 0;
}
 .faqs label {
     margin: .7rem 0;
     /* text-transform: uppercase; */
     position: relative;
     display: block;
     color: var(--red);
     padding: 1rem;
     background: var(--gray-150);
     cursor: pointer;
     -webkit-transition: 0.2s;
     transition: 0.2s;
}
 .faqs label:hover {
     -webkit-transition: all 0.3s ease-out 0s;
     -moz-transition: all 0.3s ease-out 0s;
     -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
     transition: all 0.3s ease-out 0s;
     -webkit-box-shadow: 1px 2px 8px 2px rgb(0 0 0 / 20%);
     -moz-box-shadow: 1px 2px 8px 2px rgba(0, 0, 0, 0.2);
     box-shadow: 1px 2px 8px 2px rgb(0 0 0 / 20%);
     cursor: pointer;
}
 .faq-container section {
     max-height: 0;
     transition: .3s all;
     overflow: hidden;
     padding: 0 40px;
}
 [id^="faq"]:checked ~ label[for^="faq"]::after {
     top: 50%;
     transform: translateY(-50%) rotate(-180deg);
}
 [id^="faq"]:checked ~ [id^="answ"] {
     max-height: 7000px;
     margin-right: 0;
     padding-top: 2rem;
}

/* bigger than md */

@media (width >= 768px) {

            .border-md-2   {
            border-width: 2px !important;
              }
.border-md-end {
    border-right: var(--border-width) var(--border-style) var(--border-color) !important;
}
}

/* media-btn */

.media-btn {
  color: #5a5a5a;
}

.sp-green {
  fill: #1ed760;
}

.t1 {
  fill: #46bac7;
}

.t2 {
  fill: #e42756;
}

svg #yt-red {
  fill: #ec2027;
}

svg #tube path {
  fill: #fff;
}

.media-btn:hover {
  color: #fff;
}

.media-btn:hover svg,
.media-btn:hover svg #yt-red,
.media-btn:hover .t1,
.media-btn:hover .t2,
.media-btn:hover .sp-green {
  fill: #fff;
}


.media-btn:hover svg #tube path {
  fill: var(--lgreen);
}

.media-btn:hover .border-warning {
  border-color: #fff !important;
}

/* smaller than 1460 */
@media (width <= 1460px) {
 .dj-megamenu-modern li a.dj-up_a {
     font-size: 22px !important;
     padding: 0px 12px !important;}
}

/* mobile */
 @media (width<=991.98px) {
     .container-header {
         position: sticky!important;
    }
   .page-blog h2.biroblog-title {font-size: 1.6rem !important}

  h2.biroblog-title, label h2 {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
    }
     .page-blog .blog-item :before {
     content: url("https://biroszabolcs.hu/images/icons/arrow-right.svg");
     position: absolute;
     right: .3rem;
     left: auto;
     bottom: .3rem;
     transition: .3s;
     border-radius: .3rem;
     background: #fff;
     max-height: 34px;
     padding: 0.3rem .2rem 0 .2rem;
     }
     .page-blog .blog-item:hover figure.item-image:before {
     background: var(--gray-150);
   }
}

 @media (max-width:768px) {
    a.logo {
         max-width:240px;
    }
     .dj-pos-absolute .dj-accordion-light {
         width: 100vw !important;
         background: #fff;
    }
     .multiline small.subtitle {
         font-size: 1.7rem !important;
         line-height: 1 !important;
         margin-top: 3px !important;
    }
     .container-header .container-nav {
         /* padding: 0.5em 1em; */
         border-bottom:unset;
    }
     .page-blog .blog-item :before {
         top: initial;
         right:initial;
         bottom: 0.35rem;
         left: .4rem;
    }
     .site-grid, .content-1170, .page-1170 .site-grid, .grid-child.container-nav {
         margin: 0 auto;
         padding:0;
    }
     .fs-fixed-25 {
        font-size: 2rem !important;
    }
     .molecules-2, .molecules-3 {
         background: unset;
    }
     .molecules-sm {
         background: url(https://biroszabolcs.hu/images/headers/molecules-sm.svg);
         background-repeat: no-repeat;
         background-size: contain;
         background-position-y: center;
         background-position-x: center;
         margin: 0 -4vw;
    }
     .molecules-sm-2 {
         background: url(https://biroszabolcs.hu/images/headers/molecules-sm-2.svg);
         background-repeat: no-repeat;
         background-size: contain;
         background-position-y: top;
         background-position-x: left;
    }
     .molecules-sm-3 {
         background: url(https://biroszabolcs.hu/images/headers/molecules-sm-3.svg);
         background-repeat: no-repeat;
         background-size: contain;
         background-position-y: top;
         background-position-x: right;
    }
     .wider {
         margin: 0 -4vw;
    }
     .publications [id^="faq"]:checked ~ label[for^="faq"]::after, .publications .faqs label:after {
         top: 70px;
    }
     .publications .h-140px {
        min-height:140px;
    }
     .publications .faq-container section {
        background: var(--gray-150) 
    }
     .publications .faqs label {
        margin:0
    }
    .faqs label h2, .faqs label h3, .faqs label h4, .faqs label h5, .faqs label h6 {
    padding: 0 8px 0 8px;
    }
}

 @media (max-width:460px) {
    a.logo {
        max-width:200px;
    }
   .dj-megamenu-accordion-light.dj-align-right {
    margin-top: 0.45rem !important;}
   }