/*******************************************************************************
 *   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: #556877;
    --primary-light-color: #8895a0;
    --secondary-color: #36424a;
    --secondary-light-color: #C7E2F2;
    --dark-gray-color: #404040;
    --gray-color: #6C6C6C;
    --medium-gray-color: #AAAAAA;
    --light-gray-color: #8895a0;
    /* 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); */
    --footer-bg-color: #dde1e4;  /* was #eef0f1 */
    --content-bg-color: #eef0f1;
    --control-bg-color: white;
    --button-bg-color: var(--light-gray-color);
    --active-btn-bg-color: #eef0f1;
    --submit-btn-bg-color: var(--secondary-color);
    --form-bg-color: white;
    --widget-bg-color: white;
    --text-color: var(--dark-gray-color);
    --title-color: white;
    --title-outline-color: rgb(52, 103, 0, 1);
    /* --footer-text-color: var(--dark-gray-color); */
    --footer-text-color: #404040;
    --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(--light-gray-color);
    --submit-btn-text-color: white;
    --shadow-color: var(--light-gray-color);
	  --banner-color: var(--dark-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';
}
    
	/* HIDE NAV ICONS */


/* Settings Icon */
ul.top_icons>li:nth-child(3),
ul.m_top_icons>li.m_top_config {
  display: none !important;
}

/* Help Icon */
ul.top_icons>li:nth-child(4),
ul.m_top_icons>li.m_top_help {
  display: none !important;
}

/* Language Dropdown */
ul.top_icons>li:nth-child(5),
ul.m_top_icons>li.m_top_lang {
  display: none !important;
}
     
/*NINA-hide the "share" pop-up on content pages "thisRatebox"---display none*/
/* ellipsis button*/
.thisRatebox>a {
  font-size: 10px;
  padding: 2px 3px 2px 3px;
  min-width: 20px;
  max-height: 25px;
  display: none; 
}
	 
	 /* 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;
    }