/* Custom for Langbaan by Jessica Taylor */


/* Frame */
body {
  color:#CCCCCC;
  line-height:1.35;
  background:#020b0f url(//langbaanpdx.com/wp-content/themes/langbaan/images/backdrop5.jpg) center -70px no-repeat;
}
#content, .site-footer {
  max-width:960px;
  margin:0 auto;
}
#content {
  padding-left:1em;
  padding-right:1em;
}
.hentry {
  margin:0 0 12em;
}
@media screen and (max-width:600px) {
  .hentry {margin:0 0 8em;}
}
@media screen and (min-width:601px) {
  .mobile-only {
    display:none;
  }
}  
@media screen and (max-width:600px) {
  .mobile-no {
    display:none;
  }
}


/* Text */
body, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, input[type="submit"] {
  font-family: "Crimson Text", "Times New Roman", serif;
  font-style:normal;
}
a,
a:hover,
a:active,
a:focus,
.resyButton a {
  outline:0!important;
  outline:none!important;
}
a,a:visited {
  text-decoration:none;
  color:#3077AB;
}
a:hover,
a:active,
a:focus {
  color:#CCCCCC;
}
p {
  font-size:24px;
  margin-bottom:1em;
}
h2 {
  font-size:31px;
  margin-top:1.5em;
  margin-bottom:.5em;
  font-weight:normal;
}
@media screen and (max-width:600px) {
  p {
    font-size:20px;
  }
  h2 {
    font-size:28px;
  }
}


/* Header */
.site-branding {
  background:url(//langbaanpdx.com/wp-content/themes/langbaan/images/header100.jpg) center center no-repeat;
  height:195px;
}
h1.site-title {
  background:url(//langbaanpdx.com/wp-content/themes/langbaan/images/langbaan-gold-c.png) center center no-repeat;
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  width: 208px;
  height: 197px;
  margin: 0 auto;
  background-size:contain;
  max-width:100%;
}
@media screen and (max-width:600px){
  .site-branding {
    height:145px;
    background-position:25% center;
  }
  h1.site-title {
    width:158px;
    height:150px;
  }
}


/* Navigation */
.main-navigation {
  float:none;
  text-align:center;
  background:#121C1F;
}
.main-navigation li {
  float:none;
  display:inline-block;
  margin:.75em .75em;
  padding:.2em .75em;
}
.main-navigation li a, .reservation-button {
  font-size:31px;
}
.main-navigation li a:link,.main-navigation li a:visited {
  color:#CCCCCC;
}
.main-navigation li a:hover,.main-navigation li a:active,.main-navigation li.current_page_item a {
  color:#3077AB;
}
.main-navigation li.page-item-26 {
  margin-left:1.5em;
}
.main-navigation li.page-item-26,.reservation-button,input[type="submit"],input[type="submit"]:hover {
  background: rgba(18,80,128,1);
  background: -moz-linear-gradient(top, rgba(18,80,128,1) 0%, rgba(13,36,64,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(18,80,128,1)), color-stop(100%, rgba(13,36,64,1)));
  background: -webkit-linear-gradient(top, rgba(18,80,128,1) 0%, rgba(13,36,64,1) 100%);
  background: -o-linear-gradient(top, rgba(18,80,128,1) 0%, rgba(13,36,64,1) 100%);
  background: -ms-linear-gradient(top, rgba(18,80,128,1) 0%, rgba(13,36,64,1) 100%);
  background: linear-gradient(to bottom, rgba(18,80,128,1) 0%, rgba(13,36,64,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#125080', endColorstr='#0d2440', GradientType=0 );
  border-width: 1px;
  border-style: solid;
/*  -webkit-border-image: -webkit-gradient(linear, 0 0, 1 100%, from(rgba(15, 57, 92, 100)), to(rgba(31, 83, 150, 100))) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(rgba(15, 57, 92, 100), rgba(31, 83, 150, 100)) 1 100%;
  -moz-border-image: -moz-linear-gradient(rgba(15, 57, 92, 100), rgba(31, 83, 150, 100)) 1 100%;    
  -o-border-image: -o-linear-gradient(rgba(15, 57, 92, 100)k, rgba(31, 83, 150, 100)) 1 100%;*/
  border-image: linear-gradient(to bottom, rgba(15, 57, 92, 100), green) 1 100%;
  border:1px solid rgba(19, 51, 92, 1);
  border-top:1px solid #0D395C;
}
.main-navigation li.page-item-26 a:hover,.main-navigation li.page-item-26 a:active {
  color:#CCCCCC;
}
@media screen and (min-width:701px) and (max-width:800px) {
  .main-navigation li {
    margin:.75em .3em;
  }
  .main-navigation li a {
    font-size:28px;
  } 
}
@media screen and (min-width:601px) and (max-width:700px) {
  .main-navigation li {
    margin:.75em .1em;
  }
  .main-navigation li a {
    font-size:25px;
  } 
}
@media screen and (max-width:600px) {
  .menu-toggle, .main-navigation.toggled .nav-menu {
    display:none;
  }
  .main-navigation ul {
    display:block;
  }
  .main-navigation li.page-item-26 {
    display:none;
  }
  .main-navigation li {
    margin:.75em .1em;
  }
  .main-navigation li a {
    font-size:22px;
  }
}


/* Buttons (when in content) */
.reservation-button {
  display:inline-block;
  margin:.5em 0 1.5em;
}
.reservation-button a,
.reservation-button a:visited,
.reservation-button a:hover,
.reservation-button a:active {
  color:#CCCCCC;
  text-decoration:none;
  padding:.2em .5em;
  line-height:1.8;
}
@media screen and (max-width:600px) {
  .reservation-button a {
    font-size:24px;
  }
}
.wine-list-button {
  margin:1.5em 0 0;
}


/* Page */
.page .entry-title {
  display:none;
}
.home .entry-title {
  display:none;
}
.page .entry-footer {
  display:none;
}
/* Featured Image */
.wp-post-image {
  margin-bottom:1.5em;
  width:100%;
}
/* Royal Slider */
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
  background:none;
}
.rsDefaultInv .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  position: absolute;
  cursor: pointer;
  background:url(//langbaanpdx.com//wp-content/themes/langbaan/images/arrow-right.png) no-repeat center center;
  background-color: none;
  border-radius: 2px;
  background-position:0 0;
}
.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn, .rsDefaultInv .rsArrowRight .rsArrowIcn:hover {
  background:url(//langbaanpdx.com/wp-content/themes/langbaan/images/arrow-right.png) no-repeat center center;
}
.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn, .rsDefaultInv .rsArrowLeft .rsArrowIcn:hover {
  background:url(//langbaanpdx.com/wp-content/themes/langbaan/images/arrow-left.png) no-repeat center center;  
}
/* Caption (not used) */
.rsDefaultInv .rsGCaption {
  position: absolute;
  float: none;
  top: 35px;
  left: 50px;
  text-align: left;
  background: none;
  color: #fff;
  padding: 0;
  width: 80%;
  font-size: 85px;
  border-radius: 0;
  font-style:italic;
  line-height:1.12;
  font-weight:400;
}


/* Seatings and Pricing Info */
.option-chart {
  background:#121C1F;
  color:#CCCCCC;
  margin-bottom:3em;
}
.option-chart div {
  display:inline-block;
  background:#23282B;
  width:32.75%;
  box-sizing:border-box;
  margin:0;
  text-align:center;
  vertical-align:middle;
  padding:2em 0;
}
.option-chart div:first-child,.option-chart div:last-child {
  background:#121C1F;
}
.option-chart span {
  display:block;
}
.day,.option {
  font-size:33px;
}
.times,.price {
  font-size:29px;
}
.pricing-info {
  margin-top:8em;
}
@media screen and (max-width:600px) {
  .option-chart {
    margin-bottom:.25em;
  }
  .option-chart div {
    display:block;
    width:100%;
    padding:1em 0 1.1em;
  }
  .day, .option {
    font-size:29px;
  }
  .times, .price {
    font-size:25px;
  }
}
/* Seatings list */
@media screen and (min-width:601px) {
  .option-chart.seatings-info div {
    width:31%;
  }  
  .option-chart.seatings-info div:nth-child(even) {
    width:38%;
  }
}
@media screen and (min-width:601px) and (max-width:760px) {
  .option-chart.seatings-info div .day {
    font-size:26px;
  }
  .option-chart.seatings-info div .times {
    font-size:23px;
  }
}
@media screen and (min-width:761px) and (max-width:850px) {
  .option-chart.seatings-info div .day {
    font-size:29px;
  }
  .option-chart.seatings-info div .times {
    font-size:25px;
  }
}


/* Home Page */
@media screen and (max-width:600px) {
  .home .entry-content h2:first-of-type {
    text-align:center;
    margin:.7em 0 .65em;
  }  
  .home .reservation-button {
    display:none;
  }
  .home .mobile-only {
    text-align:center;
  }
  .home .mobile-only .reservation-button {
    display:inline-block;
    text-align:center;
  }
  .entry-content .reservation-button a {
    padding:.2em 1em;
    line-height:2.2;
  }
}
@media screen and (max-width:500px) {
  .home .mobile-only .reservation-button {
    margin-bottom:1em;
  }
  .home .entry-content h2:first-of-type {
    font-size:23px;
  }
}     
@media screen and (max-width:400px) {
  .royalSlider {
    display:none;
  }
}


/* Menu Page */
.page-id-12 .entry-content {
  text-align:center;
}
.page-id-12 .entry-content h1 {
  font-size:50px;
  font-style:italic;
}
.page-id-12 .entry-content h2 {
  font-size:34px;
  font-style:italic;
  margin-top:1.5em;
}
.menu-item, .wine-pairing {
  margin:1.5em 0;
}
.menu-item span, .wine-pairing span {
  display:block;
}
.menu-item .thai-name {
  font-size:20px;
}
.menu-item .item-name {
  font-weight:600;
  font-size:27px;
}
.menu-item .ingredients-list {
  font-size:24px;
  max-width:600px;
  margin:0 auto;
}
.wine-pairing-title {
  font-size:19px;
}
.wine-info {
  font-size:24px;
}
.page-id-12 .seatings-info {
  margin-top:4em;
}
@media screen and (max-width:600px) {
  .page-id-12 .entry-content h1 {
    font-size:41px;
  }
  .page-id-12 .entry-content h2 {
    font-size:30px;
  }
  .menu-item .thai-name {
    font-size:19px;
  }
  .menu-item .item-name {
    font-size:23px;
  }
  .menu-item .ingredients-list {
    font-size:20px;
  }
}
@media screen and (max-width:400px) {
  .page-id-12 .entry-content {
    margin:2.5em 0 0;
  }
  .page-id-12 .wp-post-image {
    display:none;
  }
}
/* Remove "basic menu" price */
.option-chart .basic-menu {
  display:none;
}
.expanded-menu {
  margin-right:-4px;
}

/* Wine List pdf upload */
.acf-file-uploader .hover {
  visibility:visible!important;
  opacity:1!important;
}
.acf-file-uploader .hover .acf-button-edit.ir {
  display:none!important;
}



/* Who We Are Page */
.page-id-4 h2, .page-id-4 h3 {
  clear:none;
}
.page-id-4 h2 {
  font-size:31px;
  margin-bottom:0;
  margin-top:.5em;
}
.page-id-4 h3 {
  font-size:24px;
  margin-bottom:1em;
}
.page-id-4 img {
  margin:0 0 .86em 0;
}
.page-id-4 img.alignleft {
  margin:.86em .86em .86em 0;
  margin:1.46em 1.1em .5em 0;
  
}
.page-id-4 img.alignright {
  margin:.86em 0 .86em .86em;
  margin:1.46em 0 .5em 1.1em;
}
@media screen and (max-width:600px) {
  .page-id-4 h2 {
    font-size:28px;
  }
  .page-id-4 h3 {
    font-size:20px;
  }
}


/* Press Page */
.page-id-24 .entry-title {
  display:block;
  text-align:center;
  font-size:60px;
  font-style:italic;
  margin:1.5em 0 .25em;
}
.press-item {
  display:block;
  overflow:auto;
  margin:2em 0 4em;
  position:relative;
}
.press-item img {
  width:23%;
  margin-right:2%;
  position:absolute;
  top:.6em;
  left:0;
}
.press-item .info-block {
  width:75%;
  margin-left:25%;
  
}
.press-item .article-title {
  font-size:31px;
  font-style:italic;
  margin:0;
}
.press-item .source-website {
  font-size:26px;
}
.press-item .article-link a {
  font-size:24px;
}
@media screen and (max-width:600px) {
  .page-id-24 .hentry {
    margin:0 0 1em;
  }
  .page-id-24 .entry-title {
    font-size:43px;
    margin:.9em 0 0;
  }
  .page-id-24 .entry-content {
    margin:.6em 0 0;
  }
  .press-item .info-block {
    width:73%;
    margin-left:27%;
  }
  .press-item .article-title {
    font-size:28px;
  }
  .press-item .source-website, .press-item .article-link a {
    font-size:20px;
  }
}
@media screen and (max-width:400px) {
  .press-item img {
    display:none;
  }
  .press-item .info-block {
    width:auto;
    margin:0 2%;
  }
}


/* Footer */
.site-footer {
  margin: 1em auto 0;
  padding: 0;
  background:#121C1F;
}
.contact-info {
  background:#121C1F;
  overflow:auto;
  font-size:25px;
  float:right;
  padding:.75em 0 1em 0;
  width:46%;
  line-height:1.5;
}
.contact-info a:link,.contact-info a:visited {
  color:#CCCCCC;
}
.contact-info a:hover,.contact-info a:active {
  color:#3077AB;
}
.site-footer #map {
  width:50%;
  float:left;
  height:290px;
  background:url('//langbaanpdx.com/wp-content/themes/langbaan/images/map.png') no-repeat center center;
  background-size:cover;
}
a[href="mailto:contact@langbaanpdx.com"] {
  color:#3077AB;
}
#social {
  margin-top:1.5em;
}
#social img {
  width:47px;
  margin:0 .5em 0 0;
}
.site-info {
  clear:both;
  color:#124761;
  font-size:15px;
  margin:1em 0 0;
  background:#020b0f;
  padding:1em 0 .5em;
}
#newsletter-signup {
  
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
  font-size:16px;
  padding:2px 7px;
  border-radius:0;
  line-height:1.7;
  width:250px;
  margin-right:.5em;
}
input[type="submit"],input[type="submit"]:hover {
  border-radius:0;
  box-shadow:none;
  color:#CCCCCC;
  border:1px solid #0d395c;
  line-height:1;
  font-size:18px;
  padding:7px 10px;
  text-shadow:none;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  border:0;
  box-shadow:none;
}
#wood-panel {
  background:url(//langbaanpdx.com/wp-content/themes/langbaan/images/header.jpg) center center no-repeat;
  background-size:cover;
  height:50px;  
}

@media screen and (max-width:800px) {
  .site-footer {
    padding:0;
    margin:0;
  }
  .contact-info {
    text-align:center;
    float:none;
    display:block;
    padding:1em 1em 1.5em;
    line-height:1.5;
    width:100%;
  }
  #social {
    margin:1em 0 0;
  }
  #social img {
    margin:.15em .2em;
  }
  .site-footer #map {
    width:100%;
  }
  .site-info {
    display:none;
  }
}
@media screen and (max-width:600px) {
  .contact-info {
    font-size:21px;
    padding:1em;
  }  
  #social {
    margin:1em 0 0;
  }
  #social img {
    width:38px;
  }
  input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    font-size:15px;
    padding:2px 7px;
    border-radius:0;
    line-height:1.5;
    margin-right:0;
    width:200px;
  }
  input[type="submit"],input[type="submit"]:hover {
    border-radius:0;
    box-shadow:none;
    color:#CCCCCC;
    border:1px solid #0d395c;
    line-height:1.1;
    font-size:15px;
    padding:6px 10px;
    text-shadow:none;
  }
}


/* 404 Page */
.error404 .entry-title {
  text-align:center;
  margin-bottom:1.75em;
}
.error404 #content {
  margin:2em auto 4.1em;
  text-align:center;
}