/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/


.post-header .title_wrapper h1 {
    font-size:35px;
    line-height:45px;
}

/* Le conteneur utilise flex pour aligner horizontalement */
.image-title-container {
    display: flex;
    align-items: center;      /* Centre verticalement le contenu */
    gap: 1rem;                /* Espace entre l'image et le titre */
    flex-wrap: wrap;          /* Permet de passer en colonne sur de petits écrans */
    padding: 0.5rem;
}

/* L'image s'adapte à la largeur disponible tout en conservant son ratio */
.apostrophe-img-titre {
    max-width: 50px !important;         /* Taille max de l'image, à adapter selon tes besoins */
    width: 100%;              /* Prend toute la largeur de son conteneur */
    height: auto;             /* Conserve son ratio d'origine */
    display: block;
}

/* Le titre s'étend sur l'espace restant et peut être redimensionné */
.dossier-title {
    margin: 0;
    font-size: 2rem;          /* Taille de base, à ajuster si nécessaire */
    flex: 1;                  /* Prend l'espace restant */
    text-align: left;
    font-weight:bold;
}

.mcb-column-inner-e1ckk3fvj {
    margin-bottom:0px;
}

/* Titres des événements de l'agenda (liste des events) */
.em.pixelbones a {
    color:#1A3761 !important;
}

/* Override du style du plugin agenda */
.em.pixelbones h2 {
    margin-bottom:0px !important;
    font-weight:bold !important;
}

.em.pixelbones .input button.button-primary {
    background-color:#0093CE !important;
    border-color:#0093CE !important;
}

.em.pixelbones .input button.button-primary:hover {
    background-color:#0C2542 !important;
    border-color:#0C2542 !important;
}


/* Articles actu side bar homepage */
.mcb-item-spj55txx .post-desc {
    padding-top:0px;
}

.mcb-item-spj55txx a:hover {
    color:#000!important;
    text-decoration:none;
}

/* Bloc dossiers homepage */
.mcb-column-inner-oz8pybuwi {
    margin-bottom:0px;
}

body.single article {
    margin-right:30px;
}

body.archive .post-photo-wrapper{width:30%}
body.archive .post-desc-wrapper{
    width:70%;
   
}



body.archive article{
    padding-right: 15px;
    background-color: #f8f8f8;
    background-image: url(../betheme/images/stripes/stripes_3_b.png);
}

body.archive .post-head {
    margin-bottom:20px;
}

.search-results .search-item .post-featured-image {width:20% !important}
.search-content {width:80% !important}

@media only screen and (max-width: 767px) {
    .search-results .search-item .post-featured-image {width:100% !important; max-height:340px;overflow: hidden;}
    .search-content {width:100% !important}

    #allnet_custom_sidebar_widget-2 .mcb-column-inner {margin:0px 12px 40px 12px;}
}

body.archive .archive-post-custom {
    transform: matrix(1, 0, 0, 1, 0, 0) rotate(0deg);
    transition: 2s;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    border-radius: 15px 5px 15px 5px;
}

body.search .post-featured-image img{
    border-radius: 15px 5px 15px 5px;
}

.tag-numero-revue {
    float:right;
    color:#009EE3;
    background-color:#FFFFFF;
    border-radius:10px;
    padding:8px 8px;
    font-size:0.8em;
}

#allnet_custom_sidebar_widget-2 .Latest_news {
    overflow: visible !important;
}

.title-underline {
    width: 20%; /* Largeur de la barre (modifiable en %) */
    max-width: 200px; /* Pour limiter la largeur */
    height: 2px; /* Hauteur de la barre */
    background-color:#009EE3; /* Couleur de la barre */
    margin-top:10px;
}

.button_custom_sidebar_allnet {
    background-color: #1A3761;
    color: #FFFFFF;
    border-radius: 8px 0 8px 0;
    box-shadow:inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    padding:8px 12px;
    font-size:12px;
}

.button_custom_sidebar_allnet:hover{
    background-color:#009EE3;
    color:#FFF;
    text-decoration:none;
    transition:color var(--mfn-button-transition) ease-in-out, background-color var(--mfn-button-transition) ease-in-out, border-color var(--mfn-button-transition) ease-in-out;
}

.custom-btn-youtube {
    border-radius:12px 4px 12px 4px;
    padding:4px 10px;
    float:right;
    background-color:#FF0033;
    margin-left:5px;
    margin-bottom:5px;
    font-size: max(1vw, 12px);
    transition: border-radius 0.3s ease-in-out;
}

.custom-btn-youtube:hover {
    border-radius:4px 12px 4px 12px;
    transition: border-radius 0.3s ease-in-out;
}

/* Style spécifique des rubriques */
.rubrique a, .fabricant a, .numero-revue a, .dossier a, .custom-btn-youtube a{
    color:#FFF;
}

.rubrique a:hover, .fabricant a:hover, .numero-revue a:hover, .dossier a:hover, .custom-btn-youtube a:hover{
    text-decoration:none;
}

.rubrique, .fabricant, .numero-revue, .dossier {
    border-radius:12px 4px 12px 4px;
    padding:4px 10px;
    float:right;
    background-color:#A8A8AB;
    margin-left:5px;
    margin-bottom:5px;
    font-size:14px;
    transition: border-radius 0.3s ease-in-out;
}

.rubrique:hover, .fabricant:hover, .numero-revue:hover, .dossier:hover {
    border-radius:4px 12px 4px 12px;
    transition: border-radius 0.3s ease-in-out;
}
.numero-revue, .dossier{
    background-color:#0093CE;
}
.rubrique-equipement {
    background-color:#7EA649;
}
.rubrique-fluide {
    background-color:#CDD695;
}
.rubrique-impression-3d {
    background-color:#2198A4;
}
.rubrique-machine {
    background-color:#003612;
}
.rubrique-mesure-et-controle {
    background-color:#0B6F9B;
}
.rubrique-metrologie {
    background-color:#B199C4;
}
.rubrique-outil-coupant {
    background-color:#EB6A22;
}
.rubrique-plasturgie {
    background-color:#CF496A;
}
.rubrique-progiciel {
    background-color:#D8AE00;
}
.rubrique-robotique {
    background-color:#734F1E;
}
.rubrique-soudure {
    background-color:#E86344;
}
.rubrique-tubes-et-toles {
    background-color:#009EE0;
}
.rubrique-lubrifiant {
    background-color:#892C4A;
}

/* Filtres sur archives */
#Filters .filters_wrapper ul li {
    width:auto;
}

#Filters .filters_wrapper ul li .rubrique a, #Filters .filters_wrapper ul li .fabricant a, #Filters .filters_wrapper ul li .dossier a {
    padding:0px;
    background: none;
    border:0px;
    color:#FFF;
}
#Filters .filters_wrapper ul li .rubrique a:hover, #Filters .filters_wrapper ul li .fabricant a:hover, #Filters .filters_wrapper ul li .dossier a:hover {
    background: none;
}

/*CSS pour les formulaire contact et s'abonner gratuitement*/
.CustomTextField1 {
  display: flex;
}

.CustomTextField1 input {
  border: none!important;
  border-bottom: 4px solid #ededed!important;
  width: 52%!important;
}

.CustomTextField1 label {
  margin-top: auto!important;
  margin-bottom: auto!important;
  margin-right: 10px!important;
  color: #0b2f54!important;
}

.CustomDropDownMenu {
  display: flex;
}

.CustomDropDownMenu label {
  margin-top:auto!important;
  margin-bottom: auto!important;
  color: white!important;
  background-color: #0b2f54!important;
  border-radius: 10px 0px 0px 10px!important;
  padding: 12px!important;
}

.CustomDropDownMenu select {
  border-radius: 0px 10px 10px 0px!important;
  width: 52%!important;
}

.CustomTextField2 label {
  color: #0b2f54!important;
  margin-bottom: 7px!important;
}

.CustomTextField2 input {
  border: none!important;
  background-color: #ededed!important;
  border-left: 15px solid #0b2f54!important;
  border-radius: 5px 5px 5px 5px!important;
}

.CustomTextField2 textarea {
  width: 60%!important;
}


.CustomList {
  padding-bottom: 35px!important;
  padding-top: 35px!important;
}

.CustomList fieldset legend {
  background-color: #ededed!important;
  border-left: 15px solid #0b2f54!important;
  padding: 15px!important;
  border-radius: 5px 5px 5px 5px!important;
  color: #0b2f54!important;
}

.wpforms-field-label-inline {
  color: #0b2f54!important;
}

#mfn-footer-template {
    margin-top:50px;
}


/*Css pour le form de newsletter*/

.newsletterForm p {
  display: flex;
  flex-direction: row;
  height: 42px;
  width: 250px;
}

#NewsletterButton {
  height: 42px;
  border-radius: 0px 2px 8px 0px;
}

#email {
  height: 42px;
  width: 80%;
  border-radius: 8px 0px 0px 2px;
}

#error, #result {
  font-size: 13px;
}

@media only screen and (min-width: 668px) and (max-width: 1040px){
  .newsletterForm p {
	display: inline;
  }
  
  #email {
	margin-bottom: 0px;
	border-radius: 0px 0px 0px 0px;
	width: 100%;
  }

  #NewsletterButton {
	height: 42px;
	border-radius: 0px 0px 0px 0px;
  }

  .laptop-three-fourth-column {
	width: 100%

  }

}

/*Responsive*/
@media only screen and (min-width: 668px) {
    body.archive .archive-post-custom {
        max-height:290px;
    }
}

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

    body.single article {
        margin-right:0px;
    }

    body.archive .post-photo-wrapper{width:100%}
    body.archive .post-desc-wrapper{
        width:100%;
    
    }

    body.archive .post-desc{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    body.archive article{
        padding-right: 0px;
    }

    .dossier-title {
        text-align: center;
        font-size: 1rem !important;       /* Ajustement de la taille du titre */
    }

    .wpforms-field-container {
    	display: flex!important;
	flex-direction: column!important;
	width: 100%!important;
    }

    /*Responsive des formulaire contact et s'abonner gratuitement*/
    .CustomTextField1, .CustomTextField2 {
	width: 100%!important;
	font-size: 12px!important;
	margin-left: 0px!important;
    }

    .CustomTextField1 {
	display: block!important;
    }

    .CustomDropDownMenu {
	width: 100%!important;
	font-size: 10px!important;
    }

    .CustomTextField1 input {
	width: 100%!important;
    }

    .CustomDropDownMenu select {
	width: 65%!important;
    }


}

/* Responsive specifique pour la sidebar sur les articles, on va la mettre en dessous de l'article plus tot que par defaut */
@media only screen and (max-width: 1240px) {
    .four.columns {margin:auto 0!important;}
    .sections_group, .four.columns {
        margin:0;
        width:100% !important;
        clear: both;
    }
   
   .CustomTextField1 {
	display: block!important;
   }

   .CustomTextField2 textarea {
	width: 100%!important;
   }

  .CustomTextField2 input {
	max-width: 100%!important;
  }
}