/*
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
*/



/*

.elenco-corsi-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 0;
}

.corso-box {
    flex: 0 0 calc(33.333% - 1rem);
    border: 0px solid #ccc;
    padding: 20px 20px 20px 20px;
    border-radius: 20px;
    background: #f6f6f6;
    box-sizing: border-box;
}


.corso-box .titolo {
    margin-top: 0;
    font-size:20px;
}

.corso-box .sottotitolo {
    font-size:16px;
}

@media (max-width: 959px) {
    .corso-box {
        flex: 0 0 calc(50% - 1rem);
    }
}

@media (max-width: 767px) {
    .corso-box {
        flex: 0 0 100%;
    }
}

*/



/*******************************************/



.elenco-offerte-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 0;
}

.offerta-colonna {
      flex: 0 0 calc(33.333% - 1rem); /* flex: 1 1 calc(33.333% - 1rem); */
      display: flex;
}

.offerta-box {
    border: 0px solid #ccc;
    padding: 20px 20px 20px 20px;
    border-radius: 20px;
    background: #FFFFFF;
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* necessario se i box sono in griglia */
}

.pulsante_annuncio {
  margin-top: auto; /* spinge il pulsante in fondo */
}

.offerta-box .titolo {
    margin-top: 0;
    font-size:24px;
    font-weight:700;
}

.offerta-box .descrizione {
    font-size:16px;
}

@media (max-width: 959px) {
    .offerta-colonna {
        flex: 0 0 calc(50% - 1rem);
    }
}

@media (max-width: 767px) {
    .offerta-colonna {
        flex: 0 0 100%;
    }
}

.pulsante_annuncio {font-weight: 700; background-color: #C00418; color: #FFFFFF;}




/*******************************************/




.elenco-corsi-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 0;
}

.corso-colonna {
      flex: 0 0 calc(33.333% - 1rem); /* flex: 1 1 calc(33.333% - 1rem); */
      display: flex;
}

.corso-box {
    border: 0px solid #ccc;
    border-radius: 20px;
    background: #FFFFFF;
    box-sizing: border-box;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* necessario se i box sono in griglia */
}

.pulsante_corso {
  margin-top: auto; /* spinge il pulsante in fondo */
}

.corso-box .immagine-corso {
    border-radius: 20px 20px 0px 0px;
    width:100%;
    height:300px;
}

.corso-box .contenuto-corso {
    padding: 20px 20px 20px 20px;
    height:100%;
}

.corso-box .box-pulsante-corso {
    padding: 0px 20px 20px 20px;
}

.corso-box .titolo {
    margin-top: 0;
    font-size:24px;
    font-weight:700;
}

.corso-box .descrizione {
    font-size:16px;
}

@media (max-width: 959px) {
    .corso-colonna {
        flex: 0 0 calc(50% - 1rem);
    }
}

@media (max-width: 767px) {
    .corso-colonna {
        flex: 0 0 100%;
    }
}

.pulsante_corso {font-weight: 700; background-color: #C00418; color: #FFFFFF;}




/*******************************************/



.logo_footer {width:250px;height:auto;}
#back_to_top {background-color:rgba(255,255,255,0.5);}
    #back_to_top i {color:#555 !important;}

#back_to_top.sticky {
    position: fixed;
    right: 15px;
    bottom: 75px;
    z-index: 9001;
}

@media only screen and (max-width: 767px) {
    #back_to_top.in_footer, #back_to_top.sticky {
        right: 15px !important;
        margin: 0;
    }
}



/*******************************************/



@media only screen and (min-width: 1000px) {
        .titolo-curva {height:100px;margin-bottom:-100px;z-index:1000;border:0px green solid;}
}

@media only screen and (max-width: 999px) {
        .titolo-curva {height:100px;margin-bottom:-100px;z-index:1000;border:0px red solid;}
}




/*******************************************/



@media only screen and (min-width: 1440px) {
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_sinistra_foto,
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_sinistra_testo,
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_destra_foto,
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_destra_testo {width:50% !important;}
}

@media only screen and (min-width: 960px) and (max-width: 1439px) {
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_sinistra_foto {width:100% !important;order:2;}
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_sinistra_testo {width:100% !important;order:1;}
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_destra_foto {width:100% !important;order:2;}
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_destra_testo {width:100% !important;order:1;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_sinistra_foto {width:100% !important;order:2;}
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_sinistra_testo {width:100% !important;order:1;}
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_destra_foto {width:100% !important;order:2;}
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_destra_testo {width:100% !important;order:1;}
}

@media only screen and (max-width: 767px) {
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_sinistra_foto {width:100% !important;order:2;}
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_sinistra_testo {width:100% !important;order:1;}
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_destra_foto {width:100% !important;order:2;}
    .one-second.tablet-one-second.laptop-one-second.mobile-one.colonna_destra_testo {width:100% !important;order:1;}
}



/*******************************************/



#filtro-annunci {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  margin-bottom: 2rem;
}

    #filtro-annunci .elemento_filtro {
        border:1px #CCC dashed; padding:10px; background-color: #FFF;
    }

    #filtro-annunci .elemento_filtro span {
        display:inline-block;
        width:100%;
    }

    #filtro-annunci .elemento_filtro input,
    #filtro-annunci .elemento_filtro select {
      padding: 0.6rem 1rem;
      border: 1px solid #ccc;
      border-radius: 4px;
      font-size: 1rem;
      background-color: #FFF !important;
      color: #000 !important;
      transition: border-color 0.2s ease;
      width:100%;
      display:inline-block;
      margin-bottom:0px !important;
    }

    #filtro-annunci .elemento_filtro input:focus,
    #filtro-annunci .elemento_filtro select:focus {
      background-color: #FFF !elemento_filtro;
      color: #000 !important;
      outline: none;
    }

    @media (min-width: 1400px) {
      #filtro-annunci .elemento_filtro {flex: 0 0 calc(16.666% - 0.5rem);}
    }

    @media (min-width: 968px) and (max-width: 1399px) {
      #filtro-annunci .elemento_filtro {flex: 0 0 calc(25% - 0.5rem);}
    }

    @media (min-width: 600px) and (max-width: 967px) {
      #filtro-annunci .elemento_filtro {flex: 0 0 calc(50% - 0.5rem);}
    }

    @media (max-width: 600px) {
      #filtro-annunci .elemento_filtro {flex: 0 0 calc(100% - 0.5rem);}
    }




/*******************************************/



#filtro-corsi {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  margin-bottom: 2rem;
}

    #filtro-corsi .elemento_filtro_corsi {
        border:1px #CCC dashed; padding:10px; background-color: #FFF;
    }

    #filtro-corsi .elemento_filtro_corsi span {
        display:inline-block;
        width:100%;
    }

    #filtro-corsi .elemento_filtro_corsi input,
    #filtro-corsi .elemento_filtro_corsi select {
      padding: 0.6rem 1rem;
      border: 1px solid #ccc;
      border-radius: 4px;
      font-size: 1rem;
      background-color: #FFF !important;
      color: #000 !important;
      transition: border-color 0.2s ease;
      width:100%;
      display:inline-block;
      margin-bottom:0px !important;
    }

    #filtro-corsi .elemento_filtro_corsi input:focus,
    #filtro-corsi .elemento_filtro select:focus {
      background-color: #FFF !elemento_filtro_corsi;
      color: #000 !important;
      outline: none;
    }

    @media (min-width: 1400px) {
      #filtro-corsi .elemento_filtro_corsi {flex: 0 0 calc(16.666% - 0.5rem);}
    }

    @media (min-width: 968px) and (max-width: 1399px) {
      #filtro-corsi .elemento_filtro_corsi {flex: 0 0 calc(25% - 0.5rem);}
    }

    @media (min-width: 600px) and (max-width: 967px) {
      #filtro-corsi .elemento_filtro_corsi {flex: 0 0 calc(50% - 0.5rem);}
    }

    @media (max-width: 600px) {
      #filtro-corsi .elemento_filtro_corsi {flex: 0 0 calc(100% - 0.5rem);}
    }




/*******************************************/



/* Layout a griglia */
.form-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Campi al 50% */
.form-grid p {
  flex: 1 1 48%;
  margin: 0;
}

/* Campi full-width */
.form-grid p:has(textarea),
.form-grid p:has(input[type="file"]),
.form-grid p:has(.wpcf7-submit),
.form-grid p:has(input[type="checkbox"]) {
  flex: 1 1 100%;
  font-size:14px;
}

/* Stile input */
.form-grid input,
.form-grid textarea,
.form-grid select {
  width: 100%;
  padding: 0.6em;
  border: 1px solid #000;
  border-radius: 5px;
  font-size: 1rem;
  box-sizing: border-box;
  color: #000 !important;
}


.form-grid input:focus,
.form-grid textarea:focus,
.form-grid select:focus {
  border: 1px solid #000;
  background-color:#FFF;
}

.form-grid select:focus option {
    background-color:#FFF;
    color:#555 !important;
}

.form-grid select option:first-of-type {
    color:#555 !important;
}

/* File upload */
.form-grid input[type="file"] {
  padding: 0.3em;
}

/* Checkbox */
.form-grid input[type="checkbox"] {
  margin-right: 0.5em;
}

/* Bottone invio */
.form-grid input[type="submit"] {
  background-color: #0073aa;
  color: #FFF;
  border: none;
  padding: 0.8em 1.2em;
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
}

/* Responsive mobile */
@media (max-width: 768px) {
  .form-grid p {
    flex: 1 1 100%;
  }
}

.form-grid input::placeholder, .form-grid textarea::placeholder {color:#555 !important;}
.form-grid input:focus::placeholder, .form-grid textarea:focus::placeholder {color:#BBB !important;}

.titolo-nella-form {display:inline-block;float:left;text-align:left !important; font-size:14px; line-height:17px; margin-bottom:5px;}
.legenda-nella-form {display:inline-block;float:left;text-align:left !important; font-size:14px; line-height:17px; width:100%; margin-top:10px;}

.checkbox-element {width:100%;}

.checkbox-element .wpcf7-list-item-label {display:none;}

.checkbox-element .wpcf7-form-control-wrap {float:left;display:inline-block;height:25px;}
.checkbox-element .wpcf7-list-item label {padding:0px; margin: 0px;}
.checkbox-element input[type="checkbox"] {padding:0px; margin: 0 auto; width:20px !important; height:20px !important;}
.checkbox-element .testo-checkbox {text-align:left !important;padding-top:5px;float:left;display:inline-block;font-size:14px; line-height:20px; vertical-align:middle;}

.wpcf7-response-output {margin-top: 20px !important;font-size: 14px;line-height:17px;padding: 0px !important;border: 1x red solid;font-weight: 700;}


@media (max-width: 767px) {
    .checkbox-element .wpcf7-form-control-wrap {width:15%;}
    .checkbox-element .testo-checkbox {width:85%;}
}
@media (min-width: 768px) and (max-width: 1999px) {
    .checkbox-element .wpcf7-form-control-wrap {width:7%;}
    .checkbox-element .testo-checkbox {width:93%;}
}
@media (min-width: 2000px) {
    .checkbox-element .wpcf7-form-control-wrap {width:7%;}
    .checkbox-element .testo-checkbox {width:93%;}
}



/*******************************************/



@media only screen and (min-width: 768px) {
    .testo_in_2_colonne {
        column-count: 2 !important;
        column-gap: 2em !important;
    }

    .testo_in_2_colonne p {
        break-inside: avoid;
        font-size: 20px;
        line-height:32px;
      }
}



/*******************************************/



.posts_group {display:flex; background-color:#FFF !important;}
.posts_group article {background-color: #F6F6F6 !important; border-radius: 20px !important;}
.entry-title  a {color:#C00418; font-weight:700;}



/*******************************************/


.corso-template-default #Content {padding-top: 0px !important;}
.corso-template-default .info_corso p {font-size:20px; line-height:32px;}

.offerta_lavoro-template-default #Content {padding-top: 0px !important;}
.offerta_lavoro-template-default .info_corso p {font-size:20px; line-height:32px;}




/*******************************************/



.mfn-header-menu .mfn-menu-li.current-menu-item > .mfn-menu-link {
    color: #C00418;
}



/*******************************************/


.grecaptcha-badge {display: none !important;}



/*******************************************/

ul.mfn-sidemenu-menu li a.mfn-menu-link {font-weight:700 !important;}
ul.sub-menu.mfn-submenu li a.mfn-menu-link {font-weight:400 !important;}


/*******************************************/


#mfn-footer-template a {
    color: #c4c4c4 !important;
    padding:0px 3px;
}

#mfn-footer-template a:hover {
    color: #FFF !important;
    background-color:#c00418 !important;
    padding:0px 3px;
}



/*******************************************/



.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border: 3px red solid !important;
    font-size:25px !important;
    line-height: 30px;
    padding: 10px !important;
    background-color: #ffdce2;
    color: red !important;
}


.wpcf7 form.sent .wpcf7-response-output {
    border: 3px #46b450 solid !important;
    font-size:25px !important;
    line-height: 30px;
    padding: 10px !important;
    background-color: #dcffdd;
    color: #46b450 !important;
}

.wpcf7 label {font-size:18px; line-height:24px;}




/*******************************************/


:focus {
  box-shadow: 0 0 0 3px rgba(0, 123, 200, 0.8);
  outline: none;
  border-radius: 4px;
}

.form-grid input:focus,
.form-grid textarea:focus,
.form-grid select:focus,
#filtro-corsi select:focus, #filtro-corsi input[type=text]:focus,
#filtro-annunci select:focus, #filtro-annunci input[type=text]:focus {
  box-shadow: 0 0 0 3px rgba(0, 123, 200, 0.8);
  outline: none;
  border-radius: 4px;
}

/* Forza l'apertura del submenu al focus dentro al li */
.menu-item-has-children:focus-within > .sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto;
}

/* Mantieni nascosto normalmente */
/*
.menu-item-has-children > .sub-menu {
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  position: absolute;
  z-index: 999;
}
*/


/*******************************************/

.cerchio_home {margin:20px !important;}


/*******************************************/


.rev-slidebg {
  background-position: top left !important;
}