/****************************************************************************************
*********************************      Level 4      *************************************
********************************* TABLE OF CONTENTS ************************************/
/****************************************************************************************

  CUSTOM COLOR THEME 
  CUSTOM FONTS
  GLOBAL 
  CATALOG
  IMPRINT


  - If you are making changes here, changes may need to be made in 
  the Site Header > Additional CSS Content.

***This code can be edited by a site builder to influence the site for mobile devices.***
***If you are making changes here, you may want to make changes to the additional CSS****
***Content field in the Site Header of the menu.*****************************************
****************************************************************************************/

/****************************************************************************************
*********************************** CUSTOM COLOR THEME **********************************
****************************************************************************************/

:root {
  /* static site icon link color */
  --links-fa-color: #000000;
  --links-fa-color-hover: #666666;

  /* Header colors */
  --header-bkgd-color: #009ad8;

  /* Footer colors */
  --footer-text-color: #000000;
  --footer-text-color-hover: #FF0000;
  --footer-bkgd-color: #B5B2B2;
}

/****************************************************************************************
*********************************** CUSTOM FONT(S) **************************************
****************************************************************************************/

/* 
IMPORTED URL FONTS SHOULD BE ADDED TO THE SITE HEADER > SITE META DATA > OTHER METADATA
*/

:root {
  --custom-font: 'Open Sans', sans-serif;
}

/****************************************************************************************
**************************************** GLOBAL *****************************************
****************************************************************************************/

/*** profile and basket icon color ***/
.fa-shopping-basket, .fa-user {
    color: var(--links-fa-color);
}
.fa-shopping-basket:hover, .fa-user:hover {
    color: var(--links-fa-color-hover);
}



/*** Catalog Preview - fit mobile ***/
#lightbox-container-image-box {
    width: 90% !important;
    margin: 0 auto !important;
    height: auto !important;
}
#lightbox-container-image-box img {
    width: 100% !important;
}
#lightbox-container-image-data-box{
    width: 90% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}


/* links */
a {
    color: #2199E8;
}

a:hover,
a:focus,
a:link,
a:visited {
    color: #1585CF;
}

#header-wrapper {
  background-color: var(--header-bkgd-color);
}

#header_logo img {
    padding-top: 20px;
}



/*--- FOOTER ---*/
.footer-logo {
    position: relative;
    top: 65px;
    margin: 0 28%;
}
.img_footer {
  width: 100%;
}

/*--- HERO FLYER TEXT AND BLOCK ---*/
.hero-flyer-block {
    display: none !important;
}


/*** FOOTER ***/
.footnote {
    width: 100% !important;
}

.cat_footer {
    position: relative;
    width: 100%;
    background-color: var(--header-bkgd-color);
    color: var(--footer-text-color);
    display: flex;
    flex-flow: row;
}

.footer_column_1 > a > img{
   display: none;
}

.footer_column_1, .footer_column_2 {
  width: 100%;
  padding: 20px 10px;
  font-size: 12px;
  text-align: left !important;
  display: inline-block;
}

.footer_column_2 a {
  color: #fff !important;
}

.footer_column_2 {
    padding-left: 15px;
}
.footer_column_2 a{
    line-height: 1.8;
    word-spacing: 10px;
    color: var(--footer-text-color);

}
.footer_column_2 a:hover{
  color: var(--footer-text-color-hover);
}


/****************************************************************************************
***************************************** CATALOG ***************************************
****************************************************************************************/

/* Buttons */
.select-items #navTabs,
.select-items #navTabs:focus,
.select-items #navTabs:active,
.select-items #navTabs:hover,
#header-wrapper a#mobile_cart,
#header-wrapper a#mobile_cart:focus,
#header-wrapper a#mobile_cart:active,
#header-wrapper a#mobile_cart:hover,
#header-wrapper ul#mobile_xtra_links,
#header-wrapper ul#mobile_xtra_links:focus,
#header-wrapper ul#mobile_xtra_links:active,
#header-wrapper ul#mobile_xtra_links:hover,
#tab_responsive_tabs i#mobile_tab_closer,
#tab_responsive_tabs i#mobile_tab_closer:focus,
#tab_responsive_tabs i#mobile_tab_closer:active,
#tab_responsive_tabs i#mobile_tab_closer:hover,
#item_details_view span#mobile_link_closer,
#item_details_view span#mobile_link_closer:focus,
#item_details_view span#mobile_link_closer:active,
#item_details_view span#mobile_link_closer:hover,
.responsive_tabs-shell #submit_catalog_search,
.responsive_tabs-shell #submit_catalog_search:focus,
.responsive_tabs-shell #submit_catalog_search:active,
.responsive_tabs-shell #submit_catalog_search:hover,
.detail_closer {
    color: black;
}

/* mobile cart item circle */
.item_count {
    border-color: black;
}

#deep_link_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 100%;
  margin: 0 auto;
  padding-top: 20px;
}
 
.deep_links_holder {
    margin: 0 auto;
    width: 96%;
    height: 200px;
    border: 1px solid var(--footer-text-color);
}


.deep_links_holder:hover {
  transition: all 0.5s ease;
  background: #ccc;
}
 
.deep_links_holder {
  border-bottom: 14px solid var(--header-bkgd-color);
}

.deep_links a {
    text-decoration: none;
}
 
.ind_img {
  padding: 46px 0px 10px 71px;
}
 
.icon_txt {
    text-align: center;
    font-size: 40px;
    font-family: var(--custom-font);
    color: var(--index-color2);
    width: 100%;
    padding-top: 75px;
}



/****************************************************************************************
***************************************** IMPRINT ***************************************
****************************************************************************************/

.select-items #searchfield_input,#submit_catalog_search {
    margin-top: 22px;
}

/* Side By Side buttons for showing and hiding form */
#mobile_form_show,
#mobile_form_show:focus,
#mobile_form_show:active,
#mobile_form_show:hover,
#mobile_form_hide:focus,
#mobile_form_hide:active,
#mobile_form_hide:hover,
#mobile_form_hide {
    color: black;
    background: lightgray;
    box-shadow: 2px 3px 4px #666;
}

/*Make X in tab popout not touch the tabs themselves*/
.select-items .responsive_tabs div.off,
.select-items .responsive_tabs div.on {
    max-width: 80%;
}