/*This code can be edited by the site builder to influence the site for mobile devices*/


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

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

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

/* Mobile Header Bar */
/*
#red_header_bar{
  padding-bottom: 2%;
  background-color: #B51F5A;
  border-bottom: 1px solid #4A4A4A;
}
*/

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


@import url('https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister|Titan+One&display=swap');

/*
font-family: 'Titan One', cursive;
font-family: 'Love Ya Like A Sister', cursive;
*/

.catalog form {
    overflow: visible !important; 
}


/* SITE HEADER */



#header-wrapper {
   border-bottom: solid 1px #000 !important;
}


#header_title {
    display: block !important;
    text-align: center !important;
    vertical-align: middle;
    padding: 10px;
}
.site_header_left, .site_header_right {
    display: none;
}


.main {
    background-color: transparent !important;
    margin-top: 0px;
}


/* Index Page */


.welcome {
    background-color: transparent !important;
    margin-top: 40px;
}



.index-container {
    margin: 0px !important;
    padding: 0px !important; 
    font-size: 14px;
}

.welcome #maincopy-wrapper {
    min-height: 500px;
    margin-bottom: 0px !important;
}

#newscopy-wrapper {
    margin: 0px !important;
}

#newscopy-wrapper img {
    width: 100%;
}

.index_main_photo {
    position: absolute;
    z-index: 1;
    display: block;
    width: 900px;
}

.index_main_photo img {
    max-width: 100%;
}

.main_message {
    display: block;
    position: absolute;
    padding: 30px 60px;
    z-index: 2;
    width: 780px;
    height: 346px;
}

.main_message_header {
    font-family: 'Titan One', cursive;
    font-size: 300%;
    color: #e68c94;
    margin-bottom:10px;
}

.main_message_text {
    font-size: 85%;
    width: 50%;
}

.main_message_text p {
    padding: 0px;
    margin: 0px;
}

.main_message_text .oink {
margin-top: 10px;
    max-width: 60px;
}

.index_neon_sign {
    padding-top: 46%;
    z-index: 3;
    position: relative;
}

.index_bc_banner {
    max-width: 200%;
    width: 100%;
    margin-top: -20px;
    z-index: 2;
    position: relative;
}

.index_order_button {
    position: absolute;
    right: 25px;
    bottom: 25px;
    font-family: Titan One;
    font-size: 20px;
    background: #e68c94;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #e37b82;
    z-index: 3;
}

.index_order_button:hover {
    background: #f07580;
    border: 1px solid #cc424b;
    color: #000;
}

/* CATALOG */

.stretchy_cols .height-adjuster {
    margin-top: 0px !important;
}

.catalog-tab-blurb {
    margin-top: 0px !important;
}

.catalog-tab-blurb .text-p {
    background: #e68c94;
    padding: 10px !important;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    width: 90%;
    margin: 0 auto;
}

.catalog-tab-blurb img {
    width: 90%;
    margin-top: 20px;
}


.responsive_tabs-shell {
    width: 100% !important;
    padding: 0px !important;
}


.responsive_tabs {
    background: #fff !important;
}


.responsive-tagcheck .qtyspec_label {
    display: none !important;
}

.responsive-choose-info, .responsive-pricing {
    font-family: sans-serif !important;
}

.select-items .image-container img {
    max-width: 100%;
}

.catalog-tab-blurb a {
    color: #fff;
}

.imprint-splitview .left-side > .form-body {
    background: #fef2f6 !important;
    border: #ed7590 1px solid !important;
    border-radius: 10px !important;
}

.imprint-splitview .right-side .proof-title {
    margin-top: -32px !important;
}

.imprint-splitview .right-side #pasteboard {
    background: transparent;
    border: 0px !important;
    padding: 0px !important;
}

.imprint-splitview .right-side #pasteboard #page {
    top: 2px !important;
}


.responsive-choose-info {
overflow: initial !important;
}


.responsive-choose-info img {
    max-width: 100%;
}



.things-to-check-img, .things-to-check-img-45, .things-to-check-img-55 {
    float: left;
}

.things-to-check-img {
    width: 50%;
}

.things-to-check-img-45 {
    width: 45%;
}

.things-to-check-img-55 {
    width: 55%;
}

.things-to-check-img img, .things-to-check-img-45 img, .things-to-check-img-55 img {
    max-width: 100%;
}

.things-to-check {
    font-size: 20px;
    padding-left: 10px;
}



#estimate-item-container {
   background: #fef2f6 !important;
    border: #ed7590 1px solid !important;
    border-radius: 10px !important;

}



.quotes_paper_options {
    width: 100%;
    font-size: 22px;
    margin-top: 15px;
}


.quotes_paper_options_column {
  width: 33%;
  float: left;
}