body {
  padding-top: 120px;
}

html,
body {
  height: 100%;
}

body > .root {
  min-height: 100%;
  display: flex;
}

body > .root > .aem-Grid {
  display: flex;
  flex-direction: column;
}

body > .root > .aem-Grid > .experiencefragmentglobal:last-child {
  margin-top: auto;
}

.experiencefragmentglobal .xf-content-height,
.experiencefragment .xf-content-height{
  min-height: auto;
  margin: 0;
}


#third-navigation {
  height: auto;
  z-index:20;
}


/*
* Adjust the margin of the .xf-content-height element inside the modal as it
* pushes the content out of the boundaries.
*/
eon-ui-modal .xf-content-height {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*
* Adjust the padding of the grid column, as no additional padding is needed
* inside the modal.
*/
eon-ui-modal .aem-GridColumn:first-of-type {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/*
* removing padding bottom within the grid control
*/
.gridcontrol .grid-container.remove-gutter > .aem-Grid > .aem-GridColumn > .aem-Grid > .aem-GridColumn {
  margin-bottom: 0;
}
@media (min-width: 1024px){
  .gridcontrol .grid-container.remove-padding-bottom > .aem-Grid > .aem-GridColumn>.aem-Grid > div:nth-last-child(-n+1) {
    margin-bottom:0;
  }
  .gridcontrol .grid-container.remove-padding-bottom > .aem-Grid > .aem-GridColumn {
    padding-bottom: 0;
  }
}
.gridcontrol .grid-container.remove-padding-bottom > .aem-Grid >  .aem-GridColumn>.aem-Grid > .new, .gridcontrol .grid-container.remove-gutter > .aem-Grid > .aem-GridColumn > .aem-Grid >.new{
  margin: 0;
  display: block;
}

@media (min-width: 768px) and (max-width: 1023px){
  .gridcontrol .grid-container.remove-gutter > .aem-Grid {
    padding-bottom: 24px;
  }
  .gridcontrol .grid-container.remove-gutter.remove-padding-bottom  > .aem-Grid {
    padding-bottom: 0;
  }
  .gridcontrol .grid-container.remove-gutter > .aem-Grid > .aem-GridColumn{
    padding-bottom: 0;
  }
  .gridcontrol .grid-container.remove-padding-bottom > .aem-Grid > .aem-GridColumn {
    padding-bottom: 0;
  }
  .gridcontrol .grid-container.remove-padding-bottom > .aem-Grid > .aem-GridColumn:nth-last-child(3){
    padding-bottom:24px;
  }
  .gridcontrol .grid-container.remove-padding-bottom > .aem-Grid > .aem-GridColumn:nth-last-child(1) > .aem-Grid > div:nth-last-child(1),.gridcontrol .grid-container.remove-padding-bottom > .aem-Grid > .aem-GridColumn:nth-last-child(2) > .aem-Grid > div:nth-last-child(1){
    margin-bottom: 0;
  }
}
@media (max-width: 767px){

  .gridcontrol .grid-container.remove-gutter > .aem-Grid {
    padding-bottom: 24px;
  }
  .gridcontrol .grid-container.remove-gutter.remove-padding-bottom  > .aem-Grid {
    padding-bottom: 0;
  }
  .gridcontrol .grid-container.remove-gutter > .aem-Grid > .aem-GridColumn {
    padding-bottom: 0;
  }
  .gridcontrol .grid-container.remove-padding-bottom > .aem-Grid > .aem-GridColumn:nth-last-child(1), .gridcontrol .grid-container.remove-padding-bottom > .aem-Grid > .aem-GridColumn:nth-last-child(1) {
    padding-bottom: 0;
  }
}

eon-ui-breadcrumb {
  padding: 16px 0px 16px 0px;
}


/*
* Hide image in mobile devices
*/
@media (max-width: 767px) {
	.hide-image-mobile {
		display: none;
	}
}