/*
Theme Name:     Eugene Hotel
Theme URI:      https://thussayethme.com/
Description:    Child theme for thussayethme.com, based on cornerstone
Author:         Jack Wheeler
Author URI:     https://bluehatdesign.com/
Template:       cornerstone                            
Version:        0.1.0
*/
html body {
  color: #4e4e4e;
  font-family: "Open Sans", Arial, Helvetica, sans-serif; }

p {
  font-size: 1.1rem; }

h1, h1 a {
  color: #894e72;
  text-decoration: none; }

h1 {
  font-family: 'Sorts Mill Goudy', serif;
  text-transform: uppercase;
  color: #894e72;
  font-size: 3rem;
  margin: 2rem 0; }

h2 {
  font-size: 2rem; }

h2, h3, h4, h5, h6 {
  color: #4e4e4e;
  font-family: "Open Sans", Arial, Helvetica, sans-serif; }

a:link, a:visited {
  text-decoration: underline;
  color: #894e72; }

a:hover, a:active {
  text-decoration: underline;
  color: #626f63; }

table {
  border-collapse: collapse; }

table, th, td {
  border: 1px solid #4e4e4e; }

th {
  background: #626f63;
  color: white; }


td, th {
  padding: 1rem; }

table.rate-table {
  max-width: 97%;
  margin-bottom: 2rem;
  background-color: rgba(98, 111, 99, 0.2); }
  @media screen and (max-width: 64em) {
    table.rate-table {
      max-width: 100%; } }

.row {
  background-color: white; }

.full-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }

#int-header > img {
  width: 100%; }

#header {
  background: url(images/header-bg-10-26-21.jpg) 50% 45px no-repeat;
  background-size: contain;
  width: 100%;
  height: 0;
  padding-top: 60%;
  /* img-height / img-width * width) = (1145 / 1900 * 100); */ }
  #header .logo {
    background: url("images/logo-lg.png") no-repeat;
    background-size: contain;
    position: relative;
    top: -735px;
    margin: 0 auto;
    width: 600px;
    height: 538px; }
    @media screen and (max-width: 1520px) {
      #header .logo {
        max-width: 500px;
        top: -560px; } }
    @media screen and (max-width: 1220px) {
      #header .logo {
        max-width: 450px;
        top: -466px; } }
    @media screen and (max-width: 840px) {
      #header .logo {
        max-width: 350px;
        top: -368px; } }
    @media screen and (max-width: 700px) {
      #header .logo {
        max-width: 275px;
        top: -300px; } }
    @media screen and (max-width: 500px) {
      #header .logo {
        max-width: 207px;
        top: -236px; } }
    @media screen and (max-width: 450px) {
      #header .logo {
        max-width: 185px;
        top: -214px; } }
    @media screen and (max-width: 360px) {
      #header .logo {
        max-width: 163px;
        top: -192px; } }

#int-header {
  margin-bottom: 2em; }

.entry-content {
  margin-bottom: 4rem; }
  .entry-content img {
    display: block;
    margin: 0 0 4em; }

.screen-reader-text {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.top-bar.expanded {
  overflow: visible; }
  .top-bar.expanded .title-area {
    background: #626f63; }
  .top-bar.expanded ul {
    background: #dfe2e0; }

.top-bar-section ul {
  position: absolute;
  z-index: 1; }

.contain-to-grid .top-bar {
  background-color: #dfe2e0;
  max-width: none;
  border-bottom: 1px solid #626f63; }

.top-bar-section ul {
  background: transparent; }
  .top-bar-section ul li > a {
    background: transparent;
    font-size: 1rem;
    color: #4e4e4e;
    font-weight: bold;
    text-decoration: none; }
    @media screen and (max-width: 800px) {
      .top-bar-section ul li > a {
        font-size: 0.8rem; } }
    @media screen and (max-width: 640px) {
      .top-bar-section ul li > a {
        font-size: 1rem; } }
  .top-bar-section ul li:not(.has-form) a:not(.button) {
    background: #dfe2e0;
    border-bottom: 1px solid #626f63;
    line-height: 44px;
    color: #4e4e4e;
    font-weight: bold; }
  .top-bar-section ul li:not(.has-form) a:hover:not(.button) {
    background: #626f63;
    color: white; }

.top-bar .toggle-topbar.menu-icon a {
  color: #4e4e4e;
  font-weight: bold;
  text-decoration: none; }

.top-bar .toggle-topbar.menu-icon a:after {
  box-shadow: 0 10px 0 1px #4e4e4e, 0 16px 0 1px #4e4e4e, 0 22px 0 1px #4e4e4e; }

.top-bar.expanded .toggle-topbar.menu-icon a {
  color: white;
  font-weight: bold; }

.top-bar.expanded .toggle-topbar.menu-icon a:after {
  box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; }

.top-bar .name h1 {
  display: none; }

.top-bar-section .has-dropdown > a:after {
  border-color: #4e4e4e rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }

[class*="block-grid-"] > li {
  display: block;
  float: left;
  height: auto;
  padding: 0 1.3rem 1.25rem; }

.home .tagline h1 {
  color: #626f63;
  font-size: 4rem;
  font-weight: bold;
  margin: 5rem 0;
  text-align: center;
  text-transform: none;
  background: url("images/heart-bg.png") no-repeat scroll center center/contain rgba(0, 0, 0, 0); }
  @media screen and (max-width: 860px) {
    .home .tagline h1 {
      font-size: 3rem; } }
  @media screen and (max-width: 640px) {
    .home .tagline h1 {
      font-size: 2.5rem;
      margin: 3rem 1rem; } }
  @media screen and (max-width: 540px) {
    .home .tagline h1 {
      font-size: 2rem;
      margin: 3rem 1rem; } }
  @media screen and (max-width: 440px) {
    .home .tagline h1 {
      font-size: 1.5rem;
      margin: 3rem 1rem; } }

.home .exciting h2 {
  font-family: 'Sorts Mill Goudy', serif;
  text-transform: uppercase;
  color: #894e72;
  font-size: 4rem;
  text-align: center;
  margin: 3rem 0; }
  @media screen and (max-width: 640px) {
    .home .exciting h2 {
      font-size: 2.5rem;
      margin: 2rem 0; } }
  @media screen and (max-width: 400px) {
    .home .exciting h2 {
      font-size: 1.7rem;
      margin: 2rem 0;
      font-weight: bold; } }

.home .content {
  padding: 0 14rem; }
  @media screen and (max-width: 1160px) {
    .home .content {
      padding: 0 10rem; } }
  @media screen and (max-width: 900px) {
    .home .content {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; } }

.exciting {
  background: #eeeeee;
  padding: 0 1rem; }
  .exciting h3 {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 1.5rem; }
  .exciting p {
    font-size: 1.3rem;
    margin: 2rem auto;
    width: 70%; }
    @media screen and (max-width: 960px) {
      .exciting p {
        width: auto; } }
  .exciting .panel {
    background: white;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.08);
    box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.08); }
    .exciting .panel img {
      margin-bottom: 1em !important; }
    .exciting .panel h1, .exciting .panel h2, .exciting .panel h3, .exciting .panel h4, .exciting .panel h5, .exciting .panel h6, .exciting .panel p {
      color: #4e4e4e; }

.row.elegant {
  background: none repeat scroll 0 0 #626f63;
  color: white;
  padding-bottom: 2rem;
  margin-bottom: 1rem; }
  .row.elegant .icon {
    color: white; }
  .row.elegant h2 {
    color: white; }
  .row.elegant a:link, .row.elegant a:visited {
    color: white; }

.row.callout {
  background: url("images/foyer.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
  height: auto;
  background-size: cover; }
/*  @media screen and (max-width: 700px) {
    .row.callout {
      background: url("images/foyer.jpg") no-repeat scroll -388px 0 rgba(0, 0, 0, 0);
      background-size: cover; } }
  @media screen and (max-width: 600px) {
    .row.callout {
      background: url("images/foyer.jpg") no-repeat scroll -467px 0 rgba(0, 0, 0, 0);
      background-size: cover; } }
  @media screen and (max-width: 530px) {
    .row.callout {
      background: url("images/foyer.jpg") no-repeat scroll -443px 0 rgba(0, 0, 0, 0);
      background-size: cover; } }
  @media screen and (max-width: 440px) {
    .row.callout {
      background: url("images/foyer.jpg") no-repeat scroll -523px 0 rgba(0, 0, 0, 0);
      background-size: cover; } }
  @media screen and (max-width: 400px) {
    .row.callout {
      background: url("images/foyer.jpg") no-repeat scroll -560px 0 rgba(0, 0, 0, 0);
      background-size: cover; } }
  @media screen and (max-width: 360px) {
    .row.callout {
      background: url("images/foyer.jpg") no-repeat scroll -577px 0 rgba(0, 0, 0, 0);
      background-size: cover; } }*/
  .row.callout h2 {
    color: white;
    font-size: 2rem;
    margin: 2rem 0 35rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.6);
    line-height: 1.2em;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-align: left;
    text-transform: none; }
    @media screen and (max-width: 800px) {
      .row.callout h2 {
        font-size: 1.5rem; } }
    @media screen and (max-width: 600px) {
      .row.callout h2 {
        font-size: 1.2rem; } }

.row.area-information {
  text-align: center;
  margin: 2rem 0 0;
  background: #eeeeee; }
  .row.area-information > h2 {
    text-align: center;
    margin: 2rem; }
  .row.area-information #map-canvas {
    min-height: 600px; }

.sidebar-block {
  background: #eeeeee; }
  .sidebar-block ul {
    margin: 0; }
  .sidebar-block li {
    list-style-type: none;
    margin: 0 0 1rem; }
  .sidebar-block .panel {
    background: white none repeat scroll 0 0;
    margin: 1rem; }

.sample-menu {
  outline: 1px solid #eeeeee;
  padding: 1rem; }

.footer {
  margin-top: 0;
  padding: 2em 0;
  min-height: 200px;
  background: #894e72;
  color: white; }
  .footer a {
    color: white; }

.credit {
  font-size: 0.9rem;
  text-align: center; }

.icon {
  color: #dfe2e0;
  display: block;
  font-size: 3rem;
  text-align: center;
  margin: 2rem 0; }

@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon_x05b2r.eot');
  src: url('fonts/icomoon.eot') format('embedded-opentype'), url('fonts/icomoon_x05b2r.woff') format('woff'), url('fonts/icomoon_x05b2r.ttf') format('truetype'), url('fonts/icomoon_x05b2r-icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-home:before {
  content: "\e600"; }

.icon-image:before {
  content: "\e601"; }

.icon-camera:before {
  content: "\e602"; }

.icon-library:before {
  content: "\e603"; }

.icon-phone:before {
  content: "\e604"; }

.icon-map:before {
  content: "\e605"; }

.icon-calendar:before {
  content: "\e606"; }

.icon-bubbles:before {
  content: "\e607"; }

.icon-users:before {
  content: "\e608"; }

.icon-quotes-left:before {
  content: "\e609"; }

.icon-food:before {
  content: "\e60a"; }

.icon-star:before {
  content: "\e60b"; }

.icon-heart:before {
  content: "\e60c"; }

.icon-quill:before {
  content: "\e60d"; }

.icon-library2:before {
  content: "\e60e"; }

.icon-bubble:before {
  content: "\e60f"; }

.icon-trophy:before {
  content: "\e610"; }

.icon-food2:before {
  content: "\e611"; }

.icon-leaf:before {
  content: "\e612"; }

.icon-bookmarks:before {
  content: "\e613"; }

button, .button {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  background-color: #894e72; }
  button:hover, .button:hover {
    background-color: #626f63 !important; }
  button:focus, .button:focus {
    background-color: #626f63 !important; }

textarea {
  min-height: 100px !important;
}
/*.responsive-contact-form {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  margin: 0 auto;
  width: 420px; }
  @media screen and (max-width: 780px) {
    .responsive-contact-form {
      width: 100%; } }
  .responsive-contact-form label {
    font-family: "Open Sans", Arial, Helvetica, sans-serif !important; }

.responsive-contact-form .btn-submit {
  background: none repeat scroll 0 0 #894e72 !important;
  border: 0 none !important;
  color: white;
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-weight: bold;
  margin: 10px 0 0 140px;
  text-shadow: none !important; }
  .responsive-contact-form .btn-submit:hover {
    background: #626f63 !important; }
  .responsive-contact-form .btn-submit:focus {
    background: #626f63 !important; }

.page-template-home .responsive-contact-form .btn-submit:hover, .page-template-home .responsive-contact-form .btn-submit:focus {
  background: #626f63 !important; }

.responsive-contact-form label, .responsive-contact-form input, .responsive-contact-form button, .responsive-contact-form select, .responsive-contact-form textarea {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important; }

.captcha-div {
  margin-left: 140px; }
  @media screen and (max-width: 768px) {
    .captcha-div {
      margin-left: 0; } }

.responsive-contact-form #note {
  margin-left: 140px; }*/

.home .search-block {
  margin: 1rem auto 0;
  width: 421px; }
  @media screen and (max-width: 460px) {
    .home .search-block {
      width: 100%;
      padding: 0 1rem; } }
.home input.search-field {
  width: 88%;
  float: left; }
  @media screen and (max-width: 460px) {
    .home input.search-field {
      width: 81%; } }
.home .search-submit {
  height: 37px;
  margin-left: 4px;
  padding: 0;
  width: 46px;
  background: #894e72; }
  .home .search-submit:hover {
    background: #626f63; }

.qa-faq-title {
  font-size: 1.5rem; }
  .qa-faq-title a {
    text-decoration: none; }