$bg: #fbfbfb;
$color-0: #034395;
$color-1: #FFA522;
$color-2: #369136;
$color-3: #78C1EB;

/*html {
  scroll-behavior: smooth;
}*/


:not(#\ ):not(#\ ):not(#\ ).buttonizer-group-0-0-1 {
  right: 7% !important;
  bottom: 4% !important;
}

.widget{
  max-width: none !important;
}

/* MOBILE MENU */

#menuMarker{
  display: none !important;
}

.nav-opened{
  .menu-social-container{
    z-index: 1000000001 !important;
    left: 30px; bottom:30px;
    background-color: fadeout(white, 70%);
  }
}


.nav-opened .menu-toggle+div{

  .current_page_item>a, .current-menu-item>a, .current_page_ancestor>a{
    border-bottom: 1px solid white !important;
  }

  background: $color-0;
  .sub-menu{
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 15px;
    a{
      color: white !important;
    }
  }
  .nav-menu>li{
    .dropdown-toggle{
      color: white !important;
    }
    a{
      color: white;
    }
  }


}

header#masthead {
  z-index: 100000;
}

.entry-content .wp-block-media-text:not(.has-background) {
  background: transparent;
}

.icon-sidebar{
  display: none;
}

.site-branding{
  transition: all .2s ease-out;
}



#sidebar-trigger{
  display: none;
}

.home, .page-id-5360, .page-id-17, .page-id-12, .page-id-5481, .page-id-870{
  .read-more-link{
    display: none;
  }
  .entry-content{
    @media (max-width: 1290px){
      margin-top: 17px;
    }

  }
  .site-content{
    @media screen and (min-width: 769px){
      padding-top: 128px !important;
    }
    @media screen and (max-width: 768px){
      padding-top: 0px !important;
    }

  }
  .page-header{
    display: none;
  }
}
/*.home, .page-id-12, .page-id-5481, .page-id-17, .page-id-870{*/
  .scrolled{
    &.site-header{
      padding: 15px 0;
    }
    .site-branding{
      width: 70px;
      display: block;
      margin-left: 15px;
    }
  }
/*}*/



a:not(.custom-logo-link):not(#scrollUpBtn):not(.kt-button):hover{
  text-decoration: none !important;
  padding-bottom: 2px;
  border-bottom: 1px dotted $color-0;
}

.site-branding{
  width: 100px;
}

.search-wrap{
  background: fadeout($color-0, 5%);
}
#big-search-close{
  background-color: transparent !important;
  border: none !important;
}

.entry-content figure.alignleft, .entry-content img.alignleft{
  margin-left: 0 !important;
}

body #site-navigation #primary-menu li a{
  text-transform: uppercase;
}

:not(#\ ):not(#\ ):not(#\ ).buttonizer-label-0-0-6{
  line-height: 48px !important;
}

.is-sticky .opening-buttons{
  z-index: 10000  !important;
  width: 100% !important;
  left: 0;
}

.opening-buttons{
  margin-top: -1px !important;
  .kt-btn-wrap{
    font-family: 'Roboto Slab' !important;
    &:nth-child(4n+1) .kt-button{
      border-top-color: $color-3 !important;
      &:hover{
        background-color: $color-3 !important;
        border-color: $color-3 !important;
      }
    }
    &:nth-child(4n+2) .kt-button{
      border-top-color: $color-0 !important;
      &:hover{
        background-color: $color-0 !important;
        border-color: $color-0 !important;
      }
    }
    &:nth-child(4n+3) .kt-button{
      border-top-color: $color-2 !important;
      &:hover{
        background-color: $color-2 !important;
        border-color: $color-2 !important;
      }
    }
    &:nth-child(4n+4) .kt-button{
      border-top-color: $color-1 !important;
      &:hover{
        background-color: $color-1 !important;
        border-color: $color-1 !important;
      }
    }

    margin-right: 0 !important;
    .kt-button{
      background: $bg !important;
      border-radius: 0 !important;
      padding-top: 50px !important;
      padding-bottom: 50px !important;
      border: 1px solid #aaa !important;
      border-top-width: 7px !important;
      border-right: none !important;
      color: black !important;
      &:hover{
        color: white !important;
      }
    }
  }
}

a.post-thumbnail.kadence-thumbnail-ratio-1-2{
  transition: .2s ease-out !important;
  &:hover{
    padding-bottom: 65% !important;
  }
}



#masthead .container.container-big{
  padding-left: 25px;
}

/* BREADCRUMBS ******************************************************/

.menu-social-container {
  background: $bg;
  padding: 10px 15px;
  border-radius: 30px;
}
.menu-social-container .social-menu-trig{
  border-radius: 20px 0px 0px 20px;
}

#breadcrumbs{
  margin-bottom: 0;
  a{
    font-size: 13px;
  }
  .breadcrumb_last{
    display: none;
  }
}



@media screen and (min-width: 1024px){

  .sticky-header.blog .site-content, .sticky-header.single .site-content, .sticky-header.page .site-content, .sticky-header.archive .site-content, .sticky-header.search .site-content, .sticky-header.tag.archive .site-content, .sticky-header.error404 .site-content, .sticky-header.split-layout .site-content{
    padding-top: 170px;
  }

  .widget-area{
    float: right;
  }

  /* SORMINTÁK ******************************************************/

  $padding: 150px;

  .parent-pageid-12 #primary{
    padding-left: $padding;
    background: url("/wp-content/uploads/2021/09/oldalsav-iskola.png") repeat-y left top;
    background-size: $padding;
  }
  .iskola-content{
    padding: 0 150px 0 300px;
    background: url("/wp-content/uploads/2021/09/oldalsav-iskola.png") repeat-y left top;
    background-size: $padding + 10px;
  }

  .parent-pageid-5481 #primary, .postid-5124 #primary, .postid-5118 #primary{
    padding-left: $padding;
    background: url("/wp-content/uploads/2021/09/oldalsav-kozepiskola.png") repeat-y left top;
    background-size: $padding;
  }
  .kozepiskola{
    padding: 0 150px 0 300px;
    background: url("/wp-content/uploads/2021/09/oldalsav-kozepiskola.png") repeat-y left top;
    background-size: $padding + 10px;
  }

  .parent-pageid-17 #primary{
    padding-left: $padding;
    background: url("/wp-content/uploads/2021/09/oldalsav-ovoda.png") repeat-y left top;
    background-size: $padding;
  }
  .ovoda-content{
    padding: 0 150px 0 300px;
    background: url("/wp-content/uploads/2021/09/oldalsav-ovoda.png") repeat-y left top;
    background-size: $padding + 10px;
  }

  .parent-pageid-870 #primary{
    padding-left: $padding;
    background: url("/wp-content/uploads/2021/09/oldalsav-muveszeti-iskola.png") repeat-y left top;
    background-size: $padding;
  }
  .muveszeti-content{
    padding: 0 150px 0 300px;
    background: url("/wp-content/uploads/2021/09/oldalsav-muveszeti-iskola.png") repeat-y left top;
    background-size: $padding + 10px;
  }

  .nyitolap-hirek{
    padding: 80px 260px 150px 400px;
    background: url("/wp-content/uploads/2021/09/Asset-2@3x.png") repeat-y left top;
    background-size: 150px;
  }



  .header-section{
    padding-left: 150px;
    figure{
      text-align: right;
      img{
        height: calc(100vh - 207px);
        width: auto;
      }
    }
  }
}

@media (max-width: 1290px){
  h1{
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 767px){
  .wp-block-spacer{
    height: 0 !important;
  }
  .site-branding {
    padding-right: 0px;
  }
  .sub-menu{
    padding: 0 30px;
    li:last-child{
      margin-bottom: 10px;
    }
  }
  .opening-buttons{
    margin-top: 50px !important;
    margin-bottom: 80px !important;
    .kt-btn-wrap {
      margin-bottom: 0px;
    }
  }
}

@media only screen and (min-width: 768px){
  .sub-menu{
    background: $bg;
    box-shadow: 0 0 30px fadeout(black, 90%);
  }
}


@media only screen and (max-width: 599px){
  .header-section .wp-block-media-text__media img{
    margin: 0 0 50px 0;
    width: 100%;
    box-sizing: border-box;
  }
}



@media only screen and (min-width: 1025px){
  body:not(.split-layout) .alignfull {
    margin-left: calc(-50vw + 50% + 0px);
    margin-right: calc(-50vw + 50% + 10px);
  }
}
@media only screen and (max-height: 830px) {
  .opening-buttons {
    .kt-btn-wrap .kt-button {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
  }
}

/* TABLET =============================== */

@media only screen and (max-width: 1024px){
  .site-branding img {
    max-width: 92px;
  }
  .menu-toggle, #big-search-trigger{
    top: 25px;
  }

}