.red {color:#D90000}
.bgred {background-color:#D90000}
.black {color:#000}
.bgblack {background-color:#000000}

.navbar-brand .logo {
	width:60px;
	margin-right:5px;
}

.masthead .btn {text-transform:uppercase;margin-right:6px;padding:6px;font-weight:bold;}
.masthead .btn:hover {background-color:black;}

.eptin {color:grey;padding-top:10px;}

.bordato {
	border:2px red dashed;
	border-radius:15px;
	padding:20px;
}

.piattosx {
	border-left:1px solid black;
}

.piattodw {
	border-bottom:1px solid #222;
}

.pl-6 {
	padding-left:25px !important;
}

/* Logica di apertura via checkbox */
@media (max-width: 991.98px) {
    /* Quando la checkbox è spuntata, mostra il menu */
    #menu-toggler:checked ~ .custom-menu {
        display: block;
    }
    
    /* Stile per far apparire il menu sopra il contenuto */
    .custom-menu {
        display: none;
        width: 100%;
        background: white;
        padding: 1rem 0;
    }
}

@media (min-width: 992px) {
    .custom-menu {
        display: flex !important;
    }
}

.mybread {
	padding: 5px;
	background-color:#eee;
	border-radius:5px;
}

.mywhere:hover {
	background-color:black !important;
	color:white;
}

.div_scegli_contributo_selezionato {
	background:#000000;
	color:white;
}

.div_scegli_contributo {
	cursor:pointer;
	padding:15px !important;
	border-radius:20px 20px 0 0 !important;
}

.div_scegli_contributo:hover {
	background:red;
	color:white !important;
}

.myhover:hover {
	background-color:black !important;
}