/* Move the main background image for better read */
.hc-spaceHome-background-image {
	background-position: 0% 7% !important;
}

/* Improve logo rendering for mobile devices */
@media print, screen and (max-width: 64em) {
  .header__navigation__menu-container--logo a img {
      max-height: 40px !important;
      min-width: 40px !important;
  }
  
  .header__navigation .title-bar {
    padding-left: 1rem;
    padding-right: 0;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;    
  }
}

/* Hack to avoid scrolls bars around Giffy diagrams */
iframe.gliffy-html5-container.full-width {
  display: none !important
}

/* Improve Gliffy rendering and fix image resize issues */
.gliffy-container,
.article .article__content article .gliffy-container,
.article .article__content article ol li .gliffy-container/*,
.article .article__content article ol li > [data-macro-name]:last-child*/
{
  width: 100% !important;
  margin: 0px !important;
}

/* Center gliffy diagrams */
.diagram-content-container,
.diagram-content-container .diagram-image-container,
.diagram-image-container > img
{
  margin: 0px !important;
  border: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Change default text color */
body {
  color: rgb(0, 33, 71) !important;
}

/* Remove a strange hack that cause issues with accordions */
.article .article__content article h1::before, .article .article__content article h2::before,
.article .article__content article h3::before, .article .article__content article h4::before,
.article .article__content article h5::before, .article .article__content article h6::before,
.article .article__content table h1::before, .article .article__content table h2::before,
.article .article__content table h3::before, .article .article__content table h4::before,
.article .article__content table h5::before, .article .article__content table h6::before,
.table-overlay .article__content article h1::before, .table-overlay .article__content article h2::before,
.table-overlay .article__content article h3::before, .table-overlay .article__content article h4::before,
.table-overlay .article__content article h5::before, .table-overlay .article__content article h6::before,
.table-overlay .article__content table h1::before, .table-overlay .article__content table h2::before,
.table-overlay .article__content table h3::before, .table-overlay .article__content table h4::before,
.table-overlay .article__content table h5::before, .table-overlay .article__content table h6::before {
  content: none !important;
}

/* Change main space title color */
.space-overview__content__heading h2 {
  color: rgb(198, 12, 48) !important;
}

/* Increase the CTA button size */
.button.hollow.primary:not(.cookiesAccepted) {
  font-size: 16px !important;
  padding: 4px !important;
}

/* Improve cookies look and feel */
#cookies {
  width: 350px;
  padding-bottom: 0px !important;
}

#cookies>h3 {
  font-size: 1.2rem !important;
}

#cookies>p {
  font-size: 0.8rem !important;
  margin-bottom: 1rem !important;
}

.button--white-on-black span:hover {
  color: rgb(255,255,255) !important;
}


/* Change the space overview title */
.space-overview__detail__intro--description {
  color: rgb(22, 87, 136) !important;
}

.space-overview__content__heading h2 {
  color: rgb(198, 12, 48) !important !important;
}

/* Change articles width on mobile phones */
@media print, screen and (max-width: 768px) {
.article, .table-overlay {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
}

.article .article__content, .table-overlay .article__content {
  padding: 0 !important;
}

/* avoid removing the left margin for ol/ul elements to keep the bullet ok */
@media print, screen and (max-width: 63.99875em) {
.article .article__content article #content ul, .article .article__content article #content ol,
.article .article__content table #content ul, .article .article__content table #content ol,
.table-overlay .article__content article #content ul, .table-overlay .article__content article #content ol,
.table-overlay .article__content table #content ul, .table-overlay .article__content table #content ol {
    margin-left: 32px;
}
}

/* Articles */
.tile { 
  background-color: #fff !important;
  background-clip: border-box !important;
  border: .0625rem solid rgba(231,234,243,.7) !important;
  border-radius: .50rem !important;
  box-shadow: 0 6px 12px rgba(140,152,164,.075) !important;
  transition: 0.3s !important;
}

.tile:hover {
  background-color: #fff !important;
  box-shadow: 0 6px 12px rgba(140,152,164,.25) !important;
}

/* Handle sections */
[class="sp-grid-section"] {
  display: flex !important;
  flex-wrap: wrap !important;  
}

.sp-grid-cell.sp-grid-100 {
  margin-top: 24px !important;
  flex: 0 0 100% !important;
  /*max-width: 100% !important;*/
}

@media screen and (min-width: 768px) {
  .sp-grid-cell.sp-grid-100:first-child:nth-last-child(n + 2),
  .sp-grid-cell.sp-grid-100:first-child:nth-last-child(n + 2) ~ * {
    flex: 0 0 50% !important;
    /*max-width: 50% !important;*/
    padding-right: 12px !important;
  }

  .sp-grid-cell.sp-grid-100:first-child:nth-last-child(n + 3),
  .sp-grid-cell.sp-grid-100:first-child:nth-last-child(n + 3) ~ * {
    flex: 0 0 33% !important;
    /*max-width: 33% !important;*/
    padding-right: 12px !important;
  }
}

/* Fix a layout issue in scroll viewport */
.article .article__content article #content p, .article .article__content article #content ul,
.article .article__content article #content ol, .article .article__content article #content>.panel-macro,
.article .article__content article #content>.mega-accordion {
    max-width: 100% !important;
}

/* makes h1 so big that the user will know he shouldn't use it! */
.article .article__content article h1:not(.article__heading) {
    font-size: 100px !important;
  	color: red !important;
}

/* reduce article title size */
.article .article__content article h2 {
    font-size: 32px !important;
  	margin-top: 40px !important;
  	margin-bottom: 8px !important;
}

.article .article__content article h3 {
    font-size: 24px !important;
}

.article .article__content article h4 {
    font-size: 20px !important;
}

/* improved spacing between paragraphs, bullet list and tables */
.article .article__content article p {
  margin-bottom: 0em !important;
}

.article .article__content article p + p {
  margin-top: 1.5em !important;
}

.confluenceTable, .table-wrap {
  margin-top: 0 !important;
}

/* Fix invalid table font */
.tablesorter-custom {
  font-family: "roboto-regular",Helvetica,Roboto,Arial,sans-serif !important;
}

/* Fix invalid table title font when a <p> tag is present */
.tablesorter-header-inner p,
th.confluenceTh p {
	font-family: "roboto-bold",Helvetica,Roboto,Arial,sans-serif !important;
}

/* Reduce spacing due to the button that enlarges the tables */
button.enlarge-table-button {
  /*float: right !important;*/
}

/* reduce spacing above bullet points */
.article .article__content article ul {
  margin-top: 0.2rem !important;
}

/* reduce spacing between bullet points */
.article .article__content article ul li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Fix an issue with embedded images within li */
.article .article__content article ul li > [data-macro-name], .article .article__content article ul li > [data-macro-name]:last-child {
  margin-top: 0px! important;
  margin-bottom: 0px! important;
}

/* reduce accordian excerpt text size */
.megaAccordion__item__excerpt {
  font-size: 16px !important;
}

/* Improve date tag rendering */
.wiki-content time {
  color: #000C34 !important;
  margin: 0 !important;
  /*padding: 4px 6px 5px 5px !important;*/
  padding: 0!important;
  background: none !important;
}

.wiki-content time::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000C34' fill-rule='evenodd'%3E%3Cpath d='M3 6v7h10V6H3zm9-3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h1V2a1 1 0 1 1 2 0v1h4V2a1 1 0 0 1 2 0v1z' fill-rule='nonzero'/%3E%3Cpath d='M4 9h2V7H4zm0 3h2v-2H4zm3-3h2V7H7z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Increase export panel footer size */
.aui-dialog2-footer {
  height: 58px;
}

/* Improve standard AUI buttons */
.aui-button, .aui-button:visited, a.aui-button {
  display:inline-block;
  padding: .625em 2em !important;
  height: auto !important;

  background: none !important;
  color: #000C34 !important;
  border: .05rem solid;
  border-radius: .05rem;
  transition: color 125ms,background-color 125ms,border-color 125ms;
}

.aui-button:focus, .aui-button:hover {
	text-decoration: none !important;
    color: #ffffff !important;
    background-color: #000C34 !important;
    border-color: #000C34 !important;
}

.aui-button .aui-icon {
  margin-right: 0.2em !important;
}

.aui-button:hover .aui-icon {
  color: #FFFFFF !important;
}

/* Improve primary AUI buttons */
.aui-button.aui-button-primary, .aui-button.aui-button-primary:visited, a.aui-button.aui-button-primary {
  color: #ffffff !important;
  background-color: #000C34 !important;
  border-color: #000C34 !important;
}

.aui-button.aui-button-primary:hover, .aui-button.aui-button-primary:focus {
  background: none !important;
  color: #000C34 !important;
}

.aui-button.aui-button-primary:hover .aui-icon {
  color: #000C34 !important;
}

/* Improve subtile AUI buttons */
.aui-button.aui-button-subtle:hover, .aui-button.aui-button-subtle:focus {
  color: #000C34 !important;
  border-color: #000C34 !important;
  background: none !important;
}

.aui-button.aui-button-subtle:hover .aui-icon {
  color: #000C34 !important;
}

/* Stylize the next button and add '>>' */
a.nextButton, a.nextButton:visited {
  	display:inline-block !important;
  	float: right !important;
  	padding: .625em 2em !important;
  	height: auto !important;
  	
  	background: none !important;
    color: #000C34 !important;
    border: .05rem solid;
    border-radius: .05rem;
    transition: color 125ms,background-color 125ms,border-color 125ms;
}

a.nextButton:focus, a.nextButton:hover {
	text-decoration: none !important;
    color: #ffffff !important;
    background-color: #000C34 !important;
    border-color: #000C34 !important;
}

a.nextButton::before {
  display: inline;
  float: right;
  content: ">>" !important;
  margin-left: 10px;
}

/* Stylize the prev button and add '<<' */
a.prevButton, a.prevButton:visited{
  	display:inline-block !important;
  	float: left !important;
  	padding: .625em 2em !important;
  	height: auto !important;
  	
  	background: none !important;
    color: #000C34 !important;
    border: .05rem solid;
    border-radius: .05rem;
    transition: color 125ms,background-color 125ms,border-color 125ms;
}

a.prevButton:focus, a.prevButton:hover {
	text-decoration: none !important;
    color: #ffffff !important;
    background-color: #000C34 !important;
    border-color: #000C34 !important;
}

a.prevButton::before {
  display: inline;
  float: left;
  content: "<<" !important;
  margin-right: 10px;
}

/* Improve Latex rendering */
.MathJax {
  font-size: 0.9rem !important;
}

.adaptavist-latex + .adaptavist-latex {
  margin-top: 2.0em !important;
}

/* Improve content by articles rendering */
.content-by-label > li > div:first-child {
  display: none !important;
}

ul.content-by-label {
  margin-left: 8px !important;
}

ul.content-by-label li::before {
  display: inline;
  float: left;
  content: ">>" !important;
  margin-right: 10px;
  color: rgb(22,87,136) !important;
}

ul.content-by-label > li > div > a {
  color: rgb(0,12,52) !important;
}

/* Improve the pre-formatted panel display */
.preformatted.panel {
  background-color: #1a1f36 !important;
  font-size: 0.9rem !important;
  color: #f0f0f0 !important;
}

.preformattedContent.panelContent > pre {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* Improve the quote box */
.article .article__content article blockquote {
  max-width: 100% !important;
  padding: 0 !important;
  background-color: #ffffff !important;
  border-left: .3rem solid #9e9e9e !important;;
  border-left-color: #9e9e9e !important;;
  border-radius: .2rem !important;;
  box-shadow: 0 .2rem .5rem rgba(0,0,0,.1),0 .025rem .05rem rgba(0,0,0,.1) !important;
  margin-top: 1.5rem !important;
}

.article .article__content article blockquote > p {
   padding: .6rem 0.8rem .6rem 0.8rem  !important;
}

.article .article__content article blockquote > p+p {
  margin: 0 !important;
}

/* Improve the tip panel */
.panel-macros--tip {
  max-width: 100% !important;
  padding: 0 !important;
  background-color: #ffffff !important;
  border-left: .3rem solid #00bfa5 !important;;
  border-left-color: #00bfa5 !important;;
  border-radius: .2rem !important;;
  box-shadow: 0 .2rem .5rem rgba(0,0,0,.1),0 .025rem .05rem rgba(0,0,0,.1) !important;
}

.panel-macros--tip::before {
  display: none !important;
}

.panel-macros--tip__icon {
  display: none !important;
}

/* Display a red text if there is a missing <p></p> arround the note content */
.panel-macros--tip__content {
  padding: 0 !important;
  color: red !important;
}

p.panel-macros--tip__content--heading {
  font-weight: 700 !important;
  background-color: #e5f8f6 !important;
}

.article .article__content .panel-macros--tip__content > p, .article .article__content .panel-macros--tip__content > p+p {
  padding: .6rem 0.8rem .6rem 0.8rem  !important;
  margin: 0 !important;
}

/* Improve the info panel */
.panel-macros--info {
  max-width: 100% !important;
  padding: 0 !important;
  background-color: #ffffff !important;
  border-left: .3rem solid #448aff !important;;
  border-left-color: #448aff !important;;
  border-radius: .2rem !important;;
  box-shadow: 0 .2rem .5rem rgba(0,0,0,.1),0 .025rem .05rem rgba(0,0,0,.1) !important;
}

.panel-macros--info::before {
  display: none !important;
}

.panel-macros--info__icon {
  display: none !important;
}

/* Display a red text if there is a missing <p></p> arround the note content */
.panel-macros--info__content {
  padding: 0 !important;
  color: red !important;
}

p.panel-macros--info__content--heading {
  font-weight: 700 !important;
  background-color: #ecf3ff !important;
}

.article .article__content .panel-macros--info__content > p, .article .article__content .panel-macros--info__content > p+p {
  padding: .6rem 0.8rem .6rem 0.8rem  !important;
  margin: 0 !important;
}

/* Improve the note yellow panel */
.panel-macros--note {
  max-width: 100% !important;
  padding: 0 !important;
  background-color: #ffffff !important;
  border-left: .3rem solid #ff9100 !important;
  border-left-color: #ff9100 !important;
  border-radius: .2rem !important;
  box-shadow: 0 .2rem 0.5rem rgba(0,0,0,.1),0 .025rem .05rem rgba(0,0,0,.1) !important;
}

.panel-macros--note::before {
  display: none !important;
}

.panel-macros--note__icon {
  display: none !important;
}

/* Display a red text if there is a missing <p></p> arround the note content */
.panel-macros--note__content {
  padding: 0 !important;
  color: red !important;
}

p.panel-macros--note__content--heading {
  font-weight: 700 !important;
  background-color: #fff4e5 !important;
}

.article .article__content .panel-macros--note__content > p, .article .article__content .panel-macros--note__content > p+p {
  padding: .6rem 0.8rem .6rem 0.8rem  !important;
  margin: 0 !important;
}

/* Improve the warning red panel */
.panel-macros--warning {
  max-width: 100% !important;
  padding: 0 !important;
  background-color: #ffffff !important;
  border-left: .3rem solid #ff5252 !important;;
  border-left-color: #ff5252 !important;;
  border-radius: .2rem !important;;
  box-shadow: 0 .2rem .5rem rgba(0,0,0,.1),0 .025rem .05rem rgba(0,0,0,.1) !important;
}

.panel-macros--warning::before {
  display: none !important;
}

.panel-macros--warning__icon {
  display: none !important;
}

/* Display a red text if there is a missing <p></p> arround the note content */
.panel-macros--warning__content {
  padding: 0 !important;
  color: red !important;
}

p.panel-macros--warning__content--heading {
  font-weight: 700 !important;
  background-color: #ffeded !important;
}

.article .article__content .panel-macros--warning__content > p, .article .article__content .panel-macros--warning__content > p+p {
  padding: .6rem 0.8rem .6rem 0.8rem  !important;
  margin: 0 !important;
}

/* Improve accordion rendering */
.expando .ep-arrow {
  float: right;
  width: 30px;
  height: 30px;
  background: transparent url("button-dark-chevron.svg") no-repeat;
  background-position: center center;
  transform: rotate(90deg);
  transition: transform .2s ease;
}

.expando.ep-expanded .ep-arrow {
  transform: rotate(-90deg);
  transition: transform .2s ease;  
}

h3.expando .ep-arrow span,
h3.expando.ep-expanded .ep-arrow span {
  display: none;
}

.article .article__content article h3.expando,
.article .article__content article h3.expando.ep-expanded {
  font-family: "roboto-regular",Helvetica,Roboto,Arial,sans-serif;
  font-size: 1.3em !important;
  font-weight: 500;
  margin: 0 !important;
  padding: 1rem !important;
  border-bottom: 1px solid #DFE1E6;
  overflow: hidden;
}

.expando:hover {
  background-color: #F4F5F7;
}

/* Extended view */
.ep-toggle {
  /*opacity: 1 !important;*/
  padding: 1em !important;
}

/* Improve footnotes rendering */
ol.display-footnotes {
  margin: 0 !important;
}

.display-footnotes::before {
  content: "" !important;
  display: block !important;
  clear: both !important;
  max-width: 1100px !important;
  height: 0 !important;
  margin: 1.25rem auto !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid rgb(223,225,230) !important;
}

ol.display-footnotes li {
  color: rgb(130, 130, 130) !important;
  font-size: 14px !important;
  margin-left: 1.25rem !important;
}

/* Increase the footer logo size */
.footer__logo {
  max-width: 200px !important;
  margin-right: 24px !important;
}

.footer__links--separator {
  visibility: hidden !important;
}

.footer__links--separator:after {
  content:'-' !important; 
  visibility: visible !important;
}

/* Social footer */
.socials-footer-title {
  display: inline !important;
  font-size:14px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  //margin-bottom: 20px !important;
}

ul.socials-footer {
  padding: 0 !important;
  margin: 0 !important;
}

ul.socials-footer li {
	display: inline-block !important;
	vertical-align: top !important;
	margin: 3px !important;
}

ul.socials-footer li a {
	display: inline-block !important;
	width: 35px !important;
	height: 35px !important;
}

ul.socials-footer li a.sbg {
	background: url('../images/sprite-icons.png') -65px -155px;
}

ul.socials-footer li a.sbg:hover {
	background: url('../images/sprite-icons.png') -120px -155px;
}

ul.socials-footer li a.twitter {
	background: url('../images/sprite-icons.png') -10px -155px !important;
}

ul.socials-footer li a.twitter:hover {
	background: url('../images/sprite-icons.png') -178px -10px !important;
}

ul.socials-footer li a.linkedin {
	background: url('../images/sprite-icons.png') -10px -100px !important;
}

ul.socials-footer li a.linkedin:hover {
	background: url('../images/sprite-icons.png') -65px -100px !important;
}

ul.socials-footer li a.youtube {
	background: url('../images/sprite-icons.png') -178px -65px !important;
}

ul.socials-footer li a.youtube:hover {
	background: url('../images/sprite-icons.png') -120px -100px !important;
}