/**
 * LAYOUT
 * 
 * Contains styling for layout elements.
 */

/* Horizontal content padding
 *
 * Used for setting the same horizontal (left/right)
 * padding on layout elements such as the header and 
 * footer.
---------------------------------------------------------*/

.jor-horizontal-content-padding {
    padding-left: var(--jor-horizontal-content-padding);
    padding-right: var(--jor-horizontal-content-padding);
}

/* Main Content
---------------------------------------------------------*/

.jor-theme-main-content {
   padding-bottom: var(--jor-main-content-padding-bottom);
   padding-top: var(--jor-main-content-padding-top);
}