/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/* .carousel */
.full-width {background-color: #FFFFFF;}
#myCarousel {background-color: #394873; width: 100%; height: 250px; border-top: 1px solid #ffffff; display: none}
#myCarousel-items {max-width: 900px; margin: auto;}
img.reload {padding: 0.25em; display: block-inline; position: relative; top: 6px; height: 0.9em;}
.sfondo-citta {position: absolute; width: 100%; bottom: 1px; margin: auto; left: 0; right: 0;}
.logo-amt3 {width: 100%; margin: 70px auto 0 auto; padding: 0 15px;}
.logo-amt3 img {width: 90%; max-width: 400px;}
.slide02-icone {margin: 70px auto 0 auto; color: #FFFFFF; text-align: center; width: 70%;}
.slide02-icone img {max-width: 100%;}
.slide02-icone-link {color: #FFFFFF; margin-top: 7%; color: #394873}
.slide02-icone-link a {color: #FFFFFF; font-size: 18px;}
.carousel .carousel-inner {position: relative;}
.carousel .carousel-items.focus {padding: 2px; border: solid 3px #005a9c;}
.carousel-item {height: 250px;}
.carousel .carousel-item {display: none; max-width: 900px; position: relative; overflow: hidden; width: 100%; text-align: center;}
.carousel .carousel-item.active {display: block;}
.no-mobile {visibility: hidden;}

/* More like bootstrap, less accessible */
.carousel .carousel-item .carousel-caption a { cursor: pointer; text-decoration: underline; color: #fff; font-weight: 600;}
.carousel .carousel-item .carousel-caption a, .carousel .carousel-item .carousel-caption span.contrast {display: inline-block; margin: 0; padding: 6px; background-color: rgb(0 0 0 / 65%); border-radius: 5px; border: 0 solid transparent;}
.carousel-moreaccessible .carousel-items .carousel-image a {display: block; margin: 0; padding: 5px; text-decoration: none; border: none;}
.carousel-moreaccessible .carousel-item .carousel-caption a {display: inline-block; margin: 0; padding: 6px; color: black; background-color: transparent; border: none; border-radius: 5px;}

/* Shared CSS for Pause, Previous and Next Buttons */
.carousel .controls {box-sizing: border-box; position: absolute; top: 1em; z-index: 10; display: flex; width: 100%; padding: 0.25em 1.25em 0;}
.carousel .controls button {position: absolute; z-index: 10; flex: 0 0 auto; padding: 0; border: none; background: transparent; outline: none;}
.controls .previous {top: 75px; left: 10px;}
.controls .next {top: 75px; right: 10px;}

/* SVG Controls */
.carousel .controls svg .background {stroke: white; fill: white; stroke-width: 1px; opacity: 1;}
.carousel .controls svg .border {fill: #3c4871; stroke: #3c4871; stroke-width: 1;}
.carousel .controls svg .pause {stroke-width: 4; fill: transparent; stroke: transparent;}
.carousel .controls svg .play {stroke-width: 1; fill: transparent; stroke: transparent;}
.carousel .controls .pause svg .pause {fill:#3c4871; stroke: white;}
.carousel .controls .play svg .play {fill: #ffffff; stroke: white;}
.carousel .controls svg polygon {fill: #3c4871; stroke: #3c4871; stroke-width: 2; stroke-linejoin: round; }
.carousel .controls button:focus svg .background,
.carousel .controls button:hover svg .background,
.carousel .controls button:hover svg .border {opacity: 1;}

/* More accessible carousel styles, with caption and controls above/below image */
.carousel-moreaccessible {padding: 0; margin: 0; position: relative; border: #eee solid 4px; border-radius: 5px;}

/* Shared CSS for Pause and Tab Controls */
.carousel-moreaccessible .controls {position: relative; top: 0; left: 0; padding: 0.25em 0.25em 0;}
.carousel.carousel-moreaccessible .controls { position: static; height: 36px;}
.carousel.carousel-moreaccessible .controls button.previous {right: 60px;}
.carousel.carousel-moreaccessible .controls button.next {right: 0px;}
.carousel-moreaccessible .carousel-items, .carousel-moreaccessible .carousel-items.focus {padding: 0; border: none;}
.carousel-moreaccessible .carousel-items.focus .carousel-image a {padding: 2px; border: 3px solid #005a9c;}

/* More accessible caption styling */
.carousel-moreaccessible .carousel-item {padding: 0; margin: 0; max-height: none;}
.carousel-moreaccessible .carousel-item .carousel-caption {position: static; padding: 0; margin: 0; height: 60px; color: black;}
.carousel-moreaccessible .carousel-item .carousel-caption p { padding: 0; margin: 0;}
.carousel-moreaccessible .carousel-item .carousel-caption h3 { font-size: 1.1em; padding: 0; margin: 0;}
.carousel-moreaccessible .carousel-item .carousel-caption a:hover { background-color: rgb(0 0 0 / 20%);}
.carousel-moreaccessible .carousel-item .carousel-caption a:focus {padding: 4px; border: 2px solid #005a9c; background-color: transparent; color: black; outline: none;}

@media (min-width: 576px) {
	.slide02-icone-link {color: #FFFFFF; margin-top: 4%; }
	.slide02-icone-link a {display: inline;}
	.logo-amt3 {margin: 70px auto 0 auto}
	.no-mobile {visibility: visible;}
	#myCarousel {display: block}
}

@media (min-width: 768px) { 
	.logo-amt3 {margin: 4% auto 0 auto;}
	.logo-amt3 img {max-width: 50%;} 
	.slide02-icone {width: 75%;} 
    .slide02-icone-link a {font-size: 18px;} 
}

@media (min-width: 992px) { 
	.slide02-icone {margin: 150px auto 0 auto;} 
	#myCarousel, .carousel-item {height: 500px;}
	.logo-amt3 {margin: 15% auto 0 auto;}
	.logo-amt3 img {max-width: 70%;}
	.slide02-icone-link {margin-top: 8%;}
	.slide02-icone-link a {font-size: 20px;}
	.controls .previous, .controls .next {top: 200px;}
}

@media (min-width: 1200px) { 
	#myCarousel-items, .carousel .carousel-item {max-width: 1200px; margin: auto;}
	.logo-amt3 {max-width: 1000px; margin: 100px auto 0 auto;}
	.slide02-icone-link {margin-top: 4%;}
	}

@media (min-width: 1400px) { 
	#myCarousel-items, .carousel .carousel-item {max-width: 100%; margin: auto;}
	}