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

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



table.table>tbody>tr:hover td,
table.table>tbody>tr:hover th {
  background-color: #A2F434 !important;
}


/* Color Variables */
:root {
    --hp-custom-primary: #0c2a29;
    --hp-custom-secondary: #333;
    --hp-custom-tertiary: #A2F434;
}

.hp-custom-background{
    background-image: url("images/background.png");
    background-repeat: repeat;
}

/* Custom Text Colors */
.hp-text-custom-primary{
    color: var(--hp-custom-primary);
}

.hp-text-custom-secondary{
    color: var(--hp-custom-secondary);
}

.hp-text-custom-tertiary{
    color: var(--hp-custom-tertiary);
}

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

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

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



/* Custom Background Colors */
.hp-bg-custom-primary{
    background-color: var(--hp-custom-primary);
}

.hp-bg-custom-secondary{
    background-color: var(--hp-custom-secondary);
}

.hp-bg-custom-tertiary{
    background-color: var(--hp-custom-tertiary);
}

.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-primary{
    border: 0.5px solid var(--hp-custom-primary); 
    border-radius: 0.1em;
}

.hp-border-custom-secondary{
    border: 0.5px solid var(--hp-custom-secondary); 
    border-radius: 0.1em;
}

.hp-border-custom-tertiary{
    border: 0.5px solid var(--hp-custom-tertiary); 
    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: var(--hp-custom-primary);
}
.hp-link-custom:hover, .hp-link-custom:active, .hp-link-custom:focus{
    color: var(--hp-custom-primary);
}

.hp-link-custom-light{
    color: #ffffff;
}
.hp-link-custom-light:hover, .hp-link-custom-light:active, .hp-link-custom-light:focus{
    color: var(--hp-custom-primary);
}

.hp-link-custom-dark{
    color: var(--hp-custom-primary);
}
.hp-link-custom-dark:hover, .hp-link-custom-dark:active, .hp-link-custom-dark:focus{
    color: var(--hp-custom-primary);
}




/* Custom Outline Button */
.hp-btn-custom-outline{
  border-radius: 0px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  background-color: white;
  border-color: var(--hp-custom-primary);
  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: var(--hp-custom-primary);
   border-color: #fff;
   color: #fff;
}



/* Custom Filled Button */
.hp-btn-custom-filled{
    border-radius: 0px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    background-color: var(--hp-custom-primary);
    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: var(--hp-custom-primary);
     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;
}