/*******************************************************************************
 *   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: #080808;
    --primary-light-color: var(--orange);
    --secondary-color: #414141;
    --secondary-light-color: #00D0c1;
    --dark-gray-color: #051c2c;
    --gray-color: #6C6C6C;
    --alt-gray-color: #414141;
    --medium-gray-color: #AAAAAA;
    --light-gray-color: #CECECE;
    --lighter-gray-color: #ebebeb;
	--red: #CC0000;
	--orange: #F65E0A;
	--grey: #969696;
	--turquoise: #00D0C1;
	--hid-dark-grey: #414141;
    /* functional colors */
    --background-color: white;
    --landing-bg-color: white;
    --heading-bg-color: var(--light-gray-color);
    --panel-head-bg-color: var(--white);
    --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(--grey);
    --active-btn-bg-color: var(--orange);
    --submit-btn-bg-color: var(--grey);
    --form-bg-color: white;
    --widget-bg-color: white;
    --text-color: var(--dark-gray-color);
    --footer-text-color: var(--dark-gray-color);
    --heading-text-color: var(--dark-gray-color);
    --panel-head-text-color: var(--orange);
    --widget-head-text-color: var(--dark-gray-color);
    --button-text-color: var(--hid-dark-grey);
    --active-btn-text-color: white;
    --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;
   
    /* 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';
}

/* APPLICATION FONT */

body {
    /*font-family: SegoeUI-SemiBold, Helvetica, Arial, sans-serif;*/
}

 a {
     color: var(--orange);
     font-weight: bold;
 }
 a:hover, a:active, a:visited, a:focus {
     outline: none;
     text-decoration: none;
     color: var(--orange);
 }
 
/* HEADER Overrides */

/* set minimum width for long logo */

.inner_logo {
    min-width: 200px;
    max-width: none;
	padding-top: 6px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 0px;
}
/*Remove landing image/
.landing_bg {
 background-image: none;
 background-color: var(--orange);
}*/

/* 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;*/
    display: none !important;
	vertical-align: bottom;
}

/* Customised: This code hides the Hamburger Menu heading in the Help popup from the top nav */
.modal-body > h3:nth-child(1) {
    display: none;
 }
.modal-body > p:nth-child(2) {
    margin-top: 10px;
       font-size: 15px;
       color: black;
}

/* Customised: This code hides the Filter heading and text in the Help popup from the top nav */
.modal-body > h3:nth-child(4) {
    display: none;
}
.modal-body > p:nth-child(5) {
    display: none;
}

/* Customised: This code hides the Configuration heading and text in the Help popup from the top nav
.modal-body > h3:nth-child(7) {
    display: none;
}
.modal-body > p:nth-child(8) {
    display: none;
}
 */
/* Customised: This code hides the Version heading and text in the Help popup from the top nav */
.modal-body > h3:nth-child(9) {
    display: none;
}
.modal-body > p:nth-child(10) {
    display: none;
}


header#desktop a#langDp {
    Color: var(--orange);
	vertical-align: middle;
    line-height: 25px;
}
/* controls the padding in the search box contained in the content section */
.col-md-5 {
    width: 41.66666667%;
		padding-top: 6px;
    padding-right: 0px;
    padding-bottom: 6px;
    padding-left: 0px
}

/* controls the color of the search box in the content section */
.top_search_block > form > .input-group > .input-group-addon {
    background-color: var(--orange);
    color: var(--white);
    padding: 2px 5px 2px 5px;
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small);
    fill: var(--primary-color);
}


/* base defaults for the header container */
header#desktop > div.container-fluid > div.row {
padding: 0px 0px 0px 0px;
background-color: white;
}
/* Set Navigation Bar Colors */
nav.navbar-default {
border-radius: 0px;
background-color: black;
margin: 0;
border: 0;
z-index: 9;
min-height: 40px;
max-width: 100vw;
}

/* navbar hover colors */
div#navigation-root > ul.nav.navbar-nav > li.dropDownChild.open > a {
    background-color: var(--orange);
    border-radius: var(--border-radius-small);
}
/*this changes the color of the text in the header*/
/* top level menu item text */
div#navigation-root > ul.nav.navbar-nav > li.dropDownChild > a {
color: white !important;
}


/* ICON COLORS - SET TO --primary-color by default*/

header#desktop .top_icons .top_icons_menu {
    fill: var(--orange);
}

header#desktop .top_icons .lang_dropdown > a {
    color: var(--orange);
}

header#ipad .m_top_icons .top_icons_menu {
    fill: var(--orange);
}

header#ipad li.m_top_lang > a {
    color: var(--orange) !important;
}
 /* re-colouring and re-sizing the icons themselves */
: var(--orange)
 }



/* SELECTED ITEM IN CONTENTS */

/* container for selected items - item in context */
ul.jqtree-tree li.jqtree-selected > .jqtree-element {
    border-radius: 2px;
    border: 1px solid var(--light-gray-color);
    box-shadow: 1px 1px 3px 1px var(--shadow-color);
}


ul.jqtree-tree li.jqtree-selected > .jqtree-element > .jqtree-title {
	background-color:  var(--white);
    color: var(--orange) !important;
    font-weight: 600;
    font-size:15px;
}
/* SEARCH RESULTS */

/* body text of search results */
#shortened_search_result > div td {
    font-size: 14px;
    padding: 10px 5px 0 5px;
}

#shortened_search_result > div td b {
    color:var(--secondary-color);
}
/*Search icon*/
.mainpage_block > .search_block > form > .input-group > .input-group-addon {
    background-color: var(--orange);
    border: 1px solid var(--light-gray-color);
    border-left: none;
    fill: black;
}

/* progressbar  bar*/
.progress .progress-bar {
    background-color: green;
}


/* SOCIAL ICONS */

/* hide share menu option */
.topic_right_icons > li:nth-child(2) {
    /*display: none;*/
}

/* center icons because when you turn some off it looks odd*/
ul.share_social {
    text-align:center;
}

/* Facebook Icon*/
ul.share_social > li:nth-child(1)  {
    /*display: none !important;*/
}

/* LinkedIn Icon*/
ul.share_social > li:nth-child(2)  {
    /*display: none !important;*/
}

/* Twitter Icon*/
ul.share_social > li:nth-child(3)  {
    /*display: none !important;*/
}

/* Email Icon*/
ul.share_social > li:nth-child(4)  {
    /*display: none !important;*/
}


/* thin horizontal scrollbar */
::-webkit-scrollbar {
    height: 6px;
}

/* rotator container */
/*
.testimonials_header { 
    background-color: var(--content-bg-color);
    border-radius: var(--border-radius-large); 
    max-height: 350px; 
    overflow: hidden;
    height: 150px; 
    border: 1px solid var(--grey); 
    box-shadow: 1px 1px 3px var(--grey); 
    margin: 5px 5px 5px 5px;
    line-height: normal;
    word-spacing: normal;
}
*/

/* rotator items */
.testimonials_item {
  background-color: var(--content-bg-color);
  border-radius: var(--border-radius-large);
  max-height: 350px;
  overflow: hidden;
  height: 160px;
  border: 1px solid var(--light-gray-color);
  box-shadow: 1px 1px 3px var(--shadow-color);
  margin: 5px 5px 5px 5px;
  line-height: normal;
  word-spacing: normal;
}

.testimonials_cnt p.bodytext {
  text-align: center;
}

/* add rotator style for on hover 
Potential in case they want to add the rotator content later*/
.testimonials_header:hover {
  -webkit-box-shadow: 0px 0px 2px 2px rgba(204, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 2px 2px rgba(204, 0, 0, 0.5);
  box-shadow: 0px 0px 2px 2px rgba(204, 0, 0, 0.5);
  cursor: pointer;
}

/*.testimonials_header h3:after {
   content: "";
   position: absolute;
   height: 4px;
   width: 62px;
   left: 80px;
   bottom: auto;
   background: #F65E0A;
   margin: 40px auto;
}*/

.testimonials_control > span {
   color: #f38230;
   font-size: 28px;
   font-weight: 600;
   background-color: #fff;
   width: 50px;
   height: 50px;
   line-height: 45px;
   border-radius: 50%;
   border: 2px solid #fff;
   box-shadow: 1px 1px var(--orange);
   text-align: center;
}

/* landing page container */
.landing_content_box {
    background-color: var(--content-bg-color);
    border-radius: var(--border-radius-large);
    padding: 0;
    text-align: left;
    font-size: 14px;
    margin: 10px;
    width: 350px;
    max-height: 280px;
    border: 1px solid var(--grey);
    box-shadow: 1px 1px 3px var(--grey);
}

/* add container style for on hover */
.landing_content_box:hover {
  -webkit-box-shadow: 0px 0px 2px 2px rgba(204, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 2px 2px rgba(204, 0, 0, 0.5);
  box-shadow: 0px 0px 2px 2px rgba(204, 0, 0, 0.5);
  cursor: pointer;
}


/* style for mapping background color on hover over elipses */
.thisRatebox > a:hover, .related_header:hover, p.group_header:hover {
    background-color: var(--orange);
    box-shadow: 1px 1px 3px var(--shadow-color);
    border-radius: var(--border-radius-small);
}


/* FOOTER Topics container */

div#content_container_static {
    padding: 20px;
}

 .inner_page_footer {
     height: 60px;
 }

/*ipad settings */
/*heading bar for ipad */
.bg_orange {
    background-color: white;
}
/* language menu for ipad */
header#ipad .m_top_icons > li > a {
    padding: 5px 5px 3px 5px;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    color: var(--orange) !important;
} 
/* help and settings menu for ipad */
header#ipad .m_top_icons .top_icons_menu {
    fill: var(--orange);
}
     /* BP1 - adjustments  for screens upto 640px wide */
     @media (max-width: 640px) {
         /* searchbox container*/
         .mainpage_block.jumbotron {
             margin: 0;
             padding-top: 0;
         }
 
         /* hide footer on mobile screen*/
         footer, footer.has_footer  {
           display: block;
         }
 
         /* font sizes for heading and sub-heading*/
         .mainpage_block.jumbotron > h1 {
             font-size: 20px;
         }
 
         .mainpage_block.jumbotron > p {
             font-size: 18px;
         }
 
          /*height for main landing page container*/
         .landing_container {
             height: calc(100vh - 40px);
         }
     }