/*!
Theme Name: lagiocomotiva
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lagiocomotiva
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

lagiocomotiva is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

/**
 * General
 */
 html,body{
	font-family: 'Nunito', sans-serif !important;
	height: 100%;
}
body{
	background: #ffffff;
	color: #242424;
}

p {
    font-family: 'Nunito', sans-serif !important;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
button,
button:hover,
button:focus{
	text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
input,textarea,form-control,
input:hover,textarea:hover,form-control:hover,
input:focus,textarea:focus,form-control:focus{
	outline: 0 !important;
	border:none !important;
    box-shadow: none !important;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   -moz-transition: none !important;
   -webkit-transition: none !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Nunito', sans-serif !important;
    font-family: inherit;
    font-weight: normal;
    color: inherit;
}
.m-top40{
	margin-top:40px !important;
}
.m-bot20{
	margin-bottom:20px !important;
}
.btn-01,.btn-loadmore button{
	min-width: 209px;
	max-width: 100%;
    height: 51px;
    line-height: 46px;
    padding: 0 15px;
    color: #ffffff;
    display: inline-block;
    background: #D54736;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
	border:2px solid #D54736;
}
.btn-01:hover,.btn-loadmore button:hover{
    color: #ffffff;
    background: #d1ccc9;
	border:2px solid #d1ccc9;
}
.btn-02{
	min-width: 209px;
	max-width: 100%;
    height: 51px;
    line-height: 46px;
    padding: 0 15px;
    color: #D54736;
    display: inline-block;
    background: transparent;
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
	border:2px solid #D54736;
}
.btn-02:hover{
    color: #ffffff;
    background: #D54736;
	border:2px solid #D54736;
}
.w100{
	width: 100% !important;
}
.btn-loadmore{
	text-align:center;
	margin-top: 40px;
}
.btn-loadmore .facetwp-facet-load_more {
    display: inline-block;
}
.btn-loadmore  img.r-img {
    float: right;
}
.btn-loadmore {
    max-width: 680px;
    text-align: center;
    margin: 40px auto 30px;
}
.btn-loadmore button{
	position:relative;
	top: 10px;
}

/**
 * ELEMENTOR
 */
 .elementor-section.elementor-section-stretched .container {
    max-width: 100%;
}

/**
 * Background
 */
.cmz-bottom_bg01:before {
    content: url(assets/images/bottom_left.png);
    display: inline-block;
    position: absolute;
    bottom: -8px;
    left: 0;
}
.cmz-bottom_bg01:after {
    content: url(assets/images/bottom_right.png);
    display: inline-block;
    position: absolute;
    bottom: -27px;
    right: 0;
}

/**
 * Header Navigation
 */
 .top-header{
	 background-color: #C0D886; /* grigio precedente: #D1CCC9;*/
	 width: 100%;
 }
 .top-header .col-th{
	display: inline-block;
	margin:0 10px;
}
.th_language ul{
	padding:0;
	margin:0;
}
.th_language ul li{
	list-style:none;
	display:inline-block;
	margin:0 3px;
}
.col-th.th_btn a {
	background-color: #D54736;
    padding: 15px 20px;
    color: #fff;
    top: 2px;
    position: relative;
    display: block;
}
.col-th.th_btn_02 a {
	background-color: #6dd6e4;
    padding: 15px 20px;
    color: #fff;
    top: 2px;
    position: relative;
    display: block;
}
.navbar-light .navbar-nav .nav-link {
    font-family: Roboto;
    font-weight: 500;
    font-size: 25px;
    line-height: 29px;
    text-align: center;
    color: #040404;
	padding: 37px 15px;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #d54736;
}
nav.bg-light {
	background-color: #ffffff!important;
    padding: 0 35px;
}
img.top-bird {
    position: relative;
    left:23%;
}

/**
 * Section Carousel
 */
 .section-carousel .item{
	 text-align: center;
 }
.section-carousel img{
	width: auto !important;
    max-width: 100%;
	margin:0 auto 20px;
}
.section-carousel h3{
	margin-bottom:20px;
}
.section-carousel p{
	margin-bottom: 30px;
}
.section-carousel .owl-theme .owl-nav {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 24%;
}
.section-carousel .owl-prev {
    left: -40px;
    position: absolute;
}
.section-carousel .owl-next {
    right: -40px;
    position: absolute;
}
.section-carousel .owl-theme .owl-nav i:before{
	font-size: 32px;
	padding:0px;
	border-radius:100%;
	height:60px;
	width:60px;
	text-align:center;
	line-height:60px;
	padding: 0px 0px 0px 6px;
	display:inline-block;
	background-color:#d1ccc9;
}
i.fas.fa-play.dr-left:before {
	padding: 0px 0px 0px 6px;
}
.section-carousel .owl-theme .owl-nav [class*=owl-] {
    color: #ffffff;
    font-size: 90px;
    background: none !important;
}
.section-carousel .owl-theme .owl-nav [class*=owl-]:hover{
	opacity: 0.9;
}
i.fas.fa-play.dr-left {
    transform: rotate(60deg);
}

/**
 * Section Post List
 */
.section-postlist-01 img{
	width: auto;
	float: left;
	margin-right: 15px;;
}
.section-postlist-01 .cmz-item{
	margin-bottom: 20px;
}
.section-postlist-01 .cmz-wrapper{
	background-color: #f2f2f2;
	padding:10px;
	border-radius: 10px;
}
.section-postlist-01 .cmz-wrapper .cmz-contents img{
	width: 94px;
	height: 93px;
}
.section-postlist-01 .cmz-wrapper h5{
	margin-top:70px;
	font-weight: bold;
}
.section-postlist-01 .cmz-wrapper p{
	margin-bottom:15px;
}
.section-postlist-01 .cmz-wrapper h6{
	font-weight: bold;
	margin-bottom: 0;
}
.section-postlist-01 .cmz-wrapper .two-btn a{
	margin-bottom: 15px;
}
.section-postlist-01 .cmz-wrapper .two-btn a.btn-01{
	margin-top: 35px;
}

/**
 * Section Carousel post 2
 */

.section-carousel_post_02 .item{
	text-align: left;
	background-color: #D1CCC9;
    padding: 20px;
    border-radius: 10px;
}
.section-carousel_post_02 h3{
	font-size: 24px;
   	margin-bottom:10px;
   	color:#000000;
}
.section-carousel_post_02 p{
   margin-bottom: 30px;
   color:#ffffff;
}
.section-carousel_post_02 .owl-theme .owl-nav {
   position: absolute;
   margin: 0 auto;
   left: 0;
   right: 0;
   top: 24%;
}
.section-carousel_post_02 .owl-prev {
   left: -40px;
   position: absolute;
}
.section-carousel_post_02 .owl-next {
   right: -55px;
   position: absolute;
}
.section-carousel_post_02 .owl-theme .owl-nav i:before{
   font-size: 32px;
   padding:0px;
   border-radius:100%;
   height:60px;
   width:60px;
   text-align:center;
   line-height:60px;
   padding: 0px 0px 0px 6px;
   display:inline-block;
   background-color:#B3AFAD;
}
i.fas.fa-play.dr-left:before {
   padding: 0px 0px 0px 6px;
}
.section-carousel_post_02 .owl-theme .owl-nav [class*=owl-] {
   color: #ffffff;
   font-size: 90px;
   background: none !important;
}
.section-carousel_post_02 .owl-theme .owl-nav [class*=owl-]:hover{
   opacity: 0.9;
}
i.fas.fa-play.dr-left {
   transform: rotate(60deg);
}

/**
 * Section Maps Categories
 */
.map-wrapper{
	position: relative;
}
#map-canvas {
	width: 100%;;
	height: 480px;
}
#iw_container .iw_title {
	font-size: 16px;
	font-weight: bold;
}
.iw_content {
	padding: 15px 15px 15px 0;
}
select#select_city,
.map-wrapper select {
	z-index: 9999;
    background-color: #d54736;
    color: #fff;
    font-size: 18px;
    border: 1px solid #d54736;
    padding: 7px 15px;
    min-width: 200px;
    text-align: center;
    border-radius: 5px;
    position: absolute;
	top: 50px;
    right: 190px;
	box-shadow: none !important;
	outline: none !important;
}
select#select_city:focus {
    border: 1px solid #d54736;
}
select#select_city option,
.map-wrapper select option{
    background-color: #ffffff;
    color: #d54736;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
select#select_city option:last-child,
.map-wrapper select option:last-child{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/**
 * Single Schools
 */
.section-single_schools{
	padding:80px 0 100px;
}
.section-single_schools .main-img{
	margin-bottom: 30px;
	position: relative;
}
.sss_button{
	margin-bottom:40px;
}
.sss_schname{
	margin-bottom: 6px;
}
.sss_schname h3{
	font-size: 48px;
	line-height: 56px;
	align-items: center;
	color: #D54736;
	font-weight:500;
}
.sss_schname p{
	font-size: 20px;
	line-height: 23px;
	color: #D54736;
	font-weight: 500;
}
.sss_info{
  margin-bottom: 0px;
padding-bottom: 0px;
}
.sss_info .btn-02{
	margin-bottom:10px;
}
.sss_info p{
  font-weight: 400;
font-size: 20px;
line-height: 22px;
color: #000;
}
.sss_users span{
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	color: #D54736;
}
.sss_user {
	margin-right: 30px;
    display: inline-block;
}
.sss_contents,
.sss_contents p {
  color: #000;
font-weight: initial;
font-size: 19px;
padding: 0;
}
.sss_contents h1,.sss_contents h2,.sss_contents h3,.sss_contents h4,.sss_contents h5,.sss_contents h6{
	color: #D54736;
	padding:0;
}
.bg-sch-left{
	position: relative;
	left: 0;
	bottom:-102px;
}
.bg-sch-right {
    position: relative;
    float: right;
    bottom: 90px;
}
.sidebar-item{
	margin-bottom: 30px;
}
.sidebar-01 {
    background: #E8E8E8;
    padding: 40px;
    border-radius: 10px;
	display: inline-block;
	width: 100%;
}
.sidebar-01 h3{
    font-weight: 300;
	font-size: 36px;
	line-height: 42px;
	font-style: italic;
	text-align: center;
	margin-bottom: 30px;
	color: #000000;
}
.sidebar-01 h3 span{
	font-weight: 500;
    color: #D54736;
}
.sidebar-01 .btn-01{
    margin-bottom: 30px;
}
.sidebar-01 p span{
    margin-bottom: 0px;
	color: #D54736;
}
.sidebar-02 {
	background: #96D3DB;
	color: #FFFFFF;
    padding: 40px;
    border-radius: 10px;
	display: inline-block;
	width: 100%;
}
.sidebar-03{
	display: inline-block;
	width: 100%;
    border: 1px solid #d8d8d8;
	border-radius: 10px;
}
.sidebar-04{
    background: #E8E8E8;
    padding: 40px;
    border-radius: 10px;
	display: inline-block;
	width: 100%;
}
.sidebar-04 h3{
	font-weight: 500;
	font-size: 36px;
	line-height: 42px;
	color: #000000;
	margin-bottom: 30px;
}
.sidebar-04 ul{
	margin:0;
	padding:0;
}
.sidebar-04 ul li{
	display: inline-block;
	float: left;
	font-weight: 300;
	font-size: 24px;
	line-height: 28px;
	color: #000000;
	margin-bottom: 15px;
}
.sidebar-04 ul li:hover{
	color: #D54736;
}
.sidebar-04 ul li img{
	margin-right: 15px;
}
ul.share-socialmedia {
    margin: 30px 0 0 0;
    padding: 0;
	text-align: right;
}
ul.share-socialmedia li{
    list-style:none;
    display:inline-block;
	margin-left: 5px;
}
ul.share-socialmedia li i{
	font-size: 30px;
	color: #174453;
}

ul.img-galleries {
    margin: 0;
    padding: 0;
	position: absolute;
    bottom: 40px;
	width: 100%;
    text-align: center;
}
ul.img-galleries li{
    list-style: none;
	display: inline-block;
}
ul.img-galleries li img{
	max-width: 161px;
    width: 100%;
    border: 2px solid #ffffff;
    border-radius: 3px;

}
ul.img-galleries li img:hover{
    border: 2px solid #D54736;
}
.main-img>img{
	border-radius:20px;
}

.sidebar-event-image {
	display: inline-block;
	height: 100%;
	width: 100%;
	object-fit: contain;
	border-radius: 10px;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

/**
 * FOOTER
 */

footer .ft_item{
	float: left;
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer ul{
	margin:0;
	padding:0;
}
footer ul li{
	list-style: none;
}
footer .ft_item.ft_logo {
    margin-right: 40px;
}
footer .ft_item.ft_social {
    float: right;
}
footer .ft_item.ft_menu li {
    display: inline-block;
	margin-right: 20px;
}
footer .ft_item.ft_menu li a{
	font-weight: 300;
	font-size: 24px;
	line-height: 28px;
	color: #FFFFFF;
}
footer .ft_item.ft_menu li a:hover{
	color: #D54736;
}
footer .ft_item.ft_social li {
    display: inline-block;
	margin-left: 5px;
}
footer .ft_item.ft_social li:hover {
    opacity: 0.9;;
}
footer .ft_item.ft_menu li:after {
    content: '';
    height: 30px;
    width: 3px;
    background-color: #ffffff;
    display: inline-block;
    position: absolute;
	right: -13px;
}
footer .ft_item.ft_menu li:last-child:after {
    display: none;
}

/**
 * RESPONSIVE
 */
@media only screen and ( max-width:1399px ){
	ul.img-galleries li img {
		max-width: 140px;
	}
}
@media only screen and ( min-width:1200px ){
	.section-postlist-01 .cmz-wrapper p{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.section-postlist-01 .cmz-wrapper h5{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.section-postlist-01 .cmz-wrapper h6{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.section-carousel_post_02 .owl-theme .owl-nav {
		display: none;
	}
}
@media only screen and (min-width: 1200px) and ( max-width:1399px ) {
	img.top-bird {
		position: relative;
		left: 33%;
	}
}
@media only screen and ( max-width:1199px ){
	.section-postlist-01 .cmz-wrapper h5{
		margin-top: 0;
	}
	.section-postlist-01 .cmz-contents {
		display: flex;
	}
	ul.img-galleries li img {
		max-width: 110px;
	}
}
@media only screen and (min-width: 992px) and (max-width:1199px) {
	img.top-bird {
		left: 20%;
	}
}
@media only screen and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }

}

@media only screen and ( max-width:991px ){
	.top-header .th_address{
		display:none !important;
	}
	img.top-bird {
		left: 0;
	}
	.navbar-light .navbar-nav .nav-link {
		font-size: 20px;
	}
	footer .ft_item.ft_menu li a {
		font-size: 20px;
	}
	.row.sss_button .col-12:nth-of-type(1) {
		margin-bottom: 15PX;
	}
	.sss_users {
		margin-bottom: 30px;
	}
	ul.share-socialmedia {
		margin: 30px 0 40px 0;
	}
	.section-single_schools {
		padding: 80px 0 0;
	}
	.bg-sch-left {
		bottom: -2px;
	}
	ul.img-galleries li img {
		max-width: 85px;
	}
	.sidebar-01 {
		padding: 15px;
	}
	.btn-01 {
		min-width: 180px;
	}
	.sidebar-04 {
		padding: 15px;
	}
}
@media only screen and (min-width:768px) and (max-width:991px){
	.btn-01,.btn-02 {
		font-size: 14px;
	}
}
@media only screen and ( max-width:767px ){

	.top-header .th_phone span{
		display:none;
	}
	.top-header .th_phone img{
		max-width:30px;
	}
	.col-th.th_btn a {
		padding: 5px 10px;
	}
	.top-header .col-th {
		display: inline-block;
		margin: 0 5px;
	}
	nav.bg-light {
		padding: 50px 15px;
	}
	.top-header .col-12.text-end {
		padding: 0 5px;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 10px 15px;
		text-align: left;
	}
	/* Navbar Toogle */
	.navbar-light .navbar-toggler {
		transform: translateY(-50%)!important;
		left: 15px!important;
		position: absolute!important;
		top: 50%!important;
	}
	.navbar-light .navbar-brand {
		left: 50%!important;
		transform: translate(-50%,-50%)!important;
		position: absolute!important;
		top: 50%!important;
	}
	img.top-bird {
		left: auto;
		transform: translateY(-50%)!important;
		right: 15px!important;
		top: 50%!important;
		position: absolute!important;
	}
	.navbar-collapse {
		top: 101px;
		width: 100%;
		left: 0;
		background-color: #ffffff;
		position: absolute;
	}
	/* End Navbar Toggle */
	.section-carousel .owl-prev {
		left: 20px;
		position: absolute;
	}
	.section-carousel .owl-next {
		right: 5px;
		position: absolute;
	}
	.section-postlist-01 .main-img{
		display: none;
	}
	.section-postlist-01 .cmz-contents{
		width: 100%;
	}
	.section-postlist-01 .two-btn {
		text-align: center;
	}
	.section-postlist-01 .cmz-wrapper .two-btn a.btn-01 {
		margin-top: 15px;
	}
	.section-carousel_post_02 .owl-prev {
		left: -20px;
		position: absolute;
	}
	.section-carousel_post_02 .owl-next {
		right: -37px;
		position: absolute;
	}
	.section-carousel_post_02 {
		padding: 0 30px;
	}
	footer .ft_item.ft_logo img {
		max-width: 50px;
	}
	footer .ft_item.ft_menu li a {
		font-size: 10px;
	}
	footer .ft_item.ft_social li img {
		max-width: 20px;
	}
	footer .ft_item.ft_logo {
		margin-right: 10px;
	}
	.ft_item.ft_menu {
		max-width: 200px;
	}
	footer .ft_item.ft_menu li {
		margin-right: 10px;
	}
	footer .ft_item.ft_menu li:after {
		height: 24px;
		width: 3px;
		right: -9px;
		top: 2px;
	}
	footer .ft_item {
		min-height: 48px;
	}
	.cmz-bottom_bg01:before {
		width: 100px;
	}
	.cmz-bottom_bg01:after {
		display: none;
	}
	.cmz-bottom_bg01:before {
		content: url(assets/images/bottom_left3.png);
		display: inline-block;
		position: absolute;
		bottom: -8px;
		left: 0;
	}
	select#select_city {
		top: 100px;
		right: 10px;
	}
	.bg-sch-right {
		display: none;
	}
	.bg-sch-left {
		bottom: -2px;
		max-width: 320px;
	}
	.sidebar-04 ul li {
		font-size: 18px;
	}
	.sidebar-01 {
		padding: 30px;
	}
	.sidebar-04 {
		padding: 30px;
	}

}

@media only screen and ( max-width:500px ){
	.section-postlist-01 .cmz-wrapper .two-btn a.btn-01,
	.section-postlist-01 .cmz-wrapper .two-btn a.btn-02{
		width: 49%;
		font-size: 13px;
    	padding: 0 5px;
	}
	ul.img-galleries li img {
		max-width: 60px;
	}
	ul.img-galleries {
		bottom: 20px;
	}
	.sss_user {
		margin-bottom: 8px;
	}
}
