/* BARRIOTHEME > CUSTOM CSS  */

html,
body {
	height: 100%;
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	color: #000;
	line-height: 1.3em;
	outline: none;
	font-family: 'Montserrat', sans-serif;
}


/* VARIE */

h1,
h2,
h3,
h3,
h4,
h5,
h6 {
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

p {
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

p:last-child {
	margin: 0px;
}

a,
a:visited,
a:focus {
	color: #000;
	outline: none;
	border-bottom: 1px solid transparent;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:hover {
	color: #000;
	border-bottom: 1px solid #000;
	text-decoration: none;
}

ul {
	padding: 0px;
	margin: 0px 0px 30px 16px;
}

ul li {
	padding: 0px;
	margin: 0px;
}

blockquote {
	font-size: inherit;
	padding: 10px 15px;
	margin: 0px 0px 30px 0px;
	border: none;
	background: #efefef;
}

.nopadding {
	padding: 0px;
	margin: 0px;
}


/* BROWSER ALERT */

.browseralert {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	background: #dc0c0f;
	margin: 0px;
	padding: 15px 0px;
	text-align: center;
	z-index: 2000;
}

.browseralert p {
	color: #fff;
	padding: 0px;
	margin: 0px;
}

.browseralert p a,
.browseralert p a:visited,
.browseralert p a:focus {
	color: #fff;
}

.browseralert p a:hover {
	border-color: #fff;
}

.browseralert p span {
	margin: 0px 10px 0px 0px;
}


/* COOKIE */

#cookie-law-info-bar {
	border: 0;
	font-size: 13px;
	margin: 0 auto;
	padding: 8px 12px;
	position: absolute;
	text-align: left;
	width: 300px;
	right: 30px;
	bottom: 30px !important;
	z-index: 9999;
}

#cookie-law-info-bar a,
#cookie-law-info-bar a:visited,
#cookie-law-info-bar a:focus {
	text-decoration: none !important;
}

#cookie-law-info-bar a:hover {
	border-bottom: 1px solid #fff;
}

.cli-plugin-button,
.cli-plugin-button:visited,
.cli-plugin-button:focus,
.cli-plugin-button:hover,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited,
.medium.cli-plugin-button:focus,
.medium.cli-plugin-button:hover {
	display: table;
	text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	border: none !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 10px 0px 5px 0px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}


/* GOOGLE MAP */

#map {
	position: relative;
	float: left;
	width: 100%;
	height: 500px;
	padding: 0px;
	margin: 0px;
}

a[href^="http://maps.google.com/maps"] {
	display: none !important
}

.gmnoprint a,
.gmnoprint span {
	display: none;
}

.gmnoprint div {
	background: none !important;
}

.gm-style .gm-style-cc a {
	display: none;
}

.zoom {
	position: absolute;
	right: 20px;
	top: 20px;
}

.zoom div {
	margin-bottom: 2px;
	background-size: contain;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.zoom div:hover {
	opacity: 0.6;
}


/* NAVBAR */

.navbar {
	height: 106px;
	background: #fff;
	border-radius: 0px;
	border: none;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.open .navbar {
	background: none;
}


/* NAVBAR > LINGUE */

.lang_selector {
	position: fixed;
	right: 90px;
	top: 43px;
	font-size: 15px;
	margin: 0px;
	z-index: 5;
}

.lang_selector p {
	float: left;
}

.lang_selector a,
.lang_selector a:visited,
.lang_selector a:focus {
	padding: 0px 0px 5px 0px;
	margin: 10px 0px 10px 10px;
	text-shadow: none;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}

.lang_selector a.active,
.lang_selector a:hover {
	border-bottom: 2px solid #000;
	background: none !important;
	text-decoration: none;
}

.open .lang_selector a,
.open .lang_selector a:visited,
.open .lang_selector a:focus {
	color: #fff;
	border-bottom: 2px solid #ffdb00;
}

.open .lang_selector a.active,
.open .lang_selector a:hover {
	border-bottom: 2px solid #fff;
}


/* NAVBAR > SOCIAL ICON */

.lsi-social-icons li {
	margin: 0px 10px 0px 0px !important;
}

.lsi-social-icons li a,
.lsi-social-icons li a:visited,
.lsi-social-icons li a:focus {
	background: none !important;
	padding: 0px !important;
	border: none !important;
	-webkit-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}

.lsi-social-icons li a:hover {
	opacity: 0.7;
	border: none;
	background: none !important;
}


/* HEADER */

header {
	position: relative;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

.fullscreen {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-image: url(https://www.4contract.it/img/4Contract-coming-soon-page_desktop.jpg);
	background-size: cover;
	height: 100vh;
	min-height: 100vh;
	margin-top: 0px;
}


.content {
	position: relative;
	float: left;
	width: 100%;
	height: 100vh;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
}

.logo,
.logo:visited,
.logo:focus,
.logo:hover {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 153px;
	padding: 0px;
	transform: translate(-50%, -50%);
	margin: 0 !important;
	border: none;
	background: url(../img/logo-carosso-enoteca.png);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 1;
	text-indent: -9000px;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.content h1 {
	position: absolute;
	width: 300px;
	text-align: center;
	color: #fff;
	left: 50%;
	margin-left: -150px;
	bottom: 110px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 25px;
	letter-spacing: 2px;
}

.content h1:after {
	display: inline-block;
	content: "";
	width: 60px;
	height: 3px;
	background: #fff;
	margin-top: -20px;
}

.content h1 span {
	display: block;
	font-size: 13px;
	font-weight: 300;
	color: #fff;
	margin-top: 40px;
}

.content p {
	position: absolute;
	width: 300px;
	text-align: center;
	color: #bbbbbb;
	letter-spacing: 2px;
	left: 50%;
	margin-left: -150px;
}

.content p.coming {
	bottom: 50px;
}


/* SECTION */

section {
	position: relative;
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

.padding {
	padding: 100px 0px;
}


/* SECTION > SINGLE */

.single .commenti {
	margin: 100px 0px 0px 0px;
}


/* SIDEBAR */

.widget_search {
	margin: 0px 0px 30px 0px;
}


/* FOOTER */

footer {
	position: relative;
	float: left;
	width: 100%;
	padding: 100px 0px;
	margin: 0px;
	background: #1d1d1b;
	z-index: 1;
}

footer p {
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 50px;
	color: #fff;
}

footer p a,
footer p a:visited footer p a:focus {
	color: #fff !important;
}

footer p a:hover {
	color: #fff !important;
	border-bottom: 1px solid #fff !important;
}

.credits {
	display: block;
	margin: auto;
	width: 70px;
	height: 14px;
	text-indent: -9000px;
	background: url(../img/logo-hellobarrio-bianco.png);
	background-size: cover;
}

.credits:focus,
.credits:hover {
	border: none;
}