/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 2, 2018, 2:35:36 PM
    Author     : wh
*/
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 24, 2016, 2:29:45 PM
    Author     : wh
*/
img {
  max-width: 100%;
  height: auto; }

* {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: 700; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

code,
kbd,
pre,
samp {
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

select {
  text-transform: none; }

button {
  overflow: visible; }

button,
input,
select,
textarea {
  max-width: 100%; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default;
  opacity: .5; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 0.4375em;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #d1d1d1;
  margin: 0 0 1.75em;
  padding: 0.875em; }

fieldset > :last-child {
  margin-bottom: 0; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

optgroup {
  font-weight: bold; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 17, 2017, 3:34:07 PM
    Author     : wh
*/
html {
  font-size: 18px;
  line-height: 1.2; }

body {
  font-family: "Futura W01"; }

.text-box {
  background: #000;
  color: #FFF;
  font-size: 1rem;
  font-weight: normal;
  padding: 5px;
  text-transform: uppercase;
  line-height: 1.4; }

.panel-text {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "Futura W01";
  text-transform: uppercase;
  max-width: 600px; }

.white-text {
  color: #fff;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); }

a.link-box {
  color: #FFF;
  border: 1px solid #FFF;
  padding: 3px 8px;
  display: inline-block;
  text-decoration: none; }

body.mce-content-body .white-text {
  color: #ccc; }

.edit-menu {
  position: absolute;
  text-decoration: none; }
  .edit-menu .dashicons {
    color: #bbb; }
    .edit-menu .dashicons:hover {
      color: #000; }

.logo {
  height: 20vh;
  background: url(../images/Fachini_Logo_bodoni.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -khtml-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }

header .header-content {
  position: fixed;
  width: 600px;
  height: 100vh;
  left: 50%;
  margin-left: -300px;
  -webkit-transition: 0.8s;
  -khtml-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  background: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 10; }
header .illustration {
  height: 38vh;
  -webkit-transition: 0.4s;
  -khtml-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }
  header .illustration .image-holder {
    background: url(../images/1239_Fachini_Chandalier_Sk4.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 54%;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: 0.4s;
    -khtml-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
header .navigation {
  text-align: center;
  text-transform: lowercase;
  font-family: 'ITC Bodoni Seventytwo W01';
  font-size: 2rem;
  font-style: italic;
  letter-spacing: 2px;
  height: 30vh;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.6s;
  -khtml-transition: opacity 0.3s 0.6s;
  -moz-transition: opacity 0.3s 0.6s;
  -ms-transition: opacity 0.3s 0.6s;
  -o-transition: opacity 0.3s 0.6s;
  transition: opacity 0.3s 0.6s; }
  header .navigation ul {
    margin: 0;
    list-style: none;
    padding: 0; }
  header .navigation a {
    text-decoration: none;
    color: inherit;
    position: relative; }
  header .navigation a:after {
    content: '';
    position: absolute;
    width: 0%;
    border-top: 1px solid;
    left: 50%;
    bottom: 13%;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  header .navigation li:hover a:after {
    width: 100%;
    left: 0; }
header .contact {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  bottom: 0;
  position: absolute;
  width: 100%; }
header .current-menu-item > a {
  color: #b02229; }
header .menu-item-has-children {
  position: relative; }
  header .menu-item-has-children > a, header .menu-item-has-children ul {
    display: block;
    width: 50%;
    text-align: right;
    padding: 0 10px;
    position: relative; }
  header .menu-item-has-children > a:after {
    content: '';
    border-right: 1px solid #ccc;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0; }
  header .menu-item-has-children .sub-menu {
    font-size: 1.1rem;
    padding-top: 14px; }
    header .menu-item-has-children .sub-menu li {
      text-align: left; }
header .button {
  text-align: center;
  font-size: 1.1rem;
  border: 2px solid;
  padding: 13px 15px;
  color: #000;
  display: inline-block;
  width: auto;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  min-width: 244px;
  margin-bottom: 3vh; }
  header .button a {
    text-decoration: none;
    color: inherit; }
  header .button a.reservations-link {
    color: #b02229; }
header .contact-button {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.8s;
  -khtml-transition: opacity 0.3s 0.8s;
  -moz-transition: opacity 0.3s 0.8s;
  -ms-transition: opacity 0.3s 0.8s;
  -o-transition: opacity 0.3s 0.8s;
  transition: opacity 0.3s 0.8s;
  visibility: visible; }
header .contact-button:hover {
  background-color: #b02229;
  color: #FFF;
  border-color: #b02229; }
header .contact-info {
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: 1s;
  -khtml-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  padding: 5% 20%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center; }
  header .contact-info b {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    text-transform: uppercase; }
  header .contact-info .contact-text {
    width: 224px;
    border-top: 2px solid;
    position: relative;
    line-height: 1.5;
    font-size: .9rem; }
    header .contact-info .contact-text a {
      color: inherit; }
  header .contact-info #ot-widget-container9 {
    width: 224px; }

body.admin-bar .header-content {
  height: calc(100vh - 32px); }

body.contact-open header .contact {
  width: 100%;
  background: #FFF;
  max-height: 73vh; }
body.contact-open header .contact-info {
  max-height: 73vh;
  visibility: visible;
  overflow: scroll;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1; }
body.contact-open header .navigation {
  max-height: 0;
  overflow: hidden;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: 0;
  -khtml-transition: 0;
  -moz-transition: 0;
  -ms-transition: 0;
  -o-transition: 0;
  transition: 0; }
body.contact-open header .illustration {
  height: 7vh;
  overflow: hidden; }
  body.contact-open header .illustration .image-holder {
    background: transparent;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
body.contact-open header .contact-button {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-transition: 0;
  -khtml-transition: 0;
  -moz-transition: 0;
  -ms-transition: 0;
  -o-transition: 0;
  transition: 0;
  visibility: hidden;
  max-height: 0;
  margin: 0; }
body.contact-open header .close-button {
  position: absolute;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  left: 50%;
  top: 10px;
  margin-left: -10px;
  cursor: pointer; }
body.contact-open header .close-button:after, body.contact-open header .close-button:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #000;
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.2s;
  -khtml-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }
body.contact-open header .close-button:before {
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }
body.contact-open header .close-button:hover:after {
  -webkit-transform: rotate(135deg);
  -khtml-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }
body.contact-open header .close-button:hover:before {
  -webkit-transform: rotate(-135deg);
  -khtml-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }

body.scrolled header .header-content {
  left: 0;
  margin-left: 0; }
body.scrolled header .illustration {
  height: 0vh;
  overflow: hidden; }
  body.scrolled header .illustration .image-holder {
    background: transparent;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
body.scrolled header .logo {
  background-position: center bottom;
  background-size: 50%; }
body.scrolled header .navigation {
  height: 70vh; }

.page-panel {
  width: 100%;
  position: relative; }
  .page-panel a {
    color: inherit; }

.page-panel.home.hover {
  background: #000; }
  .page-panel.home.hover .bg-image {
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-opacity: 0.8;
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
    -webkit-transition: 0.4s;
    -khtml-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }

.page-panel.image-bg .bg-image {
  width: 100%;
  background-size: cover;
  position: absolute;
  background-position: center;
  height: 80vh;
  background-color: #fafafa;
  overflow: hidden; }
  .page-panel.image-bg .bg-image .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    top: 0;
    position: absolute;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: 2s;
    -khtml-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    background-size: cover;
    background-position: center; }
  .page-panel.image-bg .bg-image .img.in-view.show {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
.page-panel.image-bg .page-content {
  width: 100%;
  position: relative;
  padding-left: 600px;
  z-index: 6;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  height: 100vh; }
.page-panel.image-bg article {
  position: relative; }
.page-panel.image-bg ul.image-buttons {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  .page-panel.image-bg ul.image-buttons li {
    border-radius: 5px;
    width: 8px;
    height: 8px;
    border: 1px solid #FFF;
    margin-right: 15px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
  .page-panel.image-bg ul.image-buttons li.active {
    background: #FFF; }
.page-panel.image-bg .content-holder {
  padding-left: 30%;
  padding-right: 30%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: 50px; }
.page-panel.image-bg .page-content.main-content {
  height: 80vh; }
.page-panel.image-bg .page-content.secondary-content {
  height: auto;
  text-transform: uppercase; }
  .page-panel.image-bg .page-content.secondary-content .content-holder {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    background-color: #FFF;
    border-left: .5px solid #000;
    min-height: 40vh;
    text-transform: none;
    font-size: 1.1rem; }
  .page-panel.image-bg .page-content.secondary-content article {
    max-width: 600px;
    line-height: 1.4; }
.page-panel.image-bg a {
  color: inherit; }

.page-panel.image-bg.has-menu .page-content.main-content, .page-panel.image-bg.has-menu .bg-image {
  height: 60vh; }

.page-panel.menu {
  min-height: 0; }
  .page-panel.menu .page-content {
    height: auto; }

.page-panel.home .bg-image {
  height: 100vh; }
.page-panel.home .page-content.main-content {
  height: 100vh;
  padding-left: calc(50% + 300px); }
.page-panel.home .content-holder {
  padding-left: 40%;
  padding-right: 10%; }

.page-panel.press article {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.page-panel.menu h2, .page-panel.press h2 {
  text-align: center;
  margin: 0;
  margin-bottom: 1rem;
  padding-top: 3rem;
  text-transform: uppercase; }
.page-panel.menu .title-holder, .page-panel.press .title-holder {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  padding: 50px 0 0; }
.page-panel.menu .panel-text, .page-panel.press .panel-text {
  text-align: center;
  padding-top: 50px; }
.page-panel.menu .panel-header, .page-panel.press .panel-header {
  margin-left: 600px;
  padding-right: 10%;
  background-color: #FFF; }
.page-panel.menu .page-content, .page-panel.press .page-content {
  margin-left: 600px;
  background-color: #FFF;
  border-left: .5px solid; }
.page-panel.menu article, .page-panel.press article {
  padding: 30px 10% 5%  10%;
  position: relative; }
.page-panel.menu article.columns, .page-panel.press article.columns {
  -webkit-column-count: 2;
  -khtml-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -khtml-column-gap: 40px;
  -moz-column-gap: 40px;
  -ms-column-gap: 40px;
  -o-column-gap: 40px;
  column-gap: 40px;
  column-rule: 1px dashed #999; }
.page-panel.menu h3, .page-panel.press h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: .95rem;
  letter-spacing: 2px;
  line-height: 1; }
  .page-panel.menu h3 .menu-category-description, .page-panel.press h3 .menu-category-description {
    font-weight: normal;
    font-size: .6rem; }
.page-panel.menu .menu-list, .page-panel.press .menu-list {
  padding: 0;
  list-style: none; }
  .page-panel.menu .menu-list li, .page-panel.press .menu-list li {
    text-align: center;
    padding: 10px 0;
    position: relative;
    padding-left: 0;
    line-height: 1; }
  .page-panel.menu .menu-list .title, .page-panel.press .menu-list .title {
    font-family: 'ITC Bodoni Seventytwo W01';
    font-size: 1rem;
    font-style: italic;
    letter-spacing: 2px; }
  .page-panel.menu .menu-list .price, .page-panel.press .menu-list .price {
    font-weight: bold;
    font-size: .65rem; }
.page-panel.menu .menu-downloads-article, .page-panel.press .menu-downloads-article {
  margin-top: 0;
  padding-top: 0; }
.page-panel.menu .menu-downloads, .page-panel.press .menu-downloads {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }
  .page-panel.menu .menu-downloads .menu-download-link, .page-panel.press .menu-downloads .menu-download-link {
    cursor: pointer; }
    .page-panel.menu .menu-downloads .menu-download-link .download-title, .page-panel.press .menu-downloads .menu-download-link .download-title {
      display: block;
      text-align: center;
      padding: 5px 0;
      font-size: .6rem; }
    .page-panel.menu .menu-downloads .menu-download-link .download-title:before, .page-panel.press .menu-downloads .menu-download-link .download-title:before {
      content: '';
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0;
      -webkit-transform: translateX(-10px);
      -khtml-transform: translateX(-10px);
      -moz-transform: translateX(-10px);
      -ms-transform: translateX(-10px);
      -o-transform: translateX(-10px);
      transform: translateX(-10px); }
    .page-panel.menu .menu-downloads .menu-download-link a, .page-panel.press .menu-downloads .menu-download-link a {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      color: #000;
      text-decoration: none;
      text-transform: uppercase;
      font-size: .6rem;
      letter-spacing: 2px;
      cursor: pointer; }
    .page-panel.menu .menu-downloads .menu-download-link a:hover img, .page-panel.press .menu-downloads .menu-download-link a:hover img {
      -webkit-transform: translateY(-10px);
      -khtml-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
      transform: translateY(-10px); }
    .page-panel.menu .menu-downloads .menu-download-link a:hover .download-title:before, .page-panel.press .menu-downloads .menu-download-link a:hover .download-title:before {
      content: 'DOWNLOAD ';
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-opacity: 1;
      -khtml-opacity: 1;
      -moz-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1;
      -webkit-transition: 0.4s;
      -khtml-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s;
      -webkit-transform: translateX(0px);
      -khtml-transform: translateX(0px);
      -moz-transform: translateX(0px);
      -ms-transform: translateX(0px);
      -o-transform: translateX(0px);
      transform: translateX(0px); }
  .page-panel.menu .menu-downloads img, .page-panel.press .menu-downloads img {
    width: 50px;
    height: auto;
    -webkit-transition: 0.2s;
    -khtml-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
.page-panel.menu .menu-group, .page-panel.press .menu-group {
  padding-bottom: 50px;
  break-inside: avoid-column; }
.page-panel.menu .menu-group.no-items, .page-panel.press .menu-group.no-items {
  width: 100%; }
  .page-panel.menu .menu-group.no-items h3, .page-panel.press .menu-group.no-items h3 {
    font-weight: normal; }
.page-panel.menu .press-item, .page-panel.press .press-item {
  position: relative;
  width: 30%;
  padding-bottom: 5%; }
  .page-panel.menu .press-item .image-holder, .page-panel.press .press-item .image-holder {
    padding-bottom: 130%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #ddd;
    position: relative; }
    .page-panel.menu .press-item .image-holder a, .page-panel.press .press-item .image-holder a {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;
      /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -webkit-flex;
      /* NEW - Chrome */
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      text-align: center;
      position: absolute;
      top: 0;
      bottom: 0%;
      width: 100%;
      background: rgba(0, 0, 0, 0.5);
      color: #FFF;
      text-decoration: none;
      visibility: hidden;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      text-transform: uppercase;
      font-size: .7rem;
      padding: 5%; }
    .page-panel.menu .press-item .image-holder h3, .page-panel.press .press-item .image-holder h3 {
      padding: 0; }
  .page-panel.menu .press-item .image-holder:hover a, .page-panel.press .press-item .image-holder:hover a {
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }

.page-panel.menu .page-content {
  min-height: 40vh; }
  .page-panel.menu .page-content h2:before, .page-panel.menu .page-content h2:after {
    content: '~';
    font-weight: 200;
    padding: 0 20px; }

.page-panel.press .page-content {
  min-height: 100vh; }

.page-panel.reservations-contact {
  display: none; }

.page-panel a.post-edit-link {
  font-size: .7rem;
  font-weight: normal;
  bottom: 0;
  right: 0;
  text-transform: uppercase;
  color: #ccc;
  text-decoration: none;
  display: block;
  text-align: center;
  margin-top: 30px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 15, 2018, 2:33:58 PM
    Author     : wh
*/
@media screen and (max-width: 1400px) {
  header .header-content {
    width: 400px;
    margin-left: -200px; }
  header .navigation {
    font-size: 1.6rem; }

  .page-panel.home .page-content.main-content {
    padding-left: calc(50% + 200px); }

  .page-panel.menu .page-content, .page-panel.press .page-content {
    margin-left: 400px; }

  .page-panel.image-bg .page-content {
    padding-left: 400px; }

  .page-panel.image-bg .content-holder {
    padding-right: 5%; } }
@media screen and (max-width: 1140px) {
  .page-panel.image-bg .page-content {
    padding-left: 400px; }

  html {
    font-size: 16px; }

  .page-panel.image-bg .content-holder {
    padding-left: 10%; }

  .page-panel.menu h3, .page-panel.press h3 {
    font-size: .9rem; }
  .page-panel.menu .title, .page-panel.press .title {
    font-size: 1.1rem; }
  .page-panel.menu .price, .page-panel.press .price {
    font-size: .7rem; }

  header .illustration {
    height: 35vh; }
    header .illustration .image-holder {
      padding-bottom: 50%; } }
@media screen and (max-width: 800px) {
  header .header-content {
    width: 50%; }

  .page-panel.image-bg .page-content {
    padding-left: 50%; }

  .page-panel.menu .page-content, .page-panel.press .page-content {
    margin-left: 50%; }

  .page-panel.menu article, .page-panel.press article {
    columns: 1;
    padding: 15%; }

  .page-panel.image-bg .content-holder {
    padding: 5% 15%; }

  .page-panel.menu .press-item, .page-panel.press .press-item {
    width: 100%; }

  .page-panel.menu .press-item, .page-panel.press .press-item {
    padding-bottom: 15%; } }
@media screen and (max-width: 600px), screen and (max-height: 500px) {
  .page-panel.reservations-contact {
    display: block;
    padding-top: 80px; }
    .page-panel.reservations-contact .content-holder {
      padding: 5% 15%; }
    .page-panel.reservations-contact article {
      max-width: 224px;
      margin: 0 auto;
      text-align: center;
      line-height: 1.6em; }
    .page-panel.reservations-contact #ot-widget-container8 {
      margin-top: 2rem; }

  .page-panel.home .page-content.main-content {
    padding-left: 0; }

  header .header-content, body.scrolled header .header-content {
    width: 100%;
    margin: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: 0.4s;
    -khtml-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
    header .header-content .illustration, body.scrolled header .header-content .illustration {
      height: 7vh;
      display: none; }
      header .header-content .illustration .image-holder, body.scrolled header .header-content .illustration .image-holder {
        display: none; }
    header .header-content .logo, body.scrolled header .header-content .logo {
      height: 30vh;
      background-size: 70%;
      background-position: center;
      background-image: url(../images/Fachini_Logo_bodoni_white.svg);
      background-position: center bottom; }
    header .header-content .contact, body.scrolled header .header-content .contact {
      bottom: 60px;
      position: static;
      height: 30vh; }
    header .header-content .navigation, body.scrolled header .header-content .navigation {
      height: 30vh; }
    header .header-content .contact-button, body.scrolled header .header-content .contact-button {
      background-color: #b02229;
      color: #FFF;
      border-color: #b02229; }
    header .header-content li.menu-item, body.scrolled header .header-content li.menu-item {
      color: #FFF; }

  body.scrolled:not(.mobile-menu) header .header-content {
    height: auto;
    padding: 4% 0;
    width: 50%;
    left: 50%;
    margin-left: -25%;
    top: 30px; }
    body.scrolled:not(.mobile-menu) header .header-content .navigation, body.scrolled:not(.mobile-menu) header .header-content .contact, body.scrolled:not(.mobile-menu) header .header-content .illustration {
      max-height: 0;
      overflow: hidden; }
    body.scrolled:not(.mobile-menu) header .header-content .logo {
      height: 0;
      padding-bottom: 11%;
      background-position: top;
      background-size: 60%; }

  .page-panel.home {
    background-color: #000; }
    .page-panel.home .bg-image {
      filter: alpha(opacity=80);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      -webkit-opacity: 0.8;
      -khtml-opacity: 0.8;
      -moz-opacity: 0.8;
      -ms-opacity: 0.8;
      -o-opacity: 0.8;
      opacity: 0.8; }

  .page-panel.menu .page-content, .page-panel.press .page-content {
    margin-left: 0; }

  .page-panel.image-bg .page-content {
    padding-left: 0; }

  .page-panel .content-holder {
    width: 100%; }

  .page-panel.image-bg article {
    position: relative;
    margin: 0 auto; } }
@media screen and (max-height: 1100px) {
  header .illustration {
    height: 30vh; }
    header .illustration .image-holder {
      padding-bottom: 40%; } }
@media screen and (max-height: 800px) {
  header .illustration {
    height: 20vh;
    display: none; }
    header .illustration .image-holder {
      padding-bottom: 30%; }

  header .header-content {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
  header .illustration {
    height: 0vh; }
    header .illustration .image-holder {
      display: none; }
  header .logo {
    height: 25vh;
    background-position: center bottom; }
  header .contact {
    position: static;
    height: 25vh; }

  body.scrolled header .logo {
    height: 25vh; } }
@media screen and (max-height: 500px) {
  header .header-content .logo, body.scrolled header .header-content .logo {
    background-size: 30%; }
  header .header-content .navigation ul, body.scrolled header .header-content .navigation ul {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }
    header .header-content .navigation ul li, body.scrolled header .header-content .navigation ul li {
      margin: 0 15px; }

  body.scrolled:not(.mobile-menu) header .header-content {
    padding: 2% 0;
    width: 20%;
    left: 50%;
    margin-left: -10%; } }
@media screen and (max-width: 400px) {
  body.scrolled:not(.mobile-menu) header .header-content {
    width: 50%;
    margin-left: -25%; }

  header .header-content .logo {
    background-size: 70%; } }

/*# sourceMappingURL=fachini-main.css.map */