﻿@charset "UTF-8";
/* CSS Document */
.pCMS_SiteMenuPanelItem {
padding-right: 20px;
padding-left:20px;
background-color: black;
}
.pCMS_PanelControlItemContainer {
width:200px;
}
.pCMS_PanelDisplayContainer {
background-color: black;
}
.pCMS_SectionTitle, .pCMS_SectionTitle a {
color: white;
font-weight: bold;
font-size: 12px;
}
.HeaderSearchContainer {
width:100%;
padding:0;
background-color:#ffffff;
position: absolute;
visibility: hidden;
height: 0px;
opacity: 1;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
z-index: 5;
top:55px;
}
.HeaderSearchContainer.is-visible {
opacity:1;
visibility: visible;
height:auto;
padding:25px 0;
}
.SearchWrapper {
width: 1200px;
margin: 0 auto;
padding:0 0 0 0;
position: relative;
}
.desktop.small .SearchWrapper,
.tablet .SearchWrapper,
.phone .SearchWrapper{
width: 95%;
}

.tablet.portrait .HeaderSearchContainer.is-visible{
padding:15px 0 30px 0;
}

.phone .HeaderSearchContainer {
top:50px;
}

.SearchWrapper .Button {
position: absolute;
padding: 15px;
border: none;
font-size: 18px;
font-weight: 700;
border: 2px solid #73b52d;
width: 80px;
height:54px;
min-width: inherit;
}
.SearchContainer {
position: relative;
width: 140px;
height: 56px;
overflow: hidden;
white-space: nowrap;
/* hide text */
color: transparent;
z-index: 3;
cursor: pointer;
}

.tablet.portrait .SearchContainer {
height: 46px;
}
.phone .SearchContainer {
height: 46px;
width: 46px;
}

.SearchContainer::before, .SearchContainer::after {
/* search icon */
content: '';
position: absolute;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.SearchContainer::before {
/* lens */
top: 20px;
left: 18px;
width: 18px;
height: 18px;
border-radius: 50%;
border: 3px solid #89cb31;
}
.SearchContainer::after {
/* handle */
height: 3px;
width: 8px;
background: #89cb31;
bottom: 16px;
left: 31px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

/* Extra small devices (phones, 768px and down) */
@media only screen and (max-width: 768px) {
.SearchContainer::before {
top: 16px;
left: 20px;
}
.SearchContainer::after {
bottom: 12px;
left: 32px;
}

}

/* Portrait iPad Pro*/
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
     .SearchContainer::after {
bottom: 7px;
} 
.SearchContainer span::before, 
.SearchContainer span::after {
top:55%;
}

}


.SearchContainer span {
/* container for the X icon */
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.SearchContainer span::before, .SearchContainer span::after {
/* close icon */
content: '';
position: absolute;
display: inline-block;
height: 3px;
width: 22px;
top: 50%;
margin-top: 0;
left: 30px;
margin-left: -11px;
background: #89cb31;
opacity: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.SearchContainer span::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.SearchContainer span::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.SearchContainer.search-is-visible::before, .SearchContainer.search-is-visible::after {
/* hide search icon */
opacity: 0;
}
.SearchContainer.search-is-visible span::before, .SearchContainer.search-is-visible span::after {
/* show close icon */
opacity: 1;
}
.SearchContainer.search-is-visible span::before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.SearchContainer.search-is-visible span::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/***
***/





input.SearchInput[type="text"],
.tablet input.SearchInput[type="text"],
.phone input.SearchInput[type="text"]{
padding: 18px;
font-size:16px;
height: 54px;
}

.tablet.portrait input.SearchInput[type="text"]{
height: 52px;
}

.Button.Is_Default.SearchButton {
padding: 16px 0;
border: none;
background-color: #98DA40;
border: 2px solid #71b319;
font-weight: 600;
color: #2d2926;
line-height: 100%;
height:inherit;
}

.Button.Is_Default.SearchButton:hover,
.desktop .Button.Is_Default.SearchButton:hover{
background-color: #e8e8e8;
border: 2px solid #d1d1d1;
}

.SearchWrapper input[type="text"] {
border: 1px solid #cccccc;
border-radius: 0;
-webkit-appearance: none;
}

.SearchWrapper input[type="submit"]{
border-radius: 0;
-webkit-appearance: none;
}


.phone .SearchWrapper .SearchInput{
width: 82%!important;
}

.phone .SearchWrapper .Button{
width: 60px;
}

.tablet.portrait .SearchWrapper .Button{
height: 52px;
font-size: 15px;
width: auto;
min-width: 60px;
}

.SearchWrapper input:focus {outline:none;}


.ss360-suggests article header span a {
font-weight: 800;
margin: 0 0 10px;
text-decoration: none;
font-size:18px;
color:#2d2926;
margin-bottom:10px;
}
.ss360-layer-content div a img {
display: none;
}
.ss360-suggests {
margin-bottom: 25px;
margin-top: 5px;
padding: 0 0 20px;
border-bottom: 1px solid #d0d3d4;
}
button.ss360-more-results {
color: #2d2926;
border-radius: 0;
padding: 20px;
border: 2px solid #89cb31;
}
.ss360-highlight {
font-weight: 800;
font-size: inherit;
color: #89cb31;
}
#ss360-search-result-heading {
margin-bottom: 0;
}
#unibox-suggest-box {
padding:10px;
border:none;
}
#unibox-suggest-box div a img {
display:none;
}
#ss360-layer .content-group-heading {
background-color: #85817E !important;
padding: 10px !important;
color: white;
font-size: 18px;
margin-bottom: 0;
margin-top: 0;
letter-spacing: 0.3px;
}
.ss360-layer-content > section > ul {
margin: 10px 0 !important;
}

.ss360-top-nav ul.SearchWrapper{
margin-bottom: 2em;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}

.ss360-top-nav ul li {
display: inline-block;
padding: 0;
}
.ss360-nav-entry {
display: inline-block;
padding: 0 !important;
color: #333;
border: none !important;
cursor: pointer;
margin: 10px 10px 10px 0 !important;
height:auto;
}
.ss360-nav-entry:hover,
.ss360-suggests article header span a:hover {
color:#89cb31;   
}
nav.ss360-top-nav button {
padding-right: 25px !important;
}

nav.ss360-top-nav button::before{
content: '\f105';
    font-family: FontAwesome;
    margin: 0 8px 0 0;
}

.ss360-suggests a, .ss360-suggests a:link, .ss360-suggests a:visited {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 95%;
}
a.ss360-result-link{
font-size: 12px!important;
margin-bottom:10px;
}

#unibox-suggest-box-special .unibox-suggest-heading, 
#unibox-suggest-box .unibox-suggest-heading{
font-size: 14px!important;
text-transform: uppercase;
}


#unibox-suggest-box a, 
#unibox-suggest-box-special a
{
font-weight: 400!important;
color:#504b47 !important;
}

.unibox-selectable a::before {
    content: '\f105';
    font-family: FontAwesome;
    margin: 0 8px 0 0;
}
.unibox-selectable .unibox-highlight, 
.unibox-selectable span span{
font-weight: 800!important;

}

 .phone #unibox-suggest-box, 
 .phone #unibox-suggest-box-special{
 border: none;
 }

.normal-suggest-box > .unibox-suggest-cluster:not(:first-child)  
{ 
margin-top:25px;
}