/* Custom LiveRamp Help CSS with LiveRampSans fonts */

/* Defining font and location for LiveRampSans fonts */
@font-face {
  font-family: "LiveRampSans";
  src:url("../fonts/LiveRampSans-Regular.woff") format("woff"),
      url("../fonts/LiveRampSans-Regular.woff2") format("woff2"),
      url("../fonts/LiveRampSans-Bold.woff") format("woff"),
      url("../fonts/LiveRampSans-Bold.woff2") format("woff2"),
      url("../fonts/LiveRampSans-BoldItalic.woff") format("woff"),
      url("../fonts/LiveRampSans-BoldItalic.woff2") format("woff2"),
      url("../fonts/LiveRampSans-Extrabold.woff") format("woff"),
      url("../fonts/LiveRampSans-Extrabold.woff2") format("woff2"),
      url("../fonts/LiveRampSans-Extralight.woff") format("woff"),
      url("../fonts/LiveRampSans-Extralight.woff2") format("woff2"),
      url("../fonts/LiveRampSans-ExtralightItalic.woff") format("woff"),
      url("../fonts/LiveRampSans-ExtralightItalic.woff2") format("woff2"),
      url("../fonts/LiveRampSans-Italic.woff") format("woff"),
      url("../fonts/LiveRampSans-Italic.woff2") format("woff2"),
      url("../fonts/LiveRampSans-Light.woff") format("woff"),
      url("../fonts/LiveRampSans-Light.woff2") format("woff2"),
      url("../fonts/LiveRampSans-LightItalic.woff") format("woff"),
      url("../fonts/LiveRampSans-LightItalic.woff2") format("woff2"),
      url("../fonts/LiveRampSans-Medium.woff") format("woff"),
      url("../fonts/LiveRampSans-Medium.woff2") format("woff2"),
      url("../fonts/LiveRampSans-MediumItalic.woff") format("woff"),
      url("../fonts/LiveRampSans-MediumItalic.woff2") format("woff2");
}

/* Setting Body font to LiveRampSans */
body {
  font-family:"LiveRampSans", 
  sans-serif;
  font-size:18px;
  line-height:1.4;
  color:#555;
  background-color:#fff;
}

/* Color and settings for landing page header */
.portal-header {
  color: #000000;
  font-weight: bold;
  padding-top: 18px;
  Height: 80px;
}
/* Hides portal page brand logo */
.portal-header-navbar .navbar-brand {
  display: none;
} 

/* Change font color and font of How can we help you today? Text */
.portal-header h1 {
  font-family: "LiveRampSans", sans-serif;
  color: #32DB86;
}

/* Setting portal page tile text to LiveRampSans */
.portal-single-publication h3 {
  font-family:"LiveRampSans", 
  sans-serif;
  font-weight: bold;
  font-size: 20px;
  color:#555;
}

/* Setting color of portal page search button */
.portal-header .portal-search button {
  background-color: #32DB86;
}

/* Setting font size of portal page search text */
.portal-header .portal-search .search-field {
font-size: 16px;
}

.portal-single-publication .publication-icon {
  background-color: #000000;
}

.publication-contents li::before {
  color: #e1833b;
}
.publication-contents h4 span {
  background-color: #e1833b;
}
.publication-contents h4 span {
  color: #ffffff;
}
.logo-link h1 {
  color: #ffffff;
}

/* Color for procedure numbers */
.theme1 .procedure > li::before {
  background-color: #000000;
}
.featured-content-label,
.featured-content {
  display: none;
}
.featured-content-label {
  display: none;
}
.publication-contents li::before {
  display: none;
}
.publication-contents h4 span {
  display: none;
}
.featured-content {
  padding-top: 50px;
}

/* Hiding language selector */
button.dropdown-toggle.btn.btn-default {
  display: none;
}

.abstract {
	display: none;
}

/* Style admonitions */

.note,
.tip,
.warning,
.caution,
.important {
  padding-top: 0px;
  padding-bottom: 1px;
  font-size: 14px;
  margin-top: 6px;
  margin-bottom: 6px;
  padding-left: 25px;
}

.note:before,
.tip:before,
.warning:before,
.caution:before,
.important:before {
  top: 12px;
}

/* Hide left border for admonitions */
.note,
.tip,
.warning,
.caution,
.important {
  border-left: transparent;
}

/* Background color for Notes */
.note {
  background-color: #D2E7F982;
}

/* Background color for Tips */
.tip {
  background-color: #DBECDA82;
}

/* Background color for Cautions */
.caution {
  background-color: #FBE9CD82;
}

/* Background color for Warnings */
.warning {
  background-color: #FBDDE182;
}

/* Background color for Importants */
. important {
  background-color: #D2E7F982;
}

/* Hide icons for admonitions */
.note:before, .tip:before, .caution:before, .warning:before {
  display: none;
} 

.mediaobject.img-thumbnail img {
  max-width: 400px;
}
.mediaobject.img-thumbnail img {
  max-height: 400px;
}

.portal-header::after {
  opacity: 1;
  filter: none;
}
/* Change glossary popover text style from hyperlink to italics */
a.glossterm {
  color: #000;
  font-style: italic;
}


/* Styling for the subheader element that contains the documentation site title on the landing page (removed Open Sans) */
.subheader {
  color: #32DB86;
  padding-left: 7rem;
  font-family: LiveRampSans;
  font-size: 2.5rem;
  font-weight: 600;
  position: relative;
  top: 0.15rem;
  white-space: nowrap;
}

/* Change the color of the search result breadcrumbs (tried "p.search-results-breadcrumbs " and ".search-results-breadcrumbs") */
.search-result-url, .search-result-breadcrumbs {
   color: #757575;
}

/* Set h1 font size to 36px and font to LiveRampSans */
h1.title {
   font-size: 36px;
   font-family: LiveRampSans;

}

/* Set h2 font size to 24px */
h2.title {
   font-size: 24px;
   font-family: LiveRampSans;
}

/* Set h3 font size to 20px */
h3.title {
   font-size: 20px;
   font-weight: bold;
   font-family: LiveRampSans;
}

/* Decrease spacing between admonition title and body */
h3.title {
   margin-bottom: 5px;
}

/* Set h4 font size to 16px */
h4.title {
   font-size: 12px;
   font-weight: bold;
   font-family: LiveRampSans;
}

/* Sidebar settings: Set spacing between article tree and article text */
article#content-wrapper.topic.content-container {
   padding-left: 100px;
}

/* Sidebar settings: Font size for the article list, background color for entire sidebar area */
aside.site-sidebar {
   background-color: #EEEEEE;
}

.nav-site-sidebar .active>a {
    color: #555555;
}
.nav-site-sidebar ul a {
    color: #555555;
}
.nav-site-sidebar li a {
    color: #555555;
}

/* Background color for search area of sidebar on inner content pages */
.site-sidebar-search {
   background-color: #424242;
} 

/* Background color for top header of sidebar on inner content pages (background to LiveRamp logo) */
.site-sidebar-header {
   background-color: #000000;
}

/* adjust height of the header of inner page */
.site-sidebar-header {
    height: 64px;
}

/* Search field text weight and size */
.form-control.search-field {
   font-family: LiveRampSans;
   font-weight: 500;
   font-size: 18px;
}

/* Set font size for breadcrumb text in header */
.breadcrumb {
  font-size: 14px;
}

/* Color of breadcrumb root text in toolbar */
.breadcrumb-link {
   color: #FFFFFF;
}

/* Color of breadcrumb root text in toolbar */
.breadcrumb-node {
   color: #FFFFFF;
}

/* Color of breadcrumb middle text in toolbar */
.breadcrumb {
   color: #FFFFFF;
}

/* Color of breadcrumb middle text in toolbar */
.breadcrumb > li > a {
   color: #FFFFFF;
}

/* Extend color band for toolbar (.toolbar alone didn't work)*/
.fixed-toolbar .toolbar {
   padding-top: 18px;
   padding-bottom: 0px;
   height: 64px;
   background-color: #000000;
}

/* color of print icon (.fa fa-print, .fa-print, i.fa.fa-print, .tool-print.print-icon .fa-print, and .fa.fa-print didn't work) */
.fa-print {
   color: #fffff !important;
}

/* color of print icon (.tool-print.print-icon, .print-icon, .print-icon a, and  .tool-print > i didn't work) */
.tool-print.print-icon a {
   color: #fffff !important;
}

/* color of print icon (.tool-print.print-icon, .print-icon, .print-icon a, and  .tool-print > i didn't work) */
.tool-print.print-icon {
   color: #fffff !important;
}

/* color of print icon */
.tool-print > i {
   color: #fffff !important;
}

/* Move breadcrumbs down slightly */
.breadcrumb-container {
   padding-top: 4px;
}

/* Move content page logo up slightly */
.theme1 .site-sidebar .logo {
   padding-top: 10px;
}

/* Move content page hamburger toggle up slightly */
.theme1.collapsible-sidebar-nav .site-sidebar-header .navbar-toggle {
   Padding-bottom: 30px;
}

/*. adjust the size of the box around the content pages logo */
img#logotype-pageheader.logo {
   padding-bottom: 25px;
}

/* Adjust position of the full-screen toggle icon */
button.navbar-toggle {
   padding-top: 15px;
}

/*Bold formatting for guibutton element*/
span.guibutton {
  font-weight: bold;
}

/*Bold formatting for guilabel element*/
span.guilabel {
  font-weight: bold;
}