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: 97;
}

#third-navigation.fixed {
    position: fixed;
    width: 100%;
}


/*
* 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;
	}
}