/************************
 * HEADER
 ************************/
.atwm-ticker {
    background-color: #221F20;
    color: #ffffff;
    padding: 20px 0;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    margin: 0 !important
}
.atwm-ticker .wpb_content_element {
    margin-bottom: 0 !important;
}
.atwm-ticker .wpb_text_column > .wpb_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.atwm-ticker p {
    margin: 0;
    display: flex;
    align-items: center;
}
.atwm-ticker a {
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
}
.atwm-ticker a:hover {
    text-decoration: underline;
}
.atwm-ticker .read-more:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 33px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: rgba( 255,255,255,0.5 );
}
.atwm-ticker .read-more:after {
    content: "";
    display: inline-block;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ffffff;
    margin-left: 15px;
}


.atwm-main-header {
    padding-top: 30px;
    z-index: 3;
    position: relative;
    box-shadow: 0 1px 0 rgba(0,0,0,.1);
    background-color: #ffffff
}
.atwm-menu-search-container > .vc_column-inner .wpb_wrapper {
    display: flex;
    justify-content: right;
    position: relative;
}
.atwm-main-header .vc_wp_custommenu {
    margin-bottom: 0;
}
.atwm-main-header .atwm-site-logo {
    margin-bottom: 30px;
}


.atwm-menu-search-container .widget_nav_menu > div {
    position: relative;
    transform: translateX( 0 );
    transition: all 0.3s ease-in-out;
}
.atwm-menu-search-container .widget_nav_menu > div > ul {
    list-style: none;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    display: flex;
    justify-content: end;
}
.atwm-menu-search-container .widget_nav_menu > div ul a {
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
}
.atwm-menu-search-container .widget_nav_menu > div > ul > li > a {
    display: block;
    margin-bottom: 20px; 
}
.atwm-menu-search-container .widget_nav_menu > div > ul > li.current-page-ancestor > a,
.atwm-menu-search-container .widget_nav_menu > div li.current-menu-item > a {
    color: var(--brand-color-yellow-green);
    text-decoration: underline;
}
.atwm-menu-search-container .widget_nav_menu > div > ul > li {
    margin-right: 20px;
}
.atwm-menu-search-container .widget_nav_menu > div > ul > li.menu-item-has-children > a:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../svg/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    margin-left: 4px;
    margin-top: 4px;
}
.atwm-menu-search-container .widget_nav_menu > div > ul > li > ul {
    position: absolute;
    padding: 15px 0;
    z-index: 9999;
    width: 270px;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    border-top: 3px solid #4e6e17;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    text-align: left;
    transition: all .2s ease-in-out;
}
.atwm-menu-search-container .widget_nav_menu > div > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
}
.atwm-menu-search-container .widget_nav_menu > div > ul > li.pll-parent-menu-item > ul {
    width: 70px;
}

.atwm-menu-search-container .widget_nav_menu > div li li {
    display: block;
}
.atwm-menu-search-container .widget_nav_menu > div li li a {
    padding: 5px 20px;
    margin: 0;
    display: block;
}




/************************
 * HEADER SEARCH
 ************************/
.atwm-header-search form {
    position: absolute;
    right: 0;
    top: 10px;
    visibility: hidden;
    opacity: 0;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    transform: translateY( -80% );
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}
.atwm-menu-search-container.open .atwm-header-search form {
    visibility: visible;
    opacity: 1;
    transform: translateY( 0 );
}
.atwm-header-search .open-search {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    background-image: url(../svg/search-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    cursor: pointer;
    margin-top: 10px;
    margin-left: 15px;
}
.atwm-menu-search-container.open .atwm-header-search .open-search {
    display: none;
}
.atwm-menu-search-container.open .widget_nav_menu > div {
    opacity: 0;
    visibility: hidden;
    transform: translateY( 80% );
}

.atwm-menu-search-container form label {
    width: 60%;
}
.atwm-menu-search-container form label span {
    display: none;
}
.atwm-menu-search-container form button {
    display: none;
}
.atwm-menu-search-container form label input {
    width: 100%;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
}
.atwm-menu-search-container .close-search {
	position: relative;
    display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.atwm-menu-search-container .close-search::after, 
.atwm-menu-search-container .close-search::before {
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background: #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.atwm-menu-search-container .close-search::before {
    transform: rotate(-45deg);
}
.atwm-menu-search-container .close-search::after {
    transform: rotate(45deg);
}

/************************
 * PARTS SEARCH BAR
 ************************/
#atwm-sticky-bar {
	overflow: visible;	
}
.atwm-above-parts-search-row {
    padding: 15px 0;
    background-color: var( --brand-color-yellow-green );
    color: #ffffff;
    font-family: "Saira", sans-serif;
    font-weight: 600;
    font-size: 18px;
}
.page-template-app-template .atwm-above-parts-search-row {
	display: none;	
}
.atwm-above-parts-search-row .wpb_content_element {
    margin-bottom: 0 !important;
}
.atwm-above-parts-search-row .wpb_text_column > .wpb_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.atwm-above-parts-search-row p {
    margin: 0;
    display: flex;
    align-items: center;
    
}
.atwm-above-parts-search-row a {
    display: inline-flex;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
    margin-left: 30px;
}
.atwm-above-parts-search-row a:hover {
    text-decoration: underline;
}
.atwm-above-parts-search-row a:after {
    content: "";
    display: inline-block;
    background-image: url( ../svg/button-arrow-right.svg);
    background-size: 100% auto;
    background-position: center;
    width: 15px;
    height: 10px;
    margin-left: 10px;
    transition: all 0.3s;
    filter: invert(100%);
}


.atwm-search-parts-row,
.atwm-search-parts-row .vc_row {
    overflow: visible !important;
}
.atwm-search-products-container {
    background-color: var(--brand-color-dark-gray);
}
.atwm-search-products {
    padding: 15px 0;
    color: #ffffff
}
.atwm-search-products h3 {
    font-size: 20px;
    font-weight: 600;
	color: #ffffff;
}
.atwm-search-products .search-products-holder > div > ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 20px;
}
.atwm-search-products .search-products-holder > div > ul > li {
    width: 25%;
}
.atwm-search-products .input_field {
    position: relative;
}
.atwm-search-products .clear-results {
    font-size: 14px;
    position: absolute;
    top: 6px;
    right: 8px;
    color: #000000;
    cursor: pointer;
    display: none;
}
.atwm-search-products .clear-results.visible {
    display: block;
}

.atwm-search-products .input_field input,
.atwm-search-products .input_holder input {
    width: 100%;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
}


.atwm-search-products .search_results {
    height: 0;
    overflow: hidden;
    transition: height 0.5s;
}
.atwm-search-products .search_results > *:first-child{
    margin-top: 40px;
}
.atwm-search-products .input_holder.open .search_results {
    height: var(--openHeight);
}

.custom_select {
    width: 100%;
    margin: 5px 0;
    position: relative;
    display: none;
}
.custom_select.show {
    display: block;
}
.custom_select .custom_select_input {
    width: 100%;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    background-color: #ffffff;
    color: #000000;
    font-size: 14px;
    position: relative;
}
.custom_select .custom_select_input:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 8px;
    width: 12px;
    height: 12px;
    background-image: url(../svg/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    transition: all .3s;
}
.custom_select.open .custom_select_input:after {
    transform: rotate(180deg);
}

.custom_select .custom_select_dropdown {
    position: absolute;
    top: calc( 100% + 5px );
    left: 0;
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    z-index: 9999;
    height: 0;
    max-height: 400px;
    overflow-y: auto;
    transition: height 0.3s;
}
.custom_select.open .custom_select_dropdown {
    height: var(--openHeight);
}
.custom_select .custom_select_dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom_select .custom_select_dropdown ul li {
    padding: 10px 20px;
    cursor: pointer;
    display: block;
    border-top: solid 1px #D9D9D9;
}
.custom_select .custom_select_dropdown ul li:first-child {
    border-top: none;
}

.custom_select .custom_select_dropdown ul li a {
    text-decoration: none;
    color: #000000;
    display: block;
}


.atwm-search-button {
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}
.atwm-search-button.show {
    display: block;
}
.atwm-search-button .button {
    color: #333333 !important;
    border-color: var( --brand-color-yellow-green ) !important;
    background-color: #ffffff;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    padding: 14px 30px;
    text-decoration: none;
}
.atwm-search-button .button:hover {
    background-color: var( --brand-color-yellow-green ) !important;
    color: #ffffff !important;
}
.atwm-search-button .button:after {
    content: "";
    display: inline-block;
    background-image: url( ../svg/button-arrow-right.svg);
    background-size: 100% auto;
    background-position: center;
    width: 15px;
    height: 10px;
    margin-left: 10px;
    transition: all 0.3s;
}
.atwm-search-button .button:hover:after {
    margin-left: 30px;
    filter: invert(100%);
}
.atwm-search-button.disabled {
    opacity: 0.6;
}
.atwm-search-button.disabled a {
    pointer-events: none;
}

.part_search_results {
    display: none;
    position: relative;
}


.part_search_dropdown {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    z-index: 9999;
    max-height: 400px;
    overflow-y: auto;
    transition: height 0.3s;
}
.part_search_dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.part_search_dropdown ul li {
    padding: 10px 20px;
    cursor: pointer;
    display: block;
    border-top: solid 1px #D9D9D9;
}
.part_search_dropdown ul li:first-child {
    border-top: none;
}
.part_search_dropdown ul li a {
    text-decoration: none;
    color: #000000;
    display: block;
}


.input_holder {
    position: relative;
    display: block;
}
.search_button {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 30px;
    height: 30px;
    background-color: #999999;
    border-radius: 5px;
}
.search_button a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../svg/search-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px auto;
}


/************************
 * PARTS FIT CHECK
 ************************/
#atwm-year_make_model_fitcheck-result-holder {
    background-color: #EFEFEF;
    padding: 15px;
    margin-bottom: 20px;
    width: 60%;
}
#atwm-year_make_model_fitcheck-result-holder .checked.red .fit-desc {
    color: #E40303;
    background-image: url(../svg/cancel.svg);
    background-size: 20px auto;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-left: 0;
}
#atwm-year_make_model_fitcheck-result-holder .checked.green .fit-desc {
    color: #2b662c;
    background-image: url(../svg/check.svg);
    background-size: 20px auto;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-left: 0;
}
#atwm-year_make_model_fitcheck-result-holder .checked span {
    display: inline-block;
    margin-left: 15px;
}
#atwm-year_make_model_fitcheck-result-holder .checked strong {
    margin-left: 5px;
}

#atwm-make_model_year_fitcheck {
    width: 450px;
    font-size: 14px;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
    border: solid 1px #3D3D3F;
    margin-bottom: 20px;
}
.atwm-part-fitcheck .check_again {
    cursor: pointer;
}

#atwm-part-fitcheck .search_results {
    max-width: 450px;
}
#atwm-part-fitcheck .custom_select_input {
    border-radius: 5px;
    border: solid 1px #3D3D3F;
    font-size: 14px;
}

.atwm-check-button {
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}
.atwm-check-button.show {
    display: block;
}
.atwm-check-button .button {
    color: #333333 !important;
    border: solid 2px var( --brand-color-yellow-green ) !important;
    background-color: #ffffff;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    padding: 14px 30px;
    text-decoration: none;
}
.atwm-check-button .button:hover {
    background-color: var( --brand-color-yellow-green ) !important;
    color: #ffffff !important;
}
.atwm-check-button .button:after {
    content: "";
    display: inline-block;
    background-image: url( ../svg/button-arrow-right.svg);
    background-size: 100% auto;
    background-position: center;
    width: 15px;
    height: 10px;
    margin-left: 10px;
    transition: all 0.3s;
}
.atwm-check-button .button:hover:after {
    margin-left: 30px;
    filter: invert(100%);
}
.atwm-check-button.disabled {
    opacity: 0.6;
}
.atwm-check-button.disabled a {
    pointer-events: none;
}


/************************
 * PARTS SEARCH RESULTS
 ************************/
.atwm-search-parts h1 {
    margin-top: 40px;
}
.atwm-parts-quick-filter-container {
    margin-top: 30px;
    margin-bottom: 50px;
}
.atwm-parts-quick-filter-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: start;
    gap: 20px;
    overflow-x: auto;
}
.atwm-parts-quick-filter-container ul li a {
    display: block;
    padding: 5px 10px;
    border: solid 1px #221F20;
    color: #221F20;
    background-color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
}
.atwm-parts-quick-filter-container ul li.selected a {
    padding: 5px 10px;
    border: solid 1px #221F20;
    background-color: #221F20;
    color: #ffffff;
}

.atwm-parts-all-filters {
    margin-top: 30px;
}
.atwm-parts-all-filters a {
    color: #000000;
}

.atwm-search-parts-no-results {
    padding-top: 20px;
    padding-bottom: 40px;
}


/*****************************
 * PARTS SEARCH FILTERS POPUP
 *****************************/
.atwm-parts-filters-popup-bg {
    background-color: rgba( 0, 0, 0, 0.5 );
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vw;
    z-index: 100000;

    /* Initial hidden state */
    opacity: 0;
    visibility: hidden;
    
    /* Smooth transition for both properties */
    transition: 
        opacity 0.3s ease-in-out,
        visibility 0.3s ease-in-out;
}
.atwm-parts-filters-popup-bg.active {
    /* Visible state */
    opacity: 1;
    visibility: visible;
}
.atwm-parts-filters-popup {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    background-color: #ffffff;
    border-left: solid 1px #000000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 14px;
    opacity: 0;
    transform: translateX(100%);
    transition: 
        opacity .5s ease-in-out,
        transform .5s ease-in-out;
    transition-delay: 0.3ms;
}
.atwm-parts-filters-popup-bg.active .atwm-parts-filters-popup {
    opacity: 1;
    transform: translateX(0);
}
@keyframes modalSlideIn {
    from {
        transform: translatey(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.atwm-parts-filters-header {
    border-bottom: solid 1px #D9D9D9;
    padding: 15px 20px;
}
.atwm-parts-filters-header h2 {
    font-size: 18px;
    font-weight: 600;
    font-family: "Albert Sans", sans-serif;
    margin-bottom: 0;
}
.atwm-parts-filters-header .atwm-close {
    cursor: pointer;
    width: 32px;
    height: 28px;
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 3;
}
.atwm-parts-filters-header .atwm-close::after, 
.atwm-parts-filters-header .atwm-close::before {
    display: block;
    content: "";
    width: 20px;
    height: 2px;
    background: #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all .25s ease;
}
.atwm-parts-filters-header .atwm-close::before {
    transform: translate( -50%, -50%) rotate(-45deg);
}
.atwm-parts-filters-header .atwm-close::after {
    transform: translate( -50%, -50%) rotate(45deg);
}



.atwm-parts-filters-footer {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    gap: 20px;
    background-color: #ffffff;
    border-top: solid 1px #D9D9D9;
}
.atwm-parts-filters-footer > * {
    width: 50%;
}
.atwm-parts-filters-done {
    color: #ffffff;
    background-color: #221F20;
}
.atwm-parts-filter-container {
    padding-bottom: 20px;
}
.atwm-parts-filter-container p {
    margin-bottom: 0;
}


.atwm-parts-filters-acordions {
    flex: 1;
    overflow-y: auto;
}
.atwm-parts-filters-acordion {
    padding: 0 20px;
    border-bottom: solid 1px #D9D9D9;
}
.atwm-parts-filters-acordions > div:last-child {
    border: none;
}
.atwm-parts-filters-acordion h3 {
    font-size: 14px;
    font-family: "Albert Sans", sans-serif;
    padding: 15px 0;
}



/*****************************
 * PARTS SEARCH RESULTS
 *****************************/
.atwm-search-parts-results .hidden {
    display: none;
}
.atwm-search-parts-results .atwm-part-item {
    margin-bottom: 30px;
}
.atwm-search-parts-results .atwm-part-item a {
    text-decoration: none;
    color: #000000;
}
.atwm-search-parts-results .atwm-part-image {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    border: solid 1px #000000;
}
.atwm-search-parts-results .atwm-part-image::before {
    content: "";
    display: block;
    position: relative;
    padding-bottom: 100%;
    height: 0;
}
.atwm-search-parts-results .atwm-part-image img {
    display: block;
    position: absolute;
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

.atwm-search-parts-results .atwm-part-info h3 {
    font-size: 20px;
    font-weight: 600;
}
.atwm-search-parts-results .atwm-part-info .atwm-part-no {
    font-size: 14px;
    text-align: right;
}
.atwm-search-parts-results .atwm-part-more-info p {
    font-size: 14px;
    margin: 0;
}
.atwm-search-parts-results .atwm-part-more-info p span {
    display: block;
}


/************************
 * PART
 ************************/
.atwm-part {
    padding-top: 20px;
    padding-bottom: 30px;
}
.atwm-part h1 {
	font-size: 2.25rem;
	margin-top: 0.3rem;
	margin-bottom: 1.5rem;
}
.atwm-part .atwm-part-no {
	font-size: 1.25rem;
	font-weight: 500;
}
.atwm-part-box h2 {
	margin-top: 2rem;
}
.atwm-part-gallery-description {
    border-bottom: solid 1px #D9D9D9;
    margin-bottom: 40px;
}
.atwm-part-gallery-slider {
    position: relative;
    overflow: hidden;
}
.atwm-part-gallery-slider::before {
    content: "";
    position: relative;
    display: block;
    padding-bottom: 100%;
    height: 0;  
}
.atwm-part-gallery-slider-wrapper > div {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: -1;
}
.atwm-part-gallery-slider-wrapper > div.selected {
    opacity: 1;
    z-index: 1;
}
.atwm-part-gallery-slider a {
    position: relative;
    display: flex;
    max-width: 100%;
    justify-content: center;
}
.atwm-part-gallery-slider a img {
    display: block;
    position: relative;
    height: auto;
    width: auto;
    max-width: 80%;
}
.atwm-part-gallery-thumbs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.atwm-part-gallery-thumbs > div {
    position: relative;
    flex: 0 1 14%;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
}
.atwm-part-gallery-thumbs > div a {
    position: relative;
    display: block;
    border: solid 1px #dadada;
}
.atwm-part-gallery-thumbs > div a::before {
    content: "";
    position: relative;
    display: block;
    padding-bottom: 100%;
    height: 0;
}
.atwm-part-gallery-thumbs > div a img {
    position: absolute;
    display: block;
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
}
.atwm-part-gallery-thumbs > div.atwm-part-thumb-360 a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--brand-color-yellow-green);
}

.atwm-360-popup-bg {
    transition: background-color 0.3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    background-color: rgba(0, 0, 0, 0);
    display: none;
}
.atwm-360-popup-bg.active {
    background-color: rgba(0, 0, 0, 0.5);
}
.atwm-360-popup-bg .atwm-360-popup {
    transition: top 0.3s ease-in-out, bottom 0.4s ease-in-out;
    visibility: hidden;
    position: absolute;
    top: 0;
    z-index: 10;
    overflow: hidden;
    width: 70%;
    max-height: 90vh;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    transform: translate(-50%, -50%);
    padding: 2rem;
    border-radius: 14px;
}
.atwm-360-popup-bg.active .atwm-360-popup.open {
    visibility: visible;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
}

.atwm-360-popup::before {
    content: "";
    display: block;
    position: relative;
    padding-bottom: 70%;
    height: 0;
}
.atwm-360-popup-bg .atwm-close {
	display: block;
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 20px;
	width: 28px;
	height: 28px;
	cursor: pointer;
}
.atwm-360-popup-bg .atwm-close svg line {
    stroke: var(--brand-color-yellow-green);
    stroke-width: 2;
}
.atwm-360-thumbs {
    display: flex;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 12;
}
.atwm-360-thumbs > div a {
    position: relative;
    display: block;
    border: solid 1px #000000;
    margin-right: 5px;
    width: 50px;
}
.atwm-360-thumbs > div.selected a {
    border:solid 1px var(--brand-color-yellow-green);
}
.atwm-360-thumbs > div a::before {
    content: "";
    display: block;
    position: relative;
    padding-bottom: 100%;
    height: 0;
}
.atwm-360-thumbs > div img {
    display: block;
    position: absolute;
    max-width: none;
    height: auto;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    background-color: #fff;
}
.atwm-360-thumbs > div.atwm-part-thumb-360 a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--brand-color-yellow-green);
}


.atwm-360-image {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 11;
}
.atwm-360-image img {
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: cover;
    background-color: #fff;
    max-height: 70vh;
}
.atwm-360-popup iframe {
    display: block;
    position: absolute;
    max-width: none;
    height: 90%;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 100%;
    background-color: #fff;
}

.atwm-part-gallery-description .atwm-branded-brakes-icon img {
	max-width: 50px;
}
.atwm-key-characteristics ul {
	border: 1px solid #3D3D3F;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	position: relative;
}
.atwm-key-characteristics ul::before {
	background-color: #3D3D3F;
	content: "";
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	width: 1px;
}
.atwm-key-characteristics ul li {
	align-items: flex-start;
	border-bottom: 1px solid #3D3D3F;
	display: flex;
	line-height: 20px;
	margin: 0;
	padding: 15px 42px;
	position: relative;
	width: 50%;
	padding: 15px 20px;
}
.atwm-key-characteristics ul li::before {
	background-image: url(../svg/checkmark.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	content: "";
	flex-shrink: 0;
	height: 15px;
	margin-right: 8px;
	margin-top: 4px;
	width: 20px;
}
.atwm-key-characteristics ul li:last-child, 
.atwm-key-characteristics ul li:nth-last-child(2) {
 	border-bottom: 0;
}

.atwm-part-section {
    padding-top: 30px;
    padding-bottom: 30px;
}
.atwm-part h2 {
    font-size: 28px;
    margin-bottom: 30px;
}
.atwm-part-specifications ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: solid 1px #3D3D3F;
    border-radius: 10px;
    max-width: 50%;;
    overflow: hidden;
}
.atwm-part-specifications ul li {
    display: flex;
    font-size: 1rem;
}
.atwm-part-specifications ul li span:first-child {
    background-color: #221F20;
    color: #ffffff;
    border-top: solid 1px #8C8F91;
    width: 45%;
}
.atwm-part-specifications ul li span {
    width: 55%;
    border-top: solid 1px #3D3D3F;
    padding: 10px 20px;
}
.atwm-part-specifications ul li:first-child span {
    border-top: none;
}

.atwm-part-fitcheck {
    
}


.atwm-part-accordions {
    border-top: solid 1px #BAB8B8;
}
.atwm-part-accordions .atwm-part-accordion-item {
    border-bottom: solid 1px #BAB8B8;
    padding-top: 30px;
    padding-bottom: 25px;
}
.atwm-part-documents-container h3.atwm-part-documents-title {
    font-size: 20px;
    position: relative;
    cursor: pointer;
}
.atwm-part-documents-container h3.atwm-part-documents-title::before, 
.atwm-part-documents-container h3.atwm-part-documents-title::after {
    content: "";
    width: 25px;
    height: 1px;
    display: block;
    position: absolute;
    top: 12px;
    right: 2px;
    transition: transform 0.3s;
    background-color: #000000;
}
.atwm-part-documents-container h3.atwm-part-documents-title::after {
    transform: rotate(90deg);
    width: 25px;
}

.atwm-part-accordions .atwm-part-accordion-item.open h3.atwm-part-documents-title::after {
    transform: rotate(0);
}

.atwm-part-documents-body {
    height: 0;
    overflow-y: hidden;
    transition: height 0.3s;
}
.atwm-part-accordions .atwm-part-accordion-item.open .atwm-part-documents-body {
    height: var(--openHeight);
}

.atwm-part-documents-body ul {
    list-style: none;
    margin: 0;
    padding: 15px 0;
}
.atwm-part-documents-body ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.atwm-part-documents-body a {
    color: #000000;
}
.atwm-part-documents-body a:hover {
    text-decoration: none;
}
.atwm-part-buyers-guide .atwm-table-continer {
    overflow: hidden;
    border-radius: 10px;
    border: solid 1px #3D3D3F;
}
.atwm-part-buyers-guide .atwm-table-continer table {
    font-size: 1rem;
    width: 100%;
}
.atwm-part-buyers-guide .atwm-table-continer table thead tr {
    background-color: #221F20 !important;
}
.atwm-part-buyers-guide table thead tr td {
    background: none !important;
    color: #fff;
    padding: 0.5rem 1rem;
}
.atwm-part-buyers-guide table tbody tr td {
    padding: 0.7rem 1rem;
    border-top: solid 1px #3D3D3F;
}



/************************
 * MAIN
 ************************/
.atwm-home-hero .atwm-video {
    height: 80vh;
}
.atwm-home-hero .atwm-video video {
    height: 100%;
    object-fit: cover;
}
.atwm-home-hero .vc_custom_heading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate( -50%, -50% );
    font-size: 60px;
    text-transform: uppercase;
    width: 100%;
	z-index: 2;
}

.atwm-home-3dviewer-container .vc_column-inner {
    padding-top: 0 !important;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.atwm-home-3dviewer-container .wpb_content_element {
    margin-bottom: 0 !important;
}

.atwm-find-brake-pads-cta {
    padding-top: 4rem;
    padding-bottom: 3rem;
    color: #ffffff;
}

.atwm-home-video-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.atwm-home-video-section .atwm-video {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 2rem;
}


/************************
 * CATEGORY
 ************************/
.atwm-category-hero {
    height: calc( 100vh - 80px );
    display: flex;
    justify-content: start;
    align-items: center;
}
.atwm-category-hero h1.vc_custom_heading {
    font-size: 60px;
    text-transform: uppercase;
}

.atwm-green-text-boxes {
    padding-top: 4rem;
    padding-bottom: 3rem;
    color: #ffffff;
    background: rgb(67,82,37);
    background: linear-gradient(150deg, rgba(67,82,37,1) 0%, rgba(50,67,22,1) 100%);
}
.atwm-green-text-boxes .wpb_text_column > .wpb_wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}




/************************
 * TOOLTIPS
 ************************/
.atwm-tooltips-row {
    padding-top: 30px;
    padding-bottom: 80px;
}
.atwm-tooltips-row .atwm-mobile {
	display: none;
}
.atwm-tooltips-row .wpb_text_column {
    color: #ffffff;
}
.atwm-tooltips-row .cqtooltip-wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0;
}
.atwm-tooltips-row.ball-joint .cqtooltip-wrapper {
    max-width: 600px;
}
.atwm-tooltips-row.brake-pads .cqtooltip-wrapper {
    max-width: 550px;
}

.atwm-info-boxes-white-bg-row {

}

.atwm-info-boxes-green-bg-row {
    padding-top: 6.5rem;
    padding-bottom: 5rem;
    color: #ffffff;
}
.atwm-info-boxes-green-bg-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
    margin-bottom: 60px;
}

.atwm-info-boxes-green-bg-row .atwm-boxes-row {
    margin-left: -30px !important;
    margin-right: -30px !important;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.atwm-info-boxes-green-bg-row .atwm-boxes-row .vc_column_container > .vc_column-inner {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.atwm-info-boxes-green-bg-row .atwm-boxes-row h3 {
    font-size: 20px;
}


.atwm-info-boxes-dark-bg-row {
    padding-top: 3rem;
    padding-bottom: 3rem;
    color: #ffffff;
}
.atwm-info-boxes-dark-bg-row > .wpb_column {
	z-index: 2;
}
.atwm-info-boxes-dark-bg-row h2.vc_do_custom_heading {
	margin-bottom: 3rem;
}
.atwm-info-boxes-dark-bg-row
.atwm-info-boxes-dark-bg-row .atwm-box {
    z-index: 2;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.atwm-info-boxes-dark-bg-row .atwm-box > .vc_column-inner {
    padding-left: 30px;
    padding-right: 30px;
}
.atwm-info-boxes-dark-bg-row .atwm-box > .vc_column-inner > .wpb_wrapper {
    padding: 20px;
    background-color: var(--brand-color-dark-gray);
}
.atwm-info-boxes-dark-bg-row .atwm-box > .vc_column-inner > .wpb_wrapper .wpb_text_column {
	margin-bottom: 0;
}


/************************
 * BRAKES
 ************************/
.atwm-brakes-what-is-in-the-box-top-row {
    padding-top: 5rem;
}
.atwm-brakes-what-is-in-the-box-row {
    padding-top: 4rem;
    padding-bottom: 6rem;
}
.atwm-brakes-what-is-in-the-box-row .vc_row .vc_column-inner > .wpb_wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}
.atwm-brakes-what-is-in-the-box-row .vc_row .wpb_single_image {
    width: 30%;
}
.atwm-brakes-what-is-in-the-box-row .vc_row h4 {
    width: 70%;
    font-size: 1rem;
    margin-bottom: 2.5rem;
}


.atwm-product-box-cta {
    background-color: #ffffff;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
}
.atwm-product-box-cta .vc_column-inner {
    padding: 0 !important;
}
.atwm-product-box-cta .wpb_column:first-child .wpb_single_image {
    overflow: hidden;
    position: relative;
}
.atwm-product-box-cta .wpb_column:first-child .wpb_single_image img {
    transition: all 1s;
}
.atwm-product-box-cta .vc_column-inner .wpb_wrapper > div:last-child {
    margin-bottom: 0 !important;
}
.atwm-product-box-cta .wpb_column:last-child {
    border-bottom: solid 13px #000000;
    position: unset;
}
.atwm-product-box-cta .wpb_column:last-child .vc_column-inner {
    padding: 30px !important;
}
.atwm-product-box-cta h3 {
    font-weight: 400;
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #221F20;
    border-bottom: 1px solid #221F20;
    line-height: 43.5px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.atwm-border_bottom_cd001a {
    border-color: #cd001a !important;
}
.atwm-border_bottom_546223 {
    border-color: #546223 !important;
}
.atwm-border_bottom_63666a {
    border-color: #63666a !important;
}
.atwm-border_bottom_fe5000 {
    border-color: #FE5000 !important;
}
.atwm-border_bottom_004C97 {
    border-color: #004C97 !important;
}


.atwm-product-box-cta .vc_btn3-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    z-index: 1;
}
.atwm-product-box-cta .vc_btn3-style-custom {
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block !important;
    color: transparent !important;
    background: none !important;
}
.atwm-product-box-cta .vc_btn3-style-custom:after {
    content: "";
    opacity: 1;
    background-image: url( https://ttx.atwater.dev/wp-content/uploads/2024/10/Group-3.svg) !important;
    background-position-x: 0%;
    background-position-y: 0%;
    margin-left: 0;
    width: 40px;
    height: 40px;
    bottom: 27px;
    right: 20px;
    position: absolute;
    overflow: hidden;
    transition: all 0.3s ease-in;
    background-position: right;
}
.atwm-product-box-cta:hover .vc_btn3-style-custom:after {
    width: 106px;
}
.atwm-product-box-cta:hover .wpb_column:first-child .wpb_single_image img {
    transform: scale( 1.4 );
}

/************************
 * ABOUT US
 ************************/
.atwm-about-us-dark-row {
    padding-top: 5rem;
    padding-bottom: 6rem;
}
.atwm-about-us-dark-row h1 {
    font-size: 40px;
}
.atwm-about-us-dark-row > .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
}




/************************
 * CONTACT US
 ************************/

.atwm-contact-white-row {
    padding-top: 5rem;
    padding-bottom: 4rem;
}
.atwm-contact-white-row h2 {
    font-family: "Albert Sans", sans-serif;
    padding: 14px 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
}
.atwm-contact-white-row a {
    color: var(--brand-color-yellow-green);
    font-weight: 600;
    text-decoration: none;
}
.atwm-contact-white-row a:hover {
    text-decoration: underline;
}
.atwm-contact-green-row {
    padding-top: 5rem;
    padding-bottom: 4rem;
}
.atwm-contact-green-row a {
    text-decoration: none;
}
.atwm-contact-green-row a:hover {
    text-decoration: underline;
}
.atwm-contact-green-row .h3 {
    font-size: 22px;
}

/************************
 * NEWSLETTER SIGNUP
 ************************/
.atwm-newsletter-signup {
    padding-top: 5rem;
    padding-bottom: 4rem;
}
.atwm-newsletter-signup .gform_required_legend {
	display: none;
}
/*
.atwm-newsletter-signup form {
    display: flex;
    gap: 30px;
}
.atwm-newsletter-signup .gform_body {
    flex: 1;
}
.atwm-newsletter-signup .gform_footer {
    margin: 0 !important;
    padding: 0 !important;
}
*/

/************************
 * SEARCH
 ************************/
.atwm-search-container {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.atwm-search-container h1 {
    font-size: 1.5rem;
    margin-bottom: 3rem;
}
.atwm-search-container article {
    margin-bottom: 60px;
}
.atwm-search-container a {
    color: #000000;
    text-decoration: none;
}
.atwm-search-container a:hover {
    text-decoration: underline;
}


/************************
 * POSTS NAVIGATION
 ************************/
.atwm-posts-navigation {
    padding-bottom: 3rem;
    font-weight: 600;
}
.atwm-posts-navigation ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 20px;
}
.atwm-posts-navigation ul a {
    color: #737373;
    text-decoration: none;
}
.atwm-posts-navigation ul span {
    color: #000000;
}
.atwm-posts-navigation ul li .prev,
.atwm-posts-navigation ul li .next {
    display: block;
    width: 13px;
    height: 20px;
    background-image: url(../svg/navigation-search-left.svg);
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.atwm-posts-navigation ul li .next {
    background-image: url(../svg/navigation-search-right.svg);
}

.atwm-search-sidebar {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.atwm-search-sidebar form {
    display: flex;
    position: relative;
}
.atwm-search-sidebar input {
    padding: .7em;
    height: 40px !important;
    margin: 0;
    font-size: 14px;
    line-height: normal !important;
    border: 1px solid #ddd;
    color: #666;
}
.atwm-search-sidebar button {
    background: none;
    border: none;
    padding:.7em;
    height: 40px !important;
    margin: 0;
    font-size: 14px;
    line-height: normal !important;
    border: 1px solid #ddd;
    color: #666;
    background-color: #ddd;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/************************
 * FOOTER
 ************************/
.atwm-footer {
    background-color: var( --brand-color-dark-gray );
    padding: 60px 0;
    color: rgba( 255,255,255,0.5 );
}
.atwm-footer a {
    color: #ffffff;
    text-decoration: none;
}
.atwm-footer-content-row {
    margin-left: -50px !important;
    margin-right: -50px !important;
}
.atwm-footer-content-row > .wpb_column > .vc_column-inner {
    padding-left: 50px;
    padding-right: 50px;
}

.atwm-footer .vc_separator {
    margin-bottom: 20px;
}
.atwm-footer .vc_separator.vc_sep_color_grey .vc_sep_line {
    border-color: #D9D9D9 !important;
}

.atwm-footer-logo {
    max-width: 188px;
}
.atwm-footer-logo img {
    max-width: 80% !important;
}

.atwm-footer-menu h3 {
    font-weight: 700;
    font-family: "Albert Sans", sans-serif;
    font-size: 15px;
	color: rgba( 255,255,255,0.5 );
}
.atwm-footer .atwm-footer-menu ul {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}
.atwm-footer .atwm-footer-menu ul li {
    margin-top: 12px;
    margin-bottom: 12px;
}
.atwm-footer .atwm-footer-menu ul a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.atwm-footer-copyright {
    color: rgba( 255,255,255,0.5 );
    font-weight: 700;
    letter-spacing: 10%;
}
.atwm-footer-copyright a {
    color: rgba( 255,255,255,0.5 );
}
.atwm-footer-copyright a:hover {
    text-decoration: underline;
}
.atwm-footer-copyright a.separator-left {
	margin-left: 10px;
}
.atwm-footer-copyright a.separator-right {
	margin-right: 10px;
}
.atwm-footer-copyright a.separator-left,
.atwm-footer-copyright a.separator-right {
	position: relative;
}
.atwm-footer-copyright a.separator-left:before {
	content: "";
	position: absolute;
	top: 2px;
	left: -16px;
	width: 2px;
	height: 14px;
	background-color: rgba( 255,255,255,0.5 );
}
.atwm-footer-copyright a.separator-right:before {
	content: "";
	position: absolute;
	top: 2px;
	right: -15px;
	width: 2px;
	height: 14px;
	background-color: rgba( 255,255,255,0.5 );
}
.atwm-footer-copyright ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.atwm-footer-copyright ul li {
    margin-right: 20px;
}

.atwm-shortcode-social-icons {
    display: flex;
    justify-content: end;
}
.atwm-shortcode-social-icons > * {
    margin-left: 15px;
}
.atwm-shortcode-social-icons a p {
    display: none;
}
.atwm-shortcode-social-icons .atwm-social-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.atwm-shortcode-social-icons .atwm-linkedin {
    background-image: url(../svg/linkedin.svg);
}
.atwm-shortcode-social-icons .atwm-facebook {
    background-image: url(../svg/facebook.svg);
}
.atwm-shortcode-social-icons .atwm-x_twitter {
    background-image: url(../svg/x_twitter.svg);
    width: 22px;
    height: 22px;
}
.atwm-shortcode-social-icons .atwm-instagram {
    background-image: url(../svg/instagram.svg);
}
.atwm-shortcode-social-icons .atwm-youtube {
    background-image: url(../svg/youtube.svg);
}