/*
 Theme Name:   LPDW config
 Theme URI:    http://leplusduweb.com
 Description:  Theme enfant d'Enfold developpe par la societe Le Plus Du Web
 Author:       Le plus du web
 Author URI:   http://leplusduweb.com
 Template:     enfold
 Version:      1.0.0
*/

/*
Mobile Styles
================================================== */
/* Note: CSS POUR VUE TABLETTE */

@media only screen and (min-width: 768px) and (max-width: 988px) {
    /* Add your Mobile Styles here */


    /********************************************************************/
    /***************************HEADER*******************************/
    /********************************************************************/

    #header_main .logo a {
        display: flex;
        align-items: center;
    }

    .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
        display: block !important;
    }

    #header_meta {
        min-height: 40px !important;
        display: flex;
        align-items: center;
    }

    #header_meta .social_bookmarks {
        margin: 0 40px !important;
    }

    #header_meta .social_bookmarks li {
        font-size: 15px;
        padding: 0 20px !important;
        width: initial !important;
    }

    #header_meta .social_bookmarks li a::before {
        color: #183E74;
        margin-right: 5px;
    }

    #header_meta .av-social-link-telephone {
        display: flex !important;
        align-items: center;
    }

    #header_meta .av-social-link-telephone a {
        width: 100% !important;
        text-decoration: none;
    }

    #header_meta .av-social-link-telephone a::after {
        content: "+33 (0)2 02 02 02 02";
    }

    #header_meta .av-social-link-telephone a::before {
        color: #183E74;
        font-family: "fontello", serif !important;
        content: '\e80a';
    }

    #header_meta .av-social-link-five_100_px a::after {
        content: "Connexion";
    }

    #header_meta .av-social-link-five_100_px a::before {
        color: #183E74;
        font-family: "entypo-fontello", serif !important;
        content: '\e80a';
        margin-right: 10px;
    }


    /********************************************************************/
    /***************************NAVIGATION*******************************/
    /********************************************************************/

    #header_main .avia-menu .main-menu-call .avia-menu-text::before {
        content: '\e80a';
        font-family: 'fontello', serif;
        margin-right: 10px;
    }

    .call-form {
        display: none;
    }

    .call-form-mobile {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(24, 66, 120, 0.9);
        text-align: center;
        z-index: 1000;
        display: none;
    }

    .call-form-mobile .quit::after {
        content: '\e815';
        font-family: 'entypo-fontello', serif;
        position: absolute;
        right: 5%;
        top: 3%;
        color: white;
        font-size: 40px;
        z-index: 1000;
    }

    .call-form-mobile form {
        width: 300px;
        margin: 30% auto;
    }

    .call-form-mobile input {
        width: 100% !important;
        color: #183E74;
    }

    .call-form-mobile input::placeholder {
        font-size: 12px;
    }

    .avia-menu .bouton-inscription .avia-menu-text {
        background: rgb(7, 143, 209); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#078fd1', endColorstr='#674f9c', GradientType=1); /* IE6-9 */
        color: white !important;
        padding: 12px 25px;
        border-radius: 20px;
    }

    /************************FORMULAIRE***********************************/
    #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
        border-color: #d5d5d5 !important;
        background-color: white !important;
        border-radius: 4px;
    }

    #top .iconbox.av-no-box .iconbox_icon {
        width: 120px !important;
        height: 120px !important;
        line-height: 115px !important;
        font-size: 40px !important;
    }

    /***************************************************************/
    /************************SLIDER*******************************/
    /***************************************************************/
    #layer_slider_1 form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #layer_slider_1 input::placeholder {
        font-size: 12px;
    }

    #layer_slider_1 #submit {
        font-weight: 500;
        font-size: 13px;
        color: white;
        border-radius: 50px;
        line-height: 19px;
        margin: 0;
        z-index: auto;
        max-width: 275px;
        max-height: 50px;
        background: rgb(7, 143, 209); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#078fd1', endColorstr='#674f9c', GradientType=1); /* IE6-9 */
    }

    /***************************************************************/
    /****************************HOMEPAGE***************************/
    /****************************SIDEBAR****************************/
    /***************************************************************/
    #sidebar_fixe {
        position: fixed;
        right: 5px;
        top: 50%;
        width: 65px;
        z-index: 1000;
        border-radius: 35px;
        padding: 15px;
        background: rgb(7, 143, 209);
        background: -moz-linear-gradient(top, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%);
        background: linear-gradient(to bottom, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#078fd1', endColorstr='#674f9c', GradientType=0);
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-around;
        height: 250px;
    }

    #sidebar_fixe span {
        cursor: pointer;
        display: block;
        width: 25px;
        height: 25px;
    }

    #sidebar_fixe_projet {
        background: url(/wp-content/themes/enfold_child/images/sidebar/icon-oeil.png) no-repeat;
    }
    #sidebar_fixe_questions {
        background: url(/wp-content/themes/enfold_child/images/sidebar/icon-questions.png) no-repeat;
    }
    #sidebar_fixe_mail {
        background: url(/wp-content/themes/enfold_child/images/sidebar/icon-mail.png) no-repeat;
    }
    #sidebar_fixe_telephone {
        background: url(/wp-content/themes/enfold_child/images/sidebar/icon-telephone.png) no-repeat;
    }

    /********************************************************************/
    /**********************SERVICES***********************************/
    /********************************************************************/
    #services .iconbox_icon::after {
        content: '\e816';
        font-family: 'entypo-fontello', serif;
        top: 80px;
        left: 85px;
        font-size: 30px;
        color: white;
        background: rgb(7, 143, 209); /* Old browsers */
        background: -moz-linear-gradient(left, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(7, 143, 209, 1) 0%, rgba(103, 79, 156, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#078fd1', endColorstr='#674f9c', GradientType=1); /* IE6-9 */
        width: 40px;
        height: 40px;
        border-radius: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
    }

    #services h3 {
        text-transform: initial;
    }

    /********************************************************************/
    /**********************TEMOIGNAGES***********************************/
    /********************************************************************/

    .temoignages .avia-testimonial {
        border: none;
    }

    .temoignages .temoignages-content {
        margin-left: 3%;
    }

    .temoignages .avia-testimonial-image {
        width: 110px;
        height: 130px;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: initial;
        position: absolute;
        bottom: 70%;
        right: 65%;
    }

    .temoignages .avia-testimonial-content {
        background: #E8E8E8;
        color: grey;
        padding: 125px;
        max-width: 400px;
        text-align: justify;
    }

    .temoignages .avia-testimonial-content p {
        position: absolute;
        left: 12%;
        top: 33%;
        max-width: 280px;
        font-size: 12px !important;
    }

    .temoignages .avia-testimonial-meta {
        bottom: 220px;
        left: 10%;
        font-size: 15px;
    }

    /********************************************************************/
    /***************************ACTUALITES*******************************/
    /********************************************************************/
    .slide-meta { /* date de publication */
        display: none;
    }

    .slide-image img {
        margin-bottom: 10px !important;
        margin-right: initial !important;
        margin-left: initial !important;
    }


    /********************************************************************/
    /*****************************CONTACT********************************/
    /********************************************************************/
    .contact {
        background: linear-gradient(to bottom, #e8e8e8 0%, #e8e8e8 60%, #e8e8e8 60%, white 50%, white 100%);
    }

    .contact .contact-infos {
        position: absolute;
        top: 34%;
        left: 65%;
        padding: 15px 25px 15px 25px !important;
    }

    .contact .contact-infos .contact-infos-nom, .contact-infos-adresse {
        margin-bottom: 30px;
    }

    /********************************************************************/
    /******************************FOOTER********************************/
    /********************************************************************/
    #footer .container {
        border-bottom: 1px solid #153665;
    }

    #footer .widget_nav_menu { /*navigation pied de page */
        text-align: center;
    }

    #footer .widget_nav_menu .menu-footer-menu-container::before {
        content: url("../../uploads/2019/03/logo-blanc.png");
    }

    #footer .widget_nav_menu .menu li { /*navigation pied de page */
        display: inline-block;
        color: #fff;
        padding: 20px;
    }

    #footer .menu .menu-footer-mail a::before {
        content: '\e805';
        font-family: 'entypo-fontello', serif;
        font-size: 16px;
    }

    #footer .menu .menu-footer-linkedin a::before {
        content: '\e8fc';
        font-family: 'entypo-fontello', serif;
        font-size: 16px;
    }


    /********************************************************************/
    /******************************SOCKET********************************/
    /********************************************************************/
    #socket {
        border: 0;
    }

    #socket .container {
        display: flex;
        justify-content: center;
    }

}