/*
Theme Name: GEO2MEET
Theme URI: https://lefcreative.nl/
Author: Lef Creative
Author URI: https://lefcreative.nl/
Description: Thema voor GEO2MEET
Version: 1.0.0
License: /
License URI: /
Template: leflite
*/

img.logo {
    transform: scale(1.3);
    transform-origin: top;
}
header {
    position: relative;
    z-index: 10;
}
.socket * {
    font-size: 12px;
}
.container-fluid .wp-block-custom-section-block-col {
    padding: 0px 50px;
}
section.lef-section.half-white:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: white;
    z-index: 0;
}

.tns-outer .tns-controls.center button[data-controls="prev"] {
    margin-left: -85px;
}

.tns-outer .tns-controls.center button[data-controls="next"] {
    margin-right: -85px;
}

.tns-outer .tns-controls.center button {
  width: 37px;
  height: 37px;
  background: var(--primary);
  color: var(--white);
  border-radius: var(--card-border-radius);
}

.tns-outer .tns-controls.center button:hover {
  background: var(--primary);
}
.card-portfolio {
    height: 470px!important;
    transform: rotate(1%)!important;
  overflow: hidden;
}
.card-portfolio .image-outer {
    position: relative;
}
.card-portfolio .image-outer img {
    transform: scale(1.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.card-portfolio:hover .image-outer img {
    transform: scale(1.3) rotate(4deg);;
}
.card-portfolio .image-outer:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--black);
    opacity: 0.4;
    position: absolute;
}
.card-portfolio .image-outer .image-holder {
    padding-bottom: 120%!important;
}
.card-portfolio .content-outer {
    background: transparent!important;
}
.card-portfolio .content-outer .btn {
    display: none;
}

#hero:after {
    content: '';
    background-image: url(img/maps.svg);
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-position: right;
    background-repeat: no-repeat;
}
#hero > .container:first-child:after {
    content: '';
    position: absolute;
    top: 100px;
    right: 40px;
    height: 40px;
    width: 40px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20x%3D%229%22%20y%3D%229%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%2211%22%20fill%3D%22%23CF5921%22/%3E%3Crect%20x%3D%225.5%22%20y%3D%225.5%22%20width%3D%2229%22%20height%3D%2229%22%20rx%3D%2214.5%22%20stroke%3D%22%23CF5921%22/%3E%3Crect%20opacity%3D%220.7%22%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2239%22%20height%3D%2239%22%20rx%3D%2219.5%22%20stroke%3D%22%23CF5921%22/%3E%3C/svg%3E');
    background-size: cover; /* Ensure the SVG covers the entire area */
    z-index: 4;
    pointer-events: none;
    animation: pulse 1.5s infinite;
}

@media only screen and (max-width: 991px) {
    #hero > .container:first-child:after  {
        display: none;
    }
}
section.map-bg {
    background-image: url(img/maps.svg);
    background-position: left;
    background-repeat: no-repeat;
}
strong {
    font-weight: 800;
}
.gfield_visibility_hidden {
    display: none;
}
.gform_title {
    display: none;
}
.socket-half {
  display: flex;
}
#socket-menu-ul {
    display: flex;
    gap: 30px;
}
.navigation .logo {
  width: fit-content!important;
}