/* ------------  ONE EXPERIENCE TEMPLATE CSS ADHINSA © 2025   ------------*/


/*---------------- General styles --------------------*/

body, p {
  font-family: "bentonsansbook",  Tahoma, Arial, sans-serif !important;  
  font-size: 1rem;
}


.--wu-oor-heading-underline {
    border-bottom: 2px #8F55E0 solid;
    padding-bottom: 16px;
}

.--wu-oor-main-content a, .--wu-oor-main-content a:link {
    color: #4f2683;
    text-decoration: none;
    border-bottom: 1px dotted;
    padding-bottom:3px;
}

.--wu-oor-main-content a:hover {
    color:#8F55E0;
    text-decoration: none;
    border-bottom: 1px solid;
}

.--wu-oor-main-content a:visited {
    color:#201436;
}

.--wu-oor-main-content a:active {
    color:#8F55E0;
}


/*---------------- COLOURS --------------------*/

.--wu-oor-purple {
    color: #4f2683;
}
.--wu-oor-orchid {
    color: #8F55E0;}
.--wu-oor-deep-focus {
    color: #201436;
}
.--wu-oor-sky {
    color:#7DEAFB;
}
.--wu-oor-spring {
    color: #B9F876;
}
.--wu-oor-vivid {
    color: #FCF05E;
}
.--wu-oor-tiger {
    color:#F0A757;
}
.--wu-oor-grey {
    color: #6F7273;
}



  /* ---------------Headers ----------------*/

.--wu-oor-purple-header {
    background-color: #4f2683;
    color: #ffffff;
    padding: .5rem;
}

.--wu-oor-white-header {
    background-color: #ffffff;
    color: #4f2683;
    padding: .5rem;
}

  /* --------------- Navbar ----------------*/
.--wu-oor-navbar {
    background-color: #ffffff;
    border-top: #dddddd 0.5px solid;
}

    .navbar-brand {
    font-weight: bold;
    font-size: 1.5rem;
    color: #4f2683 !important;
    }

    .nav-link {
    transition: color 0.3s ease;
    margin-right: 2rem;
  
    }

    .nav-link:hover {
    color: #4f2683 !important;
    }

    .nav-link.active {
    color:#8F55E0 !important;
    }

    .animated-border {
    position: relative;
    display: inline-block;
    color: #000;
    text-decoration: none;
    padding-bottom: 4px;
    }

    .animated-border::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: #4f2683;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
    }

    .animated-border:hover::after,
    .animated-border.active::after {
    transform: scaleX(1);
    }

 /* --------------- Purple Bar White Links ----------------*/


    .purplebar-nav-link, a.purplebar-nav-link {
    color: #ffffff;
    transition: color 0.3s ease;
    }

    .purplebar-nav-link:hover, a.purplebar-nav-link:hover {
    color: #ffffff !important;
    }

    .purplebar-nav-link.active {
    color: #ffffff !important;
    }

    .animated-border-white {
    position: relative;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    padding-bottom: 4px;
    }

    .animated-border-white::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: #ffffff;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
    }

    .animated-border-white:hover::after,
    .animated-border-white.active::after {
    transform: scaleX(1);
    }



  /* --------------- Breadcrumb ----------------*/
.--wu-oor-breadcrumb {
    background-color: #eeeeee;
    padding:1rem;
    font-size: 0.875rem;
}

  /* --------------- Form ----------------*/

.form-label {
    font-family: "bentonsansmedium",  Tahoma, Arial, sans-serif !important;  
    font-size: 1rem;
}


  /* --------------- Accordion ----------------*/

.--wu-oor-accordion{
    border: 0.5px solid #eeeeee;
  }

.--wu-oor-accordion .accordion-header {
    color: #ffffff;
    background-color: #4f2683;
}
.-bs-accordion-btn-focus {
    border-color: #86b7fe;
}
.--bs-accordion-active {
    color: #4f2683;
}
.accordion-button {
  background-color: #ffffff; 
  color: #000000;         /* dark text */
}

.accordion-button:not(.collapsed) {
  background-color: #4f2683; /* active header */
  color: #fff;
}


  /* --------------- Buttons ----------------*/

.btn-western-purple {
    color: #ffffff;
    background-color: #4f2683;
}

.btn-western-purple:hover {
    color: #ffffff;
    background-color: #201436;
}
.btn-western-grey {
    color: #ffffff;
    background-color: #6F7273;
}

.btn-western-grey:hover {
    color: #ffffff;
    background-color: #292a2b;
}

.btn-western-purple-outline {
    color: #4f2683;
    background-color: #ffffff;
    border: 2px solid #4f2683;
}

.btn-western-purple-outline:hover {
     color: #ffffff;
    background-color: #201436;
    border: 2px solid #201436;

}
.btn-western-grey-outline {
    color: #6F7273;
    background-color: #ffffff;
    border: 2px solid #6F7273;

}

.btn-western-grey-outline:hover {
    color: #ffffff;
    background-color: #292a2b;
    border: 2px solid #292a2b;

}


  /* --------------- Footer ----------------*/
.--wu-oor-footer {
    background-color: #4f2683;
    color: #ffffff;
    padding: 2rem;
  
}

.--wu-oor-footer a {
    color: #ffffff;
    text-decoration: none;
}
.--wu-oor-footer a:hover {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
}

/* ------------ FONTS  ------------ */
.--wu-oor-font-medium {
   font-family: "bentonsansmedium", Tahoma, Arial, sans-serif !important;
 }

.--wu-oor-font-book {
    font-family: "bentonsansbook",  Tahoma, Arial, sans-serif !important;
  }

.--wu-oor-font-bold {
     font-family: "bentonsansbold", Tahoma, Arial, sans-serif !important;
  }

.--wu-oor-font-regular {
     font-family: "bentonsansregular", Tahoma, Arial, sans-serif !important;
  }

.--wu-oor-font-light {
     font-family: "bentonsanslight", Tahoma, Arial, sans-serif !important;
  }


/*--wu-purple: #4F2683;
  --wu-orchid: #8F55E0;
  --wu-deep-focus: #201436;
  --wu-sky: #7DEAFB;
  --wu-spring: #B9F876;
  --wu-vivid: #FCF05E;
  --wu-tiger: #F0A757;
  --wu-grey-7: #6F7273;
  --wu-font-medium: "BentonSans Medium", Arial, sans-serif !important;
  --wu-font-book: "BentonSans Book", Arial, sans-serif !important;
  --wu-font-bold: "BentonSans Bold", Arial, sans-serif !important;
  --wu-font-regular: "BentonSans Regular", Arial, sans-serif !important;*/

  /* --------------- App Name ----------------*/
  .--wu-oor-app-name {
    color: #6f7273;
    font-family: "bentonsansbook", Tahoma, Arial, sans-serif !important;
    font-size: clamp(1rem, 4vw, 1.5rem);
    display: grid;
    /*place-items: center;*/
    align-items: center;   /* vertical */
    /*justify-content: center;  horizontal (optional) */
    /*border: 1px solid #ccc;*/
    
  }