/*
amarelo: #fad551
creme: #fcf9f1
cinza: #afb4b7
preto: #2d1e0f

Title: 52px
Headlines: 32px
Sub-headlines: 25px
Primary Text: 20px
Secondary Text: 16px
*/
body {
  background-color: #424242;
  color: #afb4b7;
  font-size: 20px
}
h1, h2, h3, h4, h5, h6{ color: #4D3D2D }
header,main,footer { overflow-x: hidden }
header {
  font-weight: 700;
  overflow-y: hidden;
  width: 100%
}
header .reserve {
  position: relative
}
header .reserve .flag {
  position: absolute;
  right: 0.9375rem;
  top: 0
}
header .reserve .flag img {
  height: 31px
}
header .reserve p {
  color: #ffffff;
  font-size: 0.8rem;
  margin: 0
}
header .reserve p .tel {
  font-size: 0.9rem;
  padding-right: 0.625rem
}
main article:first-child {
  background-attachment: fixed;
  background-image: url('../img/recepcao-1920x540.jpg');
  background-position: 42% top;
  background-repeat: no-repeat;
  min-height: 400px;
  padding: 2rem 0
}
main article:first-child section {
  background-color: rgba(255,255,204,0.6);
  padding: 0.2rem 0
}
main article:first-child h2 ,
main article:first-child h3 {
  text-align: center
}
main article:first-child h2 span,
main article:first-child h3 span {
  font-size: 111%
}
main article {
  border-top: 0.6rem solid #fad551;
  padding: 0.2rem 0;
}
div.resenhas, div.clientes {
  border-collapse: separate;
  border-spacing: 0.625rem;
}
div.resenhas {
  display: none; /* por enquanto */
}
div.clientes {
  display: table;
}
div.resenhas>ul, div.clientes>ul {
  display: table-row;
  min-height: 3rem;
  margin: 1.25rem auto;
}
div.clientes>ul>li {
  background-color:  #2d1e0f;
}
div.resenhas>ul>li {
  background-color:  rgba(255,255,204,0.6);
}
div.resenhas>ul>li, div.clientes>ul>li {
  border-radius: 5px;
  display: table-cell;
  float: none;
  padding: 0;
  vertical-align: top
}
div.clientes p.description {
  color: #afb4b7;
  margin-bottom: 0;
  padding: 1rem;
  text-align: right;
  white-space: normal;
  width: 100%
}
div.clientes p.description legend {
  font-size: 2.6rem;
  text-align: left;
}
div.resenhas .resenha, div.resenhas .item {
  display: none
}
blockquote.hreview {
  background-image: url('../img/quote-left.png');
  background-position: 0.2rem 0.4rem;
  background-repeat: no-repeat;
  background-size: 20%;
  border-left: 0;
  display: inline-block;
  margin-bottom: auto;
  margin-left:  1px;
  margin-top: auto;
  margin-right: 2px;
  padding-left: 3rem;
  width: 100%;
}
blockquote.hreview cite.reviewer {
  font-style: italic;
  text-align: right;
}
blockquote.hreview cite.reviewer .vcard {
  margin-bottom: 0;
}
blockquote.hreview cite.reviewer .vcard .fn {
  font-size: 0.8125rem;
  font-weight: normal
}
blockquote.hreview cite.reviewer .details {
  font-size: 80%
}
button.large, .button.large {
  font-size: 1.6rem
}
button, .button {
  color: #4D3D2D;
  border-color: #fad551;
  line-height: 1.2
}
button:hover, button:focus,
 .button:hover, .button:focus {
  border-bottom-width: 0.25rem;
  border-top-width: 0px;
}
button:active, .button:active {
  border-bottom-width: 0px;
  border-top-width: 0.25rem;
}
button:hover, button:focus, button:active,
 .button:hover, .button:focus, .button:active {
  background-color: #fa9511;
  outline-width: 0px;
  padding-top: 0.75rem
}
button.large:hover, button.large:focus, button.large:active,
 .button.large:hover, .button.large:focus, .button.large:active {
  padding-top: 0.875rem
}
.centered h3 {
  color: #afb4b7;
  text-align: center
}
[class*="block-grid-"]::before, [class*="block-grid-"]::after { display: none }
div.usos {
  border-collapse: separate;
  border-spacing: 0.625rem;
  clear: both;
  display: table;
  width: 100%
}
div.usos.primary { padding: 1.25rem 0 }
div.usos.secondary { padding: 0 0 1.25rem }
div.usos>ul {display: table-row;margin: 1.25rem 0;}
div.usos>ul>li {
  border-radius: 5px;
  display: table-cell;
  float: none;
  padding: 0;
  vertical-align: middle
}
.usos p.label {
  font-size: 1rem;
  padding: 0.875rem 0.25rem;
  white-space: normal;
  width: 100%
}
.usos.primary li,
.usos.primary .label {
  background-color: #fad551;
  color: #2d1e0f
}
.usos.secondary li,
.usos.secondary .label {
  background-color: #afb4b7;
  color: #ffffff
}
#salas { padding: 0 0.625rem }
.gallery-box .pricing-table .title {
  background-color: #5f6467;
  color: #afb4b7;
  font-size: 1.2rem;
  letter-spacing: 1px;
  padding: 0.8rem 1.2rem;
  word-spacing: 3px
}
.gallery-box {
  background-color: #fcf9f1;
  background-position: 50% -24%;
  background-repeat: no-repeat;
  border-width: 0.5rem;
  border-color: #fcf9f1;
  box-shadow: 0px 0px 0px 2px rgba(252,249,241,0.6);
  margin: 0.75rem auto;
  position: relative;
  overflow: hidden;
  height: 320px !important;
  width: 100%
}
.gallery-box.calendario {
  background-image: url('../img/foto-calendar.jpg');
  background-position: 42% top
}
.gallery-box.gold {
  background-image: url('../img/sala-gold.jpg');
}
.gallery-box.recruit {
  background-image: url('../img/foto-recruit.jpg');
  background-position: 24% top
}
.gallery-box.silver {
  background-image: url('../img/sala-silver.jpg')
}
.gallery-box-hover {
  background-color: #fcf9f1;
  border: none;
  bottom: 0px;
  height: 70px !important;
  margin-bottom: 0;
  position: absolute;
  width: 100%
}
.gallery-box:hover .th, .gallery-box:focus .th, .gallery-box:active .th {
  border-color: #fad551;
  box-shadow: 0px 0px 0px 2px rgba(250,213,81,0.8);
}
.gallery-box-hover .cta-button { padding: .5rem 1.25rem 0 }
.pricing-table .description { padding: 0.375rem 0.9375rem }
#melhor-local {
  background-color: #e9e5dc;
  background-image: url('../img/map-1440x1080.png');
  background-position: left 50%;
  background-repeat: no-repeat;
  color: #2d1e0f;
  position: relative
}
#melhor-local .content {
  background-color: rgba(204,204,204,0.6);
  border-radius: 5px;
  margin-bottom: 0.3rem
}
#melhor-local h3.radius {
  color: #2d1e0f;
  padding: 0 0.625rem
}
#melhor-local #map-anchor {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
}
#melhor-local #map-anchor a {
  bottom: 0;
  color: transparent;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
ul.check{margin-top:0.5rem;list-style:none;text-align:left}
ul.check li{float:left;font-weight:600;line-height:1.8;padding:0 0 0 2.5rem;margin-bottom:1em;position:relative;width:100%}
ul.check li:before{color:#5f6467;content:'\f046';font-family:'FontAwesome';font-size:1.8rem;font-weight:200;left:0;position:absolute;top:-0.4rem}
fieldset {
  margin-start: 0;
  margin-end: 0;
  padding-before: 0.25rem;
  padding-start: 0;
  padding-end: 0;
  padding-after: 0.5rem;
}
#reserve fieldset.radius {
  padding-left:0.625rem;
  padding-right:0.625rem
}
#reserve fieldset.contato {
  border-width: 0;
  padding-left: 0.9rem;
  padding-right: 0.5rem
}
#reserve fieldset.contato p.secondary {
  display: inline-block;
  padding-right: 0.625rem
}
#reserve legend {
  background-color: #fad551;
  color: #2d1e0f;
  padding: 0.2rem 0.6rem
}
#reserve textarea {
  min-height: 6rem
}
label { color: #afb4b7 }
label.required::after { color: #fad551; content: "*"; padding-left: 0.4rem }
input[type=email],input[type=tel],input[type=text],textarea{
  box-shadow: inset 0 2px 2px rgba(175,180,183,0.2);
  transition: box-shadow .4s ease-in-out
}
input[type=email]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{
  border-color: #fad551;
  box-shadow: 0 2px 4px rgba(250,213,81,0.8);
  transition: box-shadow .4s ease-in-out
}
ul.social-media{list-style:none;margin-left:0}
ul.social-media>li{float:left;padding-bottom:0.75rem;padding-right:0.25rem}
ul.social-media>li>a>i.fa-stack-2x{color:#d6b172;transition:color 0.3s ease-in}
ul.social-media>li>a.sm-fb:hover>i.fa-stack-2x{color:#4e69a2}
ul.social-media>li>a.sm-li:hover>i.fa-stack-2x{color:#0073b1}
ul.social-media>li>a.sm-ig:hover>i.fa-stack-2x{color:#a67b5f}
ul.social-media>li>a.sm-tt:hover>i.fa-stack-2x{color:#55acee}
ul.social-media>li>a.sm-gp:hover>i.fa-stack-2x{color:#dd4b39}
footer dl { margin-bottom: 0.2rem; }
footer dt {
  font-size: 0.4rem;
  line-height: 0.6rem;
}
footer dd {
  font-size: 0.7rem;
  line-height: 0.8rem;
  margin: 0;
  padding: 0
}
footer div.row {
  height: 2rem;
}
footer div.row a {
  background-image: url('../img/espelho22.png');
  background-position: left 50%;
  background-repeat: no-repeat;
  margin-left: 1rem;
  padding-left: 2rem
}
address.radius, blockquote.radius, fieldset.radius, legend.radius { border-radius: 5px }
/* .vcard styling */
cite.reviewer .vcard { border-width: 0 }
address.vcard { margin: 0 0.25rem }
address.vcard a.tel { font-size: 120%; font-weight: 700 }
address.vcard .note { font-size: 0.525rem }
header .vcard {
  display: block;
  border: none;
  margin: 0 auto;
  padding: 0;
}
header .vcard h1 {
  background-image: url('../img/espelho.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 88px;
  padding: 0 0 0 8rem
}
header .vcard h1 .fn {
  color: #afb4b7;
  display: inline;
  font-size: 1.875rem
}
footer .vcard .fn.org { font-style: normal }
@media only screen and (max-width: 40.063em) {
  footer address.vcard  { padding: 0.5rem 0rem }
  footer address.vcard dl.columns { padding-left: 0.25rem; padding-right: 0.25rem }
  #melhor-local   { background-position: -88px top}
  #melhor-local .check  { font-size: 0.8rem }
  address.vcard .note { font-size: 0.4rem }
  p.label.expand { font-size: 0.96rem }
}
@media only screen and (min-width: 40.063em) {
  header .vcard  h1 .fn {
    font-size: 2.125rem
  }
  header .vcard  h1 {
    line-height: 1;
    padding: 0.75rem 0 0.75rem 8.25rem
  }
}
@media only screen and (min-width: 64.063em) {
  header .vcard  h1 .fn {
    font-size: 2.75rem
  }
  header .vcard  h1 {
    line-height: 1.2;
    padding: 1rem 0px 1rem 8.25rem
  }
}
/* font-family overrides */
body, button, .button, .label, .pricing-table .price, select, .sub-nav li {
  font-weight: 600;
  font-family: 'Open Sans',Roboto,"Liberation Sans","DejaVu Sans","Bitstream Vera Sans",Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","Trebuchet MS",sans-serif
}
h1, h2, h3, h4, h5, h6, legend,
 .accordion .accordion-navigation > a, .accordion dd > a,
 .pricing-table .title, .side-nav, .side-nav li.active > a:first-child:not(.button),
 .tabs dd > a, .tabs .tab-title > a, .top-bar-section ul li > a {
  font-weight: 700;
  font-family: 'Titillium Web',Roboto,"Liberation Sans","DejaVu Sans","Bitstream Vera Sans",Verdana,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif
}
code, .keystroke, input.keystroke, kbd {
  font-weight: 600;
  font-family: Menlo,"Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",Monaco,"Andale Mono","Lucida Console","Lucida Sans Typewriter",Consolas,monospace
}