/*
Theme Name: Fire By Design
Author URI: https://www.codechameleon.com/
Description: Theme developed for Fire By Design
Version: 1
Text Domain: fbd
*/

.wp-content {
    width: 100%;
    margin: 0 auto !important;
}

.wp-content img {
    height: auto;
}

.wp-content h1, .wp-content h2, .wp-content h3, .wp-content h4, .wp-content h5, .wp-content h6 {
    margin: 1rem 0;
    display: block;
    clear: both;
}

.wp-content img.alignnone {
    clear: both;
    display: block;
    margin-bottom: 2rem;
}

.wp-content p {
    margin: 1rem 0;
}

.wp-content a {
    color: #df8800 !important;
}

.wp-content a:hover {
    color: #bd6f00 !important;
}

.wp-content div.column {
    overflow: hidden;
}

.wp-content figure.alignleft {
    margin: 2rem 2rem 2rem 0;
}

.wp-content figure.alignright {
    margin: 2rem 0 2rem 2rem;
}

.wp-content figure.alignnone {
    margin: 2rem 0;
}

.wp-content figure.aligncenter img, .wp-content figure.aligncenter, .wp-content img.aligncenter {
    display: block;
    margin: 0 auto;
    padding: 2rem 0;
}

.wp-content figure.aligncenter figcaption {
    text-align: center;
}

@media (min-width: 52rem) {
    .wp-content figure.alignleft, .wp-content img.alignleft {
        padding-bottom: 2rem;
        padding-right: 2rem;
        float: left;
        max-width: 50%;
    }

    .wp-content figure.alignright, .wp-content img.alignright {
        padding-bottom: 2rem;
        padding-left: 2rem;
        float: right;
        max-width: 50%;
    }

    .wp-content figure.alignnone, .wp-content img.aligncenter, .wp-content figure.alignright img, .wp-content figure.alignleft img, .wp-content figure.alignnone img {
        padding-bottom: 2rem;
    }
}

@media (max-width: 52rem) {
    .wp-content figure.alignleft, .wp-content img.alignleft {
        max-width: 40%;
        padding-bottom: 2rem;
        padding-right: 2rem;
        float: left;
    }

    .wp-content figure.alignright, .wp-content img.alignright {
        max-width: 40%;
        padding-bottom: 2rem;
        padding-left: 2rem;
        float: right;
    }

    .wp-content figure.alignnone, .wp-content img.aligncenter, .wp-content figure.alignright img, .wp-content figure.alignleft img, .wp-content figure.alignnone img {
        padding-bottom: 2rem;
    }
}

@media (max-width: 40rem) {
    .wp-content figure.alignleft, .wp-content img.alignleft {
        display: block;
        max-width: 100%;
        margin-bottom: 2rem;
        padding: 0;
    }

    .wp-content figure.alignright, .wp-content img.alignright {
        display: block;
        max-width: 100%;
        margin-bottom: 2rem;
        padding: 0;
    }

    .wp-content figure.aligncenter, .wp-content img.aligncenter {
        display: block;
        max-width: 100%;
        margin-bottom: 2rem;
    }

    .wp-content figure, .wp-content img {
        display: block;
        max-width: 100%;
    }
}

.copyright-text {
    color: #D1D1D1;
}

.icon-img-header {
    width: 14px;
    height: 14px;
}

.grid-layout {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; /* Aligns items to the top */
}

.section-less-padding {
    padding: 25px 0 !important;
}

.product_attr_disabled {
    display: none !important;
}

.rfq-history h2 {
    display: none;
}

.gform_wrapper .button {
    background-color: #df8800;
}

.gform_wrapper .button:hover {
    background-color: #bd6f00;
    color: #fff;
}

.bg-brand-orange {
    background-color: #df8800 !important;
}

.orange-link {
    color: #df8800;
}

.orange-link:hover {
    color: #bd6f00;
}

.icon-img-header {
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left !important;
    }

    #datatable_filter label {
        width: 80vw;
    }

    #datatable_filter input {
        width: 100%;
    }
}

@media screen and (min-width: 767px) {
    #datatable_filter label {
        width: 360px;
    }

    #datatable_filter input {
        width: 300px;
    }
}