/*
Theme Name: Vins Bergerac
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
body .owl-carousel .owl-nav [class*=owl-]:active, 
body .owl-carousel .owl-nav [class*=owl-]:focus, 
body .owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: inherit;
}
/* header */
#main-menu-wrapper .elementor-widget-icon-list ul {
	list-style: none;
}

#main-menu-wrapper .wpml-ls-link:hover {
    color: #F4A427;
}

@media only screen and ( max-width: 600px ) {

    .elementor-9376 .elementor-element.elementor-element-73fe647 {
        top: 14px;
    }

    #main-menu-wrapper .elementor-widget-icon-list ul li {
        margin-bottom: 5px;
    }

    #menu-1-dcb590a {
        margin-top: 40px;
    }

}

/* Home carousel */
#carousel-2203 .owl-item img.pf-icon {
    width: 64px;
    height: auto;
    margin-bottom: 10px;
}
#carousel-2203 .pf-content {
    position: absolute;
    bottom: 0;
    padding: 30px;
}
#carousel-2203 .pf-title {
    font-family: "LuxiaRegular", Montserrat;
    font-size: 40px;
    line-height: 44px;
    text-transform: uppercase;
} 
#carousel-2203 .pf-content p {
	color: #fff;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
}

/* Appellations carousel top */
.appelations-carousel .owl-item img {
    width: 600px;
    height: auto;
} 
.appelations-carousel .owl-item .item-inner {
    display: flex;
    flex-direction: row;
    align-items: center;   
}
.appelations-carousel .owl-item .pf-content {
    padding: 30px 20px 30px 30px;
    background-color: #fff;
    margin-left: -70px;
    margin-right: 30px;
    box-shadow: 3px -3px 30px #00000014;    
}
.appelations-carousel .pf-title {   
    font-family: 'LuxiaRegular';
    font-size: 36px;
    letter-spacing: 2px;
    margin-bottom: 24px;
}
.appelations-carousel .owl-item .pf-content p:last-child {
    margin-bottom: 0;  
}
.appelations-carousel .owl-theme.nav-centered .owl-nav button.owl-next, 
.appelations-carousel .owl-theme.nav-centered .owl-nav button.owl-prev {
    height: 50px;
    width: 50px;
    border: 3px solid #f4a427;
    border-radius: 50%;
    font-size: 39px;
    color: #f5ab37;
    font-weight: 100;    
}
.appelations-carousel .owl-theme.nav-centered .owl-nav button.owl-next {
    left: calc(100% + 30px);    
}
.appelations-carousel .owl-theme.nav-centered .owl-nav button.owl-prev {
    left: -78px;  
}

#home-carousel-pf .owl-item .portfolio-slide {
    margin-right: 25px;
    margin-left: 25px;
}

#home-carousel-pf .pf-item-content {
    position: absolute;
    bottom: 0;
    padding: 30px;
    width: calc(100% - 50px);
}

#home-carousel-pf .portfolio-carousel .portfolio-item {
    margin: 0;
}

#home-carousel-pf .owl-item .pf-icon {
    display: block;
}

#home-carousel-pf .owl-item .pf-icon img {
    max-width: 64px;
    height: auto;
    margin-bottom: 10px;
}

#home-carousel-pf .pf-title {
    display: block;
    font-family: "LuxiaRegular", Montserrat;
    font-size: 40px;
    line-height: 44px;
    text-transform: uppercase;
    margin-bottom: 10px;
} 

#home-carousel-pf .pf-item-content p {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    margin: 0;
}

#home-carousel-pf .owl-carousel .owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 8px 10px; 
}

@media only screen and (max-width: 960px) {
    #home-carousel-pf .pf-title {
        font-size: 26px;
        line-height: 28px;
    }
    #home-carousel-pf .pf-item-content p {
        font-size: 14px;
        line-height: 14px;
    }     
}


/* Appellations carousel bottom */
#carousel-2357 .owl-item img {
    margin-bottom: 20px;
} 
#carousel-2357 .pf-title {
    font-family: "LuxiaRegular", Montserrat;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #ffffff;
} 
.home #carousel-2357 .pf-title {
    color: #000000;
} 
/* Annuaire Style */
#bv-results {
    margin-bottom: 80px;
}
#bv-container {
    margin-bottom: 60px;
}
.bv-header,
.bv-row {
    display: flex;
}
.bv-domaine,
.bv-domaine-val,
.bv-type,
.bv-type-val,
.bv-appellations,
.bv-appellations-val {
    width: 31%;
}
.bv-action,
.bv-expend {
    width: 7%;
}
.bv-header .bv-heading {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.bv-header,
.bv-body .bv-item {
    border-bottom: 1px solid #958a8a;
}
.bv-header .bv-heading,
.bv-body .bv-val {
    padding: 8px;
}
.bv-row {
    width: 100%;
}
.bv-row ul {
    margin: 0;
    padding: 0;
}
.bv-row ul li {
    margin-bottom: 0;
}
.bv-tel a {
    color: inherit;
    font-weight: 400;  
}
.bv-email a {
    color: #f4a427;
}
.bv-website a {
    color: #f4a427;
    font-weight: 600;   
} 
.bv-expend {
    text-align: center;
}
.bv-expend i:hover {
    cursor: pointer;
}

.wrapup i {
    transform: rotate(180deg);
}

.chosen-container {
    width: 100% !important;
	margin-bottom: 20px;
}

.chosen-container .chosen-choices {
	padding: 0px;
}

.chosen-container .search-field {
    width: 100%;
    padding: 5px 12px !important;
    box-shadow: none;
}

.elementor-post .elementor-post__thumbnail {
	padding: 0px 0px 20px 0px !important;
}

#bv-results ul {
	list-style: none;
}

@media (max-width: 767px) {
	.post-type-archive .elementor-posts-container .elementor-post__thumbnail {
		padding-bottom: 100% !important;
	}	
}


/* STL style */
#asl-storelocator .mord-btn {
	padding: 8px 12px;
	background-color: var(--sl-primary, #B97077);
	border-radius: 0.25rem;
	color: #fff;
	font-size: 14px !important;
    display: inline-block;
    margin-left: 13px;
}

#asl-storelocator .more-details-mod {
    text-align: center;
    margin-top: 10px;
}

.asl-p-cont a.action.zoomhere,
.asl-cont a.action.zoomhere {
	display: none !important;
}

.rv-infos .rv-label {
    font-size: 14px;
    font-weight: 600;
    color: #f4a427;	
}

.rv-infos .rv-value {
	font-size: 14px;
}

.rv-infos .sl-store-info p {
	line-height: 20px;
}

section.asl-store-pg .asl-content-box .bottom-line {
	background: #f4a427;
}

section.asl-store-pg .asl-content-box .sl-address .sl-store-info i {
	color: #f4a427;
}

section.asl-store-pg .asl-content-box .btn-box .btn-info {
    font-size: 16px;
    padding: 5px 18px !important;
    background-color: #f4a427 !important;
    border: 1px solid #f4a427 !important;
}

section.asl-store-pg .asl-content-box .btn-box .btn-success {
    font-size: 16px;
    padding: 5px 18px !important;
	text-decoration: none;
}

section.asl-store-pg .asl-content-box .btn-box .btn-success {
	color: #f4a427 !important;
}

section.asl-store-pg .asl-content-box .btn-box .btn-success {
    border: 1px solid #f4a427 !important;
    background-color: #f4a4270d !important;
	text-decoration: none !important;
}

section.asl-store-pg .asl-content-box .btn-box .btn-success:hover {
    border: 1px solid #f4a427 !important;
}

section.asl-store-pg .asl-content-box .btn-box .btn {
	white-space: nowrap;
}

section.asl-store-pg .asl-content-box .btn-box .btn:focus {
	box-shadow: none !important;
}

section.asl-store-pg .asl-content-box .btn-box .btn-wrap {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;	
}

section.asl-store-pg .asl-content-box .contact-info {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    font-weight: 500;	
}

section.asl-store-pg .rv-image img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#pics-container {
	margin: 10px;
}

.pics_wrapper {
	display: flex;
	width: 100%;
	justify-content: left;
}

.pictos-img {
	max-width: 60px;
}

.elementor-21 .elementor-element.elementor-element-1310376 .wp-block-post-date {
    z-index: 9;
}

.single-post .porto-single-page {
	max-width: 1140px;
	margin: 0 auto;
}

.single-post #page {
	padding-left: 30px;
	padding-right: 30px;
}


/* events slider style */

.post-slide .event-date {
    position: absolute;
    z-index: 9;
    left: calc(50% - 120px/2);
}

.post-slide .event-date p {
    width: 120px;
    padding: 13px;
    margin: 0;       
    color: #fff;
    background-color: #f4a427eb;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    font-weight: 700; 
}


/* CSS Filter */
#search-filter-form-10600 > ul > li > ul,
#search-filter-form-10600 > ul > li > label,
#search-filter-form-10608 > ul > li > ul,
#search-filter-form-10608 > ul > li > label {
    display: none;
    position: absolute;
    left: 0;
    top: 68px;
    flex-direction: column;
    max-height: 140px;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    margin: 0 10px;
    padding: 10px 44px;
    background-color: #efefef; 
    border: 1px #d7d6d6 solid;
}
#search-filter-form-10600 > ul,
#search-filter-form-10608 > ul {
    display: flex;
    flex-direction: row;
    padding: 0;
}
#search-filter-form-10600 > ul > li,
#search-filter-form-10608 > ul > li {
    flex: 1 1 auto;
    margin: 0 10px;
}
#search-filter-form-10600 > ul > li:hover,
#search-filter-form-10608 > ul > li:hover {
    cursor: pointer;
}
#search-filter-form-10600 > ul > li > h4,
#search-filter-form-10608 > ul > li > h4 {
    color: #000;
    padding: 10px 20px;
    background-color: #efefef;  
    font-family: 'Montserrat';
    font-size: 14px;
    min-width: max-content;
    border: 1px #d7d6d6 solid;
}
#search-filter-form-10600 .sf-field-submit input,
#search-filter-form-10608 .sf-field-submit input {
    padding: 10px 20px 10px 40px;
    background-color: #f4a427;  
    border-color: #f4a427;
    font-family: 'Montserrat';
    font-size: 14px;
    height: 50px;
    width: 100%;
}
#search-filter-form-10600 > ul > li.show > ul,
#search-filter-form-10600 > ul > li.show > label,
#search-filter-form-10608 > ul > li.show > ul,
#search-filter-form-10608 > ul > li.show > label {
    display: flex;
}
#search-filter-form-10600 > ul > li.show > h4,
#search-filter-form-10608 > ul > li.show > h4 {
    padding-bottom: 18px;
    border-bottom: none !important;
    position: relative;
    z-index: 9;
} 
#search-filter-form-10600 > ul > li > ul > li,
#search-filter-form-10608 > ul > li > ul > li {
    padding: 5px;
    min-width: max-content;
    line-height: normal;
    width: 33.33%;
}
#search-filter-form-10600 > ul > li > ul > li label,
#search-filter-form-10608 > ul > li > ul > li label {
    font-size: 14px;  
}
@media only screen and (max-width: 800px) {
    #search-filter-form-10600 > ul,
    #search-filter-form-10608 > ul {
        display: block;
    }
    #search-filter-form-10600 > ul > li > ul, 
    #search-filter-form-10600 > ul > li > label,
    #search-filter-form-10608 > ul > li > ul, 
    #search-filter-form-10608 > ul > li > label {
        position: initial;
        width: 100%;
        margin: 0;
        padding: 10px 20px;
    }    
    #search-filter-form-10600 > ul > li > ul > li label,
    #search-filter-form-10608 > ul > li > ul > li label {
        font-size: 12px;
    }
    #search-filter-form-10600 > ul > li.sf-field-submit > .fa-filter,
    #search-filter-form-10608 > ul > li.sf-field-submit > .fa-filter {
        left: 44% !important;
    }    
} 
@media only screen and (max-width: 680px) {
    #search-filter-form-10600 > ul > li > ul, 
    #search-filter-form-10600 > ul > li > label,
    #search-filter-form-10608 > ul > li > ul, 
    #search-filter-form-10608 > ul > li > label {
        max-height: 230px;    
    }
    #search-filter-form-10600 > ul > li.sf-field-submit > .fa-filter,
    #search-filter-form-10608 > ul > li.sf-field-submit > .fa-filter {
        left: 40% !important;
    }      
} 
@media only screen and (max-width: 500px) {
    #search-filter-form-10600 > ul > li > ul, 
    #search-filter-form-10600 > ul > li > label,
    #search-filter-form-10608 > ul > li > ul, 
    #search-filter-form-10608 > ul > li > label {
        max-height: 390px;    
    }
} 
#search-filter-form-10600 > ul > li.sf-field-submit,
#search-filter-form-10608 > ul > li.sf-field-submit {
    position: relative;
}
#search-filter-form-10600 > ul > li.sf-field-submit .fa-filter,
#search-filter-form-10608 > ul > li.sf-field-submit .fa-filter {
    position: absolute;
    top: 26px;
    left: 25%;
    color: #fff;
}

 
/* CSS Résultats vignerons */
.b_posts_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    max-width: 1260px;
    margin: 0 auto 90px auto;
}
.b_posts_wrapper .post-box {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 300px;
}
.bpost-title h3 {
    margin-bottom: 0px;
}
.bpost-title a {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    color: #000;
    line-height: 20px;
    transition: .4s;
}
.bpost-title a:hover,
.bpost-title a:focus,
.bpost-title a:active {
    color: #f4a427;
}
.bpost-ville p {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 12px;
    color: #f4a427;
    margin-bottom: 0;    
}
.b_posts_wrapper .post-box {
    margin-bottom: 20px;
}
.b_posts_wrapper .post-box:not(:nth-child(4n)) {
    margin-right: 20px;
}
@media only screen and ( max-width: 1574px ) {
    .b_posts_wrapper {
        max-width: 960px;
    }    
    .b_posts_wrapper .post-box:not(:nth-child(3n)) {
        margin-right: 20px;
    }    
}
@media only screen and ( max-width: 1200px ) {
    .b_posts_wrapper {
        max-width: 660px;
    }    
    .b_posts_wrapper .post-box:not(:nth-child(2n)) {
        margin-right: 20px;
    }    
}
@media only screen and ( max-width: 800px ) {
    .b_posts_wrapper {
        max-width: 300px;
    }    
    .b_posts_wrapper .post-box {
        margin-right: 0px;
    }    
}

.s_result_message {
    font-family: 'Montserrat';
    font-size: 20px;
    color: #000;
    text-align: center;
}
.b_pagination {
    text-align: center;
    font-family: "Montserrat", Montserrat;
    font-weight: 500;
    margin-top: 60px;
}

body:not(.rtl) .page-numbers:not(:last-child) {
    margin-right: calc( 16px/2 );    
}

.page-numbers:not(.dots) {
    color: #535353;
}

.page-numbers.current {
    color: #F4A427;
}

.current:hover, 
.previouspostslink:hover, 
.nextpostslink:hover,
.current:active, 
.previouspostslink:active, 
.nextpostslink:active,
.current:focus, 
.previouspostslink:focus, 
.nextpostslink:focus {
    color: #f4a427
}
.page {
    font-weight: 400;
    color: #000;
}
.current {
    font-weight: 600;
    color: #f4a427;
}

.appellations-triggers {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}

.carousel-trigger {
    margin: 5px 15px;
}

/* carte style */
.b-map-cart {
    position: absolute;
    right: 0;
    opacity: 0;
    pointer-events: none;
    max-width: max-content;
    text-align: center;
    display: flex;
/*    left: calc(50% - 75px);*/
}   
.reg-zone, 
.reg-zone path, 
.reg-zone line,
.b-map-cart {
    transition: .6s;
}
.reg-zone:hover {
    cursor: pointer;
}   
#pecharmant.is-hoverd path,
#pecharmant.is-active path {
    fill: #9C202D;
}
#rosette.is-hoverd path,
#rosette.is-active path {
    fill: #FAB40F;
}
#bergerac.is-hoverd path,
#bergerac.is-active path {
    fill: #B83220;
}
#duras.is-hoverd path,
#duras.is-active path {
    fill: #6D4740;
}
#saussignac.is-hoverd path,
#saussignac.is-active path {
    fill: #E36B68;
}
#montravel.is-hoverd path,
#montravel.is-active path {
    fill: #AC9C14;
}
#monbazillac.is-hoverd path,
#monbazillac.is-active path {
    fill: #F7A71B;
}
#pecharmant.is-hoverd line,
#rosette.is-hoverd line,
#bergerac.is-hoverd line,
#duras.is-hoverd line,
#saussignac.is-hoverd line,
#montravel.is-hoverd line,
#monbazillac.is-hoverd line,
#pecharmant.is-active line,
#rosette.is-active line,
#bergerac.is-active line,
#duras.is-active line,
#saussignac.is-active line,
#montravel.is-active line,
#monbazillac.is-active line {
    stroke: #ffffff;
}                   
#pecharmant.is-hoverd text,
#rosette.is-hoverd text,
#bergerac.is-hoverd text,
#duras.is-hoverd text,
#saussignac.is-hoverd text,
#montravel.is-hoverd text,
#monbazillac.is-hoverd text,
#pecharmant.is-active text,
#rosette.is-active text,
#bergerac.is-active text,
#duras.is-active text,
#saussignac.is-active text,
#montravel.is-active text,
#monbazillac.is-active text {
    fill: #ffffff;
}   

.show-cart {
    opacity: 1;
    pointer-events: inherit; 
}   

.is-active * {
    opacity: 1 !important;
}

.b-map-cart .elementor-button {
    display: block;
    width: 150px;
}



@media only screen and (max-width: 800px) {

    #appellations-card {
        width: 100%;
        max-width: 100%;        
    }

}