/*
Theme Name: ANNA-Basis
Version: 1.0
Description: A child theme of Twenty Twenty
Template: twentytwenty
Author: Beheerder
*/
@import url("../twentytwenty/style.css");
/* Your awesome customization starts here */

/* google fonts */

@import url('https://fonts.googleapis.com/css2?family=Khand:wght@300;400;500;600;700&family=Nova+Flat&display=swap');
/* common css */

main#site-content a {
    color: #e57d06;
}

.centreren.oranjetitel {
    background: #e57d06;
color: #fff;     padding-top: 25px;}

.centreren {text-align:center;}

body {
  font-family: "Khand", sans-serif;
}

* {
  letter-spacing: normal !important;
}

body:not(.overlay-header) ul.primary-menu>li>a {
  color: #000;
  font-size: 18px;
}

html,
body {
  overflow-x: hidden;
}

#site-content,
.container {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 40px;
  overflow: visible;
}

.image-fix-height img{
	height:350px;
	object-fit:cover;
}

.relative {
  position: relative;
}

.shadow img {
  box-shadow: 0px 38px 50px rgb(0 0 0 / 10%);
}

.shadow-none img {
  box-shadow: none;
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #B486A0;
}

.btn-primary,
body input[type="submit"] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 245px;
  max-width: 100%;
  font-size: 1.3em;
  padding: 0.5em 1em;
  background: transparent;
  border: 2px solid #000000;
  color: #000000 !important;
  -webkit-border-radius: 1.5em;
  -moz-border-radius: 1.5em;
  border-radius: 1.5em;
  text-shadow: 0 1px 0 rgb(0 0 0 / 5%);
  font-family: "Khand", sans-serif;
  font-weight: 600;
  padding: 0.75em 1em !important;
  text-decoration: none !important;
  transition: all ease-in-out 0.3s;
  line-height: 1em;
  text-transform: capitalize;

}

form label {
  font-size: 20px;
}

.btn-primary:hover,
body input[type="submit"]:hover {
  background: #000000;
  border-color: #000000;
  color: #fff !important;
}

/* site origin overwite */

.ow-button-base a {
  font-weight: 600;
  padding: 0.75em 1em !important;
}


/* custom css  */

.header-inner {
  border-bottom: 2px solid #000;
}

body:not(.overlay-header) ul.primary-menu>li>a {
  font-size: 18px;
  transition: all ease-in-out 0.3s;
  font-weight: 700;
}

.footer-inner .footer-menu a {
  color: #000;
  font-size: 24px;
}

.home .banner-text .widget-title {
  font-size: 80px;
}

.banner-text .widget-title {

  margin-bottom: 0;
  color: #111111;
}

.home .textwidget p {
  font-size: 24px;
  line-height: 45px;
}

.textwidget p {
  font-size: 20px;
  line-height: 35px;
}

/* #site-header{
    background-color: rgba(236, 236, 236, 0.2);
    background-image: url('./images/banner-bg.svg');
    backdrop-filter: blur(111px);
} */
#site-header:before {
  content: "";
  width: 124px;
  height: 280px;
  background: #ffda36;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: absolute;
  border-radius: 100%;
  /* filter: blur(30px); */
  left: -49px;
  top: -60px;
  /* z-index: -1; */
}

#site-header:after {
  content: "";
  width: 138px;
  height: 313px;
  background: #20d7e0;
  position: absolute;
  border-radius: 100%;
  /* filter: blur(40px); */
  left: -95px;
  top: -19px;
  /* z-index: -1; */
}
@-moz-document url-prefix() {
  #site-header:after ,   #site-header::before, .hero-image .sow-image-container::before , .hero-image .sow-image-container::after {
    opacity: 0.2;
  }
}
.header-inner {
  padding: 3.8rem 0;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
}

.lines-style {
  position: absolute;
  left: -120px;
  bottom: -110px;
}

.arrow-style {
  position: absolute;
  right: -150px;
  top: 40px;
}

.banner-text .widget-title {
  font-size: 60px;
}

.banner-row {
  position: relative;
}

.banner-row:before {
  content: "";
  position: absolute;
  width: 801%;
  height: calc(100% + 106px);
  left: -494%;
  right: 0;
  top: -106px;
  bottom: 0;
  background-color: rgba(236, 236, 236, 0.2);
  background-image: url("./images/banner-bg.svg");
  margin: 0 auto;
  backdrop-filter: blur(40px);
}

.banner-row .panel-grid-cell {
  position: relative;
}

body:not(.home) .banner-row {
  background-image: url("./images/yellow-shape.svg"), url("./images/blue-shape.svg");
  background-position: center, 68%;
  background-repeat: no-repeat;
  background-size: 23%;
}

.banner-img:before,
.banner-img::after {
  content: "";
  position: absolute;
  width: 69px;
  height: 89px;
}

.banner-img:before {
  content: "";
  position: absolute;
  bottom: -7px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  left: 0;
}

.banner-img::after {
  top: -7px;
  right: 0;
  border-right: 2px solid #000;
  border-top: 2px solid #000;
}

.banner-img .sow-image-container {
  position: relative;
}

.hero-image .sow-image-container::before,
.hero-image .sow-image-container::after {
  content: "";
  position: absolute;
  height: 130%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.hero-image .sow-image-container::before {
  background-image: url("data:image/svg+xml,%3Csvg width='447' height='411' viewBox='0 0 447 411' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46.2824 0H447C447 0 148.847 483.711 46.2824 400.893C-56.2824 318.076 46.2824 0 46.2824 0Z' fill='%2320D7E0'/%3E%3C/svg%3E%0A");
  background-position: center;
  bottom: -100px;
}

.hero-image .sow-image-container::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='482' height='469' viewBox='0 0 482 469' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M71.9186 48.4326C153.047 -32.7664 355.197 7.16201 452.703 32.7003C479.963 39.8399 490.477 71.5408 473.748 94.2163C383.907 215.993 138.583 535.208 71.9186 483.893C-10.1704 420.705 -36.8517 157.298 71.9186 48.4326Z' fill='%23FFDA36'/%3E%3C/svg%3E%0A");
  bottom: -80px;
  left: 60px;
}

.image-contents .hero-image .sow-image-container::before,
.image-contents .hero-image .sow-image-container::after {
  opacity: 0.1;
}

.nova-title .widget .widget-title {
  margin-top: 20px;
  font-size: 22px;
  letter-spacing: normal;
  font-weight: 400;
}

button.close-nav-toggle {
  border: none;
  outline: none;
}

.center-text-lg {
  position: relative;
}

.center-text-lg>div {
  position: relative;
}

.center-text-lg:before {
  content: "";
  background: #00000052;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}

.triangles-style {
  position: absolute;
  right: 0;
  top: -6px;
}

#site-footer {
  background-color: #3D3D3D;
}

.footer-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

footer nav ul li a,
footer .footer-copyright {
  color: #fff !important;
  font-weight: 600;
  font-size: 20px;
}

footer nav ul li a:hover {
  opacity: 0.7;
}

footer nav ul li {
  margin-right: 50px;
}

footer nav ul li:last-child {
  margin-right: 0;
}

.nav-toggle .toggle-icon,
.nav-toggle svg {
  height: auto;
  width: auto;
}

.nav-toggle .toggle-inner {
  height: auto;
}

.toggle-icon {
  overflow: visible;
}

.modal-menu a {
  color: #000 !important;
  font-weight: 600 !important;
}

.home .common-title .widget-title {
  font-size: 35px;
}

.common-title .widget-title {
  font-size: 35px;
  font-weight: 600;
  color: #282828;
  letter-spacing: normal;
}

.button-half .widget_sow-button {
  display: inline-block;
  width: 50%;
}

.center-text-lg .widget .widget-title {
  font-size: 42px;
  margin: 0;
  letter-spacing: normal;
}

.lightbox .btn-close {
  padding: 0;
  font-weight: 500;
  text-decoration: none;
}

.lightbox .btn-close:hover {
  background: #000;
  color: #fff;
}


/* .img-show img{
  height: 100%;
  object-fit: cover;
} */
.btn-next,
.btn-prev {
  padding: 0;
}

.btn-next::before,
.btn-prev::before {
  content: "";
  
  background-repeat: no-repeat;
  background-position: center;
  height: 25px;
  width: 25px;
  display: inline-block;
  background-size: cover;

}
.btn-next::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
}
.btn-prev::before{
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
}

.lightbox, .lightbox .btn-close {
  padding: 0;
  background:rgba(255,255,255,1);
}
.lightbox .lightbox-status, .lightbox .img-caption, .lightbox .btn-close {
  color:#000;
}
.lightbox .img-caption{
  background: rgba(255,255,255,0.3);
  text-shadow: none;
}


@media (min-width: 1000px) {
  .home .common-title .widget-title {
    font-size: 64px;
  }

  .common-title .widget-title {
    font-size: 44px;
  }

  #site-header {
    position: static;
  }

  .center-text-lg .widget .widget-title {
    font-size: 80px;
  }
  .primary-menu>li {
    margin-left: 50px;
  }

}

@media (min-width: 1220px) {
  .primary-menu>li {
    margin-left: 90px;
  }
  .img-container .sow-image-container img{
    transition:all ease-in-out 0.3s;
  }
  .img-container .sow-image-container img:hover{
    transform: scale(1.05);
    cursor:pointer;
  }
  .lightbox .btn-close{
  top: 4px;
  }
  .lightbox .lightbox-status{
    top: 10px;
  }
}

@media (max-width:1500px) {
  .arrow-style {
    right: -76px;
    top: 130px;
    width: 100px;
  }
}

@media (max-width:1360px) {

  .arrow-style,
  .banner-img:before,
  .banner-img::after {
    display: none;
  }
  .inner-page-banner .banner-img:before,  .inner-page-banner  .banner-img::after{
    display: block;
  }
  .triangles-style {
    right: 0;
    top: 11px;
    width: 200px;
  }

  .button-half .widget_sow-button {
    padding: 0 5px;
  }
}

@media (max-width:999px) {
  .header-inner {
    padding: 16px;
    width: 100%;
  }

  .home .banner-text .widget-title {
    font-size: 46px;
    line-height: 47px;
  }

  .banner-text .widget-title {
    font-size: 46px;
    line-height: 47px;
  }

  .home .textwidget p {
    font-size: 20px;
    line-height: 32px;
  }

  .textwidget p {
    font-size: 19px;
    line-height: 27px;
  }

  .triangles-style {
    display: none;
  }

  #site-content,
  .container {
    padding: 0 15px;
  }

  .common-title .widget-title {
    font-size: 35px;
  }

  .hero-image .sow-image-container::after,
  .hero-image .sow-image-container::before {
    bottom: -40px;
  }

  .ow-button-base a,
  .btn-primary,
  body input[type="submit"] {
    font-weight: 700;
    padding: 0.50em 0.75em !important;
  }

  body:not(.home) .banner-row {
    background-position: center, 78%;
  }
  .inner-page-banner .banner-img:before,  .inner-page-banner  .banner-img::after{
    display: none;
  }

}


@media (max-width:600px) {
	
h2, .heading-size-2 {
    font-size: 2.2rem;
}	
	.centreren.oranjetitel {
    padding-left: 11px;
    padding-right: 11px;
}

.banner-text .widget-title {
font-size: 33px;         margin-bottom: 11px;}
	
}