.portal-content { /*this is intended to help account for design spacing on larger displays; otherwise, there's some white space at the bottom of the home page*/
	display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
}

footer {
    width:  100%;
}

.featured-content { /*hiding the home page featured content*/
    visibility: hidden;
}

.featured-content-label {
	display: none;
}

.inner-row > .portal-single-publication .publication-icon { /*resizing the front panels in order to center the icons*/
   width: 90px;
   height: 90px;
} 

.cat-panel-1:before{ /*agreements platform tile*/
  background: url(https://prod-sertifi-umb-webapp.azurewebsites.net/media/l15d2sma/icon_agreements.png); /*the front page icons all live OFFSITE from where the support site lives as of 2022*/
  width: 90px;
  height: 90px;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}


.cat-panel-2:before{ /*authorizations platform tile*/
      background: url(https://prod-sertifi-umb-webapp.azurewebsites.net/media/iirgta2j/icon_authorizations.png); /*the front page icons all live OFFSITE from where the support site lives as of 2022*/
  width: 90px;
  height: 90px;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.cat-panel-3:before{ /*integrations panel*/
      background: url(https://prod-sertifi-umb-webapp.azurewebsites.net/media/v3ujbusd/icon_integrations.png); /*the front page icons all live OFFSITE from where the support site lives as of 2022*/
  width: 90px;
  height: 90px;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.cat-panel-4:before{ /*API panel*/
      background: url(https://prod-sertifi-umb-webapp.azurewebsites.net/media/p3efjur5/icon_api.png); /*the front page icons all live OFFSITE from where the support site lives as of 2022*/
  width: 90px;
  height: 90px;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.cat-panel-5:before{ /*settings panel*/
      background: url(https://prod-sertifi-umb-webapp.azurewebsites.net/media/hpsfs3g0/icon_settings.png); /*the front page icons all live OFFSITE from where the support site lives as of 2022*/
  width: 90px;
  height: 90px;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.cat-panel-6:before{ /*release notes panel*/
      background: url(https://prod-sertifi-umb-webapp.azurewebsites.net/media/stam0dak/icon_ng-notes.png); /*the front page icons all live OFFSITE from where the support site lives as of 2022*/
  width: 90px;
  height: 90px;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.cat-panel-7:before{ /*data tags panel*/
background: url(https://prod-sertifi-umb-webapp.azurewebsites.net/media/x2chmpiq/icon-purple-tags.png?width=500&mode=max&animationprocessmode=first); /*the front page icons all live OFFSITE from where the support site lives as of 2022*/
  width: 90px;
  height: 90px;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

.cat-panel-8:before{ /*roles panel*/
 background: url(https://prod-sertifi-umb-webapp.azurewebsites.net/media/qgmlj0oq/icon-green-roles.png?width=500&mode=max&animationprocessmode=first); /*the front page icons all live OFFSITE from where the support site lives as of 2022*/
  width: 90px;
  height: 90px;
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}


/*
.portal-publications .inner-row > .portal-single-publication:nth-child(8),
.portal-publications .inner-row > .portal-single-publication:nth-child(9) {
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    width: 0;
}
*/


/*.dropdown-toggle {
	display: none;
}*/

/*editing the background color and border for the leftmost nav logo. note that the border bottom MUST be the same color as the main div in order to look seamless*/
.site-sidebar-header {
    background-color: #443061;
    border-bottom-color: #443061;
}

.toolbar {
	background-color: #443061;
}

div.inner.row {
    border-top: #a2c9ae 10px solid;

}

/*main page search button color*/
.portal-header .portal-search button{
    background-color: #a2c9ae;
}


/*for whatever reason, paligo darkens the hero image on the front page, so this corrects for that and displays the header in its original colors and brightness*/
.portal-header:after { 
    filter:  brightness(1.0);
}

/*sertifi branding uses open sans*/

* {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    /*it's necessary to add the sans-serif value, and font-weight/font-style selectors in order to get the fonts to render properly in Safari*/
}

.title {
    color: #443061 !important; /*i swear to god, paligo is so annoying with how often you have to use !important*/
    font-family: Open Sans, sans-serif;
    /*it's necessary to add the sans-serif value, and font-weight/font-style selectors in order to get the fonts to render properly in Safari*/
}

/*the h4 and h6 rules are in place largely for release note pages, since adding new subsections in addition to per-release
subsections made righthand TOC nav a bit more difficult to use. h4 controls the stylings for per-release subsection'
header, and h6 controls the Agreement/Authorizations headers, which in Paligo are labeled as 'bridgehead' elements*/

h4 {
    font-size:  23px;
}


h5 {
    /*because of how paligo functions, certain subsections on certain pages receive h5 headers
    instead of h4s. this h5 rule styles them to match the other headers on font, sizing, etc. */
    color:  black;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.25em;
    text-transform: capitalize;
    font-weight: normal;
}


h6 {
    font-size:  17px;
    font-weight:  normal;
}

/*adding a little border bar at the bottom section navs*/
div.section-toc-title {
    border-bottom: black 1px solid;
    margin-bottom: 10px;
}

/*this is the show less/show more text on the home page*/
.toggle-label.showless {
    display: none;
}

.toggle-label.showmore {
    display: none;
}

/* Adds borders to every image on the site. */
.mediaobject img {
    border: 1px solid #929292;
}

/*This helps align inline images with the text.*/
.inlinemediaobject > img {
    margin-top: -9px;
}

/*This overrules sitewide font settings so that code blocks are rendered in monospace fonts.*/
.programlisting > span {
    font-family: "Lucida Console", monospace;
}

.cc-allow{
    margin-right: 250px;
}

.code {
    color: #848884;
    font-size: .85em;
}