/*debug*/
body:not(.admin-user) .iowp-hidden-dump {
  display: none !important;
}
.iowp-hidden-dump {
  background: #000 !important;
}
.iowp-hidden-dump {
  color: #fff !important;
}
body.localhost,
body.development,
body.localhost .page-loader,
body.development .page-loader {
  background-color: #000 !important;
}

.bounds,
.wide-bounds,
.small-bounds {
  position: relative;
  margin: 0 auto;
  padding: 0;
}
.bounds {
  max-width: 1200px;
}
@media (min-width: 1400px) {
  .wide-bounds {
    width: 75%;
  }
}
/* MAIN REM UNIT BASE */
@media (min-width: 1200px) {
  html {
    font-size: 0.83vw;
  }
	.small-bounds {
		max-width: 52vw;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 1.3vw;
  }
	.small-bounds {
		max-width: 52vw;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 2.0vw;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 3.5vw;
  }
}

a,
a:active,
a:hover,
a:visited,
a:link,
body {
  font-family: 'Cormorant Garamond', serif;
}

.page-template-template-privati-aziende section:first-child::before,
.font-title,
.font-title a,
.font-title a:active,
.font-title a:hover,
.font-title a:visited,
.font-title a:link {
  font-family: 'Playfair Display', serif !important;
  font-style: italic;
  font-weight: 900;
}

a,
a:active,
a:hover,
a:visited,
a:link {
  color: inherit;
  text-decoration: none;
  outline: none;
  display: block;
}
.touch a,
.touch a:focus,
.touch a:hover,
.touch a:active,
.touch .clickable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
/****sizes***/
.bounds {
  width: 65%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.header > .bounds {
  width: 100%;
}
@media (max-width: 768px) {
  .bounds {
    width: 100%;
  }
  body > .bounds {
    padding: 0 3%;
  }
}
@media (orientation: landscape) {
}
@media (orientation: portrait) {
}
/***********colors*************/
.bg-red-diagonal::before,
.bg-red {
  background-color: #ee1842 !important;
}
.inner-nav .sub-menu,
.page-template-template-about,
.bg-blue {
  background-color: #171933 !important;
}
.bg-lightgreen {
  background-color: #a2d4c8 !important;
}
.bg-white {
  background-color: #fff !important;
}

.guten-block b,
.guten-block strong,
.color-hover-red:hover,
.color-red {
  color: #ee1842 !important;
}
.color-blue {
  color: #171933 !important;
}
.page-template-template-privati-aziende section:first-child::before,
.color-lightgreen {
  color: #a2d4c8 !important;
}
.header .inner-nav > ul > li > a,
.color-white {
  color: #fff !important;
}

.border-red {
  border-color: #ee1842 !important;
}
.border-blue {
  border-color: #171933 !important;
}
.border-lightgreen {
  border-color: #a2d4c8 !important;
}
.border-white {
  border-color: #fff !important;
}

.header .inner-nav > ul > li.logo > a,
.bg-logo {
	background-image: url("https://dasognoarealta.com/2kswqa/uploads/2019/03/logo-red.svg");
}
.bg-logo-green {
	background-image: url("images/logo-green.svg");
}
.arrow-b-red {
	background-image: url("images/arrow-b-red.svg");
}
.red-bracket-l {
	background-image: url("images/red-bracket-l.svg");
}
.red-bracket-b {
  background-image: url("images/red-bracket-b.svg");
}


.bg-img {
  background-size: cover;
}
.bg-img-square {
  padding-bottom: 100%;
}
.transition {
	-webkit-transition: all .2s;
	transition: all .2s;
}

.guten-block b,
.guten-block strong {
  display: inline !important;
}
/* header */
.header .inner-header::before {
  content: none;
}
.header .inner-navigation {
  /*center logo*/
  margin-left: 0.1rem;
}
.header.header-transparent:not(.header-small) {
  background: rgba(255, 255, 255, 0.15);
}
.header .inner-nav > ul > li > a,
.inner-nav .sub-menu li > a {
  text-transform: none;
  padding: 0 1.5rem;
}
.inner-nav .sub-menu li > a > span {
	padding-left: 1rem;
}
.header .inner-nav > ul > li > a > .menu-item-span {
  line-height: 4.5rem;
  -webkit-transition: line-height .3s;
  transition: line-height .3s;
}
.header .inner-nav > ul > li.logo > a {
	background-size: auto 75%;
}
.header .inner-nav > ul > li.logo > a > span,
.header .inner-nav > ul > li.logo > a > span:hover {
	color: transparent !important;
}
.inner-navigation {
  left: 0;
}
.extra-nav > ul > li {
  float: none;
}
@media (min-width: 992px) {
	body.home .header {
		position: static;
		bottom: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	body.home .header.position-fixed {
		top: 0;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.inner-nav > ul > li {
		width: 10rem;
	}
}
/* mq from template.css */
@media (max-width:  991.98px) {
	body.home .header:not(.fixed-on-top) {
		top: 0;
	}
  .inner-header::before {
    content: none;
  }
  header,
  .header.header-small,
  .header.header-transparent {
    height: auto !important;
  }
  .header .inner-navigation {
    max-height: none;
    margin-left: 0;
  }
	.inner-nav > ul > li {
		text-align: left;
	}

  .header .inner-nav > ul > li > a {
    padding: 1.5rem;
  }
  .header .inner-nav > ul > li > a > .menu-item-span {
    line-height: 1;
    -webkit-transition: none;
    transition: none;
  }
  .header .inner-nav > ul > li.current_page_item > a > .menu-item-span {
    border-width: 2px !important;
  }

  .wrapper {
    padding-top: 10vw;
  }
  body.home .wrapper {
    padding-top: 0;
  }
}

.border-5 {
	border-width: 0.4rem !important;
}
.arrow-r {
  position: relative;
}
.arrow-r::before {
  content: '';
  position: absolute;
  right: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 0.9rem;
  width: 5rem;
  background-position: right;
  background-image: url("images/arrow-r-red.svg");
  will-change: right;
}
.arrow-r.bg-red::before,
.arrow-r.bg-blue::before {
  background-image: url("images/arrow-r-white.svg");
}

body:not(.home) .wrapper {
  padding-top: 6rem;
}
/* mq from template.css */
@media (max-width: 767.98px) {
  .wrapper {
    padding-top: 15vw;
  }
}

/* HOME */
.home-top.bg-img {
  background-image: url('https://dasognoarealta.com/2kswqa/uploads/2019/07/home_1920x1080B.jpg');
}
.home-top h1 {
	font-size: 7.5rem;
}
.home-top .go-down > div {
	-webkit-transition: all .25s;
	transition: all .25s;
}
.home-top .go-down:hover > div {
	-webkit-transform: translateY(20%);
	transform: translateY(20%);
}
.home-top .red-bracket-b {
  top: 100%;
  height: 0;
}
.home-middle {
  font-size: 3.2rem;
}
.home-column {
	background-size: cover;
}
.home-column a {
	/*width: 24rem;*/
}
.home-middle .home-column:first-child {
	background-image: url(https://dasognoarealta.com/2kswqa/uploads/2019/07/privatiw.jpg);
}
.home-middle .home-column:last-child {
	background-image: url(https://dasognoarealta.com/2kswqa/uploads/2019/07/aziendew.jpg);
}
@media (max-width: 991.98px ) {
	.home-top h1 {
		font-size: 3.5rem;
	}
}

.home-textes::before,
.home-textes::after {
	content: '';
	position: absolute;
	width: 30%;
	height: 60%;
	top: 20%;
	background-image: url("images/logo-green.svg");
	background-position: center;
}
.home-textes::before {
	left: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.home-textes::after {
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	right: 0;
}
.home-textes p::first-letter {
	font-size: 2rem !important;
}
.home-textes strong {
	text-transform: uppercase;
}

.bg-red-diagonal::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: -5%;
	width: 105%;
	height: 150%;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	z-index: -1;
}
.home-dress {
  overflow: hidden;
}
.home-dress::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-left: -25%;
  width: 150%;
  height: 100%;
  background-color: #171933;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  z-index: -1;
}
.dress {
  background-image: url("https://dasognoarealta.com/2kswqa/uploads/2019/03/infografica_web.png");
  height: 30vw;
}
@media (max-width:  991.98px) {
  .home-top .side .font-title {
    font-size: 3rem;
  }
  .dress {
    height: 120vw;
  }
	.bg-red-diagonal::before {
		height: 130%;
	}
}
/* home's module wide are fullscreen, so special fonts */
@media (min-width: 992px) and (max-width: 1599px) {
  .module.wide {
    font-size: 1.3vw;
  }
}
@media (min-width: 1600px) {
  .module.wide {
    font-size: 18px;
  }
}
@media (orientation: portrait) {
  .home-top .row {
    padding: 0% 0 40%;
  }
}
@media (orientation: landscape) {
  body[data-safari="true"] .home-top .h-50.h-lg-75 {
	  height: 22vh !important;
  }
}

/* privati/aziende*/
.section-boxes .boxes {
	overflow: hidden;
}
.section-boxes .box > div {
	background-size: cover;
}
.section-boxes .boxes .box:first-child {
	-webkit-transition: .75s;
	transition: .75s;
}
.btn-nav {
	position: absolute;
	width: 4rem;
	height: 4rem;
	background-image: url("./images/arrow-r-white.svg");
	background-size: 60%;
	background-position: 55% 50%;
	display: none;
}
.btn-nav.prev {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.home-4 .box .img {
	padding-bottom: 75%;
	background-size: cover;
	background-position: center top;
}
@media (max-width: 991px) {
	.section-boxes h2::first-letter {
		font-size: 3.3rem !important;
	}
	.section-boxes h3::first-letter {
		font-size: 2.3rem !important;
	}
	.section-boxes .box {
		height: 22.5rem;
	}
	.section-boxes .box a {
		overflow: hidden;
	}
	.boxes-overlay {
		display: none;
	}
	.btn-nav {
		bottom: 0;
	}
	.btn-nav.next {
		right: 9rem;
	}
	.btn-nav.prev {
		left: 9rem;
	}
}
@media (min-width: 992px) {
	.section-boxes .box {
		height: 38rem;
	}
	.section-boxes h2::first-letter {
		font-size: 3.3rem !important;
	}
	.section-boxes h3::first-letter {
		font-size: 2.3rem !important;
	}
	.col-lg-custom1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
		padding: 0 1rem !important;
		position: relative;
	}
	.section-boxes .box .cover {
		background-color: rgba(255,255,255,.8);
	}
	.section-boxes .box .show-on-hover {
		opacity: 0;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
	}
	.section-boxes .box:hover .show-on-hover {
		opacity: 1;
	}
	.boxes-overlay {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 20%;
	}
	.section-boxes.bg-red .boxes-overlay {
		background: -moz-linear-gradient(left, rgba(0, 0, 0,0) -50%, rgba(238, 24, 66,1) 100%);
		background: -webkit-linear-gradient(left, rgba(0, 0, 0,0) 0%, rgba(238, 24, 66,1) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0,0) 0%, rgba(238, 24, 66,1) 100%);
	}
	.section-boxes.bg-blue .boxes-overlay {
		background: -moz-linear-gradient(left, rgba(0, 0, 0,0) -50%, rgba(23, 25, 51,1) 100%);
		background: -webkit-linear-gradient(left, rgba(0, 0, 0,0) 0%, rgba(23, 25, 51,1) 100%);
		background: linear-gradient(to right, rgba(0, 0, 0,0) 0%, rgba(23, 25, 51,1) 100%);
	}
	.btn-nav {
		top: 50%;
		margin-top: -2rem;
	}
	.btn-nav.next {
		right: 0;
	}
	.btn-nav.prev {
		right: 7rem;
	}
	.btn-nav.next:hover {
		-webkit-transform: translateX(20%);
		transform: translateX(20%);
	}
	.btn-nav.prev:hover {
		-webkit-transform: rotate(180deg) translateX(20%);
		transform: rotate(180deg) translateX(20%);
	}
}

/*ABOUT*/
.about-1 .bg-logo-green {
	-webkit-transform: translateX(-120%);
	transform: translateX(-120%);
}
.about-2 {
	background-image: url("https://dasognoarealta.com/2kswqa/uploads/2019/12/chisiamo_banner.jpg");
	background-size: cover;
}
.page-template-template-about .font-title,
.page-template-template-privati-aziende .font-title {
  font-size: 3.5rem;
}
.page-template-template-privati-aziende section:first-child::before {
  position: absolute;
  right: 100%;
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-right: 5.65rem;
  font-size: 3.75rem;
  line-height: 1;
}
.page-template-template-privati-aziende.privati section:first-child::before {
  content: 'Privati';
}
.page-template-template-privati-aziende.aziende section:first-child::before {
  content: 'Aziende';
}
.page-template-template-privati-aziende .sogno  .bg-img {
  background-image: url("https://dasognoarealta.com/2kswqa/uploads/2019/03/img_01.jpg");
}
.page-template-template-privati-aziende .realta .bg-img {
  background-image: url("https://dasognoarealta.com/2kswqa/uploads/2019/03/img_02.jpg");
}
@media (max-width: 767px) {
  .page-template-template-privati-aziende .border-4 {
    border-width: 3px !important;
  }
}

/* single-dr */
.wrapper.dr .head {
	background-size: cover;
}
.wrapper.dr .title {
	background-color: rgba(255,255,255, .7);
}

.wp-block-image figure {
	/*width: 100%;*/
}
.wp-block-image {
	margin-top: 1em;
}

.reality .box {
	height: 28vh;
	background-size: cover;
}
.reality .img-large {
	height: 58vh;
	background-size: cover;
}
.reality .box > div > div {
	-webkit-transition: all .2s;
	transition: all .2s;
}
.reality .box > div > div.img {
	background-size: cover;
}
.reality .box > div > div.green {
	background-color: rgba(132, 203, 193, .5);
}
.reality .box:hover > div > div.greyscale-100 {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.reality .box:hover > div > div.green {
	opacity: 0;
}
.reality .boxes-overlay {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 20%;
	background: -moz-linear-gradient(left, rgba(0, 0, 0,0) -50%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(0, 0, 0,0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(0, 0, 0,0) 0%, rgba(255, 255, 255, 1) 100%);
}
.reality .btn-nav {
	background-image: url("./images/arrow-r-blue.svg");
}
@media (max-width: 991px) {
	.reality .boxes-overlay {
		display: none;
	}
}
@media (orientation: portrait) {
	.reality .box {
		height: 10rem;
	}
	.reality .img-large {
		height: 24rem;
	}
}


.page-template-template-contacts .title span {
	font-size: 4.3rem !important;
}

.page-template-template-contacts .red-bracket-l,
.footer .red-bracket-l {
  width: 0 !important;
}


