body,html {
    scroll-behavior:smooth;
}
img.product_image {
max-width: 100%;
}
.masonry_item img {
    max-width:100%;
}
section#search_feedback_form_wrap {
    margin: 2em;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 2em;
}
#search_feedback_form_wrap textarea {
    max-width: 30em;
    margin-bottom: 2em;
    width: 30em;
    height: 8em;
    padding: 1em;
    color: #555;
    display:block;
}

p.disclaimer {
    font-size:75%;
    font-style:italic;
}

button.search_feedback {
    border: none;
    padding: 1em 2em;
    text-transform: uppercase;
    margin-right: 1.3em;
    border-radius: 0.2em;
    background: rgb(240, 179, 16);
    color: white;
}
button.search_feedback:hover {
    opacity:0.8;
}
aside {
    display:block;
}
aside.inactive {
    display:none;
}

h1 a {
    color:#666;
}
h1 a:hover {
    text-decoration:none;
}
.search_results_list {
    margin:0;
    list-style:none;
    padding:0;
}
.search_results_list li {
    padding:1em 0;
}
.search_results_list li a {
    color: #012f60;
    text-decoration: none;
    border-bottom: 2px solid #f0b310;
    transition: all 0.3s ease;
}
.search_results_list li a:hover {
    border-bottom: 2px solid rgba(1,47,96,1);
}
#model_search_results, #video_search_results  {
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    /* align-content: center; */
    justify-content: space-between;
    justify-items: center;
}
#model_search_results li, #video_search_results li {
    width:45%;
}

#video_search_results p, #course_search_results p, #pdf_search_results p, #demo_search_results p, #model_search_results p {
    margin:0.5em 0;
    padding-left:2em;
    opacity:0.8;
    font-size:80%;
}
ul.tabs {
    list-style:none;
    margin:2em 0;
    padding:0;
    display:flex;
    border-bottom:1px solid #aaa;
}
.tabs li.active {
    border-bottom:1px solid white;
    background:rgba(255,255,255,1);
}
.tabs li {
    border-radius:0.3em 0.3em 0 0;
    border:1px solid #aaa;
    border-bottom:1px solid #aaa;
    position:relative;
    top:1px;
    margin-left:2em;
    background:rgba(0,0,0,0.05);
    background: linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(238,238,238,1) 24%, rgba(238,238,238,1) 100%);
}
.tabs li a {
    text-decoration:none;
    padding:1em 2em;
    display:inline-block;
    color:black;
    opacity:0.7;
}
.tabs li.active a {
    opacity:1;
}
.tab_contents {
    display:none;
}
.tab_contents.active {
    display:block;
}
.explore_row {
    display:flex;
    justify-content: space-around;
}
.explore_row > * {
    display:block;
    width:20%;
    height:0;
    padding-bottom:20%;
}
#explore_row_2 {
    margin-top:4em;
}
.explore_icon {
    padding-bottom:80%;
    border:1px solid #aaa;
    background-color:#eee;
}
.explore_item {
    transition:opacity 1s ease;
}
.explore_item:hover {
    cursor:pointer;
}
.explore_item.unavailable {
    opacity:0.2;
}
.explore_item.unavailable:hover {
    cursor:not-allowed;
}
.explore_row h4 {
    text-align:center;
}
.explore_row a, .video_link {
    color: #012f60;
    text-decoration: none;
    border-bottom: 2px solid #f0b310;
    transition: all 0.3s ease;
}
.explore_row a:hover, .video_link:hover {
    border-bottom:2px solid black;
}
.masonry_item {
    /* width:33%; */
    /* width: calc((100% - 85px)/3); */
    width: calc((100% - 119px)/3);
    margin-bottom:40px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 1rem !important;
    transition:all 0.3s ease;
    display:inline-block;
    margin-right:2rem;
}
.masonry_item:hover {
    box-shadow:0 0 20px rgba(0,0,0,0.1);
    transform:scale(1.05);
}
.masonry_item h5 {
    margin-top:0em;
}
.masonry_item a {
    text-decoration:none;
    color:black;
}
.itemcount_wrap {
    font-size:75%;
    opacity:0.6;
}

.video_thumb {
    float:left; 
    padding-right:1em; 
    padding-bottom:2em;
}

#specs .explore_icon.loading {
    background-image: url("../modules/mod_wpsmartsearchresults/assets/load.gif");
    background-size:20% 20%;
    background-repeat: no-repeat;
    background-position: center;
}

#learning_items_response_wrap {
    display:none;
}
#learning_items_response_title {
    margin-top:3em;
}
#learning_items_response ul {
    list-style:none;
}
#learning_items_response ul li {
    clear:both;
}

#care_guide .explore_icon {
    background-image: url("../modules/mod_wpsmartsearchresults/assets/usecare.png");
    background-size:contain;
}

#installation_instructions .explore_icon {
    background-image: url("../modules/mod_wpsmartsearchresults/assets/instructions.png");
    background-size:contain;
}

#videos .explore_icon {
    background-image: url("../modules/mod_wpsmartsearchresults/assets/videos.png");
    background-size:contain;
}

#specs .explore_icon {
    background-image: url("../modules/mod_wpsmartsearchresults/assets/specs.png");
    background-size:contain;
}

#isrg.explore_icon  {
    background-image: url("../modules/mod_wpsmartsearchresults/assets/interactive.png");
    background-size:contain;
}

#product_briefs.explore_icon  {
    background-image: url("../modules/mod_wpsmartsearchresults/assets/brief.png");
    background-size:contain;
}

#product_courses.explore_icon  {
    background-image: url("../modules/mod_wpsmartsearchresults/assets/courses.png");
    background-size:contain;
}

    #resources.explore_icon  {
    background-image: url("../modules/mod_wpsmartsearchresults/assets/resources.png");
    background-size:contain;
}


.explore_icon:hover {
    background: rgb(240, 179, 16, 1);
    transition: all 0.3s ease;
}

    .explore_icon.unavailable :hover {
    background: none!important;
    transition: all 0.3s ease;
}


.explore_row a {
color: black!important;
text-decoration: none!important;
border-bottom: none!important;
transition: all 0.3s ease;
}

.explore_row a:hover {
color: black!important;
text-decoration: none!important;
border-bottom: none!important;
transition: all 0.3s ease;
}


.pdp-specs {
font-size:75%;
}
.pdp-specs .g-row {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}
.pdp-specs .g-col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
}
.pdp-specs p.pdp-spec-title {
    font-weight: bold;
}
img.spec-img-warning {
max-width: 2em;
}
.pdp-specs-ref-features {
border-bottom: .0625rem solid #b3b3b3;
margin-top: 1.25rem;
margin-bottom: .625rem;
padding-bottom: .3125rem;
}
p.pdp-spec-text {
padding-right: 2em;
}
.pdp-specs-features-title {
font-weight:bold;
font-size:150%;
}

.color_selector {
display:inline-block;
margin-left:0.5em;
margin-right:0.5em;
width:2em;
height:2em;
border:3px solid #aaa;
}
.color_selector.active {
border:3px solid rgb(240, 179, 16);
}
span.colors_label {
display: block;
text-align: center;
margin: 2em;
font-weight: bold;
}

.color_selection_wrap {
text-align: center;
}
.color_selector {
background-color:#eee;
}
.color_selector:hover {
cursor:pointer;
}
.color_selector.S,.color_selector.SS {
background:linear-gradient(135deg, rgba(149,149,149,1) 0%,rgba(204,204,204,1) 48%,rgba(109,109,109,1) 100%);
}
.color_selector.C {
background-color:#666;
}
.color_selector.Z, .color_selector.brand_M.M {
background:linear-gradient(135deg, rgba(149,149,149,1) 0%,rgba(204,204,204,1) 48%,rgba(109,109,109,1) 100%);
}
.color_selector.W, .color_selector.brand_M.H {
background-color:#fff;
}
.color_selector.V {
background-color:#333;
}
.color_selector.B, .color_selector.brand_M.E, .color_selector.brand_K.BL {
background-color:#111;
}
.color_selector.BS {
background:linear-gradient(135deg, rgba(17,3,3,1) 0%,rgba(91,91,91,1) 50%,rgba(33,33,33,1) 100%); 
}
.color_selector.brand_W.N {
/* sunset bronze */
background-color:#C6B3A5;
}
.color_selector.brand_W.E {
/* black ice */
background-color:#333;
}
.color_selector.brand_W.H {
/* white ice */
background-color:#fff;
}
.color_selector.brand_W.T {
/* biscuit */
background-color:#f1ebd3;
}

.slick-next, .slick-prev {
filter: drop-shadow(0px 0px 6px black);
}
div#product_slideshow_wrap {
margin-bottom: 5em;
}
a.model_specific_search_link {
text-decoration: none;
background: rgb(240, 179, 16);
color: white;
padding: 1em 3em;
text-transform: uppercase;
margin-top: 2em;
display: inline-block;
margin-bottom: 3em;
transition:all 0.3s ease;
}
a.model_specific_search_link:hover {
opacity:0.7;
}
.product_info_right {
padding-left:2em;
}
p.consider {
font-size:150%;
}
#search_feedback_thanks {
display:none;
}

#installation_instructions_OLD, #care_guide_OLD, #specs_OLD {
display:none; /* these are now shown in 'documents' section next to image */
}
#learning_items_response_wrap img.thumbnail {
max-height: 12rem;
text-align: center;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
display: block;
}