/* EGYM custom CSS for Paligo -> Netlify publishing */

/* set up EGYM fonts */
@font-face {
    font-family: HelveticaNowDisplay;
    src: url("https://egymsupportinfra.netlify.app/fonts/HelveticaNowDisplay.otf");
    font-weight: normal;
}
@font-face {
    font-family: HelveticaNowDisplayBold;
    src: url("https://egymsupportinfra.netlify.app/fonts/HelveticaNowDisplayBold.otf");
    font-weight: bold;
}

/* apply custom fonts to all elements */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .title {
    font-family: 'HelveticaNowDisplayBold', sans-serif;
    font-weight: bold;
    line-height: 1.1;
    color: inherit;
}

/* reduce the width of body text to make it narrower than the window */
div.topic-content {
    width: 80%;
}

/* increase default body font size */
body.theme2 {
    font-size: 12pt;
}

body {
    font-family: 'HelveticaNowDisplay', sans-serif;
    font-weight: normal;
}

/* set color of search "go" button */
.portal-header .portal-search button {
    background-color: #c75300;
}

/* set color of links */
a, .text-primary, .btn-primary .badge, .btn-link, .pagination>li>a, .pagination>li>span, .nav-site-sidebar .active>a, .portal-single-publication .publication-icon i, .portal-single-publication .publication-icon .fa, .publication-contents a:hover, .publication-contents h4 a {
    color: #c75300;
}

/* set color of titles on article pages */
.titlepage h1.title, .titlepage h2.title, .titlepage h3.title {
    color: #000000;
}

/* set color of "In this section" links */
.topic-link.section {
    color: #000000;
}

/* set the color of search results to be black, not orange like other links */
li.searchresultitem a {
    color: #000000;
}

/* set color when hovering over a link */
.topic-link.section:hover {
    color: #c75300;
}
li.searchresultitem a:hover,
li.searchresultitem.selected-searchresultitem a:hover,
a.link:hover {
    color: #8c8c8c;
    text-decoration: none
}

/* set the color of the "submit" search button on hover */
form.portal-search.form-inline button.btn:hover {
    background-color: #8c8c8c;
}


/* set hover color for breadcrumb links */
/*.breadcrumb-link a:hover {
    color: #cccccc;
}*/

/* Set size of logo on portal home page */
.logo-link .logo {
    width: 250px;
    height: auto;
}

/* Set color of footer background */
.portal-footer {
    background: #666666;
}

/* Make the toolbar background black */
.toolbar {
    background-color: #000000;
}

/* Set background color of topic page header that contains the breadcrumbs and search toolbar */
.bg-primary, .btn-primary, .publications-condensed .portal-single-publication a, .tool-search-form .search-field, .colored-top .site-sidebar-header, .pager li>a:hover, .pager li>span:hover {
    background-color: #666666;
}

/* Set brand colors for caution admonitions */
.caution, .tip {
    background-color: #f2f2f2;
} 

/* Set brand colors for admonition title blocks */
.warning h3, .note h3, .important h3, .caution h3, .tip h3 {
    background-color: #967000;
}
div.warning, div.note, div.important, div.caution, div.tip {
    background-color: #FFFFFF;
    border: 1px solid #967000;
}

/* set color of Prev and Next links */
/*a.prev, a.next {
    color: #8c8c8c;
}*/
/* override prev and next to be images instead of text */
a.prev {
    content: url("https://egymsupportinfra.netlify.app/images/navigation/ChevronLeftOrange.svg");
    width: 80px;
    height: auto;
}
a.next {
    content: url("https://egymsupportinfra.netlify.app/images/navigation/ChevronRightOrange.svg");
    width: 80px;
    height: auto;
}


/* set location of search text box */
/* if this is REALLY needed, it will require some rework to the OOTB code */
/*.tool-search-form {
    padding-left: 300px;
    display: block;
}*/

/* set color of area behind logo on top left of topic pages */
.site-sidebar-header {
    background-color: #000000;
}

/* set size of logo on topic pages */
.site-sidebar .logo {
    height: 64px;
    padding: 0px;
}

/* reduce height above portal header "How can we help you today" */
.portal-header h1 {
    margin-top: 1.2em;
}

/* set the height of the portal header */
.portal-header {
    height: 400px;
}

/* set the product-specific image for each product home page */
section.prodhome_fitnessHub h1.title::before {
    display: block;
    content: url("https://egymsupportinfra.netlify.app/images/product_homepage/FitnessHub.png");
}
section.prodhome_smartStrenth h1.title::before {
    display: block;
    content: url("https://egymsupportinfra.netlify.app/images/product_homepage/SmartStrength.png");
}
section.prodhome_trainerApp h1.title::before {
    display: block;
    content: url("https://egymsupportinfra.netlify.app/images/product_homepage/TrainerApp.png");
}
section.prodhome_memberApp h1.title::before {
    display: block;
    content: url("https://egymsupportinfra.netlify.app/images/product_homepage/MemberApp.png");
}
section.prodhome_genius h1.title::before {
    display: block;
    content: url("https://egymsupportinfra.netlify.app/images/product_homepage/Genius.png");
}
section.prodhome_businessSuite h1.title::before {
    display: block;
    content: url("https://egymsupportinfra.netlify.app/images/product_homepage/BusinessSuite.png");
}
section.prodhome_smartFlex h1.title::before {
    display: block;
    content: url("https://egymsupportinfra.netlify.app/images/product_homepage/SmartFlex.png");
}

/* add additional elements inside note to get them all to the same margin and padding values */
.warning > p, .note > p, .important > p, .caution > p, .tip > p, .note > div.mediaobject, .note > div.itemizedlist, .warning > div.procedure {
    margin-left: 40px;
    margin-bottom: 10px;
    -webkit-margin-before: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 20px;
    line-height: 1.5;
}

/* set background color of tiles on homepage */
div.portal-single-publication a {
    background-color: #f2f2f2;
}

/* suppress "In this section" block in page footer */
div.section-toc.section-toc-after {
    display: none;
}
/* DISPLAY "In this section" block ONLY for product home page */
/* NOTE: Add @role="prodhome" to the root <section> of each home page topic. */
.prodhome div.section-toc.section-toc-after {
    display: block !important;
}

/* suppress the breadcrumbs and display the search input box on right side of toolbar */
div.breadcrumb-container {
    display: none;
}
div.toolbar form.tool-search-form {
    display: inline-block !important;
}
div.toolbar input.form-control.search-field {
    border-top: 10px solid black;
    border-right: 10px solid black;
    border-left: 10px solid black;
    height: 80%;
    width: 50%;
    margin-left: auto;
    margin-right: 0;
}
/* suppress the magnifying glass search icon from appearing briefly when clicking out of the search box */
div.toolbar i.fa.fa-search {
    display: none !important;
}

/* --- format the accordions --- */
/* change the hover color from purple to brand gray */
/* note that the following code actually changes the DEFAULT for ALL link hover and focus behaviour */
a:hover,a:focus{
    color: #8c8c8c;
    text-decoration: none; /* remove the underline that's part of the default configuration */
}

/* remove the horizontal line below each accordion */
.panel {
    margin-top: 0em;
    margin-bottom: 0px;
    border-bottom: none;
}
article.topic.content-container .section.accordion {
    padding: 0px;
}
.panel-default >.panel-heading {
    padding: 5px 15px; /* This is the default; I'm putting it here in case you want to reduce it further */
}

/* position inline images in title on product title page */
/* NOTE: @role="title-image" must be added to parent inlinemediaobject. */
.inlinemediaobject.title-image > img {
    vertical-align: text-bottom;
}

/* make gui* elements bold */
.guibutton, .guiicon, .guilabel, .guimenu, .guimenuitem, .guisubmenu {
    font-weight: bold;
}

/* remove gray filter from portal image */
.portal-header::after {
    z-index: -5;
    background: none;
    background-size: cover;
    opacity: .4;
    filter: none;
}

/* add box and more spacing around images */
div.material-placeholder {
    border: 0.15pt solid silver;
    padding: 0pt;
    box-sizing: content-box;
}

/* fix the indentation of accordion wrapping text */
section.section.accordion h6.title::before {
    margin-left: -1.6em;
}
/* increase the line height of the accordion title */
section.section.accordion h6.title {
    line-height: 1.5;
}

/* style the topic navigation pane that appears on the top right of the topic */
aside.section-nav-container {
    margin-top: 2em;
}
.theme2 .section-nav.nav>li.active>a:before {
    content: '';
    border-radius: 50%;
    left: -3px;
    top: 12px;
    background: #ffffff; /* make white so it's invisible */
    position: absolute;
    width: 6px;
    height: 6px;
}
.theme2 .section-nav.nav li.active>a {
    color: #c75300 !important;
}
.theme2 .section-nav.nav li.active>a:hover {
    color: #8c8c8c !important;
}

/* format the legal footer */
.theme2 .site-footer {
    padding-left: 0pt;
    padding-right: 0pt;
}
.legal-footer {
    padding: 10pt;
    color: #8c8c8c;
    font-size: 10pt;
    background-color: #000000;
    overflow: visible;
}
.legal-footer a {
    color: #8c8c8c;
}
.legal-footer a:hover {
    color: #666666;
}
.legal-links, .update-cookies {
    display: block;
    margin: 0pt;
    padding: 0pt;
    border: 0pt;
    text-align: right;
    width: auto;
    vertical-align: baseline;
}
.copyright {
    /*padding: 10pt;*/
}
.legal-links {
    flex: 0 0 50%;
    max-width: 50%;
    display: block;
    width: 50%;
    margin-left: auto;
    margin-right: 0;
}
.legal-links-ul {
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    text-align: right;
    margin-bottom: 0;
}
.legal-links-ul > li {
    vertical-align: baseline;
    background: transparent;
    line-height: 1.5;
    list-style-position: outside;
    margin-bottom: 0;
    margin-left: 0;
    list-style-type: none;
    display: inline-flex;
}
.legal-links-ul > li > a, .update-cookies > a {
    line-height: 1rem;
    padding-right: 0.625rem;
    padding-bottom: 0.3125rem;
    padding-left: 0.625rem;
}