/*!
 Theme Name:   Blocksy-child
 Description:  Blocksy Child Theme
 Author:       Best4u
 Template:     blocksy
 Author URI:   https://www.best4u.nl/
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  best4u
!*/
ul.gform_fields > li.gf_half {
  width: 49%;
}
@media screen and (max-width: 980px) {
  ul.gform_fields > li.gf_half {
    width: 100%;
  }
  ul.gform_fields > li.gf_half .gfield_time_hour,
ul.gform_fields > li.gf_half .gfield_time_minute {
    max-width: 100% !important;
    width: 100% !important;
  }
}
ul.gform_fields > li.gf_half .gfield_time_hour,
ul.gform_fields > li.gf_half .gfield_time_minute {
  max-width: 50% !important;
  width: 50% !important;
}
ul.gform_fields > li.gf_half .gfield_time_hour i,
ul.gform_fields > li.gf_half .gfield_time_minute i {
  display: none;
}
ul.gform_fields li input.datepicker {
  width: 49% !important;
}
@media screen and (max-width: 980px) {
  ul.gform_fields li input.datepicker {
    width: 100%;
  }
}
ul.gform_fields li input, ul.gform_fields li textarea {
  transition: 0.5s ease all;
}
ul.gform_fields li input:hover, ul.gform_fields li textarea:hover {
  background: none;
  border-color: var(--paletteColor1) !important;
}

.gform_footer input[type=submit] {
  line-height: 1;
  font-weight: 600;
  padding: 0 35px;
  transition: 0.5s ease all;
  background-color: var(--paletteColor1) !important;
  color: var(--paletteColor2) !important;
}
.gform_footer input[type=submit]:hover {
  background-color: var(--paletteColor7) !important;
}
.gform_footer input[type=submit]:focus {
  outline: none;
}

.wp-block-group__inner-container p {
  width: 100% !important;
}

@media screen and (max-width: 767px) {
  .wp-block-table table tbody tr td {
    font-size: 14px;
  }
}

.wp-block-ugb-blog-posts .ugb-blog-posts__item:hover .ugb-blog-posts__featured-image img {
  transform: scale(1.1);
}
.wp-block-ugb-blog-posts .ugb-blog-posts__item:hover .ugb-blog-posts__title a {
  color: var(--paletteColor1) !important;
}
.wp-block-ugb-blog-posts .ugb-blog-posts__item:hover .ugb-blog-posts__readmore a {
  color: var(--paletteColor1) !important;
}
.wp-block-ugb-blog-posts .ugb-blog-posts__item .entry-meta {
  order: 2 !important;
}
.wp-block-ugb-blog-posts .ugb-blog-posts__item .ugb-blog-posts__featured-image {
  order: 1 !important;
}
.wp-block-ugb-blog-posts .ugb-blog-posts__item img {
  transition: 0.5s ease transform;
  width: 50%;
}
.wp-block-ugb-blog-posts .ugb-blog-posts__item img:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.ct-featured-image .ct-image-container img {
  transition: 0.5s ease transform;
}
.ct-featured-image .ct-image-container img:hover {
  transform: scale(1.1);
}

body.single-post .hero-section {
  margin-top: 80px;
}
body.single-post .ct-share-box {
  margin: 20px auto 50px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
body.single-post .ct-share-box .ct-module-title {
  margin-bottom: 0 !important;
}
body.single-post .ct-share-box div[data-icons-type=simple] {
  display: flex !important;
}
body.single-post .ct-share-box div[data-icons-type=simple] > a {
  margin-left: 15px;
}
body.single-post .ct-related-posts {
  margin-top: 50px;
}
body.single-post .ct-related-posts article .ct-image-container img {
  transition: 0.5s ease transform;
}
body.single-post .ct-related-posts article:hover .ct-image-container img {
  transform: scale(1.1);
}

body.single-projecten .ct-related-posts {
  margin-top: 0 !important;
  padding-top: 65px !important;
}

@media screen and (max-width: 980px) and (min-width: 766px) {
  #main .responsive-custom-alignment .ugb-block-content, #main .responsive-custom-alignment .ugb-columns__item {
    grid-template-columns: 1fr 1fr !important;
  }
  #main .responsive-custom-alignment .ugb-block-content .ugb-feature-grid__item3, #main .responsive-custom-alignment .ugb-block-content .ugb-card__item3, #main .responsive-custom-alignment .ugb-block-content .wp-block-ugb-column:nth-child(3n), #main .responsive-custom-alignment .ugb-block-content .ugb-blog-posts__item:nth-child(3n), #main .responsive-custom-alignment .ugb-columns__item .ugb-feature-grid__item3, #main .responsive-custom-alignment .ugb-columns__item .ugb-card__item3, #main .responsive-custom-alignment .ugb-columns__item .wp-block-ugb-column:nth-child(3n), #main .responsive-custom-alignment .ugb-columns__item .ugb-blog-posts__item:nth-child(3n) {
    grid-column: 1/3 !important;
  }
}
@media screen and (min-width: 600px) and (max-width: 1000px) {
  #main .projecten-section .ugb-block-content {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}

@media screen and (max-width: 1000px) and (min-width: 766px) {
  footer.ct-footer .ct-container {
    grid-template-columns: 1fr 1fr !important;
  }
  footer.ct-footer .ct-container > div:nth-child(1) {
    grid-row: 1;
    grid-column: 1/3 !important;
  }
}

.blocks-gallery-grid .blocks-gallery-item {
  overflow: hidden;
}
.blocks-gallery-grid .blocks-gallery-item img {
  transition: 0.5s ease transform;
}
.blocks-gallery-grid .blocks-gallery-item:hover img {
  transform: scale(1.1);
}

body.single-projecten .wp-block-table table {
  border-spacing: 0 12px;
  border-color: transparent;
  border-collapse: separate;
}
body.single-projecten .wp-block-table table tbody {
  border: none;
}
body.single-projecten .wp-block-table table tbody tr td {
  font-size: 13px;
  padding: 15px;
  border: none;
  background-color: var(--paletteColor4);
  color: var(--paletteColor2);
}

.metro-1-4 .gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 250px);
  grid-gap: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
  .metro-1-4 .gallery {
    margin-top: 50px;
  }
}
@media screen and (max-width: 980px) {
  .metro-1-4 .gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-template: inherit;
  }
  .metro-1-4 .gallery .img img {
    height: 240px !important;
  }
}
@media screen and (max-width: 767px) {
  .metro-1-4 .gallery {
    grid-template-columns: repeat(1, 1fr);
    grid-template: inherit;
    grid-gap: 10px;
  }
  .metro-1-4 .gallery .img img {
    height: 160px !important;
  }
}
.metro-1-4 .gallery .img {
  overflow: hidden;
}
.metro-1-4 .gallery .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 0.5s ease transform;
}
.metro-1-4 .gallery .img:hover img {
  transform: scale(1.1);
}
.metro-1-4 .gallery .img-0 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}

footer.ct-footer .ct-header-text {
  flex-direction: column !important;
  align-items: flex-start;
}
footer.ct-footer .ct-header-text h6 {
  text-transform: none;
}

#header .ct-header-cta a.ct-button {
  font-weight: 700;
  line-height: 1;
  font-size: 15px;
  padding: 0 22px;
  transition: 0.5s ease all;
}
#header .ct-header-cta a.ct-button:hover {
  transform: scale(1.05);
}
#header div[data-sticky="yes:shrink"] {
  top: 0;
  left: 0;
  right: 0;
}

.gform_validation_error .validation_error {
  border: none !important;
  padding: 0 !important;
  color: #ec3232 !important;
  text-transform: none;
}
.gform_validation_error .gform_body ul li.gfield_error {
  background: none;
  border: none;
}
.gform_validation_error .gform_body ul li.gfield_error input, .gform_validation_error .gform_body ul li.gfield_error textarea {
  border-color: #ec3232 !important;
}
.gform_validation_error .gform_body ul li.gfield_error label, .gform_validation_error .gform_body ul li.gfield_error .validation_message {
  color: #ec3232;
}

.featured-grid-section .ugb-feature-grid__item {
  align-items: center;
}
.featured-grid-section .ugb-feature-grid__item .ugb-feature-grid__image {
  display: flex;
  align-items: center;
  padding: 20px;
  height: 60px;
  border-radius: 100%;
  background-color: var(--paletteColor4);
}
.featured-grid-section .ugb-feature-grid__item .ugb-feature-grid__image img {
  min-width: 22px !important;
}

#main .right-sided-section {
  width: calc(var(--content-width) + ((100vw - var(--content-width)) / 2));
  margin-left: auto !important;
  margin-right: 0 !important;
}
#main .left-sided-section {
  width: calc(var(--content-width) + ((100vw - var(--content-width)) / 2));
  margin-left: 0 !important;
  margin-right: auto !important;
}
@media screen and (max-width: 1300px) {
  #main .right-sided-section,
#main .left-sided-section {
    width: 100% !important;
  }
}

.hero-carousel {
  margin-bottom: 0 !important;
}
.hero-carousel .item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero-carousel .item .inner-container {
  max-width: var(--container-max-width);
  width: var(--container-width);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .hero-carousel .item .inner-container {
    height: 100vh;
  }
}
@media screen and (max-width: 1024px) {
  .hero-carousel .item .inner-container {
    padding: 180px 0;
    height: auto;
    max-width: 100%;
  }
}
.hero-carousel .item .inner-container .title {
  margin: 0 auto 20px;
  text-transform: none;
  color: #ffffff;
  text-align: center;
}
.hero-carousel .item .inner-container .button {
  padding: 15px 35px;
}
.hero-carousel .item .inner-container p.text {
  margin: 0 auto;
  text-transform: none;
  color: #ffffff;
  font-size: 22px;
}
.hero-carousel .item .inner-container .scroll-down-shape {
  position: absolute;
  z-index: 999;
  bottom: 35px;
  text-align: center;
  transition: 0.5s ease all;
}
.hero-carousel .item .inner-container .scroll-down-shape a {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #ffffff;
  transition: 0.5s ease all;
}
.hero-carousel .item .inner-container .scroll-down-shape a img {
  width: 8px;
}
.hero-carousel .item .inner-container .scroll-down-shape:hover {
  bottom: 30px;
}
.hero-carousel .item .inner-container .scroll-down-shape:hover a {
  background-color: var(--paletteColor1);
}
.hero-carousel .owl-dots {
  display: none;
}

.right-block-aligned {
  justify-content: flex-start;
}
.right-block-aligned .ugb-inner-block {
  width: calc(var(--container-max-width) / 2);
  margin-left: 0;
  margin-right: auto;
}
@media screen and (max-width: 1350px) {
  .right-block-aligned .ugb-inner-block {
    width: 100% !important;
  }
}

.left-block-aligned {
  justify-content: flex-end;
}
.left-block-aligned > .ugb-inner-block {
  width: calc(var(--container-max-width) / 3);
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .left-block-aligned > .ugb-inner-block {
    width: 100% !important;
    padding-left: 0;
  }
}

.left-block-aligned-half {
  justify-content: flex-end;
}
.left-block-aligned-half > .ugb-inner-block {
  width: calc(var(--container-max-width) / 2);
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .left-block-aligned-half > .ugb-inner-block {
    width: 100% !important;
    padding-left: 0;
  }
}

body.home .site-branding img.default-logo {
  filter: invert(1);
}
body.home #header-menu-1 ul li a {
  color: #ffffff;
}
body.home #header-menu-1 ul li a:hover {
  color: var(--paletteColor7);
}
body.home .ct-header-trigger svg {
  fill: #ffffff;
}

body.archive #header {
  position: absolute;
  left: 0;
  right: 0;
}
body.archive #main {
  margin-bottom: 60px;
}
body.archive .entries article .ct-image-container img {
  object-fit: contain !important;
  transition: 0.5s ease all;
}
body.archive .entries article .ct-image-container:hover img {
  transform: scale(1.05);
}
body.archive .entries article .price {
  color: var(--paletteColor7);
  margin-bottom: 0;
}

.content-page-hero-section {
  width: calc((100vw - var(--container-max-width)) / 2 + var(--container-max-width)) !important;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 1350px) {
  .content-page-hero-section {
    width: 100% !important;
  }
}
.content-page-hero-section .inner-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 1350px) {
  .content-page-hero-section .inner-container {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 1350px) and (min-width: 768px) {
  .content-page-hero-section .inner-container .left-block-aligned .ugb-inner-block {
    margin-left: 35px;
    margin-right: 35px;
    width: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .content-page-hero-section .inner-container .left-block-aligned .ugb-inner-block {
    margin-left: 0;
  }
}
.content-page-hero-section .inner-container .title {
  text-transform: none;
}
.content-page-hero-section .inner-container .content-hero-carousel {
  width: 65%;
  margin-bottom: -100px;
  margin-right: 0;
}
@media screen and (max-width: 1350px) {
  .content-page-hero-section .inner-container .content-hero-carousel {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .content-page-hero-section .inner-container .content-hero-carousel {
    margin-bottom: 0;
    margin-top: 45px;
  }
}
.content-page-hero-section .inner-container .content-hero-carousel .item {
  padding: 259px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.content-page-hero-section .inner-container .content-hero-carousel .pagination {
  position: absolute;
  left: 25px;
  top: 25px;
  z-index: 999;
}
.content-page-hero-section .inner-container .content-hero-carousel .pagination i {
  display: inline-block;
  margin: 25px 20px;
}
.content-page-hero-section .inner-container .content-hero-carousel .pagination i:before {
  font-size: 25px;
}

#main .aanbod-hero {
  padding-top: 100px !important;
}
@media screen and (max-width: 1000px) {
  #main .aanbod-hero {
    padding-top: 50px !important;
  }
}
#main .aanbod-hero:before {
  content: "";
  background: var(--paletteColor6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 300px;
}
@media screen and (max-width: 1000px) {
  #main .aanbod-hero:before {
    height: 200px;
  }
}
#main .aanbod-hero .inner-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  #main .aanbod-hero .inner-container {
    flex-direction: column !important;
  }
  #main .aanbod-hero .inner-container .aanbod_slider-carousel-section, #main .aanbod-hero .inner-container .content-text {
    width: 100% !important;
    margin-bottom: 30px;
  }
}
#main .aanbod-hero .inner-container h1.page-title, #main .aanbod-hero .inner-container h1.aanbod-single-title {
  margin-top: 0 !important;
}
#main .aanbod-hero .inner-container .button {
  background-color: var(--paletteColor1);
  color: var(--paletteColor2);
}
#main .aanbod-hero .inner-container .button:hover {
  background-color: var(--paletteColor7) !important;
}
#main .aanbod-hero .inner-container .price {
  color: var(--paletteColor7);
  margin-top: 150px;
}
@media screen and (max-width: 1000px) {
  #main .aanbod-hero .inner-container .price {
    margin-top: 80px;
  }
}
#main .aanbod-hero .inner-container .pagination {
  position: absolute;
  left: 25px;
  top: 25px;
  z-index: 999;
}
#main .aanbod-hero .inner-container .pagination i {
  display: inline-block;
  margin: 25px 20px;
}
#main .aanbod-hero .inner-container .pagination i:before {
  font-size: 25px;
}
#main .aanbod-hero .inner-container .content-text {
  padding-right: 130px;
}
@media screen and (max-width: 1000px) {
  #main .aanbod-hero .inner-container .content-text {
    padding-right: 30px;
  }
}
#main .aanbod-hero .inner-container .aanbod_slider-carousel-section, #main .aanbod-hero .inner-container .content-text {
  width: 50%;
}

@media screen and (min-width: 1350px) {
  .content-page-section-hero .ugb-container__wrapper {
    overflow: visible !important;
  }
}

.aanbod_slider-carousel-section .aanbod_slider-main-slide {
  background: var(--paletteColor6);
  margin-bottom: 35px;
}
.aanbod_slider-carousel-section .aanbod_slider-main-slide .swiper-slide-image img {
  height: 488px;
  object-fit: contain;
  object-position: center;
  width: 100%;
}
.aanbod_slider-carousel-section .aanbod_slider-thumbs .aanbod_slider-row {
  height: 151px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

form.searchandfilter {
  position: relative;
  margin-bottom: 35px;
}
form.searchandfilter:after {
  height: 2px;
  background: var(--paletteColor5);
  left: 0;
  right: 0;
  bottom: -8px;
  width: 100%;
  content: "";
  position: absolute;
}
form.searchandfilter ul {
  padding-left: 0;
}
form.searchandfilter ul .sf-field-taxonomy-categorie ul {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  flex-wrap: wrap;
}
form.searchandfilter ul .sf-field-taxonomy-categorie ul li input {
  display: none;
}
form.searchandfilter ul .sf-field-taxonomy-categorie ul li.sf-option-active label {
  color: var(--paletteColor1);
}


/*----------- search results template ----------- */
div#search-filter-results-2040 {
  display: flex;
  flex-wrap: wrap;
}
div.test_container {
  width: 30%;
  /*padding: 20px;*/
  padding-bottom: 20px;
  margin: 20px;
  background-color: #f8f8f8;
  box-shadow: 0px 12px 18px -6px rgba(33, 55, 99, 0);
}
div.test_container p.product_image img{
  transition: 0.5s ease all;
}
div.test_container p.product_image:hover img{
  transform: scale(1.05);
  transition: 0.5s ease all;
}
div.test_container h2.product_title {
  font-size: 18px;
  padding: 0px 30px;
  line-height: 1;
  color: #0F2852;
  transition: 0.5s ease all;
}
div.test_container h2.product_title a {
  color: #0F2852;
  transition: 0.5s ease all;
}
div.test_container h2.product_title:hover a {
  color: #ff8e0a;
}
div.test_container h4.price {
  margin-top: 10px;
  padding: 0px 30px;
  color: #ff8e0a;
}
div#search-filter-results-2040 .pagination {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
div#search-filter-results-2040 .pagination .nav-previous a , div#search-filter-results-2040 .pagination .nav-next a{
  padding: 10px 20px;
  background-color: #2540ac;
  color: white;
}

@media only screen and (max-width: 768px) {
  div.test_container {
    width: 90%;
  }

}

/*-----------------------------------------------*/

/*# sourceMappingURL=style.css.map */