:root {
    --color-primary: #F26322;
    --color-primary-10: #F263221A;
    --color-primary-20: #F2632233;
    --color-primary-30: #F263224D;
    --color-primary-40: #F2632266;
    --color-primary-50: #F2632280;
    --color-primary-60: #F2632299;
    --color-primary-70: #F26322B3;
    --color-primary-80: #F26322CC;
    --color-primary-90: #F26322E6;
    --color-primary-dark: rgba(190,71,16, 1);/* #F26322 */
    
    --color-secondary: #333333;
    --color-secondary-10: #3333331A;
    --color-secondary-20: #33333333;
    --color-secondary-30: #3333334D;
    --color-secondary-40: #33333366;
    --color-secondary-50: #33333380;
    --color-secondary-60: #33333399;
    --color-secondary-70: #333333B3;
    --color-secondary-80: #333333CC;
    --color-secondary-90: #333333E6;
}

.nested-sort li:hover {
    cursor: move;
}

.nested-sort li:first-child {
    margin-top: 10px;
}

/* Bootstrap overwrite */
.card-subtitle {
    font-size: 1rem !important;
}

.color-primary {
    color: var(--color-primary) !important;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}


@font-face {
    font-family: 'Circular Bold';
    src:  url('../fonts/circular-pro-bold.woff2') format('woff2');
  }

@font-face {
    font-family: 'Circular Book';
    src:  url('../fonts/circular-pro-book.woff2') format('woff2');
  }

@font-face {
    font-family: 'Circular';
    src:  url('../fonts/circular-pro-medium.woff2') format('woff2');
  }