/*---------------------- responsive css for template -------------------------*/

/* ---------------------------------- fonts --------------------------------- */

@font-face {
  font-family: 'Proxima-Nova';
  src:   url('../con/Proxima-Nova.otf')  format('opentype');
  font-weight: normal;
  font-style: normal;}

@font-face {
  font-family: 'Proxima-Nova-Extrabold';
  src: url('../con/Proxima-Nova-Extrabold.otf')  format('opentype');
  font-weight: bold;
  font-style: normal;}

b {
    font-family: "Proxima-Nova-Extrabold";}

/*---------------------------------- global ----------------------------------*/

.container {
  background: #ffffff !important;}

.highlight {
    color: red;}

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

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

/*------- auto resize images -------*/

img {
    max-width: 100%;
    height: auto !important;}

.multi_preview img {
    height: 40px !important;
    min-width: auto !important;
    width: auto;}

/*------- mobile header bar -------*/

#red_header_bar {
  padding-bottom: 2%;
  background-color: #58595b;
  border-bottom: 1px solid #4A4A4A;}

/*-------------------------------- catalogue ---------------------------------*/

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

.responsive_tabs .opened:before {
  content: "\f107" !important;
  margin: 10px 0 0 -4px !important;}

.responsive_tabs .closed:before {
  content: "\f105" !important;
  margin: 10px 0 0 -2px !important;}

/*------- mobile cart item circle -------*/

.item_count {
  border-color: black;}

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

/*-------------------------------- catalogue ---------------------------------*/

.image-container {
    margin-bottom: 8px;}

/*-------------------------------- configure ---------------------------------*/

/*------- side-by-side buttons showing/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;}

/*--------------------------------- accept -----------------------------------*/

.accept-showlogoutbutton {
    text-align: center;}