/* 
 Theme Name:     Fuse
 Author:         Webstract
 Author URI:     https://www.webstract.com/
 Template:       Divi
 Version:        3.8
*/ 

/* ----------- 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 --------------------------- */ 

.fuse-copyright a, .fuse-websiteby a {
    color: #666;
}

/*
.color-overlay .et_pb_image:before {
    content: '';
    background: rgba(204, 204, 204, .2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .3s ease-in-out;
}
.color-overlay .et_pb_image:hover:before {
    background: rgba(255, 255, 255, 0);
}
.color-overlay .et_pb_image img,
.color-overlay .et_pb_image .et_pb_image_wrap {
    width: 100%;
}
*/

.table-responsive {
    overflow: auto;
}

/*
.gallery-three-col .et_pb_gallery_item {
    width: 28.875% !important;
    margin-right: 6.685% !important;
}
.gallery-three-col .et_pb_gallery_item:last-child {
    margin-right: 0 !important;
}
*/

/* General */

body {
    background: #000;
}

/* Misc */

.highlight {
    color: #ed1c24;
}

/* Header and Menu */

.header-img {
    background: #000;
}
.header-img .main_title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 4px;
    font-size: 50px;
}
#page-container {
    padding-top: 184px !important;
}
.home #page-container {
    padding-top: 0 !important;
}
#page-container .header {
    background: #000;
    transition: all .3s ease-in-out;
}
.home #page-container .header {
    background: transparent;
}
#page-container .fuse-scroll .header {
    background: #000;
}
.et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo, 
.et_pb_menu_0_tb_header .et_pb_menu__logo-slot {
    max-width: 376px !important; /* 200 */
    transition: all .3s ease-in-out;
}
.fuse-scroll .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo, 
.fuse-scroll .et_pb_menu_0_tb_header .et_pb_menu__logo-slot {
    max-width: 200px !important; /* 200 */
}
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
    transition: all .3s ease-in-out;
}
.fuse-scroll .et_pb_menu_0_tb_header.et_pb_menu ul li a {
    font-size: 20px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.fuse-scroll .header .et_pb_row {
    padding-top: 5px;
    padding-bottom: 5px;
}
.et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a, .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-left: 7px;
    padding-right: 7px;
}

/* Mobile Header and Menu */

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before {
    color: #d71c23 !important;
}
.et_mobile_menu {
    border-top-color: #d71c23 !important;
}
#page-container .et_mobile_menu li a {
    color: #000 !important;
}
.et_pb_fullwidth_menu .et_mobile_menu, .et_pb_menu .et_mobile_menu {
    padding: 20px;
}

/* Slideshow */

.et_pb_fullwidth_section .et_pb_container {
    height: 987px !important;
}
/*
.et_pb_slides:after {
    content: '';
    width: 592px;
    height: 421px;
    background: url(/wp-content/uploads/2020/02/slider-logos.png);
    display: block;
    position: absolute;
    z-index: 100 !important;
    visibility: visible;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
*/
.et_pb_slides {
    position: relative;
    overflow: auto;
}

/* Gallery */

.grid .et_pb_module {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    transition: all .3s ease-in-out;
    position: relative;
    bottom: 0px;
}
.grid .et_pb_module:hover {
    bottom: 3px;
}
.grid .et_pb_blurb .et_pb_image_wrap {
    border: 8px solid #f5f6f7;
}

/* Checkboxes */

.blurb-list-row .et_pb_module_header {
    font-weight: 600;
}

/* Table */

.table-responsive tr:nth-child(even) {
    background: #f5f6f7;
}
.table-responsive tr:nth-child(even) td {
    border-left: 1px solid #f5f6f7;
}
.table-responsive tr:nth-child(odd) {
    background: #fff;
}
.table-responsive tr:nth-child(odd) td {
    border-left: 1px solid #fff;
}
.table-responsive tbody tr td {
    padding: 15px 10px;
}
.table-responsive table {
    border-bottom: 6px solid #e0e0e0;
}
.table-responsive tbody td {
    border-right: 1px solid #d8d9da;
}
.table-responsive thead td {
    border-right: 1px solid #bd191f;
    border-top-color: #d71c23;
    border-left: 1px solid #d71c23;
}
.table-responsive tbody td:last-child {
    border: 0;
}
table thead td {
    background: #d71c23;
    color: #fff;
}
table thead b {
    display: block;
    line-height: 20px;
}

/* ----------- FUSE STYLES (Place Custom Styles Above) ------------------- */ 

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

a:hover {
    text-decoration: underline;
}
.social-media-icons a:hover,
.et_pb_button:hover, 
.et_pb_menu a:hover {
    text-decoration: none;
}

/* ------------------------------------------------------------------------- 
    TYPOGRAPHY
------------------------------------------------------------------------- */

.blog h2,
.search h2,
.post-template-default h2,
.page-template-page-content h2 {
    font-size: 36px;
    line-height: 1.3em;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.blog h3,
.search h3,
.post-template-default h3,
.page-template-page-content h3 {
    font-size: 28px;
    line-height: 1.4em;
}
.blog h4,
.search h4,
.post-template-default h4,
.page-template-page-content h4 {
    font-size: 23px;
    line-height: 1.4em;
}
.blog h5,
.search h5,
.post-template-default h5,
.page-template-page-content h5 {
	font-size: 18px;
	line-height: 1.4em;
}
.blog h6,
.search h6,
.post-template-default h6,
.page-template-page-content h6 {
	font-size: 16px;
	line-height: 1.4em;
}
.blog p,
.search p,
.post-template-default p,
.page-template-page-content p {
    font-size: 16px;
    line-height: 1.6em;
    padding-bottom: 20px;
}
.blog h2,
.search h2,
.post-template-default h2,
.page-template-page-content h2,
.blog h3,
.search h3,
.post-template-default h3,
.page-template-page-content h3,
.blog h4,
.search h4,
.post-template-default h4,
.page-template-page-content h4,
.blog h5,
.search h5,
.post-template-default h5,
.page-template-page-content h5,
.blog h6,
.search h6,
.post-template-default h6,
.page-template-page-content h6 {
    font-weight: bold;
	margin-top: 10px;
}
.blog h2:first-child,
.search h2:first-child,
.post-template-default h2:first-child,
.page-template-page-content h2:first-child,
.blog h3:first-child,
.search h3:first-child,
.post-template-default h3:first-child,
.page-template-page-content h3:first-child,
.blog h4:first-child,
.search h4:first-child,
.post-template-default h4:first-child,
.page-template-page-content h4:first-child,
.blog h5:first-child,
.search h5:first-child,
.post-template-default h5:first-child,
.page-template-page-content h5:first-child,
.blog h6:first-child,
.search h6:first-child,
.post-template-default h6:first-child,
.page-template-page-content h6:first-child {
	margin-top: 0;
}

/* ------------------------------------------------------------------------- 
    HEADER MENU
------------------------------------------------------------------------- */

.et_pb_menu.menu-right .et_pb_menu__wrap {
    justify-content: flex-end;
}
.entry-content .et_pb_menu ul {
    list-style: none;
    padding-left: 0;
}

/* ------------------------------------------------------------------------- 
    MENU LIST (VERTICAL)
------------------------------------------------------------------------- */

.menu-list .et-menu li {
    display: block !important;
    width: 100%;
}
.menu-list .menu-item-has-children a:after,
.menu-list .menu-item-has-children .sub-menu {
    display: none;
}

/* ------------------------------------------------------------------------- 
    FORM
------------------------------------------------------------------------- */

/* FORM DEFAULT */

.fsBody form.fsForm .fsPage {
    padding: 0;
}
.fsBody form.fsForm .fsLabel {
    display: none;
}
.fsBody form.fsForm .fsFieldRow {
    width: 100%;
}
.fsBody form.fsForm .fsFieldRow .fsFieldCell {
    padding: 5px !important;
}
.fsBody form.fsForm .fsFieldRow .fsField {
    width: 100%;
    border-color: #ccc !important;
}
.fsBody form.fsForm .fsFieldRow .fsField:focus {
    border-color: #000 !important;
}
.fsBody form.fsForm .fsSubmit {
    margin-top: 0 !important;
}
.fsBody form.fsForm .fsSubmit .fsSubmitButton {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    background: #777 !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 10px !important;
    cursor: pointer;
}
.fsBody form.fsForm .fsSubmit .fsSubmitButton:hover {
    background: #000 !important;
}

/* FORM ONE: Middle Row 50% Each */

.fuse-form-100-50-100 .fsBody form.fsForm .fsFieldRow:nth-child(2),
.fuse-form-100-50-100 .fsBody form.fsForm .fsFieldRow:nth-child(3) {
    width: 50%;
    float: left;
}
.fuse-form-100-50-100 .fsBody form.fsForm .fsFieldRow:nth-child(4) {
    clear: both;
}

/* FORM TWO: 2 Rows 50% Each, Final Row 100% */

.fuse-form-50-50-100 .fsBody form.fsForm .fsFieldRow:nth-child(1),
.fuse-form-50-50-100 .fsBody form.fsForm .fsFieldRow:nth-child(2),
.fuse-form-50-50-100 .fsBody form.fsForm .fsFieldRow:nth-child(3),
.fuse-form-50-50-100 .fsBody form.fsForm .fsFieldRow:nth-child(4) {
    width: 50%;
    float: left;
}
.fuse-form-50-50-100 .fsBody form.fsForm .fsFieldRow:nth-child(5) {
    clear: both;
}

/* ------------------------------------------------------------------------- 
    SIDEBAR
------------------------------------------------------------------------- */

/* GENERAL */

#sidebar,
.sidebar {
    border-right: 0;
}
#sidebar ul li a,
.sidebar ul li a {
    display: block;
}
#sidebar ul li a:hover,
.sidebar ul li a:hover {
    color: #000;
}
#sidebar .widget_nav_menu ul li .sub-menu,
.sidebar .widget_nav_menu ul li .sub-menu {
    display: none;
}

/* SIDEBAR TWO */

.fuse-sidebar-two .widgettitle {
    padding: 10px 15px;
    background: #000;
    color: #fff;
}
.fuse-sidebar-two ul li {
    border: 1px solid #ccc;
    border-bottom: 0;
    display: block;
    margin: 0;
}
.fuse-sidebar-two ul li:first-child {
    border-top: 0;
}
.fuse-sidebar-two ul li:last-child {
    border-bottom: 1px solid #ccc;
}
.fuse-sidebar-two ul li a {
    color: #000;
    margin: 0;
}

/* Sidebar Form */

.fuse-sidebar-two .fuse-form {
    background: #eee;
    padding: 10px;
}

/* Sidebar Menu */

.fuse-sidebar-two .widget_nav_menu ul li a {
    padding: 10px;
    background: #f9f9f9;
}
.fuse-sidebar-two .widget_nav_menu ul li a:hover {
    background: #eee;
    text-decoration: none;
}

/* Sidebar Recent Posts */

.fuse-sidebar-two .widget_recent_entries li {
    padding: 10px;
    background: #f9f9f9;
}

/* SIDEBAR THREE */

.fuse-sidebar-three .fuse-form {
    border: 1px solid #ccc;
    padding: 10px;
}
.fuse-sidebar-three ul li {
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}
.fuse-sidebar-three ul li:hover {
    background: #f9f9f9;
}
.fuse-sidebar-three .widget_nav_menu ul li a:hover {
    text-decoration: none;
}

/* SIDEBAR FOUR */

.fuse-sidebar-four .widgettitle {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #000;
}
.fuse-sidebar-four ul li {
    padding: 10px;
    border-left: 3px solid #fff;
    margin-bottom: 0;
}
.fuse-sidebar-four ul li:hover {
    border-left: 3px solid #ccc;
    background: #f9f9f9;
}
.fuse-sidebar-four .widget_nav_menu ul li a:hover {
    text-decoration: none;
}
    
/* ------------------------------------------------------------------------- 
    BOXES - TITLE BOXES
------------------------------------------------------------------------- */

.title-boxes .et_pb_column {
    min-height: 350px;
}
.title-boxes .et_pb_main_blurb_image {
    text-align: left;
    display: block;
}

/* ------------------------------------------------------------------------- 
    BOXES - GRID BOXES
------------------------------------------------------------------------- */

.grid-boxes .et_pb_module {
    display: table;
    width: 100%;
}
.grid-boxes .et_pb_module .et_pb_text_inner {
    display: table-cell;
    vertical-align: middle;
}
.grid-boxes .et_pb_module .et_pb_text_inner .link {
    position: relative;
    overflow: hidden;
    transition: max-height .4s ease 0s, margin-top .4s ease 0s;
    max-height: 0;
    margin-top: 0;
    padding: 0;
}
.grid-boxes .et_pb_module:hover .et_pb_text_inner .link {
    max-height: 2em;
    margin-top: .25em;
}
.grid-boxes .divider {
    height: 2px;
    background: #fff;
    border: 0;
    margin-bottom: 20px;
    margin-top: 15px;
}
.grid-boxes .divider-mini {
    width: 45px;
}

/* ------------------------------------------------------------------------- 
    BREADCRUMBS
------------------------------------------------------------------------- */

.home .breadcrumbs {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

/* ------------------------------------------------------------------------- 
    FOOTER
------------------------------------------------------------------------- */

.footer .social-media-icons a {
    color: #fff;
}

.jackhammer-logo-footer {
    border-right: 1px solid #ccc;
    padding-right: 35px;
}


/* ------------------------------------------------------------------------- 
    SL pages style
------------------------------------------------------------------------- */
.fuse-subpages {
    list-style: none !important;
    padding: 0 !important;
}

.fuse-subpages li {
    width: 47%;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.fuse-subpages li a {
    background-color: #000;
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
}

.fuse-subpages li a:hover {
    background-color: #ed1c24;
    text-decoration: none;
    color: #fff;
}
.fuse-subpages:after {
    content: "";
    display: block;
    clear: both;
}

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



@media only screen and (min-width: 981px) and (max-width: 1200px) {
    .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo, 
    .et_pb_menu_0_tb_header .et_pb_menu__logo-slot {
        max-width: 210px !important;
    }
    .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a, .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 18px;
    }
}
@media only screen and (max-width: 980px) {
    
    .et_pb_slide_image, .et_pb_slide_description {
        width: 100% !important;
        text-align: center !important;
    }
    .menu-list .et_mobile_nav_menu {
        display: none !important;
    }
    .menu-list .et_pb_menu__menu {
        display: block !important;
    }
    .form-barebones .fsFieldRow:nth-child(2),
    .form-barebones .fsFieldRow:nth-child(3) {
        width: 100%;
    }
    #contact {
        padding-top: 50px;
    }
    #hoses .et_pb_image_wrap, #hoses .et_pb_image_wrap img {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
    .et_pb_slide_description {
        margin-top: 70% !important;
        text-align: center !important;
    }
}
@media only screen and (max-width: 768px) {
    .grid-two .et_pb_module {
        min-height: 200px !important;
    }
    .grid-four .et_pb_module,
    .grid-three .et_pb_module {
        width: 48% !important;
        min-height: 200px !important;
    }
    .jackhammer-logo-footer {
    border: none;
    padding-right: 0px;
}
}
@media only screen and (max-width: 767px) {
    .et_pb_slide_description {
        margin-top: 0 !important;
    }
}
@media only screen and (max-width: 576px) {
    .et_pb_fullwidth_section .et_pb_slide .et_pb_container {
        height: 700px !important;
    }
    .et_pb_slide {
        padding: 0 40px;
    }
    #contact {
        padding-top: 100px;
    }
}
@media only screen and (max-width: 479px) {
    .et_pb_fullwidth_section .et_pb_slide .et_pb_container {
        height: 500px !important;
    }
}