/* 
Theme Name: 10WAVES Child
Theme URI: 
Description:
Author: Design voor Online
Author URI: https://designvooronline.nl
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: 
*/

h3.elementor-heading-title {
    margin-top: -15px;
}

.logo-review{
    width:88px!important;
    height:45px!important;
}

.logo-review .elementor-widget-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9px;    
}

.logo-review .elementor-widget-container img {
    width: 70px!important;
    height: 22px!important;
    object-fit: contain!important;
}

.aspect-3-4 img{
    aspect-ratio: 3 / 4!important;
    object-fit: cover;
}

.aspect-16-9 img{
    aspect-ratio: 16 / 9!important;
    object-fit: cover;	
}

.partner-logo img {
    opacity: 0.5;
    transition-duration: 0.4s;
    filter: grayscale(100%) contrast(75%);
    transition-duration: 0.4s;
}

.partner-logo img:hover{
    opacity: 1;
    filter: none;
}

.video-banner-home::before {
    border-radius: 15px!important;
}

video.elementor-background-video-hosted {
    border-radius: 15px!important;
}

.video-banner-home {
    height: max(500px, calc(100vh - 146px)) !important;
}

.service-img {
    min-height: 400px;
}

.elementor-message.elementor-message-success.elementor-message-svg {
    background: #ffffff30;
    margin-top: 30px;
    border-radius: 100px;
    padding: 15px 30px;
    width: fit-content;
    color: white;
    display: flex;
    align-items: center;
    gap: 5px;
}

@media (max-width: 1024px) {
.logos-home .elementor-element:nth-child(n+7) {
    display: none;
}
}

@media (max-width: 768px) {
.logos-home .elementor-element:nth-child(n+5) {
    display: none;
}

.video-banner-home {
    height: 65vh!important;
}	
}

@keyframes rotateBackground {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.waves-of-working {
    aspect-ratio: 1 / 1!important;
    position: relative;  
	transition: transform 0.4s ease; 	
}

/* Pseudo-element voor de achtergrondafbeelding */
.waves-of-working::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('https://10waves.com/wp-content/uploads/waves-of-working-style-element.svg') no-repeat center;
    background-size: contain;
    z-index: -1;
    transition: transform 0.4s ease;
}

/* Hover-effect voor de achtergrondafbeelding */
.waves-of-working:hover::before {
    animation: rotateBackground 4s linear forwards;
	transform: translateY(-10px);
}

.waves-of-working:hover {
	transform: translateY(-10px);
}

img.waves-title-h1 {
    width: 157px;
}

img.waves-title-h2 {
    width: 145px;
}

@media only screen and (max-width: 1024px) {
img.waves-title-h1 {
    width: 130px;
}	
	
img.waves-title-h2 {
    width: 120px;
}
}

@media only screen and (max-width: 767px) {
img.waves-title-h1 {
    width: 115px;
}	
	
img.waves-title-h2 {
    width: 105px;
}
}

.play-btn-video{
	transform: translate(-50%, -50%);
}

.play-btn-video .elementor-custom-embed-image-overlay {
    width: var( --container-widget-width, 7vw );
    max-width: 7vw;
    --container-widget-width: 7vw;
    padding: 0vw;
    --container-widget-flex-grow: 0;
}

@media only screen and (max-width: 767px) {
.service-img{
	aspect-ratio: 4/3;
}

.play-btn-video .elementor-custom-embed-image-overlay {
    width: var( --container-widget-width, 18vw )!important;
    max-width: 18vw!important;
    --container-widget-width: 18vw!important;
    padding: 0vw;
    --container-widget-flex-grow: 0;
}	
}

nav.rank-math-breadcrumb {
    font-size: 12px;
}

nav.rank-math-breadcrumb a {
    color: white;
}

.case-video .elementor-widget-video .elementor-custom-embed-image-overlay img {
    aspect-ratio: inherit!important;
    display: block;
    -o-object-fit: cover;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
    padding: 9px 9px 9px 10px;
}

.elementor-video-wrapper.elementor-video-landscape iframe {
    border-radius: 20px!important;
}

.case-video .elementor-element.elementor-element-907aa0d.elementor-widget__width-initial.elementor-absolute.border-lines.elementor-widget.elementor-widget-video {
    background: #d2c4b1 !important;
}

h1 i,
h2 i{
    font-size: 112%;
    font-style: normal;	
	letter-spacing: -3px;
}

.head-col {
  position: relative;
}

.head-txt {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.head-col:hover .head-txt {
	opacity: 1;
	visibility: visible;
}

@media only screen and (max-width: 767px) {
.head-txt {
  opacity: 1;
  visibility: visible;
}	
}

.case-item {
    background-size: cover!important;
	background-repeat: none!important;
	background-position: center center!important;
}


/*@media only screen and (min-width: 767px) {
.elementor-loop-container > div.e-loop-item:nth-child(3n-1) {
    padding-top: 30px !important;
}

.elementor-loop-container > div.e-loop-item:nth-child(3n-3) {
    padding-top: 15px !important;
}
}*/

.video-home{
	aspect-ratio: 21/9;
}

body.home .elementor-swiper-button.elementor-swiper-button-prev,
body.home .elementor-swiper-button.elementor-swiper-button-next{
	border: 2px solid #0b4434!important;
    outline: 2px solid #d2c4b1!important;
    box-shadow: 0 0 0 4px #c45c24!important;
    transition: all 0.3s ease;
    border-radius: 300px!important;
	padding: 8px;
}

span.ht {
    font-style: normal;
}

.border-lines,
.border-lines a{
    border: 2px solid #0b4434!important;
    outline: 2px solid #d2c4b1!important;
    box-shadow: 0 0 0 4px #c45c24!important;
    transition: all 0.3s ease;
    border-radius: 300px;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    font-size: 26px;
    color: #0C4434;
}

a.way-of:hover{
	transform: translateY(-10px);
}

.border-lines .elementor-widget-container{
	display: flex;
	justify-content: center;
	align-items: center;
}

.border-lines .elementor-heading-title {
    font-size: 24px;
}

.border-btn .elementor-button {
    position: relative;
    border: 2px solid #0b4434!important;
    outline: 2px solid #d2c4b1;
    box-shadow: 0 0 0 4px #c45c24;
    transition: all 0.3s ease;
}

.fade-home{
	background-color: transparent;
    background-image: linear-gradient(180deg, #000000 1%, #411B00 50%, #000000 99%)!important;
}

.fade-cases {
    background-color: transparent;
    background-image: linear-gradient(180deg, #000000 1%, #411B00 50%, #000000 99%)!important;
}

.datum-case .elementor-widget-container {
    display: flex;
    align-items: center;
	height: auto!important;
}

.head-col{
	transition: .3s!important;	
}

.cases-home-col{
	aspect-ratio: 7 / 10!important;	
	transition: .3s!important;	
}




@media only screen and (max-width: 767px) {
.service-img{
	aspect-ratio: 4/3;
}
}