/* Theme Name: Emi Mess Theme URI: # Author: Agence Boeki Author URI: https://www.boeki.fr Description: Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:1}.hamburger.is-active:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#000}.hamburger-box{width:30px;height:16px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:0}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:30px;height:1px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-7px}.hamburger-inner::after{bottom:-7px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowalt .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-8px,-10px,0) rotate(-45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-8px,10px,0) rotate(45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(8px,-10px,0) rotate(45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(8px,10px,0) rotate(-45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--elastic .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms ease}.hamburger--elastic .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:75ms}.hamburger--elastic-r .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms ease}.hamburger--elastic-r .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-135deg);transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(270deg);transition-delay:75ms}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color 125ms 175ms ease-in}.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in}.hamburger--emphatic .hamburger-inner::after{top:10px;right:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner::before{left:-80px;top:-80px;transform:translate3d(80px,80px,0) rotate(45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic.is-active .hamburger-inner::after{right:-80px;top:-80px;transform:translate3d(-80px,80px,0) rotate(-45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color 125ms 175ms ease-in}.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in}.hamburger--emphatic-r .hamburger-inner::after{top:10px;right:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner::before{left:-80px;top:80px;transform:translate3d(80px,-80px,0) rotate(-45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-80px;top:80px;transform:translate3d(-80px,-80px,0) rotate(45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before{transition:bottom 80ms 0s ease-out,top 80ms 0s ease-out,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 0s 80ms linear}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner::before{top:10px;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider-r .hamburger-inner::after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s .13s linear}.hamburger--spring .hamburger-inner::before{top:10px;transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner::after{top:20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner::after{top:-20px;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner::before{transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)}.hamburger--stand .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand-r .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)} @font-face { font-family: 'HelveticaNew'; src: url('assets/fonts/helveticaneueroman.eot'); src: url('assets/fonts/helveticaneueroman.eot?#iefix') format('embedded-opentype'), url('assets/fonts/helveticaneueroman.woff') format('woff'), url('assets/fonts/helveticaneueroman.ttf') format('truetype'), url('assets/fonts/helveticaneueroman.svg#helveticaneueroman') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'HelveticaNew'; src: url('assets/fonts/helveticaneuelight.eot'); src: url('assets/fonts/helveticaneuelight.eot?#iefix') format('embedded-opentype'), url('assets/fonts/helveticaneuelight.woff') format('woff'), url('assets/fonts/helveticaneuelight.ttf') format('truetype'), url('assets/fonts/helveticaneuelight.svg#helveticaneuelight') format('svg'); font-weight: 300; font-style: normal; } /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Featured Image Hover 12.0 Navigation 13.0 Layout 13.1 Header 13.2 Front Page 13.3 Regular Content 13.4 Posts 13.5 Pages 13.6 Footer 14.0 Comments 15.0 Widgets 16.0 Media 16.1 Galleries 17.0 Customizer 18.0 SVGs Fallbacks 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: 1px #767676 dotted; text-decoration: none; } b, strong { font-weight: inherit; } b, strong { font-weight: 700; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #eee; color: #222; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #bbb; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } /*-------------------------------------------------------------- 2.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- 3.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- 4.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after { clear: both; } /*-------------------------------------------------------------- 5.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #000; font-family: "HelveticaNew", "Helvetica Neue", helvetica, arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 1.4; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.4; margin: 0 0 0.75em; padding: 1.5em 0 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0; } h1 { font-size: 24px; } h2, .home.blog .entry-title { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 13px; } h6 { font-size: 15px; } p { margin: 0 0 1.5em; padding: 0; } dfn, cite, em, i { font-style: italic; } blockquote { color: #666; font-size: 18px; font-size: 1.125rem; font-style: italic; line-height: 1.7; margin: 0; overflow: hidden; padding: 0; } blockquote cite { display: block; font-style: normal; font-weight: 600; margin-top: 0.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #eee; text-decoration: none; } big { font-size: 125%; } blockquote { quotes: "" ""; } q { quotes: "“" "”" "‘" "’"; } blockquote:before, blockquote:after { content: ""; } :focus { outline: none; } /*-------------------------------------------------------------- 6.0 Forms --------------------------------------------------------------*/ label { color: #333; display: block; font-weight: 800; margin-bottom: 0.5em; } fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; display: block; padding: 0.7em; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #222; border-color: #333; } select { border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; height: 3em; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } button, input[type="button"], input[type="submit"] { background-color: #222; border: 0; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1; padding: 1em 2em; text-shadow: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } input + button, input + input[type="button"], input + input[type="submit"] { padding: 0.75em 2em; } button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary { background-color: #ddd; color: #222; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #767676; } button.secondary:hover, button.secondary:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { background: #bbb; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #000; font-weight: 300; font-family: "HelveticaNew", "Helvetica Neue", helvetica, arial, sans-serif; } :-moz-placeholder { color: #000; font-weight: 300; font-family: "HelveticaNew", "Helvetica Neue", helvetica, arial, sans-serif; } ::-moz-placeholder { color: #000; font-weight: 300; font-family: "HelveticaNew", "Helvetica Neue", helvetica, arial, sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #000; font-weight: 300; font-family: "HelveticaNew", "Helvetica Neue", helvetica, arial, sans-serif; } /*-------------------------------------------------------------- 7.0 Formatting --------------------------------------------------------------*/ hr { background-color: #bbb; border: 0; height: 1px; margin-bottom: 1.5em; } /*-------------------------------------------------------------- 8.0 Lists --------------------------------------------------------------*/ ul, ol { margin: 0 0 1.5em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /*-------------------------------------------------------------- 9.0 Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee; } td { padding: 0.4em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /*-------------------------------------------------------------- 10.0 Links --------------------------------------------------------------*/ a { color: #000; text-decoration: none; } a:focus { outline: none!important; } a:hover, a:active { color: #666; outline: 0; } /*-------------------------------------------------------------- 12.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 13.0 Layout --------------------------------------------------------------*/ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } html,body{ overflow-x: hidden; } body{ opacity: 0; background: #fff; -webkit-transition: opacity 0.8s ease; -moz-transition: opacity 0.8s ease; -o-transition: opacity 0.8s ease; transition: opacity 0.8s ease; /* -webkit-font-smoothing: antialiased; */ } .wrapper{ max-width: 1420px; width: 100%; position: relative; margin: 0 auto; padding: 0 160px; } .wrap{ max-width: 1600px; width: 100%; position: relative; margin: 0 auto; padding: 0 10px; } .clear{ clear: both; } a{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } ul.bxslider{ list-style: none; margin: 0; padding: 0; } .wow{ visibility: hidden; } p:last-child, ul:last-child{ margin-bottom: 0; } /*-------------------------------------------------------------- 13.1 Header --------------------------------------------------------------*/ .site-header { position: relative; z-index: 50; } .site-title{ margin: 0; padding: 0; } .site-title a{ display: block; width: 274px; height: 37px; text-indent: -999em; overflow: hidden; position: fixed; left: 50%; top: 55px; transform: translate(-50%,0); background: url(assets/images/logo.svg) no-repeat center center; background-size: contain; opacity: 1; } .site-title a:hover{ opacity: 0.7; } .main-menu{ list-style: none; margin: 0; padding: 0; position: fixed; left: 45px; top: 150px; line-height: 1; } .main-menu > li{ display: block; margin: 7px 0; } .main-menu > li:first-child{ margin-top: 0; } .main-menu > li.space{ margin-bottom: 20px; } .main-menu > li > a{ display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.02em; line-height: 1; } .main-menu > li > ul, .main-menu > li > ul > li > ul{ display: none; list-style: none; margin: 0; padding: 8px 0 15px 20px; text-transform: uppercase; font-size: 12px; letter-spacing: 0.02em; } .menu-item-has-children > .fleche{ display: block; cursor: pointer; position: absolute; left: -27px; top: -5px; transform: rotate(0deg); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; line-height: 1; padding: 5px 8px; font-size: 12px; color: black; } .menu-item-has-children > .fleche.on{ transform: rotate(180deg); } .menu-item-has-children.current-menu-item > .fleche, .menu-item-has-children.current-menu-parent > .fleche{ transform: rotate(180deg); } .menu-item-has-children.current-menu-item > .fleche.on, .menu-item-has-children.current-menu-parent > .fleche.on{ transform: rotate(0deg); } .main-menu > li > ul > li, .main-menu > li > ul > li > ul > li{ margin: 5px 0; position: relative; } .main-menu li ul li a{ border-bottom: 1px solid transparent; } .main-menu li ul li a:hover, .main-menu li.current-menu-item > a, .main-menu > li > ul > li.current-menu-parent > a{ border-bottom: 1px solid; } p.legende{ text-align: center; font-size: 11px; margin: 0; padding: 10px 0 0; } .bloc-image_seule:not(.portray) p.legende{ text-align: left; max-width: 80%; margin: 0 auto; } .bloc-image_seule.portray p.legende{ width: calc(50% - 12px); text-align: left; margin: 0 auto; } .lang-menu{ position: fixed; left: 45px; top: 40px; list-style: none; margin: 0; padding: 0; line-height: 1; } .lang-menu li{ display: inline-block; margin-right: 13px; } .lang-menu li a{ display: block; text-transform: uppercase; font-size: 12px; line-height: 1; } .lang-menu li:not(.wpml-ls-current-language) a{ font-weight: 400; } .shopmenu{ position: fixed; right: 45px; top: 40px; font-size: 12px; line-height: 1; text-transform: uppercase; text-align: right; } .shopmenu .search-form{ display: none; background: white; position: absolute; right: 0; top: 0; width: 200px; } .shopmenu .search-form input[type="search"]{ border: 0; border-radius: 0; border-bottom: 1px solid black; font-size: 12px; color: black; padding: 0 0 2px; font-weight: 400; width: calc(100% - 37px); } .shopmenu .search-form button { background: #f1f1f1; padding: 7px 6px 4px; color: black; font-weight: 300; font-size: 12px; position: absolute; right: 0; border-radius: 0; top: -3px; } .shopmenu .search-form button:hover { background: black; color: white; } .shop-menu{ list-style: none; margin: 0; padding: 0; line-height: 1; text-align: right; } .shopmenu > a{ display: block; margin: 7px 0; } .shop-menu li{ display: block; margin: 7px 0; } .shop-menu li a{ display: block; } .main-menu li.current-menu-ancestor > ul, .main-menu li.current-menu-parent > ul, .main-menu li.current-menu-item > ul{ display: block; } /*-------------------------------------------------------------- 13.3 Regular Content --------------------------------------------------------------*/ .site-content { } /* .slidertop ul li{ border: 10px solid white; } */ .slidertop ul li .fondd{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; } .slidertop li .slidelink{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; } .slidertop li .slidetitre{ line-height: 1; display: inline-block; position: absolute; } .slidertop li .slidetitre h4{ font-weight: 300; text-transform: uppercase; letter-spacing: 0.02em; font-size: 14px; padding: 0; margin: 0; } .slidertop li .slidetitre h3{ font-weight: 300; text-transform: uppercase; letter-spacing: 0.02em; font-size: 18px; padding: 0; margin: 0; } p.h3{ text-align: center; font-size: 18px; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; margin: 0; } .homenews{ margin: 80px 0 60px; } .sml_subscribe{ width: 260px; display: block; margin: 20px auto 0; position: relative; } .sml_subscribe > p{ display: inline-block; vertical-align: middle; margin: 0; } .sml_subscribe label{ display: none; } .sml_subscribe > p.sml_email{ width: calc(100% - 40px); } .sml_subscribe input[type="text"]{ border: 0; border-radius: 0; border-bottom: 1px solid black; font-size: 12px; color: black; padding: 0 0 2px; font-weight: 400; } .sml_subscribe input[type="submit"]{ background: #f1f1f1; padding: 7px 6px 4px; color: black; font-weight: 300; font-size: 12px; position: absolute; right: 0; border-radius: 0; top: -3px; } .sml_subscribe input[type="submit"]:hover{ background: black; color: white; } .homeinsta{ text-align: center; } .homeinsta .wrapper > a{ display: inline-block; margin: 15px 0 0; width: 46px; height: 46px; border-radius: 50%; border: 1px solid black; color: black; background: white; line-height: 48px; font-size: 26px; } .homeinsta .wrapper > a:hover{ background: black; color: white; } .follow-insta a{ display: inline-block; font-size: 12px; border-bottom: 1px solid; } .bloc-image_texte .image, .bloc-image_texte .text{ display: inline-block; vertical-align: middle; width: 50%; } .bloc-image_texte .image{ padding: 0 10px; } .bloc-image_texte .image img, .bloc-deux_images .left img, .bloc-deux_images .right img{ width: 100%; display: block; } .bloc-image_seule:not(.portray) img{ width: 80%; display: block; margin: 0 auto; } .bloc-image_texte.gauche .image { padding-left: 0; } .bloc-image_texte.droite .image { padding-right: 0; } .bloc-image_texte .text{ padding: 0 60px; text-align: center; } .txt h3{ text-align: center; font-size: 18px; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; margin: 0 0 20px; } a.bouton{ display: inline-block; font-size: 12px; font-weight: 400; border-bottom: 1px solid; text-transform: uppercase; } .home .blocs{ padding-top: 90px; } .bloc, .homenews, .bloc-texte + .blocs{ position: relative; } .bloc + .bloc, .homenews, .bloc-texte + .blocs{ margin-top: 80px; padding-top: 80px; } .bloc + .bloc:before, .homenews:before, .bloc-texte + .blocs:before{ content: ''; display: block; width: calc(100% - 320px); max-width: 1100px; background: #e1e2e1; height: 1px; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); } .bloc-deux_images .left, .bloc-deux_images .right{ display: inline-block; vertical-align: top; width: 50%; padding: 0 40px; } .bloc-deux_images .left{ padding-left: 0; } .bloc-deux_images .right{ padding-right: 0; } .mainim img{ display: block; width: 100%; } .bloc-image_seule.portray img, .mainim img.vert{ height: auto !important; width: calc(50% - 12px) !important; padding: 0; margin: 0 auto; display: block; } body.page-template-page-contact .mainim img{ height: auto!important; width: 500px!important; } body.page-template-page-contact .txt h3{ text-transform: none; } .page-template-page-contact .bloc-texte + .blocs:before, .page-template-page-campagne .bloc-texte + .blocs:before, .page-template-page-campagne .bloc + .bloc:before { display: none; } .page-template-page-contact .mainim + .txt { padding-top: 40px; } .page-template-page-contact .bloc-texte + .blocs { margin-top: 0; padding-top: 0; } .page-template-page-campagne .mainim + .txt{ position: relative; padding-top: 40px; margin-top: 80px; padding-bottom: 40px; margin-bottom: 80px; } .bloc-deux_images .left .legende{ text-align: left; } .bloc-deux_images .right .legende{ text-align: left; } .page-template-page-campagne .mainim + .txt:before{ content: ''; display: block; width: 110px; height: 1px; background: black; position: absolute; left: 50%; top: 0; margin-left: -55px; } .page-template-page-campagne .mainim + .txt:after{ content: ''; display: block; width: 110px; height: 1px; background: black; position: absolute; left: 50%; bottom: 0; margin-left: -55px; } .page-template-page-campagne .mainim + .txt h1 { font-weight: 400; text-transform: uppercase; letter-spacing: 0.02em; font-size: 18px; padding: 0; margin: 0 0 20px; } .page-template-page-campagne .bloc-texte + .blocs { margin-top: 80px; padding-top: 0; } .page-template-page-campagne .bloc-deux_images .left{ padding: 0 12px 0 0; } .page-template-page-campagne .bloc-deux_images .right{ padding: 0 0 0 12px; } .page-template-page-campagne .bloc + .bloc{ padding-top: 0; } body.page:not(.home) .blocs:first-child, .firsty, .archive .blocs:first-child, body.single-product .blocs:first-child, body.search .blocs:first-child{ margin-top: 150px; } .bloc:last-child{ margin-bottom: 90px; } .bloc-texte .txt{ display: block; margin: 0 auto; width: 100%; max-width: 680px; text-align: center; } .mainim + .txt{ padding-top: 80px; } .listings{ display: block; margin: -14px auto 0; width: 100%; max-width: 500px; border-top: 1px solid black; padding-top: 24px; } .listing .left, .listing .right{ display: inline-block; vertical-align: top; } .listing{ padding-top: 0; border-top: 0; } .listing + .listing{ margin-top: 10px; } .listing .left{ padding-right: 8px; width: 40%; text-align: right; } .listing .right{ width: 60%; padding-left: 8px; } /** Shop **/ .woocommerce-result-count, .woocommerce-ordering, .posts .button.product_type_variable.add_to_cart_button{ display: none!important; } .main-menu > li.shoppy{ /*display: none;*/ display: block; } .logged .main-menu > li.shoppy{ display: block; } .shopintro{ max-width: 50%; margin: 0 0 50px; } .shopintro h1{ font-size: 18px; text-transform: uppercase; font-weight: normal; padding: 0; margin: 0 0 10px; line-height: 1; } ul.posts, .woocommerce .products ul, .woocommerce ul.products{ list-style: none; padding: 0; margin: 0 -10px; } ul.posts li{ display: inline-block; vertical-align: top; padding: 10px; width: 33.33%; text-align: center; font-size: 14px; margin-bottom: 65px; position: relative; } ul.posts li > a{ display: block; } .catimg{ display: block; width: 100%; height: 500px; background-color: #EEE; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } .overimg{ background-repeat: no-repeat; background-size: cover; background-position: center center; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .catimg:after{ content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; left: 0; top: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } a:hover .catimg:after{ opacity: 0.3; } a:hover .catimg .overimg{ opacity: 1; } ul.posts li h3{ font-size: 14px; padding: 0; margin: 10px 0 0; font-weight: 300!important; } ul.posts li h3 span{ font-weight: 300!important; } .filtres{ text-align: right; position: relative; padding-bottom: 20px; } .filtres > *, .woof_redraw_zone > *{ display: inline-block; vertical-align: bottom; margin-bottom: 0; } .filtres > .widget-area{ display: none; } .woof_redraw_zone > *:not(.woof_submit_search_form_container):not(:first-child){ margin-left: 20px; } .woof_submit_search_form_container{ position: absolute; left: 100%; top: 0; margin-left: 10px; } button.woof_reset_search_form{ padding: 0!important; background: transparent!important; border: 0!important; color: black!important; font-size: 0!important; } button.woof_reset_search_form:after{ content: '\f00d'; font-family: "Font Awesome 5 Pro"; font-size: 15px!important; font-weight: 300; padding: 10px; line-height: 28px; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ width: 60%; float: left; margin-bottom: 90px; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 40%; float: right; position: relative; text-align: left; margin-bottom: 90px; padding: 50px 50px 0 100px; } .prodinfos{ position: fixed; left: 0; bottom: 0; width: 100%; z-index: 10; background: white; padding: 25px 0; } .pagination { position: fixed; left: 60px; top: 50%; transform: translateY(-50%); font-size: 1.4em; z-index: 10; list-style: none; margin: 0; padding: 0; } .pagination a { display:block; height:20px; margin-bottom:20px; color:white; position:relative; padding:4px; } .pagination a.active:after { background: #ababab; } .pagination a .hover-text { display: none; position:absolute; right:15px; top:7px; opacity:0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; padding-right: 15px; } .pagination a:hover .hover-text { opacity: 1; } .pagination a:after { -webkit-transition:box-shadow 0.5s ease; transition:box-shadow 0.5s ease; width:12px; height:12px; display: block; border:0; border-radius:50%; content:''; position: absolute; margin:auto; top:0; right:4px; bottom:0; background: #EAEAEA; } .woocommerce #content div.product div.images figure{ margin: 0; } .summarycont{ display: inline-block; width: 100%; padding: 120px; vertical-align: middle; line-height: 1.3; font-size: 13px; } .summarycont h1{ line-height: 1; text-transform: uppercase; font-weight: normal; font-size: 22px; margin: 0 0 30px; } .summarycont .bloc{ margin-top: 30px; } .summarycont .bloc img{ display: block; width: 100%; } .pastille{ display: inline-block; vertical-align: middle; width: 41px; height: 30px; /* border-radius: 50%; */ margin: 0 6px 0 0; position: relative; border: 1px solid #979797; background-repeat: no-repeat; background-position: center center; background-size: cover; } .pastille.actif{ display: none; } .pastille.actif:after{ content: ''; display: block; width: calc(100% + 6px); height: calc(100% + 6px); background: transparent; position: absolute; left: -3px; top: -3px; /* transform: translate(-50%,-50%); */ border-radius: 0; border: 1px solid #d2d2d2; } .woocommerce div.product form.cart div.quantity{ display: none; } /* .tinvwl_add_to_wishlist-text, #page .tinvwl-product-in-list.tinvwl-product-already-on-wishlist .tinvwl_already_on_wishlist-text{ display: none!important; } */ .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button{ border-bottom: 1px solid; font-size: 12px; } .infocol > p{ margin-bottom: 8px; } .infocol{ margin-bottom: 25px; margin-top: 25px; } .tabz{margin-top: 20px} .taby div{ display: none; padding-top: 5px; padding-bottom: 5px; } .taby + .taby{ margin-top:12px; } .single-product h1{ font-size: 18px; font-weight: 300; margin: 0 0 4px; line-height: 1.2; text-transform: initial; } .single-product h1 span{ font-weight: 300!important; text-transform: uppercase; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000; font-size: 14px; font-weight: 300; margin: 10px 0 20px; line-height: 1; } p.mention{ color: #757474; font-size: 10px; font-weight: 300; margin: 8px 0 0 ; line-height: 1; } .woocommerce div.product form.cart .variations td{ display: block; padding: 0; } .woocommerce div.product form.cart .variations label { font-weight: 300; display: block; width: 100%; margin: 0; } .woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item{ border-radius: 0; box-shadow: none; border: 1px solid #b7b7b7; } body.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item{ box-shadow: none!important; } /* body.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item):hover { box-shadow: none; background: #b7b7b7; } */ body.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover { box-shadow: none!important; background: #000; color: white; border-color: #000; } .variations tr{ border: 0; } .reset_variations, .fancybox-button--play, .fancybox-button--thumbs, .fancybox-button--fullscreen{ display: none!important; } .woocommerce #content div.product div.images figure + figure{ margin-top: 20px; } .woocommerce #content div.product div.images figure img{ display: block; } .woocommerce #content div.product div.images figure a{ display: block; position: relative; } .woocommerce #content div.product div.images figure a:after{ content: ''; position: absolute; right: 20px; top: 28px; display: block; width: 17px; height: 1px; background: black; opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .woocommerce #content div.product div.images figure a:before{ content: ''; position: absolute; right: 28px; top: 20px; display: block; width: 1px; height: 17px; background: black; opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .woocommerce #content div.product div.images figure a:hover:before, .woocommerce #content div.product div.images figure a:hover:after{ opacity: 1; } body.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared .variable-items-wrapper .variable-item.button-variable-item .variable-item-span { padding: 0 10px; } .variable-items-wrapper .button-variable-item span { font-size: 14px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ font-weight: 300; margin-left: 5px; } a.zize{ font-size: 12px; border-bottom: 1px solid; display: inline-block!important; margin-bottom: 16px; } a.zize + .infocol{ margin-top: 0; } .woocommerce div.product form.cart .variations { margin-bottom: 4px; } .woocommerce span.onsale, .woocommerce-variation-availability{ display: none!important; } .woocommerce-variation-price:not(:empty){ margin-bottom: 5px; } ins{ background: transparent; } ul.posts li > a del{ opacity: .5; margin-right: 5px; } .tabz a{ display: block; font-size: 14px; text-transform: uppercase; font-weight: 400; position: relative; } .tabz a span{ position: relative; transition: 0.4s; } .tabz a span:after{ content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 300; right: -21px; position: absolute; font-size: 13px; top: -1px; transition: 0.4s; } .tabz a.actif span:after{ transform: rotate(180deg); transition: 0.4s; } /* .tabz a span:after{ content: ''; display: inline-block; vertical-align: top; width: 13px; height: 2px; background: #757575; margin-left: 10px; margin-top: 8px; } */ /* .tabz a span:before{ content: ''; display: inline-block; vertical-align: middle; height: 12px; width: 2px; background: #757575; position: absolute; right: 6px; top: 50%; transform: translate(0,-50%); -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; } */ .tabz a.actif span:before{height: 0} .tabz a.actif{text-decoration: underline} .upsells{margin-bottom: 35px} .upsells h2{ font-size: 18px; font-weight: 400; margin: 0 0 60px; line-height: 1.2; text-transform: uppercase; text-align: center; } .taby p{ font-size: 12px; } .woocommerce div.product form.cart { margin-bottom: 0; } .woocommerce div.product form.cart > *{ display: block; } .woocommerce div.product form.cart .button { vertical-align: middle; float: none; } .woocommerce div.product form.cart .button + a{ display: none!important; } .tinv-wishlist.tinvwl-before-add-to-cart .tinvwl_add_to_wishlist_button { margin-bottom: 0; width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; background: url(assets/images/coeur.svg) no-repeat center center; background-size: 80%; margin-right: 12px; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .tinv-wishlist.tinvwl-before-add-to-cart .tinvwl_add_to_wishlist_button:hover, .tinv-wishlist.tinvwl-before-add-to-cart .tinvwl_add_to_wishlist_button.tinvwl-product-in-list { background: url(assets/images/coeur-on.svg) no-repeat center center; background-size: 80%; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 12px; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; text-transform: uppercase; padding: 12px 30px; font-weight: 300; border-radius: 0; left: auto; color: #fff; background-color: #000; border: 1px solid #000; display: inline-block; background-image: none; box-shadow: none; text-shadow: none; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background: transparent; color: #000; } .woocommerce .tinv-wishlist .tinvwl_added_to_wishlist.tinv-modal button.button{ padding: 12px 45px!important; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: transparent; color: #000; border: 1px solid #000; -webkit-font-smoothing: auto; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #000; color: #fff; } .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before, .woocommerce ul.products li.product a.tinvwl-button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before, .woocommerce-page ul.products li.product a.tinvwl-button.tinvwl-icon-heart.tinvwl_add_to_wishlist_button:before, a.wishlist_products_counter.top_wishlist-heart:before, span.wishlist_products_counter.top_wishlist-heart:before, a.sidr-class-wishlist_products_counter.sidr-class-top_wishlist-heart:before{ display: none; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 150px; } .woocommerce-account .woocommerce-MyAccount-content{ width: calc(100% - 150px); padding-left: 30px; font-size: 14px; } .woocommerce-MyAccount-navigation ul{ list-style: none; margin: 0; padding: 0; } .woocommerce-MyAccount-navigation ul li{ display: block; margin-bottom: 4px; } .woocommerce-MyAccount-navigation ul li a{ font-size: 14px; font-weight: 300; } .woocommerce-MyAccount-navigation ul li.is-active a{ border-bottom: 1px solid; } .woocommerce-error, .woocommerce-info, .woocommerce-message{ border-color: #000!important; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{ color: #000!important; } .woocommerce .woocommerce-message a.button{ text-transform: none; font-weight: 300; padding: 12px 20px; font-size: 14px; } #customer_login h2, .woocommerce-lost-password h2{ text-align: center; font-size: 18px; text-transform: uppercase; margin-bottom: 40px; font-weight: 300; } .woocommerce-lost-password .wrapper > .woocommerce{ text-align: center; } .woocommerce-page.woocommerce-lost-password form .form-row-first{ width: 100%; } .woocommerce-lost-password .blocs > .wrapper { max-width: 700px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 0; padding: 0; margin: 2em 0; text-align: center; border-radius: 0; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit { float: none; margin-right: 0; } .woocommerce form .form-row input.input-text{ border-radius: 0; border: 1px solid #000; padding: 12px 10px; color: black; background: transparent; } .woocommerce form .form-row { padding: 0; margin: 0 0 15px; } .woocommerce form .form-row#billing_address_2_field{ margin-top: -10px; } .woocommerce-shipping-fields{ margin-top: 30px; } .woocommerce form .form-row label { line-height: 1.5; font-weight: 300; text-align: left; font-size: 11px; color: #000; } .woocommerce-privacy-policy-text{ font-size: 11px; line-height: 1.2; margin: 0 0 30px; font-weight: 300; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: none; } .woocommerce #customer_login button.button, .woocommerce-lost-password .woocommerce button.button, .woocommerce-MyAccount-content button.button{ font-weight: 300; background: transparent; color: black; border: 1px solid #000; font-size: 14px; } .woocommerce-lost-password .woocommerce button.button{ padding: 12px; display: block; text-align: center; width: 100%; } .woocommerce-notices-wrapper{ text-align: left!important; } .woocommerce-notices-wrapper:not(:last-child):not(:empty){ margin-bottom: 50px; } .woocommerce #customer_login button.button:hover, .woocommerce-lost-password .woocommerce button.button:hover, .woocommerce-MyAccount-content button.button:hover{ color: white; background: black; } .lost_password a{ color: #676767; } .lost_password a:hover{ color: black; } .woocommerce-Address{ width: 100%!important; float: none!important; } .woocommerce-Address + .woocommerce-Address{ margin-top: 40px; } .woocommerce-MyAccount-content h1, .woocommerce-cart #main h1, .woocommerce-checkout #main h1{ padding: 0; margin: 0 0 40px; font-size: 20px; text-transform: uppercase; text-align: center; } .woocommerce-MyAccount-content h1{ text-align: left; } /* .woocommerce-cart #main h1, .woocommerce-checkout #main h1{ margin-bottom: 70px; } */ .woocommerce-account .addresses .title .edit { float: right; display: block; border: 1px solid #000; padding: 8px 10px; text-transform: uppercase; font-weight: 300; font-size: 12px; line-height: 1; } .woocommerce-account .addresses .title .edit:hover{ color: white; background: black; } .select2-container--default .select2-selection--single { background-color: transparent; border: 1px solid #000; border-radius: 0; height: 42px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; position: absolute; top: 1px; right: 1px; width: 30px; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #000; color: #fff; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; line-height: 42px; padding-left: 12px; } address { margin: 0 0 1.5em; font-style: normal; font-weight: 300; } .woocommerce-account .addresses .title h3{ text-transform: uppercase; } .woocommerce fieldset { border: 0; margin: 0; padding: 0; } .woocommerce .woocommerce-MyAccount-content fieldset{ margin-top: 25px; } .woocommerce input + span em{ font-style: normal; font-weight: 300; display: block; font-size: 11px; margin-top: 5px; } .woocommerce fieldset legend{ display: block; margin: 0 0 10px; font-weight: 700; text-transform: uppercase; } .tinv-wishlist tfoot{ display: none; } .tinv-wishlist table td{ display: block; padding: 0; } .tinv-wishlist table td.product-name{ position: relative; } .tinv-wishlist tr.wishlist_item{ border: 0; } .tinv-wishlist table td.product-name a{ line-height: 1; text-transform: uppercase; font-weight: normal; text-transform: uppercase; font-size: 16px; margin: 0 0 30px; display: block; } .tinv-wishlist table td.product-name button{ position: absolute; right: 0; top: 0; color: black; background: transparent; padding: 0; font-size: 22px; } .tinv-wishlist table td.product-name button:hover{ color: #676767 } .tinv-wishlist table td.product-thumbnail{ display: inline-block; width: 200px; max-width: 100%; } .tinv-wishlist table td.product-action{ display: inline-block; width: calc(100% - 200px); text-align: center; } .tinv-wishlist table td.product-action button, .tinv-wishlist table td.product-action a{ display: inline-block; width: auto!important; text-transform: none; padding: 12px 20px; font-weight: 300; font-size: 14px; } .tinv-wishlist table td.product-action a{ margin-bottom: 20px; } .cent{ display: block; width: 100%; } .tinv-wishlist tr.wishlist_item, .woocommerce-cart .cart_item{ display: block; } .tinv-wishlist tr.wishlist_item + tr.wishlist_item, .woocommerce-cart .cart_item + .cart_item{ margin-top: 30px; } .actions > button{ display: none!important; } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { text-align: right; padding: 50px 0 0; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { float: none; display: flex; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: auto; flex: 1; margin: 0; border-radius: 0; border-color: #000; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; text-align: center; } .woocommerce-cart .cart_item{ border: 0; position: relative; } .woocommerce table.shop_table, .woocommerce .woocommerce-cart-form{ border: 0; margin: 0 0 24px 0; border-radius: 0; } .woocommerce-cart .woocommerce-cart-form .cart_item > *{ display: block; border: 0!important; padding: 0; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ display: inline-block; font-size: 14px; padding: 12px 30px; } .woocommerce .woocommerce-cart-form a.remove{ display: block; font-size: 1.5em; height: auto; width: auto; text-align: center; line-height: 1; border-radius: 100%; color: black!important; text-decoration: none; font-weight: normal; border: 0; position: absolute; right: 0; top: 0; } .woocommerce .woocommerce-cart-form a.remove:hover{ background: transparent; color: #676767; } .woocommerce .woocommerce-cart-form .product-thumbnail{ display: inline-block; vertical-align: middle; width: 200px; } .woocommerce .woocommerce-cart-form .prodzinfo{ display: inline-block; vertical-align: middle; width: calc(100% - 200px); padding-left: 30px; } .prodzz{ display: flex; align-items: flex-start; font-size: 14px; text-transform: uppercase; } .prodzz > *{ flex: 1; } .prodzinfo .product-name{ line-height: 1; text-transform: uppercase; font-weight: 300; font-size: 14px; margin: 0 0 30px; } .prodzz p.h3{ font-weight: 700; text-transform: uppercase; text-align: left; font-size: 13px; margin-bottom: 10px; } .cart-collaterals{ margin-top: 50px; padding-top: 50px; border-top: 1px solid black; padding-bottom: 50px; } .woocommerce-checkout h1 + .woocommerce{ padding-top: 50px; } .woocommerce-cart #main > .blocs > .wrapper{ max-width: 920px; } .woocommerce div.product form.cart div.quantity{ display: none!important; vertical-align: bottom; margin: 35px 0 0!important; position: relative; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ color: white; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ padding: 12px 30px; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{ background-color: white; color: black; } div.quantity{ position: relative; display: block; } div.quantity .plus{ position: absolute; right: 24px; background: transparent!important; padding: 0!important; top: 50%; height: 20px; width: 20px; color: #000; font-size: 22px; cursor: pointer; line-height: 18px; margin: -10px 0 0 0!important; border: 1px solid; border-radius: 0; text-align: center; letter-spacing: 0; font-weight: 300; } div.quantity .minus{ position: absolute; right: 0; background: transparent!important; padding: 0!important; top: 50%; height: 20px; width: 20px; color: #000; font-size: 22px; cursor: pointer; line-height: 18px; margin: -10px 0 0 0!important; border: 1px solid; border-radius: 0; text-align: center; letter-spacing: 0; font-weight: 300; } .woocommerce .quantity .qty{ width: 100%; /* text-align: center; */ border: 0; background: transparent; text-align: left; padding: 0; font-size: 14px; color: #000; letter-spacing: 0; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 50px 0 0; } form.checkout h3, .woocommerce-customer-details h2{ color: #000; text-transform: uppercase; font-size: 13px; margin: 0 0 30px; } .woocommerce-order-details{ border-bottom: 1px solid #979797; } form.checkout h3 label{ color: #000; } textarea{ -webkit-border-radius: 0; border-radius: 0; border-collapse: #979797; resize: none; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none; display: block; margin-top: 0; width: 100%; background: black; color: white; font-size: 14px; font-weight: normal; } .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{ background: white; color: black; } .woocommerce-terms-and-conditions-wrapper{ text-align: left; } .woocommerce-checkout #payment div.form-row.place-order{ text-align: center; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 1em 0; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #fff; border-radius: 0; border-top: 1px solid #979797; padding-top: 30px; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { text-align: left; padding: 0; border-bottom: 1px solid #979797; margin: 0; list-style: none outside; } .woocommerce-checkout .woocommerce table.shop_table{ margin-bottom: 0; border-collapse: collapse; } .woocommerce-checkout .woocommerce table.shop_table th, .woocommerce-checkout .woocommerce table.shop_table td{ } .woocommerce table.shop_table tr.cart_item th, .woocommerce table.shop_table tr.cart_item td, .woocommerce .woocommerce-order-details table.shop_table td, .woocommerce .cart_totals table.shop_table th , .woocommerce .cart_totals table.shop_table td{ padding: 15px 0; text-transform: uppercase; font-weight: 300; } .woocommerce .woocommerce-order-details table.shop_table tbody td:last-child, .woocommerce .cart_totals table.shop_table tbody td:last-child{ text-align: right; } .woocommerce label{ color: #000; } .woocommerce ul#shipping_method label, .woocommerce ul#shipping_method .amount{ font-weight: 300; } .woocommerce-cart .cart-collaterals .cart_totals table small { display: none; } .woocommerce .cart_totals .woocommerce-shipping-destination{ display: none; } .woocommerce .cart_totals ul#shipping_method li{ margin-bottom: 0; } .woocommerce .woocommerce-order-details table{ border-collapse: collapse; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{ padding: 15px 0; text-transform: uppercase; border-top: 1px solid #979797; font-weight: 300; } .woocommerce table.shop_table tr.cart_item td.product-total, .woocommerce table.shop_table tfoot td{ text-align: right; } .woocommerce table.shop_table tfoot td small{ display: block; text-transform: none; letter-spacing: 0; font-weight: 300; font-size: 11px; } .woocommerce table.shop_table tr.order-total td, .woocommerce table.shop_table tr.order-total th{ font-weight: 700; } .woocommerce-order > p{ text-align: center; margin-bottom: 20px; text-transform: uppercase; } .woocommerce-order-received .blocs > .wrapper{ max-width: 920px; } .woocommerce ul.order_details li { float: none; margin-right: 0; text-transform: uppercase; font-size: .715em; line-height: 1; border-right: 0; padding-right: 2em; margin-left: 0; padding-left: 0; list-style-type: none; text-align: center; } .woocommerce ul.order_details{ background: black; color: white; padding: 30px; } .woocommerce ul.order_details li + li{ margin-top: 10px; } .validation{ text-align: center; font-weight: 300; } .validation > p:first-child{ margin-bottom: 60px; } .validation strong, .validation b{ font-size: 21px; } .validation a.bouton{ text-transform: uppercase; padding: 12px 20px; margin-top: 60px; } .woocommerce .woocommerce-order-details thead{ display: none; } .woocommerce-orders-table__header-order-actions, .woocommerce-orders-table__cell-order-actions{ } .woocommerce-orders-table__cell-order-actions a:first-child, .tinv-wishlist .tinvwl-buttons-group button i.ftinvwl-heart-o, .tinv-wishlist .tinv-modal .icon_big_heart_check, .tinv-wishlist .tinv-modal .icon_big_times, .tinv-wishlist .tinv-modal img{ display: none; } .woocommerce table.my_account_orders .button.invoice{ padding: 5px 15px; font-size: 15px; } .woocommerce table.my_account_orders .button.invoice:after{ content: '\f543'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: 0 0 10px 0; vertical-align: middle; border: 0; font-size: 14px; } .shop_table tr{ border: 0; } .woocommerce table.my_account_orders{ border-collapse: collapse; } .woocommerce table.my_account_orders th { border-bottom: 1px solid; } .woocommerce-MyAccount-content mark{ background: transparent; font-weight: 700; } .woocommerce table.my_account_orders tbody tr:first-child td{ padding-top: 10px; } .woocommerce .woocommerce-customer-details address { font-style: normal; margin-bottom: 0; border: 0; text-align: left; width: 100%; border-radius: 0; padding: 0; } .woocommerce .woocommerce-order-details tfoot tr:last-child th, .woocommerce .woocommerce-order-details tfoot tr:last-child td{ font-weight: 700; } .textpreor{ margin-top: 12px; font-size: 12px; } /* 404 page */ .error404 .page-content { padding-bottom: 4em; } .error404 .page-content .search-form, .search .page-content .search-form { margin-bottom: 3em; } /*-------------------------------------------------------------- 13.6 Footer --------------------------------------------------------------*/ .site-footer { padding: 30px 0; text-align: center; text-transform: uppercase; font-size: 12px; letter-spacing: 0.04em; } .site-footer .wrapper > *{ display: inline-block; vertical-align: middle; } .footer-menu{ list-style: none; margin: 0; padding: 0; line-height: 1; } .footer-menu li{ display: inline-block; vertical-align: middle; margin-right: 20px; position: relative; } .footer-menu li a{ display: block; } .newsbot{ display: none; position: absolute; right: 0; bottom: -3px; background: white; text-align: left!important; } .newsbot .sml_subscribe{ margin: 0; width: 220px; } .newsbot .sml_subscribe > p.sml_email { width: calc(100% - 40px); } /*-------------------------------------------------------------- 16.0 Media --------------------------------------------------------------*/ img, video { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } img.alignleft, img.alignright { float: none; margin: 0; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { margin-bottom: 1.5em; max-width: 100%; } .wp-caption, .gallery-caption { color: #666; font-size: 13px; font-size: 0.8125rem; font-style: italic; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .menumob{ position: absolute; right: 100%; top: 0; width: 200px; padding: 30px; } .hamburger{ line-height: 1; position: absolute; left: 5px; top: 50%; transform: translate(0,-50%); display: none; } .site-content-contain{ transform: translate(0,0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .instagram{ padding: 0px; margin: 25px 0 0; display: block; position: relative; } .instagram-placeholder{ display: block; width: 25%; float: left; padding: 10px; } .instagram .inside { padding: 100% 0 0; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .instagram-placeholder a{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; border: 0; background: rgba(0, 0, 0, 0.80); } .instagram-placeholder a span{ color: white; /* display: none; */ line-height: 1; vertical-align: middle; width: 100%; text-align: center; padding: 20px 0; font-size: 13px; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); } .instagram-placeholder:hover a{ opacity: 1; } .instagram > a{ text-align: center; position: absolute; z-index: 1; background: white; left: 50%; top: 50%; line-height: 1.3; font-size: 18px; color: black; padding: 18px 60px; transform: translate(-50%,-50%); text-decoration: none; font-weight: 800; white-space: nowrap; } .instagram > a span{ display: block; font-weight: normal; } .instagram > a:hover{ background: black; color: white; } .woocommerce-orders-table__cell-order-number a{ text-decoration: underline; } .woocommerce-product-gallery.mobile{ display: none; } .widget.widget-woof{ position: relative; } .filtrerpar{ display: block!important; } /*-------------------------------------------------------------- 19.0 Media Queries --------------------------------------------------------------*/ @media screen and (max-width: 1400px) { body{ font-size: 13px; } .bloc-image_texte.gauche .text{ padding-right: 0; } .bloc-image_texte.droite .text{ padding-left: 0; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ padding: 50px 0 0 50px; } } @media screen and (min-width: 1024px) { .menumob{ display: none!important; } .slidertop li .slidetitre{ color: white; } .home:not(.scrolledd) .site-title a{ /*background: url(assets/images/logo-w.svg) no-repeat center center;*/ background: url(assets/images/logo.svg) no-repeat center center; background-size: contain; } .home:not(.scrolledd) .main-menu a, .home:not(.scrolledd) .lang-menu li a, .home:not(.scrolledd) .shopmenu a, .home:not(.scrolledd) .menu-item-has-children > .fleche{ /*color: white;*/ color: white; } } @media screen and (max-width: 1023px) { .site-header{ position: fixed; left: 0; top: 0; width: 100%; background: white; height: 70px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .menumob-is-active .site-header{ left: 200px; } .home:not(.scrolled) .site-header{ background: transparent; } .site-title a{ width: 210px; height: 25px; position: absolute; top: 50%; transform: translate(-50%,-50%); } .lang-menu{ position: absolute; top: 50%; transform: translate(0,-50%); right: 7px; left: auto; } .wrapper{ padding: 0 20px; } .bloc + .bloc:before, .homenews:before, .bloc-texte + .blocs:before{ width: calc(100% - 40px); } .bloc-image_texte .text { padding: 0 20px!important; } .hamburger{ display: block; } .menumob-is-active .site-content-contain{ transform: translate(200px,0); } .main-menu{ position: relative; left: 0; top: 0; } .shopmenu { position: relative; right: 0; top: 0; text-align: left; } .shop-menu{ text-align: left; } body.page:not(.home) .blocs:first-child, .firsty, .archive .blocs:first-child { margin-top: 70px; } .home .blocs { padding-top: 60px; } .bloc + .bloc, .homenews, .bloc-texte + .blocs { margin-top: 60px; padding-top: 60px; } .slidertop li{ height: 500px!important; line-height: 500px!important; } .bloc:last-child { margin-bottom: 60px; } .page-template-page-campagne .bloc-deux_images .left { padding: 0 4px 0 0; } .page-template-page-campagne .bloc-deux_images .right { padding: 0 0 0 4px; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { padding: 50px 0 0 30px; } .woocommerce-lost-password .blocs>.wrapper { max-width: 400px; } .woocommerce .blocs:first-child, body.page.woocommerce-page .blocs:first-child, body.single-product .blocs:first-child, body.search .blocs:first-child{ margin-top: 90px; } .woof_submit_search_form_container{ left: auto; right: 0; margin-left: 0; } .filtres{ padding-right: 0; text-align: center; } .widget.widget-woof{ display: inline-block; padding: 0 40px; } .shopintro{ text-align: center; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .slidertop li .slidetitre{ color: white; } .home:not(.scrolled) .site-title a{ background: url(assets/images/logo-w.svg) no-repeat center center; background-size: contain; } .home:not(.scrolled) .lang-menu li a{ color: white; } .home:not(.scrolled) .hamburger-inner, .home:not(.scrolled) .hamburger-inner::after, .home:not(.scrolled) .hamburger-inner::before{ background: white; } } @media screen and (max-width: 767px) { .menumob { z-index: 9999; background: white; } .site-title a { width: 155px; height: 21px; } .bloc-image_texte .image, .bloc-image_texte .text { width: 100%; } .bloc-image_texte .text { padding: 25px 0 0!important; } .bloc + .bloc, .homenews, .bloc-texte + .blocs { margin-top: 40px; padding-top: 40px; } .homenews { margin: 40px 0 40px; } .bloc:last-child { margin-bottom: 40px; } .home .blocs { padding-top: 20px; } .bloc-image_texte .image{ padding: 0!important; } .bloc-image_seule.portray img, .mainim img.vert { height: auto!important; } body.page-template-page-contact .mainim img { height: auto!important; width: 100%!important; } .bloc-image_seule:not(.portray) p.legende{ max-width: 100%; } .bloc-image_seule.portray p.legende{ width: 100%; } .listing .left { width: 100%; text-align: center; padding-right: 0; } .listing .right { width: 100%; padding-left: 0; text-align: center; } .page-template-page-campagne .mainim + .txt { padding-top: 40px; margin-top: 40px; padding-bottom: 40px; margin-bottom: 40px; } .page-template-page-campagne .bloc-texte + .blocs { margin-top: 40px; padding-top: 0; } .page-template-page-campagne .bloc-deux_images .left{ /*padding: 0!important;*/ width: 50%!important; } .page-template-page-campagne .bloc-deux_images .right{ /*padding: 0px 20px 0!important;*/ width: 50%!important; } .bloc-deux_images .left .legende, .bloc-deux_images .right .legende { text-align: left; } .slidertop{ margin-top: 70px; } .home:not(.scrolled) .site-header{ background: white; } .slidertop li .slidetitre{ left: 0!important; top: 0!important; right: 0!important; position: relative; vertical-align: bottom; width: 100%; text-align: right; padding: 20px 25px 25px; background: transparent; color: white; } .bx-wrapper .bx-pager{ bottom: 11px; } .bx-wrapper .bx-pager.bx-default-pager a{ border: 1px solid #000; } .bx-wrapper .bx-pager.bx-default-pager a.active{ background: black; } .bloc-image_seule.portray img, .mainim img.vert{ width: 100%!important; } .bloc-image_seule:not(.portray) img{ width: 100%; } .shopintro { max-width: 100%; } ul.posts li{ width: 50%; margin-bottom: 25px; } .filtres { text-align: center; padding-right: 0; } .filtres > span{ width: 100%; } /* .woof_submit_search_form_container{ top: auto; bottom: 15px; } */ .shopintro{ margin-bottom: 20px; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; text-align: center; } .woocommerce-account .woocommerce-MyAccount-content { width: 100%; padding-left: 0; margin-top: 50px; margin-bottom: 50px; } .woocommerce table.my_account_orders tbody tr:first-child td { padding-top: 0; } .woocommerce table.woocommerce-orders-table tr:not(:first-child){ margin-top: 20px; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{ background: transparent!important; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100%; float: none; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{ margin-top: 30px; } .woocommerce-account .addresses .title h3{ font-size: 14px; } .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-action{ margin-top: 10px; } .tinv-wishlist table td.product-action a { margin-bottom: 5px; } .woocommerce-MyAccount-content h1 { text-align: center!important; } .woocommerce-address-fields p:last-child, .edit-account p:last-child{ text-align: center; } .woocommerce #customer_login button.button, .woocommerce-lost-password .woocommerce button.button, .woocommerce-MyAccount-content button.button{ font-size: 12px; } .woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float: none; width: 100%; } .woocommerce .woocommerce-cart-form .product-thumbnail { width: 80px; } .woocommerce .woocommerce-cart-form .prodzinfo { width: calc(100% - 80px); padding-left: 15px; } .cart-collaterals { margin-top: 20px; padding-top: 20px; } .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon button{ width: 100%!important; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon{ display: block; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 20px 0 0; } .woocommerce-checkout h1 + .woocommerce { padding-top: 0; } form.checkout h3, .woocommerce-customer-details h2{ text-align: center; } .woocommerce-customer-details address{ text-align: center!important; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { padding: 30px 0 0 0; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 100%; float: none; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ margin-bottom: 0; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ margin-bottom: 50px; } .upsells h2 { font-size: 16px; margin-bottom: 20px; } .upsells { margin-bottom: 0; } body.single-product .blocs:first-child{ margin-top: 70px; } .woocommerce-product-gallery.desktop{ /*display: none;*/ } .woocommerce-product-gallery.mobile{ display: block; } .shopmenu .search-form{ top: -8px; width: 100%; } } @media screen and (max-width: 590px) { .slidertop li { height: 400px!important; line-height: 400px!important; } .lang-menu li{ margin-right: 9px; } .site-footer { padding: 20px 0; } .site-footer .wrapper > *{ display: block; } .footer-menu li{ display: block; margin: 4px 0; } .newsbot{ right: 50%; bottom: 2px; transform: translate(50%,0); } .instagram-placeholder{ width: 50%; } ul.posts li, ul.posts li h3{ font-size: 12px; } .sbHolder{ width: 82px; } .widget.widget-woof { padding: 0 20px 0 0; text-align: left; display: block; } .woof_submit_search_form_container{ right: -10px; } } @media screen and (max-width: 374px) { .site-title a { width: 155px; height: 20px; } .woof_redraw_zone > *:not(.woof_submit_search_form_container):not(:first-child) { margin-left: 10px; } .woof_submit_search_form_container{ right: -10px; } .sbHolder { width: 77px; } } /*-------------------------------------------------------------- 20.0 Print --------------------------------------------------------------*/ @media print {} .soldout { padding: 3px 8px; text-align: center; background: #222; color: white; font-weight: bold; position: absolute; top: 15px; right: 15px; font-size: 12px; z-index: 1 } .mejs-controls { display: none!important; } .woocommerce-product-gallerywrapper, #mep_0, .wp-video, .wp-video-shortcode { width: 660px!important; overflow: hidden!important; margin-top: 2px!important; background: white!important; } @media screen and (max-width: 767px) { .woocommerce-product-gallery.desktop figure[data-section-name]{ display: none; } }