/*******************************************************************************
 *   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: #FE8C00;
        --primary-light-color: #FFBA6E;
        --secondary-color: #3688BF;
        --secondary-light-color: #C7E2F2;
        --dark-gray-color: #404040;
        --gray-color: #6C6C6C;
        --medium-gray-color: #AAAAAA;
        --light-gray-color: #CECECE;
    /* 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-light-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:black;
        --footer-text-color: var(--dark-gray-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: var(--dark-gray-color);
        --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';
    }
    
     /* heading of search results */
     #shortened_search_result > div td span  {
        font-size:16px;
        font-weight:600;
        margin:0 0 5px 0;
        display:inline-block;
     }
    
     /* link of search results */
     #shortened_search_result > div td a  {
        font-size: inherit;
        font-weight: normal;
        padding: 5px 5px;
        border: 1px solid transparent;
        border-radius: var(--border-radius-small);
        margin: 0 0 0 -5px;
        display: inline-block;
        color: var(--text-color);
        width: 100%;
     }

     .footer-item .f_header {
        text-align: justify;  
        padding-top:10px ;   
        padding-bottom: 0px;
        background-color: rgb(253, 251, 251); 
        color: lightslategrey;
        font-size: 18px;
    }
     
    .footer-item{
        padding: 1px;
        background-color: #fbf8eb;
        border-radius: 15px;  
    }
    
    .footer-item .bodytext {
        text-align: justify;    
        padding-top: 0px ;
        padding-bottom:10px ;
        background-color:#fbf8eb;  
    }
    
    .footer-item  .div-class{
        padding-left: 10px;
        padding-right: 10px;   
    }
    .footer_link{
        font-size: 12px;
        padding: 10px ;
    }
    
    .footer_link a{
        color: lightslategrey;
    }
    .footer_link a:hover{
        color: indianred; 
        text-shadow: -1px 1px 8px rgb(255, 204, 204), 1px -1px 8px #fff;
    }