/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
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:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

#menu-mobile-desktop .hide-it{
        display: none;
}

.hide-it a{
        line-height: 25px;
        text-align: center;
        letter-spacing: 1.53px;
        color: #FFFFFF;
        background-color: #547767;
        border-style: solid;
        border-radius: 4px 4px 4px 4px;
        padding: 8px 15px 5px 15px;
        margin: auto;
}
.hide-it a:hover{
    color: #547767;
    background-color: #FFFFFF;
}
#menu-mobile-desktop nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{
    height:100vh;
}
#header-menu div div div nav.elementor-nav-menu--dropdown ul li.current-menu-item a.elementor-item-active{
    color:#547767;
}
#footer-carrousel #footer-carrousel-items div.swiper-slide{
    background: #FFFFFF;
    box-shadow: 5px 0px 20px rgb(0 0 0 / 6%);
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 35px;
    align-items:center;
    height: 171px;
}
#footer-carrousel #footer-carrousel-items div.swiper-slide figure img{
    max-height: 171px;   
}
/** Home page Style */
.image-service{
height: 225px;
}
.btn-services div div a{
width: 66% !important;
}
.chiffre-image{
height: 369px;
}
/** Page Contact-style */

#contactformbloc form .contactform-img, #contactformbloc form input[type=text], #contactformbloc form input[type=email], #contactformbloc form textarea{
	margin-bottom: 20px;
	padding-top: 22px;
        padding-bottom: 22px;
}
#contactformbloc form input[type=text], #contactformbloc form input[type=email], #contactformbloc form textarea{
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #333333;
	border-radius: 5px;
	width:100%;
}

#contactformbloc form input[type=submit]{
    font-family: "Poppins", Sans-serif;
    color:white;
    font-size: 18px;
    font-weight: 700;
    background-color: #547767;
    border-style: solid;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 15px 0px rgba(1, 106, 104, 0.25);
    width:40%;
}    

/** Page a propos-style */
  #section-apropos-page, #section-contact-page, #section-contact-page.elementor-container.elementor-column-gap-default{
   max-width:98%;
   margin:auto;
   margin-top: -61px !important
}
/** mobile devices  */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #menu-mobile-desktop .hide-it{
        display: block;
    }
     .hide-it a{
        width: 95%;
    }
}
/** mobile devices  */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
    #section-interne-apropos div.elementor-container.elementor-column-gap-custom{
    flex-direction : column-reverse; 
}
#contactformbloc form input[type=submit] {
    width: 100%;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
    #footer-carrousel #footer-carrousel-items div.swiper-slide.swiper-slide-active{
    width: 60% !important;
    padding: 24px;
}
 #footer-carrousel #footer-carrousel-items div.swiper-slide.swiper-slide-next{
    width: 40% !important;
    padding: 24px;
}
#footer-carrousel #footer-carrousel-items div.swiper-slide{
    height: 210px; 
}
#footer-carrousel #footer-carrousel-items div.swiper-slide figure img{
    max-height: 192px;  
}
.btn-services div div a{
width: 93% !important;
}
}
/** small screens */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #section-interne-apropos div.elementor-container.elementor-column-gap-custom{
    flex-direction : column-reverse;
}
#col-apropos-logo, #col-apropos-text{
    width: 100% !important; 
}

#contact-section-interne .elementor-container.elementor-column-gap-default{
   display:flex;
   flex-direction: row;
}
#contact-col-form, #contact-col-info{
   width:100%;
}
.btn-services div div a{
	width: 49% !important;
}

.service-section .elementor-column-gap-no{
	flex-direction: column;
}
.service-column{
    width: 100% !important;
    margin-bottom: 20px;
}
}
@media only screen and (min-device-width : 1025px) and (max-device-width : 1391px) {
.btn-services div div a{
	width: 83% !important;
	padding: 12px 9px;
 } 
}
/** small screens */
@media only screen and (min-device-width : 843px) and (max-device-width : 875px) {

    .hide-it a{
        white-space: nowrap;
    }
}
/** small screens and tablets */
@media only screen and (min-device-width : 481px) and (max-device-width : 1024px) {
    #menu-mobile-desktop .hide-it{
        display: block;
    }
    .hide-it a{
        width: 50%;
    }
}
/** from 1024 and down */
@media only screen and (max-device-width : 1024px) {
    /** Page a propos-style */
  #section-apropos-page, #section-contact-page{
  
   margin-top: 0px !important
}
#section-contact-page{
 max-width: 100% ;
	}

}

/** Affichage du menu sur Medium screens */
@media only screen and (min-device-width : 1025px) and (max-device-width : 1515px) {
  #entete-bacch{
       padding: 0% 2% 0% 2% ;
      }
  #entete-bacch div #header-logo{
       width: 9.225%;
      }
  #entete-bacch div #header-menu{
     width: 91.653%;
     }
 #entete-bacch div #header-menu div #menu-mobile-desktop div nav ul li a{
     padding-left: 2px;
     padding-right: 2px;
     margin-inline: 7px;
     }
#entete-bacch div #header-menu div #entete-header-btn div{
    margin: 0px 0px 0px 7px;
    }
#entete-bacch div #header-menu div #entete-header-btn div div a {
    padding: 15px 9px 15px 10px;
    font-size: 15px;
    }
}