@charset "UTF-8";
/*!
 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
!*/
#ui-datepicker-div {
  background: #fff;
}

.gform_fields .gfield {
  margin-bottom: 20px;
}
.gform_fields .gform_validation_container {
  display: none;
}

.gform_footer input[type=submit] {
  margin-top: 10px;
  font-size: var(--buttonFontSize);
  font-weight: var(--buttonFontWeight);
  padding: 0 35px;
  transition: 0.5s ease all;
}
.gform_footer input[type=submit]:focus {
  outline: none;
}
.gform_footer input[type=submit]:hover {
  transform: scale(1.05);
}

.gform_validation_error .validation_error {
  border: none !important;
  padding: 0 !important;
  color: #ec3232 !important;
}
.gform_validation_error .gform_submission_error {
  font-size: 18px;
  margin-bottom: 20px !important;
}
.gform_validation_error .gform_body .gfield_error {
  background: none;
  border: none;
}
.gform_validation_error .gform_body .gfield_error input, .gform_validation_error .gform_body .gfield_error textarea {
  border-color: #ec3232 !important;
}
.gform_validation_error .gform_body .gfield_error label, .gform_validation_error .gform_body .gfield_error .validation_message {
  color: #ec3232;
}

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

#main .clickable-blocks-home .ugb-column__item {
  cursor: pointer;
  transition: 0.5s ease all;
  box-shadow: 0 8px 25px 0 rgba(18, 63, 82, 0.035) !important;
}
#main .clickable-blocks-home .ugb-column__item:hover {
  box-shadow: none !important;
  border-color: var(--paletteColor1) !important;
}

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

.hero-carousel {
  padding-bottom: 35px !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);
  padding: 125px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 auto;
}
@media screen and (max-width: 980px) {
  .hero-carousel .item .inner-container {
    max-width: 100%;
  }
}
.hero-carousel .item .inner-container h2.title {
  width: calc(var(--container-width) / 2);
  margin-left: 0;
  margin-right: auto;
  text-transform: none;
}
.hero-carousel .item .inner-container p.text {
  color: var(--paletteColor3) !important;
  width: calc(var(--container-width) / 2);
  margin-left: 0;
  margin-right: auto;
  text-transform: none;
}
@media screen and (max-width: 768px) {
  .hero-carousel .item .inner-container p.text {
    width: 100% !important;
  }
}

.wp-block-ugb-blog-posts .ugb-blog-posts__item:hover .ugb-blog-posts__featured-image img {
  transform: scale(1.2);
}
.wp-block-ugb-blog-posts .ugb-blog-posts__item:hover .ugb-blog-posts__featured-image-background {
  transform: scale(1.2);
}
.wp-block-ugb-blog-posts .ugb-blog-posts__item .ugb-blog-posts__featured-image img {
  transition: 0.5s ease transform;
}
.wp-block-ugb-blog-posts .ugb-blog-posts__item .ugb-blog-posts__featured-image-background {
  transition: 0.5s ease transform;
}

.ct-related-posts {
  margin-bottom: 40px;
}
.ct-related-posts article .ct-image-container img {
  transition: 0.5s ease transform;
}
.ct-related-posts article:hover .ct-image-container img {
  transform: scale(1.1);
}

@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;
  }
}

.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;
}

.ugb-button:hover {
  background-color: var(--buttonHoverColor) !important;
}

#main {
  overflow: hidden !important;
}

#offcanvas .ct-panel-actions {
  position: absolute;
  left: auto;
  right: 0;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  #offcanvas .ct-panel-actions {
    right: 30px;
  }
}
@media screen and (max-width: 768px) {
  #offcanvas .ct-header-cta a {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #offcanvas nav ul {
    margin-bottom: 15px;
  }
}
#offcanvas nav ul li {
  padding: 15px 0 !important;
}
@media screen and (max-width: 768px) {
  #offcanvas nav ul li {
    padding: 10px 0 !important;
  }
}

.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 .ct-share-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 !important;
  padding: 40px 0;
  border-top: 1px solid var(--paletteColor4);
  border-bottom: 1px solid var(--paletteColor4);
}
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-bottom: 40px;
  margin-top: 0;
  border-top: 0;
}
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);
}

#header .ct-header-cta[data-id=button] {
  position: relative;
}
#header .ct-header-cta[data-id=button] a {
  padding: 0 15px 0 30px !important;
}
#header .ct-header-cta[data-id=button]:before {
  content: "";
  font-family: icomoon;
  color: #ffffff;
  position: absolute;
  z-index: 9;
  left: 12px;
  top: 6px;
  font-size: 13px;
}

footer .ugb-highlight a {
  color: #ffffff !important;
}
footer .ugb-highlight a:hover {
  color: var(--paletteColor1) !important;
}
footer > div {
  padding: 0 !important;
}

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