/*--------------------------------------------------------------
# Horizontall page
--------------------------------------------------------------*/

/* :root {
  --white: #ffffff;
  --gray: #C9C9C9;
  --grayBorder: #C4C4C4;
  --yellow: #B15800;
} */

#horizontall-wrapper.horizontall-page {
  height: 100%;
  overflow: hidden;
}

@media only screen and (min-width: 1280px) {
  #horizontall-wrapper.horizontall-page {
    height: 100vh;
  }

  #horizontall-wrapper.horizontall-page.service-page {
    height: 100%;
  } 
}

@media only screen and (min-width: 1600px) {
  #horizontall-wrapper.horizontall-page.service-page {
    height: 100vh;
  }
}

#horizontall-wrapper.horizontall-page .entry-content {
  margin: 0;
}

#horizontall-wrapper {
  position: relative;
  width: 100vw;
}


#horizontall-wrapper.home-page {
  padding-top: 70px;
}

@media only screen and (min-width: 768px) {
  #horizontall-wrapper.home-page {
    padding-top: 0;
  }
}

#horizontall-wrapper .entry-content::-webkit-scrollbar {
  display: none; 
}

#horizontall-wrapper .entry-content::before {
  content: "";
  display: none;
}

#horizontall-wrapper .menu-bar {
  /* display: none; */
}


#horizontall-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
  flex-basis: auto !important;
}

#horizontall-wrapper .entry-content > .wp-block-columns {
  height: 100%;
  margin-bottom: 0;
}

#horizontall-wrapper .entry-content > .wp-block-columns.home-page-row {
  height: 100%;
  /* height: 100vh; */
  flex-wrap: nowrap !important;
}

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

  #horizontall-wrapper .entry-content > .wp-block-columns.home-page-row {
    /* flex-wrap: wrap !important; */
    height: 100vh;
  }  
}

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

  #horizontall-wrapper .entry-content > .wp-block-columns.home-page-row,
  #horizontall-wrapper .entry-content > .wp-block-columns {
    height: 100%;
  }
}

#horizontall-wrapper.home-page .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
  flex-basis: 0 !important;
  height: 100%;
}

#horizontall-wrapper .entry-content {
  margin: 0;
}

.home #horizontall-wrapper > article {
  padding: 0;
}

#horizontall-wrapper > article {
  padding: 80px 15px 70px 15px;
}

#horizontall-wrapper.horizontall-page-no-title > article {
  /* padding: 100px 15px 70px 15px; */
  padding: 100px 15px 70px 15px;
}

#horizontall-wrapper.horizontall-page-no-title .entry-content > .wp-block-columns {
  padding: 0 15px 30px;
}

@media screen and (max-width: 768px) {
  .page-template-horizontal-scroll-template-2 #horizontall-wrapper.horizontall-page-no-title .entry-content > .wp-block-columns {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .page-template-horizontal-scroll-template-2 #horizontall-wrapper.horizontall-page-no-title > article {
    padding-bottom: 0;
  }

  .page-template-horizontal-scroll-template-2 #horizontall-wrapper.horizontall-page-no-title > article .case-link {
    margin-bottom: 40px;
  }
}

#horizontall-wrapper.horizontall-page-no-title .entry-content > .wp-block-columns.our-clients-reviews {
  margin-right: calc(100%/3);
}

@media screen and (min-width: 1280px) {
  #horizontall-wrapper > article {
    padding: 70px 64px 80px 64px;
  }
  #horizontall-wrapper.horizontall-page-no-title > article {
    /* padding: 100px 64px 80px 64px; */
    padding: 70px 0 70px 0;
  }
  #horizontall-wrapper.horizontall-page-no-title .entry-content > .wp-block-columns {
    padding: 0 64px 50px;
  }
}

@media screen and (min-width: 1440px) {
  #horizontall-wrapper > article {
    padding: 70px 64px 100px 64px;
  }
}

@media screen and (min-width: 1600px) {
  #horizontall-wrapper.horizontall-page-no-title .entry-content > .wp-block-columns {
    padding: 0 64px;
  }
}

@media screen and (min-width: 1280px) {
  #horizontall-wrapper {
    height: 100vh;
  }
    
  .home #horizontall-wrapper .entry-content {
    height: 100%;
  }

  #horizontall-wrapper.horizontall-page-no-title .entry-content {
    height: 100%;
  }

  #horizontall-wrapper:not(.service-page) .entry-content {
    display: flex;
    white-space: nowrap;
    /* height: calc(100% - 80px); */
    height: calc(100% - 40px);
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0;
    margin: 0;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    overflow-x: scroll; 
    /* font-size: 0; */
  }

  #horizontall-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0 !important;
  }
  
  #horizontall-wrapper .wp-block-columns {
    /* display: block; */
    width: 100%;
    min-width: 100%;
    /* padding: 90px 128px 0 59px; */
    /* margin: 50px 0 0; */
  }

  #horizontall-wrapper .wp-block-columns.wp-block-columns--big-margin {
    margin-bottom: 40px;
  }
    
  #horizontall-wrapper > article {
    margin: 0;
    height: 100%;
  }
  
  #horizontall-wrapper .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: auto !important;
  }
}

@media screen and (min-width: 1600px) {
  #horizontall-wrapper.service-page .entry-content {
    display: flex;
    white-space: nowrap;
    height: calc(100% - 40px);
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 0;
    margin: 0;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
    overflow-x: scroll; 
  }
}

#horizontall-wrapper.horizontall-page.service-page .breadcrumbs {
  padding: 0;
  margin-top: -24px;
}

@media screen and (min-width: 768px) {
  #horizontall-wrapper.horizontall-page.service-page .breadcrumbs {
    margin-top: -36px;
  }
}

@media screen and (min-width: 1280px) {
  #horizontall-wrapper.horizontall-page.service-page .breadcrumbs {
    padding: 0 64px;
    margin-top: 0;
  }
}

.page-template-horizontal-scroll-template  .header-content {
  background: var(--white);
}

.horizontall-page .entry-title {
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 1600px) {
  .horizontall-page .entry-title {
    font-size: 56px;
  }
} 


.page-template-horizontal-scroll-template .footer {
  position: static;
  padding: 0px 15px 15px 15px;
}


.page-template-horizontal-scroll-template .footer .footer-item:last-child {
  display: none;
}

@media only screen and (min-width: 768px) {
  .page-template-horizontal-scroll-template .footer {
    padding: 15px;
  }
}

@media only screen and (min-width: 1280px) {
  .page-template-horizontal-scroll-template  .header-content {
    background: transparent;
  }

  .page-template-horizontal-scroll-template .footer {
    position: fixed;
    padding: 0 64px 24px 64px;
  }

  .page-template-horizontal-scroll-template .footer .footer-item:last-child {
    display: flex;
  }
}

.page-template-horizontal-scroll-template-2 .footer-advanced {
  display: block;
}

.page-template-horizontal-scroll-template-2 .footer {
  position: static;
}

@media only screen and (min-width: 1600px) {
  .page-template-horizontal-scroll-template-2 .footer {
    position: fixed;
  }

  .page-template-horizontal-scroll-template-2 .footer-advanced {
    display: none;
  }
}

.page-template-horizontal-scroll-template-2 #horizontall-wrapper .wp-block-columns:last-child {
  margin-right: 0 !important;
}

@media only screen and (min-width: 1280px) {
  .page-template-horizontal-scroll-template-2 .case-page .page-list {
    height: 100vh;
  }
}

@media only screen and (min-width: 1600px) {
  .page-template-horizontal-scroll-template-2 .case-page .page-list {
    /* height: 100%; */
    height: calc(100% - 40px);
  }
}