/*
Template Name: Yogi | Yoga & Meditation Website Template
Author: Pillarix
Author URI: https://wrapbootstrap.com/user/pillarix
Version: 1.0
*/
/*
-- Body
-- Custom Classes
-- Navbar
-- Footer
-- Mobile Media  
*/

/* Body */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Syncopate:wght@400;700&display=swap');
body {
  font-family: 'Open Sans', sans-serif;
  background-color: #eee2d4;

}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Syncopate', sans-serif;
  font-weight: bold;
  letter-spacing: -1px !important;
}

.btn,
.link-primary {
  font-family: 'Open Sans', sans-serif;
}

a {
  text-decoration: none;
  color: #1b1b1b;
}

a:hover {
  color: #0b0823 ;
}

.bg-osahan {
  /* background-image: url(../img/banner.jpeg); */
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.yoga-nav a.nav-link {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

/* Custom Classes */
.title-line {
	height: 5px;
	display: inline-block;
}
.btn-lg {
  padding: 10px 32px;
  font-size: 20px;
}

.btn-primary {
  background-color: #0b0823  !important;
  border-color: #0b0823  !important;
}

.bg-secondary{
  background-color: #938cc6  !important;
}

.text-secondary{
  color: #938cc6  !important;
}

.btn-primary:hover {
  background-color: #13095f !important;
  border-color: #13095f !important;
}

.btn-outline-primary {
  border-color: #0b0823  !important;
  color: #0b0823  !important;
}

.btn-outline-primary:hover {
  border-color: #13095f !important;
  background-color: #13095f !important;
  color: #fff !important;
}

.fs-96 {
  font-size: 74px;
  line-height: 76px;
}

.w-5 {
  width: 5% !important;
}

.text-primary {
  color: #0b0823  !important;
}

.bg-primary {
  background-color: #0b0823  !important;
}

.link-primary {
  color: #0b0823  !important;
}

.link-primary:hover {
  color: #13095f !important;
}


.text-success {
  color: green !important;
}

.bg-success {
  background-color: #003049 !important;
}


/* Navbar */
.yoga-nav .navbar-nav .nav-link {
  padding: 10px 0;
  margin: 0px 11px;
}

.yoga-nav .navbar-nav .nav-link.active {
  color: #13095f ;
}

.yoga-nav .navbar-nav .nav-link:hover {
  color: #13095f ;
}

/* Sidebar Nav */
.sidebar-nav .navbar-nav .nav-link {
	font-size: 20px;
	color: #ffffff;
}
.sidebar-nav .navbar-nav .nav-link.active,
.sidebar-nav .navbar-nav .nav-link:hover {
	color: #0b0823 ;
}


/* Footer */
footer .footer-top .social-icons a {
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .footer-top .social-icons a:hover {
  border-color: #0b0823  !important;
}

/* Mobile Media  */
@media (max-width:992px) {
  .m-none {
    display: none;
  }
}

.accordion-button {
          box-shadow: none !important;
        }

        .accordion-button:not(.collapsed) {
          background-color: #f8f9fa;
          color: #212529;
        }

        .accordion-button::after {
          transition: transform 0.2s ease-in-out;
        }

        .accordion-button:not(.collapsed)::after {
          transform: rotate(180deg);
        }

        .accordion-collapse {
          overflow: hidden;
        }

        .accordion-collapse.collapse {
          max-height: 0;
          visibility: hidden;
        }

        .accordion-collapse.show {
          max-height: 1000px;
          visibility: visible;
        }

        .accordion-item {
          border: none !important;
        }

        .accordion-body {
          padding: 1rem 1.25rem;
          animation: fadeIn 0.3s ease-in-out;
        }

        @keyframes fadeIn {
          from {
            opacity: 0;
            transform: translateY(-10px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }