/*
Theme Name: larock child
Theme URI: http://larock-design.com/
Description: This is the custom child theme for the Wordpress theme larock
Author: Simon Guerin
Author URI: http://simonguer.in/
Template: larock
Version: 1.0
*/


@import url('../larock/style.css');


/*  --------------------------------------------------
    ACCUEIL
    -------------------------------------------------- */


    section.c-home-video
      { overflow:hidden; }

      section.c-home-video .c-video-player--overlay
        { background-color:rgba(255,255,255,.65); bottom:0; height:auto; min-height:100%; min-width:100%; position:absolute; right:0; width:auto; z-index:-50; }

    section.l-slide-mobile-container .overlay
      { background:rgba(255,255,255,.65); height:100%; left:0; /*mix-blend-mode:multiply;*/ position:absolute; top:0; width:100%; z-index:2; }


    /*  -------------------------------------------------- */


    section.l-home-categories-container
      { padding:25px 0; }

      section.l-home-categories-container .c-home-category .c-home-category__img:hover
        { opacity:.65; }


/*  --------------------------------------------------
    SERVICES
    -------------------------------------------------- */


    section.l-services-container
      { display:grid; grid-gap:60px; padding:25px 0; }

      @media (max-width: 1440px) {
        section.l-services-container
          { grid-gap:45px; }
      }

      @media (max-width: 800px) {
        section.l-services-container
          { grid-gap:30px; }
      }

      section.l-services-container .c-service
        { padding-top:0; }

        section.l-services-container .c-service .c-service__content h2:before
          { background-color:#9d9d9d; }


    /*  -------------------------------------------------- */


    section.l-detailed-services-container
      { margin-top:0; }

      section.l-detailed-services-container h2:before
        { background-color:#9d9d9d; }


/*  --------------------------------------------------
    RÉALISATIONS
    -------------------------------------------------- */


    section.l-achievements-container
      { grid-gap:60px; padding:25px 0; }

      @media (max-width: 1440px) {
        section.l-achievements-container
          { grid-gap:45px; grid-template-columns:1fr 1fr; }
      }

      @media (max-width: 800px) {
        section.l-achievements-container
          { grid-gap:30px; grid-template-columns:1fr; }
      }


    /*  -------------------------------------------------- */


    section.l-achievements-container .c-achievement .c-achievement__gallery
      {}

      section.l-achievements-container .c-achievement .c-achievement__gallery .gallery img
        { height:300px; object-fit:cover; transition:opacity .5s ease; }

        section.l-achievements-container .c-achievement .c-achievement__gallery .gallery img:hover
          { opacity:.65; }

        section.l-achievements-container .c-achievement .c-achievement__gallery:hover .overlay-gallery
          { background:url('img/plus.png') center center no-repeat; height:48px; left:50%; position:absolute; top:50%; transform:translate(-24px, -24px); width:48px; z-index:999; }

        @media (max-width: 1440px) {
          section.l-achievements-container .c-achievement .c-achievement__gallery .gallery img
            { max-height:250px; }
        }


    /*  -------------------------------------------------- */


    section.l-achievements-container .c-achievement .c-achievement__content
      { box-shadow:4px 4px 5px rgba(0, 0, 0, .15); flex:1; min-height:200px; padding:30px; }

      @media (max-width: 1440px) {
        section.l-achievements-container .c-achievement .c-achievement__content
          { padding:25px; }
      }

      @media (max-width: 800px) {
        section.l-achievements-container .c-achievement .c-achievement__content
          { min-height:150px; }
      }

      section.l-achievements-container .c-achievement .c-achievement__content h3:before
        { background-color:#9d9d9d; }


/*  --------------------------------------------------
    À PROPOS
    -------------------------------------------------- */


    section.l-expertises-container h2:before
      { background-color:#9d9d9d; }

    section.c-about-description
      { padding-bottom:50px; }


/*  --------------------------------------------------
    QUOI DE NEUF
    -------------------------------------------------- */

    section.l-blog-container
      { float:left; padding:75px 7.5%; width:100%; }

      @media (max-width: 1440px) {
        section.l-blog-container
          { padding: 50px 5%; }
      }

      @media (max-width: 700px) {
        .l-blog-container
          { padding: 30px; }
      }


    section.l-blog-container .c-blog-content
      { width:100%; }

      section.l-blog-container .c-blog-content p
        { font-size:1.3125em; font-weight:200; letter-spacing: 1px; }

        @media (max-width: 1920px) {
          section.l-blog-container .c-blog-content p
            { font-size:1.125em; }
          }

        @media (max-width: 1440px) {
          section.l-blog-container .c-blog-content p
            { font-size:1em; }
          }

        @media (max-width: 800px) {
          section.l-blog-container .c-blog-content p
            { font-size:.875em; }
        }


/*  --------------------------------------------------
    NOUS JOINDRE
    -------------------------------------------------- */






/*  --------------------------------------------------
    --------------------------------------------------
    GENERIC
    --------------------------------------------------
    -------------------------------------------------- */



    /*.site-title.scroll
      { padding-left:0; }

      .c-main-header {}

      .c-main-header.scroll
        { padding:0 25px; }

        .c-main-header.scroll .c-nav-primary__toggle-menu
          { right:25px; }*/


    header.c-main-header
      { z-index:500; }


    header.c-page-header--secondary .overlay
      { background:rgba(157, 157, 157, .75); height:100%; left:0; /*mix-blend-mode:multiply;*/ position:absolute; top:0; width:100%; }


    /*  -------------------------------------------------- */


    section.l-footer-quote-container .l-footer-quote-content h2:before
      { background-color:#9d9d9d; }


    /*  -------------------------------------------------- */


    footer.c-main-footer .c-footer-contact__instagram
      { background:url('img/icons/icon-instagram.svg') top left; background-size:40px 40px; display:block; height:40px; width:40px; }

      footer.c-main-footer .c-footer-contact__instagram:hover
        { opacity: .7 }

      @media (max-width: 1920px) {
        footer.c-main-footer .c-footer-contact__instagram
          { background-size:24px 24px; height:24px; width:24px; }
      }

      @media (max-width: 1440px) {
        footer.c-main-footer .c-footer-contact__instagram
          { background-size:18px 18px; height:18px; width:18px; }
      }


    /*  -------------------------------------------------- */


    footer.c-main-footer .c-main-footer__logo
      { height:auto; }


    /*  -------------------------------------------------- */


    footer.c-main-footer ul.c-footer-nav
      { display:block; text-align:center; }

      footer.c-main-footer ul.c-footer-nav li
        { display:inline-block; }


    /*  -------------------------------------------------- */


    footer.c-main-footer .c-footer-copyright__made-by
      { flex-direction:column; }

    footer.c-main-footer .c-footer-copyright__made-by li
      { color:#fff; font-size:.6875em; font-weight:400; letter-spacing:2px; margin-bottom:0 !important; text-transform: uppercase; }

    footer.c-main-footer .c-footer-copyright__made-by a
      { color:#fff; font-size:1em; }

    footer.c-main-footer .c-footer-copyright__made-by li span
      { color:#444; }

      @media (max-width: 1920px) {
        footer.c-main-footer .c-footer-copyright__made-by li
          { font-size: .625em; }
      }

      @media (max-width: 1440px) {
        footer.c-main-footer .c-footer-copyright__made-by li
        { font-size: .5em; }
      }


      /*  -------------------------------------------------- */

      .fancy-ico span
        { border-color:transparent !important; border-radius:0 !important; box-shadow:none !important; transition:none !important; }

      @media ( min-width:801px ) {

        .fancy-ico
          { height:56px !important; width:56px !important; }

          .fancy-ico span
            { border-color:transparent !important; border-radius:0 !important; box-shadow:none !important; height:56px !important; left:0 !important; top:0 !important; transition:none !important; width:56px !important; }

            .fancy-ico span:active,
            .fancy-ico span:focus,
            .fancy-ico span:hover
              { background-color:#9d9d9d; }

        #fancybox-close
          { height:24px !important; right:-12px !important; top:-12px !important; width:24px !important; }

          #fancybox-close span
            { height:24px !important; width:24px !important; }

        #fancybox-next span::after
          { border-right:4px solid #fff !important; border-top:4px solid #fff !important; height:24px !important; right:18px !important; top:14px !important; width:24px !important; }

        #fancybox-prev span::after
          { border-right:4px solid #fff !important; border-top:4px solid #fff !important; height:24px !important; left:18px !important; top:14px !important; width:24px !important; }

      }


div#prize {
  position:absolute;z-index:99;display:flex;flex-direction:row;line-height:1;max-width:250px;gap:20px;align-items:center;top:55px;right:20px;
}
div#prize img { width:80px; }

@media ( min-width:701px ) {
    div#prize {
    top:55px;right:60px;font-size:115%;max-width:300px;
}
div#prize img { width:100px; }
}

@media ( min-width:801px ) {
    div#prize {
    top:60px;right:60px;
}}

@media ( min-width:1281px ) {
    div#prize {
    top:83px;right:100px;
}}

@media ( min-width:1441px ) {
    div#prize {
    top:94px;right:100px;
}}

@media ( min-width:1601px ) {
    div#prize {
    top:107px;right:100px;
}}

@media ( min-width:1921px ) {
div#prize {
    top:134px;right:100px;
}}







fieldset.hidden-fields-container
{ display:none; }