/* Theme Name: Twenty Fifteen Dualo Description: Dualo theme for four-fifteen theme Author: Bruno Author URI: Template: twentyfifteen Version: 1.0.0 Text Domain: twentyfifteen-dualo */ /* To clean the twenty fifteen theme : remove sidebar, make fullwidth page, ... */ @media screen and (min-width: 768px) { .full-width .content-area { float: left; margin-right: -100%; width: 100%; } .full-width .content-area { float: left; margin-right: -100%; width: 100%; } } .site { width: 100%; max-width: none; } .site-content { width: 100%; margin-left: 0px; } body, textarea, input { font-family: 'Open Sans', sans-serif; } body:before { width: 100%; background-color: #fff; } .entry-header { display: none; } .entry-content { padding: 0 0 0 0; } .entry-content a { border-bottom: none; } .hentry { box-shadow: none; padding-top: 0px; margin: 0 1%; } /*********** Visual Composer Custom */ /** custom column inner for newsletter subs at bottom of page (bruno) **/ .vc_column-inner-no-padding { padding-top: 0px; } /** reduce large padding on top of vc-inner **/ .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner { padding-top: 10px; } /** To allow fullscreen of images on all screen sizes **/ .vc_row { margin-right : 0px; } /* PEN : http://codepen.io/ancrenoire/pen/OMwwEQ Ajouter dans la balise pour importer Open Sans font en 300(light), 400(normal) & 700(bold) de googlefonts : COULEURS du-noir : #292927; navbar, titres du-noir-clair : rgba(41,41,39,.7); textes. du-noir à 70% du-noir-foncé : #20201E sub-footer du-gris : #D7D7D7; gris neutre du-gris : #EBEBEB; gris clair du-blanc : rgba(249, 249, 248, .9); blanc à 90% du-vert : #30C010; #30C010 (edit 20170403) du-orange : #F87F10; #F87F10 (edit 20170403) */ /* TYPOGRAPHIE */ h1 { font-family: 'Open Sans', sans-serif; font-size: 3.9rem; line-height: 1.2308; font-weight: 700; /* bold */ margin: 0px auto 20px; color: #292927; /* du-noir */ text-align: center; border-bottom: 3px solid #D7D7D7; padding-bottom: 20px; display: table; } .entry-content .no-border-bottom h1 { border-bottom: none; } @media screen and (min-width: 46.25em) { .entry-content h1 { margin-top: 10px; } } @media screen and (max-width: 568px) { .entry-content h1 { margin-top: 0px; } } h2, .entry-content h2 { font-family: 'Open Sans', sans-serif; font-size: 1.5em; font-weight: 600; margin-top: 1em; margin-bottom: 1em; line-height: 1.4; color: #292927; text-align: center; } h3, .entry-content h3 { font-family: 'Open Sans', sans-serif; font-size: 1.8em; font-weight: 300; /*Open Sans Normal*/ margin-bottom: 20px; margin-top: 20px; line-height: 1.4; color: #292927; } h4, .entry-content h4 { font-family: 'Open Sans', sans-serif; font-size: 1.2em; font-weight: 400; /*Open Sans Normal*/ margin-bottom: 20px; margin-top: 20px; line-height: 1.4; color: #292927; } h4.h4-alt{ text-transform: uppercase; font-size : 1em; font-weight:700; } h4.h4-soustitre { font-weight:300; margin-top: -15px; } p { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 1em; line-height: 1.6; color: rgba(41, 41, 39, .7); margin-bottom: 2em; } p.small-text{ font-size: .9em; line-height: 1.6; } p.testimonial { font-size: .85em; line-height: 1.6; } p.li-title { margin-bottom: 0px; } p.small-bottom { margin-bottom: 10px; } ul { font-size: 1em; line-height: 1.3; color: rgba(41, 41, 39, .7); padding-left: 1em; } ul.wc-tabs { display:none; } a { color: #30C010; text-decoration: none; } a:hover { color: #30C010; text-decoration: underline; } /* Nav */ .nav { background: #292927; } .nav ul { text-align: right; } .nav a { padding: 10px; display: inline-block; font-family: 'Open Sans', sans-serif; color: #d7d7d7; font-size: .9em; letter-spacing: 1px; transition:all .2s; } .nav a.orange { color: #fe9c0a /*#F15D2F*/; } .nav a:hover{ text-decoration: none; color:#ebebeb; } .dark-bg { background-color: #000; padding: 30px 50px; } .green-bg { background-color: #F15D2F /*#30C010*/; padding: 50px 50px; } .dark-bg h3 { color: #d7d7d7; } .dark-bg p { color: rgba(215, 215, 215, .7); } .label { color: rgba(41, 41, 39, 0.701961); } /*////////////////////////////////////// Sommaire == Balises Structurelles == navigation -- logo -- main -- main miniature -- pagename -- sub == Page instrument -- Parcours == Page Communauté -- Tubepress == page accueil == footer -- logo footer -- Newsletter -- code Mailchimp -- custom -- menu footer == custom css récup //////////////////////////////////////*/ /* == Balises structurelles */ html, body { height: 100%; /*padding-top:50px;*/ } #main { padding-top: 0px; padding-bottom: 0px; } #main.clearfix{ padding-top: 0px; } @media (min-width: 769px) { .dualo_blank{ height: 0px; } .main_margin{ height:0px; } /* == navigation */ .navbar-nav { padding-top: 3px; margin-right: 15px; } } /* width < 768px */ @media (max-width: 768px) { .dualo_blank{ height: 0px; } /* == navigation */ .navbar-nav { padding-top: 3px; margin-right: 0px; } } /* --logo */ #dualo_brand{ z-index: 101; margin-left: 0px; background-color: none; } /**************************************************** --main ****************************/ .dualo-container{ max-width: 1200px; height: 55px; } @media (min-width: 768px) { #nav_dualomain { width: 100%; height: 55px; border: 0; position: fixed; z-index: 101; border-radius: 0; } } #nav_dualomain .container-huge{ width: 1430px; max-width: 100%; } /* --main miniature */ #nav_dualomain { /* width < 768px */ width: 100%; height: auto!important; min-height: auto!important; background: #181818; margin-bottom: 0px; box-shadow: none!important; border: 0; z-index: 101; border-radius: 0; top: 0px; } #nav_dualomain nav, #nav_dualomain .nav{ background-color: #181818!important; } #nav_dualomain .navbar-brand>img { width: auto; height:100%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } #nav_dualomain.nav-up { top: -55px; /* same as header height. use variables in LESS/SASS*/ -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } #nav_dualomain.nav-down { top: 0px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; z-index: 101; } @media (min-width: 901px) { #menu_dualo_lien>li>a { margin-left: 1em; color: #d7d7d7; } } @media (min-width: 768px) and (max-width: 900px) { #menu_dualo_lien>li>a { margin-left: 4px; margin-right: -17px; color: #d7d7d7; } } @media (max-width: 767px) { #menu_dualo_lien>li>a { margin-left: 1em; color: #d7d7d7; display: inline-block; font-weight: bold; } } #menu_dualo_lien>li>a{ text-transform: initial; } #menu_dualo_lien>li>a:hover, #menu_dualo_lien>li>a:focus { text-decoration: none; color:#ebebeb; } /* Liens tous menus */ nav#nav_dualomain a { font-size: 14px; } nav#nav_dualomain a:hover, nav#nav_dualomain a:hover::before { color: #ff9902!important; text-decoration: none; } nav#nav_dualomain a, nav#nav_dualomain a::before { transition: 0.2s ease-in-out; } /* Lien de main menu pour le Store en orange */ #menu_dualo_lien>li>a.menu-store { color: #F87F10; } #menu_dualo_lien>li>a.menu-store:hover, #menu_dualo_lien>li>a.menu-store.a:focus { color:#ebebeb; } /* Lien de main menu pour le bouton Essayer en vert */ #menu_dualo_lien>li>a.menu-essayer{ color: #30C010; } #menu_dualo_lien>li>a.menu-essayer:hover, #menu_dualo_lien>li>a.menu-essayer.a:focus { color:#ebebeb; } .navbar a { padding: 0px; display: inline-block; font-family: 'Open Sans', sans-serif; color: #d7d7d7; font-size: 1em; letter-spacing: 1px; /*transition:all .2s;*/ } /* to erase bootstrap CSS (bruno) */ .navbar-nav>li>a { text-shadow:none; } .navbar-default .navbar-nav>li>a:hover { text-decoration: none; color:#ebebeb; } .navbar-toggle { outline:0; } /* Replacement menu */ #menu-custom-mid .menu{ margin: 0; padding:0; list-style: none; } #nav_dualomain .cart-contents:before { width: 30px; content: ""!important; display: block; height: 30px; background-image: url('/_dualo-org-wp4/wp-content/themes/twentyfifteen-child/img/cart-icon.svg')!important; background-repeat: no-repeat; } @media screen and (min-width: 768px){ .navbar-nav{ float: none!important; flex-grow: 1; display: flex; justify-content: space-around; } #menu-custom-mid { max-width: 350px; flex: 1; } #menu-custom-mid .menu{ display: flex; align-items: center; justify-content: space-around; padding:0; margin:0; } #menu-custom-mid a{ margin:0 1rem; } #menu-custom-right { display: flex; align-items: center; flex-basis: 5%; flex: 1; justify-content: center; } } @media screen and (max-width: 768px){ ul#menu_dualo_lien { padding: 0; margin: 0; } #mobile-second-menu { padding: 1rem; } #mobile-second-menu{ max-width: 400px!important; } #mobile-second-menu .wpml-ls-legacy-dropdown { width: auto!important; background: black!important; } #accordion { padding: 0; background-color: #181818!important; } } .wcml-dropdown { width: auto!important; margin-left: 0rem!important; } .wcml_currency_switcher ul li { background: #181818!important; border: none!important; } .wcml_currency_switcher ul li a { border: none!important; } .wcml-dropdown li:hover { background: #181818!important; color:#757575; } .wcml_currency_switcher ul li a{ padding:1rem; } #menu-custom-right .wpml-ls-legacy-dropdown { display: table; width: auto; background: transparent; } #menu-custom-right .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{ content:none; } .hidden-xs { display: flex; justify-content: space-between; align-items: center; } .wpml-ls-legacy-dropdown a { padding: 1rem!important; text-align: center; display: block; border:none!important; background: #181818!important; } .wpml-ls-legacy-dropdown a::after{ content: none; } #mobile-second-menu { display: flex; justify-content: space-between; width: 100%; max-width: 250px; margin: 0 auto; } #mobile-second-menu .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{ content:none; } /* # WooCommerce Cart Icon CSS with FontAwesome 5 --------------- */ .cart-contents { position: relative; display: flex !important; flex-flow: column nowrap; justify-content: center; } .cart-contents:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f07a" !important; font-size: 18px; color: #fff; } .cart-contents:hover { text-decoration: none; } .cart-contents-count { position: absolute; top: 15px; right: 1px; transform: translateY(-105%) translateX(25%); font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 22px; height: 22px; width: 22px; vertical-align: middle; text-align: center; color: #fff; background: #000; border-radius: 50%; padding: 1px; } /* POur version mobile*/ #accordion{ background-color: #2A2927; border-color: transparent; opacity: 0.85; /* height: 55px;*/ } /********************************************************************** --submenu subnav */ .navbar-header { z-index: 101; height: 55px; } .submenu-nav:after { content: ' '; clear: both; display: block; } .submenu-nav ul { text-align: right; list-style: none; } @media (min-width: 768px) { .submenu-nav{ width: 100%; height: 55px; border: 0; background-image: none; padding-left: 10%; padding-right: 10%; margin-bottom: 0px; border-radius: 0px; position: fixed; background-color: rgba(249, 249, 248, .9); box-sizing: border-box; top: 55px; z-index: 1000; } } @media (min-width: 1000px) { .submenu-nav{ width: 100%; height: 55px; border: 0; background-image: none; padding-left: 10%; padding-right: 10%; /* font-size: 20px;*/ margin-bottom: 0px; border-radius: 0px; position: fixed; background: rgba(249, 249, 248, .9); box-sizing: border-box; top: 55px; z-index: 1000; } } @media (min-width: 767px) and (max-width: 999px) { .submenu-nav{ width: 100%; height: 55px; border: 0; background-image: none; padding-left: 0%; padding-right: 0%; /* font-size: 20px;*/ margin-bottom: 0px; border-radius: 0px; position: fixed; background: rgba(249, 249, 248, .9); box-sizing: border-box; top: 55px; z-index: 1000; } } .submenu-nav.subnav-up { top: 0px; /* same as header height. use variables in LESS/SASS*/ -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .submenu-nav.subnav-down { top: 55px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .submenu-nav a { padding: 10px; display: inline-block; font-family: 'Open Sans', sans-serif; transition:all .2s; color: rgba(49, 49, 41, .7); font-size: .85em; letter-spacing: 1; } .submenu-nav a:hover { color:#ebebeb; text-decoration: none; } .submenu-nav a.btn-orange { background-color: #F15D2F; color: #fff; border-radius: 5px; padding: 10px 20px; } /************ --lien submenu --a --submenu-btn.btn */ @media (min-width: 1000px) { /* Version ordinateur */ #dualo-submenu-btn.btn, #sub-menu .nav .menu-item a, #dualo-submenu-btn li { transition: color .5s ease; color: rgba(49, 49, 41, .7); background-color: transparent; border-color: transparent; font-size: .85em; letter-spacing: 1; box-shadow: none; background-image: none; } .submenu-nav a:hover, .submenu-nav a:focus{ color: #292927; } } @media (min-width: 768px) and (max-width: 999px) { /* Version tablette */ #dualo-submenu-btn.btn, #sub-menu .nav .menu-item a, #dualo-submenu-btn li { transition: color .5s ease; color: rgba(#d7d7d7); font-size: .85em; text-align: center; padding-left: 5px; font-weight: unset; box-shadow: none; background-image: none; } .submenu-nav a:hover, .submenu-nav a:focus{ color: #292927; } } /* version mobile */ @media (max-width: 767px) { #dualo-submenu-btn.btn, #sub-menu .nav .menu-item a, #dualo-submenu-btn li { transition: color .5s ease; color: #d7d7d7; font-size: .85em; text-align: center; padding-left: 35px; font-weight: unset; box-shadow: none; background-image: none; } .submenu-nav a:hover, .submenu-nav a:focus{ color: #d7d7d7; } } /************ --pagename */ .navbar-header a.pagename{ display:block; padding-top: 18px; font-weight: 700; background-image: none; background-color: transparent; text-shadow: none; box-shadow: none; color: #292927; } .navbar-header a.pagename:hover, .navbar-header a.pagename:focus{ background-color: transparent; background-image: none; color: #333; border-bottom-color: transparent; } @media (min-width:768px) and (max-width:991px) { .dualomobilewidth > .vc_row-has-fill > .vc_column_container > .vc_column-inner { width: 50%; } } /****************************** Language switcher **/ li.menu-item-language > a { margin-right: -2em; } /* Pour coller les deux drapeeaux très proches */ /* #menu_dualo_lien>li.menu-item-language>a { margin-left: 0px; } */ /****************************** #dualo-store.btn **/ #dualo-store.btn { background-color: #F87F10; color: #fff; border-radius: 5px; margin-top:8px; padding: 7px 15px; } #dualo-store.btn:hover{ background-color:#FBFBFB; border-color:#F15D2F; color:#323D48 !important } #dualo-submenu-btn.btn:hover, #dualo-submenu-btn.btn:focus, #dualo-submenu-btn.btn:active, li.active #dualo-submenu-btn.btn, #sub-menu .nav .menu-item a:hover, .active { color:#292927; text-decoration: none; } /**************************************** Footer */ .site-footer { margin: 0 0 0 0; padding: 20px 20px 20px 20px ; width: 100%; background-color:#363839; z-index: 100; position: relative; display: inline-flex; } .site-info { padding: 0% 0%; width: 100%; text-align: center; } .footer-copyright-area { text-align: center; display: inline-block; font-family: 'Open Sans', sans-serif; font-weight: 400; /*Open Sans Normal*/ font-size: 0.8em; line-height: 1.6; color: #8C8989; background-color:#363839; margin-bottom:-5px; } /* == Footer area for menu button */ #footer_btn { margin-top: 5px; margin-bottom: 5px; background-color: transparent; /*width: 85%;*/ padding-top: 10px; padding-bottom: 10px; padding: 10px 10px 10px 10px; border-color: transparent; box-shadow: none; text-shadow: none; border-width: 2px; border-radius: 15px; color: aliceblue; font-family: 'PT Sans', Arial, Helvetica, sans-serif; letter-spacing: 3px; font-size: 18px; font-weight: 400; display: inline-block; } #footer_btn:hover{ border-color: aliceblue; } /* == footer for CGU */ #footer { background-color:#000; position: relative; width: 100%; top: -4px; padding: 18px 30px 18px 30px; font-size: 0.6em; } #footer a {color:#efefef;} /** CGU LINKS **/ a#footer_btn{ padding:5px; margin:0; transition:background-color 500ms; border-radius: 4px; } a#footer_btn:hover{ border-color:transparent; background-color:#555; border-radius: 4px; } /* -- logo footer */ .logo_footer{ max-height: 170px; margin:0 auto } /* colonne de widget */ .widget { margin: 0 0 3%; padding: 0 0%; } /**************************************************** News letter subscription */ #mc_embed_signup_scroll div.mc-field-group input { border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; border: white } #mc_embed_signup_scroll input.button{ border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -7px } #mc_embed_signup .mc-field-group { padding-bottom:0} #mc_embed_signup_scroll .clear { height:auto !important} #mc_embed_signup div.response { padding:4em !important;margin:0 !important} #text-3.fusion-footer-widget-column{margin-bottom:0} /* -- code MailChimp */ #mc_embed_signup form { display:block; position:relative; text-align:left; padding:10px 0 10px 3% } #mc_embed_signup h2 { font-weight:bold; padding:0; margin:15px 0; font-size:1.4em; } #mc_embed_signup input { border:1px solid #999; -webkit-appearance:none; } #mc_embed_signup input[type=checkbox]{ -webkit-appearance:checkbox; } #mc_embed_signup input[type=radio]{ -webkit-appearance:radio; } #mc_embed_signup input:focus { border-color:#333; } #mc_embed_signup .button { clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin-top: 3px; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; } #mc_embed_signup .button:hover { background-color:#777; } #mc_embed_signup .small-meta { font-size: 11px; } #mc_embed_signup .nowrap { white-space:nowrap; } #mc_embed_signup .mc-field-group { clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px; } #mc_embed_signup .size1of2 { clear:none; float:left; display:inline-block; width:46%; margin-right:4%; } * html #mc_embed_signup .size1of2 { margin-right:2%; /* Fix for IE6 double margins. */ } #mc_embed_signup .mc-field-group label { display:block; margin-bottom:3px; } #mc_embed_signup .mc-field-group input { display:block; width:100%; padding:8px 0; text-indent:2%; } #mc_embed_signup .mc-field-group select { display:inline-block; width:99%; padding:5px 0; margin-bottom:2px; } #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{ padding:5px 0; } #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{ display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0; } #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{ width:40px; } #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{ width:30px; } #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{ display:none; } #mc_embed_signup .indicates-required { text-align:right; font-size:11px; margin-right:4%; } #mc_embed_signup .asterisk { color:#c60; font-size:200%; } #mc_embed_signup .mc-field-group .asterisk { position:absolute; top:25px; right:10px; } #mc_embed_signup .clear { clear:both; } #mc_embed_signup .mc-field-group.input-group ul { margin:0; padding:5px 0; list-style:none; } #mc_embed_signup .mc-field-group.input-group ul li { display:block; padding:3px 0; margin:0; } #mc_embed_signup .mc-field-group.input-group label { display:inline; } #mc_embed_signup .mc-field-group.input-group input { display:inline; width:auto; border:none; } #mc_embed_signup div#mce-responses { float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both; } #mc_embed_signup div.response { margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%; } #mc_embed_signup #mce-error-response { display:none; } #mc_embed_signup #mce-success-response { color:#529214; display:none; } #mc_embed_signup label.error { display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0; } #mc-embedded-subscribe { clear:both; width:auto; display:block; margin:1em 0 1em 5%; } #mc_embed_signup #num-subscribers { font-size:1.1em; } #mc_embed_signup #num-subscribers span { padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold; } /* -- custom */ #mc_embed_signup{ background:transparent; clear:left; /*font:14px Helvetica,Arial,sans-serif; */ } #mc_embed_signup_scroll p{ color: #fff; font-size: 17px; margin-left: 25%; text-align: left; } #mc_embed_signup_scroll .mc-field-group{ width: 70%; float:left; display: inline-block; } #mc_embed_signup_scroll .mc-field-group input{ width: 98%; height: 50px; border-radius: 15px; } #mc_embed_signup_scroll .clear{ display: inline-block; border-radius: 1em; height: 50px; } #mc_embed_signup_scroll .button{ border-radius: 1em; height: 50px; } /** Product page **/ .product div.product-border, .fusion-title .title-sep.sep-double, .product div.product-buttons { border-top:0; } .product_meta > span.sku_wrapper, .product_meta > span.posted_in{ display:none } /** # product page **/ .modal-body{text-align: center;} .fusion-modal .close{ color: white; opacity: 0.3; } .round-img-play-btn { } .round-img-play-btn:after { content: ' '; clear: both; display: block; position: absolute; border-radius:50%; opacity:0.7; } .overlay-green { } .overlay-green:before { content: ""; display: block; position: absolute; /* could also be absolute */ top: 0; left: 0; height: 100%; width: 100%; z-index: 0; background-color: rgba(195,200,87,0.8); } /* Pour les cartouches de la page support */ .dualo-cartouche-img-ult-modal { max-width:200px; } /*** Boutons ***/ .du-btn { background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%); background-color: #6fb369 /*OU l'ancien #30C010*/; border-radius: 5px; color: white; text-transform: inherit; font-weight: 600; /*letter-spacing: 1px;*/ font-size: 15px; transition: all .2s; padding : 10px 20px; margin-right: 20px; margin-bottom: 20px; display: inline-block; } .vc_btn3-container.big-btn a{ font-size: 20px; padding: 50px 50px; } .du-btn:hover { background-color: #63a85c /*#A2A64A*/; text-decoration:none; color:white; } .du-btn.du-btn-orange { background-color: #F87F10; } .du-btn.du-btn-orange:hover { background-color: #C54D27; } /* Form */ form{ /*margin-bottom:20px; margin-left: 10px;*/ } form p{ margin-bottom: 10px;; } input, input[type="text"].dualo-form, input[type="email"].dualo-form { padding: 10px 20px; display: inline-block; background-color: #D7D7D7; border: none; border-radius: 5px; font-size: .85em; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; margin-right: 10px; } input.du-btn { background-color: #30C010; border-radius: 5px; color: white; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: .85em; transition: all .2s; cursor:pointer; border: none; } input.du-btn:hover{ text-decoration:none; } input[type="text"].dualo-form, input[type="email"].dualo-form { margin-right: 4px; width: 220px; } /******************** Download manager ****/ .ptitle { color: #747474; font-size: 0.9em; font-family: 'Open Sans', sans-serif; } /******************** Download Monitor ****/ .download-button { font-size: 1em; padding: 0.35em 0em; } /******************** WPML ***************/ select { font-family: 'Open Sans', sans-serif; font-size: 0.9em; line-height: 1.6842; margin-bottom: 10px; color: rgba(41, 41, 39, 0.701961) } .menu-item-language img.iclflag { margin-left: 11px; } /**************** Woocommerce ************/ table { table-layout : auto; } /* pour le l'icone cart de la page shop*/ .entry-content a img.alignnone { display : inherit; } img.alignnone { display : inherit; } .woocommerce .wcml-dropdown.product { margin: 0.3em 0; } .wcml-dropdown { width: 9em; } .woocommerce div.product form.cart .variations td { line-height: 0em; } /**** test ***/ .dualo-bg-img { background-position: 0px 0px; } /* * HIDE ADMIN BAR * #wpadminbar{display:none;} */ p.sc_embed_player_container { text-align: center; } CHAMP PERSO h2, .titre-image h2{ font-family: 'Open Sans', sans-serif; font-size: 1em; font-weight: 600; margin-top: 27px; margin-bottom: 27px; line-height: 1.4; color: #ebebeb; text-align: center; } /* SARBACANE */ #form-header-title { color: #393939; font-family: "Open Sans", Verdana, Arial, sans-serif; font-size: 25px; display: block; text-align: center; margin-bottom: 30px; } #label-EMAIL_ID { color: #393939; font-family: "Open Sans", Verdana, Arial, sans-serif; font-size: 14px; margin-bottom: 8px; } #input-email { border: 1px solid #e6e4e4; background-color: #f1f1f1; height: 35px; margin: 5px 0 18px 0; font-size: 0.9em; padding-left: 5px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 5px; -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1); x-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1); width: 100%; } #label-raawbk56l2k94mlgdou0bu { color: #393939; font-family: "Open Sans", Verdana, Arial, sans-serif; font-size: 14px; margin-bottom: 8px; } #input-raawbk56l2k94mlgdou0bu { border: 1px solid #e6e4e4; background-color: #f1f1f1; height: 35px; margin: 5px 0 18px 0; font-size: 0.9em; padding-left: 5px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 5px; -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1); x-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1); width: 100%; } #label-y0v2telw4unxd04m1fq1f { color: #393939; font-family: "Open Sans", Verdana, Arial, sans-serif; font-size: 14px; margin-bottom: 8px; } #input-y0v2telw4unxd04m1fq1f { border: 1px solid #e6e4e4; background-color: #f1f1f1; height: 35px; margin: 5px 0 18px 0; font-size: 0.9em; padding-left: 5px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: 5px; -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1); x-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.1); width: 100%; } #form-mandatory { font-size: 13px; margin-left: 5px; font-family: 'Open Sans', Verdana, Arial, sans-serif; color: #393939; } input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder { color: #848484; opacity: 0.6; } select { -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; } @media screen and (-webkit-min-device-pixel-ratio:0) { select {padding-right:18px} } .select-arrow { position:relative; } .select-arrow:after { content:'^'; font:15px "Consolas", monospace; color: #848484; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); right:8px; top:-3px; padding:0 0 0px; position:absolute; pointer-events:none; } .control { display: block; position: relative; padding-left: 30px; margin-left: 5px; margin-right: 6px; cursor: pointer; font-size: 18px; } .control input { position: absolute; z-index: -1; opacity: 0; } .control__indicator { position: absolute; border: 1px solid; top: 2px; left: 0; height: 20px; width: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .control--radio .control__indicator { border-radius: 50%; } .control__indicator:after { content: ''; position: absolute; display: none; } .control input:checked ~ .control__indicator:after { display: block; } .control--checkbox .control__indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; transform: rotate(45deg); border-style: solid; border-color: #848484; border-width: 0 2px 2px 0; position: absolute; } .control--radio .control__indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #848484; position: absolute; } input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } input:focus { outline: solid 1px #736F6F !important; } textarea:focus { outline: solid 1px #736F6F !important; } select:focus { outline: solid 1px #736F6F !important; } input:disabled, input[disabled]{ opacity: 0.2; cursor: default; } .loader, .loader:after { border-radius: 50%; width: 1.8em; height: 1.8em; } .loader { margin-top: 5px; margin-left: 10px; font-size: 10px; position: relative; border: 0.5em solid #919798; border-left-color: #3c9f51; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1s infinite linear; animation: load8 1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #sb_form { background: #ffffff; padding: 10px 20px 20px 20px; border-radius: 5px; } input { color: #848484 !important; } #div-submitInput { display: flex; flex-direction: row; justify-content: center; } #submitInput { border-style: solid; text-align: center; color: #ffffff; border-color: #ffffff; border-width: 1px; border-radius: 5px; padding: 10px 35px; text-decoration: none; display: block; font-family: Arial; font-size: 15px; background-color:#6ab165; cursor: pointer; } #form-footer-mandatory { color: #393939; font-family: "Open Sans", Verdana, Arial, sans-serif; font-size: 12px; display: block; margin-top: 20px; } /*** Custom pour Serguei ***/ .padding10px { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; margin-top:-10px; } /* Footer */ #colophon{ background-color: #181818; } #colophon .widget * { text-align: center; color: #fff; } #colophon .widget ul { padding: 0; margin: 0; } #colophon .widget ul li { padding: 0; } #colophon .widget .widget-title { margin-bottom: 0.3rem; } #colophon .widget ul li a { color: #757575; text-transform: capitalize; transition: .2s ease-in-out; } #colophon .widget ul li a:hover { color: #fff; text-decoration: none; } #colophon .widget ul li a::before { /*content: "";*/ font-family: fontawesome; font-size: .8em; margin-right: .5rem; } #colophon .widget .wp-post-image, #colophon .widget .attachment-woocommerce_thumbnail{ height: 32px!important; width: 32px!important; display: block; background: #fff; border-radius: 100%; object-fit: contain; object-position: center; } h3.foot-title { color: #ffff; } a.social-link { display: inline-flex; width: 30px; height: 30px; border: 0px solid; justify-content: center; align-items: center; transition: 0.2s ease-in-out; } #colophon a.social-link:hover { background:#fff; color:#363839!important; text-decoration: none; } #colophon a.social-link i{ color:inherit; font-size: larger; } /* VC tarifs bloc */ .container.cd-offre-container { margin: 0 auto!important; } .cd-offre{ padding:15px!important; } .cd-offre .vc_column-inner { border: 3px solid; border-radius: 10px; text-align: center; font-size: 14px; color: #000; position: relative; margin:0; padding:0; } .cd-offre__titre p { font-size: 24px; font-weight: bold; color: #000; border-bottom: 1px solid; margin-bottom: .25em!important; padding-bottom: .25em!important; padding-top: .25em; max-width: 80%; margin-left: auto; margin-right: auto; } .cd-offre__content p { color: #000; } .cd-offre__price p { color: #000; margin-top: 20px; font-size: 20px; } .cd-offre.cd-offre--best .vc_column-inner { border-color: #f90; } .eco-box { bottom: calc(100% - 6px); background: orange; position: absolute; margin: 0!important; width: calc(100% + 6px); left: -3px; border-radius: 10px 10px 0 0; } .eco-box p { color: #fff; text-transform: uppercase; font-weight: bold; padding: .5rem; } /* VC heading */ h2.vc_custom_heading p { color: inherit; } /* Dualo product postid-21109 */ .postid-21109 form.variations_form.cart, .postid-21109 .summary.entry-summary p.price, .postid-21109 span.onsale, .postid-21109 .summary.entry-summary .product_meta { display: none; } .postid-21109 #main div.product{ max-width: 1430px!important; overflow: auto!important; margin-left: auto!important; margin-right: auto!important; padding-top: 5em!important; } .postid-21109 .woocommerce-product-details__short-description { position: relative; overflow: hidden; padding-bottom: 50px; } @media screen and (min-width: 1200px){ .postid-21109 div#cd-pack-select { display: flex; } } /* Dualo product postid-21109 -- EN */ .postid-21136 form.variations_form.cart, .postid-21136 .summary.entry-summary p.price, .postid-21136 span.onsale, .postid-21136 .summary.entry-summary .product_meta{ display: none; } .postid-21136 #main div.product { max-width: 1430px!important; overflow: auto!important; margin-left: auto!important; margin-right: auto!important; padding-top: 5em!important; } .postid-21136 .woocommerce-product-details__short-description { position: relative; overflow: visible; } @media screen and (min-width: 1200px){ .postid-21136 div#cd-pack-select { display: flex; } } /* Product variations */ @media screen and (max-width: 1200px){ div#cd-pack-select{ text-align: center; } div#cd-pack-select .cd-pack ul { text-align: left; } .db-btn-acheter{ margin: 0 auto; } } .cd-pack { border: 2px solid; border-radius: 10px; padding: 1rem; margin: 1rem; display: inline-flex; justify-content: space-between; flex-direction: column; flex: 1; max-width: 220px; min-height: 0px; } .cd-pack:hover{ cursor: pointer; } .cd-pack.cd-active{ border-color:#ff9902; } .cd-pack__title { text-align: center; font-weight: bold; font-size: 18px; line-height: 1; margin: 1rem 0; } ul.cd-pack__descr { color: #000; } .cd-pack__prix { display: flex; align-items: center; font-weight: bold; justify-content: center; font-size: 18px; } .db-btn-acheter { background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%); background: #fe9c0a ; /*#ff9902*/ display: table; padding: .5rem 2rem; position: absolute; width: 210px; max-width: 100%; margin-left: 1rem; text-align: center; color: #fff; font-weight: bold; border-radius: 5px; cursor: pointer; transition: 0.2s ease-in-out; } /* Aspect de la case */ input[type="radio"] { display: none; } input[type="radio"] + label { position: relative; padding-left: 25px; } input[type="radio"] + label::before, input[type="radio"] + label::after { display: block; position: absolute; box-sizing: border-box; top: 50%; transform: translateY(-50%); left: 0; cursor: pointer; content:''; width:20px; height:20px; border-radius: 100%; } input[type="radio"] + label::before { border: 1px solid #424242; background-color: #424242; } .colors-options:last-of-type input[type="radio"] + label:before, .finitions-options:last-of-type input[type="radio"] + label:before{ border: 1px solid #424242; background-color: #fff; } input[type="radio"]:checked + label::after { border: 3px solid #ff9902; } @media screen and (max-width: 1200px){ .db-btn-acheter{ position: relative!important; margin:10px auto!important; } .postid-21109 .woocommerce-product-details__short-description{ padding-bottom: 0!important; } } span.cd-pack__prix--old{ background: #ff9902; color: #fff; border-radius: 5px; position: relative; } .cd-pack__prix span { margin: 0 .5rem; padding: 0 1rem; font-size: 16px; } span.cd-pack__prix--old::before { content: ""; position: absolute; width: 115%; border-top: 1.5px solid #000; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-15deg); z-index: 1; } .db-btn-acheter:hover { background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%); background:#e08a0b; /*#F15D2F*/ } /* Correction slick */ .ult-carousel-wrapper .slick-slide{ height: auto!important; }