/*
Theme Name: Spazio Aperto
Theme URI: http://www.nobarriereallacomunicazione.it
Author: Stefano Fabbri
Author URI: http://www.digitalfaber.it/
Description: Carefully handcrafted for Spazio Aperto
Version: 1.0
Text Domain: nobarriere
Palette: rosso #961618
*/

/*** COMMON ***/
html, body, div, p, ul, li {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}
h1, h2, h3 {
	font-family: 'Oswald', Arial, sans-serif;
    font-weight: normal;
    color: #444;
}
h1, h2, h3, h1 strong, h2 strong, h3 strong {
    font-weight: normal;
}
h4, h5, h6 {
	font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: normal;
    color: #444;
}
body {
	margin-bottom: 0;
	padding-bottom: 0;
	background-color: #961618;
}
header#header {
	background-color: #f4f4f4;
	padding-top: 10px;
	border-bottom: 1px solid #fff;
}
#main {
	padding-bottom: 0;
	margin-bottom: 0;
}
#content {
	background-color: #fff;
}
.sidemenu {
	background-color: #961618;
	color: #fff;
	height: 100%;
	bottom: 0;
}
img.mainlogo {
	width: 65%;
	margin: 30px 15px;
	position: relative;
	overflow: auto;
}
a, h1 {
	color: #961618;
}
a:hover {
	color: #600e0f;
}
section#side ul li {
	margin: 0;
	padding: 0;
}
section#side ul li {
	border-bottom: 2px solid #961618;
}
section#side ul li:hover, section#side ul li.current-menu-item {
	border-bottom: 2px solid #fff;
}
section#side ul li a {
	color: #fff;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.8em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 8px 40px 6px 0;
	display: block;
	text-decoration: none;
}
.uk-navbar-nav>li>a, section#side ul li a {
	font-family: 'Oswald', Arial, sans-serif;
}
section#side ul li.social {
	display: inline-block;
	float: left;
}
.uk-nav-offcanvas>li.social {
	display: inline-block;
	float: right;
	font-size: 20px;
}
section#side ul li.social a {
	padding-right: 15px;
}
.uk-nav-offcanvas>li.social a {
	padding-right: 10px;
}
section#side ul li.social:hover, .uk-nav-offcanvas>li.social:hover {
	border-bottom: none;
}
section#side ul li.social:hover a, .uk-nav-offcanvas>li.social:hover a {
	color: #d29899;
}
section#side .uk-container.menu-container {
	padding-right: 0;
}
.uk-offcanvas-bar {
	background-color: #961618;
	color: #fff;
}
section#side {
	padding-bottom: 56.25% !important;
}
.maincontent {
	padding-top: 30px;
}
.uk-navbar-toggle {
	background-color: #961618 !important;
	color: #fff !important;
}
.miniheader {
	position: relative;
	padding-left: 0;
	padding-bottom: 10px;
}
.uk-search-field {
	border: 1px solid #ddd !important;
	background-color: #fefefe !important;
}
header#header ul {
	margin: 0;
	line-height: inherit;
}
header#header ul li {
	display: inline-block;
	padding: 0;
	text-align: right;
	margin: 0 0 0 20px;
}
.uk-button-danger {
	color: #fff !important;
	background-color: #961618 !important;
	font-weight: 700 !important;
}
.uk-list.uk-subnav.uk-subnav-pill li a {
	color: #fff !important;
	background-color: #961618 !important;
	font-weight: 700 !important;
	border-radius: 4px;
}
.uk-list.uk-subnav.uk-subnav-pill li a:hover {
	background-color: #600e0f !important;
}
.tuttiluoghi .uk-panel-box {
	margin-bottom: 20px;
}
.minicrumb {
	padding: 5px 0;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
}
img.alignright {
	float: right;
	margin: 0 0 15px 30px;
	max-width: 40%;
}
.uk-link-reset {
}
/* COLUMN HEIGHT HACK */


/* LOGIN */
div#loginform {
	background-color: #f4f4f4;
	padding: 15px;
	position: relative;
	border-top: 1px solid #ddd;
	text-align: center;
}
div#loginform p {
	display: inline-block;
}
div#loginform p input[type="text"], div#loginform p input[type="password"], div#loginform p input[type="submit"] {
	border: 1px solid #ddd;
    background-color: #fefefe !important;
    box-sizing: border-box;
    margin: 0 20px 0 4px;
    border-radius: 0;
    font: inherit;
    color: #444;
    -webkit-appearance: none;
    width: 200px;
    height: 30px;
    padding: 0 5px;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    vertical-align: middle;
}
div#loginform p input[type="password"] {
    width: 150px;
}
div#loginform p input[type="submit"] {
	width: inherit;
	color: #fff;
    background-color: #961618 !important;
	border-radius: 4px;
	border: none;
	font-weight: 700;
	padding-left: 15px;
	padding-right: 15px;
}
ul.profiletabs {
	border-bottom: 1px solid #961618;
	margin-top: 30px;
}
.dfswitch {
	display: inline-block;
	margin-right: 15px;
}
.dfswitch.uk-active a {
    background-color: #961618;
    color: #fff;
}
.widget_search form {
	border: 1px solid #ccc;
	background-color: #f6f6f6;
}

/* HOMEPAGE */
.fullpage {
	height: 400px;
	box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3);
	position: relative;
}
.fullpage .home-animation {
	font-family: 'Oswald', Arial, sans-serif;
	font-size: 5em;
	color: #fff;
	background-color: transparent !important;
}

/* LUOGHI UTILI */
.acf-map.luoghi-map {
	height: 400px;
	border: #ccc solid 1px;
	margin: -0 0 20px 0;
	visibility: visible;
}
/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
.categoria-struttura ul.uk-list li {
	display: inline-block;
	margin-right: 10px;
}
.logoluogo {
	height: 100px;
	box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.logoluogo:hover {
	box-shadow: inset 0px 0px 40px rgba(0, 0, 0, 0.3);
}
.uk-subnav>*>* {
	color: #961618;
}
.uk-subnav-pill>.uk-active>* {
	background-color: #666;
}

/* NOTIZIE */
.portrait {
}
h1.uk-article-title.singlepost {
	font-size: 2em;
	text-align: center;
}
h2.artlist {
	font-size: 1.4em;
	margin-top: 0;
	margin-bottom: 1em;
	line-height: inherit;
	padding: 0;
}
h2.artlist a {
	color: #961618;
}
.nst-entry-time {
	color: #961618;
	background-color: #fefefe;
	padding: 3px 6px;
	margin-top: 10px;
	font-size: 0.9em;
}
img.imgprev {
	margin-bottom: 0;
	border: 8px solid #fff;
}

/* FOOTER */
footer#footer {
	padding: 20px;
	margin-top: 40px !important;
}
footer#footer img {
	margin:5px 30px;
}
.footermenu > nav {
	margin: 15px auto;
	float: none;
	display: inline-block;
}
footer#footer .logocomune {
	height: 90px;
	width: auto !important;
}
footer#footer .logofooter {
	height: 90px;
	width: auto !important;	
}

/* SPORTELLO */
h1.uk-article-title > i {
	font-size: 42px;
	margin-right: 8px;
}
.uk-panel-teaser {
	text-align: center;
	background-color: #961618;
}
.uk-panel-teaser img:hover {
	opacity: 0.8;
}
h3.toptitle {
	text-align: center;
	color: #fff !important;
	text-transform: uppercase;
	background-color: #961618;
	margin: 0;
	padding: 10px 5px;
	font-size: 24px;
}
h3.toptitle a {
	color: #fff;
}
.askforhelp {
	color: #961618;
	font-size: 36px;
	text-align: center;
}
span.legenda {
	display: inline-block;
	width: 30px;
	height: 15px;
	margin-left: 15px;
	margin-right: 2px;
}
.appointments-confirmation-buttons {
	text-align: center;
}
input.appointments-confirmation-button {
	background-color: #961618 !important;
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
	border: none;
	border-radius: 4px;
}
input.appointments-confirmation-cancel-button {
	background-color: #999 !important;
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
	border: none;
	border-radius: 4px;
	margin-left: 10px;
}
.milanoalert {
	padding: 30px;
	margin: 50px 0;
	line-height: 30px;
	font-size: 20px;
}
/* EVENTI */
input.appointments-name-field-entry, input.appointments-email-field-entry, input.appointments-phone-field-entry, input.appointments-note-field-entry {
	font-size: inherit;
    font-family: inherit;
    padding: .313em 0;
    letter-spacing: normal;
    text-indent: .25em;
}
.appointments-confirmation-worker {
	display: none !important;
}
.wpmudevevents-map {
	clear: both;
	padding: 50px 0 20px;
}
.agm_google_maps, .agm_google_maps > div {
	width: 100% !important;
	height: 400px !important;
}
.agm_mh_container ul li {
	background-color: transparent !important;
	border:none !important;
}
.agm_mh_marker_item_content {
	line-height: 2em;
}
div.wpmudevevents-buttons form input{
	font-size: 13px;
	font-weight: 700;
}
.no-touch .wpmudevevents-maybe-submit:hover {
	opacity: 1;
	color: #865B0F;
}
div.wpmudevevents-buttons input.current {
	background-image: none !important;
	background-color: #961618 !important;
	color: #fff;
}
div.wpmudevevents-buttons .ncurrent {
	opacity: 0.6 !important;
}
.wpmudevevents-content {
	margin-top: 20px !important;
}
.wpmudevevents-header h2 {
	padding-bottom: 20px !important;
	float: none !important;
	text-align: center;
	color: #961618;
    font-size: 36px;
}
.wpmudevevents-list {
	padding: 0 !important;
}
.wpmudevevents-list table td {
	vertical-align: top;
	padding: 6px;
	height: 70px !important;
	font-size: 13px;
}
a.wpmudevevents-calendar-event {
	font-size: 13px !important;
}
span.wpmudevevents-calendar-event-info {
	z-index: 1000;
	max-width: 350px;
	font-size: 13px;
}
span.wpmudevevents-calendar-event-info img {
	float: left;
	margin-right: 15px;
	max-width: 100px;
	height: auto;
}
article.eab-event {
	background-color: #f9f9f9;
	padding: 15px 20px;
	border: 3px solid #eee;
	margin-top: 20px;
	border-radius: 10px;
	clear: both;
}
article.eab-event h4 {
	text-transform: uppercase;
	font-size: 24px;
	text-shadow: 1px 2px 0px white;
	font-family: 'Oswald', Arial, sans-serif;
	padding: 15px 0;
	color: #961618;
}
.wpmudevevents-header {
}
#wpmudevevents-wrapper hr {
	border-top: 1px solid #ccc !important;
}
button.calbtn {
	background-color: #961618;
	border: 1px solid #fff;
	color:#fff;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5)
}
button.calbtn:hover {
	box-shadow: none;
	background-color: #961618;
	color:#fff;
}
a.calbtn {
	background-color: #666;
	border: 1px solid #fff;
	color:#fff;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
	margin-left: 15px;
}
a.calbtn:hover {
	box-shadow: none;
	background-color: #333;
	color:#fff;
}
.footerwidget {
	padding: 30px 20px;
	border-top:4px dotted #fff;
	border-bottom:4px dotted #fff;
	background-color: #f1f1f1;
	margin-top: 30px;
}

/* GRAVITY FORMS */
/*** FORM  ***/
body .gform_wrapper .gform_body .gform_fields .gfield select {
	border: 2px solid #fff;
	background-color: #f1f1f1;
	width: 50%;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33);
	color: #555;
	text-shadow: 1px 1px 0px white;
	font-weight: 700;
}

.ginput_container.ginput_container_fileupload span#extensions_message {
	display: none;
}

li.capital .address_city input {
	text-transform: capitalize;
}

/* SHARING JETPACK */
.sharedaddy.sd-sharing-enabled {
	text-align: center;
	padding-top: 15px;
}

/* VIDEO
body.page-template-sportello .fluid-width-video-wrapper iframe, body.page-template-sportello .fluid-width-video-wrapper object, body.page-template-sportello .fluid-width-video-wrapper embed {
	max-width: 70% !important;
	max-height: 70% !important;
	margin-top: 30px !important;
	margin-left: 15% !important;
	margin-right: 15% !important;
}
body.page-template-sportello .fluid-width-video-wrapper iframe > * {
	margin-top: -300px !important;
} */

/* MOBILE */
img.offcanvas-logo {
	max-height: 100px;
	width: auto;
	margin: 15px 12px 20px;
}
.uk-nav-offcanvas>li {
	text-align: right;
}
.uk-nav-offcanvas>li>a {
	font-family: 'Oswald', Arial, sans-serif;
	text-transform: uppercase;
}
html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
	background-color: #e8e8e8;
	color: #961618;
}
.uk-nav-offcanvas>.uk-open>a, html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover, html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus {
	background-color: #fff;
	color: #961618;
}

@media (max-width: 1024px) {
	.fullpage {
		height: 200px;
	}
	.fullpage .home-animation {
		font-size: 1.8em;
	}
	section#side ul li a {
		font-size: 0.8em;
		line-height: 1.2em;
	}
}

@media only screen and (min-width:1025px) and (max-width: 1400px)  {
	section#side ul li a {
		font-size: 1.2em;
		line-height: 1.7em;
	}
}
/*** MOBILE ***/
@media (max-width: 768px) {
	html, body, div, p, ul, li {
		font-size: 15px;
	}
	h2 {
		font-size: 18px;
	}
	h2.askforhelp {
		font-size: 24px;
	}
	h3 {
		font-size: 16px;
	}
	header#header {
		background-color: #961618;
	}
	header#header ul li a {
		font-size: 14px;
	}
	.uk-nav-offcanvas>li>a {
		color: #fff;
	}
	.fullpage .home-animation {
		text-align: center;
	}
	div#loginform {
		background-color: #961618;
		color: #fff;
		text-align: center;
	}
	div#loginform a {
		color: #fff;
	}
	div#loginform p, div#loginform p label {
		clear: both;
		display: block;
	}
	div#loginform p input[type="submit"] {
		color: #fff;
		background-color: #500000 !important;
	}
	div#loginform p input[type="text"], div#loginform p input[type="password"], div#loginform p input[type="submit"] {
		margin: 0;
	}
	h1.uk-article-title {
		font-size: 28px;
	}
	.uk-panel-box.category-notizie {
		padding: 0;
		background-color: transparent;
	}
	img.imgprevmob {
		margin-bottom: 15px;
	}
	.box-sportello {
		margin-bottom: 20px;
	}
	.uk-button.calbtn {
		display: none;
	}
	a.wpmudevevents-viewevent {
		float: none !important;
	}
	.event.archived .export_to_gcal, .event.archived .export_to_ical {
		display: none;
	}
	.luoghibox {
		margin-bottom: 15px;
	}
	.appointments-pagination a {
		font-size: 12px;
		padding: 3px;
	}
	input.appointments-confirmation-button {
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.dfswitch {
		display: inline-block;
		margin-right: 1px;
	}
	footer#footer img {
		margin: 0 auto 40px auto;
		display: block;
		
	}
	
	/* FORM */
	.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name, span, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half, .gform_wrapper form li, .gform_wrapper li {
		width: 100% !important;
		padding: 12px 0 0 0 !important;
		margin: 0 !important;
	}
	.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=url], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .appointments-confirmation-wrapper input[type="text"] {
		width: 100% !important;
		margin: 0 !important;
		border: 1px solid #961618;
	}
	.gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_year label, .gform_wrapper .gfield_time_ampm label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .ginput_complex label, .gform_wrapper .instruction {
		color: #999;
	}
	
}