/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */
@import url('https://fonts.googleapis.com/css?family=Pattaya:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css?family=Signika:wght@100&display=swap');
/* Use the imported font on the page: On Google you can also find the CSS instruction for using the font. */

:root {
  --cassiopeia-color-primary: #BC986A;
  --cassiopeia-color-link: hsl(207, 49%, 37%);
  --link-color: hsl(207, 49%, 37%);
  --link-color-rgb: 48, 99, 141;
  --cassiopeia-color-hover: hsl(351, 33%, 44%);
}

.navbar-brand img {
  	max-width: 100px;
}
.navbar-collapse .level-2 a:hover {
  color: var(--cassiopeia-color-primary);
}
.header.container-header.full-width {
	display: grid;
	grid-template-columns: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr);
	grid-gap: 0 1em;
	align-items: center;
}
.container-header .grid-child:first-child {
	grid-column: 2/2;
}
.container-header .container-nav {
	grid-column: 3/5;
}

footer .mod-custom { width: 100%; }
footer .elementor-container { display: flex; }
footer .elementor-column { width: 50%; }
footer .elementor-widget-image { text-align: right; }
footer .elementor-widget-container img { max-width: 200px; }
footer .elementor-element-71126ed .elementor-heading-title {
  font-family: "Signika", Sans-serif;
  font-size: 24px;
  font-weight: 600;
}
footer .elementor-element-8d73c50 .elementor-heading-title {
  font-family: "Pattaya", Sans-serif;
  font-size: 55px;
  font-weight: 100;
  line-height: 0.9em;
}
.mod-footer .footer1 { text-align: center; }
.mod-footer .footer1 a:not(.btn):focus, a:not(.btn):hover { color: white; }

.blog-item .item-title {
    color: var( --cassiopeia-color-primary);
    font-family: "Pattaya", Sans-serif;
    font-size: 55px;
    font-weight: 100;
    line-height: 0.9em;  
}

.blog-items.items-leading figure {
  	max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.blog-item figure { max-width: 350px; }
.blog-item figure.left.item-image img { max-width: 300px; }
.blog-items.items-leading .item-title { text-align: center; }
.blog-item:nth-child(even) .item-title { text-align: right; }

.blog-items.ricette .item-content .page-header h2 {
    color: var(--cassiopeia-color-primary);
    font-family: "Signika", Sans-serif;
    font-size: 24px;
    font-weight: 600;
}

.ui.grid a:hover {
  color: var(--cassiopeia-color-primary);
}

.header.container-header.full-width {
    display: flex;
}
.grid-child {
    display: block;
}
.header.container-header.full-width > .grid-child:nth-child(1) {
  max-width: 120px;
}
.metismenu.mod-menu .metismenu-item {
    flex-wrap: nowrap;
}