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;
}
@media (max-width: 768px) {
section.prikbord ul {
display: flex;
gap: 32px;
width: 100%;
overflow-x: auto;
padding: 0;
list-style: none;
}
section.prikbord ul li {
min-width: 100%;
box-sizing: border-box;
}
section.prikbord ul li .img-bg {
width: 100%;
}
section.prikbord ul li .img-bg img {
width: 100%;
height: 100%;
}
section.prikbord ul li .content {
padding: 16px;
}
.popup img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{
width: 100%;
height: 100%;
}
}