/* 
  ----------------------------------------------------------------------------------
  
    This is the default stylesheet for branding

    Clone this and modify for each asssociated brand

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

:root {
    /* header/footer branding colors */
    --trig-hf-header-bg-color: var(--bs-dark);
    --trig-hf-header-color: var(--bs-light);
    --trig-hf-footer-bg-color: var(--bs-dark);
    --trig-hf-footer-color: var(--bs-light);
    --trig-hf-link-active: var(--bs-light);
    --trig-hf-link-color: rgba(255, 255, 255, 0.55); 
    --trig-hf-link-hover-color: rgba(255, 255, 255, 0.75);                 /* Slightly lighter text to match regular navbar when hovering*/
    --trig-breadcrumb-link-color: #007bff;   /* Link color */
    --trig-hf-toggler-icon-color: var(--bs-light);
    /* notifications */
    --trig-notification-icon-bg-color: red;
    --trig-notification-icon-color: white;
}

.page-shield-logo-small {
    background-image: url("/images/logos/default_page_shield.png");
    width: 100%; /* set to 100 to ensure it centered in the space */
    height: 75px; /* Full height of the viewport */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; /* Prevent tiling */
}

.page-shield-logo-large {
    background-image: url("/images/logos/default_page_shield.png");
    width: 100%; /* set to 100 to ensure it centered in the space */
    height: 125px; /* Full height of the viewport */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; /* Prevent tiling */
}

.app-name::before {
    content: "Trigonon";
    color: var(--bs-dark);
}