✏️ Editing: _layout.scss Writable

body{
		background-color: #fff;

// When use Boxed Layout
		&.container_boxed{
			.wrap-fullwidth{
				max-width: var(--container-width);
	            margin: 0 auto;
	            background-color: #fff;
	        }
	        .row_site{
	            padding: var(--boxed-offset);
	        }
		}

.row_site{
			margin: 0 auto;
		}

.container_site{
			padding-left: 10px;
			padding-right: 10px;
		}

.row_site,
		.elementor-section.elementor-section-boxed>.elementor-container{

max-width: var(--container-width);

@media( max-width: $desktop - 1 ){
				padding-left: 10px;
				padding-right: 10px;
			}

}

&.page-template-default{
			.elementor-section.elementor-section-boxed>.elementor-container{
				
				padding-left: 0px;
				padding-right: 0px;
				
			}
		}

&.layout_1c{
			#main-content{
				max-width: 100%;
			}
		}

&.layout_2l{
			#main-content{
				float: right;
			}
			#sidebar{
				float: left;
			}
		}
		
		&.layout_2r{
			#main-content{
				float: left;
			}
			#sidebar{
				float: right;
			}
		}

#main-content{
            max-width: calc( var(--main-content) - 60px );
            width: 100%;
            margin-bottom: 90px;
            @media( max-width: $desktop - 1 ){
            	max-width: 100%;
            	margin-bottom: 60px;
            }
        }

#sidebar{
	        max-width: var(--width-sidebar);
	        width: 100%;
	        @media( max-width: $desktop - 1 ){
            	max-width: 100%;
            }
	    }

.wrap_footer{
	    	clear: both;
	    }

.inside-content{
			min-height: calc(100vh - 200px);
		}
}

/* fix error pading when leave fancybox popup */
.compensate-for-scrollbar {
	padding: 0 !important;
}

🔐 Sid Gifari File Manager Pro