a{
	text-decoration: none;
	color: #5ac4be;
}
a:hover{
	color: #353635;
	text-decoration: none;
	text-decoration-color: #5ac4be;
}

.maincolour {
	color: #17212d;
}

.maincolour-bg {
	background-color: #5ac4be;
}

.maincolour-bg-lighter {
	background-color: #e9dfff;
}

header {
  background-color: #834185;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  
}


h1,h2,h3,h4,h5 {
    color: #834185;
    text-transform: uppercase;
}
/*
footer {
    position: sticky;
    bottom:0px;
}
*/

.form-floating>label {
    padding: 1rem 1rem;
    background-color: transparent;
}

.form-floating > input:not(:focus):placeholder-shown + label, .form-floating > textarea:not(:focus):placeholder-shown + label, .form-floating > select:not(:focus):placeholder-shown + label {
     background-color: transparent;
}

.form-floating > input + label:after,.form-floating > textarea + label:after,.form-floating > select + label:after {
    background-color: transparent !important;
}

.header-logo {
	width: 200px;
    
}

@media(min-width: 992px){
    .header-logo {
        width: 200px;
        
    }
    
}

.sidebar-wrapper {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

 .btn-primary, .btn-secondary, .btn-mobilenav, .btn-featured {
	background-color: #5ac4be;
	color: #fff;
	border:0px;
	border-radius: 0px;
}

.btn-primary {
	color: #fff;
	martin:0px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active {
	color: #fff;
	background-color: #834185;
    text-decoration: none;
	
}

.form-control, .input-group-text, .form-control-xl {
	border-radius: 0px;
    background-color:white !important;
}

.sidebar-link, .submenu-link{
    color:#fff !important;
    border-radius:0px !important;
}

.sidebar-link:hover {
    background-color:#fff !important;
}

.sidebar-item.active .sidebar-link {
    border-radius:0px;
    background-color: #5ac4be !important;
}

.submenu-link:hover, .submenu-item.active .submenu-link, .sidebar-link:hover {
    color: #5ac4be !important;
}

.btn-purple {
  letter-spacing: 0.03em !important;

  color: #fff;
  background-color: #834185;
  border-color: #5ac4be;
  border-radius: 0px;
}

.btn-purple:hover {
  color: #fff;
  background-color: #b493f8;
  border-color: #b493f8;
}

.btn-purple:focus, .btn-purple.focus {
  box-shadow: 0 0 0 0.2rem rgba(119, 59, 242, 0.5);
}

.btn-purple.disabled, .btn-purple:disabled {
  color: #fff;
  background-color: #5ac4be;
  border-color: #5ac4be;
}

.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(119, 59, 242, 0.5);
}


.btn-outline-purple {
  color: #fff;
  border-color: #834185;
  background-color: #b493f8;
  border-radius: 0px;
    margin:0px;
}


.btn-outline-purple:hover {
  color: #fff;
  background-color: #5ac4be;
  border-color: #fff;
}

.btn-check:focus + .btn-outline-purple, .btn-outline-purple:focus {
 
}
.btn-check:checked + .btn-outline-purple, .btn-check:active + .btn-outline-purple, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.dropdown-toggle.show {
  color: #fff;
  background-color: #5ac4be;
  border-color: #fff;
}
.btn-check:checked + .btn-outline-purple:focus, .btn-check:active + .btn-outline-purple:focus, .btn-outline-purple:active:focus, .btn-outline-purple.active:focus, .btn-outline-purple.dropdown-toggle.show:focus {
 
}
.btn-outline-purple:disabled, .btn-outline-purple.disabled, .btn-outline-purple.inactive {
  color: #5ac4be;
  background-color: transparent;
  border-color: #5ac4be;
}
 
.btn-check:checked + .btn-outline-purple::before {
  content: "✓";
  color: white;
  display:inline-flex;
  padding:0px;
  margin:0px;
  margin-right:2px;
  line-height: 90%;
}

@media (min-width: 768px) { /* Adjust this breakpoint as needed */
  .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    
    padding: 0px;
  }
  .accordion-button::after {
    display: none;
  }
  .accordion-collapse {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
  }
  .accordion-body {
    padding: 0;
  }
}


.accordion-button {
    padding:0px;
}


.accordion-button:focus {
	outline:0 !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}


.accordion-item, .accordion-body, .accordion-button, .accordion, .accordion-flush {
	border: none ;
}

.accordion-button {
}

.accordion-button:not(.collapsed) {
    background-color: #fff; 
    color: #5ac4be;
  }

.accordion-collapse {
}

#cropperModal .modal-body {
   max-width:100%;
    max-height: 500px;
  display: flex;
    margin:auto;
  justify-content: center;
  align-items: center;
}


@media (min-width: 768px) { 
    #cropperModal .modal-body {
    max-width:auto;
    max-height: 700px;
    }
}

.btn-close {
  background-color: #fff; /* Red circle background */
  border-radius: 3px; /* Makes the background a circle */
  color: white !important; /* Changes the 'X' color to white */
  padding:5px;
}

.btn-close:before {
  color: white !important; /* Ensures the 'X' is white */
}

/* This is necessary to ensure the icon's appearance in some Bootstrap versions */
.btn-close:after {
  content: "";
}


#drag-and-drop-area {
    border: 5px dashed #5ac4be;
    padding: 20px;
    text-align: center;
    margin: 20px 0;
    cursor: pointer;
}

.galleryPhoto {
	
height: 400px;
position: relative;

}