@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Urbanist:wght@400;700;900&display=swap');

* {
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Urbanist', sans-serif;*/
}

a, a:visited, a:hover, a:active {
	color: #e9801d;
	text-decoration: none;
}

.hidden{ display:none; }
.bold{ font-weight: bold !important; }
.font-roboto {font-family: 'Roboto', sans-serif;}
.font-urbanist {font-family: 'Urbanist', sans-serif;}

.custom-checkbox[type="checkbox"]:before {
  position: relative;
  display: block;
  width: 11px;
  height: 11px;
  border: 1px solid #808080;
  content: "";
  background: #FFF;
}
.custom-checkbox[type="checkbox"]:after {
  position: relative;
  display: block;
  left: 2px;
  top: -11px;
  width: 7px;
  height: 7px;
  content: "";
  background-image: linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
  background-repeat: no-repeat;
  background-position: center;
}
.custom-checkbox[type="checkbox"]:checked:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
}
.custom-checkbox[type="checkbox"]:disabled:after {
  -webkit-filter: opacity(0.4);
}
.custom-checkbox[type="checkbox"]:not(:disabled):checked:hover:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAQAAABuW59YAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAB2SURBVHjaAGkAlv8A3QDyAP0A/QD+Dam3W+kCAAD8APYAAgTVZaZCGwwA5wr0AvcA+Dh+7UX/x24AqK3Wg/8nt6w4/5q71wAAVP9g/7rTXf9n/+9N+AAAtpJa/zf/S//DhP8H/wAA4gzWj2P4lsf0JP0A/wADAHB0Ngka6UmKAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
}
.custom-checkbox[type="checkbox"]:not(:disabled):hover:after {
  background-image: linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
}
.custom-checkbox[type="checkbox"]:not(:disabled):hover:before {
}
.custom-checkbox.large {
  height: 22px;
  width: 22px;
}
.custom-checkbox.large[type="checkbox"]:before {
  width: 20px;
  height: 20px;
}
.custom-checkbox.large[type="checkbox"]:after {
  top: -20px;
  width: 16px;
  height: 16px;
}
.custom-checkbox.large.custom[type="checkbox"]:checked:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%, #FFF 100%);
}
.custom-checkbox.large.custom[type="checkbox"]:not(:disabled):checked:hover:after {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
}

.btn,
.dropdown-menu {
	border-radius: 0 !important;
}
.no-borders {
	border: none !important;
}

.color-white {color: #ffffff !important;}
.color-black {color: #000000 !important;}
.color-red {color: #cc2f21 !important;}
.color-orange {color: #e9801d !important;}
.color-grey {color: #dad9d8 !important;}
.color-darkgrey {color: #444444 !important;}

.color-white:visited, .color-white:hover, .color-white:active {color: #ffffff !important;}
.color-black:visited, .color-black:hover, .color-black:active {color: #000000 !important;}
.color-red:visited, .color-red:hover, .color-red:active {color: #cc2f21 !important;}
.color-orange:visited, .color-orange:hover, .color-orange:active {color: #e9801d !important;}
.color-grey:visited, .color-grey:hover, .color-grey:active {color: #dad9d8 !important;}
.color-darkgrey:visited, .color-darkgrey:hover, .color-darkgrey:active {color: #444444 !important;}

.background-color-white {background-color: #ffffff !important;}
.background-color-black {background-color: #000000 !important;}
.background-color-red {background-color: #cc2f21 !important;}
.background-color-orange {background-color: #e9801d !important;}
.background-color-grey {background-color: #dad9d8 !important;}
.background-color-darkgrey {background-color: #444444 !important;}

.background-color-1 {background-color: #cc9933 !important;}
.background-color-2 {background-color: #99cccc !important;}
.background-color-3 {background-color: #999999 !important;}
.background-color-4 {background-color: #cc9999 !important;}
.background-color-5 {background-color: #cc9966 !important;}
.background-color-6 {background-color: #336699 !important;}
.background-color-7 {background-color: #999933 !important;}
.background-color-8 {background-color: #666666 !important;}
.background-color-9 {background-color: #cccc00 !important;}
.background-color-10 {background-color: #669966 !important;}
.background-color-11 {background-color: #669999 !important;}
.background-color-12 {background-color: #999966 !important;}
.background-color-13 {background-color: #99cc99 !important;}
.background-color-14 {background-color: #cccc99 !important;}
.background-color-15 {background-color: #339999 !important;}
.background-color-16 {background-color: #cc6633 !important;}
.background-color-17 {background-color: #ffcc66 !important;}

/* Main container */
@media (min-width: 1200px) {
	.main-container {
		max-width: 870px !important;
	}
}

/* First header */
.website-header .fa-brands {
	color: #e9801d;
	font-size: 1.5em;
	margin: 0 5px;
}
@media (max-width: 991px) {
	.website-header-button {
		font-size: 0.8em !important;
	}
}

/* First/Second/Third header */
#first-header .nav > .link-secondary,
#first-header .dropdown-toggle,
#second-header .nav > .link-secondary,
#second-header .dropdown-toggle,
#third-header .nav > .link-secondary,
#third-header .dropdown-toggle {
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	color: #000000;
}

#first-header .dropdown-toggle::after,
#second-header .dropdown-toggle::after,
#third-header .dropdown-toggle::after {
	display: none !important;
}

.link-active,
#second-header a::active,
#third-header a::active {
	color: #e9801d !important;
}

#third-header .nav > .link-secondary,
#third-header .dropdown-toggle {
	font-weight: normal;
	color: #444444;
}

/* Mobile navbar */

.nav-link.dropdown-toggle.show {
	background-color: #e9801d !important;
	color: #000000 !important;
}

.nav-link.dropdown-toggle.show::after {
	color: #dad9d8 !important;
}

.dropdown-menu-fix {
    position: inherit !important;
    transform: none !important;
}
.dropdown-menu.dropdown-menu-fix.show {
	padding: 0 !important;
}
.nav-item-fix {
	padding: 0 !important;
	border-bottom: 1px solid #000000;
}
.nav-item-fix:last-of-type {
	padding: 0 !important;
	border-bottom: none;
}

.nav-item-fix .nav-link {
	background-color: #ffffff !important;
}

#navbar01 .nav-item {
	margin-top: 5px;
	text-transform: uppercase;
}

#navbar01 .nav-item a,
#navbar01 .nav-item a:hover,
#navbar01 .nav-item a:visited,
#navbar01 .nav-item a:active {
	background-color: #dad9d8;
	padding-left: 15px;
	color: #333333;
	font-weight: bold;
}

#navbar01 .dropdown-toggle::after {
	color: #e9801d;
    position: absolute;
    right: 10px;
    font-size: 30px;
	margin-top: 7px;
    vertical-align: middle;
}

/* News */
#news-container .col-4 {
	border-right: 3px solid #ffffff;
}
#news-container .col-4:last-of-type {
	border-right: none;
}

#news-container img {
	width: 100%;
	margin-bottom: 10px;
}

#news-container .news-link {
	padding: 5px 20px;
	margin-bottom: 20px;
}

/* Shows */
#shows-container img {
	width: 100%;
}

#shows-container .shows-link {
	padding: 5px 20px;
	margin-bottom: 20px;
	background-color: #ffffff;
}

/* Pages */
.page-container h1,
.page-container h2,
.page-container h3,
.page-container h4,
.page-container h5 {
	text-align: center !important;
	margin-top: 50px;
}

/* Teatri */
.teatro img {
	-webkit-box-shadow: 5px 5px 10px 0px #cccccc;
	-moz-box-shadow: 5px 5px 10px 0px #cccccc;
	-o-box-shadow: 5px 5px 10px 0px #cccccc;
	box-shadow: 5px 5px 10px 0px #cccccc;
	    width: 194px;
	    height: 194px;
}
@media (max-width: 575px) {
	.teatro,
	.teatro p {
		text-align: center !important;
	}
	.teatro img {
		max-width:194px;
		margin: 0 auto !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
		margin-top:1rem !important;
		margin-bottom:1rem !important;
		margin-left:auto;
		margin-right:auto;
	}
}

/* Gli Spettacoli */
#spettacoli input[type="checkbox"] {
}


/* AGGIUNTI DA ANDREA */

.SottotitoloEvento {
	margin-top: 0 !important;
	font-size: calc(1.1rem + .6vw) !important;
}
.Pagine H3, .Pagine H3 STRONG {
	font-family: 'Urbanist', sans-serif !important;
	font-weight: bold !important;
	font-size: 1.8rem;
}
.Pagine H4, .Pagine H4 STRONG {
	font-family: 'Urbanist', sans-serif !important;
	font-weight: bold !important;
	font-size: 1.35rem;
}

.website-header-button-mobile {
	font-size: 3vw !important;
}

.dropdown-item {
	color: #000000 !important;
	font-size: 0.8em !important;
}

a.link-active,
a.link-active :visited,
a.link-active :hover,
a.link-active :active,
.link-secondary:focus, .link-secondary:hover {
	color: #e9801d !important;
	font-weight: bold;
	font-size: 1em;
}

.link-secondary.show:focus, .link-secondary.show:hover {
	color: #000000 !important;
	font-size: 0.8em;
	font-weight: bold;
}

.link-secondary {
	color: #000000 !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #e9801d !important;
    color: #000000 !important;
}

.sezione-title h4 {
	font-weight: bold !important;
	font-size: 1rem !important;
}

.teatro a:not(.btn) {
	font-weight: bold !important;
}

.BoxesZ {
	margin-top: 50px;
}

input.text-control {
	font-family: 'Roboto', sans-serif !important;
}

.pagine-container img {
	width: 100% !important;
}