body {
overflow-x: hidden;
}
.bottom_arrow:hover {
cursor: pointer;
}
.post.single-archive {
transition: 0.3s ease-in-out;
}
.post.single-archive:hover {
transform: translatey(-5px);
}
section.faq .container ul.faq_questions > li {
transition: 0.3s ease-in-out;
}
section.faq .container ul.faq_questions > li:hover {
background: #F3F3F3;
}
.button i{
transition: 0.3s ease-in-out;
}
.button:hover i{
transform: translatex(10px);
margin-right: 10px;
}
header .right ul li a {
transition: 0.3s ease-in-out;
}
@media (min-width: 1024px) {
.image .animate {
position: relative;
}
.thumbnail.animate::after{
content: "";
position: absolute;
top: 90%;
width: 200px;
height: 200px;
background-image: url(https://drone.newzmedia.nl/wp-content/uploads/2023/10/Drone_yellow.png);
background-size: contain;
background-repeat: no-repeat;
animation: scrollRightFull 1s ease-in-out forwards;
opacity: 0;
}
.animate::after {
content: "";
position: absolute;
top: -10%;
width: 200px;
height: 200px;
background-image: url(https://drone.newzmedia.nl/wp-content/uploads/2023/10/Drone_yellow.png);
background-size: contain;
background-repeat: no-repeat;
animation: scrollRight 1s ease-in-out forwards;
opacity: 0;
}
.container.flex.reverse .animate::after {
content: "";
position: absolute;
top: -10%;
width: 200px;
height: 200px;
background-image: url(https://drone.newzmedia.nl/wp-content/uploads/2023/10/Drone_yellow.png);
background-size: contain;
background-repeat: no-repeat;
animation: scrollRightFull 1s ease-in-out forwards;
opacity: 0;
}
@keyframes scrollRight {
0% {
left: 0;
opacity: 0;
}
100% {
left: 35%;
opacity: 1;
}
}
@keyframes scrollRightFull {
0% {
left: 50%;
opacity: 0;
}
100% {
left: 90%;
opacity: 1;
}
}
}
@media (max-width: 767px) {
section.usps .right ul li {
width: 100%;
}
section.usps .container ul li:nth-child(even) {
margin: 0;
}
}
section.blogpost section.eyecandy .img-background {
position: relative;
aspect-ratio: 3/2;
width: 80%;
max-width: 80%;
margin-top: -10%;
}
section.blogpost .titlecolor h2,
section.blogpost .titlecolor h3,
section.blogpost .blogtekst .container .title,
section.blogpost .blogkeuze h3 {
color: #9B7C56;
}
section.blogpost .titlecolor .container{
margin-top: 5%;
}
section.blogpost .blogtekst .container {
max-width: 800px;
}
section.blogpost .blogtekst .title{
margin-top: 5%;
}
section.voorgesteld{
margin-top: 2%;
}
section.voorgesteld h2,
section.voorgesteld h3{
color: #9B7C56;
}
section.voorgesteld .blogkeuze img{
height:320px;
margin-bottom: 3%;
max-width: 100%;
}
section.voorgesteld .container.flex .blogkeuze{
background-color: white;
border-bottom-left-radius: 30px;
margin-bottom: 5%;
}
section.voorgesteld .container.flex .blogkeuze .button {
display: block;
margin: 0 auto; 
margin-bottom: 10%;
margin-top: 5%;
width: 100%;
text-align: center;
}
section.voorgesteld .blogkeuze .container{
max-width: 90%;
padding-top: 10px;
}
@media (max-width: 767px) {
section.blogpost section.eyecandy .container.flex {
padding-left: 0;
padding-right: 0;
}
section.blogpost section.eyecandy .img-background {
width: 100%; 
max-width: none; 
}
section.blogpost section.eyecandy .img-background img {
max-width: 100%;
width: 100%; 
}
section.voorgesteld .blogkeuze img {
height: auto; 
max-width: 100%; 
}
section.voorgesteld .blogkeuze .container{
max-width: 100%;
}
}
.onsteamfoto{
width: 50%;
aspect-ratio: 1/1;
position: relative;
}
.onsteamfoto img{
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.onsteamfoto .container{
padding: 25px;
padding-top: 10px;
}
section.onsteam .functie{
color:#9B7C56;
margin-top: 0;
}
section.onsteam .naam{
margin-bottom: 0;
}
section.onsteam .title{
color:#9B7C56;
margin-top: 5%;
}
section.onsteam .onsteamfoto .content{
padding: 25px;
}
section.overwerknemer {
width: 100%;
box-sizing: border-box;
}
section.overwerknemer .container {
align-items: flex-start; 
margin-top: 5%;
}
section.overwerknemer .image {
width: 30%;
}
section.overwerknemer .image img {
width: 100%;
height: 600px;
border-bottom-left-radius: 125px;
object-fit: cover;
}
section.overwerknemer .content {
width: 70%;
}
section.overwerknemer .content h2{
margin-bottom: 0;
}
section.overwerknemer .werknemernaam{
color:#9B7C56;
}
.cp_cff_13 #fbuilder .dformat{
display: none;
}
.sort-filter.container.flex {
justify-content: end;
}
.sort-filter select{
width: 200px;
}
.posts-list{
padding-top: 50px;
}
.posts-list .single-archive {
display: flex;
align-items: center;
margin-bottom: 20px;
}    
.posts-list .normal-layout .image {
order: 1;
}
.posts-list .normal-layout .image img {
border-bottom-right-radius: 125px ;
width: 100%;
object-fit: cover;
height: 450px;
}
.posts-list .normal-layout .content {
order: 2;
padding-left: 20px;
}
.posts-list .reversed-layout .image {
order: 2;
}
.posts-list .reversed-layout .image img {
border-bottom-left-radius: 125px ;
width: 100%;
object-fit: cover;
height: 450px;
}
.posts-list .reversed-layout .content {
order: 1;
padding-right: 20px;
}
.single-archive a {
display: flex;
flex-direction: row;
width: 100%;
}
.single-archive .image {
flex-basis: 50%;
}
.single-archive .content {
flex-basis: 50%;
}
@media (max-width: 768px) {
.single-archive a {
flex-direction: column;
}
.single-archive .image,
.single-archive .content {
order: unset;
padding: 0;
flex-basis: 100%;
}
}
.posts-list .content{
display: flex;
justify-content: center;
flex-direction: column;
}
.single-archive a{
text-decoration: none; 
}
.teamblok .container.flex {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; 
gap: 50px;
padding: 15px;
}
.teamblok .post {
flex: 0 0 calc(28.333% - -41px);
display: flex;
background: #fff;
border-radius: 4px;
overflow: hidden;
border-bottom-left-radius: 25px;
}
.teamblok .post a {
color: inherit;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
}
.teamblok .post .team-image {
width: 100%;
height: 400px;
object-fit: cover;
}
.teamblok .post img {
width: 100%;
height: 100%;
object-fit: cover;
}
.teamblok {
padding-top: 25px;
}
.teamblok .post h2 {
padding-left: 15px;
}
section.team .members .team .image img {
width: 100%;
height: 410px !important;
object-fit: cover;
object-position: center;
display: block;
}
section.kisten .thumbnail img {
width: 100%;
height: 100%;
border-radius: 15px;
margin: 0 auto;
object-fit: contain;
}
p.kistentekst {
width: 50%;
}
.nieuwstitle{
text-align: center;
padding: 25px;
}
@media (min-width: 769px) and (max-width:991px){
.teamblok .post {
flex: 0 0 calc(40% - -41px);
display: flex;
background: #fff;
border-radius: 4px;
overflow: hidden;
border-bottom-left-radius: 25px;
}
.teamblok .post .team-image {
width: 100%;
height: 300px;
object-fit: cover;
}
}
@media (min-width: 992px) and (max-width:1400px){
.teamblok .post {
flex: 0 0 calc(25% - -41px);
display: flex;
background: #fff;
border-radius: 4px;
overflow: hidden;
border-bottom-left-radius: 25px;
}
}
@media (min-width: 1400px) and (max-width:1500px){
.teamblok .post {
flex: 0 0 calc(27% - -41px);
display: flex;
background: #fff;
border-radius: 4px;
overflow: hidden;
border-bottom-left-radius: 25px;
}
}
.logo-repeater a:nth-child(n+2) img {
padding-left: 25px;
}
@media (max-width: 768px) {
.main-header .container {
display: block; 
}
.main-header .logo{
display: inline-block;
vertical-align: middle;
}
.main-header .right{
display: inline-block;
vertical-align: middle;
width: calc(100% - 95px);
}
h2 {
margin-bottom: 0.1em;
}
h3 {
margin-bottom: 0.1em;
}
footer .before-footer p{
text-wrap: nowrap;
}
}
@media screen and (max-width: 768px) {
header {
max-width: 100vw;
}
} section.vacature_page .container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 60px;
justify-items: center;
padding-top: 50px;
padding-bottom: 50px;
}
section.vacature_page .vacature-item {
box-sizing: border-box;
text-align: center;
width: 100%;
background-color: #ffffff;
border-radius: 15px;
transition: transform 0.3s ease;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
section.vacature_page .vacature-item:hover {
transform: scale(1.05);
}
section.vacature_page .vacature-item img {
width: 100%;
height: auto;
object-fit: cover;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
section.vacature_page .vacature-item h2 {
margin-top: 10px;
text-align: left;
padding: 1px 0px 12px 20px;
margin: 0;
}
a.vacature-item {
text-decoration: none;
}
section.singlevacature {
display: flex;
justify-content: center;
align-items: center;
}
section.singlevacature .container {
margin: 0 auto;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
}
section.singlevacature .singlevacature-item {
width: 55rem;
}
.no-vacatures-message {
text-align: center;
margin: 20px 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
section.singlevacature h1 {
padding-bottom: 15px;
color: #9b7c56;
font-size: 3em;
}
section.singlevacature li{
list-style-type:disc;
margin-left: 4%;
}
section.singlevacature img {
width: 60%;
height: auto;
object-fit: cover;
border-bottom-left-radius: 125px;
padding-bottom: 25px;
}
section.singlevacature .form-container {
width: 50%;
} @media (max-width: 1024px) {
section.vacature_page .container {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
section.singlevacature .singlevacature-item {
width: 80%;
}
section.singlevacature .form-container {
width: 70%;
}
}
@media (max-width: 768px) {
section.vacature_page .container {
grid-template-columns: 1fr;
gap: 30px;
}
section.vacature_page .vacature-item {
width: 90%;
}
section.singlevacature .singlevacature-item {
width: 90%;
}
section.singlevacature .form-container {
width: 90%;
}
section.singlevacature img {
width: 80%;
}
}
@media (max-width: 480px) {
section.vacature_page .container {
gap: 20px;
}
section.vacature_page .vacature-item h2 {
padding: 1px 10px 12px 10px;
}
section.singlevacature h1 {
font-size: 1.5rem;
}
section.singlevacature img {
width: 100%;
}
}