/*!
Theme Name: Azzurro
Theme URI: http://underscores.me/
Author: Marco Milesi
Author URI: https://www.marcomilesi.com
Description: Il tema WordPress accessibile per le Pubbliche Amministrazioni
Version: 1.0.12
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: azzurro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
GitHub Theme URI: https://github.com/milesimarco/azzurro

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

azzurro is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body {
	font-family: 'Titillium Web', sans-serif!important;
	background-color: #f5f5f5!important;
	overflow-x:  hidden;
}

.asm-background-opacity {
	background-color: rgb(1 182 173 / 70%);
}

.asm-smartcity-background-opacity {
	background-color: #124ca2;
}

#body a {
	color: #307c3a;
	font-weight: bold;
}

.w3eden .btn-primary {
	background-color: #01b4aa!important;
	color: white!important;
}

body a:hover {
	color: lightblue;
}

footer a {
	color: white;
}

#site-navigation {
	z-index: 1;
}

.dropdown-menu {
	border: none!important;
}
.page-header a, .page-header a:hover {
	color:white;
}
.pre-footer .widget {
	margin:20px;
}

.bg-black {
	background-color: black;
}

.working-area {
	background: url( /wp-content/themes/azzurro/img/asfalti-strade.jpg ) no-repeat;
	background-size: cover;
}
.working-area .bg-white {
	background-color: rgb(255 255 255 / 0.4)!important;
}

.news-area {
	background: url( /wp-content/themes/azzurro/img/piazza-ducale.jpg ) no-repeat;
	background-size: cover;
}
.news-area .bg-white {
	background-color: rgb(255 255 255 / 0.4)!important;
}

.alignwide:not(.wp-block-buttons),
.alignfull:not(.wp-block-buttons) {
	margin: 32px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
	padding:50px;
}

@media (min-width: 920px) {
	.alignwide {
		margin: 32px calc( 25% - 25vw );
		width: auto;
	}
}

.wave::before {
	content: '';
	position: absolute;
	width: 100%;
	padding-top: 12%;
	top: -2px;
	left: 0;
	background-image: url( /wp-content/themes/azzurro/img/wave.png );
	background-repeat: repeat-x;
	background-size: 100%;
	opacity: .2;
	animation: wave-reverse 16s linear infinite;
	z-index: 1;
  }
  .wave::after {
	content: '';
	position: absolute;
	width: 100%;
	padding-top: 12%;
	top: -2px;
	left: 0;
	background-image: url(https://demo.plantpot.works/1128/wave.png);
	background-repeat: repeat-x;
	background-size: 100%;
	opacity: .1;
	animation-delay: -4s;
	animation: wave 32s linear infinite;
	z-index: 1;
  }
  @keyframes wave {
	0% {
	  background-position: 0;
	}
	100% {
	  background-position: 100vw;
	}
  }
  @keyframes wave-reverse {
	0% {
	  background-position: 100vw;
	}
	100% {
	  background-position: 0;
	}
  }

  .wp-block-embed {
	width: 100%;
  }