@charset "UTF-8";
/***!  /media/templates/site/cassiopeia/css/user.css?cc7690  !***/

body.site {
  background: white;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
body {
	background-color: #FFFFFF;
}
.header {
  background: white;
  background-position: top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
:root {
	/*1. Make background white*/
	--body-bg: #FFFFFF;
	/*2. Make Text black*/
	--body-color: #000000;
	/*3. Adjust Cassiopeia Color Scheme*/
	--cassiopeia-color-primary: #420937;
	--cassiopeia-color-link: #ff9f00;
	--cassiopeia-color-hover: gold;
}
.menu {
  background-color: #FFF;
  color : #FFF2CC;
}
.menucolor.card-body {
  background-color: yellow;
}
.menucolor.menu {
color: red;
}
.menucolor {
  --cassiopeia-color-primary: #2F9C95;
  --cassiopeia-color-hover: #174F4B;
  --cassiopeia-color-link: #1C5E5A;
}
.container-header .mod-menu {
 color: #000;
  .bannergroup {    margin-bottom: -70px;}
 font-size: 1.5rem;
 flex: unset;
}


/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    color: #0088cc;
    border: 1px solid #0088cc;
}
.bannergroup {    margin-bottom: -70px;}
/* dividi topbar in 3
.container-topbar {
  display: grid;
  gap: 1em;
  grid-template-columns: repeat(3,1fr);
}

.container-topbar > div {
  grid-column: span 3;
}

@media (min-width: 700px) {
  .container-topbar > div {
    grid-column: span 2;
  }
}

@media (min-width: 1000px) {
  .container-topbar > div {
    grid-column: span 1;
  }
}

.container-topbar .grid-child {
  padding-bottom: 1px;
}
h1 {
        color: royalblue;
        font-size: 2.2rem;
    }
    /* Titolo */
.m-title
{
	font-size: 38px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #000000;
	line-height: 48px;
}

/* Link Titolo hover */
a.m-title:hover
{
	font-size: 38px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;
}

/* Sottotitolo */

.m-subtitle
{
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #000000;
	line-height: 26px;
}

/* Link sottotitolo hover */
a.m-subtitle:hover
{
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;
}

/* Abstract */
.abstract {
	font-family: "Georgia", serif;
	font-size: 20px;
	font-style: italic;
	border-top: thin solid #c3c2c2;
	border-bottom: thin solid #c3c2c2;
	padding: 10px;
}

/* Video */
.video {
	position: relative;
}

/* Icona Video con font Awesome */
.video:before {
font-family: FontAwesome;
        top:0;
        left:-5px;
        padding-right:10px;
        content: "\f03d"; 
}

/* Link Video hover */
a.video:hover {
	text-decoration: none;
}

/* Foto */
.camera {
	position: relative;
}

/* Icona foto con font Awesome */
.camera:before {
font-family: FontAwesome;
        top:0;
        left:-5px;
        padding-right:10px;
        content: "\f030"; 
}

/* Link Foto hover */
a.camera:hover {
	text-decoration: none;
}
.blog-articles {
      grid-gap: 30px;
    }
    
    /* linea fra articoli */
    .blog-item + .blog-item {
      border-top: 2px solid #ccc; /* Puoi modificare il colore e lo stile */
      padding-top: 15px; /* Aggiungi spazio sopra la linea */
      margin-top: 15px;  /* Aggiungi spazio sotto la linea */
    }