html {
	background-color: black;
}

body {
	background-color:white;

}

.dialog-off-canvas-main-canvas {
    margin-top: -15px;
    padding: 0;
}

.img-responsive {
	margin:auto;
}

.ui-dialog-titlebar-close:before {
    content: "x";
    margin: -10px -3px;
    position: absolute;
}

.views-exposed-form {
    margin-bottom: 60px;
}

/* USERBAR*/

#userbar {
	font-family: "Helvetica Neue", Helvetica,Arial, sans-serif;
	background-color: #333333;
	color:white;
}

#userbar a {
	color:white;
}

#userbar a:hover {
	color:yellow;
	text-decoration:none;
}

#userbar .menu li {
    display: inline-block;
}

#userbar .menu li a {
    color: white;
    font-size: 12px;
    margin: 0;
    padding: 3px 5px;
}

#userbar .menu li a:hover {
	background:none;
	color:#FFFF00;
}

/* MENU */

#menu {
	background-color: black;
	color:white;
	margin-bottom: 30px;
	padding: 25px 0px;

}

.navbar-default {
    background: transparent;
    border: none;
    padding-top:7px;
}

#menu .navbar-default .navbar-nav > li > a  {
    color: white;
    font-size: 19px;
    margin: 0;
    font-family: 'Francois One', sans-serif;
}

#menu .menu li a:hover {

	background:none;
	color:yellow;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{
	background-color: transparent;
	color:yellow;
}

/* BOTTOM */

#bottom {
	margin-bottom:30px;
}

/* AD ITEM */

/* --> OLD FORMAT */

ad-item {
    border-bottom: 1px solid #e4e3e3;
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

ad-image {
    width: 40%;
    padding: 10px 20px;
}

/* NEW FORMAT GOOGLE LIKE */

.ad-item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex: 1 0 0;
    justify-content: space-between;
		margin-bottom: 15px;
}

.ad-image {
    width: 50%;
    padding-right: 36px;
}

.ad-item a {
	color:black;
}
.ad-content {
    width: 50%;
}

.ad-titolo a {
    font-size: 22px;
    color: #5a5a5a;
    font-weight: 600;
}

.ad-info {
    font-size: 12px;
    font-style: italic;
		text-transform: capitalize;
}

.ad-prezzo {
	text-align:left;
	font-size:20px;
	font-family: 'Francois One', sans-serif;

}

.ad-descrizione {
    font-size: 13px;
    text-transform: lowercase;
    margin-top: 10px;
    color: darkslategray;
		margin-bottom:20px;
}


/* AD SCHEDA */

.ad-scheda-categoria a {
    font-family: 'Francois One', sans-serif;
    text-transform: uppercase;
    display: block;
    text-align: right;
    padding: 10px 0;
    border-bottom: 1px solid silver;
    margin-bottom: 10px;
}

.ad-scheda-titolo {
    font-size: 22px;
    font-family: 'Francois One', sans-serif;
    margin: 20px 0;
}

.ad-scheda-location  {
    text-transform: uppercase;
    font-family: 'Francois One', sans-serif;
    letter-spacing: 2px;
    color: #686B6B;
}

.ad-scheda-info {
    color: #686B6B;
    font-weight: 500;
    text-align: right;
}

.ad-scheda-descrizione {
	margin:10px 0;
	padding: 10px 0;
	border-top:1px solid silver;
}

.ad-scheda-prezzo {
    text-align: right;
    font-size: 33px;
    font-family: 'Francois One', sans-serif;
    color: indianred;
}

#edit-actions {
    text-align: right;
}

.regole_pubblicazione h2 {
    font-size: 17px;
    font-weight: 600;
}

.swiper-container {
    overflow: hidden;
}

/* MENU UTENTE */

.menu-utente {

}

.menu-utente-item  {
    margin: 2px;
    margin-bottom: 3px;
    padding-bottom: 10px;
    border-bottom: 1px solid silver;
}

.menu-utente-item a {
    color: black;
    font-weight: 500;

}

/* RICERCA */

#views-exposed-form-struttura-ricerca .form-item {
	margin:0 15px 0 0 ;
}

.breadcrumb {
    text-align: right;
    background: transparent;
}

/* CREDIT */

#credit {
    margin: 20px 0;
    color: silver;
    width: 100%;
    display: inline-block;
    text-align: right;
    font-style: italic;
    border-top: 1px solid;
    padding-top: 15px;
}

.copy a {
	color:white;
}

/* COOKIE POLICY - GDPR*/

#sliding-popup {
    width: 100%;
    background: black;
    color: white;
    font-size: 12px;
    border-top: 3px solid yellow;
    padding: 20px 0;
}

#sliding-popup a {
	color:yellow;
}

.decline-button,
.agree-button {
    background: #02bf02;
    border: none;
    padding: 10px 25px;
}

.decline-button{
    background: transparent;
}

/* NEWS FEED */

.feed-container .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.feed-item {
    width: 49%;
    padding: 10px;
    border: 1px solid silver;
    margin: 3px;
}

.feed-title {
    font-size: 20px;
    color: black;
    line-height: 22px;
    text-align: left;
		margin-bottom:10px;
}

/* FOOTER */

#footer {
	background-color:black;
	padding-top: 35px;
	border-top: 5px solid gray;
}

.footer {
	border:none;
	margin-top:0px;
}

#footer h2.block-title {
	font-size: 15px;
    margin-bottom: 0;
    font-family: 'Francois One', sans-serif;
    color:yellow;
    text-transform: uppercase;
    margin: 15px 0;
}

.footer-item a {
    color: white;
    font-size: 13px;
}

@media  (max-width: 768px) {

.feed-item {
width: 100%;
}
	.ad-titolo a {
    font-size: 13px;
	}

	.footer-item {
    display: inline-block;
    line-height: 0;
	}

	.footer-item:after {
    content:", ";
	}
}