/*
Theme Name: Theme Beillevaire
Theme URI: 
Author: Digital Korner
Author URI: https://www.digitalkorner.fr/
Description: Theme for Beillevaire
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: suire
This theme, like WordPress, is licensed under the GPL.
*/


/*
  VARIABLES
*/
@media ( min-width: 850px ) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
  }
}
@media ( min-width: 600px ) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}

/*
GLOBAL
*/

html{
font-size: 14px;
}
body.home, body.page-template-default,body.post-template-default, body.blog {
zoom: 0.8;
}



@media ( max-width: 850px ) {
html{
  font-size: 8px;
}
body.home, body.page-template-default,body.post-template-default, body.blog {
  zoom: 1;
}
}

ol li{
padding-inline-start: 0.75rem;
}
ol li::marker{
font-size: 35px;
color: var(--wp--preset--color--primary);
font-style: normal;
font-weight: 700;
font-family: var(--wp--preset--font-family--rufina);
}

main ul li{
display: list-item;
list-style-image: url("./assets/images/bullet.svg");
padding-inline-start: 0.75rem;
}
main ul li::marker{
border-bottom: 2px solid var(--wp--preset--color--primary);
width: 24px;
height: 12px;
display: block;
font-size: 24px;
}

.newsletter form input[type="submit"], .form-container input[type="submit"]{
background-color: var(--wp--preset--color--secondary-2) !important;
text-transform: uppercase !important;
transition: all .2s ease-in-out;
}
.newsletter form input[type="submit"]:hover, .form-container input[type="submit"]:hover{
background-color: var(--wp--preset--color--dark) !important;
}

hr.is-style-dots::before{
content: "" !important;
display: block;
width: 100%;
height: 5px;
background: url('./assets/images/dots.svg') no-repeat center !important;
padding-left: 0px !important;
}

hr.is-style-dots.has-white-color::before{
content: "" !important;
display: block;
width: 100%;
height: 5px;
background: url('./assets/images/dots-white.svg') no-repeat !important;
padding-left: 0px !important;
}

.wp-element-button{
transition: all .2s ease-in-out;
}

/*
HEADER
*/

.buy, .localization{
display: inline-flex;
align-items: center;
gap: 6px;
}

.buy a, .localization a{
color: inherit;
text-decoration: none !important;
}

.buy a:hover, .localization a:hover{
color: var(--wp--preset--color--primary);
}

.buy::before{
content: url('./assets/images/buy.svg');
display: block;
width: 24px;
height: 24px;
}

.localization::before{
content: url('./assets/images/localization.svg');
display: block;
width: 24px;
height: 24px;
}

header nav li{
padding: 4px 0px !important;

}
header nav li a span{
position: relative;
}
header nav li a span::after{
content: "";
height: 2px;
background: var(--wp--preset--color--primary);
width: 0%;
position: absolute;
bottom: 0px;
left: 0px;
transition: all 0.25s ease-in-out;
}
header nav li:hover > a span::after{
width: 100%;
}

header ul.wp-block-navigation-submenu{
background-color: var(--wp--preset--color--dark) !important;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
color: var(--wp--preset--color--white) !important;
min-width: 280px !important;
}

header .wp-block-navigation-submenu li a::after{
display: none;
}

header .wp-block-navigation-submenu li.has-child > a::after{
content: "";
height: 2px;
background: var(--wp--preset--color--primary);
width: 0%;
position: absolute;
bottom: 0px;
left: 0px;
transition: all 0.25s ease-in-out;
}

header .wp-block-navigation-submenu li.has-child:hover > a::after{
width: 100%;
}

header .wp-block-navigation-submenu li a{
display: flex;
align-items: center;
gap: 5px;
position: relative;
}

header .wp-block-navigation-submenu li a span{
position: relative;
}

header .wp-block-navigation-submenu li .has-child a span::after{
content: "";
height: 2px;
background: var(--wp--preset--color--primary);
width: 0%;
position: absolute;
bottom: 0px;
left: 0px;
transition: all 0.25s ease-in-out;
}

header .wp-block-navigation-submenu li:hover > span::after{
width: inherit !important;
}

header .wp-block-navigation-submenu li.has-child:hover > a > span::after{
width: 100% !important;
}

header .wp-block-navigation-submenu li a::before{
display: flex !important;
align-items: center;
content: "";
height: 2px;
background: var(--wp--preset--color--primary);
width: 9px !important;
}

@media ( max-width: 850px ) {
header nav li, header nav ul, header nav ul.has-white-color, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
  color: var(--wp--preset--color--dark) !important;
  font-size: 20px !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: calc(2rem + 24px);
}

header ul.wp-block-navigation__container{
  gap: 32px !important;
}

header ul.wp-block-navigation-submenu{
  box-shadow: none !important;
  min-width: auto !important;
  padding-top: 16px !important;
}
nav li a{
  font-weight: 700;
}

nav li.has-child li.has-child ul{
  padding-top: 0px !important;
}

nav li.has-child .wp-block-navigation-submenu a{
    margin: 8px 0px !important;
    font-weight: normal !important;
}

header .custom-logo-link img{
  width: 100px;
}

header .topbar{
  padding: .5em 2.375em !important;
  justify-content: center !important;
}
header .topbar p{
  font-size: 10px !important;
}

.wp-block-navigation__responsive-container-close {
  top: 14px !important;
  right: 14px !important;
}

.wp-block-navigation__responsive-container-close svg {
  fill: #000 !important;
}
}



/*
FOOTER
*/
footer{
margin-block-start: 0px !important;
position: relative;
}

footer p a{
color: var(--wp--preset--color--white) !important;
text-decoration: none !important;
}
footer p a:hover, footer nav li:hover a{
color: var(--wp--preset--color--primary) !important;
}
footer .wp-element-button:hover{
background-color: var(--wp--preset--color--white) !important;
color: var(--wp--preset--color--dark) !important;
}

#back-to-top-button{
position: absolute;
right: 50px;
bottom: 50px;
background: transparent;
border: none;
font-size: 0px;
cursor: pointer;
}
#back-to-top-button::before{
content: url('./assets/images/backTop.svg');
display: inline-block;
width: 40px;
height: 40px;
margin-right: 5px;
}

/*
HOME
*/
.banner{
margin-top: 0px !important;
}
.banner .wp-block-cover__background{
opacity: 0.6 !important;
background: rgba(105, 67, 29, 0.70) !important;
}

/*
SINGLE
*/
.single .wp-block-post-featured-image::after{
content: '';
background: url('./assets/images/lines.svg');
width: 100%;
height: 30px;
display: block;
transform: scaleX(-1);
}

/*
BLOG
*/
.wp-block-query ul, .wp-block-query li{
list-style: none;
padding-inline-start: 0;
}

.wp-block-query li{
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.08);
}

.wp-block-query-pagination-numbers{
display: flex;
gap: 0.5rem;
}

.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
text-decoration: none;
}
.wp-block-query-pagination-next::after, .wp-block-query-pagination-previous::after{
content: "";
height: 2px;
background: var(--wp--preset--color--dark-2);
width: 100%;
display: block;
margin-top: 2px;
}
.wp-block-query-pagination-next:hover::after{
background: var(--wp--preset--color--primary);
}
.wp-block-query-pagination-previous:hover::after{
background: var(--wp--preset--color--primary);
}

.page-numbers{
text-decoration: none;
color: var(--wp--preset--color--dark-2);
}

.page-numbers.current{
color: var(--wp--preset--color--primary);
}

.page-numbers.current::after{
content: "";
height: 2px;
background: var(--wp--preset--color--primary);
width: 100%;
display: block;
margin-top: 2px;
}


.newsletter{
display: contents;
}

.newsletter .gform_wrapper{
margin: 0 !important;
}

.newsletter form{
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 10px;
}

.newsletter .gform_required_legend{
display: none !important;
}

.newsletter .gform_body input{
border: none !important;
width: 300px !important;
font-size: 16px !important;
}
.newsletter .top_label{
font-size: 16px !important;
}
.newsletter .gform_body input::placeholder{
color: var(--wp--preset--color--grey);
}


/*
CONTACT
*/
.form-container{
background-color: var(--wp--preset--color--light);
border-radius: 25px;
}
.form-container label, .form-container .gfield--type-checkbox legend{
font-family: var(--wp--preset--font-family--rufina) !important;
font-size: var(--wp--preset--font-size--heading-6) !important;
color: var(--wp--preset--color--dark) !important;
font-weight: 700 !important;
}
.form-container input[type="submit"]{
border-radius: 100px !important;
padding: 0.75rem 1.5rem !important;
}

/* Name */
.gfield--type-name legend{
display: none !important;
}

/* Checkbox */
.ginput_container_checkbox{
padding: 0.5rem !important;
border: 1px solid #D5D4D3 !important;
background-color: var(--wp--preset--color--white) !important;
border-radius: 4px !important;
}
.form-container .gfield_checkbox{
flex-direction: row !important;
gap: 1rem !important;
}
.form-container .gfield_checkbox input{
margin: 11px !important;
}
.form-container .gfield_checkbox input:checked::before{
color: var(--wp--preset--color--secondary-2) !important;
}
.form-container .gfield_checkbox .gchoice{
align-items: center !important;
}
.form-container .gfield_checkbox .gchoice label{
font-weight: normal !important;
font-family: var(--wp--preset--font-family--lato) !important;
}

@media ( max-width: 850px ) {
.form-container .gfield_checkbox{
  flex-direction: column !important;
}
}

/* Global */
.form-container input, .form-container textarea, .form-container select{
border: 1px solid #D5D4D3 !important;
border-radius: 4px !important;
font-family: var(--wp--preset--font-family--lato) !important;
}
.form-container input:focus, .form-container textarea:focus, .form-container select:focus, .newsletter input:focus{
box-shadow: 0 1px 4px var(--wp--preset--color--secondary-2) !important;
}

/* Required */
.form-container .gform_required_legend{
display: none !important;
}
.gfield_required{
color: var(--wp--preset--color--secondary-2) !important;
}

/* Required */
.form-container .h-captcha iframe{
width: 380px !important;
height: 100px !important;
}


/*
BLOCKS
*/

/* INFOS */

.infos .wp-block-column{
position: relative;
padding-left: 20px;
padding-right: 50px;
}

.infos .wp-block-column .wp-block-group{
padding-left: 38px;
}

.infos .wp-block-column::after{
content: '';
background: url('./assets/images/lines.svg');
background-repeat: no-repeat;
background-size: cover;
width: 38px;
height: 100%;
display: block;
position: absolute;
left: 0px;
top: 0;
}

.infos .wp-block-column:hover, .infos .wp-block-column:hover p{
color: var(--wp--preset--color--primary) !important;
}

.infos .wp-block-column a{
text-decoration: none;
}

.infos .wp-block-column a::after{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

/* HERO */
.hero .wp-block-cover__background{
opacity: 0.8;
background: rgba(47, 32, 18, 0.80) !important;
}

/* VERBATIM */
.verbatim .v-author::before{
content: "-";
font-family: Lato;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin-right: 0.25rem;
color: var(--wp--preset--color--secondary-2);
}

/* MAILLAGE */
.maillage a{
border-color: transparent !important;
}

.maillage a:hover{
background-color: var(--wp--preset--color--dark) !important;
border-color: var(--wp--preset--color--dark);
}


/* 
CUSTOM
*/
.lines-r, .lines-l{
position: relative;
}

.lines-r img{
padding-right: 38px;
}

.lines-r::after{
content: '';
background: url('./assets/images/lines.svg');
background-repeat: no-repeat;
background-size: cover;
width: 38px;
height: 100%;
display: block;
position: absolute;
right: 0px;
top: 0;
}

.lines-l img{
padding-left: 38px;
}

.lines-l::after{
content: '';
background: url('./assets/images/lines.svg');
background-repeat: no-repeat;
background-size: cover;
width: 38px;
height: 100%;
display: block;
position: absolute;
left: 0px;
top: 0;
}

@media ( max-width: 850px ) {

.lines-r img{
  padding-right: 0px;
}
.lines-l img{
  padding-left: 0px;
}

.lines-l::after, .lines-r::after{
  position: relative;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  height: 38px;
}
}

/*
VENDOR
*/

/* Add To Any */
.a2a_kit.a2a_kit_size_32.addtoany_list{
display: flex;
width: 791px;
padding: var(--vertical-spacing-0-rem-none, 0px);

justify-content: center;
align-items: center;
gap: var(--vertical-spacing-0-rem-none, 0px);
}
.a2a_kit.a2a_kit_size_32.addtoany_list a {
  display: flex;
  padding: var(--vertical-spacing-1-rem, 16px) var(--vertical-spacing-0-rem-none, 0px);
  justify-content: center;
  align-items: center;
  gap: var(--vertical-spacing-025-rem, 4px);
  flex: 1 0 0;
border: 1px solid var(--Grey-3, #D5D4D3);
}

/* KADENCE  CAROUSEL */

.wp-block-kadence-advancedgallery, .kt-blocks-carousel{
overflow: visible !important;
margin-left: 2.5rem;
margin-right: 2.5rem;
}

.splide__arrow{
background: transparent !important;
opacity: 1 !important;
transition: all .25s;
width: 4rem !important;

}

.splide__arrow.slick-prev{
left: -5rem !important;
content: url("./assets/images/arrow-slider-prev.svg");
transition: left 0.75s ease;
}
.splide__arrow.slick-next{
right: -5rem !important;
content: url("./assets/images/arrow-slider-next.svg");
transition: left 0.75s ease;
}

.splide__arrow.slick-prev:hover{
left: -5rem !important;
content: url("./assets/images/arrow-slider-prev-hover.svg");
transition: left 0.75s ease;
}
.splide__arrow.slick-next:hover{
right: -5rem !important;
content: url("./assets/images/arrow-slider-next-hover.svg");
transition: left 0.75s ease;
}

.splide__pagination{
bottom: -55px !important;
}
.splide__pagination__page.is-active{
background-color: var(--wp--preset--color--secondary-2) !important;
position: relative;
}

/* KADENCE ACCORDION */

.kt-accordion-header-wrap{
cursor: pointer;
}

.kt-accordion-header-wrap button{
background: transparent !important;
color: var(--wp--preset--color--dark) !important;
border: 0px !important;
padding-left: 1.5rem !important;
}

.kt-blocks-accordion-title-wrap h2{
line-height: 66px !important;
}

.wp-block-kadence-pane{
border-bottom: 1px solid #666;
}
.kt-accordion-panel-inner h3{
margin-top: 0px !important;
}

.wp-block-kadence-accordion ul{
padding: 0px !important;
}

.wp-block-kadence-accordion li::marker{
content: "" !important;
}
.wp-block-kadence-accordion li{
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 12px;
}

.wp-block-kadence-accordion .primary, .wp-block-kadence-accordion .secondary, .wp-block-kadence-accordion .secondary-2{
position: relative;
padding-left: 12px;
}
.wp-block-kadence-accordion .primary::before{
content: "" !important;
position: absolute;
left: -24px;
align-self: flex-start;
margin-top: 10px;
display: block;
width: 24px;
height: 2px;
background: var(--wp--preset--color--primary);
}

.wp-block-kadence-accordion .secondary::before{
content: "" !important;
position: absolute;
left: -24px;
align-self: flex-start;
margin-top: 10px;
display: block;
width: 24px;
height: 2px;
background: var(--wp--preset--color--secondary);
}

.wp-block-kadence-accordion .secondary-2::before{
content: "" !important;
position: absolute;
left: -24px;
align-self: flex-start;
margin-top: 10px;
display: block;
width: 24px;
height: 2px;
background: var(--wp--preset--color--secondary-2);
}


/*
RESPONSIVE
*/

@media ( max-width: 850px ) {
body{
 --wp--style--global--content-size: 650px;
}
}

@media ( max-width: 600px ) {
body{
 --wp--style--global--content-size: 350px;
}
}

@media ( max-width: 400px ) {
body{
 --wp--style--global--content-size: 290px;
}
}

/**** Ticket : 3673 ****/

main .bloc-icons ul li{
list-style: disc !important;
margin-block-start: 0px;
}


main .bloc-icons .icons figure{
width: 64px;
}

main .bloc-icons .icons {
grid-template-columns: auto !important;
display: -webkit-box;
}


main .bloc-icons .icons div {
padding: 0 20px !important;
}


main .bloc-icons-image{
display: flex;
justify-content: center;
align-items: center;
}

/**** Fin ticket : 3673 ****/



/**** Ticket : 3738 ****/
.wp-block-post-excerpt,
.wp-block-post-excerpt__excerpt {
font-size: clamp(18px, 0.875rem + ((1vw - 3.2px) * 0.513), 22px);
line-height: 36px;
color: #4B5244;
}  
/**** Fin ticket : 3738 ****/



/**** Ticket : 3737 ****/
.wp-block-cover,
.wp-block-button__link {
border: none !important;  
}

/**** Fin ticket : 3738 ****/



/**** Ticket : 3736 ****/
.wp-block-kadence-accordion .kt-accordion-panel-inner h3{
padding-top: 5rem;
}

.wp-block-kadence-accordion .kt-accordion-panel-inner h3:first-child {
padding-top: 0; /* Annule le padding-top pour le premier élément */
}
/**** Fin ticket : 3736 ****/




/**** Ticket : 3730 ****/
.wp-block-post figure a img {
transition: all 0.75s;
}
/**** Fin ticket : 3730 ****/

footer.wp-block-template-part a{
font-size: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.513), 18px);
}



/**** Ticket : 3729 ****/
.wp-block-buttons>.wp-block-button.has-custom-font-size a.wp-block-button__link:hover {
color: var(--wp--preset--color--white) !important;
background-color: #1F1F1F !important;
}
/**** Fin ticket : 3729 ****/  

/**** CSS RESPONSIVE ****/
@media screen and (max-width: 850px) {
main .summary .wp-block-columns{
    padding-right: 0;
    padding-bottom: 50px !important;
}

main .summary .wp-block-group {
    padding-left: 30px;
    padding-right: 30px;
}

/* BTN :  Lire plus */
main .summary .wp-block-buttons{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Delete btn carousel gauche/droite */
main .splide__arrows{
    display: none;
}

/* Add to Any */
.a2a_kit.a2a_kit_size_32.addtoany_list {
    width: 100%; /* Largeur de 100% pour remplir l'écran */
    flex-direction: column; /* Alignement vertical des éléments */
}

.a2a_kit.a2a_kit_size_32.addtoany_list a {
    width: 100%; /* Largeur de 100% pour remplir l'écran */
    margin-bottom: 10px; /* Espacement entre les éléments */
}

/* Pour tous les articles supprimé le padding top : 7,5rem */
main{
    padding-top: 0 !important;
}
}  

/**** FIN CSS RESPONSIVE ****/