* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0;padding:0; font-family: 'Roboto', sans-serif;color: #555; } html, input, textarea {outline:none;overflow-y: scroll; -webkit-appearance: none; -moz-appearance: none;appearance: none; } img {display:block; } a {text-decoration: none;color: #666666;margin:0; } a:link {text-decoration: none; } a:hover {text-decoration: none;color: #222222; } body, html {width: 100%;background:#FFF; } header, section, footer, aside, nav, main, article, figure {display:block;width:100%; } .bold {font-weight:bold; } .flexbox_menu {display: -webkit-flex;display: flex;justify-content: left; align-items: center;flex-wrap: wrap; } .flexbox_cart {display: -webkit-flex;display: flex;justify-content: left; align-items: flex-start;flex-wrap: nowrap; } .flexbox {display: -webkit-flex;display: flex;justify-content: center; align-items: top;flex-wrap: wrap; } .hide_desktop {display:none; } .hide_full_desktop {display:none; } .bg_blue {background: #9bbad1; } .bg_green {background: #79cbb4; } .bg_red {background: #aaaaa0; } .bg_yellow {background: #dbd6ad; } /* ---------------------------------------------------------------------------------------------------------- */ header {position: relative;width: 100%;background: #FFF;text-align: center; z-index:1000;color:#BBB;transition:all 0.25s;padding:0 0 0 0; } header img {border: none;margin: auto;width: 125px; } .header_image {width: 125px;text-align: center;padding: 25px 0 0 0;margin: auto; } .menu_strip {width: 100%;background: #FFF;font-size: 15px;padding: 10px 30px 30px 30px; } .title {color: blue;font-family: 'Shadows Into Light', cursive;font-size: 30px; line-height: 35px;padding: 20px;text-align: center; } .top_menu {font-size: 15px;margin: 0 0 0 30px;cursor: pointer; } .title span {font-family: 'Shadows Into Light', cursive; } .main_image {overflow: hidden; } .main_image img {width: auto;display: block;margin: 0;width: auto; } .top_panel {width: 100%; } .top_panel_image {width: 50%;max-width: 960px;cursor: pointer; } .top_panel_image img {margin: 0;outline: none;width: 100%; } /* ---- mobile nav ---------------------------------------------------------------------- ------------------- */ #info_panel_1 {display: none; } .info {z-index:20000;cursor:pointer; } .info_panel {width:80%;max-width: 300px;color:#111;margin:0 auto;background: #FFF; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; position:fixed;top:58px;right: 0;padding:20px 15px;text-align:left; border-radius:10px 0 0 10px;z-index:1000;font-size: 23px;line-height: 35px; } .info_panel a {font-size:20px;color:#111;line-height:30px; } .menu {position:absolute;font-size:15px;top:15px;left:20px;cursor:pointer; } .menu i {font-size:20px; } .menu_item_mobile {margin:10px 0;font-size:18px;line-height:20px; } .close_mobile {cursor:pointer;margin:15px 0 0 0;color:#111; } /* --- sidecart --------------------------------------------------------------------------------------------- */ #menu_bars, .sidecart {transition: all .2s; } .menu_bars_for_toggle {transform: rotate(90deg); } .sidecart {width: 0; position: absolute;z-index: 20000;top: 70px;right: 0; overflow-x: hidden;overflow-y: hidden;color: #999; padding:20px 0;border-radius: 10px 0 0 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; } .close_tag {margin: 0 0 0 30px;font-size: 20px;cursor:pointer; } .sidecart_for_toggle {width: 350px; } .sidecart a:hover {color: #fff; } .sidecart_icons {color: #ccc;display: inline-block; } .sidecart_header {width: 325px;font-size: 20px;padding: 0 10px; } .sidecart_divider {width: 310px;height: 2px;background: #FFF;margin: auto; } .sidecart_empty {width: 310px;margin: auto;text-align: center;padding: 50px 0;font-size: 20px; } .sidecart_close_tag {width: 310px;margin:10px auto;color: #555;font-size: 20px;cursor: pointer; } /* --- cart ------------------------------------------------------------------------------------------------- */ .ship_banner {width: 100%;text-align: center;background: black;color: white;font-size: 15px; padding: 10px; } .cart_header {width: 100%;border: none;margin: 10px 0 20px 0;text-align: center;color: blue; font-family: 'Shadows Into Light', cursive;font-size: 30px;color: #000; } .cart_container {width: 100%;max-width: 700px;border: none;border-radius: 20px;padding: 15px; margin: 10px;} .cart_empty {font-family: 'Shadows Into Light', cursive;margin: 25px 0 0 0; font-size: 35px;color: #CCC;text-align: center; } .cart_totals_1, .cart_totals_2, .cart_totals_3, .cart_totals_4 {position: fixed;top: 805px;width: 130px;height: 100px; border-radius: 15px;background: #FFF;font-family: 'Shadows Into Light', cursive; font-size: 30px;text-align: center;color: #000;padding-top: 30px; } .cart_totals_1 {left: 315px; } .cart_totals_2 {left: 460px; } .cart_totals_3 {left: 605px; } .cart_totals_4 {left: 750px; } .cart_totals_1_label, .cart_totals_2_label, .cart_totals_3_label, .cart_totals_4_label {font-family: 'Shadows Into Light', cursive;font-size: 15px;color: #CCC;position: fixed; top: 805px;z-index: 100; } .cart_totals_1_label {left: 330px; } .cart_totals_2_label {left: 475px; } .cart_totals_3_label {left: 620px; } .cart_totals_4_label {left: 765px; } .cart_clear {position: fixed;top: 870px;left: 882px;color: #000;cursor: pointer; } .summary_left {display: inline-block;float: left;margin: 0 0 0 10px; } .summary_right {display: inline-block;float: right;margin: 0 0 10px 0; } .cart_summary {font-size: 25px;padding: 0 5px; } /* --- cart line -------------------------------------------------------------------------------------------- */ .cart_line {width: 100%;background: none;margin: 10px auto;min-height: 160px; vertical-align: top;padding: 0; } .cart_qty_button {position: absolute;top: -10px;left: 0;background: #000;border-radius: 50%; padding: 6px 15px;color: #FFF;font-size: 20px; } .cart_image {width: 125px;border: none; } .cart_image img {width: 100%; } .cart_overlay {position: absolute;top: 35px;left: 48px;width: 50px;z-index: 100; border: none;background: none; padding: 5px;cursor: pointer; } .cart_overlay img {width: 100%; } .cart_desc {background: none;text-align:left;line-height:30px; margin-left: 0;flex-grow: 2;max-width: 425px; padding: 0 10px;font-size: 20px; } .cart_price {width: 100px;font-size: 25px;margin: 0;background: none;text-align: right; outline: none;border: none; } .cart_price i {position: absolute;top: 45px;right: 10px;font-size: 20px;cursor: pointer; } .del_from_cart {position: absolute;bottom: 0;right: 0;cursor: pointer;color: red;font-size: 25px; } .cart_divider {width: 100%;height: 2px;border-radius: 2px;margin-bottom: 25px;background: #CCC; } .button_checkout_cart {width: 80%;padding:10px;background:#333;color:#CCC;font-size:20px; border-radius:10px;text-align:center;margin:30px auto; cursor:pointer;transition: 0.3s; } .button_checkout_cart a {color:#CCC;transition: 0.3s;font-size:20px; } .button_checkout_cart a:hover {color: #fff; } .button_checkout_cart:hover {color: #FFF; } .button_checkout_status {width: 80%;max-width: 300px;padding:10px;background:#333;color:#CCC;font-size:20px; border-radius:10px;text-align:center;margin:20px auto; cursor:pointer;transition: 0.3s; } .button_checkout_status a {color:#CCC;transition: 0.3s;font-size:20px; } .button_checkout_status a:hover {color: #fff; } .button_checkout_status:hover {color: #FFF; } /* --- info ------------------------------------------------------------------------------------------------- */ .info_container {width: 100%;max-width: 500px;border: none;border-radius: 20px;padding: 15px; margin: 10px; } .register_form {width:100%; } .input_label {width:100%;font-size:18px;margin:0;padding:5px 0 0 0; } .register_form input {width:100%;background:#FFF;font-size:20px;padding:5px 10px;outline:none; border:1px solid #999;border-radius:5px; } .register_form select {width:100%;background:#FFF;font-size:20px;padding:5px 10px;outline:none; border:1px solid #999;border-radius:5px; } .register_form option {width:100%;background:#FFF;font-size:15px;padding: 0;outline:none; border:1px solid #999;border-radius:5px;line-height: 15px; } .card_info input {width:100%;background:#FFF;font-size:20px;padding:5px 10px;outline:none; border:1px solid #999;border-radius:5px; } /* ---------------------------------------------------------------------------------------------------------- */ .cart {position:absolute;top:15px;z-index:1001;transition:all 0.3s; right:20px;color:#BBB;font-size:15px; } .cart i {font-size:20px;color:#BBB;cursor:pointer; } .cart a {color:#BBB;transition:all 0.25s; } .cart a:hover {color:#FFF;transition:all 0.25s; } .cart i {color:#BBB;transition:all 0.25s; } .cart i:hover {color:#FFF;transition:all 0.25s; } .spacer_cart {display:inline-block;width:20px; } .home {position:absolute;top:15px;z-index:1001;transition:all 0.3s; left:20px;color:#BBB;font-size:15px; } .home i {font-size:20px;color:#BBB;cursor:pointer; } /* --- add to cart ------------------------------------------------------------------------------------------ */ .add_to_cart {width: 0;transition: all .5s; position: fixed;z-index: 20000;top: 0;right: 0; background-color: white;overflow-x: hidden;overflow-y: hidden;color: #555; padding:20px 0;border-radius: 0 0 0 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; } .add_to_cart_container {width: 500px;margin: 10px auto;background: none;position: relative; vertical-align: top;padding: 20px 15px; } .add_to_cart_for_toggle {width: 50%; } .add_to_cart_image {width: 150px;display: inline-block;margin: 0;padding: 0; } .add_to_cart_image img {width: 100%;display: block;margin: 0 auto;outline: none; } .add_to_cart_overlay {position: absolute;z-index: 100;border-radius: 5px;border: 1px solid #999;background: none; padding-bottom: 5px;top: 40px;;left: 390px;width: 85px;background: #FFF; font-size: 11px; } .add_to_cart_overlay img {width: 70%;margin: auto; } .add_to_cart_desc {width: 100%;color: #555;text-align:left;line-height:20px;margin-left: 5px; padding-left: 5px;margin-top: 0; } .add_to_cart_specs {width: 100%;color: #555;text-align:left;line-height:14px;margin-left: 0; padding-left: 0;font-size: 13px;margin-top: 0;background: none; } .add_to_cart_price {font-size: 40px;margin: 0 0 0 0;color: #555;position: absolute;top: 5px;right: 10px; text-align: right;padding-right: 10px;line-height: 15px;font-weight: bold; } .dec_choice {width: 70px;margin: 3px;background: #EEE;border: 1px solid #555;border-radius: 5px; text-align: center;cursor: pointer;padding: 5px 0;font-size: 16px; } .size_choice {flex: 1;margin: 3px;background: #EEE;border: 1px solid #555;border-radius: 5px; text-align: center;cursor: pointer;padding: 5px 0; } .qty_button {position: absolute;top: -30px;left: -5px;background: #000;border-radius:50%; padding: 6px 0 0 0;color: white;font-size: 20px; width:40px;height:38px;text-align:center; } .button_add_to_cart {display:inline-block;padding:5px 10px;background:#333;color:#CCC;font-size:20px; border-radius:10px;text-align:center;margin:5px; cursor:pointer;transition: 0.3s; } .add_to_cart_close_tag {margin: 0 0 0 30px;font-size: 20px;cursor:pointer; } .cart_close_tag_bottom {width: 100%;margin: 15px 0 0 10px;cursor: pointer;font-size: 30px; } /* ---------------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------------- */ .fr_header {margin: 0 auto 20px auto;width: 90%;text-align: center;font-size: 30px;color: blue; font-family: 'Shadows Into Light', cursive;line-height: 35px;background: none; } .fr_program {padding: 20px 0 0 0;background: none; } .fr_program_box {background :none;width: 100%;max-width: 550px;margin: 20px; } .fr_program_box_inner {width: 100%;margin: 0 auto;background: none;font-size: 25px; } .fr_box_line {font-size: 15px;margin: 15px 0;line-height: 20px;padding: 0 10px; } .fr_box_line a:link {color: blue; } .fr_box_line_story {font-size: 18px;margin: 15px 0;line-height: 25px; } .fr_program_box img {width:100%; } /* ---------------------------------------------------------------------------------------------------------- */ .container_design {flex: none;text-align: center;margin: 10px;border: none;background: white; padding: 15px 15px 5px 15px;border-radius: 10px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);width: 200px; } .container_design img {width: 100%;margin: auto;display: block; } .container_my_design {flex: none;text-align: center;margin: 10px;border: none;background: white; padding: 15px 15px 5px 15px;border-radius: 10px; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);width: 225px; } .container_my_design img {width: 100%;margin: auto;display: block; } /* ---------------------------------------------------------------------------------------------------------- */ .template_container {padding:50px 20px;width: 100%; } /* ---------------------------------------------------------------------------------------------------------- */ .panel_container {padding:40px 10px;width: 100%;background: #FFF; } .panel_header {margin: 0 auto 10px auto;width: 95%;text-align: center;font-size: 25px; font-family: 'Shadows Into Light', cursive;line-height: 25px;color: blue; } .panel_header i {color: #CCC;font-size: 20px; } .panel_header span {color: #BBB;font-size: 20px; } .panel_text {margin: 5px auto;width: 100%;max-width: 1500px;text-align: left;background: none; font-size: 17px;line-height: 22px;padding: 0 10% 25px 10%; } .panel_text span {font-family:'Shadows Into Light', sans-serif;font-size: 20px;line-height: 22px; color: blue; } .panel_text a {color: blue;text-decoration: underline; } .design_index {display: flex;overflow-x: auto;padding:10px 0;justify-content: left; -webkit-overflow-scrolling: touch;align-items:top;background: none;margin: auto; } .quotes_index {display: flex;padding:10px 0;justify-content: center;flex: none;flex-wrap: wrap; align-items:top;background: none;margin: 0 15px; } /* ---------------------------------------------------------------------------------------------------------- */ .size_box_top {position: absolute;top: 5px;left: 5px;background: black;border-radius: 50%; width: 40px;color: white;padding: 10px 2px;z-index: 100; } .item_box_top {font-size: 15px;font-weight: bold;padding-bottom: 5px; } .desc_box {font-size: 15px;font-weight: bold;line-height: 15px;text-align: center; margin-top: 5px;margin-bottom: 5px; } .brand_box {font-size: 12px;font-weight: normal;line-height: 15px;text-align: center; } .size_box {font-size: 15px;font-weight: bold;line-height: 18px;text-align: center;color: #555; } .size_box span {font-size: 12px;font-weight: bold;color: #555; } .price_box {font-size: 24px;font-weight: bold;color: #555; } .price_box span {font-size: 12px;color: #555;font-weight: normal; } .price_box_sale {font-size: 24px;font-weight: bold;color: #555; } .price_box_sale span {font-size: 12px;color: #555;font-weight: normal; } .sorry_box {font-weight: bold;font-family: 'Shadows Into Light', cursive;color: red; font-size: 30px;line-height: 35px;font-style: oblique; } /* ---------------------------------------------------------------------------------------------------------- */ .designs_container {text-align: center;margin: 5px;border: none;background: white;width: 30%; padding: 5px;border-radius: 10px;position: relative;max-width: 225px; cursor: pointer;box-shadow: none;border: 1px solid #CCC; } .designs_container img {display: block;width: 100%;transition: transform .3s;margin: auto; } .dailies_container {flex: none;text-align: center;margin: 15px;border: 1px solid #CCC;background: white; padding: 10px;border-radius: 10px;width: 200px;position: relative; cursor: pointer;box-shadow: none; } .container_desc {width: 100%;color: #555;text-align:center;line-height:20px;margin: 0 auto; } .dailies_container_image {overflow: hidden;position: relative; } .dailies_container img {display: block;width: 100%;transition: transform .3s;margin: auto; } .dailies_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .dailies_container_image_overlay img {z-index: 100;position: absolute;border: none; } .dailies_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .dailies_container h1 {font-size: 20px; } .dailies_container span {font-weight: bold;font-size: 12px;color: red; } .dailies_desc {font-size: 15px;line-height: 18px;margin: 5px 0;font-weight: bold; } .dailies_overlay {position: absolute;z-index: 100;border: none;padding: 5px;bottom: 5px;left: 20px; width: 80px;background: #FFF;border: 1px solid #333;font-size: 11px; } .image_close_up {position: absolute;top: 0;right: -100px;z-index: 2000;width: 100px; background: white;padding: 5px; } /* ---------------------------------------------------------------------------------------------------------- */ .choose_print_button {width: 65px;position: absolute;bottom: 110px; left: 10px;color: white; padding: 12px 5px 10px 5px;border-radius: 50%;background: red;font-size: 11px; } .panel_sub_text {text-align: center;margin: auto;font-size: 20px; } /* --- scrunch overlays ------------------------------------------------------------------------------------- */ .scrunch_tee_container_image_overlay img {z-index: 100;position: absolute; top: 18%;left:27%;border: none;width: 45%; } .scrunch_hoodie_container_image_overlay img {z-index: 100;position: absolute; top: 20%;left:32%;border: none;width: 41%; } .scrunch_crew_container_image_overlay img {z-index: 100;position: absolute; top: 21%;left:31%;border: none;width: 41%; } .unisex_solid_container_image_overlay img {z-index: 100;position: absolute; top: 23%;left:31%;border: none;width: 40%; } .unisex_solid_container_image_overlay_black_bear img {z-index: 100;position: absolute; top: 23%;left:37%;border: none;width: 26%; } .unisex_solid_container_image_overlay_life_saying img {z-index: 100;position: absolute; top: 23%;left:30%;border: none;width: 40%; } /* ----- hoodies index -------------------------------------------------------------------------------------- */ .hoodies_dx_container_image {overflow: hidden; } .hoodies_dx_container img {display: block;width: 100%;transition: transform .3s; } .hoodies_dx_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .hoodies_dx_container_image_overlay img {z-index: 100;position: absolute; top: 26%;left: 37%;border: none;width: 25%; } .hoodies_dx_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ----- hoodies --------------------------------------------------------------------------------------------- */ .hoodies_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .hoodies_container_image {overflow: hidden; } .hoodies_container img {display: block;width: 100%;transition: transform .3s; } .hoodies_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .hoodies_container_image_overlay img {z-index: 100;position: absolute; top: 26%;left: 37%;border: none;width: 25%; } .hoodies_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ------ youth hoodies index ------------------------------------------------ ------------------------------- */ .youth_hoodies_dx_container_image {overflow: hidden; } .youth_hoodies_dx_container img {display: block;width: 100%;transition: transform .3s; } .youth_hoodies_dx_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .youth_hoodies_dx_container_image_overlay img {z-index: 100;position: absolute; top: 33%;left: 37%;border: none;width: 25%; } .youth_hoodies_dx_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ------- youth hoodies ------------------------------------------------------------------------------------ */ .youth_hoodies_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .youth_hoodies_container_image {overflow: hidden; } .youth_hoodies_container img {display: block;width: 100%;transition: transform .3s; } .youth_hoodies_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .youth_hoodies_container_image_overlay img {z-index: 100;position: absolute; top: 33%;left: 37%;border: none;width: 25%; } .youth_hoodies_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---- t-shirts index -------------------------------------------------------------------------------------- */ .tshirts_dx_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .tshirts_dx_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .tshirts_dx_container_image {overflow: hidden; } .tshirts_dx_container img {display: block;width: 100%;transition: transform .3s; } .tshirts_dx_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .tshirts_dx_container_image_overlay img {z-index: 100;position: absolute; top: 40%;left: 52%;border: none;width: 15%; } .tshirts_dx_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---- t-shirts -------------------------------------------------------------------------------------------- */ .tshirts_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .tshirts_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .tshirts_container_image {overflow: hidden; } .tshirts_container img {display: block;width: 100%;transition: transform .3s; } .tshirts_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .tshirts_container_image_overlay img {z-index: 100;position: absolute; top: 25%;left: 52%;border: none;width: 15%; } .tshirts_full_container_image_overlay img {z-index: 100;position: absolute; top: 23%;left: 32%;border: none;width: 37%; } .tshirts_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---- ladies t-shirts index ------------------------------------------------------------------------------- */ .ladies_dx_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .ladies_dx_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .ladies_dx_container_image {overflow: hidden; } .ladies_dx_container img {display: block;width: 100%;transition: transform .3s; } .ladies_dx_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .ladies_dx_container_image_overlay img {z-index: 100;position: absolute; top: 24%;left: 52%;border: none;width: 15%; } .ladies_dx_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---- ladies t-shirts ------------------------------------------------------------------------------------- */ .ladies_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .ladies_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .ladies_container_image {overflow: hidden; } .ladies_container img {display: block;width: 100%;transition: transform .3s; } .ladies_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .ladies_container_image_overlay img {z-index: 100;position: absolute; top: 24%;left: 52%;border: none;width: 15%; } .ladies_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ----- youth t-shirts index ------------------------------------------------------------------------------- */ .youth_tshirts_dx_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .youth_tshirts_dx_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .youth_tshirts_dx_container_image {overflow: hidden; } .youth_tshirts_dx_container img {display: block;width: 100%;transition: transform .3s; } .youth_tshirts_dx_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .youth_tshirts_dx_container_image_overlay img {z-index: 100;position: absolute; top: 28%;left: 38%;border: none;width: 25%; } .youth_tshirts_dx_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ------ youth t-shirts ------------------------------------------------------------------------------------ */ .youth_tshirts_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .youth_tshirts_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .youth_tshirts_container_image {overflow: hidden; } .youth_tshirts_container img {display: block;width: 100%;transition: transform .3s; } .youth_tshirts_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .youth_tshirts_container_image_overlay img {z-index: 100;position: absolute; top: 28%;left: 38%;border: none;width: 25%; } .youth_tshirts_full_container_image_overlay img {z-index: 100;position: absolute; top: 28%;left: 36%;border: none;width: 30%; } .youth_tshirts_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ----- crewnecks index ------------------------------------------------------------------------------------ */ .crew_dx_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .crew_dx_container_image {overflow: hidden; } .crew_dx_container img {display: block;width: 100%;transition: transform .3s; } .crew_dx_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .crew_dx_container_image_overlay img {z-index: 100;position: absolute; top: 25%;left: 54%;border: none;width: 15%; } .crew_dx_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* --- crewnecks -------------------------------------------------------------------------------------------- */ .crew_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .crew_container_image {overflow: hidden; } .crew_container img {display: block;width: 100%;transition: transform .3s; } .crew_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .crew_container_image_overlay img {z-index: 100;position: absolute; top: 25%;left:54%;border: none;width: 15%; } .crew_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---------------------------------------------------------------------------------------------------------- */ .youth_crew_dx_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .youth_crew_dx_container_image {overflow: hidden; } .youth_crew_dx_container img {display: block;width: 100%;transition: transform .3s; } .youth_crew_dx_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .youth_crew_dx_container_image_overlay img {z-index: 100;position: absolute; top: 30%;left: 37%;border: none;width: 30%; } .youth_crew_dx_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---------------------------------------------------------------------------------------------------------- */ .youth_crew_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .youth_crew_container_image {overflow: hidden; } .youth_crew_container img {display: block;width: 100%;transition: transform .3s; } .youth_crew_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .youth_crew_container_image_overlay img {z-index: 100;position: absolute; top: 30%;left: 35%;border: none;width: 30%; } .youth_crew_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ----- long sleeve ndex ----------------------------------------------------------------------------------- */ .ls_dx_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .ls_dx_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .ls_dx_container_image {overflow: hidden; } .ls_dx_container img {display: block;width: 100%;transition: transform .3s; } .ls_dx_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .ls_dx_container_image_overlay img {z-index: 100;position: absolute; top: 24%;left: 53%;border: none;width: 15%; } .ls_dx_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ------ long sleeve ---------------------------------------------------------------------------------------- */ .ls_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .ls_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .ls_container_image {overflow: hidden; } .ls_container img {display: block;width: 100%;transition: transform .3s; } .ls_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .ls_container_image_overlay img {z-index: 100;position: absolute; top: 24%;left: 53%;border: none;width: 15%; } .ls_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---------------------------------------------------------------------------------------------------------- */ .headwear_dx_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .headwear_dx_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .headwear_dx_container_image {overflow: hidden; } .headwear_dx_container img {display: block;width: 100%;transition: transform .3s; } .headwear_dx_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .headwear_dx_container_image_overlay img {z-index: 100;position: absolute; top: 25%;left: 35%;border: none;width: 30%; } .headwear_dx_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---------------------------------------------------------------------------------------------------------- */ .headwear_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .headwear_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .headwear_container_image {overflow: hidden; } .headwear_container img {display: block;width: 100%;transition: transform .3s; } .headwear_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .headwear_container_image_overlay img {z-index: 100;position: absolute; top: 25%;left: 35%;border: none;width: 30%; } .headwear_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---------------------------------------------------------------------------------------------------------- */ .misc_dx_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .misc_dx_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .misc_dx_container_image {overflow: hidden; } .misc_dx_container img {display: block;width: 100%;transition: transform .3s; } .misc_dx_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .misc_dx_container_image_overlay img {z-index: 100;position: absolute; top: 25%;left: 35%;border: none;width: 30%; } .misc_dx_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---------------------------------------------------------------------------------------------------------- */ .misc_container {width: 95%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative; } .misc_container_image_overlay:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .misc_container_image {overflow: hidden; } .misc_container img {display: block;width: 100%;transition: transform .3s; } .misc_container_image:hover img {transform: scale(1.05);transform-origin: 50% 50%; } .misc_container_image_overlay img {z-index: 100;position: absolute; top: 25%;left: 35%;border: none;width: 30%; } .misc_desc {font-size: 15px;line-height: 18px;margin: 5px 0; } /* ---------------------------------------------------------------------------------------------------------- */ .sale {position: absolute;top: 10px;right: 10px;width: 50px;background: red; border-radius: 50%;color: white;padding: 3px;font-size: 25px; font-weight: bold;font-family: 'Shadows Into Light', cursive; } /* ---------------------------------------------------------------------------------------------------------- */ .social_container {width: 100%;max-width: 375px;background: #FFFFFF;margin: 15px 25px; padding: 0 0 10px 0;box-shadow: none;border: 1px solid #CCC; border-radius: 10px;text-align:center; } .phone_text {width: 100%;font-size: 30px; } .phone_sub_text {width: 100%;font-size: 13px; } .phone_spacer {height: 30px;width: 100%; } .social_heading {text-align: center;font-size: 25px;padding: 10px;width: 100%;color: blue; font-family: 'Shadows Into Light', cursive; } .social_header {margin: 20px 0;width: 100%;text-align: center;font-size: 30px;color: blue; font-family: 'Shadows Into Light', cursive; } .social_header i {font-size: 25px;color: black;margin: 0 0 10px 0; } .social_icon {margin: 15px;width: 75px; } .social_icon i {font-size: 60px;color: blue; } .social_spacer {height: 200px; } .social_divider {width: 100%;height: 5px;background: #FFF;margin: auto; } .contact_warning {width: 90%;color: red; } .contact_form {width: 100%; } .contact_form input {width: 90%;background: #FFF;font-size: 18px;padding: 10px;margin: 0 0 10px 0; outline: none;border: 1px solid #999;border-radius: 5px; } .contact_form textarea {width: 90%;background: #FFF;font-size: 18px;padding: 10px;margin: 0 0 10px 0; outline: none;border: 1px solid #999;border-radius: 5px;overflow-y: auto; } .contact_form i {color: red;font-size: 15px; } .contact_form span {color: red;font-size: 15px; } .subscribe_sub_text {font-size: 16px;text-align: justify;width: 80%;margin: auto;line-height: 20px; } .contact_header {margin: 20px 0;width: 100%;text-align: center;font-size: 30px; font-family: 'Shadows Into Light', cursive;color: blue; } .contact_header i {font-size: 25px;color: black;margin: 0 0 10px 0; } /* ---------------------------------------------------------------------------------------------------------- */ .gallery_outer { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 90%; margin: auto; text-align: center; background: none; } .gallery_inner { height: 450px; margin: 5px; flex-grow: 1; } .gallery_inner img { height: 100%; min-width: 100%; object-fit: cover; vertical-align: bottom; } .gallery_outer_preview {width: 100%;padding: 20px 0 50px 0;background: none;margin:0 auto 20px auto; } .gallery_inner_preview {max-width: 225px;max-height: 400px;margin: 5px; } .gallery_inner_preview img {margin: auto;height: 100%;object-fit: cover; } /* ---------------------------------------------------------------------------------------------------------- */ .footer_header {margin: 20px auto;width: 90%;text-align: center;font-size: 30px; font-family: 'Shadows Into Light', cursive;line-height: 35px; } .footer_text {width: 95%;max-width: 1000px;text-align: center; font-size: 15px;line-height: 20px;padding: 20px;margin: 0 auto 20px auto; } .footer_text a {text-decoration: none;color: blue;margin:0; } .footer_text a:link {text-decoration: none; } .footer_text a:hover {text-decoration: underline; } /* ---------------------------------------------------------------------------------------------------------- */ .button_holder {text-align:center; } .button {display:inline-block;padding:10px 25px;background:#333;color:#CCC;font-size:20px; border-radius:10px;text-align:center;margin:10px; cursor:pointer;transition: 0.3s; } .button a {color:#CCC;transition: 0.3s;font-size:20px; } .button a:hover {color: #fff; } .button:hover {color: #FFF; } .button i {color:#CCC;transition: 0.3s;font-size:20px; } .button i:hover {color: #fff; } .button_comment {text-align:center;font-size:15px;margin-bottom:10px; } .button_sub_text {text-align:center;margin:0;font-size:14px; } .hoodies_dx_container, .youth_hoodies_dx_container, .tshirts_dx_container, .ladies_dx_container, .youth_tshirts_dx_container, .crew_dx_container, .youth_crew_dx_container, .ls_dx_container, .misc_dx_container, .headwear_dx_container {width: 100%;max-width: 250px;margin: 15px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative;background: none; } .final_status_container {width: 100%;max-width: 400px;background: none;margin: 10px; margin: 10px 30px 50px 30px; } .bg_blue {background: #9bbad1; } .bg_green {background: #79cbb4; } .bg_red {background: #aaaaa0; } .bg_yellow {background: #dbd6ad; } .designs_index {padding: 0 5%; } /* --- mobile --------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 810px) { * {font-family: 'Roboto', sans-serif;color:#444;} .hide_desktop {display:block; } .hide_mobile {display:none; } .fr_program {padding :25px 0;background: none; } .fr_box_line_story {font-size: 15px;margin: 15px 0;line-height: 18px; } .top_panel_image {width: 100%;max-width: 960px;cursor: pointer; } .add_to_cart_for_toggle {width: 90%; } .cart_image {min-width: 125px; } .cart_image img {width: 100%; } .cart_desc {font-size: 16px;line-height: 18px; } .cart_price {font-size: 20px;line-height: 20px; } .panel_header {font-size: 25px;line-height: 30px;width: 100%;padding: 0; } .panel_text {margin: 5px auto 10px auto;width: 100%;text-align: left; font-size: 15px;line-height: 16px;padding: 10px;background: none; } .footer_text {text-align: left; } .button {display:inline-block;padding:10px;background:#333;color: #CCC;font-size:20px; border-radius:10px;text-align:center;margin:10px; cursor:pointer;transition: 0.3s; } .template_container {padding:25px 10px;width: 100%; } .dailies_container {max-width: 225px;border: 1px solid #999; } .dailies_overlay {position: absolute;z-index: 100;border: none;padding: 2px;bottom: 5px;left: 0; width: 65px;background: #FFF;border: 1px solid #333;font-size: 11px; } .hoodies_dx_container, .youth_hoodies_dx_container, .tshirts_dx_container, .ladies_dx_container, .youth_tshirts_dx_container, .crew_dx_container, .youth_crew_dx_container, .ls_dx_container, .misc_dx_container, .headwear_dx_container {width: 100%;max-width: 160px;margin: 5px;padding: 0;font-size: 18px; text-align: center;cursor: pointer;position: relative;background: none; } .hoodies_container, .youth_hoodies_container, .tshirts_container, .ladies_container, .youth_tshirts_container, .crew_container, .youth_crew_container, .ls_container, .misc_container, .headwear_container {width: 45%;max-width: 350px;margin: 5px; } .social_container {width: 85%;max-width: 600px;margin:10px 0;padding: 0 0 10px 0; border-radius: none;text-align: center; box-shadow: none; } .final_status_container {width: 100%;max-width: 400px;background: none;margin: 10px; margin: 10px 15px 50px 15px; } } @media (max-aspect-ratio: 1/1) and (max-width: 480px) { .hide_full_desktop { display:block; } .hide_phone { display:none; } .gallery_outer { flex-direction: row; } .gallery_inner { height: auto; width: 100%; } .gallery_inner img { width: 100%; max-height: 500px; min-width: 0; } .gallery_outer_preview { flex-direction: row; } .gallery_inner_preview { height: auto; width: 100%; background: none; } .gallery_inner_preview img { width: 100%; max-height: 500px; min-width: 0; } .add_to_cart {top: 0; } .add_to_cart_container {width: 350px;padding-top: 50px; } .add_to_cart_for_toggle {width: 350px; } .add_to_cart_image {width: 125px; } .add_to_cart_overlay {top: 0;left: 259px;width: 65px; } .add_to_cart_overlay img {width: 70%;margin: auto; } .add_to_cart_desc {width: 100%;color: #555;text-align:left;line-height:20px;margin-left: 5px; padding-left: 5px;margin-top: 0; } .add_to_cart_specs {width: 100%;color: #555;text-align:left;line-height:14px;margin-left: 0; padding-left: 0;font-size: 13px;margin-top: 0; } .add_to_cart_price {font-size: 30px;margin: 0;color: #555;position: absolute;top: 0;right: 0px; text-align: right;padding-right: 10px;line-height: 15px;font-weight: bold; } .qty_button {position: absolute;top: -55px;left: -5px;background: #000;border-radius:50%; padding: 6px 0 0 0;color: white;font-size: 20px; width:40px;height:38px;text-align:center; } .design_index {margin: 0 auto;background: none; } .panel_container {padding:10px 20px 10px 15px;width: 100%; } .panel_text {margin: 5px auto;text-align: left; font-size: 15px;line-height: 20px;padding: 0 5px; } .designs_index {padding: 0; } .cart_summary {font-size: 20px;padding: 0 5px; } }