/*
 * Copyright (c) 2018 Eclipse Foundation, Inc.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 * 
 * Contributors:
 *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
 * 
 * SPDX-License-Identifier: EPL-2.0
*/

// openpass.org variables

//== Colors

@brand-primary:         #808285; // Grey
@brand-tertiary:       #173057; // Blue
@brand-secondary:        #173057; // Blue
@brand-quaternary:      #36588c;
@brand-quinary:         @brand-secondary;
@brand-info:            @brand-tertiary;
@brand-info-light:      #dbe3f8;
@brand-warning:         #f7941e;

//==  Slideshow
@slideshow-background-image: url('../../../images/openpass/slideshow-bg.jpg');
@slideshow-background-color: @white;
//@slideshow-content-background: rgba(255, 255, 255, 0.85);
@slideshow-content-padding: 60px 40px 60px 40px;
@slideshow-secondary-background: url('../../../images/openpass/slideshow-bg.jpg');
@slideshow-link-color: @brand-primary;
@slideshow-link-color-hover: darken(@brand-primary, 10%);
@slideshow-text-color: #333;
@slideshow-h2-fw: 300;
@slideshow-h2-color:@brand-secondary;
@slideshow-h2-link-color: @brand-secondary;
@slideshow-h2-link-fw: 700;
@slideshow-h2-link-color-hover: darken(@brand-secondary, 20%);
@slideshow-p-font-size: 1.4em;
@slideshow-secondary-background: @brand-primary;
@slideshow-secondary-text-color: @brand-primary;
@slideshow-secondary-link-color: @brand-primary;
@slideshow-secondary-link-color-hover: darken(@slideshow-secondary-link-color, 20%);
@slideshow-secondary-text-color: @brand-primary;
@slideshow-secondary-h2-fw: 300;
@slideshow-secondary-h2-color:@brand-primary;
@slideshow-secondary-h2-link-color: @brand-primary;
@slideshow-secondary-h2-link-fw: 700;
@slideshow-secondary-h2-link-color-hover: darken(@slideshow-secondary-h2-link-color, 20%);
@slideshow-secondary-p-font-size: 1.25em;
@slideshow-frontpage-border-bottom: 4px solid darken(@brand-secondary, 10%);

// Default Menu
@main-menu-link-color: #333;
@main-menu-link-active-color: @brand-quinary;
@main-menu-link-hover-color: @brand-quinary;
@main-menu-dropdown-link-color: #333;
@main-menu-dropdown-link-active-color: @brand-quinary;
@main-menu-dropdown-link-hover-color: @brand-quinary;
@main-menu-link-size:14px;
@main-menu-link-transform:uppercase;

@header-background: #fff;
@header-toolbar-color:@brand-secondary;
@header-toolbar-color-hover:lighten(@brand-secondary, 20%);
@header-row-padding-bottom:0;

@body-bg: #fff;

//== Breadcrumbs

@breadcrumb-font-size:12px;
@breadcrumb-color:#afafaf;
@breadcrumb-active-color:#fff;

//==  Mobile menu colors

// Default dropdown link colors
//@mobile-menu-background: @brand-primary;
@mobile-menu-hover: #ccc;
@mobile-menu-color:#f9f9f9;
@mobile-menu-nav-background:#333;
@navbar-toggle-icon-background: #333;


// Colors for active link
@mobile-menu-open-active-background: @brand-primary;
@mobile-menu-open-active-color: #a5a5a5;


// Default dropdown link colors
@mobile-menu-dropdown-menu-background: #f9f9f9;
@mobile-menu-dropdown-menu-color: #333;
@mobile-menu-dropdown-menu-hover: #333;
@mobile-menu-dropdown-menu-hover-background: darken(@mobile-menu-dropdown-menu-background, 20%);
@mobile-menu-dropdown-menu-active-background: darken(@mobile-menu-dropdown-menu-background, 20%);
@mobile-menu-dropdown-menu-active-color: #000;
@mobile-menu-dropdown-menu-active-hover: #000;
@mobile-menu-dropdown-menu-active-hover-background: @mobile-menu-dropdown-menu-background;


//== News and Blogs

@news-blog-date-bg: @brand-quinary;

@page-header-logo-border-top: 1px solid #ccc;
@page-header-logo-border-bottom:none;

//== Button transparent

@btn-transparent-background:@brand-primary;
@btn-transparent-color-hover: @white;
@btn-transparent-color-hover-background:darken(@brand-primary, 10%);
@btn-transparent-color-hover-border-color:@white;

//== Solstice Highlight
@highlight-background:@brand-secondary;
@highlight-h3-color:@white;
@highlight-h3-color-hover:@white;

@highlight-background-hover:darken(@brand-secondary, 10%);
@highlight-icon-color: #fff;
@highlight-vertical-borders:1px solid darken(@brand-secondary, 10%);
@highlight-border-top:none;
@highlight-border-bottom:4px solid darken(@brand-secondary, 10%);
@highlight-margin-bottom:3em;
@highlight-vertical-borders:1px solid darken(@brand-secondary, 10%);

//== Nav
@navbar-padding-horizontal:0;