/*******************************************************************************
 *   Theme:         Author-it Magellan Theme Override Stylesheet
 *   Author:        Author-it Software Corp (http://www.author-it.com)
 *   Copyright:     Author-it Software Corp, All Rights Reserved
 *   Last Updated:  12-Apr-2020
 *   Version:       2020.R2
 *
 *   IMPORTANT:     This file is where all your customisations and overides should appear.
 *                  DO NOT modify the mainstyles.css file but instead create a copy of the 
 *					themestyles.css file into the Data\Templates\Magellan Themes\YourThemeName\ 
 *					then make changes is the variable values below, or for advanced changes 
 *                  find and copy the CSS rules you want to change from mainstyles.css 
 *					into this file, then make your changes.
 *
 *******************************************************************************/


html {
/* base colors */
    --primary-color: #4D5EE0;
    --primary-light-color: #6B04A8;
    --secondary-color: #3D1152;
    --secondary-light-color: #78A1FC;
    --dark-gray-color: #515559;
    --gray-color: #6B6F73;
    --medium-gray-color: #D2D6D9;
    --light-gray-color: #DFE3E6;
/* functional colors */
    --background-color: white;
    --landing-bg-color: white;
    --heading-bg-color: var(--light-gray-color);
    --panel-head-bg-color: var(--light-gray-color);
    --widget-head-bg-color: var(--light-gray-color);
    --footer-bg-color: var(--light-gray-color);
    --content-bg-color: white;
    --control-bg-color: white;
    --button-bg-color: var(--light-gray-color);
    --active-btn-bg-color: var(--primary-color);
    --submit-btn-bg-color: var(--primary-color);
    --form-bg-color: white;
    --widget-bg-color: white;
    --text-color: var(--dark-gray-color);
    --title-color:white;
    --title-outline-color: var(--primary-color);
    --footer-text-color: var(--primary-color);
    --heading-text-color: var(--dark-gray-color);
    --panel-head-text-color: var(--dark-gray-color);
    --widget-head-text-color: var(--dark-gray-color);
    --button-text-color: var(--dark-gray-color);
    --active-btn-text-color: white;
    --submit-btn-text-color: white;
    --shadow-color: var(--light-gray-color);
/* functional elements */
    --border-radius-small: 2px;
    --border-radius-large: 4px;
    --transition-speed: 0.4s;
/* default icons - FontAwesome */
    --toc-open: '\f0d7';
    --toc-closed: '\f0da';
    --left-pane-open: '\f104';
    --left-pane-closed: '\f105';
    --right-pane-open: '\f105';
    --right-pane-closed: '\f104';
    --widget-open: '\f067';
    --widget-closed: '\f068';
    --breadcrumbs-separator: '\f105';
    --related-menu-closed: '\f104';
    --related-menu-open: '\f105';
    --glossary-link-icon: '\f05a';
    --popup-link-icon: '\f0e5';
    --external-link-icon: '\f08e';
    --expand-inline-open: '\f104';
    --expand-inline-closed: '\f105';
    --expand-block-open: '\f106';
    --expand-block-closed: '\f107';
}