/*
Theme Name: Circle Studio
Theme URI: https://olliewp.com
Description: Child theme for Ollie
Author: Eljany | Firma Netjes
Author URI: https://firmanetjes.nl
Template:     ollie
Version: 1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: ollie-child
*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
/* logo */
.site-logo {
  display: inline-block;
  width: 64px; /* pas aan */
  line-height: 0;
}
.site-logo svg {
  display: block;
  width: 100%;
  height: auto;
}
.site-logo path {
  fill: currentColor;
}
.site-logo {
  color: #231f20;
}
.site-logo:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
/* nav */
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
  margin-left: 0;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
  border-radius: 0;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) :where(.wp-block-navigation__submenu-container) li:last-child {
    padding-bottom: 10px;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) :where(.wp-block-navigation__submenu-container) li:first-child {
    padding-top:10px;
}
a.wp-block-navigation-item__content{
    text-decoration: none!important;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
  font-size: 1rem;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:active{
  color:#363636ba;
}
header  .wp-block-navigation__container > .wp-block-navigation-item{
  padding: 10px 15px;
}
body .wp-block-navigation__responsive-container:not(.is-menu-open) :where(.wp-block-navigation__submenu-container) a{
    padding: .5em 1em!important;
}
/* slider */
.wp-block-spectra-slider-child .slide-content,
.wp-block-spectra-slider-child {
  min-height:10px;
}
.testimonial-slider .slide-content{
	max-width: 700px;
	margin: 0 auto;
}
.lijn {
  width: 0.8px;
  height: 47px;
  background-color:#bababa;
}
.projecten-onderdelen figure.wp-block-image {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.alignfull.wp-block-spectra-slider{
      max-width: none;
}
.projecten-onderdelen figure.wp-block-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.projecten-onderdelen a:hover figure.wp-block-image::after {
  opacity: 1;
}
/* content */
.page-id-12 h1{
	text-align: center;
}
.over-ons-usp figure{
	height: 100%;
}
.over-ons-usp figure img{
	width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.swiper-wrapper {
    transition-duration: 1500ms !important;
}
.wp-block-spectra-container:not(.alignfull):not(.alignwide) {
  max-width: 1140px !important;
}
/* scroll to top */
.back-to-top-knop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  animation: verschijn-bij-scroll linear both;
  animation-timeline: scroll();
  animation-range: entry 150px exit 300px; /* Verschijnt tussen 150px en 300px scrollen */
}
@keyframes verschijn-bij-scroll {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}
/* project */
.single-projecten h1 {
    text-transform:none;
}
li.projecten {
  position: relative;
  overflow: hidden;
}
li.projecten .wp-block-post-title {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
li.projecten .wp-block-post-title a {
  pointer-events: auto;
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}
li.projecten:hover .wp-block-post-title,
li.projecten:focus-within .wp-block-post-title {
  opacity: 1;
}
li.projecten .wp-block-post-featured-image img {
  transition: filter 0.3s ease;
}
li.projecten:hover .wp-block-post-featured-image img {
  filter: brightness(0.6);
}
@media (hover: none) {
  li.projecten .wp-block-post-title {
    opacity: 1;
  }
}
.taxonomy-project-type a{
	background: #ECE8DE;
	padding: 12px 20px;
	text-transform: lowercase;
}
.taxonomy-project-type a:hover{
	background: rgba(236, 232, 222, 0.5);
	color:black;
}
.project-content .wp-block-paragraph{
	max-width:710px;
	margin-left: 0!important;
}
.project-content .wp-block-post-terms__separator{
	visibility: hidden;
}
.single-projecten h2{
  font-size: var(--wp--preset--font-size--x-small) !important;
  line-height: 1.5em;
}
/* aanpak */
.slide-content figure,
.slide-content figure img{
    width: 100%;
}
/* over ons */
/* contact */
.page-id-16 main,
.page-id-16 .wp-block-spectra-slider{
  padding-bottom: 0!important;
}
/* Algemene voorwaarden */
.page-id-709 h2{
  margin-bottom:-15px;
}
/* form */
input:not([type="submit"]):not([type="radio"]), select, textarea, .wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .wp-block-post-comments-form textarea {
	border-radius: 0;
	border: solid 1px black;
}
.ff-el-input--label label{
	font-size: 14px;
}
/* classes */
.middle{
	justify-content: center;
}
.nounderline a{
	text-decoration: none;
}
.backbutton{
	display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
.backbutton a{
	text-decoration: none;
  background-color: white;
  border: 1px solid #605e5e;
  border-radius: 0;
  padding: .6em 1em;
}
.backbutton a:hover{
	background-color: #605e5e;
  color: var(--wp--preset--color--main-accent);
}
div[class*="wp-block-"] figcaption{
  color:#605e5e;
}
b, strong {
    font-weight:300;
}
/* nanouk en bregje pagina's */
.page-id-1337 h1,
.page-id-1325 h1 {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.page-id-1337 header,
.page-id-1325 header{
  display: none;
}
/* footer */
.site-footer{
	background-color: var(--wp--preset--color--primary) !important;
}
.cs-footer{
	max-width: 900px;
	margin: 0 auto;
}
.top-arrow{
  position:fixed;
  bottom: 10px;
  right: 10px;
}
footer .site-logo {
  width: 102px;
}
/* media queries */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .back-to-top-knop { animation: none; }
}
.project-item .wp-block-post-featured-image img {
  filter: brightness(0.6);
}
}
@media screen and (min-width:768px){
	.mgl-gallery-container .mgl-box{
    padding: 12px!important;
}
header{
    position: sticky;
    top: calc(0px + var(--wp-admin--admin-bar--height, 0px));
    z-index: 100;
}
}
@media screen and (max-width: 767px) {
.usp-text{
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.usp-text p{
  text-align: center;
}
footer .mobile-middle{
	display: flex;
	justify-content: center;
}
footer .mobile-middle.column{
	flex-direction: column;
}
footer .mobile-middle.column p{
	text-align: center;
}
.projecten-onderdelen{
	grid-template-columns: repeat(1, minmax(0, 1fr))!important;
}
}