/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
    CSS
-----------------------------------------------------------------*/


/* Custom Font Family */
.hp-customfont{
    font-family: Helvetica, Arial, sans-serif;
}

:root {
    --hp-custom: #5F259F;
}


/* Custom Text Colors */
.hp-text-custom{
    color: #5F259F;
}

.hp-text-custom-white{
    color: #ffffff;
}

.hp-text-custom-light{
    color: #f1f1f1;
}

.hp-text-custom-dark{
    color: #000000;
}



/* Custom Background Colors */
.hp-bg-custom{
    background-color: #5F259F;
}

.hp-bg-custom-white{
    background-color: #ffffff;
}

.hp-bg-custom-light{
    background-color: #f9f9f9;
}

.hp-bg-custom-dark{
    background-color: #000000;
}



/* Custom Borders */
.hp-border-custom{
    border: 0.5px solid #5F259F; 
    border-radius: 0.1em;
}

.hp-border-custom-white{
    border: 0.5px solid #ffffff; 
    border-radius: 0.1em;
}

.hp-border-custom-light{
    border: 0.5px solid #f1f1f1; 
    border-radius: 0.1em;
}

.hp-border-custom-dark{
    border: 0.5px solid #000000; 
    border-radius: 0.1em;
}



/* Custom Link Colors */
.hp-link-custom{
    color: #5F259F;
}
.hp-link-custom:hover, .hp-link-custom:active, .hp-link-custom:focus{
    color: #5F259F;
}

.hp-link-custom-light{
    color: #ffffff;
}
.hp-link-custom-light:hover, .hp-link-custom-light:active, .hp-link-custom-light:focus{
    color: #5F259F;
}

.hp-link-custom-dark{
    color: #5F259F;
}
.hp-link-custom-dark:hover, .hp-link-custom-dark:active, .hp-link-custom-dark:focus{
    color: #5F259F;
}



/* Custom Outline Button */
.hp-btn-custom-outline{
  border-radius: 0px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  background-color: white;
  border-color: #5F259F;
  color: black;
}
.hp-btn-custom-outline:hover, .hp-btn-custom-outline:active, .hp-btn-custom-outline:focus{
   font-weight: 600;
   font-size: 16px;
   background-color: #5F259F;
   border-color: white;
   color: white;
}



/* Custom Filled Button */
.hp-btn-custom-filled{
    border-radius: 0px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    background-color: #5F259F;
    border-color: white;
    color: white;
}
.hp-btn-custom-filled:hover, .hp-btn-custom-filled:active, .hp-btn-custom-filled:focus{
     font-weight: 600;
     font-size: 16px;
     background-color: white;
     border-color: #5F259F;
     color: black;
}



/* Back to Top Button */
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}

.hp-btn-backtotop{
    border-radius: 0.25rem;
    text-decoration: none;
    background-color: #f3f3f3;
    border-color: #DCDCDC;
}
.hp-btn-backtotop:hover, .hp-btn-backtotop:active, .hp-btn-backtotop:focus{
    background-color: #ffffff;
    border-color: #C0C0C0;
}