/* 
 Theme Name:     Fuse
 Author:         Webstract Marketing
 Author URI:     https://www.webstractmarketing.com/
 Template:       Divi
 Version:        1.0
*/ 

/* ----------- Formstack CSS Classes ------------------------------------------------------------------------ */
/* https://help.formstack.com/hc/en-us/articles/360019519891-Custom-Form-Themes-and-CSS --------------------- */
/* ---------------------------------------------------------------------------------------------------------- */


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* ------------------------------------------------------------------------- 
    GENERAL
------------------------------------------------------------------------- */

.et_pb_column {
    min-height: auto;
}

/* ------------------------------------------------------------------------- 
    PAGE TITLE BANNER
------------------------------------------------------------------------- */

.home .header-img {
    display: none;
}
.single-post .entry-content {
    padding-top: 0;
}

/* -------------------------------------------------------------------------
    BASIC PAGE / FUSE PAGE 
------------------------------------------------------------------------- */

.main-section {
    padding-top: 58px !important;
    padding-bottom: 0 !important;
}
.left-content h1 {
    margin-bottom: 20px;
}
.et_pb_sidebar_0 .et_pb_widget {
    margin-bottom: 30px !important;
    float: none;
}
#main-content .container:before {
    display: none;
}
.left-content {
    width: 77.25% !important;
    padding-right: 3%;
    margin-right: 0 !important;
}
.left-content .et_pb_row_inner:last-child {
    padding-bottom: 0;
}
#page-container #left-area, #page-container .left-content {
    padding-bottom: 50px;
    margin-bottom: 0;
}
.right-content {
    width: 22.75% !important;
    padding-left: 30px;
    padding-bottom: 28px;
    padding-top: 0;
}
.right-content .et_pb_sidebar_0 {
    padding-right: 0;
    border-right: 0;
}

/* ------------------------------------------------------------------------- 
    HIDE STACKLOCK GRAPHIC
    This is a graphic that appears under a form (we do not need it)
------------------------------------------------------------------------- */

.stacklock {
    display: none;
}

/* ------------------------------------------------------------------------- 
    DISPLAY MOBILE MENU
    Add class 'mobile-menu' to Menu module to show hamburger by default
------------------------------------------------------------------------- */

.et_pb_menu.mobile-menu .et_pb_menu__menu {
    display: none;
}
.et_pb_menu.mobile-menu .et_mobile_nav_menu {
    display: block;
}
.et_pb_menu.mobile-menu .et_pb_menu__wrap {
    margin: 0;
}

/* -------------------------------------------------------------------------
    INLINE CONTENT
    If we add .inline-row to the row, the modules will align themselves
------------------------------------------------------------------------- */

.inline-row .et_pb_button_module_wrapper,
.inline-row .et_pb_image,
.inline-row .et_pb_code,
.inline-row .et_pb_text {
    display: inline-block;
    margin: 0 5px;
}
.inline-row {
    text-align: center;
}
.inline-row.align-center {
    text-align: center !important;
}
.inline-row.align-left {
    text-align: left !important;
}
.inline-row.align-right {
    text-align: right !important;
}

/* ------------------------------------------------------------------------- 
    QUIRKY FIXES
    Odd fixes for misc things
------------------------------------------------------------------------- */

.flex-row.et-last-child:last-child {
    padding-bottom: 27px !important;
}

/* -------------------------------------------------------------------------
    RESPONSIVE 
------------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
    #top-header {
        display: none; 
    }
}
@media only screen and (max-width: 980px) {
    
    /* ------------------------------------------------------------------------- 
        FLEX ROW - This is for rows with columns that have alternating content    
        Apply the classes 'order-1' and 'order-2' to columns within a 'flex-row'
        so that the columns reorder themselves correctly for mobile/tablet
    ------------------------------------------------------------------------- */
    
    .flex-row.et_pb_row {
        display: flex;
        flex-wrap: wrap;
    }
    .flex-row .order-1 {
        order: 1;
    }
    .flex-row .order-2 {
        order: 2;
    }
    
    .left-content, .right-content {
        margin-left: 0;
        margin-right: 0;
        width: 100%!important;
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (max-width: 768px) {
    .inline-row .et_pb_button_module_wrapper,
    .inline-row .et_pb_button_module_wrapper .et_pb_button,
    .inline-row .et_pb_image,
    .inline-row .et_pb_code {
        width: 100%;
        text-align: center;
    }
}