/* Tide template custom CSS style v1.0 */
/* Using the examples, provide your own styling */

/* Add custom font definitions */
@font-face {
     font-family: 'Satoshi';
     src: url('https://account.digitalyeast.com/fonts/Satoshi-Regular.woff2') format('woff2');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Satoshi';
     src: url('https://account.digitalyeast.com/fonts/Satoshi-Light.woff2') format('woff2');
     font-weight: 300;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Satoshi';
     src: url('https://account.digitalyeast.com/fonts/Satoshi-Medium.woff2') format('woff2');
     font-weight: 500;
     font-style: normal;
 }
 
 /* Override Tabler default font */
 :root {
     --tblr-font-sans-serif: 'Satoshi', sans-serif;
 }
 
 body {
     font-family: 'Satoshi', sans-serif;
 }
           
/* Add custom color definitions */ 
.bg-primary {
     background-color: #0f766e !important;
}
.text-primary {
     color: #0f766e !important;
}
.btn-primary {
     background-color: #0f766e !important;
     border-color: #0f766e !important;
}
.btn-primary:hover {
     background-color: #0b5a54 !important;
     border-color: #0b5a54 !important;
}
.btn-primary:focus {
     background-color: #0b5a54 !important;
     border-color: #0b5a54 !important;
     box-shadow: 0 0 0 0.2rem rgba(#0f766e, 0.5) !important;
}
.btn-primary:active {
     background-color: #0b5a54 !important;
     border-color: #0b5a54 !important;
}
.btn-primary:disabled {
     background-color: #7fa8a4 !important;
     border-color: #7fa8a4 !important;
}