@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700&display=swap');
/*!
 * Theme Name: CitylogicChild
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: citylogic
 * Text Domain: citylogic
 */

/* verde "ufficiale" */
:root {
	--main-color: #72ba65;
}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

strong {
	color: #72ba65;
}

/* Generic add-on classes */

.text--centered {
	text-align: center;
}

.text--bold, .text--bold h3 {
  font-weight: 600;
}

.text--centered strong {
  color: #000;
}

.text--right {
	text-align: right;
}

.text--large {
  font-size: 1.25em;
}

.text--big {
  font-size: 1.5em;
  margin: 3em 0;
}

.text--nomargins {
  margin: 0px;
}

.has-border-top {
  border-top: 1px solid #72ba65;
}
.has-border-bottom {
  border-bottom: 1px solid #72ba65;
}

.has-partner-logo h2 {
  color: #000;
  text-align: center;
}

.has-partner-logo h2 a {
  font-style: italic;
}

.has-partner-logo img {
  vertical-align: middle;
  margin-bottom: 0;
  margin-left: 2em;
  max-width: 180px;
}

#container--contatti strong {
  color: #000;
}

/* Curved shape under home slider */

.slider-padder {
	position: relative;
	padding-bottom: 2px;
}

.slider-padder .bottom-shape.curve {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='2560.065px' height='518px' viewBox='0 0 2560.065 518' enable-background='new 0 0 2560.065 518' xml:space='preserve'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='none' d='M0,316C0,210.667,0,105.333,0,0c852.667,0,1705.333,0,2558,0 c-8.746,6.344-17.197,13.147-26.283,18.961c-107.799,68.975-219.433,131.429-331.645,192.76 c-96.982,53.008-198.793,95.616-302.636,133.323c-114.325,41.514-230.835,75.63-349.299,103.166 c-103.313,24.015-207.503,43.19-312.87,55.378c-46.625,5.394-93.521,8.441-140.293,12.572c-6.329,0.56-12.65,1.224-18.975,1.84 c-53.667,0-107.333,0-161,0c-1.515-0.335-3.017-0.887-4.545-0.971c-15.141-0.827-30.318-1.168-45.421-2.426 c-43.815-3.648-87.669-7.02-131.378-11.71c-39.548-4.244-79.041-9.336-118.348-15.41c-45.704-7.063-91.283-15.056-136.729-23.643 c-56.217-10.622-112.106-22.84-166.938-39.421C206.274,392.556,102.947,354.824,0,316z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M1076,518c6.324-0.616,12.646-1.28,18.975-1.84 c46.771-4.131,93.668-7.179,140.293-12.572c105.367-12.188,209.557-31.363,312.87-55.378 c118.464-27.536,234.974-61.652,349.299-103.166c103.843-37.707,205.653-80.315,302.636-133.323 c112.212-61.331,223.846-123.785,331.645-192.76C2540.803,13.147,2549.254,6.344,2558,0c0.667,0.333,1.783,0.548,1.909,1.024 C2560.196,2.115,2560,3.333,2560,4.5c0,171.167,0,342.333,0,513.5C2065.333,518,1570.667,518,1076,518z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23FFFFFF' d='M0,316c102.947,38.824,206.274,76.556,311.643,108.42 c54.831,16.581,110.721,28.799,166.938,39.421c45.445,8.587,91.024,16.579,136.729,23.643c39.307,6.074,78.8,11.166,118.348,15.41 c43.709,4.69,87.563,8.062,131.378,11.71c15.103,1.258,30.28,1.599,45.421,2.426c1.528,0.084,3.03,0.636,4.545,0.971 c-305,0-610,0-915,0C0,450.667,0,383.333,0,316z'/%3E%3C/svg%3E");
}

.bottom-shape.curve {
	display: block;
	height: 100%;
	width: 100%;
	max-height: 500px;
	height: 480px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9999;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-position: -400px -38px;
	pointer-events: none;
}

/* home page: slogan */

.triangle {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #72ba65;
	display: inline-block;
	margin: 0 0 0 10px;
}

.slogan {
	margin: 0 auto;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	font-size: 7rem;
	color: #72ba65;
	line-height: 1;
	padding: 0;
}

.slogan span:nth-of-type(1) {
	opacity: .99;
}

.slogan span:nth-of-type(2) {
	font-size: 2.5em;
	color: #000;
	margin-left: -.25em;
	vertical-align: sub;
	padding-right: 20px;
}

.slogan-content {
	text-align: center;
	font-weight: 600;
	padding-bottom: 1em;
}

.slogan-content span {
	color: #72ba65;
}

/* Footer */

footer h2.widgettitle:after {
	background-color: #72ba65 !important;
}

footer a {
	color: #0a0a0a;
}

footer .social-links a {
	font-size: 2em;
	padding: 0 10px;
}

footer i {
	color: #72ba65;
}

/* sitemap: second-level pages indented */
footer ul.children li {
  margin-left: 1em !important;
  font-style: italic;
}

/* Media queries */

@media only screen and (max-width: 800px) {
	.slogan {
		font-size: 6rem;
	}
}

@media only screen and (max-width: 650px) {
	.slogan {
		font-size: 4rem;
	}

	.triangle {
		border-top: 16px solid transparent;
		border-bottom: 16px solid transparent;
		border-left: 16px solid #72ba65;
		display: inline-block;
		margin: 0 0 0 8px;
	}
}

@media only screen and (max-width: 500px) {
	.slogan {
		font-size: 3rem;
	}
	.triangle {
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-left: 12px solid #72ba65;
		display: inline-block;
		margin: 0 0 0 4px;
	}
}

@media only screen and (max-width: 350px) {
	.slogan {
		font-size: 2.25rem;
	}
}