:root{

  /*Palette*/
  --palette_1:#101010;
  --palette_2:#898884; /*background*/
  --palette_3:#9b2a2a;/*#725d36;*/
  --palette_4:#f6f6f6;
  --palette_5:#ffffff;

  /*Body colors*/
  --body_background_color:var(--palette_4);
  --body_text_color:var(--palette1);

  /*Card colors*/
  --card_background_color:var(--palette_5);
  --card_text_color:var(--palette_1);
  --card_border_color:var(--palette_2);

  /*Collapse body colors*/

  --collapse_header_background_color:var(--palette_1);
  --collapse_content_background_color:var(--palette_5);
  --collapse_text_color:var(--palette_1);
  --collapse_header_color:var(--palette_4);

  /*Navbar colors*/
  --navbar_background_color:var(--palette_1);
  --navbar_text_color:var(--palette_5);
  --navbar_text_hover_color:var(--palette_2);

  --navbar_search_visibility:hidden; /* visible or hidden */
  --navbar_search_button_color:var(--palette_5);
  --navbar_search_input_background:var(--palette_1);
  --navbar_search_input_text_color:var(--palette_5);
  --navbar_search_results_background_color:var(--palette_4);
  --navbar_search_results_color:var(--palette_1);
  --navbar_search_results_hover_color:var(--palette_2);
  --navbar_search_headers_color:var(--palette_2);


  /*Presentation colors*/
  --presentation_background_color:var(--palette_4);
  --presentation_text_color:var(--palette_2);
  /*--presentation_arrows_color:;*/


}

nav-bar #navBarMain{
    background-color: var(--navbar_background_color);
    position:fixed;
    width:100%;
    z-index:1000;
    padding-top:5vh;
    padding-bottom:5vh;
  }


nav-bar .navbar-brand img{
  width:10vw;
}

#main{
  padding-top:29.5vh;
    padding-left:5vw;
    padding-right:5vw;
}



@media screen and (max-width:480px){
  #main{
    padding-top:30vh;
    padding-left:5vw;
    padding-right:5vw;
  }



  nav-bar .navbar-brand img{
    width:40vw;

  }

}




nav-bar .nav-link{
  color:var(--navbar_text_color);
}

nav-bar .nav-link:hover{
  color:var(--navbar_text_hover_color);
}

nav-bar #searchButton{
  color:var(--navbar_search_button_color);
  visibility: var(--navbar_search_visibility);
}

nav-bar search-bar input{
  background-color:var(--navbar_search_input_background);
  color: var(--navbar_search_input_text_color);
}

nav-bar search-bar .search-option{
  background-color:var(--navbar_search_results_background_color);
  color:var(--navbar_search_results_color);
}

nav-bar search-bar .search-option:hover{
  background-color: var(--navbar_search_results_hover_color);
}

nav-bar search-bar #options{
  background-color:var(--navbar_search_results_background_color);
}

nav-bar search-bar .search-heading{
  color:var(--navbar_search_headers_color);
}


/*Roberto Cavalli icon search*/
.icon--search-w {
  background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M2.168 9.167a7 7 0 1 1 14 0 7 7 0 0 1-14 0Zm7-8a8 8 0 1 0 5.292 14l3.52 3.52.708-.707-3.52-3.52a8 8 0 0 0-6-13.293Z%27 fill=%27white%27/%3e%3c/svg%3e") center no-repeat;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
}


/*Roberto cavalli close icon*/
.icon--close-w {
  background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27m9.293 10-7.147 7.146.708.708L10 10.707l7.146 7.147.708-.707L10.707 10l7.147-7.146-.707-.708L10 9.293 2.854 2.146l-.708.708L9.293 10Z%27 fill=%27white%27/%3e%3c/svg%3e") center no-repeat;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
}

/*Roberto cavalli menu hamburger icon*/
.icon--h-menu-w {
  background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M18.333 5.5H1.666v-1h16.667v1Zm0 5H1.666v-1h16.667v1Zm-16.667 5h16.667v-1H1.666v1Z%27 fill=%27white%27/%3e%3c/svg%3e") center no-repeat;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
}

/*------------------------*/

/*BODY*/
/*------------------------*/
body{
  background-color: var(--body_background_color);
  color:var(--body_text_color);
  font-family: Mulish;

  /*background-image: radial-gradient(#b4b4b4 2px, #ffffff 2px);*/
}
/*------------------------*/



/*BUTTONS*/
.btn{
    background-color: var(--palette_5);
    color:var(--palette_1);
    border:1px solid var(--palette_1)
}

.btn:hover{
    background-color: var(--palette_4);
    color:var(--palette_1);
    border:1px solid var(--palette_1)


}

login-main .btn{
    width:30vw;
}

@media (max-width: 1024px) {
    login-main .btn {
        width: 90%;
    }
}

/*Input for updateable fields*/
emailreset-form form div input{
    width:40vw !important;
}

resetusername-form form div input{
    width:40vw !important;
}

@media (max-width: 1024px) {
    emailreset-form form div input{
        width:125% !important;
    }
    
    resetusername-form form div input{
        width:125% !important;
    }
}

a{
    color:#888;
    font-family: Mulish;
  }
  
a:hover{
    color:#555;
}

  
b{
    font-family: MulishBold;
  }


  .unstyled-link{
    text-decoration:none;
    color:inherit;
  }
  

  html {
    scroll-behavior: smooth;
  }

#main{
    min-height: 100%;
}
/*Modal*/

modal-body div{
    font-family: Mulish;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  }
  
  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
  }
  
  .accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }
  
/*Modal*/

/* Transparent Header Styles (applies only when .modal-transparent is used) */
.modal-content.modal-transparent .modal-header {
  background-color: rgb(0,0,0,0);
  border-bottom: none; /* Remove the default border */
  position: relative; /* Ensure header is on top */
  z-index: 10; /* Ensure header is above body content */
}

.modal-content.modal-transparent .modal-title {
  color: var(--palette_1);
}

.modal-content.modal-transparent .modal-body {
  margin-top: -70px; /* Pull the body content up underneath the header */
  padding-top: 0px !important; 
  padding-left: 0px !important; 
  padding-right: 0px !important; 
  padding-bottom: 0px !important; 


  position: relative;
  z-index: 1; /* Ensure body is under the header */
}

.modal-content.modal-transparent .modal-footer {
  z-index: 1;
}

.modal-content.modal-transparent .btn-close {
  z-index: 20; 
  color: var(--palette_1);
}

/*NEW*/
/* Base Modal Styles */
.modal-dialog {
  border-radius: 16px; /* Softer, rounder corners */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
  overflow: hidden; /* Ensures content stays within the rounded corners */
  transition: transform 0.3s ease, opacity 0.3s ease; /* Smooth appearance and disappearance */
}

.modal-header {
  background-color: var(--palette_4); /* Light, neutral background */
  border-bottom: none; /* Remove default border for a cleaner look */
  padding: 1rem 1.5rem; /* Adequate padding for better spacing */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-title {
  font-size: 1.5rem; /* Slightly larger, more readable title */
  font-weight: 600; /* Semi-bold font weight for emphasis */
  color: #1d1d1f; /* Darker gray text for better contrast */
  margin: 0; /* Remove default margin */
}

.btn-close {
  background-color: transparent;
  border: none;
  font-size: 1.5rem;
  color: #5c5c5c; /* Muted gray close button */
  cursor: pointer;
  transition: color 0.3s ease;
}

.btn-close:hover {
  color: #000; /* Darker on hover for emphasis */
}

.modal-body {
  padding: 1.5rem; /* Ample padding for comfortable reading */
  background-color: #fff; /* Clean, white background */
  color: #6e6e73; /* Slightly lighter text for readability */
  font-size: 1rem;
  line-height: 1.5;
}

.modal-content {
  border: none; /* Remove default border */
  border-radius: 16px; /* Match the dialog border-radius */
}

.modal-fullscreen {
  border-radius: 0; /* Remove rounding for fullscreen mode */
}

.modal.fade .modal-dialog {
  transform: translateY(-20px);
  opacity: 0;
}

.modal.show .modal-dialog {
  transform: translateY(0);
  opacity: 1;
}

/*Cards */



/*Formbody*/

.form-body-card{
  width:30vw;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4), 0 12px 40px 0 rgba(0, 0, 0, 0.38)
}

@media (max-width: 1024px) {
  .form-body-card{
    width:100%;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4), 0 12px 40px 0 rgba(0, 0, 0, 0.38)
  }
}


modal-body .form-body-card{
  width:100%;
  box-shadow: none;
  border: none;
}

modal-body form{
  width:100%;
  
}



.file-form{
  opacity: 0;
   position: absolute;
   z-index: -1;
  
}

.file-form-label{
  cursor:pointer;
}


/*ROBERTO CAVALLI FOOTER*/
footer{
  text-align:center;
  padding-top:5vh;
  background-color:var(--palette_1);
  color:var(--palette_4);
}

footer .col-md-3{
  text-align:left;
  display: flex !important;
  flex-direction: column !important;
}

footer .col-md-3 a{
  color:var(--palette_4);
  text-decoration: none;
  font-size:80%;
  margin-bottom:1vh;

}

footer .col-md-3 b{
  border-bottom:1px solid var(--palette_2);
  padding-bottom:2vh;
  margin-bottom:2vh;
  background-color: var(--palette_1);
}

footer .row{
  margin-left:-2vw;
  margin-right:-2vw;

}

footer #footerBottom{
  border-top:1px solid var(--palette_2);
  margin-bottom:-2.2vh;
  padding-top:2.5vh;
  padding-bottom:1vh;
  font-size:75%;
  margin-top:3vh;


}

.icon--instagram-w {
  background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath d=%27M6.249 1A5.256 5.256 0 0 0 1 6.25v7.5A5.257 5.257 0 0 0 6.25 19h7.5A5.257 5.257 0 0 0 19 13.75V6.248A5.256 5.256 0 0 0 13.75 1H6.248ZM15.4 3.88a.72.72 0 1 1 0 1.44.72.72 0 0 1 0-1.44ZM10 5.32A4.684 4.684 0 0 1 14.68 10c0 2.581-2.1 4.68-4.68 4.68-2.581 0-4.68-2.1-4.68-4.68 0-2.58 2.099-4.68 4.68-4.68Zm0 1.44a3.24 3.24 0 1 0 0 6.48 3.24 3.24 0 0 0 0-6.48Z%27 fill=%27white%27/%3e%3c/svg%3e") center no-repeat;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
}

.icon--facebook-w {
  background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath d=%27M10 1.667c-4.603 0-8.334 3.75-8.334 8.376 0 4.2 3.078 7.667 7.088 8.273v-6.053H6.692V10.06h2.062V8.596c0-2.426 1.176-3.49 3.181-3.49.96 0 1.469.071 1.71.104v1.922h-1.369c-.851 0-1.149.811-1.149 1.726v1.203h2.496l-.339 2.202h-2.157v6.07c4.068-.554 7.206-4.05 7.206-8.29 0-4.626-3.731-8.376-8.334-8.376Z%27 fill=%27white%27/%3e%3c/svg%3e") center no-repeat;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
}

.icon--yt-w {
    background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M18.785 5.35a2.316 2.316 0 0 0-1.617-1.667c-1.433-.35-7.167-.35-7.167-.35s-5.733 0-7.167.384a2.317 2.317 0 0 0-1.616 1.666 24.167 24.167 0 0 0-.384 4.409c-.009 1.489.12 2.976.384 4.441a2.317 2.317 0 0 0 1.616 1.6c1.434.384 7.167.384 7.167.384s5.734 0 7.167-.384a2.316 2.316 0 0 0 1.617-1.666c.26-1.444.388-2.908.383-4.375.01-1.49-.12-2.976-.383-4.442Zm-10.66 7.167 4.792-2.725-4.792-2.725v5.45Z%27 fill=%27white%27/%3e%3c/svg%3e") center no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
}

.icon--linkedin-w {
  background: transparent url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath d=%27M16.095 2H3.905A1.905 1.905 0 0 0 2 3.905v12.19C2 17.147 2.853 18 3.905 18h12.19A1.905 1.905 0 0 0 18 16.095V3.905A1.905 1.905 0 0 0 16.095 2ZM6.952 8.095v7.238H4.667V8.095h2.285ZM4.667 5.99c0-.534.457-.941 1.143-.941.685 0 1.116.407 1.142.94 0 .534-.426.964-1.142.964-.686 0-1.143-.43-1.143-.963Zm10.666 9.344h-2.285v-3.81c0-.761-.381-1.523-1.334-1.538h-.03c-.922 0-1.303.785-1.303 1.539v3.81H8.095V8.094h2.286v.975s.735-.975 2.213-.975c1.513 0 2.74 1.04 2.74 3.147v4.091Z%27 fill=%27white%27/%3e%3c/svg%3e") center no-repeat;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
}

footer #footerSocial{
  display: flex !important;
  flex-direction: row !important;
  justify-content:flex-end;
}

footer #footerSocial i {
  margin-right:1vw;
}

footer .accordion-button{
  font-family: MulishBold;
  color:var(--palette_4);
}



footer .accordion{
   --bs-accordion-active-color: var(--palette_4) !important;
   --bs-accordion-active-bg:var(--palette_1) !important;
   --bs-accordion-bg:var(--palette_1) !important;
   --bs-accordion-border-color:var(--palette_1) !important;
   --bs-accordion-inner-border-radius:0;
   width:90vw;
  margin-left:5vw;
  margin-bottom:5vh;
}

footer .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
  margin-right:-3vw;
}
footer .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  margin-right:-3vw;
}


footer .accordion-body{
  text-align:left;
  display: flex !important;
  flex-direction: column !important;
  color:var(--palette_4);
  font-size:80%;
  margin-left:-3vw;
}

footer .accordion-body a{
  color:var(--palette_4);
  text-decoration: none;
  font-size:80%;
  margin-bottom:1vh;
  
}



footer .accordion-title{
  margin-left:-3vw;

}

footer .accordion-button{
  border-bottom:1px solid var(--palette_2);
}






/*Modal 2*/
/* Base modal styling */
.custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); /* Subtle background for overlay */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1050;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto; /* Enable scrolling for the modal */
  animation-name: opacityTransition;
  animation-duration: 0.3s;
}

.custom-show {
  opacity: 1;
  visibility: visible;
}

.custom-modal-dialog {
  background: #fefefe;
  border-radius: 12px;
  max-width: 500px;
  width: 100%;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  margin: 20px auto; /* Ensure some margin on top and bottom */
  overflow: scroll;
  transform: translateY(-30px); /* Start with a slight upward movement */
}

.custom-show .custom-modal-dialog {
  transform: translateY(0); /* Animate to original position */
}



.custom-modal-fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  max-width: none;
}

.custom-modal-fullscreen .custom-modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  max-width: none;
}

.custom-modal-lg {
  max-width: 800px;
}

.custom-modal-transparent {
  background: transparent;
  box-shadow: none;
}

.custom-modal-header {
  padding: 20px;
  border-bottom: 1px solid #eaeaea;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f8f8f8;
}

.custom-modal-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #333;
}

.custom-close-button {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #aaa;
  transition: color 0.2s ease;
}

.custom-close-button:hover {
  color: #333;
}

.custom-modal-body {
  padding: 20px;
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
  overflow-y: auto; /* Enable scrolling within the modal body */
  max-height: calc(100vh - 140px); /* Limit height of modal content */
}

/* Body class when modal is open */
.custom-modal-open {
  overflow: hidden;
}


@keyframes opacityTransition {
  from {opacity: 0;}
  to {opacity: 100;}
}