/* --------------------------------------------------- GENERAL ----------------------------------------------------- */
body {
	font-family:'Poppins',sans-serif;
	background:#f0f3f5;
	font-size:14px;
}
p {
	font-size:1.1em;
	font-weight:300;
	line-height:1.7em;
}
a {
	color:#7c6dcc;
}
a,a:hover,a:focus {
	text-decoration:none;
	transition:all 0.3s;
}
.navbar {
	padding:15px 10px;
	background:#fff;
	border:none;
	border-radius:0;
	margin-bottom:40px;
	/*box-shadow:1px 1px 3px rgba(0,0,0,0.1);*/
}
.navbar-btn {
	box-shadow:none;
	outline:none !important;
	border:none;
}
img {
	max-width:100%;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	line-height:1.3;
}
/* --------------------------------------------------- SIDEBAR ----------------------------------------------------- */
.wrapper {
}
#sidebar {
	min-width:240px;
	max-width:240px;
	transition:all 0.6s cubic-bezier(0.945,0.020,0.270,0.665);
	transform-origin:bottom left;
	position:fixed;
	height:100%;
	 background-color:transparent;
	background-image:none;
	background-size:auto;
	background-repeat:repeat-x;
	 
	z-index:2;
	border-top:none; 
	top:0;
	bottom:0;
}
#sidebar.active {
	margin-left:-250px;
	transform:rotateY(100deg);
}
#sidebar .sidebar-header {
	padding:20px;
	padding-left:25px;
	margin-left:20px;
	margin-bottom:20px;
  padding-right:0px;
}
#sidebar ul.components {
	padding:0;
  margin-bottom:50px;
  text-align: center;
  text-align: left; 
  margin-left: 30px;
}
#sidebar ul p {
	padding:10px 20px;
}
 
#sidebar ul li a {
	padding:0px 15px;
	font-size:.68rem;
	display:block;
	text-transform: uppercase;
	color:inherit;
	color:#ddd;
  font-family: 'Helvetica Neue Light', sans-serif;
	height:12px;
}
#sidebar ul li a:hover {
	color:#fff;
	background:transparent;
}
a[data-toggle="collapse"] {
	position:relative;
}
a[aria-expanded="false"]::before,a[aria-expanded="true"]::before {
	display:block;
	position:absolute;
	right:20px;
	font-family:FontAwesome;
	font-size:0.8em;
	content:"\f0d7";
}
a[aria-expanded="true"]::before {
	content:"\f0d7";
}
ul ul a {
	font-size:0.9em !important;
	padding-left:30px !important;
}
.sidebar-footer {
  padding: 20px 20px 20px 20px;
  font-size: 12px;
  text-align:center;
  margin-left: 25px;
}
.sidebar-footer p {
	font-size:12px;
}
.sidebar-footer .social-icons a {
	width:25px;
	height:25px;
	background:transparent;
	color:#ddd;
	display:inline-block;
	text-align:center;
	line-height:25px;
	border-radius:50%;
	margin-right:3px;
	font-size: 18px;
}
.sidebar-footer .social-icons a:hover {
  background-color:rgb(255, 255, 255);
  color:#333;
  
}
#sidebarCollapse {
	width:50px;
	height:40px;
	background:transparent;
	color:#fff;
	position:absolute;
	top:-5px;
	right:-10px;
}
#sidebarCollapse span {
	width:100% !important;
	height:1px; 
	margin:0 auto;
	display:block;
	background:#fff;
	transition:all 0.8s cubic-bezier(0.810,-0.330,0.345,1.375);
	transition-delay:0.2s;
}
#sidebarCollapse span:first-of-type {
	transform:rotate(45deg) translate(2px,2px);
}
#sidebarCollapse span:nth-of-type(2) {
	opacity:0;
}
#sidebarCollapse span:last-of-type {
	transform:rotate(-45deg) translate(1px,-1px);
}
#sidebarCollapse.active span {
	transform:none;
	opacity:1;
	margin:5px auto;
}
#sidebar-responsive {
	display:none;
}
.imglogo {
	display: inline-block;
  margin-bottom:0px;
}
/* --------------------------------------------------- CONTENT STYLE----------------------------------------------------- */
#content {
	padding:30px;
	min-height:100vh;
	transition:all 0.3s;
	margin-left:260px;
}

h1.site-title {
  font-size: 1.3rem;
  text-align: left;
  font-weight: 700;
}
.line {
	width:100%;
	height:1px;
	border-bottom:1px dashed #ddd;
	margin: 40px 0;
}
.card-title {
  font-weight: 600;
  font-size: 1.3rem;
}
.text-muted {
    color: #b3b8bb!important;
}
.card {
	border:1px solid rgba(153, 151, 193, 0.3);
}

.card-columns .card {
    margin-bottom: 1.25rem;
}
.mtop400mm{ margin-top:400px !important}
/* --------------------------------------------------- Media QUERIES----------------------------------------------------- */
@media (max-width:768px) {
  .mtop400mm{ margin-top:20px !important }
	#sidebar-responsive {
		display:block;
		position:fixed;
		width:100%;
		top:0px;
    z-index: 1;
    background-color: transparent;
	}
	.sidebar-footer {
		position:relative;
	}
	.navbar {
		padding:10px;
	}
	.mobile-title {
		float:left;
		margin-bottom:0;
		padding:2px 0;
    font-weight:600;
    font-size: 1.28rem;
    padding-top:0px;
	}
	#content {
		margin-left:0;
		padding:40px 10px 10px 10px;
	}
	#sidebar {
		margin-left:-250px;
		transform:rotateY(90deg);
	}
	#sidebar.active {
		margin-left:0;
		transform:none;
	}
	#sidebarCollapse span:first-of-type,#sidebarCollapse span:nth-of-type(2),#sidebarCollapse span:last-of-type {
		transform:none;
		opacity:1;
		margin:5px auto;
	}
	#sidebarCollapse.active span {
		margin:0 auto;
	}
	#sidebarCollapse.active span:first-of-type {
		transform:rotate(45deg) translate(1px,1px);
	}
	#sidebarCollapse.active span:nth-of-type(2) {
		opacity:0;
	}
	#sidebarCollapse.active span:last-of-type {
		transform: rotate(-50deg) translate(1px,-1px);
	}
}
 
.footer-wrapper{ position:absolute; bottom:0px; width:100% }
.footer-wrapper a{ color:#fff}

#container.page-template-page-home .footer-wrapper {
  position: absolute;
  bottom: 0;
  width: calc(100vw - 5.2083333333vw);
}

  .wperc25{width:25% !important}    
  .wperc25 .pl10{ padding-left:10px !important}
  .wperc25 .pl40{ padding-left:40px !important}
  .wperc25 .pl80{ padding-left:80px !important}
  .wperc25 .boxLL{ text-align:right;height:15px;padding-right:25px }
  .footer-mobile.reverse {width:100% !important;padding:20px !important}
  .footer-mobile .footer-contact.mod1 {height:15px;padding:0px;padding-right:10px; text-align:right !important;}
  .footer-mobile .footer-contact.mod2 {height:15px;padding:0px;padding-left:10px; text-align:left !important;}
  .footer-mobile .footer-contact.mod3 {height:15px;padding:0px;padding-right:10px; text-align:right !important;}
  .footer-mobile .footer-contact.mod4 {height:15px;padding:0px;padding-left:10px; text-align:left !important;}
  .footer-mobile .footer-contact.mod0 {height:15px;padding:0px;padding-right:10px; }
  

    .footer-mobile1.reverse {width:100% !important;padding:20px !important}
  .footer-mobile1 .footer-contact.mod1 {height:15px;padding:0px;padding-right:10px; text-align:right !important;}
  .footer-mobile1 .footer-contact.mod2 {height:15px;padding:0px;padding-left:10px; text-align:left !important;}
  .footer-mobile1 .footer-contact.mod3 {height:15px;padding:0px;padding-right:10px; text-align:right !important;}
  .footer-mobile1 .footer-contact.mod4 {height:15px;padding:0px;padding-left:10px; text-align:left !important;}
  .footer-mobile1 .footer-contact.mod0 {height:15px;padding:0px;padding-right:10px; }

 @media only screen and (min-width: 768px) {
    .footer {
      line-height: 1em; } }


      
  
  .footer.reverse {
    color: #fff !important;width:58%; margin:0px auto }
    .footer.reverse input:not(.qty-input):not([type='checkbox']):not([type='radio']):not([type='submit']),
    .footer.reverse select {
      color: #fff !important; }
      .footer.reverse input:not(.qty-input):not([type='checkbox']):not([type='radio']):not([type='submit'])::-moz-placeholder,
      .footer.reverse select::-moz-placeholder {
        color: #fff;
        opacity: 1; }
      .footer.reverse input:not(.qty-input):not([type='checkbox']):not([type='radio']):not([type='submit'])::-webkit-input-placeholder,
      .footer.reverse select::-webkit-input-placeholder {
        color: #fff; }
      .footer.reverse input:not(.qty-input):not([type='checkbox']):not([type='radio']):not([type='submit']).reverse::-moz-placeholder,
      .footer.reverse select.reverse::-moz-placeholder {
        color: rgba(255, 255, 255, 0.7); }
      .footer.reverse input:not(.qty-input):not([type='checkbox']):not([type='radio']):not([type='submit']).reverse::-webkit-input-placeholder,
      .footer.reverse select.reverse::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }
      .footer.reverse input:not(.qty-input):not([type='checkbox']):not([type='radio']):not([type='submit']).error,
      .footer.reverse select.error {
        border-color: #000;
        color: #000; }
        .footer.reverse input:not(.qty-input):not([type='checkbox']):not([type='radio']):not([type='submit']).error::-moz-placeholder,
        .footer.reverse select.error::-moz-placeholder {
          color: #000; }
        .footer.reverse input:not(.qty-input):not([type='checkbox']):not([type='radio']):not([type='submit']).error::-webkit-input-placeholder,
        .footer.reverse select.error::-webkit-input-placeholder {
          color: #000; }
    .footer.reverse input[type='checkbox']::-moz-placeholder,
    .footer.reverse input[type='radio']::-moz-placeholder {
      color: #fff;
      opacity: 1; }
    .footer.reverse input[type='checkbox']::-webkit-input-placeholder,
    .footer.reverse input[type='radio']::-webkit-input-placeholder {
      color: #fff; }
    .footer.reverse input[type='checkbox'].reverse::-moz-placeholder,
    .footer.reverse input[type='radio'].reverse::-moz-placeholder {
      color: rgba(255, 255, 255, 0.7); }
    .footer.reverse input[type='checkbox'].reverse::-webkit-input-placeholder,
    .footer.reverse input[type='radio'].reverse::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.7); }
    .footer.reverse input[type='checkbox'].error,
    .footer.reverse input[type='radio'].error {
      border-color: #000;
      color: #000; }
      .footer.reverse input[type='checkbox'].error::-moz-placeholder,
      .footer.reverse input[type='radio'].error::-moz-placeholder {
        color: #000; }
      .footer.reverse input[type='checkbox'].error::-webkit-input-placeholder,
      .footer.reverse input[type='radio'].error::-webkit-input-placeholder {
        color: #000; }
    .footer.reverse .newsletter-form input {
      border-color: rgba(255, 255, 255, 0.2) !important; }
  @media only screen and (min-width: 1025px) {
    .footer {
      opacity: 0.1; }
      .footer.fadein {
        opacity: 1; } }
  .footer .footer-interior {
    padding: 2.5041666667vw 0 3.75vw;
    padding-bottom:40px;
    /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */
    /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ }
    @media only screen and (max-width: 1440px) {
      .footer .footer-interior {
        padding: 3.125vw 0;
        /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */
        /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ } }
  @media only screen and (max-width: 1440px) and (max-width: 1024px) and (min-width: 768px) {
    .footer .footer-interior {
      padding: 3.90625vw 0; } }
  @media only screen and (max-width: 1440px) and (max-width: 767px) {
    .footer .footer-interior {
      padding: 5.3333333333vw 0 8vw;
      } }
    @media only screen and (min-width: 768px) {
      .footer .footer-interior {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ } }
  .footer .footer-col {
    /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */
    /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */
    /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ }
    @media only screen and (min-width: 1025px) {
      .footer .footer-col {
        transition: all 350ms ease-in; } }
    @media only screen and (min-width: 768px) {
      .footer .footer-col {
        padding-right: 1em;
        /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ } }
  @media only screen and (min-width: 768px) and (max-width: 1440px) {
    .footer .footer-col {
      padding-right: 1.5em;
      /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ } }
    @media only screen and (min-width: 768px) {
        .footer .footer-col:last-child {
          padding-right: 0;
          flex-grow: 1;
          /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ } }
    @media only screen and (min-width: 768px) and (max-width: 1440px) {
      .footer .footer-col:last-child {
        padding-right: 1.5em;
        flex-grow: 0; } }
    @media only screen and (min-width: 768px) {
        .footer .footer-col:nth-child(1) {
          width: 10%; }
        .footer .footer-col:nth-child(2), .footer .footer-col:nth-child(3), .footer .footer-col:nth-child(4), .footer .footer-col:nth-child(5) {
          width: 20%;
          /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ } }
    @media only screen and (min-width: 768px) and (max-width: 1440px) {
      .footer .footer-col:nth-child(2), .footer .footer-col:nth-child(3), .footer .footer-col:nth-child(4), .footer .footer-col:nth-child(5) {
        width: 16.6666666%; } }
    @media only screen and (max-width: 767px) {
      .footer .footer-col:not(:first-child) {
        padding-top: 1em; } }
    .footer .footer-col.footer-contact em, .footer .footer-col.footer-contact i {
      width: 0.8em;
      display: inline-block; }
    .footer .footer-col.footer-contact .current-menu-item {
      font-family: 'century-gothic-semibold'; }
    .footer .footer-col.footer-subscribe {
      /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */
      /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */
      /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */
      /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ }
      @media only screen and (min-width: 768px) {
        .footer .footer-col.footer-subscribe {
          display: flex;
          /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ } }
      .footer .footer-col.footer-subscribe .site-footer__newsletter-label {
        white-space: nowrap; }
      .footer .footer-col.footer-subscribe .field {
        /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ }
        @media only screen and (min-width: 1025px) {
          .footer .footer-col.footer-subscribe .field {
            margin: 0 0 0 auto;
            width: 100%;
            /* @if $media-query == 'device' {
        @media print {
          @content;
        }
      } */ } }
    .footer .footer-col.footer-nav {
      flex-grow: 1;
       }
      @media only screen and (max-width: 1440px) {
        .footer .footer-col.footer-nav {
          flex-grow: 0; } }
      @media only screen and (max-width: 1024px) and (min-width: 768px) {
        .footer .footer-col.footer-nav {
          flex-grow: 1; } }
      @media only screen and (max-width: 767px) {
        .footer .footer-col.footer-nav {
          flex-grow: 1; } }

          .footer.reverse {
  color: #fff !important;
}
@media only screen and (min-width: 768px) {
  .footer {
    line-height: 1em;
  }
}

.footer .footer-col.footer-nav {
  flex-grow: 1;
}
@media only screen and (min-width: 768px) {
  .footer .footer-col:nth-child(2), .footer .footer-col:nth-child(3), .footer .footer-col:nth-child(4), .footer .footer-col:nth-child(5) {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) {
  .footer .footer-col {
    padding-right: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .footer .footer-col {
    transition: all 350ms ease-in;
  }
}


nav ul, nav ol, nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}
 .right-sidebarAbout {
  background-color: rgba(0, 0, 0, .3);
  position: absolute;
  right: 110px;
  z-index: 100;
  width: 25%;
  z-index: 1;
  top:27%;
}
.right-sidebarAbout .content {
  margin-top: 15px;
  color: #fff !important;
  text-align: justify;
  font-size: 12px;
  font-family: 'Helvetica Neue Light' ;
  letter-spacing: 1.2px;
  padding: 0 20px;
    padding-bottom: 0px;
  padding-bottom: 20px;
}

.h1 {
  font-family: 'Cormorant Garamond',  sans-serif;
  text-align: center;
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  padding-top:20px;
}
.footer-contact a{ font-size:10px; color:#ccc;   font-family: 'Helvetica Neue Light', sans-serif;  }
.wrapper {
  background-size: cover;
  /*background-image: url("https://www.melchiorristudiogallery.com/images/positano-collection/Positano-Table_03.jpg?t=1710578723");*/
  background-image: url(https://www.melchiorribespokefurniture.com/images/ribbonlight_lamp_1.jpg);
  background-position: center;
  background-repeat: no-repeat; height:100vh
}

		.footer-mobile { display:none }
  @media only screen and (max-width: 767px) {
  	.footer { display:none }
		.footer-mobile { display:block }
    .site-title{ display:none }
    #sidebar ul li a {      padding:10px 0px;    }
    .content.about{ padding:10px 5px}
    .h1.about{ padding-top:5px }
    #sidebar ul.components {  margin-left: 25px;}
    .footer-interior{ margin-left:5px }
    .footer-contact a {  font-size: .68rem;  }
  }
@media only screen and (max-width: 1200px) {
  .right-sidebarAbout {
    width: 50%;
  }
}

.wrapper.about{background-size: cover; 
  background-image: url("../immagini/positano/Positano-Table_03.jpg?t=1710578723");
  background-position: center;  background-repeat: no-repeat; height:100vh}

@media only screen and (max-width: 768px) {
  .pmob0left{ padding-left:0px !important }
  .text-headline {
    text-transform: uppercase;
    letter-spacing: .3px;
    font-family: 'Lato', 'Arial';
    font-size: .75rem !important;
    font-weight: 400;
}
  .right-sidebarAbout {
    padding: 10px 10px;
    padding-bottom: 10px;
    padding-bottom: 0px;
    right: 0px !important;
    top: 290px;
    width: 100%;
  }

  .wrapper {
      background-size: cover;
      background-image: url("https://www.melchiorribespokefurniture.com/images/ribbonlight_lamp_1mob.jpg?t=121212ewe");
      background-position: center;
      background-repeat: no-repeat; height:100vh
    }
    .wrapper.about{background-size: cover; 
  background-image: url("../immagini/positano/Positano-Table_03mob.jpg");
  background-position: center;  background-repeat: no-repeat; height:100vh}
}
@media only screen and (max-width: 1200px)
{.right-sidebar {
  position: absolute;
  right: 30px;
  top: 10%;
  z-index: 100;
  width: 40%;
}
.right-sidebar .content {
  margin-top: 0px;
  color: #fff;
  text-align: justify;
  font-size: 14px;
  font-family: 'Helvetica Neue UltraLight';
  letter-spacing: 1.2px;
}
}

.mtop50{ margin-top:50px }
.pleft0{padding-left:0px}
.ptop0{padding-top:0px}
.pbottom50per{padding-bottom:50% !important } 
.ptop15per{ padding-top:15% }