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

  1. FONTS
  2. GLOBAL
  3. INDEX
  4. CATALOG
  5. IMPRINT


/*************************************************************************************
************************************ 1. FONTS ****************************************
*************************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro&display=swap');
@import url('https://fonts.googleapis.com/css?family=Krub&display=swap');

/**************************************************************************************
************************************ 2. GLOBAL ****************************************
**************************************************************************************/

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

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

#header_logo {
    min-height: 130px !important;
}


blockquote {
    border: 0px !important;
}

[type='submit'], [type='button'] {
    border-radius: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button:focus {
    border-radius: 3px;
}
/***********************************************************************************
********************************** 4. 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;
}

.select-items .pageinstructions, .error {
    text-align: center;
    background: #f1f1f1;
    width: 50%;
    margin: 10px auto;
    padding: 10px;
}

.catalog #upper_buttons {
    display: none;
}

.select-items .pageinstructions {
    -webkit-animation: cssAnimation 8s forwards; 
    animation: cssAnimation 8s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}


.select-items .item-search-block {
    margin: 0 auto;
    float: right;
    width: 23%;
}

.select-items #searchfield_input {
    width: 50%;
    position: absolute;
    left: 24%;
    right: auto;
    padding: 1%;
    margin: 0px !important;
}

.select-items #submit_catalog_search {
    background: 0 0;
    border: none;
    font-size: 25px;
    color: #000;
    padding: 5px 0px;
    margin: 0px !important;
}

.responsive_tabs {
    background-color: #fff !important;
}

.responsive_tabs .opened, .responsive_tabs .closed {
    background-color: #fff !important;
}

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



/*Overriding default mobile image styles*/

.image-container img {

    max-width: 100%!important;
    max-height: 400px!important;
}

.select-items .stretchy_cols {

  max-height: 600px!important; 
}

/*Overriding default header styles*/
#header_logo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}