:root {
   --col-primary: rgb(227,6,19);
   --col-secondary: rgb(250,180,0);
   --col-tertiary: rgb(244,162,97);
   --col-quarternary: rgb(233,196,106);
   --col-dark: #212529;
   --col-light: #e9ecef;
   --col-success: rgb(0,120,0);
   --col-info: rgb(49,159,192);
   --col-warning: rgb(240,173,78);
   --col-danger: rgb(217,83,79);
   --font-family: "Roboto Condensed", sans-serif;
   --font-weight: 300;
   --header-size-1: 1em;
   --header-size-2: 1.2em;
   --header-size-3: 1.4em;
   --header-size-4: 2em;
   --header-size-5: 3em;
}

a .iconbox {
   transition: all 250ms ease-in-out;
}

a:hover .iconbox {
   transform: scale(1.1);
}

.iconbox-headersize-1 {
   font-size: var(--header-size-1);
}
.iconbox-headersize-2 {
   font-size: var(--header-size-2);
}
.iconbox-headersize-3 {
   font-size: var(--header-size-3);
}
.iconbox-headersize-4 {
   font-size: var(--header-size-4);
}
.iconbox-headersize-5 {
   font-size: var(--header-size-5);
}

.iconbox {
   display: flex;
   flex-direction: column;
}

.iconbox-iconposition-left,
.iconbox-iconposition-right {
   flex-direction: row;
}

.iconbox-iconposition-right .iconbox-icon {
   order: 2;
   margin-left: 0.5em;
}

.iconbox-iconposition-left .iconbox-icon {
   margin-right: 0.5em;
}

.iconbox.iconbox-iconposition-top {
   text-align: center;
}

.iconbox-header {
   font-family: var(--font-family);
   font-weight: var(--font-weight);
}

.iconbox-color-primary * { color: var(--col-primary) !important; }
.iconbox-color-secondary * { color: var(--col-secondary) !important; }
.iconbox-color-tertiary * { color: var(--col-tertiary) !important; }
.iconbox-color-quarternary * { color: var(--col-quarternary) !important; }
.iconbox-color-dark * { color: var(--col-dark) !important; }
.iconbox-color-light * { color: var(--col-light) !important; }
.iconbox-color-success * { color: var(--col-success) !important; }
.iconbox-color-info * { color: var(--col-info) !important; }
.iconbox-color-warning * { color: var(--col-warning) !important; }
.iconbox-color-danger * { color: var(--col-danger) !important; }
