/* MAP PIN COLOR */
.sePage .sePageLayout .mapboxgl-map .marker .seIcon { color: #333333; }


/*                        CATALOG PAGE MODIFICATIONS                          */
/******************************************************************************/

/*                     Set catalog page width for desktop                     */
@media (min-width:1200px) {
  .sePageContent.se404Page,
  .sePageContent.seAccountPage,
  .sePageContent.seCalendarPage,
  .sePageContent.seCatalogHomePage,
  .sePageContent.seErrorPage,
  .sePageContent.seEventPage,
  .sePageContent.seFormPage,
  .sePageContent.sePageContentImageGallery,
  .sePageContent.sePageContentLocations,
  .sePageContent.sePageSectionAdvanced,
  .sePageContent.sePOSSpecial,
  .sePageContent.seProductContainer,
  .sePageContent.seProductListContainer,
  .sePageContent.seShoppingCartContainer,
  .sePageContent.seSiteMapPage,
  .sePageContent.seStorePage,
  .sePageContent.seWishListEmailPage,
  .sePageContent.seWishListPage {
    width:85vw
  }
}

/*         Remove the review starts from catalog page item listings           */
.seReviewData { visibility: hidden }

/*             Remove year facet panel from catalog filtering                 */
.seyearFacetPanel { visibility: hidden }

/*      Remove left border separating search results from filter options      */
.seSearchResultsContainer { 
  border-left-width: 0px;
}

/*             Remove border line from header                                 */
.seSearchResultsContainer .seItemListHeadingContainer { 
  border-bottom-width: 0px;
}

/*                Text decoration for catalog item listings                   */
a:hover {
  /*transition-duration: 2s;*/
  /*transition-property: text-shadow;*/
  text-decoration:none;
  /*text-shadow: 1px 1px 30px #fadd33;*/

}


.sePage .sePageLayout .sePageMain a:not(.btn):hover,
.sePage .sePageLayout .sePageMain a:not(.btn):focus,
.sePage .sePageLayout .sePageMain a:not(.btn):active {
  text-decoration:none
}

.sePage .sePageLayout h1 a:hover,
.sePage .sePageLayout a h1:hover,
.sePage .sePageLayout h2 a:hover,
.sePage .sePageLayout a h2:hover,
.sePage .sePageLayout h3 a:hover,
.sePage .sePageLayout a h3:hover,
.sePage .sePageLayout h4 a:hover,
.sePage .sePageLayout a h4:hover,
.sePage .sePageLayout h5 a:hover,
.sePage .sePageLayout a h5:hover,
.sePage .sePageLayout h6 a:hover,
.sePage .sePageLayout a h6:hover {
  color:#111111
}

.sePage .sePageLayout .sePageMain h1 a:not(.btn):hover,
.sePage .sePageLayout .sePageHeader h1 a:not(.btn):hover,
.sePage .sePageLayout .seFooterList h1 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain h2 a:not(.btn):hover,
.sePage .sePageLayout .sePageHeader h2 a:not(.btn):hover,
.sePage .sePageLayout .seFooterList h2 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain h3 a:not(.btn):hover,
.sePage .sePageLayout .sePageHeader h3 a:not(.btn):hover,
.sePage .sePageLayout .seFooterList h3 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain h4 a:not(.btn):hover,
.sePage .sePageLayout .sePageHeader h4 a:not(.btn):hover,
.sePage .sePageLayout .seFooterList h4 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain h5 a:not(.btn):hover,
.sePage .sePageLayout .sePageHeader h5 a:not(.btn):hover,
.sePage .sePageLayout .seFooterList h5 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain h6 a:not(.btn):hover,
.sePage .sePageLayout .sePageHeader h6 a:not(.btn):hover,
.sePage .sePageLayout .seFooterList h6 a:not(.btn):hover {
  color:#111111
}

.sePage .sePageLayout h1 a:hover,
.sePage .sePageLayout h2 a:hover,
.sePage .sePageLayout h3 a:hover,
.sePage .sePageLayout h4 a:hover,
.sePage .sePageLayout h5 a:hover,
.sePage .sePageLayout h6 a:hover {
  color:#111111
}
.sePage .sePageLayout .sePageMain h1 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain h2 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain h3 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain h4 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain h5 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain h6 a:not(.btn):hover {
  color:#111111
}

.sePage .sePageLayout .megamenu .link-list li a.title:after {
  background:#fadd33
}


@media only screen and (min-width:992px) {
  
.dropdown-menu {
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  display:none;
  float:left;
  min-width:160px;
  padding:5px 0;
  margin:2px 0 0;
  list-style:none;
  font-size:16px;
  text-align:left;
  background-color:#EFEFEF;
  border:0 solid;
  border-radius:0;
  -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
  box-shadow:0 6px 12px rgba(0,0,0,.175);
  background-clip:padding-box
}

.sePage .sePageLayout .megamenu .link-list li a.title {
  font-size:20px
}

.seSiteNavigator .navbar-nav>li>a:after {
  content:"";
  height:3px;
  width:0px;
  display:block;
  background-color:transparent;
  position:absolute;
  border:none;
  bottom:20%;
  left:50%;
  -webkit-transition:all .0s ease-in-out 0s;
  transition:all .0s ease-in-out 0s;
}
.seSiteNavigator .navbar-nav>li>a>li>a:focus {
  color:inherit
}
.seSiteNavigator .navbar-nav>li.open>a,
.seSiteNavigator .navbar-nav>li>a:active,
.seSiteNavigator .navbar-nav>li>a:hover {
  color:#bbb;
  background-color:transparent;
}
.seSiteNavigator .navbar-nav>li.open>a:after,
.seSiteNavigator .navbar-nav>li>a:active:after,
.seSiteNavigator .navbar-nav>li>a:hover:after {
  width:100%;
  border-bottom:3px;
  left:0%;
  position:absolute;
  color:#fadd33;
}
}

/* Make megamenu subcategory yellow underlining longer */
@media only screen and (min-width: 992px) {
.seSiteNavigator .navbar-nav a.title::after {
  width: 150px;
  height: 2px;
  content: "";
  display: block;
  background-color: #b30000;
  margin-bottom: 5px;
}
}

.seCatalogWidget .seCleanTitle .seItemName {
  line-height: 1.55em;
}

a:visited {
  text-decoration: none;
}


/*             Create custom breadcrumb navigation                 */

.breadcrumb>li {
  display: inline-block;
  border: 0px solid #d1d5db;
  background-color: #eee;
  text-decoration: none;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0;
  transform: skewX(-30deg);
  position: relative;
  transition: background-color 0.2s ease;
  margin-left: -2px;
}

.breadcrumb>.active {
  background-color: #fadd33;
}

.breadcrumb>li+li:before {
  content: "";
}

.breadcrumb>li>a {
  display: inline-block;
  text-decoration: none;
  transform: skewX(30deg);
}

.breadcrumb>li>a:hover,
.breadcrumb>li>a:active,
.breadcrumb>li>a:focus {
  display: inline-block;
  text-decoration: none;
  color: #000;
}

.breadcrumb>li>span {
  display: inline-block;
  text-decoration: none;
  transform: skewX(30deg);
  color: #000;
}

.breadcrumb>li:hover {
  background-color: #fadd33;
  font-style: bold;
  color: #000;
}

.sePage .sePageLayout a.btn.btn-primary {
  color: #333;
  background-color: #fadd33;
  border-color: #fadd33;
  border-width: .2em;
  transition: all .25s ease-in-out;
}

.sePage .sePageLayout a.btn.btn-primary:hover,
.sePage .sePageLayout a.btn.btn-primary:focus {
  background-color: #fff;
  border-color: #fadd33;
}

/* make the selection boxes on the product page grey */
select.form-control,
input.form-control {
  border: 0px !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  background-color: #eee !important;
}

/* give the selection boxes on the product page color when hovered 
select.form-control:hover,
input.form-control:hover,
select.form-control:active,
input.form-control:active,
select.form-control:focus,
input.form-control:focus {
  background-color: #fadd33 !important;
  transition: all .2s ease-in-out;
} */

/* remove top border from table header and make background grey */
table.seWishlistTable thead {
  border: none !important;
  background-color: #eee !important;
}

/* Make every other row colored grey */
table.seWishlistTable tr:nth-child(even) {
  background-color: #eee;
}

/* invert the colors on the selection boxes to be white against the grey background */
table.seWishlistTable tr:nth-child(even) select.form-control,
table.seWishlistTable tr:nth-child(even) input.form-control {
  background-color: #fff !important;
}

/* make img background transparent against grey row background */
table.seWishlistTable img {
  mix-blend-mode: darken;
}

/* make table borders dissappear */
table.seWishlistTable,
table.seWishlistTable td,
table.seWishlistTable th,
table.seWishlistTable thead {
  border: none !important;
}

/* prevent image from "greying out" when hovered */
.seSearchProductsContainer .seProduct .seProductAnchor:active img,
.seSearchProductsContainer .seProduct .seProductAnchor:focus img,
.seSearchProductsContainer .seProduct .seProductAnchor:hover img {
  opacity: 1 !important;
}

/* remove zoom logo for producgt image from product page */
div.zoomPadIcon {
  background-image: none !important;
  content: " ";
}

.megamenu-close .icon-bar {
  display: none;
}

/* starting color of search bar */
div.input-group button,
div.input-group input {
  background-color: #eee !important;
  transition: all .2s ease-in-out;
} 

/* hover and active color of search bar 
div.input-group:hover button,
div.input-group:focus button,
div.input-group:active button,
div.input-group:hover input,
div.input-group:focus input,
div.input-group:active input {
  background-color: #fadd33 !important;
} */

/* Change font of brand name on catalog */
.seSearchProductsContainer .seProduct .seProductTitle .seBrandName {
  font-size:16px;
  font-weight:600
}

/* Catalog display, text align left */
.seSearchProductsContainer .seProduct .seProductTitle {
  line-height:20px;
  margin:0 0 8px;
  padding-left: 2vw;
  text-align:left
}

/* Left align the price on the catalog item */
.seSearchProductsContainer .seProduct .seProductPrice {
  color:#333;
  margin-bottom:8px;
  padding-left: 2vw;
  text-align:left;
  text-decoration:none
}

/* Move percent off marker to bottom right of catalog item */
.seSearchProductsContainer .seProduct .seProductPrice .seSavingPercent {
  font-size:16px;
  padding:3px 11px;
  margin-left: 0vw;
  position:relative;
  left: 0;
  top: unset;
  bottom:1.5em;
  color: #fadd33;
}


/* Left align description on the catalog widget item */
.seCatalogWidget .seSearchProductsContainer .seProduct .seProductTitle {
  line-height:20px;
  padding-left: unset;
  text-align: center
}

/* Left align the price on the catalog widget item */
.seCatalogWidget .seSearchProductsContainer .seProduct .seProductPrice {
  color:#333;
  margin-bottom:8px;
  padding-left: unset;
  text-align:center;
  text-decoration:none
}

/* Add space around catalog listings */
.seSearchProductsContainer div.seProduct {
  margin-bottom: 50px
}

/* Add border around catalog listings */
.seSearchProductsContainer .seProduct .seProductAnchor .seImgFrame {
  background-color: #f5f5f5;
  padding-top:20px;
  padding-bottom:20px;
  border-top: 20px
}

/* Add border around catalog listings */
.seSearchProductsContainer .seProduct .seProductTitle {
  padding-top: 15px;
  border-style: solid;
  border-top-width: 0px !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  border-bottom-width: 0px !important;
  border-color: #f5f5f5;
  border-bottom-width: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px
  border-top-width: 0px;
}

/* Add border around catalog listings */
.seSearchProductsContainer .seProduct .seProductPrice {
  padding-bottom: 30px;
  margin-bottom: 20px;
  border-style: solid;
  border-top-width: 0px !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  border-bottom-width: 2px !important;
  border-color: #f5f5f5;
  border-top-width: 0px;
}

div.seProduct div.seImgFrame {
  border-style: solid !important;
  border-top-width: 2px !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  border-bottom-width: 0px !important;
  border-color: #f5f5f5 !important;
}

div.seProduct:hover div.seImgFrame,
div.seProduct:focus div.seImgFrame {
  border-style: solid !important;
  border-top-width: 2px !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  border-bottom-width: 0px !important;
  border-color: #fadd33 !important;
}

div.seProduct:hover .seProductTitle,
div.seProduct:focus .seProductTitle {
  border-style: solid !important;
  border-top-width: 0px !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  border-bottom-width: 0px !important;
  border-color: #fadd33 !important;
}

div.seProduct:hover .seProductPrice,
div.seProduct:focus .seProductPrice {
  border-style: solid !important;
  border-top-width: 0px !important;
  border-left-width: 2px !important;
  border-right-width: 2px !important;
  border-bottom-width: 2px !important;
  border-color: #fadd33 !important;
}

/* make images blend, to remove white background */
.seSearchProductsContainer .seProduct .seProductAnchor .seImgFrame img{
  mix-blend-mode: darken
}

/* Remove redundant banner on search results page */
.seItemListHeadingContainer {
  visibility: hidden;
  display: none;
}

/* Remove "Filter By" from the search panel */
.seSearchFacets > h2 {
  display: none;
}


/* Set background color and padding of store hours */
.sePageHeaderWrapper .seStoreHoursList span{
  margin: 0;
  padding-top: 0;
  padding-left: 15px;
  display: inline-block;
  background-color: unset;
  visibility: visible !important;
  color: #ddd;
}

/* Move store hours to bottom bar of header */
.sePageHeaderWrapper .seStoreHoursList p{
  font-size: 14px !important;
  padding-top: 0;
  margin-left: 5px;
  display: inline-block;
  background-color: unset;
  visibility: visible !important;
}

/* Store hours mods */
.sePageHeaderWrapper .seStoreHoursList {
  top:0;
  padding-top: 0px !important;
  left: 0px;
  visibility: visible !important;
  display: block !important;
}


/* Store hours mods */
.sePage .sePageLayout .sePageHeader .seHeaderBottom .seStoreHours .seStoreHoursList p {
  color: #333;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 16px;
}

/* Hide "Store Hours" */
.seStoreHoursToggle {
  display: none !important;
}

.seHeaderBottom {
  padding-bottom: 15px !important;
}


/* -------------------------------------------------------- */
/*                 In Development


/* Make product image selection carousel vertical 
.seitemimagecarousel-container {
  float: left;
  width: 15% !important;
  top: 0;
}

/* Make product image selection carousel vertical 
.seitemimagecarousel-container > *{
  display: block;
  width: 100%
}

*/