/* 
Theme Name: Hello Elva
Theme URI: https://github.com/elementor/hello-theme/
Description: Thème enfant Hello pour le site groupe-elva
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
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: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.btn-arrow a,
.btn-readmore-arrow  a.elementor-post__read-more
{
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-arrow a:before,
.btn-readmore-arrow a.elementor-post__read-more:before
{
    content: "";
    position: absolute;
    width: 47px;
    height: 11px;
    background-image: url("img/cta-arrow.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    top: 50%;
    left: -15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.btn-arrow a:hover,
.btn-readmore-arrow a.elementor-post__read-more:hover
{
    padding-left : 55px!important;
    padding-right :25px!important;
}

.btn-arrow a:hover:before,
.btn-readmore-arrow a.elementor-post__read-more:hover:before
{
    left: 0;
}


.readmore-arrow .elementor-grid-item
{
    position: relative;
    padding-bottom: 20px;
}

.elementor-widget-wp-widget-categories h5
{
    display: none;
}
.elementor-widget-wp-widget-categories ul
{
    list-style-type: none;
    padding: 0;
    text-align: center;
}

.elementor-widget-wp-widget-categories li
{
    display: inline-block;
}

.elementor-widget-wp-widget-categories a
{
    background-color: var(--e-global-color-secondary);
    padding: 5px 40px;
    color:#FFF;
    text-transform: uppercase;
    font-size: 12px;
    overflow: hidden;
    margin: 20px;
}
.elementor-widget-wp-widget-categories .current-cat a
{
    background-color: var(--e-global-color-primary);
}

.readmore-arrow .elementor-grid-item:hover a
{
    color:var(--e-global-color-secondary)!important;
}



.readmore-arrow .elementor-post__read-more
{
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
    padding: 0 80px 0 0;
    background-color: #FFF;
    z-index: 20;
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68.108 10.01"><path class="cls-1" d="M67.909 4.527L63.581.2a.677.677 0 00-.957.957L65.8 4.329H0c-.011.041 0 1.446 0 1.353h65.8l-3.176 3.174a.677.677 0 00.957.957l4.329-4.329a.676.676 0 00-.001-.957z"></path></svg>') center right no-repeat;
    background-size: auto 10px;

}

.readmore-arrow .elementor-post__read-more:before
{
    content:'';
    position: absolute;
    top:50%;
    left: 0;
    width: calc(100% - 150px);
    height: 2px;
    background-color: #000;
}

.readmore-arrow .elementor-grid-item:hover .elementor-post__read-more:before
{
    background-color: var(--e-global-color-secondary)!important;
}

.readmore-arrow .elementor-grid-item:hover .elementor-post__read-more
{
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68.108 10.01"><path fill="rgb(255, 171, 8)" class="cls-1" d="M67.909 4.527L63.581.2a.677.677 0 00-.957.957L65.8 4.329H0c-.011.041 0 1.446 0 1.353h65.8l-3.176 3.174a.677.677 0 00.957.957l4.329-4.329a.676.676 0 00-.001-.957z"></path></svg>') center right no-repeat;
    background-size: auto 10px;
}

body.home #header-elva:not(.elementor-sticky--effects)
{
    background-color: transparent;
}

body.home .elementor-location-header
{
    margin-bottom: -122px;
}

.left-right-orange
{
    position: relative;
}
.left-right-orange:before,
.left-right-orange:after
{
    content:'';
    position: absolute;
    left: 2px;
    top: 45%;
    width: 20px;
    height: 4px;
    background-color: var(--e-global-color-secondary);
}
.left-right-orange:after
{
    left: unset;
    right: 2px;
}

.menu-orange
{
    background-color: var(--e-global-color-secondary);
}


@media screen and (min-width: 768px){
    .border-right
    {
        position: relative;
    }

    .border-right:after
    {
        content: '';
        position: absolute;
        right: 0;
        top:50%;
        bottom: 20px;
        width: 1px;
        background-color: #000;
    }
}
@media screen and (max-width: 767px){
    .mobilehideborders .elementor-widget-wrap
    {
        border-right-style: none!important;
        border-left-style: none!important;
    }

}