/** Shopify CDN: Minification failed Line 435:0 Unexpected "{" **/ /****** TYPOGRAPHY ******/ /* TEXT */ body { letter-spacing: initial; } h1.hero__title, h2.hero__title, .section-header__title{ line-height: 1.3em !important; text-shadow: 3px 3px 4px rgba(1,1,1,1); } .hero__subtitle { font-weight: 700; text-shadow: 2px 2px rgba(1,1,1,1); } .hero__subtitle a { text-decoration: underline; cursor: pointer; } .template-search h2 { text-shadow: none; } .icart .icart-add-cart-btn { padding-top: 5px; position: absolute; left: 122px; top: 72px!important; } h2, .h2, .shopify-section .h2, div#shopify-section-1571770931185 .h3 /* ABOUT PAGE - JOIN ROW */ { font-size: 24px; line-height: 1.2em; text-shadow: 3px 3px 4px rgba(1,1,1,1); } h2.text-green { color: #08381e; text-shadow: none; } h3, .h3, .shopify-section .h3 { font-size: 16px; } .shopify-section .collection-item__title--heading { border-bottom: 8px solid #f04c23; left: 30px; right: 30px; font-size: 24px; line-height: 1.7em; } .shopify-section p, .career-positions-panel ul li, :not(#shopify-section-header).shopify-section ul li, .product-single__description .table-wrapper { font-size: 16px; line-height: 20px; } .form-vertical .section-header h1 { text-shadow: none; } @media only screen and (min-width: 769px) { h2, .h2, .shopify-section .h2, div#shopify-section-1571770931185 .h3 /* ABOUT PAGE - JOIN ROW */ { font-size: 48px; line-height: 1.2em; } h3, .h3, .shopify-section .h3 { font-size: 24px; } .shopify-section .collection-item__title--heading { font-size: 24px; line-height: 1.5em; } .shopify-section p, .career-positions-panel ul li, :not(#shopify-section-header).shopify-section ul li, .product-single__description .table-wrapper { font-size: 24px; line-height: 30px; } } @media only screen and (max-width: 1024px) { .shopify-section .collection-item__title--heading { font-size: 18px; line-height: 1.5em; } } @media only screen and (min-width: 1240px) { .shopify-section .collection-item__title--heading { font-size: 32px; line-height: 1.5em; } } @media only screen and (min-width: 1470px) { .shopify-section .collection-item__title--heading { font-size: 40px; line-height: 1.5em; } } sup { top: 0; vertical-align: super; } /* LINKS */ a, a:visited { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } a.disabled { pointer-events: none; cursor: default; } a[href^="tel:"], a[href^="mailto:"] { cursor: text; border-bottom: none !important; } a[href^="tel:"]:hover::after, a[href^="mailto:"]:hover::after { border-bottom: none; width: 0 !important; } .toolbar__menu li a:hover::after { width: initial !important; } @media(min-width: 364px) { .toolbar__menu li:first-child { font-size: 16px; } .toolbar__menu > li:first-child a::after { font-size: 12px; } } /* BUTTONS */ a.btn::before, button.btn.cart__checkout::before{ content: ""; background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/angle-double-right-solid.svg?v=145245200377621007051783953610); background-size: auto; background-repeat: no-repeat; display: inline-block; color: white; height: 18px; width: 18px; position: relative; float: right; margin-top: 6px; margin-left: 6px; } button.btn.cart__checkout.btn--loading { text-indent: initial; } button.btn.cart__checkout.btn--loading::before { left: initial; top: initial; background: none; } @media only screen and (min-width: 769px) { a.btn::before, button.btn.cart__checkout::before{ height: 20px; width: 20px; } } /* Disable >> for Select Button Types */ #CollectionSidebar a.btn::before { display: none; } a.btn, .slideshow-wrapper .slideshow__slide a.btn, .video-parent-section.hero a.btn.btn { color: #ffffff !important; font-size: 22px !important; font-weight: 700; letter-spacing: initial !important; } .video-parent-section.hero a.btn.btn { background-color: rgb(240, 76, 35) !important; border-color: rgb(240, 76, 35) !important; } .video-parent-section.hero a.btn.btn:hover { opacity: 0.9 !important; background: #f04c23; transition-delay: initial; } /* Style Non-Theme Buttons */ .template-customers-account a.btn, .template-customers-login button.btn.btn--full, .template-customers-register input.btn.btn--full { line-height: 1.42; text-decoration: none; text-align: center; white-space: normal; font-size: 13px; font-size: 22px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.2em; display: inline-block; padding: 11px 20px; margin: 0; margin-top: 20px; width: auto; min-width: 90px; vertical-align: middle; cursor: pointer; border: 1px solid transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; color: #fff; background: #f04c23; } .template-customers-login button.btn.btn--full, .template-customers-register input.btn.btn--full { margin-top: 0; } @media only screen and (max-width: 768px) { a.btn, .slideshow-wrapper .slideshow__slide a.btn, .template-customers-login button.btn.btn--full, .template-customers-register input.btn.btn--full { font-size: 18px !important; } a.btn::before { margin-top: 4px; } } /* BUTTON IN CUSTOM SECTION */ .rte a.btn { border-bottom: initial !important; } /* BUTTON - CAREER ACCORDION */ .rte .career-positions-panel .btn-accordion { background: #ffffff; border: 3px solid #f04c23 !important; border-bottom: 3px solid #f04c23 !important; padding: 8px 20px 9px 20px; color: #f04c23 !important; } .rte .career-positions-panel .btn-accordion:hover { color: #ffffff !important; transition-delay: 0s !important; } .rte .career-positions-panel .btn-accordion::before { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/angle-double-right-solid-color.svg?v=84351811650022774541783953610); background-repeat: no-repeat; } .rte .career-positions-panel .btn-accordion:hover::before { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/angle-double-right-solid.svg?v=145245200377621007051783953610); background-repeat: no-repeat; } @media only screen and (max-width: 768px) { .rte .career-positions-panel .accordion-buttons a::before { margin-top: 3px; height: 16px; } } /* DISABLE THEME (COOL) BUTTON SETTINGS */ .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body), .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body), .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body), .product-reviews .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body), .product-reviews .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body) { transition: all 0.2s ease 0s; } .slideshow-wrapper .slideshow__slide a.btn:hover,.btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):hover, .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):hover, .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):hover, .product-reviews .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):hover, .product-reviews .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):hover { opacity: 0.9 !important; background: #f04c23; transition-delay: initial; } [data-aos="hero__animation"].loaded.aos-animate .hero__link .btn, .hero.loaded.aos-animate .slideshow__slide.slick-active .hero__link .btn { animation: unset; opacity: 1; } .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):hover:after, .rte .btn:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):hover:after, .shopify-payment-button .shopify-payment-button__button--unbranded:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):hover:after, .product-reviews .spr-summary-actions a:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):hover:after, .product-reviews .spr-button:not(.btn--secondary):not(.btn--tertiary):not(.btn--inverse):not(.btn--body):hover:after { content: unset; } /* FORMS */ .cpd-form-trust + .cus_html_wrapper { padding-top: 60px !important; padding-bottom: 60px !important; } @media only screen and (max-width: 768px) { .cpd-form-trust + .cus_html_wrapper { padding-top: 30px !important; padding-bottom: 30px !important; } } .acerill-custom-form label.control-label { display: none; } .acerill-custom-form .form-group { margin-bottom: 20px; } .acerill-custom-form input, .acerill-custom-form select, .acerill-custom-form textarea, .acerill-custom-form .form-group > div { border: 3px solid #d7d7d7; border-radius: 0 !important; box-shadow: none; color: #000 !important; font-size: 16px; line-height: 16px; height: 40px; background: #ffffff; } .acerill-custom-form input, .acerill-custom-form textarea { /* color: #000 !important; */ } .acerill-custom-form .form-group > div { padding: 5px 12px; } .acerill-custom-form .form-group .cf-btn-file { height: 30px !important; font-size: 16px; letter-spacing: normal; text-transform: capitalize; float: right; line-height: 16px; padding-top: 6px !important; } .acerill-custom-form .form-control:focus { border-color: #d7d7d7; box-shadow: none; -webkit-box-shadow: none; } .acerill-custom-form .submit-button-wrapper { display: inline-block; float: none !important; margin: 0 auto; width: 100%; text-align: center; } .submit-button-wrapper input.cf-btn.cf-btn-block { width: 300px; background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/angle-double-right-solid.svg?v=145245200377621007051783953610); background-size: 18px; background-repeat: no-repeat; padding-right: 32px !important; background-position: top 15px right 95px; transition: all 0.2s ease 0s; } div#shopify-section-1572882327496 .acerill-custom-form .submit-button-wrapper input.cf-btn.cf-btn-block { /* Employment Application Form */ width: 340px; } .acerill-custom-form .form-group>div{ height: 36px; font-size: 14px; line-height: 20px; } .acerill-custom-form .form-group>div label { margin-right: 15px; margin-top: -5px; height: 30px!important; border: none!important; } form[name="form7db1185c86d94f54948cc6d9a19ac04c"] { margin: auto; } @media only screen and (max-width: 768px) { div#shopify-section-1572882327496 .acerill-custom-form .submit-button-wrapper input.cf-btn.cf-btn-block { /* Employment Application Form */ width: 300px; } .acerill-custom-form .form-group .cf-btn-file { margin-top: -3px; } .submit-button-wrapper input.cf-btn.cf-btn-block { width: 260px; background-position: top 10px right 65px; background-size: 16px; } } .submit-button-wrapper input.cf-btn.cf-btn-block:hover { opacity: 0.9; } .acerill-custom-form .submit-button-wrapper input { color: #ffffff !important; font-weight: 700; font-size: 18px !important; line-height: 18px !important; height: 40px; } @media only screen and (min-width: 769px) { .acerill-custom-form input, .acerill-custom-form select, .acerill-custom-form textarea, .acerill-custom-form .form-group > diva { font-size: 24px; line-height: 24px; height: 46px; } .acerill-custom-form .submit-button-wrapper input { color: #ffffff !important; font-weight: 700; font-size: 22px !important; line-height: 22px !important; height: 50px; } .acerill-custom-form select { padding-bottom: 4px !important; line-height: 30px; } } .acerill-custom-form select { -webkit-appearance: none !important; appearance: none !important; background-image: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/cleveland-ico-select.svg?v=163986384585723596881783953610); -moz-appearance: none; background-position: right center; background-repeat: no-repeat; background-position: right 10px center; background-size: 11px; padding-right: 28px; text-indent: 0.01px; text-overflow: ''; cursor: pointer; } .acerill-custom-form input:-ms-input-placeholder, .acerill-custom-form textarea:-ms-input-placeholder, { color: #000 !important; opacity: 1 !important; } .acerill-custom-form input::-moz-placeholder, .acerill-custom-form textarea::-moz-placeholder { color: #000 !important; opacity: 1 !important; } .acerill-custom-form input::-webkit-input-placeholder, .acerill-custom-form textarea::-webkit-input-placeholder { color: #000 !important; opacity: 1 !important; } .ace-cf-row div#confirmation-wrapper { display: none; } /****** HELPER CLASSES ******/ .d-block { display: block!important; } .text-center { text-align: center!important; } .float-right{ float:right; } @media (min-width: 992px) { .text-lg-right { text-align: right!important; } .text-lg-left { text-align: left!important; } } .image-wrap img:not([role="presentation"]), .image-wrap svg, .image-wrap .animate-me { /*opacity: 1;*/ } .collection-item:not(.collection-item--below):hover:after { opacity: 0.1; } /****** HEADER ******/ /* Announcement Bar */ .announcement-slider__slide:first-child { padding-left: 0; padding-right: 0; } .announcement-bar img { display: inline-block !important; vertical-align: sub; margin-right: 6px; height: 14px; } .announcement-link-text { font-weight: 700; text-align: center; } .announcement-link-text > p { font-size: inherit; line-height: inherit; margin-bottom: 0.5rem; } .announcement-link-text p:not(:only-child):last-child { margin-bottom: 0; } .announcement-link-text.made-in { font-style: italic; } @media only screen and (max-width: 768px) { .announcement-link-text.made-in .language { display: inline-block; } .announcement-link-text.language { display: none; } } @media only screen and (min-width: 769px) { .announcement-link-text { float: left; } .announcement-link-text > p { margin-bottom: 0; } .announcement-link-text.made-in { text-align: left; } .announcement-link-text.made-in .language { display: none; } .announcement-link-text.shipping > p { display: inline; } .announcement-link-text.language { display: block; text-align: right; } } .announcement-bar .slick-track { cursor: initial; } .announcement-bar { padding: 2px 0; font-size: 12px; } /* Top Header - Tool Bar */ .toolbar { background: #ffffff; color: #08381e; font-weight: 700; font-size: 12px; text-transform: uppercase; } .toolbar a { color: #08381e; letter-spacing: initial; } .toolbar__menu { margin-right: -10px; float: right; } .toolbar__menu a[href^="#"] { cursor: text; } .toolbar__menu a[href^="#fabtech-2021"] { cursor: pointer; } .toolbar__menu a[href^="tel"] { color: #f04c23; cursor: text; display: flex; align-items: center; } .toolbar__menu li img { width: 14px; height: 14px; } .toolbar__menu li a::after { content: '|'; display: inline-block; position: relative; padding-left: 10px; color: #08381e; } .toolbar__menu li a { padding-left: 0; padding-right: 6px; } .toolbar__menu li:last-child a::after, .toolbar__menu li:nth-last-child(2) a::after{ content: ''; } .toolbar__menu li:nth-last-child(2) a, .toolbar__menu li:last-child a { padding-right: 0; } a.cart-icon { padding-top: 0; } .toolbar .cart-link { display: inline; font-size: 12px; } .cart-icon { padding-bottom: 0 !important; } .cart-icon img { width: 15px; height: 15px; } .cart-link__bubble--visible { width: 12px; height: 12px; top: -6px; left: 10px; } .toolbar__menu .js-search-header { padding-bottom: 0 !important; padding-top: 0; } /* Main Header & Navigation */ /*header.site-header,*/ #shopify-section-header { border-bottom: solid 4px #fff; } .site-header--stuck { border-bottom: solid 4px #fff; } .site-header { padding: 0; } .site-header__logo { margin: 0; } a.site-nav__link.site-nav__link--icon.js-search-header.js-no-transition.medium-up--hide { display: block !important; padding-top: 0; padding-bottom: 0; display: none !important; } .mobile-nav .grid__item.one-half { width: 100%; } ul.mobile-nav__social { display: none; } a.site-nav__dropdown-link.site-nav__dropdown-link--second-level { text-transform: uppercase; font-weight: 700; } @media only screen and (min-width: 769px) { .site-header__search-container.is-active{ z-index: 999; height: 140px; top: 0px; } .site-header__search-container.is-active input{ font-size:28px; } .site-header__search .icon{ width: 40px; height: 40px; } .header-sticky-wrapper { z-index: 25; } .site-header .header-layout { height: 76px; } .site-header__logo { margin-top: 53px; } .toolbar.sticky-scroll{ position: fixed; top: 0; left: 0; right: 0; z-index: 5; } /*.toolbar { padding-top: 43px; } */ .js-drawer-open .main-content:after{ background-color: rgb(0,0,0); } .site-header--stuck { top: 29px; } .toolbar+.header-sticky-wrapper .site-header { border-top: none; } .header-item.header-item--left.header-item--navigation { order: 2; display: none; } .header-item.header-item--logo-split { order: 1; justify-content: unset; } .header-item.header-item--icons { order: 3; display: none; } .header-item.header-item--split-left { order: 2; flex: auto; } .header-item.header-item--logo { order: 1; } .site-header__logo img.small--hide { width: 100%; } .header-item.header-item--split-right { order: 3; justify-content: flex-end; flex: 0 1 auto !important; margin-right: -10px; } a.site-nav__link[href^="/pages/careers"] { display: none; } .site-nav--has-dropdown .site-nav__dropdown li:hover a:after { right: 0; border-bottom: 2px solid #000; } a.site-nav__dropdown-link.site-nav__dropdown-link--second-level:after { content: ''; display: block; position: absolute; bottom: 4px; left: 0; right: 100%; margin: 0 15px; border-bottom: 2px solid #fff; transition: right 0.5s; } .grid--center .grid__item a { position: relative; color: #000; text-decoration: none; } .grid--center .grid__item a:before{ content: ""; position: absolute; width: 0%; height: 2px; bottom: 0; left: 0; background-color: #000; visibility: hidden; transition: 0.5s; } .grid--center .grid__item a:hover:before { visibility: visible; width: 100%; } } @media only screen and (max-width: 768px) { #shopify-section-header { /*border-bottom: solid 4px #fff; */ } .site-header .header-layout { height: 40px; } .site-header--stuck { top: 18px; } .toolbar.small--hide { display: block !important; height: 18px; z-index: 5; } .toolbar.small--hide.sticky-scroll { position: fixed; left: 0; right: 0; top: 0; } .toolbar__content { display: none; } .announcement-bar { padding: 4px 0; } .announcement-link-text { font-size: 12px; } .site-header__logo { margin-top: 30px; } span.phone-link { position: relative; display: block; } .cart-link__bubble--visible{ top:0% !important; right: -3px; width: 13px; height: 13px } a.site-nav__link[href^="/pages/careers"] { display: inline-block; } .site-nav__link--icon .icon{ width: 25px; height: 25px; } .site-nav__link--icon .icon.cart-icon{ margin-left:10px; } } a.site-nav__link { text-transform: uppercase; font-weight: 700; letter-spacing: initial; } @media only screen and (min-width: 769px) { .header-layout--left-center .header-item--icons { -webkit-box-flex: 0 0 30px !important; -ms-flex: 0 0 30px !important; flex: 0 0 30px !important; display: none; } .header-item.header-item--navigation.text-center { flex: 0 0 800px; } .header-item.header-item--navigation.text-center ul { margin-right: 0; } .header-item.header-item--navigation.text-center ul li:last-child a { padding-right: 0; } } .mobile-nav__item .grid__item.one-half.appear-animation.appear-delay-13 a { display: inline-block; } /****** Layouts and Sections ******/ /* Hero heights */ .hero--550px { max-height: 300px; } /* Hero heights - tablet + laptop */ @media only screen and (min-width: 769px) and (max-width: 1199px) { .hero-450px, .hero-550px, .hero-650px, .hero-750px { max-height: initial; } .hero--450px { height: 360px; } .hero--550px { height: 440px; } .hero--650px { height: 520px; } .hero--750px { height: 600px; } .collection-hero { height: 336px; } h1.hero__title, h2.hero__title, .section-header__title { font-size: 48px !important; } } /* Hero heights - desktop */ @media only screen and (min-width: 1200px) { .hero--550px { height: 500px; max-height: initial; } } /* HOME HERO ROW */ @media only screen and (min-width: 960px) { .hero__text-shadow { max-width: 960px; } } .hero__slide-link { display: none; } /*** SITEWIDE - INTRO, HEADER, TEXT, BUTTON ROW AND MACHINE SLIDER CONTENT, FORM ROW - GREEN BG ***/ div#shopify-section-1570461447009, div#shopify-section-1570467363277, div#shopify-section-1571681586027, div#shopify-section-1572097945585, div#shopify-section-1600879105238, div#shopify-section-1572099452897, div#shopify-section-1572099644847, div#shopify-section-1572104227320, div#shopify-section-1571687331540, div#shopify-section-1571770734061, div#shopify-section-1572824404530, div#shopify-section-1572719082332, div#shopify-section-1572864004087, div#shopify-section-1572721826174, div#shopify-section-1572864100380, div#shopify-section-1572724806297, div#shopify-section-1572864130542, div#shopify-section-1572108697193, div#shopify-section-1572864165336, div#shopify-section-1572725680414, div#shopify-section-1572864208375, div#shopify-section-1572726625892, div#shopify-section-1572864241275, div#shopify-section-1572727482483, div#shopify-section-1572864270020, div#shopify-section-1572728774472, div#shopify-section-1572864312689, div#shopify-section-1572465782911, div#shopify-section-1572698725093, div#shopify-section-1572882327496, div#shopify-section-1571945238228, div#shopify-section-1579566773231, div#shopify-section-1579589018870, div#shopify-section-1579595111737, div#shopify-section-1580154210922, div#shopify-section-1580158164533, div#shopify-section-1581534882377, div#shopify-section-1581537899564, div#shopify-section-1582662939475, div#shopify-section-1582727031892, div#shopify-section-1582728718095, div#shopify-section-1582729063048, div#shopify-section-1591094774418, div#shopify-section-1591095806075, div#shopify-section-c4f08bd2-9d5b-4ba8-9bb8-2511312dd3e3, div#shopify-section-3d7ebd84-5201-4d14-9756-dc327abb6948, div#shopify-section-0d51f206-525f-416b-a504-d17a5d2c88be, div#shopify-section-5af14189-4088-492a-b3c0-79dab8124a89, div#shopify-section-4397b8ed-e9c8-42f1-aff7-27cd680ee13d, div#shopify-section-3fbe3828-979b-4b45-b7fa-90e8c3368a25, div#shopify-section-62fa2203-1895-4054-a802-b3b88d31fda4, div#shopify-section-8a954999-18de-4c73-b75a-666065d3286e, div#shopify-section-3d24f340-2189-4a44-b2c2-33aa6f9761fd, div#shopify-section-custom_html_cA9U6Q, div#shopify-section-custom_html_8RPCVM { background-color: #08381e; color: #ffffff; } div#shopify-section-1570461447009 .custom__item-inner, div#shopify-section-1570467363277 .custom__item-inner, div#shopify-section-1571681586027 .custom__item-inner, div#shopify-section-1570461447009 h2, div#shopify-section-1570467363277 h2, div#shopify-section-1570461447009 p { text-align: center; } /*** SITEWIDE - ROW SPACING ***/ .icartShopifyCartContent > .shopify-section .page-blocks > div:not(:first-child) > .index-section, .main-content > .shopify-section .page-blocks > div:not(:first-child) > .index-section, /* All Section Template Pages */ .template-index .main-content > .shopify-section.index-section:not(.index-section--hero), /* Home page */ .template-index .main-content > .shopify-section > .index-section { margin: 0; } .icartShopifyCartContent > .shopify-section .page-blocks > div:not(:first-child), .main-content > .shopify-section .page-blocks > div:not(:first-child), /* All Section Template Pages */ .template-index .icartShopifyCartContent > .shopify-section:not(.index-section--hero) /* Home page */ { padding: 30px 0; } @media only screen and (min-width: 769px) { .icartShopifyCartContent > .shopify-section .page-blocks > div:not(:first-child), .main-content > .shopify-section .page-blocks > div:not(:first-child), /* All Section Template Pages */ .template-index .icartShopifyCartContent > .shopify-section:not(.index-section--hero) /* Home page */ { padding: 60px 0; } } @media only screen and (max-width: 768px) { .icartShopifyCartContent > .shopify-section .page-blocks .grid .grid__item, .main-content > .shopify-section .page-blocks .grid .grid__item { } } /* HOME & ABOUT - FEATURED MACHINES SLIDER ROW */ .featured-machines-slider { margin-top: 30px; margin-bottom: 30px !important; } .featured-machines-slider img.slide-image { max-width: 200px; margin: 0 auto; } .featured-machines-slider .slick-prev { left: 0; } .featured-machines-slider .slick-next { right: 0; } /* HOME - FEATURED CATEGORIES - TOOLING ROW */ /* HOME - CUSTOM APPLICATIONS ROW */ div#shopify-section-1570472352020, div#shopify-section-1597168636666 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/featured-categories-bg.jpg?v=142238228307808066341783953610); background-size: cover; background-repeat: no-repeat; } div#shopify-section-1570478997253 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/custom-applications-bg.jpg?v=22302690404416113371783953610); background-size: cover; background-repeat: no-repeat; } div#shopify-section-1570472352020 h2, div#shopify-section-1570478997253 h2, div#shopify-section-1570478997253 h3, div#shopify-section-1597168636666 h2, div#shopify-section-why_choose_us_columns_GywmmG h2, div#shopify-section-why_choose_us_columns_GywmmG h3 { color: #08381e; text-shadow: none; } @media only screen and (max-width: 768px) { div#shopify-section-1570472352020 .grid__item, div#shopify-section-1597168636666 .grid__item { width: 100%; } div#shopify-section-1570478997253 .grid__item, div#shopify-section-why_choose_us_columns_GywmmG .grid__item { width: 50%; } } /*** TESTIMONIAL SLIDER - ROW ***/ /* HOME VERSION */ div#shopify-section-1570476214938 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonials-bg.jpg?v=4476422273216100531783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* ALL TESTIMONIAL SLIDERS */ .testimonial-slider p { color: #ffffff; } .testimonial-slider, .punch-die-slider { margin-top: 60px; text-align: center; } .punch-die-slider { margin-bottom: 40px !important; } .testimonial-slider .slide-content { max-width: 980px; margin: 0 auto; } .punch-die-slider .slide-content { margin: 0 auto; } .slick-prev, .slick-next { z-index: 4; } .slick-prev:focus:before, .slick-next:focus:before { opacity: 0.75; } .punch-die-slider .slide-content img { margin-left: auto; margin-right: auto; } .punch-die-slider .grid + .btn { margin-top: 40px; } .set-options a.btn { margin: 5px; } .set-options .btn.first { background: #08381e; } @media only screen and (max-width: 768px) { .testimonial-slider .slick-next, .punch-die-slider .slick-next { right: -15px; } .testimonial-slider .slick-prev, .punch-die-slider .slick-prev { left: -15px; } .testimonial-slider, .punch-die-slider { margin-top: 40px; padding: 0 20px; } .punch-die-slider .grid .grid__item { margin-bottom: 20px; } .punch-die-slider .grid + .btn { margin-top: 20px; } .set-options a.btn { margin: 5px 5px; font-size: 14px !important; } .set-options a.btn::before { width: 14px; height: 14px; margin-top: 3px; } } /*** ALL MACHINES / TOOLING PAGE / CATALOG DOWNLOADS ***/ div#shopify-section-1600879105238 .rta a, div#shopify-section-1572097945585 .rte a { color: #fff; } div#shopify-section-1600879105238 .rta a:not(.rte__image), div#shopify-section-1600879105238 .rte-setting a:not(.rte__image), div#shopify-section-1572097945585 .rte a:not(.rte__image), div#shopify-section-1572097945585 .rte-setting a:not(.rte__image) { border-bottom: 2px solid rgba(255,255,255,0.2); } /* FEATURED and CATALOGED MACHINES GRID */ div#shopify-section-1600882144473, div#shopify-section-1572098907347 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } p.text-center.text-small.color-gray { font-size: 14px; filter: saturate(0) opacity(0.6); } .featured-machines-grid img { filter: saturate(0) opacity(0.6); transition: all 0.3s ease; } .featured-machines-grid img:hover { filter: saturate(1) opacity(1); } /* CUSTOM APPLICATION ROW */ div#shopify-section-1572099262834 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-custom-applications-all-machines.jpg?v=58856016612729150561783953610); background-size: cover; background-repeat: no-repeat; color: #fff; } div#shopify-section-29a8ea5a-cf72-4e66-a4c1-9212bf282746 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-custom-applications-all-machines.jpg?v=58856016612729150561783953610); background-size: cover; background-repeat: no-repeat; color: #fff; padding: 60px 0; } div#shopify-section-3d7ebd84-5201-4d14-9756-dc327abb6948 { padding: 1px; } /*** PUNCH-EASY PAGE ***/ /* PUNCH-EASY ADVANTAGE ROW */ div#shopify-section-1572100278787, div#shopify-section-1591094897844 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } div#shopify-section-1572100278787 h2, div#shopify-section-1591094897844 h2{ text-shadow: none; } /* TESTIMONIAL SLIDER ROW */ div#shopify-section-1572100719500, div#shopify-section-1591095386971 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonials-bg.jpg?v=4476422273216100531783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* SIZES AVAILABLE ROW */ div#shopify-section-1591095458401 { display: none; } div#shopify-section-1572104079198, div#shopify-section-1591095458401, div#shopify-section-1591723425632 { background-color: #f8f8f8; color: #08381e; } div#shopify-section-1572104079198 h2, div#shopify-section-1591095458401 h2, div#shopify-section-1591723425632 h2 { text-shadow: none; } div#shopify-section-1572104079198 p.h3, div#shopify-section-1591095458401 p.h3, div#shopify-section-1591723425632 p.h3 { margin-bottom: 0; color: #08381e; } div#shopify-section-1572104079198 p, div#shopify-section-1591095458401 p, div#shopify-section-1591723425632 p { color: #000; } div#shopify-section-1572104079198 a.btn, div#shopify-section-1591095458401 a.btn { margin-top: 20px; } @media only screen and (max-width: 768px) { div#shopify-section-1572104079198 .grid__item.medium-up--one-sixth, div#shopify-section-1591095458401 .grid__item.medium-up--one-sixth { width: 50%; } } /*** ABOUT PAGE ***/ .hero__image--1571687110002 { object-position: 50% 15% !important; font-family: "object-fit: cover; object-position: 50% 15% !important;"; } /* ADVANTAGE ROW */ div#shopify-section-1571687634980 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } div#shopify-section-1571687634980 h2 { text-shadow: none; } /* MEET THE TEAM ROW */ div#shopify-section-1572705738247 { color: #08381e; } div#shopify-section-1572705738247 h2 { text-shadow: none; } /* TESTIMONIAL ROW */ div#shopify-section-1571762855087 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonials-bg.jpg?v=4476422273216100531783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* JOIN THE TEAM ROW */ div#shopify-section-1571770931185 { background-color: #f8f8f8; color: #08381e; } div#shopify-section-1571770931185 h2, div#shopify-section-1571770931185 p.h3 { color: #08381e; text-shadow: none; } div#shopify-section-1571770931185 .feature-row { align-items: initial; } div#shopify-section-1571770931185 .feature-row__item { padding-top: 0; padding-bottom: 0; } div#shopify-section-1571770931185 img.feature-row__image.lazyautosizes.lazyloaded{ /*opacity: 1 !important;*/ } @media only screen and (max-width: 768px) { div#shopify-section-1571770931185 p { text-align: center; } div#shopify-section-1571770931185 p.h3 { margin-top: 20px; } div#shopify-section-1571770931185 a.btn { margin-right: auto; margin-left: auto; display: block; max-width: 180px; } } /*** FM - AMADA MARVEL PAGE - AND FM AUTO PAGES ***/ /* INTRO ROW */ @media only screen and (max-width: 768px) { div#shopify-section-1572719082332, div#shopify-section-1572720897089, div#shopify-section-1582662939475, div#shopify-section-1582726926869, div#shopify-section-1582728718095 { text-align: center; } div#shopify-section-1572719082332 p, div#shopify-section-1582662939475 p, div#shopify-section-1582728718095 p { margin-top: 20px; } div#shopify-section-1582726926869 img { margin-top: 30px; } } /* TOOLING ROW */ div#shopify-section-1572719856913, div#shopify-section-1579584100522, div#shopify-section-1580154604404, div#shopify-section-1581537081364, div#shopify-section-1582663239431, div#shopify-section-1582728817721, div#shopify-section-1596564137472, div#shopify-section-1596719178185, div#shopify-section-1596725016663, div#shopify-section-1596733589920, div#shopify-section-1596734137598, div#shopify-section-1596741541940{ background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } div#shopify-section-1572719856913 h2, div#shopify-section-1579584100522 h2, div#shopify-section-1580154604404 h2, div#shopify-section-1581537081364 h2, div#shopify-section-1582663239431 h2, div#shopify-section-1582728817721 h2, div#shopify-section-1596564137472 h2, div#shopify-section-1596719178185 h2, div#shopify-section-1596725016663 h2, div#shopify-section-1596733589920 h2, div#shopify-section-1596734137598 h2, div#shopify-section-1596741541940 h2 { text-shadow: none; } /* CUSTOMER TESTIMONIALS */ div#shopify-section-1572720736523, div#shopify-section-1579592115887, div#shopify-section-1580155563569, div#shopify-section-1581537748638, div#shopify-section-1582726883044, div#shopify-section-1582729048822 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonials-bg.jpg?v=4476422273216100531783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* CUSTOM APPLICATION ROW */ div#shopify-section-1572720897089, div#shopify-section-1582726926869 { background-color: #f8f8f8; } div#shopify-section-1572720897089 h2, div#shopify-section-1579594679154 h2, div#shopify-section-1582726926869 h2 { text-shadow: none; color: #08381e; } div#shopify-section-1572720897089 img { max-width: 460px; float: right; } @media only screen and (max-width: 768px) { div#shopify-section-1572720897089 img { margin-top: 30px; width: 360px; float: none; } } /*** FM - EDWARDS PAGE ***/ /* TOOLING ROW */ div#shopify-section-1572722106840, div#shopify-section-1596721194849 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } div#shopify-section-1572722106840 h2, div#shopify-section-1596721194849 h2 { text-shadow: none; } /* CUSTOMER TESTIMONIALS */ div#shopify-section-1572722646278 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-testimonials-specialty-edwards.jpg?v=159864490744816652361783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* CUSTOM APPLICATION ROW */ div#shopify-section-1572722662087 { background-color: #f8f8f8; } div#shopify-section-1572722662087 h2 { text-shadow: none; color: #08381e; } div#shopify-section-1572722662087 img { max-width: 300px; float: right; } @media only screen and (max-width: 768px) { div#shopify-section-1572722662087 p { text-align: center; } div#shopify-section-1572722662087 img { margin-top: 30px; width: 360px; float: none; margin-left: auto; margin-right: auto; display: block; } } /*** FM - FICEPP PAGE ***/ /* INTRO ROW */ @media only screen and (max-width: 768px) { div#shopify-section-1572724806297, div#shopify-section-1572725464720 { text-align: center; } div#shopify-section-1572724806297 p { margin-top: 20px; } } /* TOOLING ROW */ div#shopify-section-1572725423864 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } div#shopify-section-1572725423864 h2 { text-shadow: none; } /* CUSTOMER TESTIMONIALS */ div#shopify-section-1572725444312 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonials-bg.jpg?v=4476422273216100531783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* CUSTOM APPLICATION ROW */ div#shopify-section-1572725464720 { background-color: #f8f8f8; } div#shopify-section-1572725464720 h2 { text-shadow: none; color: #08381e; } div#shopify-section-1572725464720 img { max-width: 240px; float: right; } @media only screen and (max-width: 768px) { div#shopify-section-1572725464720 img { margin-top: 30px; width: 360px; float: none; margin-left: auto; margin-right: auto; display: block; } } /*** FM - GEKA PAGE ***/ /* INTRO ROW */ @media only screen and (max-width: 768px) { div#shopify-section-1572108697193, div#shopify-section-1572114464634 { text-align: center; } div#shopify-section-1572108697193 p { margin-top: 20px; } } /* TOOLING ROW */ div#shopify-section-1572113896573, div#shopify-section-1596732690231 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } div#shopify-section-1572113896573 h2, div#shopify-section-1596732690231 h2 { text-shadow: none; } /* CUSTOMER TESTIMONIALS */ div#shopify-section-1572113945488 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-testimonials-geka.jpg?v=181127740445757976171783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* CUSTOM APPLICATION ROW */ div#shopify-section-1572114464634 { background-color: #f8f8f8; } div#shopify-section-1572114464634 h2 { text-shadow: none; color: #08381e; } div#shopify-section-1572114464634 img { max-width: 360px; float: right; } @media only screen and (max-width: 768px) { div#shopify-section-1572114464634 img { margin-top: 30px; width: 360px; float: none; margin-left: auto; margin-right: auto; display: block; } } /*** FM - PIRANHA PAGE ***/ /* TOOLING ROW */ div#shopify-section-1572726259992, div#shopify-section-1596735019561{ background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } div#shopify-section-1572726259992 h2, div#shopify-section-1596735019561 h2 { text-shadow: none; } /* CUSTOMER TESTIMONIALS */ div#shopify-section-1572726295854 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonials-bg.jpg?v=4476422273216100531783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* CUSTOM APPLICATION ROW */ div#shopify-section-1572726306192 { background-color: #f8f8f8; } div#shopify-section-1572726306192 h2 { text-shadow: none; color: #08381e; } div#shopify-section-1572726306192 img { max-width: 360px; float: right; } @media only screen and (max-width: 768px) { div#shopify-section-1572726306192 p { text-align: center; } div#shopify-section-1572726306192 img { margin-top: 30px; width: 300px; float: none; margin-left: auto; margin-right: auto; display: block; } } /*** FM - SCOTCHMAN PAGE ***/ /* HERO ROW */ @media only screen and (min-width: 960px) { div#shopify-section-1572726583825 .hero__text-shadow { max-width: 990px; } } /* TOOLING ROW */ div#shopify-section-1572726700177, div#shopify-section-1596735648302 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } div#shopify-section-1572726700177 h2, div#shopify-section-1596735648302 h2 { text-shadow: none; } /* CUSTOMER TESTIMONIALS */ div#shopify-section-1572727108163 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonials-bg.jpg?v=4476422273216100531783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* CUSTOM APPLICATION ROW */ div#shopify-section-1572727115640 { background-color: #f8f8f8; } div#shopify-section-1572727115640 h2 { text-shadow: none; color: #08381e; } div#shopify-section-1572727115640 img { max-width: 480px; float: right; } @media only screen and (max-width: 768px) { div#shopify-section-1572727115640 p { text-align: center; } div#shopify-section-1572727115640 img { margin-top: 30px; width: 300px; float: none; margin-left: auto; margin-right: auto; display: block; } } /*** FM - SUNRISE PAGE ***/ /* TOOLING ROW */ div#shopify-section-1572727553232, div#shopify-section-1596736312333 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } div#shopify-section-1572727553232 h2, div#shopify-section-1596736312333 h2 { text-shadow: none; } /* CUSTOMER TESTIMONIALS */ div#shopify-section-1572728382311 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonials-bg.jpg?v=4476422273216100531783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* CUSTOM APPLICATION ROW */ div#shopify-section-1572728399886 { background-color: #f8f8f8; } div#shopify-section-1572728399886 h2 { text-shadow: none; color: #08381e; } div#shopify-section-1572728399886 img { max-width: 360px; float: right; } @media only screen and (max-width: 768px) { div#shopify-section-1572728399886 p { text-align: center; } div#shopify-section-1572728399886 img { margin-top: 30px; width: 300px; float: none; margin-left: auto; margin-right: auto; display: block; } } /*** FM - VOORTMAN PAGE ***/ /* HERO ROW */ @media only screen and (min-width: 960px) { div#shopify-section-1572728740125 .hero__text-shadow { max-width: 970px; } } /* TOOLING ROW */ div#shopify-section-1572728835907 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; } div#shopify-section-1572728835907 h2 { text-shadow: none; } /* CUSTOMER TESTIMONIALS */ div#shopify-section-1572729233601 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonials-bg.jpg?v=4476422273216100531783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } /* CUSTOM APPLICATION ROW */ div#shopify-section-1572729237737 { background-color: #f8f8f8; display: none; } div#shopify-section-1572728835907 h2 { text-shadow: none; color: #08381e; } div#shopify-section-1572729237737 img { max-width: 360px; float: right; } @media only screen and (max-width: 768px) { div#shopify-section-1572729237737 img { margin-top: 20px; max-width: 100%; } } /*** CAREERS PAGE ***/ /* INTRO ROW */ #shopify-section-1572465782911 .image-wrap { padding-bottom: 80% !important; margin: 0; background: transparent; } #shopify-section-1572465782911 img { height: 260px; width: auto; margin: 0 auto; padding: 20px; } @media only screen and (max-width: 768px) { div#shopify-section-1572465782911 .grid .grid__item.medium-up--one-quarter { width: 50%; } #shopify-section-1572465782911 img { height: 150px; } } /* POSITION ROW */ div#shopify-section-1572698669461 { background-color: #f8f8f8; } div#shopify-section-1572698669461 h2, div#shopify-section-1572698669461 h3 { color: #08381e; text-shadow: none; } .career-positions-panel .panel.panel-default { background: #fff; padding: 20px; border: 3px solid #d7d7d7; margin-bottom: 20px; } .career-positions-panel .accordion-info { float: left; } .career-positions-panel .accordion-info h3 { margin-bottom: 0; line-height: 54px; } .career-positions-panel .accordion-buttons { float: right; } .career-positions-panel .collapse { display: none; } .career-positions-panel .p-hide { display: none; } .career-positions-panel .p-show { display: inline-block; } .career-positions-panel .panel-collapse { margin-top: 40px; } @media only screen and (max-width: 768px) { .career-positions-panel .accordion-info h3 { font-size: 20px; line-height: 1.2em; margin-bottom: 10px; } .career-positions-panel .accordion-buttons { float: left; width: 100%; } .career-positions-panel .accordion-buttons a.btn { display: inline; padding: 9px 17px; font-size: 16px !important; float: left; } .career-positions-panel .accordion-buttons a.btn-accordion { float: right; padding: 7px 17px; } } /* INTERNSHIP ROW */ div#shopify-section-1572698860589 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; } div#shopify-section-1572698860589 h2 { color: #08381e; text-shadow: none; } div#shopify-section-1572698860589 img { max-width: 360px; float: left; } @media only screen and (max-width: 768px) { div#shopify-section-1572698860589 p { text-align: center; margin-top: 20px; } div#shopify-section-1572698860589 img { max-width: 100%; } } /* BENEFITS ROW */ div#shopify-section-1572698725093 { padding-bottom: 10px; } @media only screen and (max-width: 768px) { div#shopify-section-1572698725093 .grid > .medium-up--one-half:last-child { margin-bottom: 0; } div#shopify-section-1572698725093 { padding-bottom: 30px; } } div#shopify-section-1572698725093 h3 { font-size: 20px; margin-bottom: 8px; } div#shopify-section-1572698725093 .grid > .medium-up--one-half { margin-bottom: 50px; } div#shopify-section-1572698725093 svg { width: 100px; margin: 0 auto; display: block; } @media only screen and (min-width: 769px) { div#shopify-section-1572698725093 h3 { font-size: 32px; margin-bottom: 8px; } div#shopify-section-1572698725093 svg { width: 160px; } } /* APPLICATION ROW */ div#shopify-section-1572882327496 a, div#shopify-section-1572882327496 a:visited{ color: #ffffff; border-bottom: 2px solid rgba(255,255,255,1.0); } div#shopify-section-1572882327496 a:hover { opacity: 0.8; } div#shopify-section-1572882327496 a:not(.btn):after, div#shopify-section-1572882327496 a:not(.btn):after { transition: all 0s ease 0s; } .covid_popup p { text-align:center !important; } /*** CONTACT PAGE ***/ div#shopify-section-1571945503119 h2 { color: #08381e; text-shadow: none; } div#shopify-section-1571945503119 img { max-width: 380px; float: right; width: 100%; } @media only screen and (max-width: 768px) { div#shopify-section-1571945503119 img { margin-top: 20px; max-width: 100%; } } /*** SEARCH PAGE ***/ .template-search nav.breadcrumb { display: none; } .grid-search__page-link { height: 100px; background: transparent; } .template-search h1{ text-shadow:none; color: #08381e; } .template-search .section-header h2.section-header__title{ font-size:32px; font-weight:400; text-align:left; } /*** SITEMAP ***/ ul.sitemap li { margin-bottom: 10px; } /****** ECOMMERCE ******/ .section-header--404 .section-header__title{ text-shadow:none; } @media(max-width:768px){ .template-cart .cart__row{ margin-bottom:0px; } .template-cart .section-header--404{ padding: 30px 0; } } #shopify-section-product-template { padding-top: 50px; } .section-header__shadow:before { z-index: -1; } .section-header__shadow .breadcrumb { display: none; } .collection-hero__content .section-header { text-align: left; } .collection-sidebar__group { border-top: none; border-bottom: 2px solid #d7d7d7; } .collection-sidebar__group .tag-list__header { color: #08381e; font-size: 26px; text-transform: inherit; letter-spacing: 0; font-family: 'Open Sans', sans-serif; font-weight: 800; line-height: 1; padding-top: 10px; } .collapsible-trigger svg.icon.icon--wide.icon-chevron-down { color: #d7d7d7; width: 18px; height: 18px; } .tag-list a { line-height: 1.6em; } .collapsible-trigger__icon { top: 50%; } .grid__item--sidebar { overflow-y: visible; position: initial; max-height: 100%; } /** PRODUCT PAGE **/ .breadcrumb { text-align: left; } h1.h2.product-single__title { color: #08381e; text-shadow: none; text-align: left; margin-bottom: 0; } .product-single__meta .product__price { text-align: left; display: block; font-size: 28px; } .product-single__meta hr.hr--medium { margin: 20px auto; border-top: 2px solid #d7d7d7; } .variant-wrapper--dropdown { display: block; text-align: left; margin-right: 0; } label.variant__label { color: #08381e; font-size: 24px; text-transform: initial; letter-spacing: 0; } .variant-input-wrap select { font-size: 24px; border: 2px solid #000000; width: 100%; background-size: 18px; background-image: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/cleveland-ico-select-lighter.svg?v=132540419617938140441783953610); } .btn.btn--full.add-to-cart { font-size: 22px; } .product-single__description { font-size: 22px; } .product-single__meta .collapsible-trigger { font-size: 24px; text-transform: uppercase; font-weight: 700; letter-spacing: 0; color: #000; text-align: left; border: 0px solid #08381e; padding: 15px } .product-single__meta .collapsible-trigger.is-open { border-bottom: none !important; } .product-single__meta .collapsible-trigger__icon { right: 14px; width: 18px; height: 18px; } .collapsible-trigger__icon .icon { width: 18px; height: 18px; } .product-single__meta .collapsible-trigger svg.icon.icon--wide.icon-chevron-down { color: #08381e; } .product-single__meta .collapsible-content__inner, .collapsibles-wrapper--border-bottom { border: none !important; } .product-single__meta .collapsible-content__inner { padding: 0 15px 15px !important; } .product-single__meta .collapsibles-wrapper--border-bottom { border: 2px solid #08381e !important; } .product-single__meta .collapsible-content__inner span { font-size: 22px; } .template-product a.btn.btn--small.return-link { display: none; } .product__thumb-item.slick-slide.slick-current.slick-active { border: 8px solid #08381e; box-sizing:border-box; } .product__thumb-item.slick-slide{ border: 8px solid white; } .product-single__sku { text-align: left; } .product__quantity--dropdown { display: block; text-align: left; } .product__quantity label { color: #08381e; font-size: 24px; text-transform: initial; letter-spacing: 0; } .js-qty__wrapper { max-width: 140px; } .js-qty__num { padding: 8px 50px; } .js-qty__num:active, .js-qty__num:focus { border-width: 2px !important; } .js-qty__adjust--minus, .js-qty__adjust--plus { border-color: #000; background: transparent; border: 2px solid #000 !important; padding: 0 10px; } .js-qty__num { font-size: 24px; border: 2px solid #000; width: 100%; background-size: 18px; } .js-qty__adjust .icon { height: 18px; width: 18px; font-size: 18px; } .js-qty__adjust:hover { color: #fff !important; background-color: #f1f1f1; opacity: 0.9; } /** SEARCH **/ @media only screen and (min-width: 769px) { .page-width.page-content.search-row { padding-top: 40px; padding-bottom: 40px; } } .template-collection .search-bar { max-width: 390px; margin-left: auto; margin-right: auto; } .search-bar--page { max-width: 400px; } .breadcrumb { font-size: 20px; } #cf-edit-account-heading { color: #08381e; } label:not(.variant__button-label), .label { color: #08381e; font-size: 24px; text-transform: capitalize; letter-spacing: inherit; } /** RELATED PRODUCTS **/ #shopify-section-product-recommendations h3.section-header__title { font-size: 24px; line-height: 1.2em; color: #08381e; text-shadow: none; } div#shopify-section-product-recommendations { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; color: #08381e; padding: 30px 0; background-position: top -10px center; } div#shopify-section-product-recommendations .index-section { margin: 0; } .collection-filter__item--count { font-size: 18px; text-transform: capitalize; } .template-product .grid-product__title.grid-product__title--heading, .grid-product__title--heading { font-size: 24px; color: #08381e; } .template-product .grid-product__price, .grid-product__price { font-size: 20px; } @media only screen and (max-width: 768px) { h1.h2.product-single__title { text-align: center; } .product-single__meta .product__price { text-align: center; font-size: 20px; } .breadcrumb { display: none; } label.variant__label, .product__quantity label { font-size: 18px; } .btn.btn--full.add-to-cart { font-size: 18px; } .product-single__description { font-size: 16px; } .product-single__meta .collapsible-trigger { font-size: 18px; } .template-product .grid-product__title.grid-product__title--heading, .grid-product__title--heading { font-size: 16px; } .template-product .grid-product__price, .grid-product__price { font-size: 14px; } .product-single__meta .collapsible-content__inner span { font-size: 16px; } .product-recommendations .grid { margin: 0 auto; } #shopify-section-product-recommendations .grid-overflow-wrapper { overflow-x: hidden; } .grid-overflow-wrapper .product-recommendations .grid__item { width: 47vw; -ms-flex: 0 0 39vw; flex: 0 0 47vw; display: inline-block; float: none; white-space: normal; } .product-recommendations .grid--uniform .small--one-half:nth-child(3n+1) { display: none; } } @media only screen and (min-width: 769px) { .template-collection .collection-content { padding-top: 0; /* 115px before search bar */ } #shopify-section-product-recommendations h3.section-header__title { font-size: 48px; } div#shopify-section-product-recommendations { padding: 60px 0; } .collection-filter__item--count { font-size: 32px; text-transform: capitalize; } .template-cart .collection-hero { height: 240px; } .cart__row.small--show { display: none; } } .template-product .page-content--bottom { padding: 0; } .collection-image, .grid-product__link .image-wrap { position: relative; } .collection-image:before, .grid-product__link .image-wrap:before { position: absolute; content: ''; display: block; height: 100%; width: 100%; } .grid__image-ratio { background-color: transparent; } .collection-image:before, .grid-product__link .image-wrap:before, .grid__image-ratio:before { background-color: white; opacity: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-property: opacity; -webkit-transition-property: opacity; } /** PAGINATION **/ .pagination .page { font-size: 20px; color: #08381e; } .pagination .page.current { opacity: 1; font-weight: bolder; } .pagination .next, .pagination .prev { background: #08381e; } /** CART **/ .back-to-store { display: inline-block; text-align: left; left: 0; position: absolute; } .small--show .back-to-store { display: block; position: relative; text-align: center; background: #eee; padding: 15px; } .small--show .back-to-store a { font-size: 16px; } .back-to-store a { color: #08381e; font-weight: 600; font-size: 22px; line-height: 1em; text-transform: capitalize; } .cart__row.small--hide { font-size: 24px; color: #08381e; } a.h4.cart__product-name { color: #08381e; font-size: 24px; text-transform: capitalize; font-weight: 900; letter-spacing: 0; } p.cart__product-meta { font-size: 20px; } span.cart__price { font-size: 20px; } .cart__product-qty { font-size: 20px; padding: 4px; border: 2px solid #000; } .cart__product-qty { font-size: 20px; padding: 4px; max-width: 60px; text-align: right; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } .cart__row .btn--secondary.btn--small, button.btn.btn--secondary.cart__update{ border: 2px solid #f04c23; color: #f04c23 !important; font-size: 22px; font-weight: 600; padding: 11px 20px; letter-spacing: 0; } button.btn.cart__checkout { border: 2px solid #f04c23; color: #fff !important; font-size: 22px; font-weight: 600; padding: 11px 20px; letter-spacing: 0; } .cart__row a.btn:before { display: none; } .cart__row .btn--secondary.btn--small:hover, button.btn.btn--secondary.cart__update:hover { opacity: 0.7; } .cart__row p.h4 { font-size: 24px; letter-spacing: 0; text-transform: capitalize; } .cart__row:last-of-type .grid__item.text-center { text-align: right !important; } .cart__row:last-of-type small { font-size: 16px; } @media only screen and (max-width: 768px) { a.h4.cart__product-name { font-size: 16px; } p.cart__product-meta { font-size: 14px; } label.medium-up--hide { color: #08381e; text-align: center; font-size: 14px; letter-spacing: 0; text-transform: capitalize; margin-top: 20px; } span.cart__price { font-size: 16px; text-align: center; } .cart__product-qty { font-size: 16px !important; line-height: 1em; text-align: center; } .grid .cart__row { border-top: 1px solid #e8e8e1; padding-top: 25px; } .grid .cart__row:first-of-type { border: none; } .grid .cart__row:nth-of-type(2) { border: none; padding-top: 0; } .cart__row p.h4 { font-size: 16px; } .cart__row .one-half:first-of-type p.h4 { text-align: left; } .cart__row:last-of-type small { font-size: 16px; text-align: center; } button.btn.btn--secondary.cart__update { font-size: 14px; padding: 8px 20px; } button.btn.cart__checkout { font-size: 14px; padding: 8px 20px; } .cart__checkout-wrapper { margin-top: 20px; text-align: center; } button.btn.cart__checkout::before { margin-top: 1px; } .cart__row a.btn.btn--small.medium-up--hide { background: transparent; border: 2px solid #f04c23; color: #f04c23 !important; } } /** ACCOUNT **/ .template-customers-account .page-width.page-content, .template-customers-order .page-width.page-content { padding-top: 120px; } .template-customers-login h1.section-header__title, .template-customers-register h1.section-header__title, .template-customers-account h1.section-header__title, .template-customers-order h1.section-header__title { text-shadow: none; color: #08381e; text-transform: capitalize; } .template-customers-account h1.section-header__title, .template-customers-order h1.section-header__title { text-align: left !important; float: left; } .template-customers-order h1.section-header__title { float: none; } .template-customers-account header.section-header, .template-customers-order header.section-header { border-bottom: 1px solid #e8e8e1; margin-bottom: 20px; text-align: right; } .template-customers-account .section-header a.btn { display: inline-block; margin-top: 0; margin-bottom: 20px; } .template-customers-account h2, .template-customers-account h3, .template-customers-order h2, .template-customers-order h3 { text-shadow: none; color: #08381e; font-size: 24px; text-transform: capitalize; } .template-customers-account .page-content p.h5, .template-customers-order .page-content p.h5 { font-size: 20px; font-weight: 700; letter-spacing: inherit; text-transform: capitalize; } .template-customers-account .page-content p, .template-customers-order .page-content p { font-size: 20px; line-height: 1.2em; } .template-customers-account .page-content p a.text-link { font-size: 20px; line-height: 1.2em; text-transform: capitalize; font-weight: 700; } .template-customers-account thead th, .template-customers-order thead th { text-transform: uppercase; font-size: 14px; padding: 8px 15px; color: #fff; background: #08381e; } .template-customers-account table td, .template-customers-order table td { font-size: 14px; } .template-customers-account table a, .template-customers-order table a { font-weight: 700; color: #08381e; text-decoration: underline; } .template-customers-account table td.order-actions a.btn { margin-top: 0; padding: 10px; line-height: normal; width: auto; min-width: initial; font-size: 14px !important; } .template-customers-account table td.order-actions a.btn::before, .template-customers-account table td.order-actions a.btn::after { display: none; } #CustomerLoginForm small.label-info, #create_customer small.label-info{ margin-bottom: 0; margin-top: 10px; font-size: 18px; line-height: 24px; } #CustomerLoginForm label, #create_customer label { font-size: 24px; color: #08381e; text-transform: capitalize; letter-spacing: inherit; } @media only screen and (max-width: 768px) { #CustomerLoginForm small.label-info, #create_customer small.label-info{ font-size: 16px; line-height: 20px; } #CustomerLoginForm label, #create_customer label { font-size: 20px; } .template-customers-login .page-width.page-content, .template-customers-register .page-width.page-content, .template-customers-account .page-width.page-content { padding-top: 80px; } } @media only screen and (max-width: 768px) { .template-customers-account header.section-header, .template-customers-order header.section-header { text-align: center; border-bottom: none; } .template-customers-account h1.section-header__title, .template-customers-order h1.section-header__title { text-align: center !important; float: none; font-size: 38px; } .template-customers-account .section-header a.btn { margin-top: 20px; } .template-customers-account table td, .template-customers-order table td { font-size: 16px; padding: 15px 15px 0 15px; } .template-customers-account table td:last-of-type, .template-customers-order table td:last-of-type { padding-bottom: 15px; } .template-customers-account .page-content p, .template-customers-order .page-content p, .template-customers-account .page-content p.h5, .template-customers-order .page-content p.h5 { font-size: 16px; line-height: 1.4em; } .template-customers-account .table--responsive td:before, .template-customers-order .table--responsive td:before { font-size: 16px; font-weight: 900; color: #08381e; } } /****** STORE FILTER ******/ /* Hide shape options, model number, shear blade options, accessories filters by default */ .collection-sidebar__group--1572014462203, .collection-sidebar__group--1572014535551, .collection-sidebar__group--1591729241071, .collection-sidebar__group--1591729277370, .collection-sidebar__group--e074725b-b1e4-4ad0-b9c0-813b89f8ff90, .collection-sidebar__group--6c9251f1-e507-4ebb-a34c-eff256d5e67d, .collection-sidebar__group--5a1dd319-3b48-4296-ba26-986e865761af, .collection-sidebar__group--43fae6f6-cb38-4f43-9619-33d3d87b5c67, .collection-sidebar__group--a462eb31-c73e-4a2f-81d0-8206c0e4bf7c, .collection-sidebar__group--cb5bdd9a-4c15-48dd-a818-cb92bc161dd2, .collection-sidebar__group--5d6f3148-2016-414a-af09-77808ec1be2a, .collection-sidebar__group--e5ae6b14-2e02-4756-a3f2-fdd73127e46a, .collection-sidebar__group--054dae33-ae71-44d3-80f3-204ede1032a3, .collection-sidebar__group--c8d9e012-1f55-4c00-8e6f-f31de31d7780, .collection-sidebar__group--56a03880-ae6b-4acb-8c87-ef40c0fbebf7, .collection-sidebar__group--4d0d0ea1-d177-4e20-aefa-27535716dcfc, .collection-sidebar__group--tags_group_hBPm8g, .collection-sidebar__group--tags_group_yN3PWR, .collection-sidebar__group--tags_group_N3FYTU, .collection-sidebar__group--tags_group_XLtJwJ, .collection-sidebar__group--tags_group_wXTWbV, .collection-sidebar__group--tags_group_UCxtXT, .collection-sidebar__group--tags_group_Qa9gpb, .collection-sidebar__group--tags_group_M6bWXP, .collection-sidebar__group--tags_group_MqnBwN, /*AP-313 Round Die*/ .collection-sidebar__group--tags_group_a4VNaC, /*AP-119 Round Punch Size*/ .collection-sidebar__group--tags_group_Jima3y, /*CST-219 Round Punch Size*/ .collection-sidebar__group--tags_group_P6UTnN /*CST-413 Round Die Size*/ { display: none; } .collection-sidebar__group--1572014535551 .tag-list .tag { display: none; } .collection-sidebar .tag-list a.btn, .drawer .tag-list a.btn { font-size: 15px !important; padding-right: 23px; } .collection-sidebar__group .tag-list--checkboxes a { font-size: 18px; } /****** FOOTER ******/ .site-footer { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/top-footer-bg.jpg?v=99796319699951547561783953610); background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width: 768px) { .site-footer { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/footer-bg-mobile.jpg?v=12228107602336453551783953610); background-size: cover; background-repeat: no-repeat; } .footer__logo { margin-bottom: 5px; } .made-in-usa { margin-bottom: 10px; } .made-in-usa img { max-height: 16px; } } .site-footer, .site-footer p, .site-footer span, .site-footer a, .site-footer li { color: #fff; } .site-footer, .site-footer .footer-contact-info, .site-footer .made-in-usa { font-weight: 700; } .made-in-usa img { vertical-align: text-bottom; padding-right: 5px; } /* Footer Menus */ p.h4.footer__title { font-weight: 800; font-size: 28px; text-transform: capitalize; letter-spacing: initial; text-shadow: 3px 3px 4px rgba(1,1,1,0.8); margin-bottom: 10px; } .site-footer .grid__item li { margin: 0; line-height: 24px !important; } .site-footer__linklist a, .site-footer__linklist a:visited { font-size: 16px; color: #ffffff; text-transform: uppercase; padding: 0; line-height: 16px; } .site-footer__linklist a:hover { opacity: 0.8; } /* Footer Only Menu */ .site-footer__linklist.mobile-footer-menu a, .site-footer__linklist.mobile-footer-menu a:visited { font-size: 24px; text-shadow: 2px 2px 2px #010101; line-height: 1.35em; } .grid__item.footer__item--1571676239140 { padding-top: 20px; padding-bottom: 20px; } @media only screen and (min-width: 769px) { .grid__item.footer__item--1571676239140 { display: none; } } @media only screen and (max-width: 768px) { .site-footer .grid__item { display: none; } .site-footer .grid__item.footer__item--1571676239140, .site-footer .grid__item.footer__item--1494301487048, .site-footer .grid__item.footer__item--social { display: block; } .grid__item.footer__item--1571676239140 { display: none !important; } } /* Footer Social */ .grid__item.footer__item--social ul li { display: inline; } .footer__item--social .site-footer__linklist { margin-top: 10px; } @media only screen and (min-width: 960px) { .grid__item.footer__item--social { width: 25%; padding-top: 25px; } } @media only screen and (max-width: 768px) { .footer__item--social img { margin: 0 auto; } .grid__item.footer__item--social { padding-bottom: 30px; } } /* Footer Bottom */ .bottom-footer { background-color: #000000; padding: 20px 0; } .bottom-footer .grid__item { margin-bottom: 15px; } .bottom-footer, .bottom-footer span, .bottom-footer a { font-size: 14px; color: #ffffff; } .bottom-footer a:hover { opacity: 0.8; } @media only screen and (min-width: 960px) { .bottom-footer .grid__item { width: 50%; } .bottom-footer, .bottom-footer span, .bottom-footer a { font-size: 16px; } .bottom-footer .grid__item { margin-bottom: 0; } } /*** File Assets Helper ***/ .file-asset-helper { background: url(); } /*** COVID-19 POPUP ***/ div#NewsletterPopup-newsletter-popup p { text-align: center; } @media only screen and (min-width: 1080px) { .newsletter { margin: 0 auto; max-width: 960px; } } /*** Cart Drawer ***/ .drawer { z-index: 999999; } .drawer__fixed-header { color: #fff; background-color: #08381e; } @media only screen and (min-width: 769px) { .drawer__fixed-header:not(.drawer__fixed-header--full) { left: 0; right: 0; padding-left: 30px; padding-right: 30px; } } .drawer__header { border-bottom: 0; } .drawer__close-button:active { background-color: transparent; } .drawer .js-qty__num { font-size: 17px; padding: 0; } .drawer .js-qty__adjust { padding: 0 5px; } .drawer .js-qty__adjust .icon { height: 14px; width: 14px; } .drawer__footer .ajaxcart__note { font-size: 14px; letter-spacing: normal; line-height: normal; } /*** MODAL ***/ @media only screen and (max-width: 768px) { .modal-open { overflow: hidden; } .modal--mobile-friendly { z-index: 999999; top: 0; bottom: 0; } .modal-open .modal--mobile-friendly:before { display: block; content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #e6e6e6; animation: overlay-on 0.5s forwards; cursor: pointer; } } /*** Image hover ***/ a.collection-item:hover .collection-image:before, a.grid-product__link:hover .grid__image-ratio:before, a.grid-product__link:hover .image-wrap:before, a.image-link:hover .image-wrap img { opacity: 0.5; } /** * Web Dev Custom Stylesheet */ /** Custom App page **/ .customApp_wrap .product-single__meta .product__price, .customApp_wrap .product-single__meta .product-single__form { display: none; } .customApp_wrap .product-single__meta .product-single__description { font-size: 24px; line-height: 1.25; } .customApp_wrap .product-single__meta .product-single__description u { text-decoration: none; } .customApp_wrap .product-single__meta .btn_custom { margin: 30px 0; letter-spacing: 1.5px !important; } .customApp_wrap .product-single__meta .btn_custom:before { display: none; } .customApp_recommend .product-recommendations .grid-product__meta .grid-product__price { display: none; } .product-recommendations .customApp .grid-product__meta .grid-product__price { display: none; } .template-search .customApp .grid-product__price { display: none; } .site-footer .footer_whatsapp { padding-top: 18px; } div#shopify-section-55345bfe-4480-4497-b29a-2ef037a7288b, div#shopify-section-45859437-0fdb-4681-ae16-40d0be3daf47, div#shopify-section-bdcb3a40-11f5-4771-862a-81c314fb88c6 { background-color: #08381e; color: #ffffff; } div#shopify-section-6c343cb4-e090-45cc-8e43-03f5f878d250 { background-color: #f8f8f8; color: #08381e; } div#shopify-section-6c343cb4-e090-45cc-8e43-03f5f878d250 p a { color: #08381e; } div#shopify-section-6c343cb4-e090-45cc-8e43-03f5f878d250 p.h3 { color: #08381e; text-shadow: none; font-size: 24px; line-height: 1.2em; } div#shopify-section-43945688-afef-4126-8de8-fad4e05722bc { color: #08381e; background-color: #f8f8f8; } div#shopify-section-123f9c3b-7180-40ea-8a2f-539c2e011ffe .acerill-custom-form form .ace-cf-row:last-child { display: none !important; } /* Spanish Modal */ .cus_modal { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; display: none; align-items: center; justify-content: center; z-index: 999; } .cus_modal.active { display: flex; } .cus_modal_overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #00000080; cursor: pointer; } .cus_modal_inner { position: relative; width: calc(100% - 42px); max-width: 600px; max-height: calc(100% - 100px); background: #fff; box-shadow: 0 0 15px #00000080; padding: 40px; padding-top: 48px; } .cus_modal_content h2 { font-size: 35px; line-height: 1.1; margin-bottom: 30px; text-shadow: none; } .cus_modal_content p { margin: 0; font-size: 18px; } .cus_modal_content a { transition: all 0.3s ease-in-out; text-decoration: underline; font-weight: bold; } .cus_modal_content a:hover { text-decoration: none; } .cus_modal_close { position: absolute; right: 0; top: 0; right: 3px; top: 6px; } .cus_modal_close svg { width: 42px; height: 42px; color: #999; } /* Wishlist function */ #ZlistWishlist { float: initial; display: flex; } #ZooomyList .zooomypwishmsg { background: #f04c23 !important; padding: 11px 20px; font-weight: 700; line-height: 1.42; font-size: 20px !important; color: #fff !important; letter-spacing: 0; transition: all 0.2s ease-in-out; } #ZooomyList .zooomypwishmsg:hover { opacity: 0.9; } #ZooomyList .wishcount { display: none; } .toolbar__menu .search_header-login:after { content: ''; padding-left: 4px; } .toolbar__menu .wishlist-header img { width: 19px; height: 19px; position: relative; top: 5px; } .template_page-zooomywishlist .section-header__title { text-shadow: none; color: #08381e; } .template_page-zooomywishlist .page_main { margin-left: -22px; } #ZoomyWishlistPage .ZoomyWishlistPageGrid { width: calc(25% - 22px); margin: 0; margin-left: 22px; margin-bottom: 30px; border: none; padding: 0; padding-bottom: 6px; } #ZoomyWishlistPage .zbodypimg { margin-bottom: 10px; } #ZoomyWishlistPage .zbodypimg .zremovefromwish { background: #08381e; z-index: 1; } #ZoomyWishlistPage .zbodypimg a { display: block; position: relative; } .ZoomyWishlistPageGrid .zbodypimg a:after { content: ''; position: absolute; display: block; width: 100%; height: 100%; background: #fff; opacity: 0; left: 0; top: 0; border: none; transition: all 0.3s ease-in-out; } .ZoomyWishlistPageGrid:hover .zbodypimg a:after { opacity: 0.5; } #ZoomyWishlistPage .ZoomyWishlistPageGrid .zbodytitle a { display: block; font-size: 24px; color: #08381e; font-weight: 800; line-height: 1; } .ZoomyWishlistPageGrid .zbodytitle a:after { display: none; } .ZoomyWishlistPageGrid .zprice { font-size: 20px; display: block; line-height: 1.5; margin-top: 3px; color: #1c1d1d; } #ZoomyWishlistPage .zbodypimg a img { display: block; } #ZoomyWishlistPage .zbodyinfo, #ZoomyWishlistPage .zbodyaction { display: none; } .wishlist_link { padding-top: 15px; } .wishlist_link a { color: #08381e; } /* Wistia Video row */ .cus_video_section h2 { color: #08381e; text-shadow: none; } .cus_video_btn { display: block; position: relative; width: 100%; max-width: 650px; margin: 0 auto 15px; } .cus_video_thumb { display: block; width: 100%; max-width: 650px; height: auto; margin: 0 auto; } .cus_video_play_icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; background-image: url('video-play.png'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 200px; height: 135px; transition: all 0.25s ease-in-out; } .cus_video_play_icon:hover { background-image: url('video-play-hover.png'); } .cus_video_wrapper { margin-bottom: -3px; position: relative; background: #fff; } .wistia_responsive_padding { padding: 165px !important; } @media(max-width: 765px) { .wistia_responsive_padding { padding: 110px !important; } } /* FAQ page */ .template_page-sections-faq .hero__text-shadow { max-width: 100%; } .template_page-sections-faq .cus_html_wrapper { background-color: #08381e; color: #ffffff; } .template_page-sections-faq .cus_html_wrapper a { color: #fff; border-bottom-color: #777; } .faq_wrapper { background: url('background-all-machines.jpg'); background-size: cover; background-repeat: no-repeat; color: #08381e; } .faq_wrapper h2 { text-shadow: none; } .faq_subwrap { padding-bottom: 25px; } .faq_subwrap:last-child { padding-bottom: 0; } .faq_block { background: #fff; padding: 20px; border: 3px solid #d7d7d7; margin-bottom: 20px; } .faq_header { display: flex; justify-content: space-between; align-items: center; } .faq_header h3 { width: calc(100% - 205px); margin-bottom: 0; line-height: 1.3; } .faq_action { line-height: 1.42; font-weight: 700; text-transform: uppercase; padding: 11px 20px; background: #f04c23; cursor: pointer; transition: all 0.2s ease-in-out; color: #fff; font-size: 22px; width: 193px; display: flex; align-items: center; justify-content: center; } .faq_action:after { content: ''; width: 20px; height: 20px; background: url('angle-double-right-solid.svg'); background-size: 100% auto; background-repeat: no-repeat; margin-left: 6px; margin-top: -1px; } .faq_action:hover { opacity: 0.9; } .faq_action span { margin-left: 6px; } .faq_content { display: none; padding: 36px 5px 20px 20px; } .faq_content p { font-size: 24px; line-height: 1.25; color: #000; margin-bottom: 15px; } .faq_content p:last-child { margin-bottom: 0; } .faq_content p.faq_level1 { display: list-item; margin-left: 25px; } .faq_content p.faq_level2 { display: list-item; margin-left: 60px; } .faq_content p a { color: #08381e; font-weight: 700; border-bottom-color: #999; } .faq_content a[href^="mailto:"] { cursor: pointer; border-bottom: 2px solid rgba(0, 0, 0, .2) !important; } .faq_content a[href^="mailto:"]:hover:after { border-bottom: 2px solid currentColor; width: 100% !important; } .faq_table { max-width: calc(100% - 120px); margin: 21px 60px 25px; width: 720px; } .faq_table table { font-size: 24px; line-height: 1.25; color: #000; } .faq_table table th { text-align: center; } .faq_assets { display: flex; padding-top: 21px; } .faq_asset { margin-right: 30px; width: 150px; margin-bottom: 12px; } .faq_asset img { display: block; cursor: pointer; } .faq_video .cus_video_play_icon { width: 75px; height: 51px; } .faq_asset h4 { text-align: center; margin: 0; font-size: 18px; font-weight: 700; text-transform: initial; letter-spacing: 0; margin-top: 10px; line-height: 1.2; } .img_modal { display: flex; width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 99; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } .img_modal.active { visibility: visible; opacity: 1; } .img_modal_overlay { position: absolute; width: 100%; height: 100%; background: #00000080; } .img_modal_content { position: relative; } .img_modal_content img { max-width: calc(100vw - 60px); max-height: calc(100vh - 120px); display: block; } .img_modal_content span { display: flex; color: #000; border-radius: 100%; background: #fff; align-items: center; justify-content: center; bottom: 15px; left: calc(50% - 25px); cursor: pointer; border: 1px solid #d7d7d7; font-size: 24px; transform: scale(1, 0.7); width: 50px; height: 71px; position: absolute; } /* Punch Die Modal */ .punch_die_modal { position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; align-items: center; justify-content: center; z-index: 9999999999; display: none; } .punch_die_modal.active { display: flex; } .punch_die_modal_overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #00000080; cursor: pointer; } .punch_die_modal_inner { position: relative; width: calc(100% - 42px); max-width: 720px; max-height: calc(100% - 100px); background: #fff; box-shadow: 0 0 15px #00000080; padding: 40px; padding-top: 48px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #08381e transparent; text-align: center; } .punch_die_modal_inner::-webkit-scrollbar { width: 6px; } .punch_die_modal_inner::-webkit-scrollbar-thumb { background: #08381e; border-radius: 3px; } .punch_die_modal_content h2 { font-size: 60px; line-height: 1.1; margin-bottom: 30px; text-shadow: none; color: #FD3131; font-weight: bold; @media(orientation: portrait) { font-size: 48px; line-height: 1; } } .punch_die_modal_content p { margin: 0; font-size: 18px; margin-bottom: 12px; } .punch_die_modal_content a { transition: all 0.3s ease-in-out; text-decoration: underline; font-weight: bold; } .punch_die_modal_content a:hover { text-decoration: none; } .chart_wrap { margin-top: 25px; } .chart_wrap img { display: block; max-width: 100%; } .punch_die_modal_close { position: absolute; right: 0; top: 0; right: 3px; top: 6px; } .punch_die_modal_close svg { width: 42px; height: 42px; color: #999; } .icart .icart-main .icart-slider-drawer.icart-inner.icart_popup { z-index: 999999999; } /* Shear Blades page */ div#shopify-section-85d0aeb0-0ef5-496a-87c2-c5d69c98feef, div#shopify-section-d270f1c7-72b8-47bf-bcca-483be0ff62bf { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonial-row.jpg?v=50435400417214132411783953610); background-size: cover; background-repeat: no-repeat; background-position: center; color: #ffffff; } .grid-shear_blades .grid__item { display: none; } .grid-shear_blades .grid__item.item-shear_blades { display: block; } div#shopify-section-e6bc7b7e-36c4-4d16-9287-e3a50925478a, div#shopify-section-e3d13674-b524-4b9e-bde9-e1c6b399c524 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/background-all-machines.jpg?v=154838418524518470521783953610); background-size: cover; background-repeat: no-repeat; } div#shopify-section-8316977a-ccca-47df-9318-6720dfb386dd, div#shopify-section-4b5871a9-1642-4dd0-882c-90b7c66aff88 { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/shear-blades-columns.jpg?v=147069962725870268571783953610); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0; color: #08381e; } div#shopify-section-8316977a-ccca-47df-9318-6720dfb386dd h2, div#shopify-section-4b5871a9-1642-4dd0-882c-90b7c66aff88 h2 { text-shadow: none; } .shear_blades-section { padding: 60px 0; position: relative; } .shear_blades-section:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; } .shear_blades-section .page-width { position: relative; } .shear_blades-section .grid { display: flex; flex-wrap: wrap; justify-content: center; } .section-cta { margin-top: 25px; } /* Why Choose Us Page */ div#shopify-section-testimonial_slider_UJwVff { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/testimonials-bg.jpg?v=4476422273216100531783953610); background-size: cover; background-repeat: no-repeat; color: #ffffff; } div#shopify-section-why_choose_us_columns_GywmmG { background: url(//www.clevelandpunch.com/cdn/shop/t/31/assets/custom-applications-bg.jpg?v=22302690404416113371783953610); background-size: cover; background-repeat: no-repeat; } div#shopify-section-why_choose_us_columns_GywmmG h2 { text-shadow: none; } .why_choose_us-section { /* padding: 60px 0; */ position: relative; } .why_choose_us-section:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; } .why_choose_us-section .page-width { position: relative; } .why_choose_us-section .grid { display: flex; flex-wrap: nowrap; justify-content: center; } /** * Web Dev Custom Media Query */ @media screen and (min-width: 769px) { div#shopify-section-6c343cb4-e090-45cc-8e43-03f5f878d250 p.h3 { font-size: 48px; line-height: 1.2em; } } @media screen and (max-width: 768px) { .why_choose_us-section .grid { flex-wrap: wrap; } .why_choose_us-section { padding: 30px 0; } .site-footer .grid { display: flex; flex-wrap: wrap; justify-content: center; } .site-footer .grid__item.footer__item--social { width: auto; } .site-footer .footer_whatsapp { padding-left: 3px; padding-top: 0; } div#shopify-section-6c343cb4-e090-45cc-8e43-03f5f878d250 p { text-align: center; } .template_page-zooomywishlist .page-content { padding-top: 63px; } .template_page-zooomywishlist .page_main { margin-left: -17px; } .page_main #ZoomyWishlistPage .ZoomyWishlistPageGrid { width: calc(50% - 17px); margin: 0; margin-left: 17px; margin-bottom: 17px; } #ZoomyWishlistPage .ZoomyWishlistPageGrid .zbodytitle a { font-size: 16px; } .ZoomyWishlistPageGrid .zprice { font-size: 14px; } .cus_video_play_icon { width: 100px; height: 67.5px; } .faq_header { flex-wrap: wrap; justify-content: flex-end; } .faq_header h3 { width: 100%; font-size: 20px; margin-bottom: 12px; } .faq_action { font-size: 16px; padding: 10px 17px 9px; width: 160px; } .faq_action:after { width: 16px; height: 16px; margin-top: -3px; } .faq_content { padding-right: 0; padding-left: 0; padding-bottom: 10px; padding-top: 27px; } .faq_content p { font-size: 16px; line-height: 1.35; } .faq_content p.faq_level1 { margin-left: 19px; } .faq_content p.faq_level2 { margin-left: 45px; } .faq_table { max-width: calc(100% - 60px); margin: 21px 30px 25px; } .faq_table table { font-size: 16px; } .faq_assets { flex-wrap: wrap; padding-top: 12px; } .faq_asset { margin-right: 12px; } .faq_asset h4 { font-size: 16px; } .punch_die_modal_inner { padding: 30px; padding-top: 39px; } .shear_blades-section { padding: 30px 0; } } @media screen and (max-width: 500px) { .faq_table { max-width: 100%; margin-left: 0; margin-right: 0; } .faq_table table td { font-size: 13px; } }