/************************************
VARIABLES
************************************/
:root {
  /* Fonts */
  --font-family-body: 'Ubuntu', sans-serif;
  --font-size-body: 1rem;
  --font-weight-standard-body: 400;
  --font-weight-bold-body: 500;
  --font-family-title: 'Ubuntu', sans-serif;
  --font-weight-title: 500;
  --font-weight-btn: 500;
  --font-size-h1: 2.5rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.25rem;
  --font-size-h6: 1rem;
  --font-size-lead: 1.25rem;
  /* Custom colors */
  --dark-color: #252525;
  --white-color: #ffffff;
  --black-color: #000000;
  --black-color-11p: rgba(0,0,0,.11);
  --black-color-20p: rgba(0,0,0,.20);
  /* Bootstrap colors */
  --color-main-bg: #ebeef4;
  --color-font-body: #000000;
  --color-primary: var(--color-theme);
  --color-primary-alt: var(--color-theme-alt);
  --color-primary-alt-2: var(--color-theme-alt-2);
  --color-primary-text: #fff;
  --color-secondary: #e90e8b;
  --color-secondary-alt: #e90e8b;
  --color-secondary-alt-2: #e90e8b;
  --color-secondary-text: #fff;
  --color-links: var(--color-theme);
  --color-links-alt: var(--color-theme-alt);
  --color-success: #27ae60;
  --color-success-text: #ffffff;
  --color-danger: #dc3545;
  --color-danger-text: #fff;
  --color-warning: #fdbb2f;
  --color-warning-text: #000000;
  --color-light: #f8f9fa;
  /* Borders */
  --border-radius: .25rem;
  --border-color: rgba(0,0,0,.11);
  --border-color-medium: rgba(0,0,0,.50);
  /* Box shadows */
  --shadow-default: 5px 8px 10px rgba(0,0,0,0.06);
  --shadow-sm: 2px 3px 5px rgba(0,0,0,0.06);
  /* Footer */
  --footer-bg: #ffffff;
  --footer-color: #9ca1b2;
  /* Navbar */
  --navbar-bg: #fff;
  --navbar-line-height: 90px;
  --navbar-font-size: 1rem;
  --navbar-link-padding: 1rem;
  --navbar-color-active: var(--color-theme);
  --navbar-color-hover: var(--color-theme-alt);
  /* Mobile nav */
  /*  --nav-mobile-bg: var(--white-color);
  --nav-mobile-color: var(--dark-color);
  --nav-mobile-color-hover: var(--navbar-color-hover);
  --nav-mobile-bg-hover: var(--navbar-bg-hover);
  --nav-mobile-color-active: var(--navbar-color-active);
  --nav-mobile-bg-active: var(--navbar-bg-active);
  --nav-mobile-color-focus: var(--navbar-color-active);
  --nav-mobile-bg-focus: var(--navbar-bg-active);
  --navbar-mobile-height: 60px;*/
  /* Grid */
  --container-padding: 30px;
  --block-padding: 30px;
  --grid-col-margin: 30px;
  /* Social colors */
  --color-facebook: #3b5999;
  --color-facebook-alt: #4a6fbd;
  --color-twitter: #55acee;
  --color-twitter-alt: #64b9fa;
  --color-instagram: #d52977;
  --color-instagram-alt: #e83988;
  --color-linked-in: #0077B5;
  --color-linked-in-alt: #108cce;
}

@media (max-width: 992px) {
  :root {
    --container-padding: 15px;
    --block-padding: 30px;
    --grid-col-margin: 15px;
    --navbar-line-height: 50px;
    --navbar-font-size: 1.1rem;
  }
}


@media (max-width: 768px) {
  :root {
    --font-size: 1rem;
    --font-size-h1: 2.1rem;
    --font-size-h2: 1.7rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.3rem;
    --font-size-h5: 1.2rem;
    --font-size-h6: 1rem;
    --font-size-lead: 1.2rem;
  }
}