// typo
$font-family: Raleway, sans-serif;
$base-font: 15;
$font-size: 100% / ( 16 / $base-font );

$font-color: black;

$header-background-color: #0882a0a3;
$header-logo-size: 320px 56px;

$toplinks-border-radius: 0 0 5px 5px;
$toplinks-box-shadow: null;
$toplinks-padding: 0.5em 1em;

// Core vars
$primary-color: #0882a0;

$link-color: $primary-color;

$footer-background: #343434;
$footer-color: white;
$footer-link-color: $footer-color;

$width: 1170em / $base-font;
$mobile-limit: 767em / $base-font;
$very-small-limit: 35em;

$nav-button-background: white;
$nav-button-color: $primary-color;
$nav-menu-side: 42px;
$nav-active-color: $primary-color;
$nav-submenu-color: black;
$nav-item-transform: uppercase;

$button-background: $primary-color;
$button-color: white;

$title-background: $primary-color;
$title-color: white;
$title-transform: uppercase;
$title-weight: bold;

$cell-border: none;
$cell-background: #ededed;
$cell-image-position: top;
$cell-image-padding: 0 0 0.2rem 0;

$button-border: none;
$button-hover-background: darken($primary-color, 0.25);

$form-sidebar-position: top;
$form-accent-color: $primary-color;
$buttons-order: cancel (grow), previous, submit;

$nav-mobile-bottom-bar-background: $primary-color;
$nav-mobile-bottom-bar-color: black;

$back-top-display: block;
$back-top-icon-character: '\f077';
$back-top-layout-position: fixed (right: 0.5em, bottom: 0.5em);

$widget-color: #555555;
$widget-border-radius: 4px;
$widget-padding: 6px 12px;
$widget-border: 1px solid #cccccc;
$widget-focus-border: 1px solid #66afe9;
$widget-focus-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
$widget-focus-outline: none;
$widget-unique-checkbox-position: left;

$cancel-button-style: "%inverted-button";
