/*
		Please add any custom css to this file and not the style.css file.
*/

.london #hero #EZCarousel {
    height: 100vh;
    max-height: 825px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, [class*=colored-boxed] .box-header, .form-group label {
    color: #bf1a1d;
}

.our-story {
	padding-bottom: 45px;
}

.our-story h3 {
	font-size: 4em;
	color:  #000;
}

.rich-history h3 {
	font-size: 4em;
	color:  #6d3b15;
}

.rich-history h4 {
	font-size: 2.3em;
	color:  #b45913;
}

.nav-tabs.tabbable {
  white-space: nowrap;
   overflow-x: auto;
   overflow-y:hidden;
   flex-wrap: nowrap;
}

.press-tiles h2 {
  font-size: 1.6em;
  color:  #9D691B;
}

.press-tiles h2 a {
  color:  #9D691B;
}

.press-tiles h2 a:hover {
  color:  #bf1a1d;
}

.press-tiles h2 a {
  color:  #9D691B;
}

.press-tile-margins {
  margin-right: 0;
  margin-left: 0;
}

/*Food Menu*/

.food-menu .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.food-menu h3 {
  text-transform: uppercase;
}

.menu-header {
  margin: 3rem 0;
}

[class*="menu-image"] {
  min-height: 450px;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  padding: 3rem;
  margin-top: 3rem;
}

[class*="menu-image"] .row [class*="col"] {
  background-color: #fff;
  padding: 1.25rem;
}

.menu-image-1 {
  background-image: url(../images/menu/Tortillas2.jpg);
}

.menu-image-2 {
  background-image: url(../images/menu/soup.jpg);
}

.menu-image-3 {
  background-image: url(../images/menu/seafood.jpg);
}

.menu-image-4 {
  background-image: url(../images/menu/desserts.jpg);
}

.home-image-1 {
  background-image: url(/spillover/emailer2020/img/mattselrancho/MattJanie.jpg);
}

.menu-header h3 {
  color:  #dd9933;
}

.menu-price {
  color: #bf1a1d;
  letter-spacing: normal;
  font-size: 1.4em;
  font-weight: 605;
}

.page-header .page-name {
    font-size: 2.75rem;
}

.press-header .page-name {
    margin-top: 10vh;
}

.press-header {
    height: 40vh;
    display: flex;
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center center;
}

.press-header .page-name {
    color: #ffdd75;
}

.gloria-header {
  background-image: url(/spillover/proto/mattselrancho/images/headers/gloria-header.jpg);
}

.rsvp-header {
  background-image: url(/spillover/proto/mattselrancho/images/headers/rsvp-header.jpg);
}

.top-5-header {
  background-image: url(/spillover/proto/mattselrancho/images/headers/top-5-header.jpg);
}

.marg-header {
  background-image: url(/spillover/proto/mattselrancho/images/headers/marg-header.jpg);
}

.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    z-index: 2;
}

.header-filter {
  background-color: rgba(0, 0, 0, 0.5);
}

@media(min-width: 992px) {
.push-right {
  right: -6rem;
    z-index: 999;
    position: relative;
    background: white;
    max-height: 400px;
    top: 1rem;
    padding-top: 15px;
    box-shadow: 7px 7px rgb(100 100 100 / 50%);
    border: 1px solid gray;
}
}

.push-right .btn .btn-template {
  background-color: #1bb1bc;
}

.btn-danger {
    background-color: #bf1a1d;
}

.nav-tabs.tabbable {
  white-space: nowrap;
   overflow-x: auto;
   overflow-y:hidden;
   flex-wrap: nowrap;
}

/*================================
=            Parallax            =
================================*/
.parallax-bg {
  position: relative;
  height: auto;
  overflow: hidden;
}
.parallax-bg .parallax-bg--image-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.parallax-bg .parallax-bg--image-container .parallax-bg--image {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

@media(max-width: 767px) {

.navbar .navbar-brand img {
  max-width: 120px;
}


.parallax-bg .parallax-bg--image-container .parallax-bg--image {
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
}


.parallax-bg .parallax-bg--content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5rem 15px;
  width: 100%;
  height: 50vh;
  text-align: center;
}
.parallax-bg h2 {
  color: #fff;
  font-style: italic;
}

/* ------ Review Carousel ------ */

@media (max-width: 767px){
.parallax-bg .parallax-bg--image-container .parallax-bg--image {
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}}

.testimonial-carousel {
  background-image: url(../images/design/parallax-bg.jpg);
  min-height: 35vh;
  background-size: cover;
  background-position: center;
}

.testimonial-carousel::after {
  background-color: rgb(0, 0, 0, .7);
}

.testimonials-overlay {
  display: flex;
    position: relative;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
  padding-top: 1rem;
    width: 100%;
    height: 100%;
    text-align: center;
  min-height: 35vh;
    border-top: 1vh solid #111;
}

.testimonial-text {
  font-size: 3rem;
  color: #fff;
}

.testimonial-header {
  color: #fff;
}

.testimonial-carousel .btn-template {
    position: relative;
    transition: color 0.3s;
    z-index: 10;
    border: 3px solid #ffffff;
    border-radius: 0;
    background: transparent;
    /* padding: 15px 25px; */
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
}

.review-carousel {
  padding: 3rem 0;
  background-color: #000;
}

.review-text {
  font-size: 18px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
}

.c-spacer {
  padding-bottom: 1rem;
}

.source-logo {
  min-height: 3rem;
  max-height: 3rem;
}

.review-header {
  color: white;
  
}

.review-carousel .btn-template {
    position: relative;
    transition: color 0.3s;
    z-index: 10;
    border: 3px solid #ffffff;
    border-radius: 0;
    background: transparent;
    padding: 15px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
}

.fa-star {
  background-image: linear-gradient( to right, #e8cc6e 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #e8cc6e 100% );
  color:transparent;
  -webkit-background-clip:text;
  font-size: 30px;
  margin-left: .2rem;
  margin-right: .2rem;
}

.no-decoration {
  color: white;
  text-decoration: none;
}

.no-decoration:hover, .no-decoration:focus, .no-decoration:active {
  color: white;
  text-decoration: none;
}

.modal-header {
  background-color: var(--primary-color);
}

.modal-header button {
  color: white;
}

.modal-content {
  border-radius: .5rem;
}

#fullArticleModal .close {
  color: #333;
  text-decoration: none;
}

#fullArticleModal .close:hover {
  color: #000;
  text-decoration: none;
}


#fullArticleModal.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}