/* 
Theme Name: US Lubricants 2025
Template: element
Version: 1.5.29
*/

#panel #mobile-menus-wrap ul li.back {
    background: #fff;
    color: #4d4d4d;
    font-weight: bold;
    font-size: 14px;
    padding: 10px !important;
    cursor: pointer;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ccc;
    width: auto;
}

#panel #mobile-menus-wrap ul li.mobile-parent,
#panel #mobile-menus-wrap ul li.mobile-parent-click {
    background: #fff;
    background: linear-gradient(to bottom, #fff 0%, #fff 50%, #fff 51%, #ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$color1, endColorstr=$color3,GradientType=0 );
    padding-left: 0 !important;
}

#main-menu .menu li.menu-item-has-children:has(a[aria-expanded="true"]) ul.sub-menu {
    display: block !important;
    -webkit-transform: translateX(-50%) scaleY(1) !important;
    transform: translateX(-50%) scaleY(1) !important;
}

#main-menu .menu li.menu-item-has-children:not(:has(a[aria-expanded="true"])) ul.sub-menu {
    display: none !important;
    -webkit-transform: translateX(-50%) scaleY(0) !important;
    transform: translateX(-50%) scaleY(0) !important;
}

h2.outline {
    -webkit-text-stroke-color: #7A7270 !important;
}

.form .disclaimer a {
    word-break: break-all;
}

.page-template-page-products section.products .product-tab-wrap .product-tabs .product-tab,
.page-template-page-brand-partners section.products .product-tab-wrap .product-tabs .product-tab {
    display: block;
    text-decoration: none !important;
}

.media-contact a {
    text-decoration: underline !important;
}

.media-contact a:hover {
    text-decoration: none !important;
}

.skip-main {
    background-color: #f9dc4a;
    border: solid 3px #000;
    color: #000;
    padding: 0.625em 0.9375em;
    text-decoration: none;
}

.skip-main:not(:focus):not(:active) {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.skip-main:active,
.skip-main:focus {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99999999;
}

select#cat:focus {
    outline: 2px solid;
}

#wrapper-header #hiddensearchbox:not(.active) {
    display: none;
}

#wrapper-header #hiddensearchbox.active {
    display: block;
}

body:not(.mobile-menu-view) #panel {
    display: none !important;
}

.team.swiper-slide .image:focus-within {
    outline: 1px solid;
}

.newsroom-categories {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #343434;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0.05em;
    margin: 0;
}

.newsroom-categories + ul {
    padding-left: 20px;
}

article.type-resources .entry-content figure,
article.type-resources .entry-content image {
    max-width: 100%;
}

.product-tab-content:not(.active),
.product-tab-table:not(.active) {
    display: none;
}

#find-a-rep table a {
    text-decoration: underline;
}

#find-a-rep table a:hover {
    text-decoration: none;
}


/* Autoplay controls */
.control-autoplay {
    position: absolute !important;
    padding: 0;
    bottom: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-size: 16px auto;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
    cursor: pointer;
    z-index: 99;
}

.full-video .control-autoplay {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
}

.control-autoplay:hover,
.control-autoplay:focus {
    opacity: 1;
}

.control-autoplay[aria-pressed="true"] {
    background-image: url('images/play-icon.svg');
}

.control-autoplay[aria-pressed="false"] {
    background-image: url('images/pause-icon.svg');
}