body {
font-family: "Open Sans", sans-serif;
color: #5e4f44;
font-size: 16px;
}
.row::before,
.row::after {
content: none;
}
.row {
display: -ms-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
:hover {
transition: all 0.5s;
}
.clB {
clear: both;
}
.stpCt p {
clear: both;
}
.stpCt input[type="radio"] {
width: 20px !important;
display: inline-block;
height: 20px !important;
margin: 0 !important;
float: left;
}
.stpCt span {
display: block;
float: left;
vertical-align: middle;
height: 20px;
margin-left: 8px;
}
section {
padding: 40px 0;
}
#page-title {
padding: 30px 0;
}
#page-title h1 {
color: #fff;
font-size: 30px;
margin: 0;
}
h1,
h2 {
font-family: "Patrick Hand", cursive;
letter-spacing: 1px;
text-transform: uppercase;
}
h1 {
font-size: 45px;
}
h2 {
font-size: 35px;
color: #76695a;
padding: 10px 0;
display: inline-block;
background: url(https://www.vivien-danjou.fr/content/themes/viviendanjou/img/bg_title.png) no-repeat center center;
background-size: 100% 100%;
}
.bg-primary h2,
.bg-red h2 {
background: url(https://www.vivien-danjou.fr/content/themes/viviendanjou/img/bg_title_white.png) no-repeat center center;
background-size: 100% 100%;
}
h3 {
font-size: 24px;
margin-bottom: 20px;
}
h3,
h4 {
font-weight: 600;
}
.btn,
#form .wpcf7-submit {
font-family: "Patrick Hand", cursive;
text-transform: uppercase;
border-radius: 0;
font-weight: 300;
font-size: 18px;
padding: 5px 20px;
border: none;
font-size: 24px;
letter-spacing: 1px;
}
.marron {
color: #5e4f44 !important;
}
p.date {
color: #fff;
display: inline-block;
padding: 5px 10px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
}
.product-meta,
form.cart {
margin-top: 10px;
}
.woocommerce-info {
border-color: #c42121;
}
.woocommerce-Price-amount {
color: #5e4f44;
font-size: 20px;
font-weight: 600;
line-height: 1.8em;
}
.mcmp_recalc_price_row .woocommerce-Price-amount {
color: #fff;
font-size: 16px;
}
#prix-panier {
display: block;
margin-top: 5px;
}
#prix-panier .woocommerce-Price-amount {
background-color: #c42121;
color: #fff;
border-radius: 5px;
padding: 0 5px;
font-size: 18px;
font-weight: 600;
}
#sidebar .box {
margin-bottom: 20px;
}
#sidebar .box h3 {
margin-top: 0;
border-bottom: 2px solid #5e4f44;
padding-bottom: 10px;
}
#sidebar .product-categories .current-cat {
display: none;
}
#provenance {
padding-top: 0;
}
#sidebar a {
color: #5e4f44;
}
#sidebar .recettes .img {
display: table-cell;
vertical-align: middle;
width: 40%;
padding-right: 15px;
}
#sidebar .recettes .text {
display: table-cell;
vertical-align: middle;
width: 60%;
}
#sidebar a:hover {
text-decoration: underline;
}
.mcmp_recalc_price_row {
color: #fff;
background-color: #5e4f44;
font-size: 16px;
padding: 5px 10px;
border-radius: 10px;
font-weight: 600;
margin-top: 10px;
}
ul {
list-style-type: none;
padding-left: 0;
}
ul li {
margin: 10px 0;
} .cart_totals .shop_table tr td {
text-align: right;
}
.cart_totals h2,
.cart_totals .wc-proceed-to-checkout {
float: right;
margin-bottom: 15px;
}
.woocommerce form .form-row label {
line-height: normal;
}
.woocommerce h3 {
font-family: "Patrick Hand", cursive;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 22px;
background: #c42121;
color: #fff;
padding: 5px 3px 5px 10px;
}
h3#ship-to-different-address {
font-size: 16px;
background: none;
padding: 0;
color: #a2c037;
font-family: "Open Sans", sans-serif;
}
#ship-to-different-address-checkbox {
height: 19px !important;
color: #a2c037;
}
.woocommerce-MyAccount-navigation li {
display: inline-block;
}
.woocommerce-MyAccount-navigation li a {
color: #fff;
background-color: #5e4f44;
padding: 20px;
margin-right: 10px;
margin-bottom: 20px;
display: block;
}
.woocommerce-MyAccount-navigation li a:before {
font-family: "Glyphicons Halflings";
font-weight: 400;
margin-right: 5px;
}
.woocommerce-MyAccount-navigation-link--dashboard a:before {
content: "\e141";
}
.woocommerce-MyAccount-navigation-link--orders a:before {
content: "\e022";
}
.woocommerce-MyAccount-navigation-link--edit-account a:before {
content: "\e019";
}
.woocommerce-MyAccount-navigation-link--edit-address a:before {
content: "\e062";
}
.woocommerce-MyAccount-navigation-link--customer-logout a:before {
content: "\e017";
}
.woocommerce ul#shipping_method {
clear: left;
}
.woocommerce ul#shipping_method li,
.woocommerce ul#shipping_method li label {
display: flex !important;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.woocommerce ul#shipping_method li label {
width: 80%;
justify-content: flex-end;
}
.woocommerce ul#shipping_method li label::before {
content: "";
display: block;
width: 40px;
height: 40px;
margin-right: 5px;
}
.woocommerce
ul#shipping_method
li
label[for="shipping_method_0_boxtal_connect7"]::before,
ul#shipping_method li label[for="shipping_method_0_boxtal_connect8"]::before {
background: url(//www.vivien-danjou.fr/content/themes/viviendanjou/img/icon-chronopost.jpg)
no-repeat;
background-size: auto;
background-size: contain;
}
.woocommerce
ul#shipping_method
li
label[for="shipping_method_0_boxtal_connect3"]::before {
background: url(//www.vivien-danjou.fr/content/themes/viviendanjou/img/icon-mondialrelay.webp)
no-repeat;
background-size: auto;
background-size: contain;
}
.bw-parcel-point {
width: 100%;
}
#footer ul li::before,
#engagements ul li::before,
#content ul li::before,
#produit ul li::before {
font-family: "Glyphicons Halflings";
content: "\e250";
font-size: 12px;
margin-right: 5px;
}
#content .woocommerce ul li::before {
content: none;
}
#content ul li::before {
color: #a2c037;
}
#footer ul li::before {
color: #fff;
}
#engagements ul li::before {
content: "\e013";
color: #a2c037;
margin-right: 15px;
font-size: 18px;
}
#engagements ul {
text-align: left;
font-size: 24px;
}
#engagements .box {
height: 100%;
}
a {
color: #a2c037;
font-weight: 500;
}
a:hover {
color: #5e4f44;
}
.btn-primary,
.carousel-indicators .active,
.bg-primary,
.btn-default:hover,
#search .btn:hover,
#page-title,
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover,
.table > tbody > tr.bg-primary > th,
#form .wpcf7-submit,
span.vert,
.btn-warning:hover {
background-color: #a2c037;
}
.btn-default:hover {
background-color: #a2c037;
color: #fff;
border-color: #a2c037;
}
.btn-primary:hover,
.shop_table_responsive tr th {
background-color: #5e4f44;
color: #fff;
}
span.price {
display: block;
}
span.marron {
background-color: #5e4f44;
color: #fff;
}
.bg-primary h2,
.bg-red h2 {
color: #fff;
border-color: #fff;
}
.btn-default {
color: #5e4f44;
border: 2px solid #a2c037;
}
.btn-primary:hover,
.btn-primary:focus,
#slider .btn:hover,
#contact .btn {
background-color: #484848;
}
.bg-info {
background-color: #efedec;
}
.bg-red,
.btn-warning,
p.date,
span.rouge {
background-color: #c42121;
}
.bg-vert2 {
background-color: #e5eee8;
}
.bg-red,
#recettes a {
color: #fff;
}
.btn.more,
#produits .col-sm-6 .btn-primary {
margin-top: 5px;
font-size: 18px !important;
}
.btn.more {
padding: 5px 0;
color: #c42121;
font-weight: 600;
margin-top: 15px;
}
.btn.more:before {
content: "> ";
}
#produits .col-sm-6 {
margin: 0 0 30px 0;
}
#produits .col-sm-6 img {
margin: 0 auto; background: none;
width: 100%;
height: 265px;
object-fit: contain;
}
#produits .col-sm-6 .btn-primary {
padding: 5px 15px;
}
.table > tbody > tr.red > td {
color: #c42121;
}
.box {
padding: 20px;
height: 100%;
}
.box.marron {
background-color: #dfdcda;
}
.box.vert {
background-color: #ebf3d8;
}
.box.jaune {
background-color: #fffccc;
}
.box.vert2 {
background-color: #e5eee8;
}
span.vert,
span.marron,
span.rouge {
display: inline-block;
float: left;
width: 30px;
height: 20px;
margin-right: 10px;
}
#recettes .text-left a {
display: block;
font-weight: 400;
}
#pagination {
text-align: center;
}
#produits a img {
opacity: 1;
background-color: #000;
}
#produits a:hover {
text-decoration: none;
}
#produits a:hover img {
opacity: 0.35;
}
#produits a:hover h3 {
color: #5e4f44;
}
h2.woocommerce-loop-product__title,
#produit h2 {
display: block;
margin-top: 0;
font-size: 26px !important;
font-family: "Open Sans", sans-serif;
background: none;
text-transform: none;
letter-spacing: 0;
font-weight: 600;
color: #5e4f44;
}
#produit .quantity {
display: inline-block;
float: left;
margin-right: 10px;
}
#produit input.qty {
height: 44px;
background-color: #efedec;
padding: 0 10px;
width: 55px;
border: none;
}
#garanties {
padding: 25px 0;
}
#garanties a {
color: #fff;
}
#panier {
display: block;
text-decoration: none;
padding: 5px;
}
#panier .compteur {
background: #a2c037;
color: #fff;
border-radius: 50%;
width: 18px;
height: 18px;
display: inline-block;
text-align: center;
line-height: 18px;
font-size: 12px;
position: absolute;
}
#produits a h3 {
position: absolute;
bottom: 45%;
width: calc(100% - 30px);
margin: 0 auto;
color: #fff;
font-size: 30px;
padding: 0 15px;
font-family: "Patrick Hand", cursive;
text-transform: uppercase;
font-weight: 400;
}
#shipping_method input {
float: left;
margin-right: 10px !important;
width: 40px !important;
height: 20px !important;
}
#payment input {
float: left;
margin-right: 10px !important;
width: auto !important;
height: 32px !important;
}
#form #payment .payment_box {
background: #a2c037;
color: #fff;
padding: 8px;
font-style: italic;
font-size: 17px;
margin: 4px 0 15px 0;
}
#form #payment div.payment_box::before {
border: 1em solid #a2c037;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
}
.mapp-layout {
border: 0;
}
.mapp-title {
font-size: 20px !important;
color: #c42121;
font-weight: 600;
}
.mapp-layout * {
font-size: 16px;
}
.mapp-iw a {
color: #a2c037 !important;
}
section [class*="col-"],
#footer .col-sm-6 {
margin-top: 15px;
margin-bottom: 15px;
}
#actus .col-sm-4 .img-actu img {
margin: 0 auto;
}
#actus .col-sm-4 h3 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
letter-spacing: 0;
}
#actus .col-sm-4 p {
text-align: left;
}
#actus .col-sm-4 a {
color: #5e4f44;
}
#actus .col-sm-4 a:hover {
color: #a2c037;
text-decoration: none;
}
#search input {
margin-top: 10px;
border-color: #76695a;
border-radius: 20px;
padding: 5px 15p;
}
.navbar-toggle .icon-bar,
a#rdv:hover,
#actus .col-sm-4 a:hover .box {
background-color: #484848;
}
#menu-nav {
padding-right: 0;
}
#logo {
margin: 20px 0;
}
#connexion .col-xs-4 {
border-left: 1px solid #76695a;
}
#connexion a.login {
font-size: 14px;
}
.navbar {
margin-bottom: 0;
border: none;
border-radius: 0;
}
.navbar-nav {
width: 100%;
display: flex;
justify-content: center;
}
.nav > li {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.navbar-nav > li > a {
color: #76695a;
text-transform: uppercase;
padding: 4px;
border-bottom: 3px solid #fff;
background: none;
font-size: 15px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li.active > a,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
border-bottom: 3px solid #76695a;
background: none;
}
.dropdown-menu {
padding: 0;
min-width: 180px;
}
.dropdown-menu li {
margin: 0;
}
.dropdown-menu > li > a {
font-size: 15px;
padding: 10px 15px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
background-color: #76695a;
color: #fff;
}
li {
font-size: 16px;
}
ul.page-numbers li {
display: inline-block;
}
span.page-numbers,
a.page-numbers {
padding: 5px 10px;
background-color: #efedec;
color: #5e4f44;
}
span.page-numbers.current,
a.page-numbers:hover {
background-color: #a2c037;
color: #fff;
text-decoration: none;
}
#content a.facebook {
background-color: #5e4f44;
color: #fff;
display: inline-block;
}
.navbar-toggle {
background-color: #fff;
}
.breadcrumb {
background: none;
margin-bottom: 0;
padding: 10px 0;
}
#labels .col-5 {
margin: 0;
}
.col-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
}
#article h2 {
font-size: 24px;
}
p.lead {
font-size: 18px;
}
p.lead small {
display: block;
text-transform: uppercase;
color: #8f8f8f;
}
#content p.lead {
text-align: center;
color: #512566;
font-weight: 500;
margin: 20px 0;
}
#footer {
background: #5e4f44;
padding: 50px 0;
color: #fff;
}
#footer .row {
margin-bottom: 30px;
}
#footer a {
color: #fff;
font-weight: 400;
font-size: 14px;
}
#footer #logo-footer {
margin-bottom: 10px;
}
#footer .col-md-3.text-center a {
display: block;
margin: 5px 0;
font-size: 16px;
}
#footer h3 {
margin-top: 0;
text-transform: uppercase;
font-size: 20px;
}
#footer a.btn.btn-info {
font-size: 18px;
display: block;
}
#footer .text-center {
font-size: 14px;
}
#footer a.facebook {
color: #5e4f44;
font-weight: 600;
}
a.facebook img,
a.instagram img,
a.youtube img,
a.linkedin img {
height: auto;
width: 35px;
margin-top: 15px !important;
display: block;
transition: 0.2s;
}
a.facebook img:hover,
a.instagram img:hover,
a.youtube img:hover,
a.linkedin img:hover {
transform: scale(1.1);
}
.rs-vivien {
display: flex;
}
#slider .item {
background: no-repeat center center scroll;
background-image: none;
background-size: auto;
background-size: cover;
}
#slider .carousel-caption {
text-align: center;
text-shadow: none;
left: 10%;
right: 10%;
padding-bottom: 40px;
}
.carousel-control {
width: 10%;
background: none !important;
}
#slider p.title,
#slider h1.title {
font-family: "Patrick Hand", cursive;
font-size: 40px;
text-transform: uppercase;
text-shadow: 0px 0px 15px #000;
}
#slider .btn {
margin: 10px 0;
}
.carousel-indicators li {
background-color: #fff;
border: 0;
}
#cultures h3,
#producteurs .col-md-6 h3:first-of-type,
#producteurs .col-md-6 .col-sm-3,
#produit h2 {
margin-top: 0;
}
#form input,
#form textarea {
padding: 10px;
background-color: #fff;
border: thin solid #5e4f44;
margin-bottom: 10px;
width: 100%;
}
#form input[type="checkbox"] {
width: auto;
margin: 0 10px 0 0;
position: relative;
float: left;
height: 30px;
}
#form input,
#form select {
height: 40px;
}
#form textarea {
height: 80px;
}
span.wpcf7-list-item {
font-size: 12px;
margin: 0;
line-height: 15px;
}
@media screen and (min-width: 320px) {
#labels .col-5 {
width: 50%;
}
#slider .item {
min-height: 450px;
}
}
@media screen and (max-width: 768px) {
#menu-nav {
background-color: #fff;
}
.navbar-nav,
.nav > li {
flex-direction: column;
}
.navbar-nav .open .dropdown-menu {
text-align: center;
}
.dropdown-menu li {
margin: 5px 0 !important;
}
}
@media screen and (min-width: 768px) {
#actus .col-sm-4 .img-actu {
height: 242px;
}
#connexion {
margin: 20px 0;
}
img.alignright {
float: right;
margin: 0 0 20px 20px;
}
img.alignleft {
float: left;
margin: 0 20px 20px 0;
}
img.aligncenter {
margin: 0 auto;
}
.col-5 {
width: 33.333333%;
}
.navbar .navbar-collapse {
text-align: center;
}
#logo {
float: right;
max-height: 150px;
}
}
@media screen and (min-width: 1024px) {
#labels .col-5 {
width: 20%;
margin: 30px 0;
}
#slider .item {
min-height: 600px;
}
#connexion a.login {
letter-spacing: -0.5px;
}
#content .box {
min-height: 195px;
}
}
@media screen and (min-width: 1200px) {
#connexion a.login {
letter-spacing: -0.2px;
}
.navbar-nav > li {
margin-left: 10px;
}
#content .box {
min-height: 240px;
}
.column-1,
.column-2 {
width: 33.33333333%;
}
.column-3,
.column-4 {
width: 16.66666667%;
}
} .carte_produits {
width: 100%;
}
.carte_produits iframe {
width: 100%;
border-radius: 15px;
border: none;
}
.trouver_nos_produits .table,
.tablepress {
margin-bottom: 20px !important;
margin-top: 30px !important;
}
.trouver_nos_produits .table > tbody > tr > td {
text-align: left;
border-top: none;
}
thead {
font-weight: 500;
}
.ok::before {
font-family: "Glyphicons Halflings";
content: "\e013";
font-size: 15px;
color: #a2c037;
}
.grecaptcha-badge {
display: none !important;
}
.footer-recaptcha {
display: flex;
justify-content: center;
}
.footer-recaptcha a {
color: white !important;
text-decoration: none;
transition: color 0.2s;
}
.footer-recaptcha a:hover {
color: black !important;
}
.footer-recaptcha div {
margin-top: 8px;
margin-bottom: 8px;
font-size: 10px;
padding-left: 55px;
padding-top: 10px;
padding-bottom: 10px;
background-position: 0 50%;
background-repeat: no-repeat;
background-image: url(//www.vivien-danjou.fr/content/themes/viviendanjou/img/captcha.png);
background-size: 45px;
}
thead tr th {
background-color: white !important;
border-bottom: 2px solid #ddd !important;
}
tbody tr td {
padding: 8px !important;
border: none !important;
}