/*******************************************************************************
 *   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.
 *
 *  Last changed:   2021-03-09  by Mike Levey for Legrand Theme 
 *NIna editing on 10.19.2022--hid the Help icon, the Language drop down, removed the custom logo overrides
 *******************************************************************************/


html {
    /* base colors */
    --primary-color: #ee243d;
    --primary-light-color: #b80000;
    --secondary-color: #36424a;
    --secondary-light-color: #C7E2F2;
    --dark-gray-color: #36424a;
    --gray-color: #6C6C6C;
    --medium-gray-color: #AAAAAA;
    --light-gray-color: #f15064;
    /* 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: #FFEBF0;
    --content-bg-color: #fde8e8;
    --control-bg-color: white;
    --button-bg-color: var(--light-gray-color);
    --active-btn-bg-color: var(--primary-light-color);
    --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: black;
    /* --footer-text-color: var(--dark-gray-color); */
    --footer-text-color: #d2060b;
    --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';
}
/* top level menu item container custom changes */
.navbar-default .navbar-nav > li > a {
    margin: 5px 3px 5px 3px;
    padding: 5px 8px 5px 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #FFFFFF !important;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

/* top level menu item text */
div#navigation-root > ul.nav.navbar-nav > li.dropDownChild > a  a {
    color: #FFFFFF !important;
}
/* customize size and positioning of landing image */
.landing_bg {
    /* was changed to 'contain'  not sure why. Changed back by Mike */
    background-size: cover;
}
.footer_links {
    font-size: 10pt;
    font-weight: 400;
    font-family: "Open Sans", Helvetica, Arial;
}

/* HEADER Overrides --Hidden by Nina 10.19.22*****/

/* was supposed to set minimum dimensions for long logo--didnt' work */
/* 
.inner_logo {
    min-width: 200px;
    max-width: none;
    max-height: 35px;
}
 */
 

/* 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--hidden by Nina 10.19*/
ul.top_icons > li:nth-child(4), ul.m_top_icons > li.m_top_help {
    display: none !important;

}

/* Language Dropdown---hidden by Nina 10.19 */
ul.top_icons > li:nth-child(5), ul.m_top_icons > li.m_top_lang {
    display: none !important;
}

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

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

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

header#ipad .m_top_icons .top_icons_menu {
    fill: lightgrey;
}

header#ipad li.m_top_lang > a {
    color: lightgray !important;
}

/* Center images in testimonials header */
.testimonials_section .img-responsive {
    margin-left: auto;
    margin-right: auto;

}

/* 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(--light-gray-color);
}

/* text for selected item */
ul.jqtree-tree li.jqtree-selected > .jqtree-element > .jqtree-title {
    color: var(--secondary-color) !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);
}

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


/* SOCIAL ICONS */

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

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

/* Landing Content Box */

.landing_content_box {
    max-height: 480px;
}

.landing_content_box p > div {
    max-height: 285px;
}

/* FOOTER Topics container */

div#content_container_static {
    padding: 20px;
}
/* change by Enan */
#accordion2 > .panel-default > .panel-heading > .panel-title > a.collapsed {
    color: #d5d5d5; /* change by Enan */
/* change by Enan */
}
.landing_content_box h3 {
    color: #ffffff;
}
/* change by Enan */
.testimonials_header h3 {
    color: #ffffff;
}
/* change by Enan */
#menusection > div.panel-footer .menu_bot_btn.active {
    box-shadow: 1px 1px 3px #D2060B;
    background-color: #fde8e8;;
    border: 1px solid var(--primary-color);
    color: #000000;
}
/* change by Enan */
#glossary1 #accordion .panel-heading a.active {
    color: #ffffff;
}
/* change by Enan */
#accordion2 > .panel-default > .panel-heading > .panel-title > a.collapsed:hover {
    color: #ffffff;
}
/* change by Enan */
#menusection > div.panel-footer .menu_bot_btn:hover, #menusection > div.panel-footer .menu_bot_btn.active:hover {
    color: #ffffff;
}/* change by Enan */
    #menusection > div.panel-footer .menu_bot_btn {
        color: #d5d5d5;
}/* change by Enan */
.buttonGlossary-up, .buttonGlossary-down {
            color: #d5d5d5;     
/*
}
/* Added by Mike to substitute logo2.png with an SVG logo-did not work-hidden by Nina 10.19*/
/*figure .inner_logo {
    display: block;
    -moz-box-sizing: border-box;
    background: url("../images/Legrand-color-logo-01.svg") no-repeat;
    width: 196px;
    height: 50px;
    padding-left: 1px;
}
 */
 
#accordion2 > .panel-default > .panel-heading > .panel-title > a {
    color: #ffffff;
}
header#ipad .col-md-12 {
    background-color: transparent;
}
header#ipad .m_top_icons .top_icons_menu {
    fill: var(--secondary-color);
}
header#ipad li.m_top_lang > a {
    color: var(--secondary-color) !important;
}
/* change by Enan */
header#ipad ul.m_top_icons {
    margin-left: 15%;
}
p.warning{ /*change by Enan */
    color: #ffffff;
}
p.warning .strong{ /* change by Enan */
    color: #ffffff;
}/* change by Enan */
a> .acc_expand::before {
    color: #d5d5d5;
}