@import "sib-navbar.css";
@import "sib-custom-headband.css";
@import "sib-footer.css";
@import "sib-video-list.css";
@import "sib-card.css";
@import "sib-channel.css";


:root {
  /* primary colors */
  --pod-primary: rgb(37, 49, 101); 
  --pod-primary-rgb: 37, 49, 101; 
  --pod-primary-lighten: rgb(109, 117, 152); 
  --pod-primary-darken: rgb(26, 35, 72); 
  --pod-link-color: rgb(109, 117, 152); 

  --pod-custom-background-blue: rgb(233, 234, 240); 
  --pod-custom-background-offwhite: rgb(249, 249, 251); 
  --pod-custom-background-blue-two: rgb(233, 234, 240);

  --pod-custom-font-color-grey: rgb(108, 117, 147);  
  --pod-custom-font-color-primary-lighten: rgb(185, 190, 217); 
  --pod-custom-background-aside: rgb(222, 224, 235); 
  --pod-breadcrumb-padding: 1em;

  --pod-custom-font-color-blue-one: rgb(81, 90, 132); 
  --pod-custom-font-color-blue-two: rgb(37, 49, 101);

  --pod-custom-h1-max-size-offset: 18px;
  --pod-custom-h1-vw-factor: 1.5vw;
  --pod-custom-h1-size-offset: 1.375rem;
  --pod-custom-h1-weight: 600;
}

h1 {
    font-size: calc(var(--pod-custom-h1-vw-factor) + var(--pod-custom-h1-size-offset));
    font-weight: var(--pod-custom-h1-weight);
}

@media(min-width: 1200px) {
    h1 {
        font-size: calc(var(--pod-custom-h1-max-size-offset) + var(--pod-custom-h1-size-offset));
    }
}

aside.pod-aside#collapseAside .card h2::after {
    border-top-color: var(--pod-primary) !important;
}

aside.pod-aside {
    background-color: var(--pod-custom-background-aside);
}

.video-js .vjs-control.vjs-logo-button {
    background-size: contain;
}