body {
  font-family: 'Cutive Mono', monospace;
}

a:link {
  text-decoration: none;
}

p {
  font-size: 18px;
  line-height: 1.8;
  font-family: 'Cutive Mono', monospace;
}


/* -------------------------------------------------------BACKGROUNDS */

.z-index {
z-index: 10;
}

.background-fixed {
  background-attachment: fixed;
}

.body-bg {
  background-image: url("../images/home_page_bg.jpg");
}

.testimonial-body-bg {
  background-image: url("../images/testimonial_page_bg.jpg");
}



.bg-cover {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.black-bg {
  background-color: #000000;
}

.gunmetal-grey-bg {
  background-color: #09222F;
}

.rich-black-bg {
  background-color: #0A1A24;
}


.grey_bg {
  background-color: #cccccc;
}

.footer-bg {
  background-image: url("../images/footerbg.jpg");
}



.home-bg {
  background-image: url("../images/homebg.jpg");
}

.corporate-bg {
  background-image: url("../images/corporatebg.jpg");
}


.priv_func-bg {
  background-image: url("../images/priv_funcbg.jpg");
}

.testimonial-pic-bg {
  background-image: url("../images/testimonials_pic.jpg");
}

.testimonial-bg {
  background-image: url("../images/testimonialbg.jpg");
}


.wedding-bg {
  background-image: url("../images/weddingbg.jpg");
}

.white_bg {
  background-color: #ffffff;
}


/* -------------------------------------------------------------------BORDERS */

.border-dark-grey-3 {
  border: 3px solid #09222F;
}

.border-white-3 {
  border: 3px solid white ;
}


/* -------------------------------------------------------------------BUTTONS */


.btn-sml {
  border-radius: 2px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 5px;
  border: none;
  outline:none;
  color: #333333;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px;
}

.btn-default {
  background-color: #f8bd0e;
  padding: 5px 20px 5px 20px;
}

    .btn-default:hover {
      background-color: #f8bd0e;
      opacity: 0.8;
      color: #333333;
    }

.btn-gunmetal-grey {
  background-color: #09222F;
  color: #ffffff;
  padding: 5px 20px 5px 20px;
}

    .btn-gunmetal-grey:hover {
      background-color: #09222F;
      opacity: 0.8;
      color: #ffffff;
    }


.btn-white {
  background-color: #ffffff;
  color: #09222F;
  padding: 5px 20px 5px 20px;
}

    .btn-white:hover {
      background-color: ##f6f6f6;
      opacity: 0.8;
      color: #09222F;
    }

/* -------------------------------------------------------CAROUSEL BACKGROUNDS */

.corporate-background {
  background-image: url("../images/corporate.jpg");
}

.wedding-background {
  background-image: url("../images/wedding.jpg");
}

.dining-background {
  background-image: url("../images/private_dining.jpg");
}

.an-other-background {
  background-image: url("../images/an-other.jpg");
}


/* -------------------------------------------------------CARDS */

.card {
  border: 0px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex: auto;
  margin: 0px;
  margin-bottom: 20px;
  padding: 0px;
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 100%;
}

.card-body {
  padding-left: 0px;
  padding-right: 0px;
}

.card-footer {
  background-color: #ffffff;
  border-top: 0px;
  border-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;;
}

.card-img-overlay {
  padding: 0px;
}

.card-margin {
  border: 0px;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex: 1 5 auto;
  margin: 5px;
  margin-bottom: 20px;
  padding: 0px;
}


.grid-box {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(20rem, 1fr));
}

.flex {
  margin: 0px;
}

/* -------------------------------------------------------FOOTER */

footer a {
  color: #ffffff !important;
}

    footer a:hover {
      color: #cccccc !important;
    }


/* -------------------------------------------------------DROP SHADOWS */

.outer-glow-white {
  filter: drop-shadow(0px 0px 5px #FFFFFF);
}

.outer-glow-black {
  filter: drop-shadow(0px 0px 3px #000000);
}

.drop-shadow-bottom {
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
}

.drop-shadow-top {
  -webkit-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.5);
}


/* -------------------------------------------------------GALLERY */



/* -------------------------------------------------------HEIGHTS */

.height-100pc {
  height: 100%;
}

.height-90pc {
  height: 90%;
}

.height-20px {
  height: 20px;
}

.height-10px {
  height: 10px;
}

.height-40px {
  height: 40px;
}

.height-50pc {
  height: 50%;
}

.height-150px {
  height: 150px;
}

.height-250px {
  height: 250px;
}

.carousel-height-350px {
  height: 350px;
}

.height-350px {
  height: 350px;
}

.height-400px {
  height: 400px;
}

/* --------------------------------------------------------------------IMAGES */

.img {
  height: auto;
  width: 98%;
}

.image-block {
  background-color: black;
  padding: 0px;
  margin: 0px;
  height:300px;
  text-align: center;
  vertical-align: bottom;
}

/* -------------------------------------------------------MARGINS */

.margin-15 {
  margin: 15px;
}

.margin-right-15 {
  margin-right: 15px;
}

.margin-left-40 {
  margin-left: 40px;
}

.margin-0 {
  margin: 0px!important;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-top-3 {
  margin-top: 3px;
}

/* -------------------------------------------------------NAVS */

.my-nav {
position: absolute;
width: 100%;
}

.navbar .navbar-expand-lg .navbar-dark li a{
  color: #ffffff;
}

.nav-link-color-white:hover {
  color: #c5c5c5;
}


.dropdown-menu {
  background-color: #000000;
  border: 0px;
}


.dropdown-menu a {
  color: #ffffff !important;
}

    .dropdown-menu a:hover {
      color: #cccccc !important;
      background:transparent !important;
    }


nav ul li a {
  color: #ffffff !important;
}

    nav ul li a:hover {
      color: #cccccc !important;
    }


/* -------------------------------------------------------OPACITY */

.opacity-7 {
  opacity: 0.7;
}


/* -------------------------------------------------------PADDINGS */

.padding-0 {
  padding: 0px;
}

.padding-20 {
  padding: 20px;
}

.padding-left-right-20 {
  padding-left: 20px;
  padding-right: 20px ;
}

.padding-top-bottom-25 {
  padding-top: 25px;
  padding-bottom: 25px ;
}


/* -------------------------------------------------------POSTITIOS */

.position-absolute {
  position: absolute;
}

.position-inherit {
  position: inherit;
}


.position-relative {
  position: relative;
}

/* -------------------------------------------------------TEXT */

.font-cookie {
  font-family: 'Cookie', cursive;
}

.font-weight-600 {
  font-weight: 600;
}

.text-black {
  color: #000000;
}

.text-brick-red {
  color: #7f2a11;
}

.text-bronze {
  color: #CD7F32;
}

.text-grey {
  color: #333333;
}

.text-large {
  font-size: 60px;
}

.carousel-text-large {
  font-size: 60px;
}

.text-larger {
  font-size: 80px;
}

.text-light-green {
  color: #9fac90;
}

.text-center {
  text-align: center;
}

.text-justified {
  text-align: justify;
}

.text-left {
  text-align: left;
}

.text-orange-brown {
  color: #7f8e9e;
}

.text-rust {
  color: #c5824d;
}

.text-sml {
  font-size: .8em;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-yellow {
  color: #f8bd0e;
}

.text-white {
  color: #ffffff !important;
}

.heading-text {
  font-family: 'Abril Fatface', cursive;
}

.body-text {
  font-family: 'Cutive Mono', monospace;
}

.sub-heading-text {
  font-family: 'Bebas Neue', cursive;
}

/* -------------------------------------------------------VIDEO OVERLAY */


/* Add some content at the bottom of the video/page */

.video-content {
  position: absolute;
  top: 0;
  width: 100%;
  /* background: rgba(0, 0, 0, 0.5); */
  padding: 20px;
  margin: 0px;
}

.video {
  width:100%;
  height:100vh;
  object-fit: cover;
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
/* -------------------------------------------------------WIDTHS */

.width-250 {
  width: 250px;
}

.max-width-70pc {
  max-width: 70%;
}

.max-width-90pc {
  max-width: 90%;
}


/* -------------------------------------------------------MEDIA QUERIES */

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .carousel-height-350px {
    max-height: 200px !important;
  }

  .carousel-text-large {
    font-size: 35px;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

}