/*
Theme Name: DiagnoTheme
Author: Milo Caceffo
*/


/* non modificare più */
main {
	min-height: 100vh;
}


.blue {
	background-color: #627ab8;
	color: #fff;
}
.blue2 {
	background-color: #627ab8;
	color: #fff;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.green {
	background-color: #f5f6d3;
	color: #3d6763;
}
.wrap-intro {
	padding-top: 4rem;
	font-size: 1.2rem;
	text-align: center;
}
.wrap-intro h1 {
	font-size: 3.9rem;
	line-height: 1;
	padding-bottom: 1rem;
}
.col-hero {
  border-radius: 40px;
  object-fit: cover;
  overflow: hidden;
  box-shadow: 0 0 0 10px rgb(145 165 215 / 20%);
  transform: translateY(50px);
}

.intro {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.intro h2 {
	font-size: 1.4rem;
	font-weight: 600;
	padding-bottom: 10px;
}
.cosa-card {
	display: block;
	width: 100%;
	padding: 1rem 1rem 3rem 1rem;
	background-color: #f9f9f9;
	border-radius: 20px;
	margin-bottom: 3rem;
	text-align: center;
	font-weight: 500;
	font-style: italic;
}
.cosa-card strong {
	display: block;
	font-weight: 600;
}
.cosa-card span {
	display: block;
	font-size: .8em;
	font-style: italic;
}
.cosa-card:after {
	content: 'Approfondisci';
	display: block;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #627ab8;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border-radius: 200px;
	letter-spacing: .5px;
	padding: 5px 20px;
	font-style: normal;
}
.cosa-card img {
	width: 120px;
	margin: 1rem auto;
	aspect-ratio: 1;
}

@media (max-width: 767px) {

	.wrap-intro h1 {
		font-size: 2rem;
		line-height: 1.2;
		padding-bottom: 2rem;
  }

}


.wrap-servizi a {
	display: block;
	background-color: #fafafa;
	border-radius: 20px;
	padding: 2rem 1rem;
	text-align: center;
}
.wrap-servizi img {
	max-width: 120px;
	margin: 0 auto;
}
.wrap-servizi strong {
	display: block;
	font-weight: 600;
}
.wrap-servizi span {
	display: block;
	font-size: .8em;
	font-style: italic;
}


.wrap-professionisti {}
.wrap-professionisti a {
	position: relative;
	display: block;
	background-color: #fafafa;
	box-shadow: 0 0 0 1px #39486d;
	overflow: hidden;
	border-radius: 20px;
	text-align: center;
}
.wrap-professionisti .swiper-slide:nth-child(even) a {
	margin-top: 1rem;
}
.wrap-professionisti img {
	width: 100%;
	aspect-ratio: 4 / 5;
}
.wrap-professionisti strong {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
	display: block;
	font-weight: 400;
	background-color: rgb(225 229 239 / 90%);
	color: #000;
	font-size: .8rem;
	border-radius: 14px;
	padding: .5rem 1rem;
	font-style: italic;
}
.wrap-professionisti span {
	display: none;
}





.cta {
	padding: 3rem 2rem;
	color: #242d3c;
	border-radius: 20px;
	min-height: 550px;
	box-shadow: 0 0 0 1px #39486d;
	background-color: #f9f9f9;
	background-image: url(assets/img/cta.jpg);
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
}
.cta h2 {
	font-size: 1.4rem;
	font-weight: 600;
	padding-bottom: 10px;
}

@media (max-width: 767px) {
	.cta {
		background-image: none;
	}
}



/* PAGES */
.wrap-h {}
a.back {
  display: inline-block;
  font-weight: 600;
  padding: 3rem 1rem 3rem 50px;
  background-image: url(//www.studiolegalelab.it/html/themes/LabTheme/assets/img/link-back.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 36px;
}


.swiper-wrapper {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* SWIPER SCROLL 
.swiper-scroll {
	font-size: .9rem;
	text-align: center;
}
.swiper-scroll img {
	aspect-ratio: 4/5;
	margin-bottom: 1rem;
	border-radius: 20px;
}
*/

/* SWIPER FADE */
.swiper-fade {}
.swiper-fade img {
	aspect-ratio: 16/9;
}



/* MARQUEE INFINITE */
.txt-marquee {
  overflow: hidden;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  display: flex;
}
.txt-marquee > div {
  font-size: 5em;
  white-space: nowrap;
  text-transform: uppercase
}





/* SWAP */
.txtswap {
	padding-bottom: 1rem;
}
.txtswap img {
	height: 100%;
}
.txtswap .txt {
	padding: 2rem 0;
}
.txtswap.txtswap-even {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}



/* FOOTER */
.footer {
	background-color: #f5f6d3;
	color: #424827;
	font-size: .9rem;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.footer img {
	max-width: 260px;
	padding-bottom: 1rem;
}
.footer p {
	margin-bottom: .5em;
}
.footer strong {
	display: block;
	font-weight: 600;
	padding-top: 1rem;
}
.footer a {
	color: #424827;
}



/* LG - small desktop */
@media (max-width: 1199px) {
}

/* MD - tablet landscape */
@media (max-width: 991px) {
}

/* SM - tablet portrait */
@media (max-width: 767px) {
}

/* XS - smartphone */
@media (max-width: 575px) {
}