/*******************************************************************************
 *   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: #07003D;
     --primary-light-color: #3688BF;
     --secondary-color: #A1007D;
     --secondary-light-color: #C7E2F2;
     --dark-gray-color: #404040;
     --gray-color: #6C6C6C;
     --medium-gray-color: #AAAAAA;
     --light-gray-color: #D6D8D6;
 /* 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%;
}

/* top menu - hide menus and links */
.nav>li {
    display: none !important
}

/* top menu - thickness of horizontal bar */
nav.navbar-default {
    min-height: 20px !important;
}

/* side menu - text color of non-selected topics */
ul.jqtree-tree .jqtree-title {
    color: var(--text-color);
}

 /* defaults for links*/
 a {
     color: #1226AA;
 }
 a:hover, a:active, a:visited, a:focus {
     outline: none;
     text-decoration: none;
     color: var(--secondary-color);
 }
     
     /* override content styles to centre text in this box */
     .testimonials_header p > div > p, .testimonials_header p > div > ul {
         text-align: left !important;
    }  
           
     /* Body content from [LandingPageContentItems] individual topics divs have id="l_{topic id}" */
     .landing_content_box {
         background-color: var(--content-bg-color);
         border-radius: var(--border-radius-large);
         padding: 0;
         text-align: center;
         font-size: 14px;
         margin: 10px;
         width: 350px;
         max-height: 280px;
         border: 1px solid var(--light-gray-color);
         box-shadow: 1px 1px 3px var(--shadow-color);
    }
 
     /* drop-down menu */
     ul.dropdown-menu {
         border: 1px solid var(--light-gray-color);
         border-bottom-left-radius: var(--border-radius-small);
         border-bottom-right-radius: var(--border-radius-small);
         background-color: var(--control-bg-color);
         padding: 5px;
         transition: all 0.4s ease-in-out;
         z-index: 100;
         max-height: 1200px;
    }
    /* Site title - comes from the Book Web Title property of the Book */
 .mainpage_block.jumbotron > h1 {
     margin: 50px 0 0 0;
     color: var(--primary-color);
     font-weight: 500;
     font-size: 28px;
     text-shadow: -0px -0px 0 var(--title-outline-color), 0px -0px 0 var(--title-outline-color), -0px 0px 0 var(--title-outline-color), 0px 0px 0 var(--title-outline-color);
 }
 
 /* Site sub-title - comes from the Book Web Super Title property of the Book */
 .mainpage_block.jumbotron > p {
     margin: 40px 0 0 0;
     color: var(--primary-color);
     font-size: 24px;
     font-weight:360;
     text-shadow: -0px -0px 0 var(--title-outline-color), 0px -0px 0 var(--title-outline-color), -0px 0px 0 var(--title-outline-color), 0px 0px 0 var(--title-outline-color);
 
 }
 /* Hide TOC button (lower left) */
    #menusection > div.panel-footer {
      visibility: hidden
 }   

     /* HIDE NAV ICONS */
     /* Hamburger Icon */
     /*   ul.top_icons>li:nth-child(1),
        ul.m_top_icons>li.m_top_menu {
        display: none !important;
    }

     /* 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;
    }

         /* Search icon mobile view*/
     /*   ul.m_top_icons>li.m_top_search {
        display: none !important;
    }

     /*mobile view kebab menu */
        ul.m_top_icons>li.m_top_ellipses {
        display: none !important;
    }

      .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;
    }