/*
Theme Name: Museo per Via
Theme URI: http://320press.com/wpbs
Description: Custom WordPress Theme
Version: 1.0
Author: Big5 Monza
Author URI: http://320press.com
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/
/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
.post_content ol{
	padding-left:15px !important;
}
.navbar-collapse.collapse{
	position:absolute;
	right:0;
	top:5px;}
.lead {
    font-size: 14px;
}
.navbar{
	margin-bottom:0;
}

body {
	font-size: 16px;
	line-height: 1.7;
}



article section {
  background-position:initial initial;
  background-repeat:initial initial;
  margin:23px 0 0 400px;
}
section ul{
	padding: 0 18px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	background:none;
	color:#fff;}
	
.wpcf7-form-control-wrap.your-message textarea {
    height: 100px;
    width: 345px;
}
	
.navbar-nav {
    margin: 6px 10px 0 0 !important;
}
.widget_sp_image img {
    height: auto;
}
.navbar-default {
	border-bottom-right-radius:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
	height:87px;
	position:fixed;
	top:0;
	width:100%;
	zoom:1;
	background-image:url(images/bg-menu.png) !important;
	z-index: 10;
	border: none;
}
						
.navbar-default .navbar-nav > li > a{
	font-size:12px;
	color:#fff;}
.navbar-nav > li > .dropdown-menu {
    margin-top:1px;}
.navbar-default .navbar-toggle{
	border-color:#4b4b4b;}
	
.navbar-default .navbar-toggle .icon-bar{
	background-color:#000;}
	
.navbar-toggle{
	margin-top: 0px;
	margin-bottom:17px;}
	
.navbar-brand img {
    max-width: 100%;
	height:auto;
	margin-top:-3px;
}
.navbar-brand{
	padding:0;
	height: auto;
}
.widget {
    margin-bottom: 0;
}
.widget.col-md-2.widget_sp_image {
    text-align: center;
}
#menu-item-44 .dropdown-menu {
    left: -18px;
}
#menu-item-36 .dropdown-menu {
    left: -21px;
}
#widget_sp_image-8 img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%); 
	-o-filter: grayscale(0%);
	-o-transition:all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	height:auto;
}
/*#widget_sp_image-8 img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%);
	-o-transition:all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}*/
#main article{
	border-bottom:none;
	padding:0 15px 30px;
	margin-bottom:0; }
	
.fotolarga img{
	min-width:100%;
	height:auto;}
.col-md-5{
	padding-left:0;} 
.col-md-5 img{
	max-width:100%;
	height:auto;}
	
.grand-hotel{
	background:url('images/foto-hotel2.jpg');
	background-size:cover;
	background-position:top center;
	height:400px;
	width:100%;
}
.white{
	width:45%;
	padding:20px 15px 0;
	float:right;
	margin:40px;
	background:rgba(255,255,255,0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5FFFFFF,endColorstr=#E5FFFFFF);
}


/********************************************************/
/* = EXTRA CUSTOMIZATION
*********************************************************/

.clearfix:after,
.sub-menu:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.contenitore {
	position: relative;
	margin-top: 30%;
}
#content {
	background-image:url(images/bg-dirty.png) !important;
	padding: 10px 0 0;
	background-size:cover !important;
	position:relative;
}
#main {
	min-height: 60vh;
}
#main article {
  width:920px;
}

#main .post-item {
	width: auto;
}
#main.main-wrapper {
	width: 920px;
	margin:0 auto;
}
#main.main-wrapper section.post_content {
	margin: 0;
}
#main.main-wrapper .main-thumb {
	float: left;
	width: 25%;
}
#main.main-wrapper .entry-content {
	float: right;
	width: 70%;
}
#main.main-wrapper .page-title {
	font-size: 1.5em !important;
	line-height: 1.25em !important;
	margin-bottom: 1em;
}
#main.main-wrapper .page-title a {
	text-decoration: none;
	color: #fff;
}

.responsive-menu {
	display: none !important;
}

.logo-top {
	width: 236px;
	margin:0 auto;
}
.navigation-top {
	position: relative;
	width: 980px;
	margin: 0 auto;
}


.nav-menu {
	position: absolute;
	top: 0;
}
.nav-menu.left {
	left: 0;
}
.nav-menu.right {
	right: 55px;
}

@media (min-width:992px){
	.nav-menu {
		position: static;
	}
	.navigation-top {
		display: flex;
		justify-content: center;
	}
}

.navigation-top ul,
.navigation-top li,
.navigation-top li a {
	list-style: none;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.navigation-top a {
	text-decoration: none;
}
.navigation-top .sub-menu {
	display: none;
	position: absolute;
	padding: 60px 0 0 10px;
	/*border-left: 1px solid #fff;*/
	left: 50%;
	background: url(images/filetto-menu.png) no-repeat top left;
}

.navigation-top .reverse .sub-menu {
	left: auto;
	right: 50%;
	border-left: none;
	/*border-right: 1px solid #fff;*/
	padding: 60px 10px 0 0;
	text-align: right;
	background: url(images/filetto-menu.png) no-repeat top right;
}

.navigation-top li:hover .sub-menu {
	display: block;
}

.navigation-top nav > ul > li {
	display: inline-block;
	position: relative;
	padding: 14px 0;
	margin-right: -4px;
}

.navigation-top nav > ul > li a {
	padding: 5px 10px;
	outline:none;
}

.navigation-top .sub-menu li {
	display: block;
}
.navigation-top .sub-menu li a {
	padding: 2px 0;
}
.navigation-top .sub-menu li a:hover {
	text-decoration: underline;
}

#maskmbg {
	background: url(images/bgmask.jpg);
	background-size: cover;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	display: none;
	opacity: 0.9;
}

.cst-item {
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding: 5px 0;
	position: relative;
}

.cst-item .title {
	padding-right: 90px;
}
.cst-item .dlink {
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 85px;
	text-align: center;
}

.page-template-tpl-tecniche-php .contenitore,
.archive .contenitore,
.single .contenitore {
	margin-top: 110px !important;
}
.page-template-tpl-tecniche-php #content,
.archive .contenitore #content,
.single .contenitore #content,
.blog #content{
	background: none !important;
}
.home .contenitore {
	position: static;
	margin-top: 0;
}

.box-wall {
	margin: 0 -25px;
}
.box-wall .box {
	background: url(images/bg-dirty.png) right top;
	padding: 20px;
	width: 260px;
	margin: 25px;
	min-height: 280px;
	text-decoration: none;
	color: white;
}

.box-wall h2 {
	line-height: 1.25em !important;
	margin: 10px 0 20px;
}
.box-wall .entry-text {
	font-size: 0.875em;
	line-height: 1.5em;
}

.single .page-header,
.blog .page-header {
	width: 42%;
}
.page-header__date {
	color: #C0292C;
	font-size: 1.75rem;
	margin-bottom: -15px;
}

.blog .contenitore {
	margin-top: 0 !important;
}
.blog #content {
	padding-top: 120px;
	background: none;
}
.blog,
.archive,
.single {
	background: url(images/bg-dirty.png) no-repeat #000 fixed;
	background-size: cover;
}

iframe {
	max-width: 100%;
}

#sidebar1 {
	margin: 20px 0 50px;
}

#sidebar1 .widget {
	margin-bottom: 20px;
}
.archive-header {
	padding-left: 15px;
}

#hp-box-01 {
	background: #fff;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 10px #000;
	width: 270px;
	padding:15px;
	position: absolute;
	z-index: 1;
	left:10%;
	top: 50%;
	height: 450px;
	margin-top: -225px;
}
#hp-box-01 .title {
	color: #a72323;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 5px;
}
#hp-box-01 .subtitle {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}
#hp-box-01 img {
	max-width: 100%;
	height: auto;
}
#hp-box-02  {
	position: absolute;
	bottom: 20%;
	right: 10%;
	background: #F3581F;
	box-shadow: 0 0 10px #000;
	padding: 15px;
}
#hp-box-02 a {
	text-decoration: none;
	color: #fff;
	display: block;
}

#hp-box-02 .title {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
}

#hp-box-02 .subtitle {
	font-size: 12px;
}
#hp-box-03 {
	background: #000;
	background: rgba(0,0,0,0.8);
	box-shadow: 0 0 10px #000;
	width: 100%;
	max-width: 920px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	z-index: 1;
	bottom:3rem;
}
#hp-box-03 h1{
	margin-top:0;
}
#hp-box-03 h1 a{
	color:#fff;
	text-decoration:none;
	padding-top:0;
}
#hp-box-03 .title {
	color: #a72323;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 5px;
}
#hp-box-03 .subtitle {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}
#hp-box-03 a {
	padding-top:10px;
	display: block;
	text-decoration: underline;
}
#hp-box-03 a:hover{
	text-decoration: none;
}
#hp-box-03 img {
	max-width: 25%;
	height: auto;
	float:left;
	margin-right:10px;
}
#hp-box-03 .entry-content{
	color:#fff;
	font-size: 14px;
}
/********************************************************/

@media (max-width : 768px) {
	body{
		overflow:auto;}
	
	.white{
		width:100%;
		margin:0;
	}
	
	.navbar-nav li{
		clear:both;}
	
	.navbar-brand{
		max-width:80%;
		height: auto;
	}
	.col-md-5 {
    	padding-left: 0;
		padding-right: 0;
	}
		
	article section {
	    max-height:none;
	}
	.navbar-collapse.in {
		overflow-y:inherit;
	}
	
	.dropdown-menu{
		position:relative;
		background:none;
		text-align:left;
	}

	/* = EXTRA CUSTOMIZATION */
	.contenitore {
		margin-top: 70%;
	}

	#main article,
	#main.main-wrapper  {
	  width:90%;
	}
	#main .post_content,
	.hentry > header {
		margin: 0;
		width: 100%;
		float: none;
	}
	.responsive-menu {
		display: block;
	}
	
	.hentry .post_content {
		float: right;
		width: 50%;
	}
	
	#maskmbg {
		display: none !important;
	}
	.navbar-default {
		display: none;
	}
	
	#prevslide,
	#nextslide {
		display: none !important;
	}
	.box-wall .box {
		width: 100%;
		min-height: 0;
		margin: 20px auto !important;
	}
	.single .page-header,
	.blog .page-header  {
		width: 100%;
		margin-bottom: 1em;
	}
	/*****************************************************************/
}
@media (max-width : 992px) {
	#respsmlogo {
		display: block;
		position: absolute;
		left: 10px;
		top: 8px;
	}
	.navigation-top {
		display: none;
	}
}
@media (max-width : 480px) {

	.navbar-collapse.navbar-responsive-collapse.navbar-right.in{	
		background:rgba(255,255,255,0.9);
		position: relative;
    	z-index: 1;}
		
	.dropdown-menu{
		width:100%;
		padding:0 8px;}
		
	#controls-wrapper {
    	bottom: 0px !important;
		right:10px !important;}
	
	#slidecaption{
		font-size:9px !important;
	}
	
	#progress-back{
		display:none !important;}
	
	.white{
		background:rgba(255, 255, 255, 0.8);}
	
	.navbar-default .navbar-nav > li > a{
		font-size:11px;
		padding: 8px;
		font-weight:200 !important}
		
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
		padding:0;}
		
	.wpcf7-form text-area, .wpcf7-form input{
		max-width:100%;
	}
	#hp-box-01,
	#hp-box-02 {
		position: static;
		width: 90%;
		height: auto;
		margin:0 auto 30px;
		text-align: center;
	}
	
}
@media (max-width : 893px) {
	.navbar-default .navbar-nav > li > a{
		font-size:11px;
		padding: 15px 8px;}
}
h1 {color: #fff;
font-size:22px;}

.nextgen-full {
	position: absolute;
	inset: 0;
	height: 100vh;
	pointer-events: none;
}

.page-template-page-homepage .nextgen-full {
	position: relative;
}

.nextgen-full .ngg-galleryoverview {
	max-width: 100% !important;
	max-height: 100% !important;
}

.nextgen-full .ngg-galleryoverview img {
	max-height: 100% !important;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}

.hp-carousel {
	overflow: hidden;
	--swiper-pagination-bullet-inactive-color: #fff;
	--swiper-theme-color: #C0292C;
}
#hp-box-03 {
	padding: 2.5rem;
}

.tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.tags a {
	background-color: #C0292C;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 4px 7px;
}

.site-footer {
	background-color: black;
	padding: 3rem 0;
}

.site-footer a {
	color: #ffffff;
}

.site-footer p{
	line-height: 1.75em;
	margin-bottom: 1em;
}
.site-footer__iubenda {
	margin-top: 6rem;
}
.site-footer__iubenda a {
	color: #c3c3c3;
}

.attribution svg {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin: 0 2px;
	display: inline-block;
}
.attribution svg path {
	fill: white;
}
.newsletter-form {
	position: relative;
}
.newsletter-form .col-submit {
	display: flex;
	justify-content: flex-end;
}

.wpcf7-spinner {
	position: absolute;
}

#main .post-item.type-post:not(:last-of-type) {
	border-bottom: 2px solid white;
	margin-bottom: 3rem;
	padding-bottom: 3rem;
}