/*
 Theme Name:   Alef
 Description:  Tema figlio di Understrap
 Author:       Alberto Canu
 Author URI:   https://www.alef.it
 Template:     understrap
 Version:      1.0.0
 Text Domain:  alef
*/

@import url("../understrap/style.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


:root{
  --alef-global-color-primary:#404040;
  --color:#2c5c9b;
}

html, body {
  /* height: 100%; */
  margin: 0;
  padding: 0;
}

body.home{
  font-family: 'Open Sans', sans-serif;
  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), 
  url("/wp-content/uploads/2025/01/Lorenzetti_Ambrogio._Effeti_del_buon_governo_in_citta.jpg")
  no-repeat center 100%;
  /* background-size: cover; */
}

#right-sidebar{
  background:url("/wp-content/uploads/2025/01/Lorenzetti_Ambrogio._Effeti_del_buon_governo_in_citta.jpg")
  no-repeat center 100%;
  /* background-size: cover; */
}


a {
  text-decoration: none  !important;
  color:#2c5c9b !important;
}

.bg-primary {
  background-color: #2c5c9b !important;
}

.square-piccolo{
  font-size: 0.7em;
  /* vertical-align: middle; */
}

#main-menu a{
  color: rgb(231, 231, 231) !important;
}

.navbar-brand img.img-fluid{
  max-width: 100px !important;
}

.home #no-title-page-wrapper{
  /* background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), 
  url("/wp-content/uploads/2025/01/Lorenzetti_Ambrogio._Effeti_del_buon_governo_in_citta.jpg")
  no-repeat center 100%;
    background-size: cover; */
  
}

.home a {
  text-decoration: none  !important;
  color:var( --alef-global-color-primary ) !important;
}

.icona-alef {
  display: inline-block;
  width: 0.7em;  
  height: 1em; 
  vertical-align: middle; 
  background: url('/wp-content/themes/alef/assets/images/alef-vect.svg') no-repeat center;
  background-size: contain; 
}
.icona-quadratino{
  display: inline-block;
  width: 0.6em;  
  height: 1em; 
  vertical-align: middle; 
  background: url('/wp-content/themes/alef/assets/images/quadratino.svg') no-repeat center;
  margin-bottom: 0.em;
  color: #2c5c9b;
  background-size: contain; 
}

.icona-freccettina{
  display: inline-block;
  content: "➜";
  width: 0.6em;  
  height: 1em; 
  vertical-align: middle; 
  margin-bottom: 0.em;
  color: #2c5c9b;
  background-size: contain; 
}



/* .home #no-title-page-wrapper{
  padding-bottom: 60px; 
} */

#no-title-page-wrapper{
  padding-bottom: 5rem;
}

#page.site .container.mt-4{
  padding-bottom: 5rem !important;
}

.entry-title{
  margin-bottom: 4rem !important; 
}

#wrapper-footer-full{
  background-color: #2c5c9b;
  color: white;
  position: fixed;
  bottom: 0;
  width: 100%;
  /* height: 60px; Set the fixed height of the footer here */
  /* padding-bottom: 80px; */
  padding: 1rem;
  font-size: 12px;

}

#wrapper-footer-full a{
  color: white !important;
}

#wrapper-footer-full pre{
  color: white;
  text-align: center;
}



.accordion-button:after {
  order: -1;
  margin-left: 0; 
  margin-right:0.5em;
}

.custom-toggle::after {
  content: "➜";
  background-image:none;
  font-size: 1.2rem;
  margin-left: 10px;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  color: #2c5c9b;
}

.custom-toggle[aria-expanded="true"]::after {
  content: "➜";
  background-image:none;
  background-color:inherit;
  transform: rotate(90deg);
  color: #2c5c9b;
}

.accordion-button:not(.collapsed) {
  color: #2c5c9b;
  background-color: inherit;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:focus {
  border-color:inherit;
  box-shadow: none;
}

.curricula ul.dropdown-menu.show {
  min-width: 40rem !important;
  padding: 10px;
}


.arrow {
  display: inline-block;
  color: #2c5c9b !important;
  transition: transform 0.3s ease;

}

/* Classe che applica la rotazione */
.arrow.rotated {
  transform: rotate(90deg);
}

/* proviamo il menu che va a capo */
.navbar-nav {
  flex-wrap: wrap;
}

.navbar-nav > li {
  white-space: normal;
}

.svg-responsive {
  display: block;       /* per assicurarci che risponda a larghezza 100% */
  /* width: 70%;          riempi la larghezza del contenitore */
  height: auto;         /* calcola l’altezza in proporzione */
  max-width: 100%;      /* se volessi evitare che ecceda la larghezza */
  max-width: 700px;
}

.certificazioni{
  grid-template-columns: 10% auto !important;
}

.limite-img img{
  max-width: 110px !important;
}

.certification {
  display: flex;
  align-items: center;
}
.certification img {
  max-width: 100px;
  height: auto;
  margin-right: 15px;
}
.certification p {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .cert img{
    max-width: 120px;
  }    
}

@media screen and (max-width: 350px) {
  .col-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}



.singola-cert{
  margin-bottom: 2em;
}