/*
Theme Name: Devlo
Theme URI: https://devlo.it
Author: Devlo S.r.l.
*/

#header-navbar{
    padding-top: 30px !important;
}

#header-navbar .nav-link{
    color: #fff !important;
    cursor: pointer !important;
}

#header-navbar .nav-link:hover{
    color: #E42046 !important;
}

#header-navbar .nav-link.active{
    color: #E42046 !important;
}

.container-margin h1,
.container-margin h2,
.container-margin h3,
.container-margin h4{
    color: #fff;
}

.container-margin{
    color: #fff;
    margin-top:50px;
    margin-bottom:50px;
}

.container-margin .img-responsive{
    width: 100%;
    height: auto;
}

.card-devlo{
    background-size: cover;
    margin-bottom: 20px;
}

.card-devlo a{
    display: block;
    /*
    min-height: 200px;
    height: 200px;
    max-height: 200px;
    */
    text-decoration: none !important;
}

.card-devlo a:link,
.card-devlo a:hover{
    color:#fff;
    text-decoration: none;
}

.card-devlo a:hover,
.card-devlo a:visited:hover{
    text-decoration: underline;
}

.card-devlo a:visited,
.card-devlo a:visited:hover{
    color:#fff;
}

.card-devlo .btn{
    margin-top: 150px !important;
    min-height: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    min-width: 100px !important;
    width: 100px !important;
    max-width: 100px !important;
}

.search-sec{
    padding: 2rem;
}
.search-slt,
.search-slt:hover{
    display: block;
    width: 90%;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #000;
    background-image: none;
    border: 1px solid #fff;
    height: calc(2rem + 2px) !important;
    border-radius:0;
}

.search-slt:focus{
    display: block;
    width: 90%;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: #000;
    background-image: none;
    border: 1px solid #fff;
    height: calc(2rem + 2px) !important;
    border-radius:0;
    outline: none;
}

::placeholder {
    color: #fff !important;
    opacity: 1; /* Firefox */
}
  
::-ms-input-placeholder { /* Edge 12 -18 */
    color: #fff !important;
}

.wrn-btn{
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(2rem + 2px) !important;
    border-radius:0;
}

.list-inline a,
.list-inline a:visited,
table a,
table a:visited{
    color: #fff;
    text-decoration: none;
}

.list-inline a:hover,
.list-inline a:visited:hover,
table a:hover,
table a:visited:hover{
    color: #351b1b;
}

.course-content{
    margin-top: 25px;
}

#wp-submit{
    color: #fff !important;
    border: 1px solid #E42046 !important;
    background-color: #E42046 !important;
}

.remove-course{
    border: 1px solid #E42046 !important;
    background-color: #E42046 !important;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 9px;
    cursor: pointer;
}

.alert-course{
    margin-top:15px;
}

.alert-hide{
    display: none;
}

#count_course {
    display: inline-block;      /* Rende l'elemento un blocco inline */
    width: 24px;                /* Larghezza del cerchio */
    height: 24px;               /* Altezza del cerchio */
    border-radius: 50%;         /* Fa diventare l'elemento rotondo */
    background-color: red;      /* Colore di sfondo rosso */
    color: white;               /* Colore del testo bianco */
    font-size: 14px;            /* Dimensione del testo */
    text-align: center;         /* Allineamento del testo al centro */
    line-height: 24px;          /* Allineamento verticale del testo */
    font-weight: bold;          /* Testo in grassetto */
}

.svg-container {
    display: inline-block;
    width: 100%; /* Adatta al contenitore */
    max-width: 25px; /* Imposta una larghezza massima se necessario */
    height: auto; /* Mantiene le proporzioni */
    background-color: transparent; /* Sfondo trasparente */
}

.svg-container svg {
    width: 100%; /* Rende il contenuto SVG adattabile */
    height: auto; /* Mantiene le proporzioni */
    display: block; /* Rimuove lo spazio extra */
}