/*
 Theme Name:   Ocean WP Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Ocean WP Child Theme
 Author:       Inside Communication
 Author URI:   http://example.com
 Template:     oceanwp
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  oceanwpchild
*/

/*CUSTOM CSS*/

a:focus {
    outline: 0!important;
  }

p, label{
    font-family: "acumin-variable",sans-serif;
    font-variation-settings: 'wght' 300, 'wdth' 67.5, 'slnt' 0;
}

h1,h2,h3, a {
    font-family: "acumin-variable",sans-serif;
    font-variation-settings: 'wght' 600, 'wdth' 67.5, 'slnt' 0;
  }

h1,h2,h3{
    text-transform: uppercase;
}

h4,h5,strong {
    font-family: "acumin-variable",sans-serif;
    font-variation-settings: 'wght' 600, 'wdth' 67.5, 'slnt' 0;
  }

a{
    text-decoration: none!important;
}

.thin{
    font-variation-settings: 'wght' 200, 'wdth' 67.5, 'slnt' 0;
    font-size:.8em;
}


#site-header.center-header #site-navigation-wrap .middle-site-logo:hover img{
    opacity: 1!important;
    pointer-events: none;
}

#site-header.center-header #site-navigation-wrap ul{
    width: 50%!important;
}

#menu-item-182{
    background-color: #5AB891;
    padding: 5px 6px 5px;
    border-radius: .6em;
}

#menu-item-182 a{
    border: 1px dashed #fff;
    color: #fff!important;
    padding: 0 40px!important;
    border-radius: 0.5em;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
}

#menu-item-182 a::before{
    background-color: #fff;
    content: '';
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    display: inline-block;
    width : 25px;
    height: 25px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.left-menu a.menu-link:focus{
    color: #5AB891!important;
    text-decoration-style: dashed!important;
    text-decoration-line: underline!important;
    text-underline-offset: 3px;
}

#site-navigation-wrap .dropdown-menu >li >a{
    line-height: 50px!important;
}

#head_top{
    margin-bottom: 5rem;
    border-radius: 5rem;
}

#head_top h1, #head_top h2{
    color: #fff;
    text-transform: uppercase;
    text-shadow: #00000029 3px 0 6px;
    margin-bottom: 0!important;
}

#head_top .btn-sticker-border{
    background-color: #fff;
    padding: 25px 10px 22px;
    border-radius: 1em;
}

#head_top .button-sticker a{
    border: 1px dashed #5AB891;
    font-size: 1.25em;
    color: #5AB891;
    padding: 10px 40px;
    border-radius: .5em;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
}

#head_top .button-sticker:hover a{
    box-shadow: none;
    color: #5AB891!important;
}

#head_top .button-sticker a::before{
    background-color: #5AB891;
    content: '';
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    display: inline-block;
    width : 25px;
    height: 25px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

.btn-sticker-border{
    background-color: #5AB891;
    padding: 25px 10px 22px;
    border-radius: 1em;
}

.btn-sticker-border:hover a{
color: #fff!important;
} 

.button-sticker a{
    border: 1px dashed #fff;
    font-size: 1.25em!important;
    color: #fff;
    padding: 10px 40px;
    border-radius: .5em;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
}

.button-sticker:hover a{
    box-shadow: none;
}

.button-sticker a::before{
    background-color: #fff;
    content: '';
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z' clip-rule='evenodd' /%3E%3C/svg%3E%0A") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    display: inline-block;
    width : 25px;
    height: 25px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

#pic_column > div{
    border-radius: 1em;
}

#key_points_ext{
outline: 1px solid #5AB891;
outline-offset: 10px;
border: 2px dotted #5AB891;
border-radius: 1em;
padding: 25px 25px 0 25px;
}

#key_points_ext:before{
content: '';
background: url('https://www.ouipub.lu/wp-content/uploads/2023/04/Stickers-Etoile.png');
background-size: cover;
width: 150px;
height: 150px;
margin: auto;
display: block;
position: relative;
top: -112px;
}

#boite_ltr{
    position: relative;
    top: 255px;
}

#green_box_btm{
    border-radius: 1em;
    padding: 0 40px;
    scroll-margin-top: 100px;
}

#green_box_btm .vc_column-inner{
    padding: 10px 0!important;
}

#green_box_btm #form_box{
    background-color: #fff;
    border-radius: 1em;
    outline: 2px dotted #5AB891;
    outline-offset: -1px;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16);
}

.form-flex{
    display: flex;
    margin-bottom: 15px;
}

.form-flex label{
    margin: 0 5px;
}

label.fifty-lbl{
    width: 50%;
}

label.sevnty-lbl{
    width: 66%;
}

label.thrty-lbl{
    width: 33%;
}

form input{
    border-radius: 1em!important;
    -webkit-box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,0.16); 
    box-shadow: inset 2px 2px 5px 1px rgba(0,0,0,0.16);
    border: 1px dotted #5AB891!important;
}

button[type="submit"]{
    background: none!important;
    margin-top: 25px;
    font-size: 0.9em;
}

#hr_sci::before{
content: '';
width: 19px;
height: 19px;
background-color: #fff;
display: inline-block;
position: relative;
top: 48px;
left: -38px;
border-radius: 100%;
}

#hr_sci::after{
    content: '';
    width: 19px;
    height: 19px;
    background-color: #fff;
    display: inline-block;
    position: relative;
    top: 48px;
    right: -100%;
    border-radius: 100%;
    }

hr{
    clear: both;
    height: 1px;
    min-height: 0;
    margin: 20px 0;
    border-top: 1px dashed #fff;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    width: 115%;
    margin-left: -10%;
}

#hr_sci .wpb_raw_code::after{
    content: '';
    background-color: #fff;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M1.469 3.75a3.5 3.5 0 005.617 4.11l.883.51c.025.092.147.116.21.043a3.75 3.75 0 01.5-.484c.286-.23.3-.709-.018-.892l-.825-.477A3.501 3.501 0 001.47 3.75zm2.03 3.482a2 2 0 112-3.464 2 2 0 01-2 3.464zM9.956 8.322a2.75 2.75 0 00-1.588 1.822L7.97 11.63l-.884.51a3.501 3.501 0 10.75 1.3l10.68-6.166a.75.75 0 00-.182-1.374l-.703-.189a2.75 2.75 0 00-1.78.123L9.955 8.322zM2.768 15.5a2 2 0 113.464-2 2 2 0 01-3.464 2z' clip-rule='evenodd' /%3E%3Cpath d='M12.52 11.89a.5.5 0 00.056.894l3.274 1.381a2.75 2.75 0 001.78.123l.704-.188a.75.75 0 00.18-1.374l-3.47-2.004a.5.5 0 00-.5 0L12.52 11.89z' /%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M1.469 3.75a3.5 3.5 0 005.617 4.11l.883.51c.025.092.147.116.21.043a3.75 3.75 0 01.5-.484c.286-.23.3-.709-.018-.892l-.825-.477A3.501 3.501 0 001.47 3.75zm2.03 3.482a2 2 0 112-3.464 2 2 0 01-2 3.464zM9.956 8.322a2.75 2.75 0 00-1.588 1.822L7.97 11.63l-.884.51a3.501 3.501 0 10.75 1.3l10.68-6.166a.75.75 0 00-.182-1.374l-.703-.189a2.75 2.75 0 00-1.78.123L9.955 8.322zM2.768 15.5a2 2 0 113.464-2 2 2 0 01-3.464 2z' clip-rule='evenodd' /%3E%3Cpath d='M12.52 11.89a.5.5 0 00.056.894l3.274 1.381a2.75 2.75 0 001.78.123l.704-.188a.75.75 0 00.18-1.374l-3.47-2.004a.5.5 0 00-.5 0L12.52 11.89z' /%3E%3C/svg%3E%0A");
    mask-size: cover;
    -webkit-mask-size: cover;
    display: inline-block;
    width : 25px;
    height: 25px;
    position: relative;
    top: -34px;
}

.white_h *{
    color: #fff;
}

#hr_follow{
    position: relative;
    top: -30px;
}

#footer-bottom.no-footer-nav #copyright{
    display: flex;
    border-top:2px dotted #163B25;
    padding-top: 20px;
}

#footer-bottom.no-footer-nav #copyright div{
    flex: auto;
}

#footer-bottom.no-footer-nav #copyright div p a{
font-size: 1.1em;
font-variation-settings: 'wght' 300, 'wdth' 67.5, 'slnt' 0;
}

footer#footer{
    margin-top: -20px;
}

#footer-bottom-inner::before{
    content: '';
    background-color: #163B25;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M1.469 3.75a3.5 3.5 0 005.617 4.11l.883.51c.025.092.147.116.21.043a3.75 3.75 0 01.5-.484c.286-.23.3-.709-.018-.892l-.825-.477A3.501 3.501 0 001.47 3.75zm2.03 3.482a2 2 0 112-3.464 2 2 0 01-2 3.464zM9.956 8.322a2.75 2.75 0 00-1.588 1.822L7.97 11.63l-.884.51a3.501 3.501 0 10.75 1.3l10.68-6.166a.75.75 0 00-.182-1.374l-.703-.189a2.75 2.75 0 00-1.78.123L9.955 8.322zM2.768 15.5a2 2 0 113.464-2 2 2 0 01-3.464 2z' clip-rule='evenodd' /%3E%3Cpath d='M12.52 11.89a.5.5 0 00.056.894l3.274 1.381a2.75 2.75 0 001.78.123l.704-.188a.75.75 0 00.18-1.374l-3.47-2.004a.5.5 0 00-.5 0L12.52 11.89z' /%3E%3C/svg%3E%0A");
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' class='w-5 h-5'%3E%3Cpath fill-rule='evenodd' d='M1.469 3.75a3.5 3.5 0 005.617 4.11l.883.51c.025.092.147.116.21.043a3.75 3.75 0 01.5-.484c.286-.23.3-.709-.018-.892l-.825-.477A3.501 3.501 0 001.47 3.75zm2.03 3.482a2 2 0 112-3.464 2 2 0 01-2 3.464zM9.956 8.322a2.75 2.75 0 00-1.588 1.822L7.97 11.63l-.884.51a3.501 3.501 0 10.75 1.3l10.68-6.166a.75.75 0 00-.182-1.374l-.703-.189a2.75 2.75 0 00-1.78.123L9.955 8.322zM2.768 15.5a2 2 0 113.464-2 2 2 0 01-3.464 2z' clip-rule='evenodd' /%3E%3Cpath d='M12.52 11.89a.5.5 0 00.056.894l3.274 1.381a2.75 2.75 0 001.78.123l.704-.188a.75.75 0 00.18-1.374l-3.47-2.004a.5.5 0 00-.5 0L12.52 11.89z' /%3E%3C/svg%3E%0A");
    mask-size: cover;
    -webkit-mask-size: cover;
    display: inline-block;
    width : 25px;
    position: relative;
    top:15px;
    left: 35px;
    height: 25px;
}

@media screen and (min-width:769px){
    #site-header{
        position: sticky!important;
        top: 0;
        transition: all .2s;
    }

    #site-header-inner{
        top: 20px;
    }

    #site-header.center-header #site-navigation-wrap .middle-site-logo{
        position: absolute;
        left: 50%;
        transform: translate(-50%, 52px);
    }

    #head_top h2{
        font-size: 4em;
        margin-top: -5px;
    }

    #head_top{
        min-height: 83vh!important;
        margin-left: -25rem;
        margin-right: -25rem;
        margin-top: 3vh;
        }

    #oui-pub .wpb_text_column {
        padding-right: 15% !important;
    }

    #gift_box .wpb_text_column{
        padding: 0 15%;
    }

    #green_box_btm #form_box{
        padding: 30px 5%;
    }
}

@media screen and (max-width:768px){
    h5{
        font-size:1.2em;
    }

    #gift_box #pic_column{
        min-height: 300px;
    }

    #boite_ltr{
        top: 25px!important;
    }

    #green_box_btm #form_box{
        padding: 30px 1%;
    }

    .wpcf7-submit .btn-sticker-border a{
        padding: 10px!important;
        font-size: .8em!important;
    }

    label#country{
        display:none;
    }

    #hr_sci::after{
        top: -110px;
        right: -105%;
    }
  }

@media screen and (max-width:480px){
    h5{
        font-size:1em;
    }
  }