:root {
--primary-theme-color: #01392b;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-weight: 600;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#content[tabindex="-1"]:focus {
outline: 0;
}
body {
font-family: 'Manrope', sans-serif;
color: #5b5b5b;
margin:0;
background: #fff;
}
h1,h2,h3,h4,h5,h6{
font-weight: bold;
color: #121212;
}
a {
color:#121212;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
-o-transition: color .1s linear;
transition: color .1s linear;
text-decoration: none;
}
a:hover,
a:focus {
color:var(--primary-theme-color);
text-decoration: none;
}
.alignwide {
margin-left  : -80px;
margin-right : -80px;
}
.alignfull {
margin-left  : calc( -100vw / 2 + 100% / 2 );
margin-right : calc( -100vw / 2 + 100% / 2 );
max-width    : 100vw;
}
.alignfull img {
width: 100vw;
}
.post-single a,.page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
text-decoration: underline;
color:var(--primary-theme-color);
} .head-btn a {
background: var(--primary-theme-color);
padding: 18px 15px;
color: #fff;
font-size: 12px;
font-weight: bold;
display: inline-block;
text-transform: uppercase;
}
.head-btn a:hover{
background: var(--primary-theme-color);
}
.upperheader {
background: var(--primary-theme-color);
font-weight: 500;
}
.upperheader p {
padding: 10px 0;
color: #fff;
}
.header-icon i, .social-links i {
background: #f2f2f2;
width: 45px;
height: 45px;
text-align: center;
padding: 14px 0;
border-radius: 30px;
color: var(--primary-theme-color);
}
.header-icon h6 {
font-weight: 500;
font-size: 16px;
}
.center-header-box {
background-image: url(https://www.jardinsdeloiseau.com/wp-content/themes/green-farm-elementor/assets/images/menu-bg.png);
background-repeat: no-repeat;
background-size: cover;
height: 51px;
}
.menu-header{
position: absolute;
width: 100%;
z-index: 999;
}
a.cart-customlocation {
color: #fff;
} .footer-links{
text-align: left;
padding: 6px 0px;
}
.footer-links i{
color: #000;
background: #fff;
padding: 7px;
border-radius: 3px;
}
.footer-links i:hover{
color: var(--primary-theme-color);
} .header-image-box{
position: relative;
height: 350px;
display: flex;
align-items: center;
background-position: center;
}
.header-image-box:before {
position: absolute;
content: "";
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgb(0 0 0 / 50%);
opacity: 0.7;
z-index: 1;
}
.header-image-box h1,.headerimgbox-meta span,.crumb-box a,.crumb-box, .header-image-box p{
position: relative;
z-index: 1;
color: #fff;
}
.header-image-box h1{
font-size: 65px;
}
.header-image-box h1, .post-title a{
word-wrap: break-word;
} .logo a {
color: var(--primary-theme-color);
font-size: 28px;
line-height: 35px;
text-decoration: none;
-webkit-transition: color .1s linear;
-moz-transition: color .1s linear;
-o-transition: color .1s linear;
transition: color .1s linear;
font-weight: bold;
}
.logo span {
display: block;
font-size: 15px;
line-height: 18px;
color: #121212;
}
img.custom-logo {
max-width: 100%;
} #main-menu {
display:block;
position:relative;
float:left;
margin:0 auto;
width:100%
}
#main-menu ul {
margin:0;
padding: 0;
display:block;
}
#main-menu ul li {
position:relative;
display:block;
float:left;
text-align:left;
}
#main-menu ul li a {
display: block;
z-index: 1;
padding: 10px;
font-size: 14px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
color:#e0f50a;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
opacity:0;
position: absolute;
top: 35px;
left: -9999em;
background:#f5f9ff;
z-index:10001;
width:213px;
padding-left:0;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
position:relative;
margin:0;
line-height:1.2em;
text-transform:none;
width:213px;
min-height: inherit;
margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
top:0px;
left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
text-decoration:none;
text-align:left;
display:block;
padding:10px 15px;
margin:0;
border:none;
line-height:inherit;
color: #121212;
border-bottom: solid 1px #e4e7ee;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
background: var(--primary-theme-color);
color: #fff;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
opacity:1;
left: 0;
} .sticky .post-content-box{
background: #f2f8ff;
}
.post-box {
box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
border-radius: 10px;
text-align: center;
}
h3.post-title {
font-size: 25px;
}
.post-content p{
color: #5b5b5b;
}
.post-meta,.crumb-box a:hover{
color: var(--primary-theme-color);
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #121212;
white-space: break-spaces;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
max-width: 100%;
}
.post-content img,
.post-thumbnail img {
max-height:100%;
height:auto;
}
.post-content:after {
content: "";
display: table;
clear: both;
}
#content,footer {
float: left;
width: 100%;
}
.box {
background-color: rgb(171 171 171 / 70%);
text-align: center;
overflow: hidden;
position: relative;
}
.post-box:hover:before{
opacity: 1;
transform: translateX(0);
}
.box img{
width: 100%;
height: auto;
transform: translateX(-20px) scale(1.15);
transition: all 0.5s ease;
}
.post-box:hover img{
opacity: 0.2;
transform: translateX(20px) scale(1.15);
}
.box .box-content{
opacity: 0;
transform: scale(0);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
z-index: 1;
transition: all 0.5s ease;
}
.post-box:hover .box-content{
opacity: 1;
transform: scale(1);
}
p.slider-button a {
background: var(--primary-theme-color);
color: #fff;
padding: 15px 20px;
font-size: 15px;
font-weight: bold;
}
p.slider-button a:hover {
background: var(--primary-theme-color);
color: #fff;
}
.post-info span,
.post-info a {
color: #000;
font-size: 16px;
padding: 2px;
display: inline-block;
}
.post-info a:hover,
.entry-date:hover a,
.entry-author:hover a
{
color: var(--primary-theme-color);
}
.post-info i {
color: var(--primary-theme-color);
font-size: 12px;
} .link-edit{
display: inline-block;
margin-left: 10px;
}
.post-info{
display:inline-block;
}
.link-edit::before {
content: "\f044";
color: var(--primary-theme-color);
}
.link-edit::before {
display: inline-block;
font-family: 'Font Awesome 6 Free';
height: 15px;
margin-right: 8px;
}
.post-edit-link{
color: #000 !important;
} .pagination,
.green-farm-elementor-pagination {
margin:25px 0;
}
.pagination .nav-links a,
.pagination .nav-links span.current,
.green-farm-elementor-pagination a span,
.green-farm-elementor-pagination span.current {
display:inline-block;
text-decoration: none;
padding:10px 12px;
font-size:14px;
font-weight: bold;
color:#333;
text-align:center;
cursor:pointer;
background:#f3f4f7;
}
.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.green-farm-elementor-pagination span.current,
.green-farm-elementor-pagination span.current:hover,
.green-farm-elementor-pagination span.current:focus,
.green-farm-elementor-pagination a span:hover,
.green-farm-elementor-pagination a span:focus {
background: var(--primary-theme-color);
color: #fff;
} .comment-reply a:focus{
color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
background: var(--primary-theme-color);
color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
width: 100%;
}
.comment-respond input#submit {
background: var(--primary-theme-color);
border: none;
color: #fff;
padding: 10px;
font-weight: 600;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-title {
font-size: 1.125rem;
}
.comment-body .pull-left {
padding-right: 0.625rem;
}
.comment-list {
padding-left: 0;
border-bottom: 1px solid #00000047;
}
.comment-list .comment {
display: block;
}
.comment-list .pingback {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.563rem 0;
}
.comment-list .pingback a {
margin-left: 5px;
margin-right: 5px;
}
.comment-content.card-block {
padding: 15px;
}
.comment-reply a {
padding: 10px;
color: #fff;
background: var(--primary-theme-color);
} .sidebar-area {
border-left: solid 1px #e4e7ee;
padding: 0 0 0 20px;
}
.sidebar-area .textwidget img,
.footer-area .textwidget img{
width: 100%;
height: auto;
}
.sidebar-area .sidebar-widget {
margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
line-height:1.9em;
font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
list-style: none;
margin: 0;
}
.sidebar-area ul {
padding: 15px 30px 25px;
border-radius: 10px;
border: solid 1px #e4e7ee;
}
.sidebar-area li a,
.sidebar-area li {
font-size: 15px;
color: #5b5b5b;
}
.sidebar-area li a:hover, .sidebar-area li:hover{
color: var(--primary-theme-color);
}
.sidebar-area li {
padding: 14px 10px;
border-bottom: solid 1px #e4e7ee;
}
.sidebar-area h4.title {
position: relative;
font-size: 25px;
margin-left: 60px;
margin-bottom: 20px;
}
.sidebar-area h4.title:before {
position: absolute;
content: "";
width: 50px;
left: -60px;
height: 2px;
background: var(--primary-theme-color);
top: 0;
bottom: 0;
margin: auto;
}
.sidebar-area h4.title:after {
position: absolute;
content: "";
width: 10px;
left: -60px;
height: 10px;
border-radius: 10px;
background: var(--primary-theme-color);
top: 0;
bottom: 0;
margin: auto;
}
.sidebar-area .tagcloud a,
.footer-area .tagcloud a {
font-size: 15px !important;
color: #5b5b5b;
display: inline-block;
margin: 5px 0;
padding: 10px;
border-radius: 5px;
border: solid 1px #e4e7ee;
}
.footer-area .tagcloud a{
border: solid 1px #fff;
color: #fff;
}
.sidebar-area .tagcloud a:before,
.footer-area .tagcloud a:before  {
content: "#";
}
.sidebar-area .tagcloud a:hover,
.footer-area .tagcloud a:hover{
background: var(--primary-theme-color);
color: #fff;
}
.sidebar-area select,
.footer-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
width:100%;
padding: 5px 2%;
border: solid 1px #e4e7ee;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
background:#f3f4f7;
color:#434343 !important;
}
#wp-calendar a:hover {
border:none;
}
#wp-calendar {
background: #fff;
width:100%;
}
#wp-calendar caption {
font-size: 14px;
text-transform:uppercase;
margin:0 0 10px 0;
text-align:left;
}
#wp-calendar th,
#wp-calendar td {
text-align: center;
font-size: 14px;
color:#434343 !important;
padding:3px 6px;
}
#wp-calendar td a {
display:block;
text-align: center;
font-size: 14px;
color:#434343 !important;
text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
text-decoration:none;
text-align:left;
}
#wp-calendar th{
font-weight:bold
}
tr:nth-child(2n+2) {
background-color: #f3f4f7;
}
.searchform label {
display: block;
}
.searchform input[type=text] {
width: calc(100% - 110px);
margin: 0;
padding: 12px;
float: left;
background-color: transparent;
border: none;
}
#searchform {
border: solid 1px #e4e7ee;
border-radius: 30px;
}
.searchform input[type=submit] {
background: var(--primary-theme-color);
border: none;
color: #fff;
font-size: 14px;
font-weight: 600;
text-align: center;
position: relative;
float: left;
border-radius: 30px;
text-shadow: none;
padding: 10px 0;
width: 105px;
margin: 4px auto;
cursor: pointer;
-webkit-transition: color .3s ease, background-color .3s ease;
-moz-transition: color .3s ease, background-color .3s ease;
-o-transition: color .3s ease, background-color .3s ease;
transition: color .3s ease, background-color .3s ease;
}
.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
background: var(--primary-theme-color);
text-decoration:none
}
.searchform:after {
content: "";
display: table;
clear: both;
}
.footer-widget, .footer-copyright{
background: #121212;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget,.footer-area li,
.footer-area input[type=text],
.wp-block-group__inner-container h2  {
color: #fff;
}
.footer-area ul {
padding: 0;
list-style: none;
}
.footer-area h4.title {
font-size: 30px;
color: #fff;
margin-top: 30px;
}
.footer-area li {
padding: 8px 0;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
max-width:100%;
height:auto;
}
.alignleft,
img.alignleft {
display:inline;
float:left;
margin-right:24px;
margin-top:4px;
}
.alignright,
img.alignright {
display:inline;
float:right;
margin-left:24px;
margin-top:4px;
}
div.aligncenter,
img.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important;
float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom:12px;
}
.wp-caption {
line-height:18px;
margin-bottom:25px;
max-width:100% !important;
padding:4px;
text-align:center;
}
.wp-caption img {
margin:5px 5px 0;
width:96%;
height:100%
}
.wp-caption p.wp-caption-text {
color:#888;
font-size:12px;
margin:5px;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
} .widget_search .wp-block-search__inside-wrapper {
border: solid 1px #e4e7ee;
border-radius: 30px;
}
.widget_search .wp-block-search__inside-wrapper .wp-block-search__input{
width: calc(100% - 110px);
margin: 0;
padding: 12px;
float: left;
background-color: transparent;
border: none;
}
.widget_search button.wp-block-search__button.wp-element-button{
background: var(--primary-theme-color);
border: none;
color: #fff;
font-size: 14px;
font-weight: 600;
text-align: center;
position: relative;
float: left;
border-radius: 30px;
text-shadow: none;
padding: 10px 0;
width: 105px;
margin: 4px auto;
cursor: pointer;
-webkit-transition: color .3s ease, background-color .3s ease;
-moz-transition: color .3s ease, background-color .3s ease;
-o-transition: color .3s ease, background-color .3s ease;
transition: color .3s ease, background-color .3s ease;
}
.widget_search button.wp-block-search__button:hover,
.widget_search button.wp-block-search__button:focus{
background: var(--primary-theme-color);
text-decoration:none
}
.widget_search .wp-block-search__inside-wrapper {
content: "";
display: table;
clear: both;
}
.sidebar-area .wp-block-search label{
display: inline;
}
.sidebar-area .widget_search label ,
.sidebar-area .sidebar-widget.widget_block .wp-block-heading{
position: relative;
font-size: 25px;
margin-left: 60px;
margin-bottom: 20px;
color: #000;
}
.sidebar-area .widget_search label:before,
.sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
position: absolute;
content: "";
width: 50px;
left: -60px;
height: 2px;
background: var(--primary-theme-color);
top: 0;
bottom: 0;
margin: auto;
}
.sidebar-area .widget_search label:after,
.sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
position: absolute;
content: "";
width: 10px;
left: -60px;
height: 10px;
border-radius: 10px;
background: var(--primary-theme-color);
top: 0;
bottom: 0;
margin: auto;
}
.sidebar-area .wp-block-tag-cloud a,
.footer-area .wp-block-tag-cloud a ,.tag-cloud-link{
font-size: 15px !important;
color: #5b5b5b;
display: inline-block;
margin: 5px 0;
padding: 7px;
border-radius: 5px;
border: solid 1px #e4e7ee;
}
.footer-area .wp-block-tag-cloud a{
border: solid 1px #fff;
color: #fff;
}
.sidebar-area .wp-block-tag-cloud a:before,
.footer-area .wp-block-tag-cloud a:before ,
.tag-cloud-link:before {
content: "#";
}
.sidebar-area .wp-block-tag-cloud a:hover,
.footer-area .wp-block-tag-cloud a:hover,.tag-cloud-link:hover{
background: var(--primary-theme-color);
color: #fff;
}
.sidebar-area ol footer.wp-block-latest-comments__comment-meta{
float: none !important;
}
.sidebar-area  ol.wp-block-latest-comments{
padding-left: 0px !important;
padding: 15px 30px 25px;
border-radius: 10px;
border: solid 1px #e4e7ee;
}
.footer-area .wp-block-heading ,
.footer-area .widget_search label {
font-size: 30px;
color: #fff;
margin-top: 30px;
} .wp-block-woocommerce-cart.alignwide{
margin-right: auto;
margin-left: auto;
}
.wp-block-woocommerce-checkout.alignwide {
margin-right: auto;
margin-left: auto;
}
.wp-block-woocommerce-cart .wc-block-cart-items{
border: 1px solid #dee2e6!important;
box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
padding: 10px;
}
.wp-block-woocommerce-cart-order-summary-block {
border: 1px solid #dee2e6!important;
box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
}
.wp-block-woocommerce-cart-order-summary-heading-block{
padding: 10px 20px !important;
background: #f3f4f7 !important;
}
.wc-block-components-product-name{
font-size: 20px;
text-decoration: none !important;
font-weight: 600 !important;
color: #000 !important;
}
.wc-block-cart-items__header-image{
padding-left: 16px !important;
}
.wc-block-cart-items__header-total{
padding-right: 16px !important;
}
.wc-block-components-totals-coupon-link ,
.wc-block-cart__submit-container a,
.wc-block-checkout__actions_row button,
.wc-block-components-totals-coupon__form button,
.wc-block-components-checkout-return-to-cart-button,
.wc-block-grid__product-add-to-cart a{
background: var(--primary-theme-color);
color: #fff !important;
line-height: unset;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
margin-top: 10px;
text-decoration: none !important;
}
.wc-block-cart__submit-container a{
margin-top: 20px;
}
.wc-block-components-totals-coupon-link:hover,
.wc-block-cart__submit-container:hover a,
.wc-block-checkout__actions_row button:hover,
.wc-block-components-checkout-return-to-cart-button:hover,
.wc-block-grid__product-add-to-cart a:hover{
background: var(--primary-theme-color);
}
.wc-block-components-totals-coupon {
text-align: center;
}
.wc-block-cart-items__header-product{
background: #f3f4f7 !important;
}
.wc-block-cart-items__header th{
padding: 10px 20px !important;
font-size: 14px;
}
.wc-block-cart__totals-title{
font-size: 14px !important;
font-weight: 700 !important;
text-align: center !important;
}
tr.wc-block-cart-items__row {
padding: 15px 15px !important;
}
.wc-block-components-totals-item,
.wc-block-components-totals-item{
padding-left: 16px !important;
padding-right: 16px !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
display: block !important;
} .wc-block-grid__product-title {
font-size: 18px !important;
color: #121212 !important;
text-decoration: none !important;
}
a.wc-block-grid__product-link{
text-decoration: none !important;
}
.wc-block-grid__product-price{
color: #558b2f !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
top: 10px !important;
right: 10px !important;
left: auto !important;
margin: 0 !important;
line-height: 0 !important;
background: #121212 !important;
border-radius: 0 !important;
padding: 14px 10px !important;
min-height: 2em !important;
color: #fff !important;
} .wp-block-woocommerce-checkout-order-summary-block{
border: 1px solid #dee2e6!important;
padding: 10px;
box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
}
.wc-block-components-checkout-place-order-button{
border: 0px !important;
} nav.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin-bottom: 0;
}
nav.woocommerce-MyAccount-navigation ul li{
padding: 10px;
margin-bottom: 15px;
background: var(--primary-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li:hover{
background: var(--primary-theme-color);
}
nav.woocommerce-MyAccount-navigation ul li a{
text-decoration: none;
color: #fff
} .woocommerce-Address-title a{
background: var(--primary-theme-color);
color: #fff !important;
line-height: unset;
padding: 0.4em 1em;
font-weight: 700;
border-radius: 3px;
text-decoration: none !important;
}
header.woocommerce-Address-title.title{
display: inline-grid;
margin-bottom: 20px;
} .woocommerce form .form-row label,.woocommerce form .form-row,span.woocommerce-input-wrapper,span.password-input{
width: 100%;
} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce a.added_to_cart{
background: var(--primary-theme-color);
color: #fff;
line-height: unset;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce a.added_to_cart:hover{
background: var(--primary-theme-color);
color: #fff;
}
.woocommerce a.added_to_cart{
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
margin-top: 10px;
} .wp-block-button__link{
color: #fff !important;
background-color:var(--primary-theme-color);
margin-bottom: 5px;
}
.wp-block-button.is-style-outline .wp-block-button__link{
border: 1px solid var(--primary-theme-color);
color: #121212 !important;
}
.wp-block-button.is-style-squared .wp-block-button__link{
border-radius: 0px !important;
}
.post-content {
word-wrap: break-word;
}
.sidebar-area .wp-block-group__inner-container h2 {
color: #000000 !important;
font-size: 20px;
} .woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
top: 10px;
right: 10px;
left: auto;
margin: 0;
line-height: 0;
background: #121212;
border-radius: 0;
padding: 14px 10px !important;
min-height: 2em !important;
}
.woocommerce span.onsale{
left: 10px;
right: auto;
}
h2.woocommerce-loop-product__title {
font-size: 18px !important;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
color: var(--primary-theme-color);
display: block;
margin-bottom: 0;
font-size: 18px;
}
.woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
text-decoration: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
text-align: center;
}
.woocommerce .quantity .qty {
width: 13em;
padding: 8px;
}
.woocommerce ul.products li.product .star-rating {
font-size: 12px;
margin: 0 auto 8px;
}
.woocommerce ul.products li.product a img{
margin-bottom: 0;
}
.woocommerce .woocommerce-ordering select,.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding: 12px;
border: 1px solid #d3ced2;
background: transparent;
} .woocommerce nav.woocommerce-pagination ul li span.current {
padding: 12px 15px;
background: var(--primary-theme-color);
color: #121212;
border-radius: 10px;
font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a {
display: block;
margin: 2px 2px 2px 0;
padding: 12px 15px;
text-decoration: none;
width: auto;
color: #fff;
background: #121212;
transition: background .15s ease-in-out;
font-weight: bold;
border-radius: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
background: var(--primary-theme-color);
color: #121212;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
border: none;
float: none;
overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
text-align: center;
margin-bottom: 20px;
} .single-post-category span {
font-weight: 600;
color: #5b5b5b;
}
.single-post-category .post-categories li ,.single-post-category ul{
display: inline-block;
padding-left: 0px;
}
.single-post-category .post-categories li a{
margin-right: 8px;
margin-bottom: 8px;
background-color:var(--primary-theme-color);
padding: 8px 10px;
color: #fff;
display: inline-block;
font-size: 13px;
font-weight: 500;
line-height: 1;
}
.single-post-category .post-categories li a:hover{
background: var(--primary-theme-color);
} .search-cont button{
border: 0;
background: transparent;
}
.outer-search {
background: rgb(255 255 255 / 91%);
position: fixed;
top: 0;
left: 0;
width: 100%;
display: none;
text-align: center;
height: 100%;
z-index: 999;
}
.inner-search label {
width: 100%;
}
.inner-search input#search{
background: transparent;
border-top: 2px solid #222;
border-bottom: 2px solid #222;
border-left: 0px solid transparent;
border-right: 0px solid transparent;
font-size: 32px;
text-align: center;
color: #222;
}
.inner-search input#search::placeholder {
color: #222;
}
.inner-search {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 99999;
left: 50%;
padding: 0 15px;
}
.outer-search .closepop {
position: absolute;
top: 20%;
transform: translateY(-50%);
right: 5%;
text-align: right;
background: transparent;
border: 0;
font-size: 40px;
color: #222;
}
.outer-search .closepop:focus{
outline-color: #000;
}
.inner-search form.searchform {
margin: 0 auto;
max-width: 700px;
}
.inner-search .searchform input[type=text]{
width: 100%;
}
.inner-search input.search-submit {
display: none;
}
.search-cont i {
color: #fff;
font-size: 16px;
}
.inner-search #searchform{
border: none;
}
.result-search #searchform{
display: table;
}
.not-found-content #searchform {
display: inline-block;
}
.footer-copyright a,.footer-copyright p{
color: #ffffff;
}
.footer-copyright a:hover{
color:var(--primary-theme-color);
} #elemento-progress-bar {
background-color: var(--primary-theme-color);
position: fixed;
width: 0;
height: 4px;
z-index: 99999;
}
#elemento-progress-bar.top {
top: 0;
}
.admin-bar #elemento-progress-bar.top {
top: 32px;
}  .green-farm-elementor-Banner-Section{
width: auto;
height: auto;
}
.green-farm-elementor-Banner-Section a.elementor-button-link:hover {
background: #000 !important;
}
.green-farm-elementor-Banner-Section{
position: relative;
}
.green-farm-elementor-Banner-Section:after {
background-image: url(https://www.jardinsdeloiseau.com/wp-content/themes/green-farm-elementor/assets/images/banner-design-image.png);
content: "";
width: 100%;
height: 80px;
position: absolute;
bottom:0;
left: 0;
}
.green-farm-elementor-Banner-Text-Section h3{
font-family: "Covered By Your Grace", Sans-serif !important; 
} .green-farm-elementor-Services-Product-Section {
position: relative;
}
.green-farm-elementor-Services-Section img{
width: 100%;
}
.green-farm-elementor-Services-Section a {
filter: drop-shadow(0px 3px 2.5px rgba(0,0,0,0.16));
background-color: #f8f7f1;
position: absolute;
border-radius: 10px;
bottom: -20px;
padding: 15px;
display: block;
width: 80% !important;
left: 50%;
transform: translateX(-50%);
}
.green-farm-elementor-Services-Section .elementor-widget.elementor-widget-image {
margin-bottom: 0px;
}
.green-farm-elementor-Services-Section .product-section-icon {
position: absolute;
z-index: 1;
left: 50%;
top: auto;
bottom: 0;
transform: translateX(-50%) !important;
margin: 0;
}
.green-farm-elementor-Services-Section .product-section-icon svg{
width: 44px !important;
height: 45px !important;
border-radius: 23px !important;
filter: drop-shadow(0px 3px 3.5px rgba(0,0,0,0.16));
background-color: #ffffff;
padding-top: 15px;
padding-bottom: 15px;
}
.green-farm-elementor-Services-Product-Section:hover a{
background: var(--primary-theme-color) !important;
color: #fff !important;
} .loader {
background-color: #fff;
width: 100%;
height: 100%;
position: fixed;
z-index: 999999999;
display: flex;
bottom: 0px;
justify-content: center;
align-items: center;
}
.preloader {
animation: move 0.5s ease infinite alternate;
}
.diamond {
width: 60px;
height: 60px;
transform: translateY(-50%);
transform-style: preserve-3d;
animation: spin 1s linear infinite;
justify-content: center;
align-items: center;
}
.diamond span{
width: 60px;
height: 60px;
position: absolute;
top: 0;
left: 0;
}
.diamond span:nth-child(1){
border: 10px solid var(--primary-theme-color);
border-left-color: #000;
border-right-color: #000;
transform: rotateX(90deg) rotateZ(45deg);
}
.diamond span:nth-child(2){
border: 6px solid var(--primary-theme-color);
border-left-color: #000;
border-right-color: #000;
transform: rotateX(90deg) rotateY(90deg) rotateZ(45deg);
}
.diamond span:last-child{
border: 6px solid var(--primary-theme-color);
border-left-color: #000;
border-right-color: #000;
transform: rotateZ(45deg);
}
@keyframes move{
0%{ transform: translateY(0) scaleY(0.9); }
100%{ transform: translateY(-70px) scaleY(1.1); }
}
@keyframes spin{
0%{ transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); }
100%{ transform: translateY(-50%) rotateX(-15deg) rotateY(180deg); }
} .scroll-up {
position: fixed;
bottom: 12px;
right: 30px;
z-index: 999;
}
.scroll-up a {
background: var(--primary-theme-color);
color:#ffffff;
}
.scroll-up a:hover{
background: #61CE70;
color:#fff;
}
.scroll-up a {
display: block;
height: 2.5rem;
width: 2.5rem;
text-align: center;
line-height: 2;
border-radius: 3px;
font-size: 1.25rem;
color: #fff;
opacity: 1;
transition: all 0.3s ease 0s;
box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up i{
line-height: 40px;
}