/* menu */
.sm-clean>li:first-child>a,
.sm-clean>li:first-child> :not(ul) a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.list_flex {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.socials_menu,
.socials-header {
  margin-right: 10px;
  margin-top: 50px;
}

.list_flex a:hover {
  background-color: unset;
}

.menu-holder.show,
.menu-holder,
.header-holder,
.header_socials {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin-top: 0;
}

.sm-clean a,
.sm-clean a:hover,
.sm-clean a:focus,
.sm-clean a:active {
  font-size: 15px;
  line-height: 24px;
}

#header-main-menu {
  margin-top: 0;
  margin-bottom: 10%;
}

.sm li {
  min-width: 95px;
}

h1 {
  font-family: "Playfair Display", serif !important;
  font-weight: 400 !important;
}

input {
  -webkit-appearance: none;
}

/* h2 {
  font-size: 35px;
}
p {
  font-size: 15px;
} */
/* header */
.header-holder,
.header_socials {
  flex-direction: row;
  justify-content: space-between;
  height: unset;
  margin-top: unset;
}

.header_socials {
  width: 70px;
  position: absolute;
  right: 18%;
}

.links-header {
  margin-right: 10px;
}

.socials-header {
  margin-top: unset;
}

.underline::after {
  background-color: unset;
}

.quote-author:after {
  background-color: unset;
}

.blog-item-holder .entry-info .cat-links a:after {
  background-color: unset;
}

a {
  font-style: normal;
}

.portfolio-category .active-link::after {
  background-color: unset;
}

.portfolio-category a::after {
  background-color: unset;
}

.c-logo {
  width: 40% !important;
  margin-left: -25px;
}

.grid-card {
  margin-top: 1rem;
  padding: 2rem;
  background-color: #fff;
}

.grid-card p {
  padding-bottom: 2rem !important;
}

.c-img {
  /* max-width: 110% !important; */
  margin-top: 7rem;
  /* transform: translateY(15rem); */
}

.button-upload {
  display: inline-block;
  color: #000;
  border: 1px solid #000;
  text-align: center;
  padding: 15px 40px 15px 40px;
  cursor: pointer;
  margin-bottom: 25px;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 11px;
  /* font-size: 0.5rem; */
  transition: color 0.3s ease, background-color 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.contact-form input[type="submit"] {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.site-wrapper ::selection {
  background-color: lightblue;
}

input[type="file"] {
  display: none;
}

/* .c-card-image{
    max-width: 60% !important;
} */

/* .read-more-arrow a{
    text-transform: uppercase;
    font-size: 0.625rem;
    letter-spacing: 5px;
} */

@media (min-width: 320px) {

  input {
    max-width: 90%;
  }

  textarea {
    max-width: 90%;
  }

  .width-full-mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .contact-form {
    margin-top: 3rem !important;
  }

  .c-options a {
    font-size: 18px;
    margin-bottom: 1rem;
  }

  .header_socials--contact {
    left: 0;
  }

  .c-img-banner {
    padding-bottom: 100px !important;
  }

  h1 {
    font-size: 36px !important;
    line-height: auto !important;
    font-weight: 400;

  }

  h2 {
    font-size: 30px !important;
    font-weight: 400;
    text-align: left;
  }

  h3 {
    font-size: calc(24px / 1.5);
    text-align: left;
  }

  p {
    font-size: 16px !important;
    text-align: left;
  }

  .button-black {
    background-color: #000000;
    color: #fff !important;
  }

  .button-file {
    float: left;
  }

  .article-nagesh {
    margin-bottom: 7rem !important;
  }

  .underline::after {
    max-width: 100% !important;
    margin-left: 0.5rem;
    /* margin-left: 2rem; */
  }

  /* .underline::after{
    max-width: 40% !important;
  } */
  .blog-item-holder.has-post-thumbnail .entry-holder {
    /* padding-bottom: 100px !important; */
  }

  .button-black {
    margin-top: 1rem !important;
  }

  .c-img-mobile {
    display: block !important;
  }

  .c-img-desktop {
    display: none !important;
  }

  .entry-info {
    text-align: left;
  }

  /* .site-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  } */
  .excerpt {
    text-align: left;
  }

  .entry-title {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 35px;
    line-height: 44px;
    color: black;
  }

  .mp-bottom {
    padding-bottom: 1rem;
  }
}

@media(min-width: 320px) and (max-width: 349px) {
  .underline::after {
    max-width: 50% !important;
  }
}

@media (min-width: 768px) {
  input {
    max-width: 100%;
  }

  textarea {
    max-width: 100%;
  }

  .contact-form {
    margin-top: 0 !important;
  }

  .grid-card p {
    max-width: 100%;
  }

  .width-full-mobile {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .c-options a {
    font-size: 18px;
    margin-bottom: 1rem;
  }

  .button-black {
    background-color: #000000;
    color: #fff !important;
    transform: translateY(-15px);
    float: left;
  }


  #header-main-menu {
    margin-bottom: 50%;
  }

  /* header */
  .header_socials {
    right: 5%;
  }
}

@media (min-width: 992px) {

  /* menu */
  #header-main-menu {
    margin-bottom: 30%;
  }
}

@media (min-width: 1024px) {

  /* menu */
  #header-main-menu {
    margin-bottom: 5%;
  }

  .dm-bottom {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 1200px) {
  /* menu */


  .header_socials--contact {
    margin-top: 17rem;
    /* margin-top: 20rem; */
    /* right: 5%; */
  }

  .header_socials--home {
    margin-right: 75px !important;
  }

  .toggle-holder--home {
    margin-right: 75px !important;
  }

  .c-img-banner {
    padding-bottom: unset !important;
  }

  h1 {
    line-height: 60px !important;
    font-size: 48px !important;
  }

  h2 {
    font-size: 40px !important;
  }

  h3 {
    font-size: 24px !important;
  }

  p {
    color: #747474;
    font-size: 14px !important;
  }

  .underline::after {
    margin-left: 1rem !important;
  }

  .blog-item-holder.has-post-thumbnail .entry-holder {
    padding-bottom: 50px !important;
  }

  .p-about-desktop {
    width: 500px;
    color: #747474;
  }

  .read-more-arrow {
    margin-left: 2rem !important;
  }

  .read-more-arrow--left {
    margin-right: 13.4rem !important;
  }

  .c-logo {
    margin-left: -65px;
    width: 30% !important;
  }

  .blog-post-1 {
    margin-top: 10rem !important;
  }

  .excerpt {
    padding-bottom: 3rem;
  }

  .about-text {
    padding: 1rem;
  }

  .container {
    width: 100%;
  }

  .btn-desktop {
    float: left !important;
  }

  .c-img-about {
    display: block !important;
    min-width: 1000px !important;
    z-index: 2 !important;
    right: 0;
    transform: translateY(80px);
    /* margin-right: 15px !important; */
  }

  .position-left {
    display: flex;
    justify-content: flex-start;
  }

  /* .c-img-about--left{
    transform: translateY(0.5px);
  } */

  .full-width {
    margin-bottom: 10rem;
    min-width: 100%;
    display: flex;
  }

  .about-margin {
    margin-bottom: 2rem !important;
  }

  .c-img {
    max-width: 120% !important;
  }

  .entry-holder-xpadding {
    z-index: -2 !important;
    padding-top: 4rem !important;
    padding-right: 300px !important;
    /* padding-left: 1rem !important; */
    /* padding-left: 8rem !important; */
    transform: translateX(2rem) !important;
    /* margin-left: 2rem !important; */
    /* padding-left: 150px !important; */
  }

  .article-text-left {
    margin-left: 7rem !important;
  }

  .entry-holder-xmargin-left {
    padding-right: 300px !important;
  }

  .entry-holder-extra-width {
    width: 500px !important;
  }

  /* .entry-holder-margin-left-button{
    margin-left: -200px !important;
  } */

  .c-img-mobile {
    display: none !important;
  }

  .c-img-desktop {
    display: block !important;
    max-width: 80% !important;
  }

  .c-img-desktop--blog {
    /* max-width: 80% !important; */
    transform: translateX(120px);
    z-index: 2;
  }

  .entry-holder-bigger {
    z-index: -5 !important;

    transform: translateX(0) !important;
    padding-bottom: 300px !important;
    padding-left: 150px !important;
    /* padding-right: 200px !important; */
  }

  .c-img__villapool {
    max-width: 70% !important;
    transform: translateX(100px);
  }

  .article-nagesh {
    z-index: 50;
    transform: translateY(-15px) !important;
    margin-bottom: unset !important;
    /* margin-left: 15px; */
  }

  .image-container {
    max-width: unset !important;
  }

  .c-img__nagesh {
    margin-left: 0px;
    max-width: 60% !important;
    /* max-width: 50% !important; */
    /* transform: translateX(-50px); */
    z-index: 10;
  }

  .entry-description--even {
    padding-bottom: 8.25rem !important;
  }

  .entry-description {
    padding-bottom: 8.25rem !important;
  }

  .c-img-about-nagesh {
    z-index: 100 !important;
    max-width: 60% !important;
    margin-left: 2rem;
  }

  .entry-holder-about {
    z-index: -100 !important;
    text-align: left !important;
  }

  .entry-holder-about h1 {
    margin-right: 55px !important;
  }

  .entry-holder--main {
    transform: translate(-86px, 50px);
  }

  .blog-item-holder .entry-holder {
    padding-bottom: 1rem !important;
    margin-bottom: 9rem !important;
  }

  .entry-holder--main__left {
    transform: translate(-600px, 3rem) !important;
  }

  .entry-holder--main__left--about {
    padding-left: 50px !important;
    padding-right: 450px !important;
    transform: translateX(-550px) !important;
  }

  .bigScreenHeight {
    height: 600px;
    margin-top: 20rem;
  }

  /* .blog-post-1 {
    padding-top: 4rem !important;
  } */
  .c-img__large {
    display: block !important;
    max-width: 50% !important;
    z-index: 5 !important;
  }

  .c-img__reverse {
    /* margin-top: 50px; */
    transform: translateX(75px);
  }
}

@media (min-width: 1440px) {
  .c-img__pool {
    z-index: 5000 !important;
  }
}

.c-job-card {
  border: 1px solid #707070;
  padding: 1rem;
  margin-bottom: 1rem;
}

.c-title-realisatie {
  vertical-align: center;
  text-align: center;
  font-family: "Playfair Display", serif !important;
  font-size: 1.8rem;
}

.entry-holder-realisatie {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.align-left {
  text-align: left !important;
}

.button-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.button-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.footer-left {
  text-align: left;
}

.footer-center {
  text-align: center;
}

.footer-right {
  text-align: right;
}

.contact-social img {
  width: 25px;
  padding-top: 1rem;
}

.btw {
  pointer-events: none;
}


@media (max-width: 992px) {

  ul.copyright-holder {
    display: flex;
    flex-direction: column;
  }

  li.copyright-footer {
    width: 100% !important;
    padding-top: 2rem;
    text-align: center;
  }

  .footer-left {
    text-align: center;
  }

  .footer-center {
    text-align: center;
  }

  .footer-right {
    text-align: center;
  }
}

select {
  border: none;
  padding: 10px 0px;
  border-radius: 5px;
  color: black;
}



/* ===================================
    Vacature
====================================== */


.grid-vacature {
  padding-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  width: 100%;
  height: auto;
}


.grid-card.vacature-container {
  margin-top: 1rem;
  padding: 5rem;
  background-color: #fff;
  margin-bottom: 5rem;
}

.vacature-container li {
  margin-bottom: 20px;
}

.vacature-container li::marker {
  color: #c4ffa5;
}

.entry-title.vacature {
  margin-top: 50px;
}

.entry-title.vacature {
  margin-top: 50px;
}

.vacature-cta {
  margin-top: 100px;
  padding: 2rem;
  background-color: #c4ffa5;
}

.vacature-container p {
  font-size: unset !important;
  color: unset;
}

.vacature-cta .entry-title.vacature {
  margin-top: 0px;
}

.vacature-cta a {
  text-decoration: underline;
  font-weight: bold;
}


/* ===================================
    Gunther
====================================== */

/* ----------- Hero Section ----------- */

.hero-italic{
  font-family: "Playfair Display", serif !important;
  font-style: italic;
  font-weight: 400 !important;
  color: white;
}

.hero-h1{
  font-family: "Playfair Display", serif !important;
  font-weight: 400 !important;
  font-size: 3.5em ;
  line-height: 1.2em !important;
  color: white;


}

/* Hero section background behind header */
.header-holder {
  background: transparent !important;
  position: relative;
  z-index: 3;
}

#hero-section {
  margin-top: -320px ;
  min-height: calc(100vh + 120px) ;
  background: url('../images/hero-section/DSCF3765.jpg') center/cover no-repeat;
  position: relative ;

}

#hero-overlay {
  position: absolute ;
  top: 0 ;
  left: 0 ;
  width: 100% ;
  height: 100% ;
  background: rgba(0, 0, 0, 0.485) ;
  z-index: 1 ;
}

#hero-content {
  position: relative ;
  z-index: 2 ;
  color: white ;
  padding: 0 0 20vh 0 ;
display: flex ;
  flex-direction: column ;
  justify-content: flex-end ;
  margin: 0 auto;
  height: 100vh ;


}

#hero-content h1 {
  font-size: 48px ;
  line-height: 60px ;
  font-weight: 400 ;
  color: white;
}

.buttons-hero {
  display: flex;
  gap: 10px;
}

.buttons-hero a {
  color: white;
  border: 0.5px solid white;
  border-radius: 3px;
  padding: 5px 10px;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  text-transform: uppercase;
}

@media (max-width: 600px){
.hero-h1{
  font-size: 2.5em;
}
}

@media (max-width: 400px){
.hero-h1{
  font-size: 2em;
}
}