/*
Theme Name:TheGem Child
Description:Multi-Purpose Wordpress Theme
Author:Codex Themes.
Theme URI:http://codex-themes.com/thegem/
Author URI:http://codex-themes.com/thegem/
Template:thegem
Version:1.0
Tags:one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License:GNU General Public License
License URI:license.txt
*/
body:not(.compose-mode) .gem-icon .gem-icon-half-1,
body:not(.compose-mode) .gem-icon .gem-icon-half-2 {
    opacity: 1 !important
}

.brand-mega-menu .vc_tta-container {
    display: none !important
}

.show-mobile {
    display: none
}

#site-header .gem-textbox-inner {
    overflow: visible;
}

#searchwp-form-1 .swp-input {
    padding: 8px 16px !important;
    border-radius: 40px !important;
}

.rev_slider,
.rev_slider_wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    min-height: 300px
}

.hs-icon a {
    color: white !important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.gform_legacy_markup_wrapper,
.title-h3 h2 {
    color: #000
}

.custom-button i,
.logo-hover-effect .wpb_wrapper {
    position: relative
}

#feard-pro-box .wpb_wrapper,
#styled-box .gem-textbox:hover,
.custom-box>.vc_column-inner>.wpb_wrapper:hover {
    box-shadow: 0 2px 55px 0 rgba(0, 0, 0, .11)
}

:root {
    --border-color: #d9d9d9
}

body .vc_row:not(.vc_row-no-padding)>.vc_column_container>.vc_column-inner {
    padding-left: 15px;
    padding-right: 15px
}

.menu-column2 .text-right a {
    text-align: right
}

.menu-column2 .gem-textbox-content {
    flex-direction: column
}

.custom-dot {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.custom-dot span.dot,
.hero-button1 a.hero-button,
.inline-image {
    display: inline-block
}

.custom-dot span.dot {
    min-width: 15px;
    min-height: 15px;
    background: #fff;
    border-radius: 100%;
    margin: 0 8px
}

.full-image .vc_single_image-wrapper,
.full-image figure,
.img-100 .vc_single_image-wrapper,
.img-100 figure,
.img-100 img {
    width: 100%
}

body .is-form-style button.is-search-submit,
body .is-search-icon {
    height: 50px;
    width: 50px
}

.border-img {
    border: 1px solid var(--border-color)
}

.vc_row.vc_inner {
    margin-left: -15px;
    margin-right: -15px
}

.w-45 {
    width: 45% !important
}

.title-h1,
.title-h2,
.title-h3,
.title-h4,
.title-h5,
.title-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0
}

#site-header .thegem-te-heading {
    display: flex;
    align-items: center;
    cursor: pointer
}

.thegem-te-menu ul.nav-menu .megamenu-template .container {
    width: 100%;
    padding: 0
}

.img-darken figure img {
    mix-blend-mode: darken
}

.logo-row-header {
    height: 94.5px
}

.logo-row-header .wpb_text_column.flex-1 {
    display: flex;
    justify-content: center
}

.logo-row-header .wpb_text_column.flex-1 .wpb_wrapper {
    flex: 1;
    max-width: 500px
}

.large-text p {
    font-size: 18px !important;
    color: #000 !important
}

.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-close,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-close {
    width: 25px !important;
    height: 21px !important
}

.thegem-te-menu-mobile__slide-horizontal.mobile-view.mobile-menu-slide-close:after,
.thegem-te-menu-mobile__slide-horizontal.mobile-view.mobile-menu-slide-close:before,
.thegem-te-menu-mobile__slide-vertical.mobile-view.mobile-menu-slide-close:after,
.thegem-te-menu-mobile__slide-vertical.mobile-view.mobile-menu-slide-close:before {
    height: 3px !important;
    top: 9px !important
}

.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper,
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper {
    padding-top: 55px !important
}

.p-remove p:empty,
.row-detail .gem-image-centered-box,
header .gem-textbox {
    margin-bottom: 0
}

.is-search-form input[type=search] {
    font-size: 16px !important;
    font-weight: 600;
    letter-spacing: .5px
}

body .is-form-style input.is-search-input {
    height: 50px;
    padding: 15px 15px 15px 0;
    border-radius: 0 8px 8px 0;
    border-left: 0 !important;
    font-size: 16px !important;
    font-family: var(--thegem-to-body-font-family)
}

body .is-form-style.is-form-style-3 input.is-search-input {
    border-right: 1px solid #10589c !important
}

body .is-form-style.is-form-style-3 label {
    width: calc(100% - 48px) !important
}

body .is-search-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 8px 0 0 8px;
    border-right: 0 !important
}

body .is-form-style {
    display: flex;
    flex-direction: row-reverse
}

.mega-info-box .aio-icon-box,
header .gem-textbox-content {
    display: flex
}

.logo-img {
    max-width: 320px
}

.flex-1 {
    flex: 1
}

.header-flex .wpb_wrapper {
    column-gap: 30px
}

header .sub-menu {
    box-shadow: 4px 0 25px 0 rgba(0, 0, 0, .15)
}

body #is-ajax-search-details-35422 a:not(.button),
body #is-ajax-search-result-35422 a {
    color: #10589c !important;
    font-weight: 600
}

.navigation-products-tabs .vc_tta-panel-body {
    padding: 30px !important
}

.navigation-products-tabs.vc_tta.vc_tta-tabs .vc_tta-tab a {
    text-transform: capitalize !important;
    color: #000 !important;
    font-weight: 500 !important;
    padding: 10px 25px !important;
    line-height: 20px !important;
    background: 0 0 !important;
    border: 0 !important;
    border-radius: 40px 0 0 40px !important
}

#feard-pro-box .wpb_wrapper:hover .gem-button-container,
#feard-pro-box .wpb_wrapper:hover .thegem-te-heading,
#westock_row .products-categories-widget .products-category-item .wrap .category-thumbnail .category-thumbnail-inner,
.navigation-products-tabs .vc_tta-tabs-container {
    background: #f4f8ff
}

.navigation-products-tabs.vc_tta.vc_tta-tabs .vc_tta-tabs-list {
    padding-left: 15px
}

.navigation-products-tabs.vc_tta.vc_tta-tabs .vc_tta-tabs-list:before {
    content: "Browse Categories";
    font-size: 20px;
    font-weight: 700;
    display: block;
    color: #000;
    margin: 20px;
    border-bottom: 1px solid #a3b5c5;
    padding-bottom: 15px
}

.navigation-products-tabs.vc_tta.vc_tta-tabs .vc_tta-tab.vc_active a {
    background: var(--thegem-to-styled-color1) !important;
    color: #fff !important
}

.navigation-products-tabs .products-categories-widget .category-title {
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 500 !important
}

.navigation-products-tabs.products-categories-widget.category-thumbnail.category-thumbnail-inner {
    background: #fff !important;
    padding: 0 20px 40px
}

.main-content .navigation-products-tabs .products-categories-widget .category-thumbnail img {
    mix-blend-mode: multiply
}

.product-mega-menu .vc_tta-container,
.styled-form .name_first input,
.styled-form .name_last input {
    margin-bottom: 0 !important
}

#styled-box .gem-textbox .gem-textbox-inner,
.home-products-tabs.vc_tta.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels,
.product-mega-menu .vc_tta-panel-body,
.product-mega-menu .vc_tta-panels {
    border: 0 !important
}

.how-work-icon .gem-icon-use-image,
.product-mega-menu .category-overlay-inner {
    padding: 10px !important
}

.full-image img {
    width: 100%;
    max-width: 320px !important
}

.mega-info-box .aio-icon-box img {
    max-width: 115px;
    height: auto;
}

.overflow-logos .thegem-template-wrapper {
    width: calc(100% 100px)
}

.brand-mega-menu .wpb_single_image img {
    padding: 15%
}

.brand-mega-menu .wpb_single_image img:hover {
    opacity: .9
}

#styled-box .gem-button-style-outline,
#styled-box .gem-textbox-picture,
.custom-button {
    position: relative;
    overflow: hidden
}

.custom-button i {
    display: inline-block;
    transition: transform .5s ease-in-out
}

.custom-button:hover i {
    animation: 1s linear infinite moveIcon
}

.resource-image img {
    max-height: 220px;
    width: auto
}

.resource-link,
.service-list,
.w-100,
body .portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item {
    width: 100% !important
}

.resource-link a {
    justify-content: space-between !important
}

@keyframes moveIcon {

    0%,
    100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(100%)
    }

    51% {
        transform: translateX(-100%)
    }
}

.resource-brands-row>.vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.resource-brand-box {
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

.resource-brand-box~.resource-brand-box {
    border-radius: 0 0 10px 10px;
    flex: 1
}

.resource-brand-box .brand-logo img {
    max-height: 50px;
    width: inherit;
    min-height: 50px
}

.resource-brand-box__image {
    overflow: hidden
}

.resource-brand-box__image figure,
.resource-brand-box__image figure .vc_single_image-wrapper,
.resource-brand-box__image figure .vc_single_image-wrapper img {
    width: 100% !important;
    transition: .5s ease-in-out
}

.resource-brand-box__btn a {
    margin: 7px !important;
    width: 100%
}

.resource-brand-box__btn {
    min-width: calc(50% - 10px)
}

.resource-brands-row .resource-brand-box .gem-infotext .gem-infotext-icon {
    margin-right: 5px !important
}

.resource-brand-box .gem-infotext__title .text-body {
    font-size: 14px;
    color: #000
}

.resource-brand-box .gem-infotext-icon .gem-simple-icon {
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 14px
}

.resource-brands-row.wpb_wrapper:hover.resource-brand-box__imagefigure.vc_single_image-wrapperimg {
    opacity: .5
}

.resource-brands-row>.wpb_column>.vc_column-inner>.wpb_wrapper:hover {
    box-shadow: 0 2px 55px 0 rgba(0, 0, 0, .11);
    background: 0 0;
    border-radius: 10px
}

.resource-logo-row>.vc_column-inner>.wpb_wrapper {
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px
}

.styled-border {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 0
}

.styled-border.bottom {
    bottom: 20px;
    top: inherit
}

.byler-rivet .gem-textbox-content {
    background-size: 100% 100%
}

.stylish-content p,
.stylish-content p a {
    color: #fff;
    margin-bottom: 0
}

.stylish-content p span {
    background: #e61937;
    color: #fff;
    padding: 2px 5px
}

.stylish-content.two p span {
    color: #FBD33B;
    background: #fff
}

body .gem-textbox .gem-icon:not(.gem-simple-icon) .gem-con-inner {
    width: 44px;
    height: 44px;
    line-height: 46px
}

.max-w-content {
    max-width: 285px
}

.max-w-content p {
    color: #fff
}

#product-support-icons {
    max-width: 50%
}

.byler-rivet .gem-textbox {
    height: 328px
}

#service-highlight .wpb_wrapper,
#service-highlight .wpb_wrapper .thegem-te-heading,
.byler-rivet .gem-textbox-content,
.byler-rivet .gem-textbox-inner {
    height: 100%
}

.byler-rivet .gem-textbox-inner .gem-simple-icon {
    box-shadow: 4px 6px 9px 0 rgba(0, 0, 0, .5);
    border-radius: 4px
}

.byler-rivet .gem-textbox-inner .title-customize {
    text-shadow: 1px 1px 4px #000
}

.text-shadow span {
    text-shadow: 1px 4px 9px rgba(0, 0, 0, .5)
}

.home-products-tabs.vc_tta.vc_general .vc_tta-tabs-list {
    margin: 0 0 -10px
}

.home-products-tabs.vc_tta.vc_general .vc_tta-tab {
    padding-bottom: 6px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-right: 30px;
    border-bottom: 5px solid transparent
}

.home-products-tabs.vc_tta.vc_general .vc_tta-tab>a {
    padding: 0;
    border: 0 !important;
    color: var(--thegem-to-styled-color1) !important
}

.home-products-tabs.vc_tta.vc_general .vc_tta-tab.vc_active {
    border-bottom: 5px solid #FBD33B
}

.home-products-tabs.vc_tta.vc_general .vc_tta-tab.vc_active>a {
    font-weight: 700 !important
}

.home-products-tabs.vc_tta.vc_general.vc_tta-tabs .vc_tta-panel-body {
    padding: 0;
    border: 0 !important
}

.vc_toggle_title {
    border-top: 0 !important
}

.vc_toggle_title h4 {
    color: var(--wp--preset--color--black) !important
}

/*.logo-hover-effect .bottom-brand-logo.hover-logo{position:absolute;left:0;top:0;opacity:0}.logo-hover-effect:hover .bottom-brand-logo{opacity:0}*/
#service-highlight:hover .wpb_column:nth-child(3)

/*,.logo-hover-effect:hover .bottom-brand-logo.hover-logo*/
    {
    opacity: 1
}

.bottom-brand-logo a {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #e4edf4 !important
}

/*.logo-hover-effect:hover .bottom-brand-logo a{box-shadow:0 4px 54px 0 rgba(0,0,0,.1)}*/
.ads-right-column>.vc_column-inner>.wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.ads-text {
    max-width: 455px
}

.ads-right-column {
    display: flex;
    flex-wrap: wrap
}

#free-catalog-row .gem-vc-background-overlay:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: url(https://bylerrivetsupply.com/wp-content/uploads/2025/07/free-byler-rivet-catalog-bg.webp) bottom/100% no-repeat;
    width: 100%
}

#feard-pro-box .wpb_wrapper {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

#feard-pro-box .wpb_wrapper .gem-button {
    padding: 4px 20px;
    height: inherit;
    line-height: inherit
}

#feard-pro-box .wpb_wrapper .type-image img {
    padding: 15px;
    margin-top: -15px;
    max-width: 100%;
    height: auto
}

#feard-pro-box .wpb_wrapper .thegem-te-heading {
    padding: 0 15px
}

#feard-pro-box .wpb_wrapper .gem-button-container,
#feard-pro-box .wpb_wrapper .thegem-te-heading,
#service-highlight .wpb_column {
    transition: .3s
}

#feard-pro-box .wpb_wrapper:hover .thegem-te-heading .thegem-heading-word {
    color: var(--thegem-to-h1-color)
}

#feard-pro-box .hover-visisble-image {
    position: absolute;
    top: 0;
    left: 100%;
    transition: .5s .2s;
    width: 100%
}

#feard-pro-box .wpb_wrapper:hover .hover-visisble-image {
    left: 50%;
    transform: translatex(-50%)
}

#westock_row .products-categories-widget .products-category-item .wrap .category-thumbnail {
    padding-top: 120%
}

#westock_row .products-categories-widget .products-category-item .wrap .category-thumbnail img {
    height: inherit;
    mix-blend-mode: multiply;
    padding: 10%
}

#westock_row .products-categories-widget.caption-position-image.caption-container-preset-bold .products-category-item .wrap .category-overlay .category-title {
    border-radius: 40px;
    font-size: 14px
}

#westock_row .products-categories-widget.caption-position-image.caption-container-preset-bold .products-category-item .wrap:hover .category-overlay .category-title {
    background: var(--thegem-to-h1-color)
}

#westock_row .products-categories-widget.caption-position-image.caption-container-preset-bold .products-category-item .wrap .category-overlay .category-overlay-inner {
    padding: 20px
}

#styled-box .gem-button-style-outline:after,
#styled-box .gem-textbox-picture:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
    opacity: 0;
    background: var(--thegem-to-styled-color1)
}

.custom-box>.vc_column-inner>.wpb_wrapper {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 30px 30px 0;
    position: relative;
    overflow: hidden
}

.custom-box>.vc_column-inner .pa-top-30 img {
    height: 44px !important;
    width: auto
}

.pa-top-30 {
    position: absolute;
    top: 30px;
    left: 20px
}

#styled-box .gem-textbox {
    border: 1px solid #d9d9d9;
    overflow: hidden;
    border-radius: 10px
}

#styled-box .gem-textbox:hover .gem-textbox-picture img {
    transform: scale(1.2)
}

#styled-box .gem-textbox-picture {
    border-radius: 10px 10px 0 0
}

#styled-box .gem-textbox-picture img {
    transition: .2s linear .1s
}

#styled-box .gem-textbox-picture:before {
    right: 0;
    bottom: 0;
    text-align: center;
    transform: translateY(50%);
    z-index: 1
}

#styled-box .gem-textbox:hover .gem-textbox-picture:before {
    opacity: .3;
    transform: translateY(0)
}

#styled-box .gem-button-style-outline:after {
    display: block;
    transform: translatex(-100%);
    height: 100%;
    width: 100%;
    z-index: -1
}

#styled-box .gem-button-style-outline:hover:after {
    transform: translatex(0);
    opacity: 1
}

#styled-box .gem-textbox:hover .gem-textbox-inner {
    border: 0 !important;
    border-bottom: 1px solid #000 !important
}

body .min-height-box .gem-textbox-content {
    min-height: 300px !important
}

#service-highlight .thegem-heading {
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .08);
    height: 100%
}

#service-highlight:hover .wpb_column {
    opacity: .7
}

#service-highlight .wpb_column:hover {
    transform: translateY(-20px)
}

#service-highlight:hover .wpb_column:nth-child(3) .thegem-heading {
    background: var(--thegem-to-styled-color1) !important;
    transform: scale(1.15);
    color: #fff
}

.service-quickfinder .quickfinder {
    padding: 0
}

body.service-quickfinder.quickfinder-style-vertical.quickfinder-item.even.quickfinder-item-info,
body.service-quickfinder.quickfinder-style-vertical.quickfinder-item.odd.quickfinder-item-info {
    padding-right: 0;
    padding-left: 20px
}

.service-quickfinder .quickfinder-style-vertical .quickfinder-item-title {
    padding-bottom: 10px
}

.service-quickfinder.quickfinder-style-vertical-3.quickfinder-item.quickfinder-item-info-wrapper.quickfinder-item-info {
    padding-bottom: 20px
}

.service-quickfinder .quickfinder-style-vertical .quickfinder-item-text {
    padding-bottom: 0
}

.service-quickfinder.quickfinder-style-vertical-3.quickfinder-item.quickfinder-item-image {
    padding-top: 0
}

body .service-list.gem-infotext .gem-infotext-icon {
    margin-left: auto !important
}

.service-list:hover {
    background: var(--thegem-to-styled-color1) !important
}

.service-list:hover a *,
.service-list:hover a .title-customize {
    color: #fff !important
}

.gform-legacy-datepicker.ui-datepicker tbody td {
    padding: 0 !important
}

#main-content input:not([type=button]):not([type=submit]),
#main-content select,
#main-content textarea {
    background: #fff;
    border-radius: 4px;
    border-color: #e6e9eb !important;
    padding: 6px 15px !important
}

#main-content input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),
#main-content select {
    min-height: 50px
}

.styled-form .half-column {
    width: 50%;
    float: left;
    margin-bottom: 16px;
    clear: none !important
}

.styled-form .half-column .large {
    margin-top: 0 !important
}

#main-content button[type=submit],
#main-content input[type=submit] {
    height: inherit;
    padding: 10px 30px;
    line-height: inherit;
    background: var(--thegem-to-button-basic-background-color);
    color: var(--thegem-to-button-basic-color);
    border: 0
}

#main-content button[type=submit]:hover,
#main-content input[type=submit]:hover {
    background: var(--thegem-to-button-basic-background-color-hover)
}

.styled-form textarea.large {
    height: 150px !important
}

.rounded-corners {
    border-radius: 10px
}

.vc_toggle.byler-faq {
    border: 1px solid #3232 !important;
    background: rgb(16 88 156 / 5%) !important;
    border-radius: 4px
}

.vc_toggle.byler-faq .vc_toggle_title {
    background: 0 0
}

.vc_toggle.byler-faq .vc_toggle_icon {
    float: right;
    margin-top: 7px
}

.vc_toggle.byler-faq .vc_toggle_content {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid
}

.rivet-faq-form .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding-right: 0 !important
}

.rivet-faq-links .gem-infotext__subtitle .subtitle-customize,
.rivet-faq-links .gem-infotext__title .title-customize {
    text-align: left
}

.rivet-faq-links {
    max-width: 350px;
    width: 100% !important
}

body .vc_toggle_title {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body .vc_toggle_content {
    font-family: var(--thegem-to-styled-subtitle-font-family);
    font-weight: 400;
    font-size: calc(100% + 0px);
    color: #000
}

body .vc_toggle_content h3 {
    color: var(--thegem-to-h2-color);
    font-weight: var(--thegem-to-h2-font-weight)
}

.gem-textbox-content {
    background-size: 100%
}

.thegem-popup-notification-sidebar .minicart-image img {
    width: 100px !important
}

.thegem-popup-notification-sidebar ul.woocommerce-mini-cart a:not(.remove_from_cart_button) {
    padding-left: 120px !important
}

.thegem-popup-notification-sidebar .woocommerce-mini-cart-item__quantity,
.thegem-popup-notification-sidebar ul.woocommerce-mini-cart span.quantity {
    margin-left: 120px !important
}

body.woocommerce-cart-layout-modern .woocommerce .shop_table .product-quantity .quantity input {
    width: 85px !important
}

.thegem-popup-notification-sidebar .notification-sidebar {
    max-width: 600px !important
}

.thegem-popup-notification-sidebar .woocommerce-mini-cart__buttons {
    flex-direction: row !important;
    gap: 20px
}

.thegem-popup-notification-sidebar .woocommerce-mini-cart__buttons .gem-button-container {
    width: 100%
}

.thegem-popup-notification-sidebar .woocommerce-mini-cart-item__qty {
    max-width: 100% !important
}

.thegem-popup-notification-sidebar .woocommerce-mini-cart-item__qty .quantity {
    width: 85px !important
}

.portfolio.extended-products-grid.to-extended-products .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner a.icon:hover,
.portfolio.extended-products-grid.to-extended-products .portfolio-item .wrap .product-bottom.on-page-caption a.icon:hover {
    background: var(--thegem-to-styled-color1) !important;
    border-color: var(--thegem-to-styled-color1) !important
}

.portfolio-icons.product-bottom~.actions.woocommerce_after_shop_loop_item {
    display: none
}

.page-id-538 .vc_column-inner {
    background-size: 100% !important
}

.footer-bottom .wpb_wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 15px
}

.woocommerce .wishlist_table .product-thumbnail a img {
    max-width: 200px;
    height: auto
}

body.woocommerce .shop_table tr td.product-remove a {
    background: rgba(16, 88, 156, .1) !important;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

body.woocommerce .shop_table tr td.product-remove a:hover {
    background: rgba(16, 88, 156, .3)
}

body.woocommerce .shop_table tr td.product-remove a svg {
    fill: var(--thegem-to-h1-color);
    width: 12px
}

.shop_table td.product-remove .remove:after {
    display: none !important
}

#main-content .byler_products_row select.portfolio-sorting-select-current {
    padding: 4px 11px 6px 15px !important;
    color: var(--thegem-to-styled-color1);
    border-color: var(--thegem-to-styled-color1) !important;
    border-radius: 4px;
    height: 30px;
    min-height: auto
}

.password-input {
    position: relative;
    display: block
}

.password-input .woocommerce-Input--password {
    padding-right: 50px
}

button.show-password-input {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: 0;
    z-index: 1
}

button.show-password-input:before {
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 16px
}

button.show-password-input.display-password:before {
    content: "\f070"
}

.full-link,
.full-link *,
body .thegem-vc-text.wpb_text_column.full-link,
body .thegem-vc-text.wpb_text_column.full-link * {
    position: absolute !important;
    width: 100%;
    height: 100%;
    z-index: 9;
    left: 0;
    top: 0;
    opacity: 0
}

code,
kbd,
pre,
samp {
    white-space: normal !important;
    font-family: 'Montserrat' !important
}

#site-header .vc_row[data-vc-full-width].vc_hidden {
    opacity: 1 !important
}

.mini_cart_item span.quantity {
    visibility: hidden !important
}

img {
    max-width: 100%
}

#featured-products.vc_row {
    min-height: 300px
}

.feard-prod-inner-row {
    min-height: 200px
}


@media screen and (max-width: 767px) {
    .thegem-popup-notification-sidebar .woocommerce-mini-cart__buttons {
        flex-direction: column
    }

    .logged-in #main-content {
        display: flex;
        flex-direction: column-reverse
    }

    .byler-rivet .gem-textbox {
        height: auto
    }

    .show-mobile {
        display: block
    }

    .search-column {
        width: 100%
    }

    .my-account-menu ul li {
        min-width: calc(50% - 30px)
    }

    .logo-img {
        max-width: 250px;
    }

    .bottom-brand-logo a {
        padding: 20px 10px
    }

    header#site-header .header-icon {
        border: 0;
        padding: 0 !important
    }

    .thegem-te-menu-mobile__slide-horizontal.mobile-view .nav-menu>li a,
    .thegem-te-menu-mobile__slide-vertical.mobile-view .nav-menu>li a {
        padding: 13px !important
    }

    body .header-sticky-template,
    body.cart-scroll-locked:not(.is-no-sticky) .header-sticky-template.header-wrapper,
    body.menu-scroll-locked:not(.is-no-sticky) .header-sticky-template.header-wrapper {
        z-index: 393 !important
    }

    .logo-row-header {
        height: auto
    }

    .home-products-tabs .vc_tta-panels-container,
    .home-products-tabs .vc_tta-tabs-container {
        display: block !important
    }

    .home-products-tabs .vc_tta-tab {
        display: inline-block !important
    }

    .home-products-tabs .vc_tta-panel {
        display: block !important;
        width: 100% !important
    }

    .filter-group,
    .filter-group input,
    .filter-group select,
    .form_left {
        width: 100%
    }

    .home-products-tabs .vc_tta-panel-heading {
        display: none !important
    }

    .home-products-tabs.vc_tta.vc_general .vc_tta-tab {
        margin-right: 15px
    }

    .hero-button1 {
        text-align: center
    }

    .hero-button1 a.hero-button {
        display: inline-block
    }

    .ads-right-column>.vc_column-inner>.wpb_wrapper {
        justify-content: center
    }

    footer .socials-list.socials-alignment-right {
        text-align: center !important
    }

    .styled-form .half-column {
        width: 100%;
        margin-bottom: 16px;
        clear: both !important
    }

    .custom-textbox .byler-rivet .gem-textbox-content {
        padding: 30px !important
    }

    .styled-border {
        left: 10px;
        top: 10px
    }

    .styled-border.bottom {
        bottom: 10px
    }

    #resource-filter-form,
    .form_left {
        row-gap: 15px;
        flex-wrap: wrap
    }

    .form_left {
        gap: 0
    }

    #product-support-icons {
        max-width: 100%
    }

    .w-45 {
        width: 100% !important
    }

    .custom-dot span.dot {
        width: 8px;
        height: 8px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .resource-brands-row .vc_col-sm-4 {
        width: 50%
    }

    .header-icon.my-quote-icon {
        border-width: 1px
    }

    .logo-row-header {
        height: 74.5px
    }

    #resource-filter-form .form_left {
        width: 70%
    }

    #resource-filter-form .form_left .filter-group:not(:last-child) {
        width: calc(100% / 2 - 45px)
    }

    .filter-group input,
    .filter-group select {
        width: 100%
    }
}

@media screen and (max-width: 1199px) {
    .sticky-logo img {
        max-width: 180px;
    }

    .resource-brand-box .text-body {
        font-size: 14px !important
    }
}

@media screen and (min-width: 1200px) {
    body .container {
        width: 95%;
        max-width: 1400px
    }

    .page-id-8:not(.logged-in) .vc_col-sm-9 {
        margin-left: 12.495%
    }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    html body .row-detail {
        margin-top: -295px !important;
        margin-right: -30px !important
    }
}

@media (max-width:1300px) {
    body .row-detail {
        margin-right: -30px !important
    }
}

@media screen and (max-width:480px){
    .logo-img {
        max-width: calc(100% - 172px)
    }
}