/****************************************************************************************
********************************* TABLE OF CONTENTS ************************************/
/****************************************************************************************

  CUSTOM COLOR THEME 
  CUSTOM FONTS
  GLOBAL 
  LOGIN
  PROFILE
  DIVISIONS
  SHIPTRACK
  CATALOG
  IMPRINT
  SHIP MAIL EDELIVER

*****************************************************************************************
****************************************************************************************/

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

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

/* site background header color */
--header-bkgd-color: #ffffff;
--header-link-bkgd-color: #E5E5E5;


/* static site text link color */
--links-txt-color: #000000;
--links-txt-color-hover: #00587e;

/* tab blurb text color */
--tab-blurb-text-color: #000000;
}


/****************************************************************************************
*********************************** 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;
}


/*--------- HEADER -----------*/

#header-wrapper {
    background-image: url(../con/kerry_group_banner1.jpg);
    background-size: cover;
    background-position: center;
}

#header_logo img {
    padding-top: 20px;
    padding-bottom: 20px;
    max-height: 25vw;
}

#header_title {
    display: block !important;
}


/*------------ LINKS -----------*/
a {
    color: var(--links-txt-color);
}

a:hover,
a:focus,
a:link,
a:visited {
    color: var(--links-txt-color-hover);
}


#deep_link_container {
  display: flex;
  flex-flow: row wrap;
  /*flex-wrap: wrap;*/
  justify-content: center;
  max-width: 100%;
  margin: 0;
}
  
/*** Padding Used to keep space between tabs when they wrap ***/
/*** Margin maintains even space around icons as they respond to screen size ***/
/*** Added a box for square tab boxes ***/
.deep_links_holder, .deep_links_holder2, .deep_links_holder3, .deep_links_holder4, .deep_links_holder5, .deep_links_holder6{
  margin: 7px 7px 7px 7px;
  width: 44%;
  height: auto;
}

.deep_links_holder:hover, .deep_links_holder2:hover, .deep_links_holder3:hover, .deep_links_holder4:hover, .deep_links_holder5:hover, .deep_links_holder6:hover {
    transition: all 0.5s ease;
    background: #ccc;
}
 /*** Added bottom bar colors for square tab boxes ***/
.deep_links_holder{
    border-bottom: 14px solid var(--index-color);
}

/*Keeps Main copy container center*/
#newscopy-wrapper{
      justify-content: center;
      margin: 0 auto;
}


/*-- INDEX IMAGE --*/
.ind_img{
  max-width: 100%;
}

/*-- ICON TEXT --*/
.icon_txt{
  text-align: center;
  font-size: 18px;
  font-family: var(--custom-font);
  height: 40px;
  color: #464646;
  width: 100%;
}

.ind_txt{
  font-family: var(--custom-font);
  font-size: 24px;
  font-weight: 600;
  color: var(--tab-blurb-text-color);
  padding: 10px 0 0 0;
  text-align: center;
  margin: 0 auto !important;
}

.ind_para {
  font-family: var(--custom-font);
  color: var(--tab-blurb-text-color);
  margin: 0 !important;
}



/****************************************************************************************
**************************************** LOGIN ******************************************
****************************************************************************************/




/****************************************************************************************
************************************** PROFILE ******************************************
****************************************************************************************/




/****************************************************************************************
************************************** DIVISIONS ****************************************
****************************************************************************************/

/* INCREASED LINE HEIGHT FROM 1 TO 2 BETWEEN DIVISIONS */
.corp_divisions li {
    line-height: 2 !important;
}


/****************************************************************************************
************************************** SHIPTRACK ****************************************
****************************************************************************************/




/****************************************************************************************
***************************************** 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;
}



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


/* 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%;
}