/* Target the homepage using the 'home' class wrapper will define entire page with footer and main will focus only page conetnt */

.layout-wide-mode #wrapper,
.layout-wide-mode #main,
#main
{
    background-color:unset !important;
}


body.home #wrapper,
body.page-id-36 main#main
{
    
    background: linear-gradient(
318deg, #5E1DA8 0%, #15043A 50%, #101B9A 100%) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

/* Target the main content and footer transperant to get other colors applied */
body.home main#main,
body.home footer#footer,


{
    background: rgba(255, 255, 255, 0.04) !important;
    background-color: transparent !important;
}

/* Remove bottom border and set padding to 0 for the main content on the homepage */
body.home main#main

{
    border-bottom: none;
    padding: 0px;
}

/* Remove top border for the footer on the homepage */
body.home footer#footer,
body.page-id-36 footer#footer 
{
    border-top: none;
}
body.page-id-36  .fusion-tb-footer.fusion-footer
{
	background-color: #161618;
}