/** This is a css fix for the comopnents that have an html that uses a 1-10-1 layout		**/
/** In future this would need to be changed in the gx-toolkit/html code of the component 	**/
/** in order of all the pages having the same structure 									**/

/*********************************************************************************************/
/*********************************************************************************************/
/************ PLEASE ONLY ADD HERE CSS TO CONVERT 1-10-1 LAYOUT COMPONENTS TO 12 *************/
/*********************************************************************************************/
/*********************************************************************************************/

/********* GX PAGE NAVIGATION **********/
.navigation-page-horizontal-vcenter .large-10 {
    width: 100%;
}

.navigation-page-horizontal-vcenter .large-1 {
    display: none;
}

/******* GX PAGE TITLE *********/
.pagetitle .medium-6 {
    width: 100%;
}

.pagetitle .medium-1, .pagetitle .medium-5 {
    display: none;
}

/**** GX HERO PRODUCT *******/
.hero-product .large-10 {
    width: 100%;
}

.hero-product .large-1 {
    display: none;
}