/*-----------------------------------------------------------
Responsive
------------------------------------------------------------*/

@media (max-width: 600px) {

  /* GLOBAL */

    #open_menu{
    display: block;
  }

  #header_menu{
    display: block;
  }

  iframe{
    width: 100%;
  }
 .tabs.hide-xs.hide-sm {
    display: none !important;
  }

  .nav-left {
    background-color: #E63A23;
  }



@media (max-width: 600px){

  :root{
    --m-header-h: clamp(72px, 18vw, 84px);
    --m-pad-x: clamp(14px, 4.5vw, 18px);
    --m-burger: clamp(22px, 6vw, 28px);
    --m-item-h: clamp(72px, 18vw, 88px);

    --mm-ocd-width: 80%;
    --mm-ocd-min-width: 200px;
    --mm-ocd-max-width: 440px;
  }

  /* HEADER zawsze widoczny nad menu */
  #main_header{
    position: fixed !important;
    top: 0; left: 0; right: 0;
    height: var(--m-header-h) !important;
    background: var(--bg-brand-color) !important;
    z-index: 2147483647 !important;
  }

  body{
    padding-top: var(--m-header-h) !important;
  }

  #main_header .nav,
  #main_header .nav-left{
    height: 100%;
  }

  #main_header .nav-left{
    display: flex;
    align-items: center;
    padding-left: var(--m-pad-x);
    padding-right: calc(var(--m-burger) + 44px);
    box-sizing: border-box;
  }

  /* LOGO duże, bez paddingu z motywu */
  #main_header img#site_logo{
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;

    height: auto !important;
    width: auto !important;

    max-height: calc(var(--m-header-h) - 8px) !important;
    max-width: clamp(190px, 52vw, 260px) !important;

    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Hamburger/X: tylko wygląd, ale pilnujemy żeby był w headerze i nad wszystkim */
  #open_menu{
    position: absolute !important;
    top: 50% !important;
    right: var(--m-pad-x) !important;
    transform: translateY(-50%) !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    z-index: 2147483647 !important;
  }

  #open_menu .hamburger-box{
    width: var(--m-burger);
    height: var(--m-burger);
  }

  #open_menu .hamburger-inner,
  #open_menu .hamburger-inner::before,
  #open_menu .hamburger-inner::after{
    background-color: #fff !important;
  }

  /* MMENU: panel i backdrop zaczynają się POD headerem, żeby nie zabierały klika na X */
  .mm-ocd{
    z-index: 9000 !important;
  }

  .mm-ocd.mm-ocd--open > .mm-ocd__content,
  .mm-ocd.mm-ocd--open > .mm-ocd__backdrop{
    top: var(--m-header-h) !important;
    height: calc(100vh - var(--m-header-h)) !important;
  }

  /* MENU: porządek, pełna szerokość, jeden pod drugim */
  #header_menu,
  #header_menu ul,
  #header_menu li{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: 0 !important;
  }

  #header_menu a{
    display: flex !important;
    align-items: center;
    justify-content: flex-start;

    height: var(--m-item-h) !important;
    width: 100% !important;

    margin: 0 !important;
    padding-left: clamp(18px, 5vw, 24px) !important;
    padding-right: clamp(18px, 5vw, 24px) !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    text-decoration: none !important;
    text-align: left !important;
    color: #fff !important;
  }

  /* Kolory kafli */
  #header_menu li.dla-firm > a{ background: var(--color-primary) !important; }
  #header_menu li.dla-ciebie > a{ background: var(--color-rozowy) !important; }
  #header_menu li.dla-szkol > a{ background: var(--color-warning) !important; }
  #header_menu li.wiedza > a{ background: var(--color-error) !important; }
  #header_menu li.wesprzyj-nas > a{ background: var(--color-success) !important; }
  #header_menu li.sklep > a{ background: #fff !important; color: #000 !important; }

}








    h4 {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    }

    
  .button-section a {
    /* Pt:12-14; */
    /* Pb:12-14; */
    /* Pl:26-32; */
    /* Pr:26-32; */
  }


  /* HERO */

  #hero.section {
    top: 0;
    /* H:200-367; */
    min-height: clamp(200px, 94vw, 367px);
    height: clamp(200px, 94vw, 367px);

    background-image: none !important;
  }

  #hero.section .section-content {
    height: 100%;
    position: relative;
    z-index: 2;
  }

  #hero.section .hero-bg-mobile {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
  }

  #hero.section .title-wrapper {
    left: 15px;
    top: 15px;
  }

  #hero.section .title-wrapper h1 {
    font-size: 28px;
    font-style: normal;
    font-weight: 200;
    line-height: 92%;
  }

  #hero.section h1 br,
  #hero.section .title-wrapper br {
    display: none !important;
  }



  /*-----------------------------------------------------------
    SECTION 1
  -------------------------------------------------------------*/

  #section-1.section {
    margin-top: 20px;
  }

  #section-1.section .title-wrapper,
  #section-1.section .title-wrapper h4 {
    color: #000;
  }

  #section-1.section .section-content {
    row-gap: 5.13vw;
  }

  #section-1.section .repeater,
  #section-1.section .repeater * {
    color: #fff;
  }

  #section-1.section .repeater {
    grid-template-columns: 1fr;
  }

  #section-1.section .repeater .item {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #section-1.section .button-section {
    justify-content: center;
  }

  #section-1.section .button-section a {
    padding-top: 10px;
    padding-right: 17px;
    padding-bottom: 10px;
    padding-left: 17px;
    font-size: 14px;
  }

  /*-----------------------------------------------------------
    SECTION 2
  -------------------------------------------------------------*/

  #section-2.section .section-content {
    grid-template-columns: 1fr;
  }

  #section-2.section .col-left .dopisek {
    margin-top: 0;
  }

    #section-2.section .col-left .title-wrapper{
    text-align: center;
  }


  /*-----------------------------------------------------------
    SECTION 3
  -------------------------------------------------------------*/

 /* SECTION 3 */
  #section-3.section .section-content{
    grid-template-columns: 1fr;
    gap: 0;
  }

  #section-3.section .col-left{
    min-width: 0;
  }

  #section-3.section .col-left .image-wrapper{
    width: 100%;
    overflow: hidden;
  }

  #section-3.section .col-left .image-wrapper img{
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: cover;
    display: block;
  }

  #section-3.section .col-right{
    min-width: 0;
    width: 100%;
  }

  #section-3.section .col-right .tekst{
    font-size: 18px;
  }


  /*-----------------------------------------------------------
    SECTION 4
  -------------------------------------------------------------*/

  #section-4.section .slider.swiper-container{
    padding-left: 0;
    padding-right: 0;
  }

  #section-4.section .item.swiper-slide{
    grid-template-columns: 1fr;
    height: auto;
  }

  #section-4.section .swiper-button-prev,
  #section-4.section .swiper-button-next{
    display: none;
  }


  /*-----------------------------------------------------------
    SECTION 5
  -------------------------------------------------------------*/



  #section-5.section .repeater {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  #section-5.section .repeater .item {
    justify-items: start;
  }

  #section-5.section .repeater .item .tytul {
    text-align: left;
    justify-self: start;
  }

  #section-5.section .repeater .item .ikona img {
    width: 24px;
    height: 21px;
  }
    #section-5.section .repeater .item::after {
    grid-row: auto;
    width: 100%;
    justify-self: stretch;
    }



  /*-----------------------------------------------------------
    SECTION 6
  -------------------------------------------------------------*/

  #section-6.section .logo-slider.swiper-container {
    width: 100%;
  }


  /*-----------------------------------------------------------
    SECTION 7
  -------------------------------------------------------------*/

  #section-7.section .section-content {
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  #section-7.section .col-left,
  #section-7.section .col-right {
    min-width: 0;
  }


  #section-7.section .col-left .image-wrapper {
    height: auto;
    overflow: hidden;
  }

  #section-7.section .col-left .image-wrapper img {
    height: auto;
  }

  #section-7.section .col-right {
    padding-top: 7.69vw;
    padding-bottom: 12.82vw ;
    align-content: start;
  }


   .page-id-1310 #section-7.section,
  .page-id-1233 #section-7.section{
    margin-bottom: 0;
  }

  .page-id-1310 #section-7.section .section-width,
  .page-id-1233 #section-7.section .section-width{
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-id-1310 #section-7.section .section-content,
  .page-id-1233 #section-7.section .section-content{
    grid-template-columns: 1fr;
    row-gap: 0;
    align-items: start;
  }

  .page-id-1310 #section-7.section .col-left .image-wrapper,
  .page-id-1233 #section-7.section .col-left .image-wrapper{
    height: auto;
  }

  .page-id-1310 #section-7.section .col-left .image-wrapper img,
  .page-id-1233 #section-7.section .col-left .image-wrapper img{
    height: auto;
    width: 100%;
    display: block;
  }

  .page-id-1310 #section-7.section .col-right,
  .page-id-1233 #section-7.section .col-right{
    padding-top: 7vw;
    padding-bottom: 9vw;
    padding-left: 0;
    padding-right: 0;
    align-content: start;
  }

  .page-id-1310 #section-7.section .col-right .title-wrapper,
  .page-id-1233 #section-7.section .col-right .title-wrapper{
    margin-bottom: 5vw;
  }

  .page-id-1310 #section-7.section .col-right .text-editor,
  .page-id-1233 #section-7.section .col-right .text-editor{
    margin-bottom: 7vw;
  }

  .page-id-1310 #section-7.section .col-right .button-section,
  .page-id-1233 #section-7.section .col-right .button-section{
    display: flex;
    justify-content: flex-start;
  }

  .page-id-1310 #section-7.section .col-right .button-section a,
  .page-id-1233 #section-7.section .col-right .button-section a{
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 30px;
    padding-right: 30px;
  }

  /*-----------------------------------------------------------
    SECTION 8
  -------------------------------------------------------------*/

  #section-8.section .section-content {
    grid-template-columns: 1fr;
    gap: 15.5vw;
  }

  #section-8.section .col-right {
    justify-items: start;
  }

  #section-8.section .youtube,
  #section-8.section .spotify {
    width: 100%;
    margin-right: 0;
  }

  #section-8.section .col-left .buttons {
    flex-direction: column;
    gap: 20px;
  }


  /*-----------------------------------------------------------
    SECTION 9
  -------------------------------------------------------------*/

  #section-9.section {
    overflow: hidden;
  }

  #section-9.section .section-content {
    display: grid;
    justify-items: center;
    text-align: center;
  }

  #section-9.section .section-9-swiper {
    position: relative;
    width: 100%;
  }

  #section-9.section .section-9-swiper .repeater {
    display: flex;
    grid-template-columns: none;
    column-gap: 0;
  }

  #section-9.section .section-9-swiper .item{
    gap: 0;
    }

  #section-9.section .section-9-swiper .item.swiper-slide {
    width: 100%;
    box-sizing: border-box;
    display: grid;
    justify-items: center;
    text-align: center;
    padding-left: 17vw;
    padding-right: 17vw;
  }

  #section-9.section .section-9-swiper .item .tekst {
    position: relative;
    color: #000;
    text-align: center;
    margin: 0;
  }

  #section-9.section .section-9-swiper .item .tekst::before {
    content: "";
    display: block;
    margin: 0 auto 4.1vw auto;
    width: 17.44vw;
    height: 4.36vw;
    background: #fff;
    -webkit-mask-image: url("https://masterki.you2.pl/wp-content/uploads/2026/02/Group-61.svg");
    mask-image: url("https://masterki.you2.pl/wp-content/uploads/2026/02/Group-61.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  #section-9.section .section-9-swiper .item .tekst p {
    margin: 0;
  }

  #section-9.section .section-9-swiper .item .podpis {
    margin-top: 6vw;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
  }

  #section-9.section .repeater .item:not(:last-child)::after {
    content: none;
  }

  #section-9.section .section-9-prev,
  #section-9.section .section-9-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 9vw;
    height: 9vw;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,0.55);
    background: transparent;
    display: grid;
    place-items: center;
    cursor: pointer;
    user-select: none;
  }

  #section-9.section .section-9-prev { left: 3vw; }
  #section-9.section .section-9-next { right: 3vw; }

  #section-9.section .section-9-prev::after,
  #section-9.section .section-9-next::after {
    content: "";
    width: 2vw;
    height: 2vw;
    border-right: 1px solid rgba(0,0,0,0.8);
    border-bottom: 1px solid rgba(0,0,0,0.8);
  }

  #section-9.section .section-9-prev::after {
    transform: rotate(135deg);
    margin-left: 0.6vw;
  }

  #section-9.section .section-9-next::after {
    transform: rotate(-45deg);
    margin-right: 0.6vw;
  }



  /*-----------------------------------------------------------
    SECTION 10
  -------------------------------------------------------------*/

  #section-10.section .repeater{
    grid-template-columns: 1fr;
  }

  #section-10.section .repeater .item:nth-child(5n){
    grid-column: auto;
  }

  #section-10.section .repeater .item:nth-child(5n) .image-wrapper{
    aspect-ratio: auto;
    width: 100%;
  }

  #section-10.section .repeater .item:nth-child(5n) .image-wrapper img{
    aspect-ratio: 568 / 384;
    height: auto;
    object-fit: cover;
  }


  /*-----------------------------------------------------------
    SECTION 11
  -------------------------------------------------------------*/

  #section-11.section .support-wrapper{
    grid-template-columns: 1fr;
    /* G:20-40; */
  }

  #section-11.section .dopisek{
    grid-column: auto;
  }

  #section-11.section .repeater{
    grid-template-columns: 1fr;
    column-gap: 0;
  }


  /*-----------------------------------------------------------
    SECTION 12
  -------------------------------------------------------------*/

  #section-12.section .section-content{
    grid-template-columns: 1fr;
  }

  #section-11.section .title-wrapper{
    margin-bottom: 20px;
  }


  /*-----------------------------------------------------------
    SECTION 13
  -------------------------------------------------------------*/

  #section-13.section .image-wrapper{
    height: auto;
  }

  #section-13.section .image-wrapper img{
    height: auto;
  }

    /*-----------------------------------------------------------
    SECTION 14
  -------------------------------------------------------------*/

  #section-14.section .section-content{
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 6vw;
    align-items: start;
  }

  #section-14.section .col-right .image-wrapper img{
    max-height: none;
    height: auto;
  }

  #section-14.section .button-section a{
    display: inline-flex;
    width: fit-content;
  }


  /* ===========================================
     SECTION 14: MOBILE PAGE ID 1310 / 1233
     =========================================== */

  .page-id-1310 #section-14.section,
  .page-id-1233 #section-14.section{
    margin-top: 0;
    margin-bottom: 0;
  }

  .page-id-1310 #section-14.section .section-width,
  .page-id-1233 #section-14.section .section-width{
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-id-1310 #section-14.section .section-content,
  .page-id-1233 #section-14.section .section-content{
    grid-template-columns: 1fr;
    align-items: start;
    row-gap: 4vw;
  }

  .page-id-1310 #section-14.section .col-left,
  .page-id-1233 #section-14.section .col-left{
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7vw;
    padding-bottom: 7vw;
  }

  .page-id-1310 #section-14.section .col-left .title-wrapper,
  .page-id-1233 #section-14.section .col-left .title-wrapper{
    margin-bottom: 4vw;
  }

  .page-id-1310 #section-14.section .col-left .text-editor,
  .page-id-1233 #section-14.section .col-left .text-editor{
    margin-bottom: 6vw;
  }

  .page-id-1310 #section-14.section .button-section,
  .page-id-1233 #section-14.section .button-section{
    display: flex;
    justify-content: center;
  }

  .page-id-1310 #section-14.section .button-section a,
  .page-id-1233 #section-14.section .button-section a{
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .page-id-1310 #section-14.section .col-right,
  .page-id-1233 #section-14.section .col-right{
    height: auto;
  }

  .page-id-1310 #section-14.section .col-right .image-wrapper,
  .page-id-1233 #section-14.section .col-right .image-wrapper{
    height: auto;
  }

  .page-id-1310 #section-14.section .col-right .image-wrapper img,
  .page-id-1233 #section-14.section .col-right .image-wrapper img{
    height: auto;
    width: 100%;
    object-fit: cover;
    display: block;
  }

  /*-----------------------------------------------------------
    SECTION 15
  -------------------------------------------------------------*/

  #section-15.section-15 .repeater{
    grid-template-columns: 1fr;
    /* G:12-22; */
  }

  #section-15.section-15 .repeater .item:nth-child(n+4){
    margin-top: 0;
  }


  /*-----------------------------------------------------------
    SECTION 16 (HERO)
  -------------------------------------------------------------*/


  #section-16.hero-16{
    top: 0;
    margin-bottom: 0;
    min-height: auto;
    height: auto;
  }

  #section-16.hero-16 .support-wrapper{
    position: static;
    text-align: left;
    padding-left: 3.85vw;
    padding-right: 3.85vw;
    padding-top: 18vw;
    padding-bottom: 10vw;
  }

  #section-16.hero-16 .title-wrapper,
  #section-16.hero-16 .title-wrapper h4{
    text-align: left;
  }

  #section-16.hero-16 .breadcrumbs-wrapper{
    margin-bottom: 7.5vw;
  }

  #section-16.hero-16 .title-wrapper{
    margin-bottom: 6vw;
  }

  #section-16.hero-16 .naglowek{
    margin-bottom: 6vw;
  }

  #section-16.hero-16 h3 br,
  #section-16.hero-16 h2 br,
  #section-16.hero-16 h1 br,
  #section-16.hero-16 .title-wrapper br,
  #section-16.hero-16 .naglowek br{
    display: none;
  }

  #section-16.hero-16 .section-width,
  #section-16.hero-16 .section-content{
    height: auto;
  }



  /*-----------------------------------------------------------
    SECTION 17
  -------------------------------------------------------------*/

  .page-id-1233 #section-17.section .support-wrapper,
  .page-id-1225 #section-17.section .support-wrapper{
    grid-template-columns: 1fr;
    /* G:20-40; */
  }


  /*-----------------------------------------------------------
    SECTION 18
  -------------------------------------------------------------*/

  #section-18.section .section-content{
    grid-template-columns: 1fr;
  }


  /*-----------------------------------------------------------
    SECTION 19
  -------------------------------------------------------------*/

  #section-19.section .section-content{
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 10vw;
  }

  #section-19.section .col-right{
    text-align: left;
    justify-items: start;
  }

  #section-19.section .col-right .subtitle-wrapper{
    text-align: left;
    justify-self: start;
    margin-bottom: 6vw;
  }

  #section-19.section .col-right .repeater{
    row-gap: 8vw;
  }

  #section-19.section .col-right .repeater .item{
    grid-template-columns: auto 1fr;
    column-gap: 6vw;
    align-items: start;
  }

  #section-19.section .col-right .repeater .item .image-wrapper{
    place-items: start;
  }

  #section-19.section .col-right .repeater .item .item-title,
  #section-19.section .col-right .repeater .item .item-title h4{
    text-align: left;
  }


  /*-----------------------------------------------------------
    SECTION 20
  -------------------------------------------------------------*/

  #section-20.section.section-20 .school-slider .item{
    margin-right: 0;
    /* Mr:20-40; */
  }


  /*-----------------------------------------------------------
    SECTION 21
  -------------------------------------------------------------*/

  #section-21.section .repeater .item{
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    align-items: start;
    column-gap: 4vw;
    row-gap: 4vw;
  }

 
  #section-21.section .repeater .item .col-left{
    grid-column: 1;
    grid-row: 1;
    padding-right: 0;
    display: block;
  }

  #section-21.section .repeater .item .item-title,
  #section-21.section .repeater .item .item-title h4{
    margin: 0;
  }

  #section-21.section .repeater .item .col-right{
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-end;
    align-items: flex-start;
  }

  #section-21.section .repeater .item-action{
    margin-left: 0;
  }

  #section-21.section .repeater .item .text-editor{
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    max-width: none;
    margin-top: 0;
  }

  #section-21.section .repeater .item .text-editor p{
    margin: 0;
  }

  #section-21.section .repeater .item::after{
    grid-column: 1 / -1;
  }


  /*-----------------------------------------------------------
    SECTION 22
  -------------------------------------------------------------*/

  #section-22.section .section-content{
    grid-template-columns: 1fr;
    height: auto;
  }

  #section-22.section .col-right{
    min-height: 60vh;
  }


  /*-----------------------------------------------------------
    SECTION 23 (POST LOOP)
  -------------------------------------------------------------*/

  #section-23.section.post-loop .repeater{
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    /* G:20-40; */
  }

  #section-23.section.post-loop .item:nth-child(3n){
    grid-column: auto !important;
  }

  #section-23.section.post-loop .item:nth-child(3n) .image-wrapper img{
    aspect-ratio: 568 / 384;
  }

  #section-23.section.post-loop .pagination ul{
    justify-content: center;
  }


  /* =========================
     PAGE 1225 – SECTION 17
     ========================= */

  .page-id-1225 #section-17.section .section-width{
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-id-1225 #section-17.section .support-wrapper{
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 8vw;
  }

  /* =========================
     PAGE 1225 – SECTION 14
     tekst nad zdjęciem
     ========================= */

  .page-id-1225 #section-14.section .section-width{
    padding-left: 0;
    padding-right: 0;
  }

  .page-id-1225 #section-14.section .section-content{
    grid-template-columns: 1fr;
  }

  .page-id-1225 #section-14.section .col-left{
    order: 1;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .page-id-1225 #section-14.section .col-right{
    order: 2;
  }

  .page-id-1225 #section-14.section .col-right .image-wrapper{
    height: auto;
  }

  .page-id-1225 #section-14.section .col-right .image-wrapper img{
    height: auto;
    max-height: none;
  }

  /* =========================
     PAGE 1225 – SECTION 7
     tekst nad zdjęciem (ODWROTNIE)
     ========================= */

  .page-id-1225 #section-7.section .section-width{
    padding-left: 0;
    padding-right: 0;
  }

  .page-id-1225 #section-7.section .section-content{
    grid-template-columns: 1fr;
  }

  .page-id-1225 #section-7.section .col-right{
    order: 1;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10vw;
    padding-bottom: 12vw;
  }

  .page-id-1225 #section-7.section .col-left{
    order: 2;
  }

  .page-id-1225 #section-7.section .col-left .image-wrapper{
    height: auto;
  }

  .page-id-1225 #section-7.section .col-left .image-wrapper img{
    height: auto;
    max-height: none;
  }

  /*-----------------------------------------------------------
    EVENTS / WYDARZENIE
  -------------------------------------------------------------*/

  /* EVENTS */
  #events.section .section-width{
    max-width: none;
  }

  #events.section .k404-event-section > .section-width{
    max-width: none;
  }

  #events.section .k404-event-section > .section-width > .section-content{
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 10vw;
  }

  #events.section .k404-event-header{
    text-align: left;
  }

  #events.section .k404-event-desc{
    grid-column: auto;
    max-width: none;
  }

  #events.section .k404-event-form{
    grid-column: auto;
    overflow: hidden;
  }

  #events.section .k404-grid{
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 5vw;
  }

  #events.section .button-section{
    justify-content: stretch;
  }

  #events.section .k404-btn{
    width: 100%;
  }


  /*-----------------------------------------------------------
    WPIS
  -------------------------------------------------------------*/

  /* POST HERO */
  #post-hero.post-hero{
    top: 0;
    margin-bottom: 0;
    min-height: auto;
    overflow: hidden;
  }

  #post-hero.post-hero .section-content{
    min-height: auto;
  }

  #post-hero.post-hero .post-hero__inner{
    position: relative;
    left: auto;
    top: auto;
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12vw;
    padding-bottom: 12vw;
  }

  #post-hero.post-hero::before{
    background-position: center;
  }

  #post-hero.post-hero .post-hero__breadcrumbs{
    margin-bottom: 6vw;
  }

  #post-hero.post-hero .post-hero__author{
    margin-bottom: 5vw;
  }

  #post-hero.post-hero .post-hero__title h1{
    font-size: 11vw;
    line-height: 1.05;
  }

  #post-hero.post-hero .post-hero__title h1 br{
    display: none;
  }


  /* POST CONTENT */
  #post-content.post-content{
    padding-top: 0;
    padding-bottom: 0;
  }

  #post-content.post-content .post-content__inner{
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10vw;
    padding-bottom: 10vw;
    font-size: 20px;
  }

  #post-content.post-content .post-content__inner img{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  #post-content.post-content .post-content__inner figure,
  #post-content.post-content .post-content__inner .wp-block-image{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  #post-content.post-content .post-content__inner figure img,
  #post-content.post-content .post-content__inner .wp-block-image img{
    width: 100%;
    height: auto;
    object-fit: cover;
  }


  /* POST RELATED */
  #post-related.post-related .section-width{
    padding-left: 15px;
    padding-right: 15px;
  }

  #post-related.post-related .section-header{
    margin-bottom: 8vw;
    text-align: center;
  }

  #post-related.post-related .repeater{
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 10vw !important;
  }

  #post-related.post-related .item:nth-child(3n){
    grid-column: auto !important;
  }

  #post-related.post-related .item:nth-child(3n) .image-wrapper,
  #post-related.post-related .item .image-wrapper{
    width: 100% !important;
  }

  #post-related.post-related .item:nth-child(3n) .image-wrapper img,
  #post-related.post-related .item .image-wrapper img{
    aspect-ratio: 568 / 384 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
  }

  #post-related.post-related .title-wrapper{
    margin-top: 6vw;
  }

  #post-related.post-related .text-editor{
    margin-top: 3vw;
  }


  /* POST MEDIA */
  #post-media.section.post-media .section-width{
    padding-left: 15px;
    padding-right: 15px;
  }

  #post-media.section.post-media .section-content{
    grid-template-columns: 1fr !important;
    align-items: start !important;
    row-gap: 15.5vw !important;
  }

  #post-media.section.post-media .col-right{
    justify-items: start !important;
    gap: 10vw !important;
  }

  #post-media.section.post-media .youtube,
  #post-media.section.post-media .spotify{
    width: 100% !important;
    margin-right: 0 !important;
  }

  #post-media.section.post-media .youtube iframe,
  #post-media.section.post-media .spotify iframe{
    width: 100% !important;
  }

  #post-media.section.post-media .col-left .buttons{
    flex-direction: column !important;
    column-gap: 0 !important;
    gap: 20px !important;
    align-items: flex-start !important;
  }

  #post-media.section.post-media .col-left .buttons a{
    width: 100% !important;
    justify-content: center !important;
  }

  #post-media.section.post-media .title-wrapper h2 br{
    display: none;
  }




  /*-----------------------------------------------------------
    NEWSLETTER
  -------------------------------------------------------------*/
  section.newsletter.newsletter-global #mailpoet_form_1{
    padding-left: 3.85vw !important;
    padding-right: 3.85vw !important;
  }

  section.newsletter.newsletter-global #mailpoet_form_1 h2.mailpoet-heading,
  section.newsletter.newsletter-global #mailpoet_form_1 h2.mailpoet_heading,
  section.newsletter.newsletter-global #mailpoet_form_1 h2{
    font-size: 40px !important;
    line-height: 1.05 !important;
  }

  section.newsletter.newsletter-global #mailpoet_form_1 .mailpoet_form_paragraph{
    font-size: 16px !important;
    line-height: 1.35 !important;
    max-width: 100% !important;
    margin-top: 4.10vw !important;
  }

  section.newsletter.newsletter-global #mailpoet_form_1 .mailpoet_form_columns_container{
    margin-top: 7.69vw !important;
  }

  section.newsletter.newsletter-global #mailpoet_form_1 .mailpoet_form_columns.mailpoet_stack_on_mobile{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4.10vw !important;
    max-width: 100% !important;
    height: auto !important;
  }

  section.newsletter.newsletter-global #mailpoet_form_1 .mailpoet_form_column.mailpoet_vertically_align_center:nth-child(1),
  section.newsletter.newsletter-global #mailpoet_form_1 .mailpoet_form_column.mailpoet_vertically_align_center:nth-child(2),
  section.newsletter.newsletter-global #mailpoet_form_1 .mailpoet_form_column.mailpoet_vertically_align_center:nth-child(3){
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
  }

  section.newsletter.newsletter-global #mailpoet_form_1 input[type="text"],
  section.newsletter.newsletter-global #mailpoet_form_1 input[type="email"]{
    height: 12.31vw !important;
    padding-left: 4.10vw !important;
    padding-right: 4.10vw !important;
    font-size: 16px !important;
  }

  section.newsletter.newsletter-global #mailpoet_form_1 input.mailpoet_submit{
    height: 12.31vw !important;
    font-size: 16px !important;
  }

  section.newsletter.newsletter-global #mailpoet_form_1 label{
    margin-bottom: 2.56vw !important;
    font-size: 12px !important;
  }







  #main_footer .footer-inner{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  #main_footer .footer-columns{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  #main_footer .footer-col{
    max-width: none;
    width: 100%;
  }

  
  #main_footer .footer-logo{
    align-self: flex-start;
  }

  #main_footer .footer-logo img{
    margin: 0;
  }

  #main_footer .footer-logo{
    margin-bottom: 30px;
  }

}