/*
 Theme Name:     McWong Custom Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
#page-container {
    overflow: hidden !important;
}
.et_always_center_on_mobile {
    margin: 0 auto !important;
}
.et_parallax_bg {
    background-position: bottom !important;
}

/* Search Images */
.entry-featured-image-url img {
    width: 100%;
    height: 200px !important;
    object-fit: contain;
}
.entry-featured-image-url {
    overflow: auto !important;
}

/* Nav Adjustments */
.mobile_menu_bar:before {
    color: #dc5034
}
.et_mobile_menu {
    border-top: 3px solid #dc5034 !important;
}
.mega-menu .sub-menu li {
    padding: 0 !important;
}
/* #top-menu li.mega-menu>ul>li>a:first-child {
    padding: 10px 20px !important;
}
#top-menu li.mega-menu>ul>li {
    width: 30%;
} */
.mega-menu .sub-menu li a {
    border: none !important;
    border-bottom: 5px solid transparent !important;
    padding: 10px 20px !important;
    transition: 0.35s ease !important;
    opacity: 1 !important;
    margin-bottom: 10px;
}
.mega-menu .sub-menu li a:hover {
    border-bottom: 5px solid #dc5034 !important;
}
#top-menu li.mega-menu>ul>li:nth-of-type(4n+1) {
    clear:none !important;
}
.solutions-container img, .products-container img, .applications-container img, .resources-container img {
    max-width: 50%;
    object-fit:cover;
    height: 350px;
    float: left;
    margin-right: 25px;
}
.solutions-container img {
    height: 200px !important;
}
.solutions-container p {
    font-size: 14px;
}
.solutions-container {
    width: 70% !important;
}

/* Images */
.archive-img img {
    object-fit: contain;
    width: 100%;
    height: 250px;
}
.prdfam-img {
    height: 450px;
    padding: 50px;
    object-fit: contain;
}

/* Sizing */
.p-1 {
    padding: .25em;
}
.p-2 {
    padding: .5em;
}
.p-3 {
    padding: 1em;
}
.p-4 {
    padding: 1.5em;
}
.p-5 {
    padding: 3em;
}

.pt-1 {
    padding-top: .25em;
}
.pt-2 {
    padding-top: .5em;
}
.pt-3 {
    padding-top: 1em;
}
.pt-4 {
    padding-top: 1.5em;
}
.pt-5 {
    padding-top: 3em;
}

.pb-1 {
    padding-bottom: .25em;
}
.pb-2 {
    padding-bottom: .5em;
}
.pb-3 {
    padding-bottom: 1em;
}
.pb-4 {
    padding-bottom: 1.5em;
}
.pb-5 {
    padding-bottom: 3em;
}

.pr-1 {
    padding-right: .25em;
}
.pr-2 {
    padding-right: .5em;
}
.pr-3 {
    padding-right: 1em;
}
.pr-4 {
    padding-right: 1.5em;
}
.pr-5 {
    padding-right: 3em;
}

.pl-1 {
    padding-left: .25em;
}
.pl-2 {
    padding-left: .5em;
}
.pl-3 {
    padding-left: 1em;
}
.pl-4 {
    padding-left: 1.5em;
}
.pl-5 {
    padding-left: 3em;
}

.align-self-center {
    align-self: center;
}

/* Buttons / Colors */
.text-crimson {
    color: #dc5034;
}

.prdfam-btn {
    padding: 5px 20px;
    font-weight: bold;
    color: #000;
    background: transparent;
    border-bottom: 3px solid transparent;
    transition: 0.35s ease;
}
.prdfam-btn:hover {
    border-bottom: 3px solid #dc5034;
}
.mobile-prdfam-btn-text {
    font-weight: bold;
}
.mobile-prdfam-btn {
    padding: 5px;
    transition: 0.35s ease;
}
.mobile-prdfam-btn:hover {
    background-color: #e0e0e0;
}
.lead-bio-btn {
    background: transparent;
    padding: 5px;
    border: none;
    border-bottom: 5px solid transparent;
    font-weight: bold;
    transition: 0.35s ease;
}
.lead-bio-btn:hover {
    border-bottom: 5px solid #dc5034;
}
.lead-bio-btn {
    cursor: pointer;
}

/* Typography */
.controller-title h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5em;
}

/* Products Cards CSS */
.dmach-postmeta-value {
    display: flex;
    flex-wrap: wrap;
    margin: 5px;
}
.dmach-postmeta-value span {
    width: 45%;
    margin: 0;
    text-align: center;
}
.small {
    font-size: 12px;
}
.et_shop_image .featured-image {
    width: 100%;
    object-fit: contain;
    height: 150px;
    padding: 0 0 25px 0;
}
.et_always_center_on_mobile {
    width: 100% !important;
}

.sol-c-2-bb {
    text-align: center;
    border-bottom: 1px solid #fff;
}
.sol-table {
    border: none;
    overflow-x: scroll;
}
.sol-table thead {
    background-color: #e0e0e0;
    font-size: 14px;
}
.sol-table th {
    border-right: 1px solid #fff;
}
.check-marks {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    text-align: center;
    font-weight: 700;
    color: #dc5034;
}

/* Product Families CSS */
.et_shop_image .featured-image {
    margin: 0 auto;
}
.prdfam-container {
    width: 80%;
    margin: 0 auto;
}
.prdfam-overview ol {
    display: flex;
    flex-wrap: wrap;
    list-style-type: decimal;
}
.prdfam-overview ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: disc;
}
.prdfam-overview li {
    width: 45%;
    margin: 5px;
}
.prdfam-overview li table td {
    border: 1px solid #e0e0e0;
}

.prdfam-docs-table {
    width: 100%;
}
.prdfam-docs-table thead {
    background-color: #e0e0e0;
}
.prdfam-docs-table th {
    font-size: 16px;
    text-align: left !important;
}
.prdfam-docs-table td {
    padding: 5px 0;
}

.prdfam-flex {
    display: flex;
    flex-wrap: wrap;
}
.prdfam-col-1 {
    width: 8.3%;
}
.prdfam-col-2 {
    width: 16.5%
}
.prdfam-col-3 {
    width: 25%;
}
.prdfam-col-4 {
    width: 33%;
}
.prdfam-col-5 {
    width: 41.5%;
}
.prdfam-col-6 {
    width: 50%;
}
.prdfam-col-7 {
    width: 58%;
}
.prdfam-col-8 {
    width: 66.5%;
}
.prdfam-col-9 {
    width: 75%;
}
.prdfam-col-10 {
    width: 83%;
}
.prdfam-col-11 {
    width: 91.5%;
}
.prdfam-col-12 {
    width: 100%;
}
.hide {
    display: none !important;
}
#top-menu li.hide {
    display: none !important;
}

.not-found-page::before {
    content: none !important;
}
.not-found-page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
}
.not-found-page article {
    width: 100%;
}
.not-found-page .searchform #s {
    width: 80%;
    font-size: 18px;
    border:none;
    padding: 5px;
    border-bottom: 5px solid #000;;
}
.not-found-page .searchform #searchsubmit {
    width: 18%;
    border: none;
    border-bottom: 5px solid #dc5034;
    font-size: 18px;
    background: transparent;
    padding: 5px;
    transition: 0.35s ease;
}
.not-found-page .searchform #searchsubmit:hover {
    background-color: #000;
    color: #fff;
}
.not-found-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
}

.desktop-tr {
    display: table-row;
}
.desktop {
    display: block;
}
.mobile-tr {
    display: none;
}
.mobile {
    display: none;
}
@media screen and (max-width: 1680px) {
    div.et_pb_section.et_pb_section_1 {
        background-image: none !important;
    }
}

@media screen and (max-width: 1080px) {
    .desktop-tr {
        display: none;
    }
    .desktop {
        display: none;
    }
    .mobile-tr {
        display: table-row;
    }
    .mobile {
        display: block;
    }
    .prdfam-col-1, .prdfam-col-2, .prdfam-col-3, .prdfam-col-4, .prdfam-col-5, .prdfam-col-6, .prdfam-col-7, .prdfam-col-8, .prdfam-col-9, .prdfam-col-10, .prdfam-col-11, .prdfam-col-12 {
        width: 100%;
    }
    .prdfam-overview ul {
        display: block;
    }
    .prdfam-overview li {
        width: 100%;
    }
    .prdfam-container {
        width: 90%;
    }

    .not-found-page {
        height: 65vh;
    }
    .not-found-page .searchform #s {
        width: 65%;
    }
    .not-found-page .searchform #searchsubmit {
        width: 32%;
    }
    .overflow-table {
        overflow-x: scroll;
        width: 200vw;
    }

    .prdfam-img {
        width: 100% !important;
        height:auto !important;
        padding: 5px !important;
    }
}