﻿/*
* Author: Webngo
* Template: Astrum
*/

:root {
	--colore-blu: #143465;
	--colore-rosso: #c2203e;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.caption span {
		margin-left: -120px;
	}
	#agendaProprietario .notice-box h3 {
		font-size: 16px;
		line-height: 20px;
	}
}

@media only screen and (max-width: 1199px) {
	.menu ul > li > a {
		font-size: 16px;
	}
	.menu ul ul li a {
		font-size: 16px;
	}
}

@media only screen and (max-width: 959px) {
	.menu-trigger {
		padding: 0 !important;
	}

	.caption span {
		margin-left: -160px;
	}
	.caption h2 {
		margin-left: -100px;
		font-size: 28px;
		line-height: 30px;
	}
	.caption h3 {
		margin-left: -100px;
		font-size: 28px;
		line-height: 30px;
	}
	.caption h4 {
		margin-left: -100px;
		font-size: 20px;
		line-height: 22px;
	}
	.caption .button {
		margin-left: -100px;
	}
	#filtroAllegati {
		flex-direction: column;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.menu ul > li > a {
		padding-left: 4px;
		padding-right: 4px;
	}

	#carousel-cont,
	#carousel {
		height: 580px !important;
	}
	#carousel .carousel-item {
		height: 290px !important;
	}

	#agendaProprietario .notice-box h3 {
		font-size: 13px;
		line-height: 16px;
	}
}

@media only screen and (max-width: 767px) {
	/*unica colonna*/

	#header #logo img {
		height: 60px !important;
	}

	.caption span {
		display: block;
		margin-left: -180px;
	}
	.cap-slide-1 {
		margin-top: -20px;
		font-size: 18px;
	}
	.cap-slide-2 {
		margin-top: -10px;
		font-size: 14px;
	}
	.cap-slide-3 h2,
	.cap-slide-3 h3,
	.cap-slide-3 a {
		margin-left: 0 !important;
	}
	.caption h2 {
		margin-top: -30px;
		margin-left: -120px;
		font-size: 18px;
		line-height: 20px;
	}
	.caption h3 {
		margin-top: -25px;
		margin-left: -120px;
		font-size: 18px;
		line-height: 20px;
	}
	.caption h4 {
		margin-top: -25px;
		margin-left: -120px;
		font-size: 14px;
		line-height: 16px;
	}
	.caption .button {
		margin-top: -20px;
		margin-left: -120px;
	}

	.fullwidthbanner-container {
		border-top: 5px solid var(--colore-rosso);
		margin-bottom: 20px;
	}

	#carousel-cont {
		margin-bottom: 30px;
	}
	#carousel-cont,
	#carousel,
	#carousel .carousel-item {
		height: 750px !important;
	}
	#carousel .post-img {
		margin-bottom: 20px;
		float: left;
	}

	#contact label {
		width: 100%;
		float: none;
		clear: both;
	}
	#contact input,
	#contact textarea {
		width: 100% !important;
		float: none;
		clear: both;
	}
	#contact select {
		width: 80% !important;
		float: none;
		clear: both;
	}
	#contact input[type="submit"] {
		width: 50% !important;
	}

	#giornoVisitaCont input {
		width: 75% !important;
	}
	#giornoVisitaCont .ui-datepicker-trigger {
		top: 40px;
		right: -20px;
	}

	.footer-container {
		flex-direction: column;
	}
	#logo-footer {
		width: 100%;
	}

	.box-form .half-col {
		width: 100%;
		float: none;
	}
	.box-form .half-col:nth-child(1) {
		margin-right: 0;
	}
	.box-form .half-col:nth-child(2) {
		margin-left: 0;
	}
}

@media only screen and (max-width: 480px) {
	.img-news,
	.img-20,
	.img-30,
	.img-40,
	.img-50,
	.img-60 {
		width: 96%;
		margin: 0 auto 10px !important;
		float: none !important;
		clear: both;
	}

	#carousel-cont,
	#carousel,
	#carousel .carousel-item {
		height: 620px !important;
	}

	.cap-slide-3 {
		display: none;
	}

	.ris-notice span {
		display: block;
	}
}
