:root {
    --black: rgba(0, 0, 0, 1);                  /* #000000 */
    --white: rgba(255, 255, 255, 1);            /* #FFFFFF */
    --blue: rgba(68, 113, 183, 1);              /* #4471b7 */
    --green: rgba(0, 153, 102, 1);              /* #009966 */
    --dark-gray: rgba(101, 113, 119, 1);        /* #657177 */
    --light-gray: rgba(179, 179, 179, 1);       /* #b3b3b3 */

    /* shadow */
    --general-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    --box-shadow:  0 10px 30px rgba(0,0,0,.18);

    /* fonts */
    --header-font: 'all-round-gothic', sans-serif;
    --main-font: 'pt-sans-caption', sans-serif;

    /* transition */
    --general-transition: all 0.3s linear;

    /* padding */
    --general-padding-ltr:  0 2.5rem;
    --general-padding: 2.5rem;
    --general-padding-mobile: 1.3rem;

    font: 16px var(--main-font);
    line-height: 1.5;
    color: var(--dark-gray);
    -webkit-font-smoothing: antialiased;

    /* admin bar */
    --adminbar: 0px;
}
.admin-bar:root{ --adminbar: 32px; }
@media (max-width: 782px){
  .admin-bar:root{ --adminbar: 46px; }
}

/* Bootstrap fixes */
/* Make sure container + row math is balanced at all widths */
.container {
  padding-left: 0.75rem;   /* 12px */
  padding-right: 0.75rem;  /* 12px */
}