:root {
  --rb-primary: #432379;
  --rb-secondary: #F09723;
  --rb-dark: #3A302F;

  --bs-primary: #432379;
  --bs-primary-rgb: 67,35,121;
  --bs-secondary: #F09723;
  --bs-secondary-rgb: 240,151,35;
}

.btn-outline-primary {

  --bs-btn-color: #432379;
  --bs-btn-border-color: #432379;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #432379;
  --bs-btn-hover-border-color: #432379;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #432379;
  --bs-btn-active-border-color: #432379;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #432379;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #432379;
  --bs-gradient: none;
}

[data-bs-theme="dark"] {
  --rb-primary: #a16df9;
  --rb-secondary: #F09723;
  --rb-dark: #b2aaaa;

  --bs-primary: #a16df9;
  --bs-primary-rgb: 161,109,249;
  --bs-secondary: #F09723;
  --bs-secondary-rgb: 240,151,35;
}

.accordion-button:not(.collapsed) {
    color: black !important;
    background-color: #43237945 !important;
}
.accordion-item a {
    text-decoration: underline;
}
.accordion-item a:hover {
    text-decoration: none;
}
.accordion-button:focus {
  border-color: #432379 !important;
  box-shadow: none;
}

body {
  line-height: 30px;
}

.interior-nav .navbar-nav .nav-link.active, .interior-nav .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
  background-color: #dbdbdb;
  border-radius: 10px;
}

.interior-nav .navbar-nav .nav-link:hover {
  color: var(--rb-primary);
}

.h-fixed {
  height: calc(100vh - 210px);
  max-height: calc(100vh - 210px);
  min-height: calc(100vh - 210px);
}

a:hover g {
  fill: var(--rb-primary);
}
/*--------------------------- BASICS / FONTS / COLORS -------*/

@font-face {
  font-family: "Roboto Slab";
  src: url(/ancel-client/theme/default/fonts/RobotoSlab-VariableFont_wght.ttf);
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url(/ancel-client/theme/default/fonts/Outfit-VariableFont_wght.ttf);
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url(/ancel-client/theme/default/fonts/Manrope-VariableFont_wght.ttf);
  font-display: swap;
}

.robo-font {
  font-family: "Roboto Slab", sans-serif !important;
  font-style: normal;
}

.outfit-font {
  font-family: "Outfit", sans-serif !important;
  font-style: normal;
  /* font-size: 72px; */
  font-weight: 700;
}

.card-header {
  font-family: "Outfit", sans-serif !important;
  font-style: normal;
  font-weight: 700;
}

.input-group button.btn-outline-secondary {
  --bs-btn-border-color: #dee2e6 !important;
}
.manrope-font {
  font-family: "Manrope", sans-serif !important;
  font-style: normal;
  font-weight: 700;
}

.rp-dark, .rp-dark a:not(.btn, .dropdown-item) {
  color: var(--rb-dark) !important;
}

.rp-dark a:not(.btn, .dropdown-item):hover {
  color: var(--rb-primary) !important;
}

.text-shadow {
  text-shadow: #000 1px 0 10px;
}

.text-shadow .text-shadow-none {
  text-shadow: none;
}

.border-primary {
  border-color: var(--rb-primary) !important;
}

a {
  color: var(--rb-primary);
  text-decoration: none;
}

a:hover {
  color: var(--rb-primary);
}
.ripple-footer a {
  color: #a4a9ae;
}
.ripple-footer a {
  color: #a4a9ae;
  text-decoration: none;
  transition: all ease 0.5s;
}

.ripple-footer a:hover {
  color: #8f7fff !important;
}

h1, h2, h3, h4 {
  font-family: "Outfit", Sans-serif;
  font-style: normal;
}

h1, h2, .h1, .h2 {
  color: var(--rb-dark);
  font-weight: bold;
}

h3, h4, .h3, .h4 {
  color: var(--rb-primary);
  font-weight: bold;
}

.shadow-xl {
  box-shadow: 0 30px 60px 0 rgba(0,0,0,.3);
}

.no-icon {
  list-style-type: none
}

.text-gray {
  color: #7A7A7A;
}

.dropdown-item:active {
  color: #fff !important;
  text-decoration: none;
  background-color: var(--bs-primary);
}

#interior-content {
  min-height: 216px;
}
.item_list_pagination {
    border-radius: 5px;
}
.items_table {
    position: relative;
}

.scrollable {
    overflow-x: auto;
    /* overflow-y: hidden; */
    position: relative;
    /* padding-left: 30px; */
    z-index: 1;
    height: calc(100vh - 210px);
    min-height: calc(100vh - 210px);
}

#map, .map, .map-container {
  border-radius: 10px;
}

/*--------------------------- BANNER -------*/
.banner-overlay {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #170733d4;
  border-radius: 5px 5px 0 0;
}

.mini-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  /* border: 2px solid var(--rb-primary); */
  border-radius: 50%;
  font-size: 30px;
  color: var(--rb-primary);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  border: 2px solid var(--rb-primary);
  border-radius: 50%;
  font-size: 30px;
  color: var(--rb-primary);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
/*--------------------------- NAVIGATION -------*/
#ripple-nav {
  transition: all ease 0.5s;
}

.ripple-down {
  margin-top: 0px !important;
}

.ripple-down .navbar {
  padding-top: 0px !important;
}

.ripple-down .nav-container {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.ripple-down .nav-contact {
  border-top-right-radius: 0 !important;
}

.nav-container {
  border-radius: 1rem;
}

.nav-contact {
  border-top-right-radius: 0.8rem !important;
}

/*--------------------------- BUTTONS -------*/
.btn {
  font-family: "Outfit", Sans-serif;
}
.text-ripple {
  color: var(--rb-primary);
}
.btn-ripple-x {
  color: #fff;
  background-color: var(--rb-primary);
  border-color: var(--rb-primary);
  border-width: 3px;
}

.btn-ripple-x:hover {
  color: var(--rb-primary);
  background-color: transparent;
  border-color: var(--rb-primary);
}

a.btn-ripple-x h4 {
  color: #fff;
}

a.btn-ripple-x:hover h4 {
  color: var(--rb-primary);
}

.btn-ripple-alt-x {
  color: #fff;
  background-color: var(--rb-secondary);
  border-color: var(--rb-secondary);
  border-width: 3px;
}

.card-body .form-group label {
  background-color: #ececec;
}

.btn-ripple-alt-x:hover {
  color: var(--rb-secondary);
  background-color: transparent;
  border-color: var(--rb-secondary);
}

.btn-ripple-alt {
  color: #fff;
  background-color: var(--rb-secondary);
  border-color: var(--rb-secondary);
}

.btn-ripple-alt:hover {
  background-color: var(--rb-primary);
  color: white;
  border-color: var(--rb-primary);
}

.btn-check:checked + .btn-ripple {
    background-color: var(--rb-secondary);
    color: white;
    border-color: var(--rb-primary);
}

.btn-ripple {
  color: #fff;
  background-color: var(--rb-primary);
  border-color: var(--rb-primary);
}

.btn-ripple:hover,
.btn-check + .btn-ripple:hover {
  color: #fff;
  background-color: var(--rb-secondary);
  border-color: var(--rb-secondary);
}
.rounded-lg {
  border-radius: 1rem !important;
}

.popular-icon {
  z-index: 2000;
  left: -7px;
  top: -30px;
  transform: rotate(-10deg)
}

.icon-with-text::before {
  content: "MOST POPULAR";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}

.ripple-footer {
  background-image: url('/ancel-client/data/imgs/banner/footer.jpg');
  background-position: top center;
  background-attachment: fixed;
  background-color: #303539 !important;
}

.card-hover {
  border-width: 3px;
}

.card-hover:hover {
  border-color: var(--rb-primary);
  color: var(--rb-primary);
}

/*----------------------------FORMS------------*/
.form-ripple input,
.form-ripple textarea {
  border-width: 0 0 2px 0;
  border-color: var(--rb-primary);
  border-radius: 0;
  resize: none;
}

.form-ripple input:focus {
  outline: none;
  border-color: var(--rb-secondary);
  box-shadow: 0 0 0;
}

.form-ripple label {
  color: var(--bs-gray);
  font-weight: bold;
}

input::placeholder {
  color: #a4a9ae;
  opacity: 1; /* Firefox */
  font-size: 0.9rem;
}



.form-ripple input::placeholder {
  color: #a4a9ae;
  opacity: 1; /* Firefox */
}

.form-ripple input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #a4a9ae;
}

.form-ripple input::-webkit-input-placeholder {
   font-style: italic;
}
.form-ripple input:-moz-placeholder {
   font-style: italic;
}
.form-ripple input::-moz-placeholder {
   font-style: italic;
}
.form-ripple input:-ms-input-placeholder {
   font-style: italic;
}

/*--SLIDER--*/


/* Chrome and other WebKit-based browsers */
/* .form-range::-webkit-slider-thumb {
  background-color: var(--bs-secondary);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -0.4rem;
} */

/* .form-range::-webkit-slider-runnable-track {
  height: .2rem;
  background-color: #e9ecef3b;
} */

/* .form-range:focus::-webkit-slider-thumb {
  box-shadow: unset;
} */

/* Standard */







/*Chrome*/
.form-range {
  -webkit-appearance: none; /* Add this to remove default styles */
}

.form-range::-webkit-slider-thumb {
  background-color: var(--bs-secondary);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -0.4rem; /* Adjust the position */
}

/* .form-range::-webkit-slider-runnable-track {
  height: .2rem;
  background-image: linear-gradient(to right, var(--bs-secondary) 0%, var(--bs-secondary) calc((var(--value) - 1) * 1%), transparent calc(var(--value) * 1%), transparent 100%);
} */


.form-range:focus::-webkit-slider-thumb {
  box-shadow: unset;
}
/** FF*/
.form-range::-moz-range-thumb {
  background-color: var(--bs-secondary);
  cursor: pointer;
}
.form-range::-moz-range-track {
  height: .2rem;
  background-color: #e9ecef3b;
}
.form-range:focus::-moz-range-thumb {
  box-shadow: unset;
}
input[type="range"]::-moz-range-progress {
  background-color: var(--bs-secondary);
}

.form-range-container {
  position: relative;
  width: 100%;
  height: 0.2rem;
  overflow: hidden;
}

/* IE*/
.form-range::-ms-thumb {
  background-color: var(--bs-secondary);
  cursor: pointer;
}

.form-range::-ms-track {
   height: .2rem;
  background-color: #e9ecef3b;
}
.form-range::-webkit-slider-runnable-track {
  height: .2rem;
   background-color: #e9ecef3b;
  /* background: linear-gradient(to right, var(--bs-secondary) 0%, var(--bs-secondary) calc(((100% - 0.2rem) * 1) - 1px), transparent calc(((100% - 0.2rem) * 1) - 1px), transparent 100%); */
}
.form-range:focus::-ms-thumb {
  box-shadow: unset;
}

.form-range {
  /* General styles for all browsers */
  width: 100%;
}

input[type="range"]::-ms-fill-lower {
  background-color: var(--bs-secondary);
}
input[type="range"]::-ms-fill-upper {
  background-color: var(--bs-secondary);
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-primary);
  border-color: #2d0b68;
}

a.list-group-item:hover {
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-primary);
  border-color: #2d0b68;
}