@font-face {
  font-family: "Sigmar";
  src: url(assets/fonts/Sigmar/Sigmar-Regular.ttf);
}

@font-face {
  font-family: "Bebas Neue";
  src: url(assets/fonts/Bebas_Neue/BebasNeue-Regular.ttf);
}

nav ~ div.container-fluid:first-of-type{
    background-color: #F1E3D3;
}


.navbar-brand,
h1 {
  font-family: "Sigmar", monospace;
}

h2 {
  font-family: "Bebas Neue", monospace;
}

#homeBanner {
    height: 80vh;
    background-image: url(assets/crumpled_paper.jpg);
    background-repeat: repeat;
}

#aboutContainer{
  z-index: 2;
}

.aboutBGC{
    background-color: #F1E3D3;
}

#exploreBTN {
    z-index: 2;
    background-color: #E07A5F;
    animation: breathing 3s ease-in-out infinite;
}

#exploreBTN:hover {
    background-color: #e05833;
}

footer,
nav{
    background-color: #1B4D3E;
}
footer a,
footer p.col-md-4,
.navbar-nav,
.navbar{
    --bs-navbar-color: #F1E3D3;
    --bs-nav-link-color: #F1E3D3;
    --bs-navbar-active-color: white;
    --bs-nav-link-hover-color: white;
    color: #F1E3D3;
}

.nav-link:hover{
  background-color: #345a4e;
  border-radius: 8px;
}

.navbar-brand{
    color: white;
}

body {
    background-color: #1B4D3E;
}


.w-80{
  width: 80%;
}



nav {
  z-index: 1;
}

.badge {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
}

.badge:before {
  content: '';
  background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
  position: absolute;
  top: -2px;
  left:-2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing 20s linear infinite;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  border-radius: 10px;
}

.img-fluid:hover ~ .badge:before,
.badge:hover:before{
  opacity: 1;
}


img.placeholder{
    width: 200px;
    height: 200px;
}


.paintingBCG{
    background: linear-gradient(270deg, rgba(255,0,0,1) 0%, rgba(255,0,245,1) 100%);
}

.embroideryBCG{
    background: linear-gradient(270deg, rgba(11,241,34,1) 0%, rgba(247,252,10,1) 100%);
}

.ceramicBCG{
    background: linear-gradient(270deg, rgba(18,54,247,1) 0%, rgba(8,248,248,1) 100%);
}
.figureBCG{
    background: linear-gradient(270deg, rgba(213,0,231,1) 0%, rgba(255,172,172,1) 100%);
}


.tooltip-inner {
  background-color: #9FA6B2 ;
  color: #fff ;
}

.accordion-item {
    --bs-accordion-bg: white;
    --bs-accordion-btn-bg: #E07A5F;
    --bs-accordion-active-bg: #E07A5F;
}

.accordion-button{
  letter-spacing: .25ch;
}

.navbar-toggler {
    border-color: white;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(241,227,211, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  }

  .dropdown-menu{
    --bs-dropdown-bg: #1B4D3E;
    --bs-dropdown-link-color: #F1E3D3;
    --bs-dropdown-link-hover-color: white;
    --bs-dropdown-link-hover-bg: #345a4e;
    --bs-dropdown-link-active-bg: #345a4e;
  }

  form button.btn-primary{
    --bs-btn-disabled-color: black;
    --bs-btn-disabled-bg: #dd9e8c;
    --bs-btn-disabled-border-color: #dd9e8c;
    --bs-btn-border-color: #E07A5F;
    --bs-btn-hover-bg: #e05833;
    --bs-btn-hover-border-color: #e05833;
    --bs-btn-active-bg: #e05833;
    --bs-btn-active-border-color: #e05833;
    --bs-btn-bg: #E07A5F;
  }

  .btn.disabled{
    opacity: 1;
  }

@keyframes breathing {
    0% {
      transform: scale(1);
    }
  
    25% {
      transform: scale(1);
    }
  
    50% {
      transform: scale(1.2);
    }
  
    100% {
      transform: scale(1);
    }
  }

  @keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}