@font-face {
  font-family: 'Gabriela'; /* Name your font family */
  src: url('../fonts/Gabriela/Gabriela-Regular.ttf'); /* Locate the .ttf file within your directory*/
}



/* #hero {
  background: url("../../assets/img/Barcelona-Suite.jpeg") center / cover no-repeat;
  height: 550px;

  background-attachment: fixed;
}

@media (min-width: 992px) {
  #hero {
    background: url("../../assets/img/Barcelona-Suite.jpeg") center / cover no-repeat;
    height: 550px;
    background-attachment: fixed;
  }
} */


  a[href^="tel"] {
    color: inherit; /* Inherit text color of parent element. */
    text-decoration: none; /* Remove underline. */
    /* Additional css `propery: value;` pairs here */
  }



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

#furntiture-hero {
  background: url("../../assets/img/blinds-001.jpg") center / cover no-repeat;
  height: 550px;
}

#about-hero {
  background: url("../../assets/img/blinds-001.jpg") center / cover no-repeat;
  height: 550px;
}

@media (min-width: 992px) {
  #about-hero {
    background: url("../../assets/img/blinds-001.jpg") center / cover no-repeat;
    height: 350px;
  }

  .dropdown-menu .dropdown-menu {
    margin-left: 200px;
    margin-top: -100px;
  }
}

#soft-furnishings-hero {
  background: url("../../assets/img/IMG_2321.jpg") center / cover no-repeat;
  height: 550px;
}

#soft-furnishings-hero {
  background: url("../../assets/img/IMG_2321.jpg") center / cover no-repeat;
  height: 550px;
}

#curtains-hero {
  background: url("../../assets/img/curtains-002.jpg") center / cover no-repeat;
  height: 550px;
}

#shutters-hero {
  background: url("../../assets/img/shutters-4.webp") center / cover no-repeat;
}

#accessories-hero {
  background: url("../../assets/img/IMG_2291.jpg") center / cover no-repeat;
  height: 550px;
}

#furniture-hero {
  background: url("../../assets/img/IMG_2231.jpg") center / cover no-repeat;
  height: 550px;
}

#privacy-hero {
  background: url("../../assets/img/IMG_2231.jpg") center / cover no-repeat;
  height: 550px;
}

@media (min-width: 992px) {
  #sost-furnishings-hero {
    background: url("../../assets/img/curtains-002.jpg") center / cover no-repeat;
    height: 350px;
  }
}

@media (min-width: 992px) {
  #curtains-hero {
    background: url("../../assets/img/curtains-002.jpg") center / cover no-repeat;
    height: 350px;
  }
}

@media (min-width: 992px) {
  #soft-furnishings-hero {
    height: 350px;
    background: url("../../assets/img/IMG_2321.jpg") center / cover no-repeat;
  }
}

@media (min-width: 992px) {
  #furniture-hero {
    background: url("../../assets/img/IMG_2231.jpg") center / cover no-repeat;
    height: 350px;
  }
}

@media (min-width: 992px) {
  #privacy-hero {
    background: url("../../assets/img/IMG_2231.jpg") center / cover no-repeat;
    height: 350px;
  }
}

@media (min-width: 992px) {
  #accessories-hero {
    background: url("../../assets/img/IMG_2291.jpg") center / cover no-repeat;
    height: 350px;
  }
}

@media (min-width: 992px) {
  #shutters-hero {
    background: url("../../assets/img/shutters-4.webp") center / cover no-repeat;
    height: 350px;
  }
}


#logo {
  max-width: 100px;
}

#title {
  color: var(--bs-gray-100);
}

#subtitle {
  color: var(--bs-gray-100);
}

.navbar-light .navbar-nav .nav-link {
  color: var(--bs-body-bg);
}

.active {
  color:#f8f0d9 !important;
}

#mask {
  margin-top: -550px;
  height: 550px;
  background: rgba(33,31,31,0.5);
}

@media (min-width: 992px) {
  #mask {
    margin-top: -550px;
    height: 550px;
    background: rgba(33,31,31,0.5);
  }
}


.courgette-regular {
  font-family: "Courgette", cursive;
  font-weight: 400;
  font-style: normal;
}


.navbar-light .navbar-toggler {
  color: #fff !important;
  border-color: #fff;
}

.customer-names {
  color: var(--bs-pink);
}

#ycf-footer {
  background: #3c2126 !important;
}

.ycf-burg {
  background-color: #3c2126;
  color: #ffffff;
}

.ycf-burg:hover {
  background-color: #3c2126;
  color: #818488;
}

.copyright {
  font-size: 10px;
}

.dbes-logo {
  width: 20px;
}

.dbes {
  color: #ffffff;
  text-decoration: none;
}

.dbes:hover {
  color: #818488;
  text-decoration: none;
}

.supplier-list li {
  list-style-type: none;
  margin-top: 10px;
}

.supplier-list-image {
  max-width: 100px;
  background-color: rgba(33,31,31,0.5);
  padding: 10px;
}

.vh100 {
  height: 100vh;
}

@media (min-width: 992px) {
  .nav-link {
    text-align: center !important;
  }
}

#latest p a {
  color: #ffffff;
}

#main-promotion {
  margin-bottom: 40px;
}

.framed {
  border: double 6px #333;
}

.ycf-shadow {
  box-shadow: #ccc 10px 10px 10px;
}

#sofa-carousel {
  background-color: var(--bs-gray-500);
  border: double;
}

#porto-collection {
  background-color: #3c2126;
  color: #ffffff;
  padding-top: 40px;
  padding-bottom: 100px;
}

.dropdown-toggle{
  color:#3c2126;
}

.roomSets{
  height: 400px;
}

.roomSetMainImg{
  width: 100%;
  max-width: 950px;
}

@media screen and (min-width: 576px) {
  .roomSets{
    height: 550px;
  }
}

@media screen and (min-width: 768px) {
  .roomSets{
    height: 800px;
  }
}

@media screen and (min-width: 992px) {
  .roomSets{
    height: 1068px;
  }
}

#echo-advert{
  padding: 20px;
}

#echo-inner{
  border: 6px solid #72868e;
  padding: 20px;
  color: #d6dad8;
}

.echo-base{
  background-color: #f8f0d9;
}

.echo-contrast{
  background-color: #72868e;
}

.echo-alt{
  background-color: #3a4d59;
}

.echo-text-contrast{
  color: #72868e;
}

.echo-text-base{
  color: #f8f0d9;
}

.echo-text-alt{
  color: #3a4d59;
}

.echo-text-sub-heading{
  font-size: 30px;
  font-weight: 100;
}

.echo-h1{
  font-size: 42px;
}

.echo-border{
  border: solid 2px #f8f0d9;
  border-radius: 12px;
}

.echo-sonia-heading{
  font-size: 46px;
  font-family: 'Times New Roman', Times, serif;
}

.morris{
  font-family: 'Times New Roman', Times, serif;
  font-size: 20px;
}


.wilde{
  font-family: 'Times New Roman', Times, serif;
  font-size: 20px;
  font-weight: 100;
  letter-spacing: 3px;
}

.linwood{
  font-family: 'Times New Roman', Times, serif;
  font-size: 20px;
  font-weight:100;
  letter-spacing: 5px;
}

.ashley{
  font-family: 'Times New Roman', Times, serif;
  font-size: 20px;
}

.iliv{
  font-family: 'Gabriela', serif;
  font-size: 30px;
}

.sanderson{
  font-family: 'Times New Roman', Times, serif;
  font-size: 30px;
}

.christmas-bkg{
  background-color: blueviolet !important;
  background-image: url('/assets/img/christmas/petal-heart-pattern-line-red-christmas-paper-circle-font-background-design-text-shape-snowmen-christmas-card-969286.png');
  background-repeat: repeat;

}