/*
Theme Name: Theme CBDouce
Description: Theme enfant utilisé pour le site CBDouce
Author: Basil
Template: oceanwp
*/
body {
    background: white !important;
}

[class*="woolentor"] a:not(.menu-link) {
    text-decoration: underline !important;
}

body:not(.home) #main {
    margin-top: 75px;
}

div#top-bar-wrap {
    padding: 0.5rem;
    background: #54692a;
    border-bottom: solid 2px #54692a;
}
	
#nav-wrap input{ display: none; }

span.topbar-content span {font-size: 1.4rem; color: white; font-weight: bold; text-transform: uppercase;}

span.topbar-content img {
    margin-left: 2rem;
}

.page-header { background-color: #54692a !important; }

.page-header h1 { color: white; }

.product_information_area {
	opacity: 1;
	bottom: initial;
	position: relative;
	visibility: initial;
}

.product-item:hover .product_information_area {
	bottom: initial;
}

.slick-slide img {
	width: 100%;
}

.elementor-image-box-title {
	font-weight: 600;
    margin: 0 0 20px;
    color: #333;
    line-height: 1.4;
    font-size: 15px;
}

.eael-entry-media .eael-entry-thumbnail, .eael-entry-media .eael-entry-thumbnail img {
    height: 100%;
    width: 100%;
}

.eael-entry-media {
    height: 250px;
}

.eael-post-grid.eael-post-appender.eael-post-appender-8d72fed.eael-post-grid-style-default {
    display: flex;
    align-items: stretch;
}

.eael-grid-post-holder {
    height: calc(100% + 10px);
}

header#site-header { position: absolute; }

header#site-header.sticky { position: fixed; top: 0; border-bottom: solid 2px #99354c;}

#n2-ss-2 .n2-ss-slider-2 {
    margin-top: 75px;
}

.bouton-header {
    color: #fff;
    font-size: 87.5%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: 2px;
    word-spacing: normal;
    text-transform: none;
    font-weight: 700;
    border: solid 1px white;
    padding: 2rem;
    opacity: 1;
    display: block;
    margin-top: 1rem;
    width: -moz-fit-content;
    width: fit-content;
    background: transparent;
    transition: ease-in-out .2s;
}

.bouton-header:hover {
	background: rgba(255,255,255,1);
    color: #54692a;
}

.text-header {
    color: RGBA(0,0,0,0.85);
    font-size: 112.5%;
    text-shadow: none;
    line-height: 1.6;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 500;
    color: white;
}

#bloc-header {
    padding: 40px 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: rgba(122,131,118, .4);
}

#bloc-header h1 {
    font-size: 225%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: inherit;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 700;
    margin-bottom: 0;
    color: white;
}

#header-div img.attachment-full.size-full {
    width: 100%;
    height: 650px;
    object-fit: cover;
}

.elementor-element.elementor-element-6c9bb50.elementor-widget.elementor-widget-text-editor {
    height: 100%;
    position: absolute;
    z-index: 2;
}

.elementor-widget-container {
    height: 100%;
}

.elementor-widget-wrap.elementor-element-populated {
    position: relative;
}

.blog-entry.post .thumbnail img {
    height: 200px;
}

.blog-entry-inner.clr {
    padding: 0 !important;
    margin: .5rem;
}

.blog-entry.grid-entry .thumbnail {
    margin: 0 !important;
}

.blog-entry.grid-entry .blog-entry-header .entry-title {
    font-size: 14px !important;
}

.sfsi_responsive_icons .sfsi_icons_container span {
    display: none;
}

.sfsi_responsive_icons {
    display: flex;
    flex-direction: col;
}

.sfsi_icons_container.sfsi_responsive_without_counter_icons.sfsi_medium_button_container.sfsi_icons_container_box_fully_container {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 25%;
    width: auto !important;
}

a.sfsi_responsive_fluid.no-lightbox {
    margin-left: 0 !important;
}

.sfsi_medium_button {
    border-radius: 0 !important;
}

#breadcrumb {
    background: white;
    color: #54692a;
}

#blog-entries {
    height: initial !important;
    display: flex;
    flex-wrap: wrap;
}

.elementor-tab-title a.elementor-toggle-title, .elementor-tab-title .elementor-toggle-icon {
    color: #608971;
    font-size: 25px;
    font-style: normal;
    letter-spacing: 0.5px;
    text-decoration: none !important;
}

.single .thumbnail img { max-height: 400px; object-fit: cover; }

.eael-post-grid  .eael-entry-media {
    height: auto;
    position: initial;
}

.eael-grid-post-holder { border: none; }

.eael-entry-overlay.fade-in {
    height: 100%;
}

.eael-grid-post-holder {
    position: relative;
}

.eael-post-grid .eael-entry-media:hover .eael-entry-overlay {
    background: transparent !important;
}

.eael-post-grid .eael-entry-media:hover .fa-long-arrow-alt-right::before {content: none;}

.eael-post-grid .eael-grid-post-holder:hover .eael-entry-title .eael-grid-post-link {color: #99354c !important;}

.eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer { padding: 5px; }

@media screen and (max-width: 992px) {
	div#top-bar {
	    padding: 0;
	}

	span.topbar-content {
		display: flex;
		flex-direction: column;
		padding: .1rem;
		line-height: 1rem;
	}

	span.topbar-content img { margin-left: 0; }

	.eael-post-grid {
	    display: flex;
	    height: auto !important;
	    flex-wrap: wrap;
	}

	.eael-post-grid .eael-grid-post {position: relative !important;top: initial !important;left: initial !important;width: 100% !important;}

	.eael-post-grid .eael-grid-post .eael-entry-media {
	    max-height: 150px;
	}

	.eael-post-grid .eael-grid-post .eael-entry-media .eael-entry-thumbnail {
	    height: 150px;
	}

	.elementor .elementor-element-0d29ac6.elementor-hidden-phone { display: block; }

	.n-uc-180f0b0bfd71d {
	    background: rgba(0,0,0,0.5);
	    padding-bottom: 1rem;
	}
	.n-uc-WK7jWbVGjA4M-inner {
	    background: rgba(255,255,255,.5);
	    padding-bottom: 1rem;
	}
	.elementor-1712 .elementor-element.elementor-element-7020ec8e > .elementor-element-populated, .elementor-1712 .elementor-element.elementor-element-7f90fb31 > .elementor-element-populated, .elementor-1712 .elementor-element.elementor-element-64b4e884 > .elementor-element-populated {
		padding-top: 20px !important;
	}

	#nav-wrap{ 
	    overflow: auto;
    }

    #nav-wrap label{ 
        display: block; 
    }

    #nav-wrap label:hover { cursor: pointer; }

	#nav-wrap input + label{
        height: 20px;
        width: 30px;
        z-index: 5;
        margin-left: auto;
        margin:.75rem;
        position: absolute;
		top: 0.5rem;
		top: 2rem;
    	right: 0;
	}

	#nav-wrap input + label span{
        position: absolute;
        width: 100%;
        height: 3px;
        top: 50%;
        margin-top: -1px;
        left: 0;
        display: block;
        background: #606060;
        transition: .5s;

    }
    .oceanwp-mobile-menu-icon.mobile-right { margin-right: 50px; }
    #site-navigation-wrap .dropdown-menu>li>a { line-height: 30px !important; }

    header#site-header {
	    position: fixed;
	    top: 0;
	}

    div#top-bar-wrap {
	    margin-top: 75px;
	}

	div#n2-ss-2 .n2-ss-slider-2 {
	    margin-top: 0;
	}

	#nav-wrap input + label span:first-child{ top: 3px; }

	#nav-wrap input + label span:last-child{ top: 17px; }
	
	#nav-wrap input:checked + label span{
        opacity: 0;
        top: 50%;
    }
	
	#nav-wrap input:checked + label span:first-child{
		opacity: 1;
		transform: rotate(405deg);
    }

	#nav-wrap input:checked + label span:last-child{
        opacity: 1;
        transform: rotate(-405deg);
    }

	#nav-wrap input:checked ~ #nav-container #site-navigation{
        height: 100vh;
        position: fixed;
        max-height: 1000px;
    }

    #nav-wrap input:checked ~ #nav-container #site-navigation .main-menu{
    	display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}

	#nav-wrap #site-navigation {
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: rgba(255,255,255,0.95);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

	#nav-wrap #site-navigation::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,0.95);
		z-index: 99999;
    }

	#nav-wrap #site-navigation ul { 
        display: none;
        width: 80%;
        max-width: 300px;
        list-style: none;
        padding: 0;
        margin: 0;
        flex: inherit;
        z-index: 999999;
    }

	#nav-wrap #site-navigation ul >li{
        margin-bottom: .25rem;
	}

	#nav-wrap #site-navigation ul >li.menu-item-has-children{
        position: relative;
        z-index: 1;
        text-align: center;
    }

	#nav-wrap #site-navigation ul >li.menu-item-has-children .sub-menu{ 
        display: none !important; 
    }

	#nav-wrap #site-navigation ul > li:last-of-type a{ border-bottom: 0; }

	#site-navigation-wrap {
		display: block !important;
		z-index: 9999999;
	    width: 100%;
	    position: absolute !important;
	    top: 0;
	    right: 0 !important;
	    float: none !important;
	}

	.ht-row .slick-track {
	    display: flex;
	    flex-direction: column;
	    width: 100%!important;
	}

	.ht-row .slick-track .slide-item {
	    display: flex;
	    width: 100%!important;
	}

	.ht-row .slick-track .slide-item .product-item {
	    margin: .5rem;
	}

	#header-div img.attachment-full.size-full {
	    height: 250px;
	}

	#bloc-header h1 { font-size: 150%; }

	#bloc-header {
	    background: rgba(255,255,255,0.4);
	    padding: 10px;
	    max-width: 80%;
	}
	.elementor-1712 .elementor-element.elementor-element-51d346dc { padding-top: 0; }
    body:not(.home) #main { margin-top:0; }
}

@media screen and (max-width: 992px) {
	#bloc-header {
		background: rgb(0 0 0 / 44%);
		max-width: 100%;
	}
}
@media screen and (max-width: 540px) {
	.elementor-column-gap-default>.elementor-column>.elementor-element-populated {

	}
}
#top-bar .topbar-content span {
	line-height: 110%;
}
.footer-box ul.menu li.menu-item,
.footer-box .wp-block-latest-posts__list > li {
	border: none;
	padding: 4px 0px;
}

.single-page-article .elementor-tab-title a.elementor-toggle-title {
	font-size: 18px;
}
.woocommerce ul.products ul {
	padding-bottom: 5px;
}
@media (max-width: 400px) {
	.single-page-article .elemeentor-column-gap-default {
		padding-left: 0;
		padding-right: 0;
	}
	.single-page-article .elementor-widget-wrap.elementor-element-populated {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.single-page-article .elementor-widget-wrap.elementor-element-populated .products {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}


/* AVIS */ 

.section-title.title-background.center.in-view.animated.slideInUp {
    font-family: "Gabriela", Sans-serif;
    font-weight: 600;
    margin: 0 0 20px;
    color: #333;
    line-height: 1.4;
    text-align: center;
    font-size: 2.3rem;
    margin-top: 2rem;
}

#section-avis {
	position: relative;
}
#section-avis .avis-client .container .img-avis {
    position: absolute;
    top: 40%;
    right: 20%;
}
#section-avis .avis-client .container .section-title {
    position: relative;
    padding: 1rem;
    color: black;
    margin-bottom: 3rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 2rem;
    text-transform: uppercase;
}

#section-avis .slide-avis {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 250px;
    padding: 2rem;
    border-right: 2px solid #A6C1B4;
}
#section-avis .nom-avis {
    font-weight: bold;
    color: #A6C1B4;
    font-size: 2rem;
}
#section-avis .note-avis {
    font-weight: bold;
    color: #99354c;
    font-size: 1.5rem;
}
#section-avis .img-avis {
    margin-left: auto;
    margin-right: 2rem;
}

#section-avis .avis-container{
    padding: 1rem;
    width: 100%;
}

#section-avis .slick-prev:before, #section-avis .slick-next:before {
    color: #a6c1b4;
}

@media screen and (max-width: 992px) {
    #nav-wrap #site-navigation ul >li.menu-item-has-children:hover .sub-menu {
        display: block !important;
        position: relative;
        top: initial;
        visibility: visible;
        margin: auto;
    }
}

@media screen and (max-width: 768px) {
    .single-page-article .elementor-widget-wrap.elementor-element-populated .products {
        padding: 0!important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
            margin: 0;
    }

    div.woocommerce ul.products li.product {
        width: 100%!important;
        float: initial;
        margin: 5px 0;
        padding: 0;
    }
}

div.button_tabs a.elementor-button-link {
    text-decoration: none!important;
    border: 1px solid #818a91;
}

div.button_tabs a:hover {
    text-decoration: none!important;
    background: white!important;
}

section.custom_tabs{
    animation: fade-in 1s;
}

body:not(.elementor-editor-active) section.custom_tabs:not(.active){
    display: none;

}

section.custom_tabs.active{
    display: block;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.button_tabs a {
    cursor: pointer;
}

body:not(.home) .elementor-widget-eael-cta-box, .eael-call-to-action {
    height: 100%!important;
}

a.cta-button:hover {
    color: white!important;
}

.cta_huiles {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cta_huile {
    width: calc(25% - 1rem);
    margin: 0.5rem;
    position: relative;
    display: block;
    overflow: hidden;
    
}

.cta_huile_image:before {
    content: '';
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    transition: ease-out .2s;
}

.cta_huile:hover .cta_huile_image:before  {
    opacity: .25;
}

.cta_huile_image {
    position: relative;
    height: 0!important;
    padding-bottom: 100%;
}

.cta_huile_content {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 2rem;
    width: 100%;
}

.cta_title {
    color: #FFFFFF;
    font-family: "Playfair Display", Sans-serif;
    font-size: 32px;
    font-weight: normal;
}

.cta_price {
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    font-style: normal;
    color: white;
}

@media screen and (max-width: 900px){
    .cta_huile {
        width: calc(50% - 1rem);
    }
}

@media screen and (max-width: 500px){
    .cta_huile {
        width: calc(100% - 1rem);
    }
}


/*** Font Stars ***/

@font-face {
    font-family: 'cbdouce';
    src: url('inc/fonts/cbdouce.eot');
    src: url('inc/fonts/cbdouce.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/cbdouce.woff') format('woff'),
         url('inc/fonts/cbdouce.ttf') format('truetype'),
         url('inc/fonts/cbdouce.svg#cbdouce') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class*='icon-']:before{
    display: inline-block;
   font-family: 'cbdouce';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-stars:before{content:'\0041';}

/*** CSS Pages plan de site ***/

.plan_site ul:not(.list_posts) {
    column-count: 3;
    column-gap: 20px;
    list-style: none;
    padding: 0;
}

.plan_site ul:not(.list_posts) li {
    font-size: 15px;
    margin: 5px 0;
}

.plan_site  ul.blog-categories-articles, .plan_site ul.categories-products {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    column-count: initial;
    column-gap: initial;
}

.plan_site li.category_list {
    margin: 0!important;
    padding: 10px;
    width: calc(33% - 20px);
}

.plan_site li.category_list ul {
    margin: 0;
    list-style: none;
}

.plan_site li.category_list>a {
    font-weight: bold;
}

.plan_site li.category_list ul li {
    margin: 5px 0;
}

@media screen and (max-width:767px){
    .plan_site ul:not(.list_posts) {
        column-count: 2;
    }

    .plan_site li.category_list {
        margin: 0!important;
        padding: 10px;
        width: calc(50% - 20px);
    }
}

@media screen and (max-width:550px){
    .plan_site ul:not(.list_posts) {
        column-count: 1;
    }

    .plan_site li.category_list {
        margin: 0!important;
        padding: 10px;
        width: 100%;
    }
}

/*** Listing boutons catégories ***/

.boutons-categories {
    margin: 0 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.boutons-categories a {
    font-family: "Montserrat", Sans-serif;
    text-transform: uppercase;
    background-color: #54692a;
    color: white;
    padding: 10px 15px;
    margin: 10px;
    border-radius: 5px;
    border: 1px solid #54692a;
    text-align: center;
}

.boutons-categories a:hover {
    background: white;
    color: #54692a;
}

#site-navigation-wrap .dropdown-menu>li>a, ul.sub-menu li a {
    font-size: 14px!important;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton.moove-gdpr-infobar-allow-all.gdpr-fbo-0 {
    order: 0;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton.moove-gdpr-infobar-reject-btn.gdpr-fbo-2 {
    order: 1;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton.change-settings-button {
    order: 2;
}

#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container {
    background: #f3efec;
}

/* Modifs CSS 17/10/2024 */

.dropdown-menu ul li a.menu-link {
    text-transform: initial!important;
}

.woocommerce ul.products li.product li.title a {
    font-size: 19px!important;
}

.product .product-inner .woo-entry-inner .btn-wrap a {
    background: rgba(84, 105, 42, 1) !important;
    padding: 10px 15px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.product .product-inner .woo-entry-inner .btn-wrap a:hover {
    background: rgba(84, 105, 42, .75) !important;
}
.best-seller .woocommerce ul.products li.product .button { color: white !important; }
.slider-home .slider-price span {
    background: initial!important;
}

.icon-handbag:before {
    content: "\e035"!important;
    font-family: 'simple-line-icons'!important;
}

.woocommerce-Price-amount.amount { font-size: 16px; }

add_filter( 'woocommerce_product_related_products_heading', function() {
	return 'Nos autres créations';
}, 999 );

add_filter( 'woocommerce_product_upsells_products_heading', function() {
	return 'Vous aimerez aussi';
}, 999 );