/**
Theme Name: EV Biotech
Author: Webpuccino®
Author URI: https://webpuccino.com
Description: Theme for EV Biotech
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ev-biotech
Template: astra
*/

body {
    /* background: url(img/body-bg.svg) no-repeat top right; */
    /* background-size: 60vw; */
}

body .elementor a {
    text-decoration: underline;
}

body .elementor a.elementor-button,
body .elementor a.elementor-button span {
    text-decoration: none;
}

/* Correct paragraph font sizes */
.elementor p.p1 {
    color: inherit;
    font-size: inherit;
    font-family: 'Montserrat', sans-serif;
}
.elementor p.s1 {
    color: inherit;
    font-size: inherit;
    font-family: 'Montserrat', sans-serif;
}

/* Container width 1180px */
.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1180px;
}

/* Video link at home */
.video-link::after {
    background: url('/wp-content/uploads/2019/04/video-play.svg') no-repeat center center;
    background-size: contain;
    content: '';
    display: inline-block;
    left: 8px;
    position: relative;
    top: 5px;
    height: 20px;
    width: 20px;
}

/* Testimonial slider */
.elementor .elementor-swiper .elementor-swiper-button {
    background: url(img/arrow.svg) no-repeat center center;
    background-size: contain;
    bottom: -60px;
    height: 18px;
    left: calc(50% + 15px);
    position: absolute;
    top: auto;
    width: 28px;
}

.elementor .elementor-swiper .elementor-swiper-button i {
    display: none;
}

.elementor .elementor-swiper .elementor-swiper-button.elementor-swiper-button-prev {
    background-image: url(img/arrow-back.svg);
    bottom: -60px;
    left: calc(50% - 43px);    
}

/* About slider */
.ev-about-slider .slick-list {
    border-radius: 10px;
    overflow: hidden;
}
.ev-about-slider .slick-arrow {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    background: #fff !important;
    border-radius: 5px 0 0 5px;
    height: 60px;
    left: 40px;
    width: 62px;
    position: absolute;
    top: 0;
}

body .ev-about-slider .slick-arrow::before {
    background: url(img/arrow.svg) no-repeat center center;
    background-size: contain;
    content: '';
    height: 18px;
    display: block;
    color: #221A3D !important;
    transform: rotate(-180deg);
}
.ev-about-slider .slick-arrow.slick-next {
    border-left: 1px solid #E5F0EE;
    border-radius: 0 5px 5px 0;
    left: 102px;
}
.ev-about-slider .slick-arrow.slick-next::before {
    transform: none;
}

/* Posts grid */
.elementor .ee-post__body a {
    text-decoration: none;
}

.ee-post__read-more {
    bottom: 20px;
    position: absolute;
}

.ee-post__button {
    height: 18px;
    overflow: hidden;
    white-space:nowrap;
    width: 32px;
}

.ee-post__button::before {
    background: url(img/arrow.svg) no-repeat center center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 18px;
    width: 28px;
}


/* Boxes */
.evbiotech-box .elementor-column-wrap,
.evbiotech-box-2 .elementor-column-wrap {
    background: #fff;
    background-clip: padding-box;
    border: solid 2px transparent;
    border-radius: 10px;
    position: relative;
}

.evbiotech-box .elementor-column-wrap::before,
.evbiotech-box-2 .elementor-column-wrap::before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -2px; /* !importanté */
    border-radius: inherit; /* !importanté */
    background: linear-gradient(to right, #432c7f , #00a59a);
}

.evbiotech-box .elementor-widget-wrap,
.evbiotech-box-2 .elementor-widget-wrap {
    overflow: hidden;
}

.evbiotech-box .elementor-widget-wrap::after,
.evbiotech-box-2 .elementor-widget-wrap::after {
    background: url(img/evbiotech-box-illustration.svg) no-repeat;
    background-size: contain;
    content: '';
    position: absolute;
    transform: translate(53%, 60%);
    transition: transform .25s ease;
    top: 0; right: 0; bottom: 0; left: 0;
}

.evbiotech-box:hover .elementor-widget-wrap::after {
    transform: translate(49%, 54%);
}

.evbiotech-box-2 .elementor-widget-wrap::after {
    background: url(img/evbiotech-box2-illustration.svg) no-repeat;
    transform: translate(42%, 59%);
    background-size: contain;
}

.evbiotech-box-2:hover .elementor-widget-wrap::after {
    transform: translate(40%, 56%) rotate(-13deg);
}

@media (max-width: 1020px) {
    .evbiotech-box .elementor-widget-wrap::after {
        transform: translate(54%, 72%);
    }

    .evbiotech-box:hover .elementor-widget-wrap::after {
        transform: translate(50%, 66%);
    }

    .evbiotech-box-2 .elementor-widget-wrap::after {
        transform: translate(38%, 70%);
    }

    .evbiotech-box-2:hover .elementor-widget-wrap::after {
        transform: translate(36%, 67%) rotate(-13deg);
    }
}

@media (max-width: 767px) {
    .evbiotech-box .elementor-widget-wrap::after {
        background-position: bottom 0 right 0;
        transform: translate(46%, 52%);
    }

    .evbiotech-box:hover .elementor-widget-wrap::after {
        transform: translate(42%, 46%);
    }

    .evbiotech-box-2 .elementor-widget-wrap::after {
        transform: translate(50%, 58%);
    }

    .evbiotech-box-2:hover .elementor-widget-wrap::after {
        transform: translate(48%, 55%) rotate(-13deg);
    }
}

@media (max-width: 560px) {
    .evbiotech-box .elementor-widget-wrap::after {
        transform: translate(52%, 50%);
    }

    .evbiotech-box:hover .elementor-widget-wrap::after {
        transform: translate(48%, 44%);
    }

    .evbiotech-box-2 .elementor-widget-wrap::after {
        transform: translate(40%, 58%);
    }

    .evbiotech-box-2:hover .elementor-widget-wrap::after {
        transform: translate(38%, 55%) rotate(-13deg);
    }
}

@media (max-width: 420px) {
    .evbiotech-box .elementor-widget-wrap::after {
        transform: translate(50%, 36%);
    }

    .evbiotech-box:hover .elementor-widget-wrap::after {
        transform: translate(46%, 30%);
    }

    .evbiotech-box-2 .elementor-widget-wrap::after {
        transform: translate(40%, 68%);
    }

    .evbiotech-box-2:hover .elementor-widget-wrap::after {
        transform: translate(38%, 65%) rotate(-13deg);
    }
}

@media (max-width: 320px) {
    .evbiotech-box .elementor-widget-wrap::after {
        transform: translate(50%, 28%);
    }

    .evbiotech-box:hover .elementor-widget-wrap::after {
        transform: translate(46%, 22%);
    }

    .evbiotech-box-2 .elementor-widget-wrap::after {
        transform: translate(40%, 74%);
    }

    .evbiotech-box-2:hover .elementor-widget-wrap::after {
        transform: translate(38%, 71%) rotate(-13deg);
    }
}

/* Footer */
.elementor-location-footer {  
  max-width: 100%;
  
}
#webp-link {
    white-space:nowrap;
}
html body #webp-link::before {
  top: 0px;
  width: 12px;
}

/* Profile popups */
.bdt-modal-dialog {
  border-radius: 5px;
  padding: 20px;      
}
.bdt-modal-header,
.bdt-modal-footer {
    padding: 15px 20px;
}
.bdt-modal-dialog a {
  color: #221a3d;
}
.bdt-modal-dialog a[href*="linkedin"] {
  background: url(img/linkedin.svg) no-repeat left center;
  background-size: contain;\
  font-weight: bold;
  padding-left: 25px; 
}