/* Add your css code here */
/*
Variable Definitions:
  --r-bg: Controls the background color.
  --r-tx: Determines the color of the text.
  --r-h1: Sets the color for h1, h2, and h3 headings.
  --r-lk: Changes the link text color.
  --r-lk-h: Alters the hover color of link text.
  --r-br: Specifies the border color.
  --r-bg-fr: Defines the background color of input forms.
  --r-tx-lk: Adjusts the menu link text color.
  --r-tx-lk-h: Modifies the hover color of menu link text.
  --r-bg-lk: Sets the menu link background color.
  --r-bg-lk-h: Changes the hover background color of menu links.
  --r-tx-bt: Determines the button text color.
  --r-tx-bt-h: Alters the button text color on hover.
  --r-bg-bt: Specifies the button background color.
  --r-bg-bt-h: Sets the button background color on hover.
*/


/*
Regions Names, each region has an ID and a Class with the same name.
You can use .page-wrapper or #page-wrapper
#page-wrapper {}
#primary-sidebar-menu {}
#fixed-search-block {}
#popup-login-block {}
#header {}
#primary-menu {}
#welcome-text {}

#top-container {}
#top-box-first {}
#top-box-second {}
#top-box-third {}

#system-messages {}
#breadcrumb {}
#page-title {}

#main-container {}
#sidebar-box-first {}
#sidebar-box-main {}
#sidebar-box-second {}

#bottom-container {}
#bottom-box-first {}
#bottom-box-second {}
#bottom-box-third {}
#bottom-box-fourth {}

#footer-container {}
#footer-box-first {}
#footer-box-second {}
#footer-box-third {}

#footer-menu {}
#copyright {}

Examples:
#page-wrapper {
  --r-bg: #fefffc;
  --r-tx: #4c5866;
  --r-h1: #2a3439;
  --r-lk: #8a3324;
  --r-lk-h: #79443b;
  --r-br: #f4f5f0;
  --r-bg-fr: #f8f4ff;
  --r-tx-lk: #2c3e4c;
  --r-tx-lk-h: #1520a6;
  --r-bg-lk:#F2F7FD;
  --r-bg-lk-h: #f8f8e8;
  --r-tx-bt: #354a21;
  --r-tx-bt-h: #597d35;
  --r-bg-bt: #edf1fe;
  --r-bg-bt-h: #efece1;
  }
*/

body {
	font-size:18px;
	--color-point: #6e87b6ff;
}

.path-frontpage .solo-inner {
	padding:0;
}


.site-logo-img {
	max-width:80px;
}

#main-menubar{
	min-height: 90px;
}

.header-inner .branding-wrapper {
  flex-direction: row-reverse;
  gap:40px;
}

#primary-menu-inner {
	display:flex;
	padding-top: 10px;
}

.branding-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: end;
}

#block-solo-subtheme-main-menu {
	padding-left:20px;
}

#block-solo-subtheme-site-branding {
	padding-rigt: 20px;
}

#block-solo-subtheme-views-block-eventi-block-1 {
	padding-top:50px;
}

#block-solo-subtheme-views-block-eventi-block-1 .solo-block-title {
	font-size: 3rem;
}

.view-eventi .views-field-field-tipologia{
	text-transform:uppercase;
	font-size: 1.3rem;
	font-weight: bold;
	color: var(--color-point);
	margin-bottom: 6px;
}

.view-eventi .views-field-title {
        font-size: 3rem;
        font-weight: bold;
	padding-bottom:1rem;
	line-height: 3rem;
}

.view-eventi .views-field-field-image {
	padding-top:10px;
}

.view-eventi .views-field-field-image .field-content {
	max-width: 700px;
	overflow: hidden;
}

.view-eventi .views-row {
	margin-bottom:10px;
}

.view-eventi .views-field-created {
	position:relative;
	top: -10px;
}

.image-style-evento-home {
	transition: all 0.3s;
}

.image-style-evento-home:hover {
	transform: scale(1.1);
}

.media-oembed-content {
	width:700px;
	height:395px;

}

/* CALENDAR */

.calendar-view-table th {
	color:#333;
}

.tipo-evento-1 {
        background-color: #eedddd !important;
}

.tipo-evento-2 {
        background-color: lightblue !important;
}

.tipo-evento-3 {
        background-color: lightyellow !important;
}

.tipo-evento-4 {
	background-color: lightgreen !important;
}

.view-calendario-eventi .pager__items {
	margin:0 !important;
}


.view-calendario-eventi caption {
	padding:0 !important;
}

.view-calendario-eventi .is-multi .event-date {
	display:none;
}

button {
	background-color: var(--color-point);
	padding:8px 18px;
	color: white;
	text-transform:uppercase;
	border-radius:5px;
}

button a {
	color: white !important;
}

.calendar-view-table li:not(.is-multi)::after {
	content: "evento";
	text-transform:uppercase;
}


.path-view-eventi .view-eventi .view-content {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.view-eventi .view-content .views-row{
	flex-basis:48%;
}

.view-eventi  .views-field-created{
	font-size: .9rem;
}

.field--name-field-img1 .field__items {
	display:flex;
	flex-flow: row wrap;
	gap: 2rem;
}

/* ***************************** MEDIA **************************** */


@media (min-width: 48rem) {
  .solo-col-1 {
    grid-auto-flow: column;
    grid-template-rows: 1fr;
  }
}

@media (min-width: 768px) {

.path-frontpage #sidebar-box-main{
	position: sticky;
	top:0px;
}

.path-frontpage #sidebar-box-second {
	overflow:scroll;
/* 	max-height:85vh; */
}

}