
// Font Size
$title-font-size:           42px;
$subtitle-font-size:        25px;
$title-desc-font-size:      23px;

$dropdown-font-size:        14px;
$input-font-size:           14px;

// Transitions
$transition:                background 0.3s ease 0s, border-color 0.2s ease 0s, color 0.3s ease 0s;
$product-image-transition:  opacity 0.5s ease-in-out 0s;
$addlinks-transition:       width 0.3s ease-in-out, visibility 0.5s linear;
$parallax-transition:       none;//opacity 200ms ease-out 0s;
$bg-transition:             all 0.2s ease-out 0s;
$menu-popup-transition:     box-shadow 0.2s ease 0s;
$menu-narrow-transition:    all 0.3s ease-in-out 0.3s;
$fig-transition:            all 0.5s ease-in-out 0s;
$fig-btn-transition:        background 0.2s ease 0s, border 0.3s ease 0s, margin-left 0.4s ease-in-out 0.2s;

// Box Shadow
$wrapper-shadow:                0 0 15px rgba(0, 0, 0, 0.4);
$header-wrapper-shadow:         0 5px 3px -3px rgba(0, 0, 0, 0.1);
$menu-popup-box-shadow:         0 2px 2px rgba(0, 0, 0, 0.25);
$timeline-hover-box-shadow:     0 0 1px rgba(0, 0, 0, 0.15);
$product-box-shadow:            0 0 1px rgba(0, 0, 0, 0.4);
$btn-box-shadow:                inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
$price-slide-box-shadow:        0 1px 1px rgba(0, 0, 0, 0.15);
$product-featured-slider-box-shadow: 0 0 10px #aaa;

// Text Shadow
$title-404-shadow:          8px 4px 0 rgba(0,0,0, 0.1);

// Margin Step
$margin-step:               5px;

// Border
$menu-narrow-li-border-top:     1px solid rgba(200, 200, 200, 0.3);
$menu-narrow-li-border-bottom:  1px solid rgba(255, 255, 255, 0.2);

// Images
$image-404:                 url(../images/404.jpg);
$image-404-comment:         url(../images/404-comment.png);

// Media Size
$screen-large: "(max-width: 1199px)";
$screen-normal: "(max-width: 991px)";
$screen-medium: "(max-width: 767px)";
$screen-small: "(max-width: 480px)";

$screen-min-desktop: "(min-width: 768px)";

// Background
$bg_figcaption: rgba(68, 70, 69, 0.6);