/* Theme Name: OceanWP Child Theme URI: https://jourmagic.fr/ Description: thême créé pour Jour Magic Author: Mimosa Author URI: https://mimosacom.com/ Template: oceanwp Version: 1.0.0 Text Domain: oceanwp-child */ /* Theme customization starts here -------------------------------------------------------------- */ .clearBoth{clear:both !important;height:0px !important; overflow: hidden !important;border:none !important;padding:0 !important;margin:0 !important;} .center{text-align: center;} /********************************************************************************/ /* theme */ /********************************************************************************/ .elementor-text-editor h2{color:inherit ;} .elementor-text-editor h3{color:inherit ;} .elementor-text-editor h4{color:inherit ;} .elementor-text-editor a{text-decoration: underline !important;color:inherit ;} .elementor-text-editor a:hover, .elementor-text-editor a:focus{text-decoration: underline dotted !important;color:inherit ;} .elementor-tab-content h3{color:inherit ;} .elementor-tab-content h4{color:inherit ;} .elementor-tab-content h5{color:inherit ;} .elementor-tab-content h6{color:inherit ;} .elementor-tab-content a{text-decoration: underline !important;color:inherit ;} .elementor-tab-content a:hover, .elementor-text-editor a:focus{text-decoration: underline dotted !important;color:inherit ;} @media screen and (max-width: 1024px){ /* debug menu elementor sur version mobile : impossible de scroller correctement verticalement pour afficher toutes les pages se trouvant dans le menu déroulant quand il y a beaucoup de page et quand on est sur la version mobile */ #headerMenu nav{overflow-y: auto !important;max-height: calc(100vh - 66px) !important;} } /* ******************************************************************* */ /* fil d'ariane */ /* ********************************************************************/ #breadcrumbsContent {} #breadcrumbs {color:black;font-size:1.3rem;line-height: 1.5rem;/*text-align:left;*/font-style:italic;} #breadcrumbs span{ color:#1C2B33;font-size:1.3rem;line-height: 1.5rem;text-align:left;font-style:normal;} #breadcrumbs a{color: #1C2B33;text-decoration:none;font-size:1.3rem;line-height: 1.5rem;font-style:italic;} #breadcrumbs a:hover{color: black;text-decoration:underline;} /********************************************************************************/ /* liste bouton catégorie produit */ /********************************************************************************/ /* btn */ /*.btnListeCategorie{cursor: pointer !important;}*/ .btnEventNone{pointer-events: none;} /********************************************************************************/ /* header elementor */ /********************************************************************************/ #sectionHeaderLogo{height: 0 !important;} /*#sectionHeaderLogo .elementor-column-wrap{padding: 0 !important;}*/ #headerMenu{position: absolute;top: 0;left: 0;right: 0;z-index: 99999; /*-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease*/;} .fixeHeaderMenu{position: fixed !important;left: 0 !important;right: 0 !important;background: white !important;padding-top:20px !important; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .25);} #headerInfos{-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-ms-transition: all 0.9s ease;-o-transition: all 0.9s ease;transition: all 0.9s ease;} .fixeHeaderInfos{display: none !important;} .fixeHeaderMenu #menuHeader{box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);} /*#menuHeader{display: block !important;width:100% !important;}*/ /*#menuHeader .left{float: left !important;display: block !important;}*/ /*#menuHeader .right{float: right !important;display: block !important;}*/ #logoHeaderMenu {position:absolute;top:-85px;width: 200px;left: 41%;z-index: 9; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .fixeLogoHeaderMenu{top: -72px !important;width: 140px !important;left: 44% !important;} @media screen and (max-width: 1025px){ #headerMenu{background: white ;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .25);} #btnReseauxSociaux{z-index: 9;width: 50% !important;} .fixeHeaderMenu{padding-top:0 !important;} .fixeHeaderInfos{display: block !important;} #logoHeaderMenu {top:-46px;position:absolute;width: 100px ;left: 43% ;margin: auto;} .fixeLogoHeaderMenu{top: -46px !important;width: 100px !important;left: 43% !important;} /*#headerMenu{position: relative;}*/ /*#logoHeaderMenu {position:relative;top:0;width: 100%;left: 0;} */ } @media screen and (max-width: 768px){ /*.fixeLogoHeaderMenu{top: -46px !important;width: 100px !important;left: 43% !important;}*/ } /*@media screen and (max-width: 1100px){ .elementor-2 .elementor-element.elementor-element-de79724 .elementor-nav-menu--main{font-size: 14px;} }*/ /********************************************************************************/ /* footer */ /********************************************************************************/ /* btn */ #btnContactFooter{background: #ffde00;color: black !important;} #btnContactFooter:hover{background: #ee2952;color: black !important;} /********************************************************************************/ /* slider insta connecté */ /********************************************************************************/ /*#instaCarousel .slidesInsta{height: 500px;display: flex;flex-direction: column;justify-content: center;}*/ /*#instaCarousel {padding: 0 50px;} #instaCarousel .slidesInsta{margin:20px;position: relative;} #instaCarousel .slidesInsta a{display: block;width: 100%;overflow:hidden;-webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; }*/ /* bouton */ /*@font-face { font-family: "slick"; src: url("js/slick/fonts/slick.eot"); src: url("js/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("js/slick/fonts/slick.woff") format("woff"), url("js/slick/fonts/slick.ttf") format("truetype"), url("js/slick/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } #instaCarousel .slick-prev{position: absolute;z-index:999999;top: 35%;left:0;width: 50px;height: 50px;display: block; height: 40px; width: 40px; line-height: 0; font-size: 0; padding: 0; border: none; outline: none;cursor: pointer; background: transparent; color: transparent; } #instaCarousel .slick-next{position: absolute;z-index:999999;top: 35%;right:0;width: 50px;height: 50px;display: block; height: 40px; width: 40px; line-height: 0; font-size: 0; padding: 0; border: none; outline: none;cursor: pointer; background: transparent; color: transparent; } #instaCarousel .slick-prev:hover, #instaCarousel .slick-prev:focus, #instaCarousel .slick-next:hover, #instaCarousel .slick-next:focus { outline: none; background: transparent; color: transparent; } #instaCarousel .slick-prev:hover:before, #instaCarousel .slick-prev:focus:before, #instaCarousel .slick-next:hover:before, #instaCarousel .slick-next:focus:before { opacity: 1; } #instaCarousel .slick-prev.slick-disabled:before, #instaCarousel .slick-next.slick-disabled:before { opacity: 0.25; } #instaCarousel .slick-prev:before, #instaCarousel .slick-next:before { font-family: "slick"; font-size: 100px; line-height: 0; color: white; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;display:block;width: 50px;height: 50px; } #instaCarousel .slick-prev { left: 0; } [dir="rtl"] .slick-prev { left: auto; right: 0; } #instaCarousel .slick-prev:before { content: "‹"; } [dir="rtl"] .slick-prev:before { content: "›"; } #instaCarousel .slick-next { right: 0; } [dir="rtl"] .slick-next { left: auto; right: 0; } #instaCarousel .slick-next:before { content: "›"; } [dir="rtl"] .slick-next:before { content: "‹"; }*/ /********************************************************************************/ /* slider insta */ /********************************************************************************/ @media screen and (max-width: 1500px){ #listPhotoInsta .elementor-main-swiper{height:160px !important; } } @media screen and (max-width: 1400px){ #listPhotoInsta .elementor-main-swiper{height:150px !important; } } @media screen and (max-width: 1300px){ #listPhotoInsta .elementor-main-swiper{height:140px !important; } } @media screen and (max-width: 1200px){ #listPhotoInsta .elementor-main-swiper{height:130px !important; } } @media screen and (max-width: 1100px){ #listPhotoInsta .elementor-main-swiper{height:120px !important; } } @media screen and (max-width: 1025px){ #listPhotoInsta .elementor-main-swiper{height:200px !important; } } @media screen and (max-width: 950px){ #listPhotoInsta .elementor-main-swiper{height:190px !important; } } @media screen and (max-width: 850px){ #listPhotoInsta .elementor-main-swiper{height:180px !important; } } @media screen and (max-width: 768px){ #listPhotoInsta .elementor-main-swiper{height:300px !important; } } @media screen and (max-width: 700px){ #listPhotoInsta .elementor-main-swiper{height:250px !important; } } @media screen and (max-width: 600px){ #listPhotoInsta .elementor-main-swiper{height:200px !important; } } @media screen and (max-width: 500px){ #listPhotoInsta .elementor-main-swiper{height:180px !important; } } @media screen and (max-width: 450px){ #listPhotoInsta .elementor-main-swiper{height:170px !important; } } @media screen and (max-width: 400px){ #listPhotoInsta .elementor-main-swiper{height:160px !important; } } @media screen and (max-width: 380px){ #listPhotoInsta .elementor-main-swiper{height:170px !important; } } @media screen and (max-width: 360px){ #listPhotoInsta .elementor-main-swiper{height:160px !important; } } @media screen and (max-width: 350px){ #listPhotoInsta .elementor-main-swiper{height:150px !important; } } @media screen and (max-width: 340px){ #listPhotoInsta .elementor-main-swiper{height:140px !important; } } @media screen and (max-width: 330px){ #listPhotoInsta .elementor-main-swiper{height:130px !important; } } @media screen and (max-width: 320px){ #listPhotoInsta .elementor-main-swiper{height:120px !important; } } @media screen and (max-width: 310px){ #listPhotoInsta .elementor-main-swiper{height:110px !important; } } @media screen and (max-width: 300px){ #listPhotoInsta .elementor-main-swiper{height:100px !important; } } /********************************************************************************/ /* barre inférieure */ /********************************************************************************/ /* copyright */ #copyright{font-size: 1.5rem;} /********************************************************************************/ /* woocommerce */ /********************************************************************************/ .return-to-shop{color:white;} .price .amount{color:#ee2852 !important;} .cart .single_add_to_cart_button{color:white !important;} .woocommerce div.product .woocommerce-tabs .panel h2:first-child{font-size: 30px !important;margin:0 !important; font-weight:600 !important;} @media screen and (max-width: 768px){ .woocommerce div.product .woocommerce-tabs .panel h2:first-child{font-size: 28px !important;} } @media screen and (max-width: 768px){ .woocommerce div.product .woocommerce-tabs .panel h2:first-child{font-size: 25px !important;} } /* page produit */ .woocommerce .elementor-tab-content ul{list-style:disc !important;margin-left: 40px !important;margin-bottom: 20px !important; } .woocommerce .elementor-text-editor ul{list-style:disc !important;margin-left: 40px !important;margin-bottom: 20px !important; } /* sitemap */ .woocommerce .product-categories{list-style:disc !important;margin-left: 40px !important;margin-bottom: 20px !important; } .woocommerce .product-categories .children{list-style:disc !important;margin-left: 40px !important;margin-bottom: 20px !important; } .woocommerce .product-categories a{padding-left: 0 !important;} .woocommerce .product-categories a::before{display: none !important;} /* extrait d'un produit */ .summary .btnTiny{background: #01acce !important;font-size: 20px !important ;color: white !important ;padding:5px 10px !important;text-decoration: none !important;} .summary .btnTiny:hover{background: #007e9e !important;font-size: 20px !important ;color: white !important ;padding:5px 10px !important;text-decoration: none !important;} /* liste des catégories */ .products h2{font-size: 18px !important;} /********************************************************************************/ /* boutique en ligne */ /********************************************************************************/ .caracteristiqueProd .elementor-price-list-title{font-weight: bold !important;color:#01acce !important;} .caracteristiqueProd .elementor-price-list{margin: 0 !important;} @media screen and (max-width: 768px){ .caracteristiqueProd .elementor-price-list-header{display: block !important;width: 100% !important;max-width: 100% !important;} .caracteristiqueProd .elementor-price-list-title{display: block !important;width: 100% !important;max-width: 100% !important;} .caracteristiqueProd .elementor-price-list-separator{display: none;} .caracteristiqueProd .elementor-price-list-price{display: block !important;width: 100% !important;max-width: 100% !important;} } /********************************************************************************/ /* related post */ /********************************************************************************/ #related-posts .theme-heading{font-family:inherit;} /********************************************************************************/ /* PRINT */ /********************************************************************************/ @media print { html, body {background: none;width: 100%;} /* header footer */ #masthead, #colophon{display: none;} /*#header, #footer, #footer-top, #back_top{display: none;} .container, .row, #main, #primary, .entry-content, .page, .elementor, .elementor-inner, .elementor-section-wrap, .elementor-element, .elementor-container, .elementor-row{left:0 !important;right:0 !important;display:block !important;position:relative !important; max-width:100% !important;width:100% !important;padding: 0 !important;margin:0 !important;} [class^='elementor']{ left:0 !important;right:0 !important;display:block !important;position:relative !important; max-width:100% !important;width:100% !important;padding: 0 !important;margin:0 !important; }*/ }