/*############################################################################## ## Import # ##############################################################################*/ /*############################################################################## ## Transitions # ##############################################################################*/ .mm_scroll, .mac-pro { overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } .mm_scroll::-webkit-scrollbar, .mac-pro::-webkit-scrollbar { width: 8px; height: 8px; } .mm_scroll::-webkit-scrollbar-button, .mac-pro::-webkit-scrollbar-button { width: 0px; height: 0px; } .mm_scroll::-webkit-scrollbar-thumb, .mac-pro::-webkit-scrollbar-thumb { background: #b759ff; background: linear-gradient(165deg, #C61F26 0%, #C61F26 64%); border: 0px none rgba(255, 255, 255, 0); border-radius: 0px; } .mm_scroll::-webkit-scrollbar-thumb:hover, .mac-pro::-webkit-scrollbar-thumb:hover { background: #8a39c9; background: linear-gradient(90deg, #C61F26 0%, #C61F26 64%); } .mm_scroll::-webkit-scrollbar-thumb:active, .mac-pro::-webkit-scrollbar-thumb:active { background: #8a39c9; background: linear-gradient(90deg, #C61F26 0%, #C61F26 64%); } .mm_scroll::-webkit-scrollbar-track, .mac-pro::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0); border: 0px none rgba(255, 255, 255, 0); border-radius: 0px; } .mm_scroll::-webkit-scrollbar-track:hover, .mac-pro::-webkit-scrollbar-track:hover { background: rgba(255, 255, 255, 0); } .mm_scroll::-webkit-scrollbar-track:active, .mac-pro::-webkit-scrollbar-track:active { background: rgba(255, 255, 255, 0); } .mm_scroll::-webkit-scrollbar-corner, .mac-pro::-webkit-scrollbar-corner { background: transparent; } /*############################################################################## ## Media Queries # ##############################################################################*/ /*############################################################################## ## Import # ##############################################################################*/ /*############################################################################## ## Transitions # ##############################################################################*/ .mm_scroll, .mac-pro { overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } .mm_scroll::-webkit-scrollbar, .mac-pro::-webkit-scrollbar { width: 8px; height: 8px; } .mm_scroll::-webkit-scrollbar-button, .mac-pro::-webkit-scrollbar-button { width: 0px; height: 0px; } .mm_scroll::-webkit-scrollbar-thumb, .mac-pro::-webkit-scrollbar-thumb { background: #b759ff; background: linear-gradient(165deg, #C61F26 0%, #C61F26 64%); border: 0px none rgba(255, 255, 255, 0); border-radius: 0px; } .mm_scroll::-webkit-scrollbar-thumb:hover, .mac-pro::-webkit-scrollbar-thumb:hover { background: #8a39c9; background: linear-gradient(90deg, #C61F26 0%, #C61F26 64%); } .mm_scroll::-webkit-scrollbar-thumb:active, .mac-pro::-webkit-scrollbar-thumb:active { background: #8a39c9; background: linear-gradient(90deg, #C61F26 0%, #C61F26 64%); } .mm_scroll::-webkit-scrollbar-track, .mac-pro::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0); border: 0px none rgba(255, 255, 255, 0); border-radius: 0px; } .mm_scroll::-webkit-scrollbar-track:hover, .mac-pro::-webkit-scrollbar-track:hover { background: rgba(255, 255, 255, 0); } .mm_scroll::-webkit-scrollbar-track:active, .mac-pro::-webkit-scrollbar-track:active { background: rgba(255, 255, 255, 0); } .mm_scroll::-webkit-scrollbar-corner, .mac-pro::-webkit-scrollbar-corner { background: transparent; } /*############################################################################## ## Media Queries # ##############################################################################*/ @font-face { font-family: 'veneerregular'; src: url("fonts/veneer-webfont.woff2") format("woff2"), url("fonts/veneer-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'blackflowerregular'; src: url("fonts/blackflower-webfont.woff2") format("woff2"), url("fonts/blackflower-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'sucroseregular'; src: url("fonts/yellow_design_studio_-_sucrose-regular-webfont.woff2") format("woff2"), url("fonts/yellow_design_studio_-_sucrose-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'Sucrose Bold Two'; src: url('fonts/Sucrose-BoldTwo.woff2') format('woff2'),url('fonts/Sucrose-BoldTwo.woff') format('woff'); font-weight: bold; font-style: normal; } */ .blackflower, .mac-pro #ddmbmenu_cont #ddmbmenu_cont_cta .cont h3, .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp .cont h3, .mac-pro .testimonials_cont h3.testimonial_title .cont div, ul.flickity_slider#macs_testimonials_slider li h3.title, ul.flickity_slider#macs_testimonials_slider li div.desc, ul.flickity_slider#macs_home_slider li .cont h2, .middle_cont #callout_cont .callout div.verbiage_cont .cont h3, .mac-pro.page-template-story-template div.section.intro h2, .mac-pro.page-template-story-template div.section.locations h2 { font-family: 'blackflowerregular'; } .veneer, .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn, body.page-template-contact-tempmlate .choose_contact_type ul li a, .mac-pro #primary_navigation ul li a, .mac-pro #ddmbmenu_cont #ddmbmenu_cont_cpt, .mac-pro #ddmbmenu_cont #ddmbmenu_cont_cta .cont h3 span, .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp .cont h3 span, .mac-pro h1, .mac-pro h2, .mac-pro h3, .mac-pro h4, .mac-pro h5, .mac-pro h6, .mac-pro .button, .mac-pro button, .mac-pro .macs_page_header div.follow_us div.social_label, .mac-pro .testimonials_cont h3.testimonial_title .cont span, ul.flickity_slider#macs_home_slider li .cont .desc, #cta_cont a span div.text div, .middle_cont #callout_cont .callout div.verbiage_cont .cont p, .mac-pro.page-template-club-template #beer_club ul.points li, .mac-pro.page-template-club-template #beer_club ul.points_chart li span, .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations li, .mac-pro.page-template-club-template #beer_club ul.faqs li div.question, .mac-pro.page-template-story-template div.section.accolades ul.accolade_badge li ul.accolade_list li:first-child, .mac-pro.page-template-story-template div.section.locations h2, .mac-pro.page-template-story-template div.section.locations ul li div, .woocommerce-page.mac-pro .woo_nav ul li a, .woocommerce-page.mac-pro span.price, .woocommerce-page.mac-pro span.woocommerce-Price-amount.amount { font-family: 'veneerregular'; } .sucroseregular, .mac-pro, .mac-pro.single-locations .macs_page_header h1 span.address { font-family: 'sucroseregular',Helvetica,sans-serif; } .h2bkg, .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations h3, .mac-pro.page-template-club-template #beer_club ul.faqs h3 { font-size: 2.6rem; font-weight: 300; color: white !important; background: #C61F26; padding: calc(24px/2) 24px; display: flex; align-items: center; justify-content: center; color: black; position: relative; transform: rotate(-2deg); max-width: 400px; margin-bottom: calc(24px*1.4); } @media only screen and (max-width: 600px) { .h2bkg, .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations h3, .mac-pro.page-template-club-template #beer_club ul.faqs h3 { font-size: 1.8rem; transform: rotate(0deg); width: 100%; max-width: 100%; margin-bottom: 24px; } } .h2bkg::before, .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations h3::before, .mac-pro.page-template-club-template #beer_club ul.faqs h3::before { content: ""; background: url("../images/title_acent.png"); background-repeat: repeat; bottom: -15px; left: -22px; width: 100%; height: 48px; position: absolute; } .h2bkg::after, .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations h3::after, .mac-pro.page-template-club-template #beer_club ul.faqs h3::after { content: ""; background: url("../images/title_acent.png"); background-repeat: repeat; top: -33px; left: 0; width: 100%; height: 48px; position: absolute; } div.woocommerce-additional-fields label { color: white !important; } #wpadminbar { z-index: 999999 !important; } #genesis-content ul { list-style: none; padding: 0; } #genesis-content ul li { list-style: none; } label.hidden { display: none !important; } .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn { color: white !important; background: none !important; border: none !important; box-shadow: none !important; } .title_accent:after, .mac-pro .testimonials_cont h3.testimonial_title .cont span:after { content: ""; background: url("../images/title_acent.png"); background-repeat: no-repeat !important; background-position: center center !important; width: 100%; height: 66px; } .ajax_container { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; z-index: 9999999999999999999999999999999999999999; background: rgba(0, 0, 0, 0.85); display: flex; align-items: center; justify-content: center; } .ajax_container button.close_ajax { position: absolute; right: 0; top: 0; background: none; } .ajax_container button.close_ajax:before, .ajax_container button.close_ajax:after { display: none; } .ajax_container .cont { max-width: 500px; } .ajax_container .cont.gallery_cont { max-width: 1024px; } .ajax_container .cont.newsletter label.hidden { display: none; } .ajax_container .cont.newsletter #section_1 { display: grid; grid-gap: calc(24px/2); } .ajax_container .cont.newsletter #section_1 label { position: relative; z-index: 50; } .ajax_container .cont.newsletter #section_1 label input { background: white; } .ajax_container .cont.newsletter button { margin: calc(24px/2) auto auto auto; } .ajax_container .cont.online_order_popup { max-width: 600px; background: white; padding: calc(24px*2); position: relative; } .ajax_container .cont.online_order_popup::before { content: ""; background: url("/wp-content/themes/macs-speedshop-master/images/map_grunge_comp.jpg"); width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; opacity: 0.14; } .ajax_container .cont.online_order_popup h1, .ajax_container .cont.online_order_popup h2 { text-align: center; } .ajax_container .cont.online_order_popup select { position: relative; padding: 24px; border-radius: 8px; z-index: 99; } .ajax_container .cont.online_order_popup select option { text-align: center; } .ajax_container .cont.online_order_popup select:focus { outline: #C61F26; } .ajax_container .cont.online_order_popup .order_options { margin-top: 24px; } .ajax_container .cont.online_order_popup a.button { margin-bottom: 24px; } .ajax_container .cont.online_order_popup .other_sources { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 8px; } .ajax_container .cont.online_order_popup .other_sources a.other { background: #C61F26; height: calc(24px*2.5); display: block; color: white; display: flex; align-items: center; border-radius: 8px; } .ajax_container .cont.online_order_popup .other_sources a.other img { object-fit: contain; width: calc(24px*2); height: calc(24px*2); display: inline-block; } .ajax_container .cont.online_order_popup .other_sources a.other.uber_eats img { width: 100%; max-width: 164px; } .ajax_container .cont.online_order_popup span.accent { position: absolute; z-index: 10; background: url("../images/title_acent.png"); background-repeat: no-repeat; width: 100%; height: 24px; pointer-events: none; } .ajax_container .cont.online_order_popup span.accent.accent_1 { top: -19px; left: 0; } .ajax_container .cont.online_order_popup span.accent.accent_2 { bottom: -4px; left: 0; } .ajax_container .cont.online_order_popup span.accent.accent_3, .ajax_container .cont.online_order_popup span.accent.accent_4 { transform: rotate(90deg); } .ajax_container .cont.online_order_popup span.accent.accent_3 { left: -48%; top: 34%; } .ajax_container .cont.online_order_popup span.accent.accent_3 { right: -53%; top: 34%; } .ajax_container .cont form#choose_your_location { display: grid; grid-gap: 24px; } .ajax_container .cont form#choose_your_location label span.form_label { display: none; } .ajax_container .cont form#choose_your_location button { margin: auto; } button.open_change_location.button { position: absolute; top: 204px; width: 100%; } body.page-template-contact-tempmlate .choose_contact_type { text-align: center; } body.page-template-contact-tempmlate .choose_contact_type h2 { color: #C61F26; font-weight: 300; margin-bottom: calc(24px*3); } body.page-template-contact-tempmlate .choose_contact_type ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: calc(24px*1.5); margin-bottom: calc(24px*2); } @media only screen and (max-width: 860px) { body.page-template-contact-tempmlate .choose_contact_type ul { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 600px) { body.page-template-contact-tempmlate .choose_contact_type ul { grid-template-columns: 1fr; } } body.page-template-contact-tempmlate .choose_contact_type ul li { position: relative; } body.page-template-contact-tempmlate .choose_contact_type ul li a { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; width: 100%; height: 100%; min-height: 100px; background: #C61F26; color: white; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; } body.page-template-contact-tempmlate .choose_contact_type ul li a:hover { background: white; color: #000000; } body.page-template-contact-tempmlate .choose_contact_type ul li a::before { content: ""; background: url(../images/title_acent.png); background-repeat: repeat; bottom: -15px; left: -22px; width: 100%; height: 48px; position: absolute; } body.page-template-contact-tempmlate .choose_contact_type ul li a::after { content: ""; background: url(../images/title_acent.png); background-repeat: repeat; top: -33px; left: 0; width: 100%; height: 48px; position: absolute; } body.mac_pro_dark_mode .site-inner, body.page-template-contact-tempmlate .site-inner { background: #000000; color: white; } body.mac_pro_dark_mode .site-inner form div.frm_submit, body.page-template-contact-tempmlate .site-inner form div.frm_submit { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px; } body.mac_pro_dark_mode .site-inner form .frm_description, body.mac_pro_dark_mode .site-inner form .frm_pos_top.frm_section_spacing, body.page-template-contact-tempmlate .site-inner form .frm_description, body.page-template-contact-tempmlate .site-inner form .frm_pos_top.frm_section_spacing { color: white; } body.mac_pro_dark_mode .site-inner form.frm_pro_form div.frm_primary_label, body.mac_pro_dark_mode .site-inner form.frm_pro_form label, body.page-template-contact-tempmlate .site-inner form.frm_pro_form div.frm_primary_label, body.page-template-contact-tempmlate .site-inner form.frm_pro_form label { color: white; } body.mac_pro_dark_mode .site-inner form.frm_pro_form input, body.page-template-contact-tempmlate .site-inner form.frm_pro_form input { height: calc(24px*2); padding: 0 24px; display: flex; align-items: center; } body.mac_pro_dark_mode .site-inner form.frm_pro_form input[type=checkbox], body.page-template-contact-tempmlate .site-inner form.frm_pro_form input[type=checkbox] { height: auto; padding: 0; display: inline-block; } .macs_gallery, .mac-pro.page-template-gallery-template ul.photo_gallery, .mac-pro.page-template-give-template ul.photo_gallery { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(8, 5vw); grid-gap: 24px; margin-bottom: 24px; } .macs_gallery li, .mac-pro.page-template-gallery-template ul.photo_gallery li, .mac-pro.page-template-give-template ul.photo_gallery li { cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .macs_gallery li:hover, .mac-pro.page-template-gallery-template ul.photo_gallery li:hover, .mac-pro.page-template-give-template ul.photo_gallery li:hover { opacity: 0.5; } .macs_gallery li.gallery__item--1, .mac-pro.page-template-gallery-template ul.photo_gallery li.gallery__item--1, .mac-pro.page-template-give-template ul.photo_gallery li.gallery__item--1 { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .macs_gallery li.gallery__item--2, .mac-pro.page-template-gallery-template ul.photo_gallery li.gallery__item--2, .mac-pro.page-template-give-template ul.photo_gallery li.gallery__item--2 { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .macs_gallery li.gallery__item--3, .mac-pro.page-template-gallery-template ul.photo_gallery li.gallery__item--3, .mac-pro.page-template-give-template ul.photo_gallery li.gallery__item--3 { grid-column-start: 5; grid-column-end: 9; grid-row-start: 1; grid-row-end: 6; } .macs_gallery li.gallery__item--4, .mac-pro.page-template-gallery-template ul.photo_gallery li.gallery__item--4, .mac-pro.page-template-give-template ul.photo_gallery li.gallery__item--4 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 6; } .macs_gallery li.gallery__item--5, .mac-pro.page-template-gallery-template ul.photo_gallery li.gallery__item--5, .mac-pro.page-template-give-template ul.photo_gallery li.gallery__item--5 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 6; grid-row-end: 9; } .macs_gallery li.gallery__item--6, .mac-pro.page-template-gallery-template ul.photo_gallery li.gallery__item--6, .mac-pro.page-template-give-template ul.photo_gallery li.gallery__item--6 { grid-column-start: 5; grid-column-end: 9; grid-row-start: 6; grid-row-end: 9; } .macs_gallery li img.gallery__img, .mac-pro.page-template-gallery-template ul.photo_gallery li img.gallery__img, .mac-pro.page-template-give-template ul.photo_gallery li img.gallery__img { width: 100%; height: 100%; object-fit: cover; } .menu_secondary { height: 38px; width: 100vw; color: white; background-color: #161616; position: fixed; left: 0; z-index: 999999; display: flex; align-items: center; flex-direction: row-reverse; padding-right: 64px; } .menu_secondary .menu_secondary_cont a { color: white !important; font-weight: 600; padding: 0 15px; font-size: 14px; } .home .site-inner { padding-top: 0 !important; } .home .site-container { overflow-x: hidden; } .home .macs_footer_links { border-left: solid 14px #C61F26; border-right: solid 14px #C61F26; background: none !important; } .home .site-footer { border-left: solid 14px #C61F26; border-right: solid 14px #C61F26; border-bottom: solid 14px #C61F26; background: none !important; } .logged-in.mac-pro .menu_secondary { top: 30px; } @media only screen and (max-width: 768px) { .logged-in.mac-pro .menu_secondary { top: 44px; padding-right: 0px; } } .logged-in.mac-pro .macs_site_header { top: 64px; } .logged-in.mac-pro .macs_site_header.alert_on { top: calc(58px + 32px); } @media only screen and (max-width: 768px) { .logged-in.mac-pro .macs_site_header { top: 77px; } } .logged-in.mac-pro .stick-to-top { top: 30px !important; } .logged-in.mac-pro #macs_alert_banner { top: 32px; } .mac-pro { overflow-x: hidden; } .mac-pro::-webkit-scrollbar-thumb { background: #b759ff; background: linear-gradient(165deg, #AC896C 0%, #AC896C 64%); } .mac-pro::-webkit-scrollbar-thumb:hover { background: linear-gradient(90deg, #AC896C 0%, #AC896C 64%); } .mac-pro::-webkit-scrollbar-thumb:active { background: linear-gradient(90deg, #AC896C 0%, #AC896C 64%); } .mac-pro::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.75); border: 0px none rgba(255, 255, 255, 0); border-radius: 0px; } @media only screen and (max-width: 1366px) { .mac-pro #primary_navigation ul li a { font-size: 2rem !important; } } @media only screen and (max-width: 1268px) { .mac-pro #primary_navigation ul li a { font-size: 2rem !important; } } @media only screen and (max-width: 600px) { .mac-pro #primary_navigation ul li a { font-size: 1.7rem !important; } } @media only screen and (max-width: 600px) { .mac-pro #primary_navigation ul li a span { top: 14px !important; } } @media only screen and (max-width: 600px) { .mac-pro #primary_navigation ul li button.button.open_sub_menu { margin-left: 0 !important; min-height: 38px !important; justify-content: flex-end !important; } } @media only screen and (max-width: 600px) { .mac-pro #primary_navigation ul li button.button.open_sub_menu::before { display: none !important; } } .mac-pro #ddmbmenu_cont .ddmbmenu_menus.small ul.menu_cont li a { font-size: 1.4rem; } .mac-pro #ddmbmenu_cont .ddmbmenu_menus.small ul.menu_cont li a:hover { color: #C61F26; } .mac-pro #ddmbmenu_cont .ddmbmenu_menus ul.menu_cont li a:hover { color: #C61F26; } .mac-pro #ddmbmenu_cont .ddmbmenu_menus ul.menu_cont li button.open_sub_menu { width: auto; height: auto; top: 0; min-width: 48px; margin-left: 24px; } .mac-pro #ddmbmenu_cont .ddmbmenu_menus ul.menu_cont li button.open_sub_menu:focus { color: white; } @media only screen and (max-width: 1268px) { .mac-pro #ddmbmenu_cont button.ddmbmenu_close { min-width: calc(24px*2) !important; width: calc(24px*2) !important; } } .mac-pro #ddmbmenu_cont button.ddmbmenu_close:before { display: none; } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_cpt a span { background: rgba(0, 0, 0, 0.24); } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_cpt a span::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; box-shadow: inset 0 0 100px black; pointer-events: none; } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_cta, .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp { display: flex; align-items: center; justify-content: center; } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_cta .cont h3, .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp .cont h3 { font-weight: 300; color: #C61F26; font-size: 2.8rem; text-align: center; } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_cta .cont h3 span, .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp .cont h3 span { display: block; color: white; font-size: 1.4rem; margin-top: calc(24px/3); } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_cta .cont button, .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp .cont button { margin: auto; } @media only screen and (max-width: 860px) { .mac-pro #ddmbmenu_cont #ddmbmenu_cont_cta { padding-bottom: calc(24px*4.2) !important; } } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp { position: relative; background: url("/wp-content/uploads/2020/06/bko5953-x2-1024x682.jpeg"); background-position: center; background-size: cover; } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp .cont ul { display: flex; } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp .cont ul li { padding: 0 calc(24px/3); } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp .cont ul li a { width: calc(24px*1.5); height: calc(24px*1.5); border-radius: 50%; background: #C61F26; display: flex; align-items: center; justify-content: center; } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp .cont ul li a:hover { background: #000000; } .mac-pro #ddmbmenu_cont #ddmbmenu_cont_mailchimp::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; pointer-events: none; box-shadow: inset 0 0 100px black; } .mac-pro .site-inner { margin-top: 0; max-width: 100vw; margin: 0; padding-top: calc(24px*3); } @media only screen and (max-width: 1268px) { .mac-pro .content { max-width-width: 860px; } } .mac-pro a { color: #C61F26; } .mac-pro .button, .mac-pro button { border-radius: 0; background-color: none; min-height: 75px; min-width: 140px; background: none; color: white; position: relative; z-index: 10; display: flex; align-items: center; justify-content: center; } .mac-pro .button.tribe-common-c-btn, .mac-pro button.tribe-common-c-btn { background: #C61F26; font-weight: 600; } .mac-pro .button.tribe-common-c-btn:before, .mac-pro button.tribe-common-c-btn:before { display: none; } .mac-pro .button.tribe-events-c-top-bar__datepicker-desktop, .mac-pro button.tribe-events-c-top-bar__datepicker-desktop { font-size: 1.1rem; } .mac-pro .button.tribe-events-c-top-bar__datepicker-desktop:before, .mac-pro button.tribe-events-c-top-bar__datepicker-desktop:before { display: none; } .mac-pro .button:before, .mac-pro button:before { content: ""; display: block; background: url("../images/splat.png"); background-repeat: no-repeat !important; background-position: center center !important; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; } .mac-pro .button:hover, .mac-pro button:hover { background-color: none; background: none; } .mac-pro .button:focus, .mac-pro button:focus { background: none; background-color: none; outline: none; } .mac-pro .button.mobile_online_ordering_button, .mac-pro button.mobile_online_ordering_button { position: fixed; bottom: 0; left: 0; width: 100%; background: #C61F26; z-index: 999999; } .mac-pro #macs_alert_banner { background: #C61F26; color: white; height: 58px; width: 100vw; position: fixed; z-index: 999999; top: 0; left: 0; display: flex; align-items: center; justify-content: center; } .mac-pro #macs_alert_banner div.cont { padding: 12px 58px; font-size: 0.9rem; text-align: center; } .mac-pro #macs_alert_banner div.cont p { margin: 0; } .mac-pro #macs_alert_banner div.cont a { color: white; font-weight: 600; text-decoration: underline; } .mac-pro #macs_alert_banner button.close_banner_alert { padding: 0; width: 58px; height: 58px; min-width: 58px; min-height: 58px; position: absolute; right: 8px; top: 0; } .mac-pro #macs_alert_banner button.close_banner_alert:hover { background: rgba(255, 255, 255, 0.1); } .mac-pro #macs_alert_banner button.close_banner_alert::before { display: none; } .mac-pro .menu_secondary { top: 0px; } @media only screen and (max-width: 768px) { .mac-pro .menu_secondary { padding-right: 0px; } } .mac-pro .macs_site_header { background: url("../images/rough_edges.png"); background-repeat: repeat-x; background-position-y: calc(0px - (24px*1.9)); position: fixed; z-index: 999999; top: 35px; left: 0; width: 100vw; height: 224px; } .mac-pro .macs_site_header.alert_on { top: 58px; } @media only screen and (max-width: 600px) { .mac-pro .macs_site_header { height: 149px; } } .mac-pro .macs_site_header .cont { height: calc(100% - (24px*3.1)); display: grid; grid-template-columns: 280px 1fr 280px; grid-template-areas: "menu logo order"; position: relative; top: 15px; } @media only screen and (max-width: 1024px) { .mac-pro .macs_site_header .cont { grid-template-columns: 1fr 164px 0; grid-template-areas: "logo menu order"; } } @media only screen and (max-width: 600px) { .mac-pro .macs_site_header .cont { height: 100%; } } .mac-pro .macs_site_header .cont button.open_ddmbmenu { grid-area: menu; width: 50px; height: 100px; margin-left: 48px; } @media only screen and (max-width: 1024px) { .mac-pro .macs_site_header .cont button.open_ddmbmenu { margin-right: 24px; margin-left: 0; } } @media only screen and (max-width: 600px) { .mac-pro .macs_site_header .cont button.open_ddmbmenu { font-size: 2.0rem; } } @media only screen and (max-width: 600px) { .mac-pro .macs_site_header .cont button.open_ddmbmenu::before { display: none; } } @media only screen and (max-width: 600px) { .mac-pro .macs_site_header .cont button.open_ddmbmenu i { position: relative; top: -4px; } } .mac-pro .macs_site_header .cont button.order_online { grid-area: order; width: 50px; height: 100px; } .mac-pro .macs_site_header .cont div.site_title { display: flex; align-items: center; justify-content: center; grid-area: logo; height: 110px; } @media only screen and (max-width: 1024px) { .mac-pro .macs_site_header .cont div.site_title { justify-content: flex-start; } } .mac-pro .macs_site_header .cont div.site_title h1 { background-repeat: no-repeat !important; width: 340px; height: 104px; background-size: contain !important; margin: 0; } @media only screen and (max-width: 1024px) { .mac-pro .macs_site_header .cont div.site_title h1 { margin-left: 24px; width: 230px; height: 64px; } } .mac-pro .macs_site_header .cont div.site_title h1 div.logo_text { display: none; } .mac-pro .macs_site_header .cont div.site_title a { display: block; width: 100%; height: 100%; } .mac-pro .macs_page_header { height: 600px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; } @media only screen and (max-width: 600px) { .mac-pro .macs_page_header { height: 400px; } } .mac-pro .macs_page_header div.bkg { background-repeat: no-repeat; background-size: cover !important; background-repeat: no-repeat !important; position: absolute; z-index: 1; width: 100%; height: 100%; pointer-events: none; transform: scale(1.5); } .mac-pro .macs_page_header div.bkg::before { content: ""; position: absolute; width: 100%; height: 100%; background: url("../images/map_grunge_comp.jpg"); background-repeat: no-repeat; background-size: cover !important; background-position: left center !important; pointer-events: none; opacity: 0.2; } .mac-pro .macs_page_header h1 { position: relative; z-index: 10; color: white; font-size: 4.0rem; font-weight: 300; margin-top: calc(224px/1.5); } @media only screen and (max-width: 600px) { .mac-pro .macs_page_header h1 { font-size: 3.0rem; } } .mac-pro .macs_page_header div.follow_us { position: absolute; z-index: 99; left: 24px; top: calc(50vh - 48px); } @media only screen and (max-width: 860px) { .mac-pro .macs_page_header div.follow_us { display: none; } } .mac-pro .macs_page_header div.follow_us div.social_label { color: white; font-size: 2.0rem; transform: rotate(-90deg); position: relative; left: -65px; top: 65px; } .mac-pro .macs_page_header div.follow_us div.social_label::after { content: ""; width: 50px; height: 4px; color: white; display: inline-block; background: white; position: relative; top: -9px; left: 8px; } .mac-pro .macs_page_header div.follow_us ul { position: relative; left: calc(24px/2); } .mac-pro .macs_page_header div.follow_us ul li a { color: white; } .mac-pro .macs_page_header::after, .mac-pro .macs_page_header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .mac-pro .macs_page_header::before { background: rgba(0, 0, 0, 0.5); } .mac-pro .macs_page_header::after { box-shadow: inset 0 0 100px black; } .mac-pro .testimonials_cont { position: relative; } .mac-pro .testimonials_cont div.testimonials_bkg { position: absolute; z-index: 1; left: 50%; margin-left: -37.5%; height: 78%; width: 75%; pointer-events: none; background: url(../images/testimonials_bkg.jpg); background-repeat: no-repeat !important; background-size: cover !important; opacity: 0.44; } @media only screen and (max-width: 600px) { .mac-pro .testimonials_cont div.testimonials_bkg { left: 0; width: 100%; margin-left: 0; } } .mac-pro .testimonials_cont h3.testimonial_title { position: relative; z-index: 99; color: white; border-left: solid 14px #C61F26; border-right: solid 14px #C61F26; width: 100%; margin: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-weight: 300; } .mac-pro .testimonials_cont h3.testimonial_title:before { content: ""; position: absolute; z-index: 1; top: -90px; background: url("../images/pistons.png"); background-repeat: no-repeat; width: 253px; height: 221px; display: block; } .mac-pro .testimonials_cont h3.testimonial_title .cont { position: relative; z-index: 99; max-width: 600px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } @media only screen and (max-width: 600px) { .mac-pro .testimonials_cont h3.testimonial_title .cont { padding: 0 24px; } } .mac-pro .testimonials_cont h3.testimonial_title .cont div { font-size: 3.0rem; color: #C61F26; margin-bottom: 24px; } .mac-pro .testimonials_cont h3.testimonial_title .cont span { font-size: 5.2rem; line-height: calc(24px*3.3); text-align: center; } @media only screen and (max-width: 1446px) { .mac-pro .testimonials_cont h3.testimonial_title .cont span { font-size: 4.2rem; } } @media only screen and (max-width: 600px) { .mac-pro .testimonials_cont h3.testimonial_title .cont span { font-size: 3.2rem; line-height: 66px; } } .mac-pro .testimonials_cont h3.testimonial_title .cont div, .mac-pro .testimonials_cont h3.testimonial_title .cont span { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; text-transform: uppercase; } .mac-pro .macs_footer_links { background: #000000; color: white; position: relative; z-index: 99999; } .mac-pro .macs_footer_links div.cont { max-width: 1200px; padding: calc(24px*4) 0 calc(24px*2) 0; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr) calc(24px*3); grid-gap: 24px; } @media only screen and (max-width: 1268px) { .mac-pro .macs_footer_links div.cont { max-width: 100%; padding: 0 calc(24px*2); } } @media only screen and (max-width: 600px) { .mac-pro .macs_footer_links div.cont { grid-template-columns: 1fr; } } .mac-pro .macs_footer_links div.cont ul { color: #AC896C; font-weight: 600; font-size: 1.0rem; } .mac-pro .macs_footer_links div.cont ul li a { color: #AC896C; } .mac-pro .macs_footer_links div.cont ul li a:hover { color: white; } .mac-pro .macs_footer_links div.cont ul li a span { display: none; } .mac-pro .macs_footer_links div.cont .location_links ul { display: grid; grid-template-columns: repeat(2, 1fr); } .mac-pro .macs_footer_links div.cont .corporate_links ul li { margin-bottom: 24px; } .mac-pro .macs_footer_links div.cont .corporate_links ul li span { display: block; } .mac-pro .macs_footer_links div.cont .social_links ul { display: grid; grid-gap: calc(24px/1.4); } @media only screen and (max-width: 600px) { .mac-pro .macs_footer_links div.cont .social_links ul { grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); margin-bottom: 24px; } } @media only screen and (max-width: 600px) { .mac-pro .macs_footer_links div.cont .social_links ul li { display: flex; align-items: center; justify-content: center; } } .mac-pro .macs_footer_links div.cont .social_links ul li a { color: white; font-size: 1.4rem; background: #C61F26; width: calc(24px*2); height: calc(24px*2); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .mac-pro .site-footer { color: white; background: #000000; border-top: none; } .mac-pro .site-footer a { color: #AC896C; } @media only screen and (max-width: 600px) { .tribe-events .tribe-events-header { flex-direction: row; } } ul.flickity_slider#macs_testimonials_slider { position: relative; z-index: 99; width: 100%; height: 498px; border-left: solid 14px #C61F26; border-right: solid 14px #C61F26; } @media only screen and (max-width: 600px) { ul.flickity_slider#macs_testimonials_slider { height: 550px; } } ul.flickity_slider#macs_testimonials_slider li { display: grid; grid-template-areas: "desc" "title"; grid-template-columns: 1fr; height: 400px; } ul.flickity_slider#macs_testimonials_slider li h3.title, ul.flickity_slider#macs_testimonials_slider li div.desc { font-weight: 300; font-size: 2.4rem; max-width: 1280px; margin: 0 auto; text-align: center; } ul.flickity_slider#macs_testimonials_slider li h3.title { grid-area: title; color: #C61F26; } @media only screen and (max-width: 600px) { ul.flickity_slider#macs_testimonials_slider li h3.title { font-size: 1.6rem; } } ul.flickity_slider#macs_testimonials_slider li h3.title:after, ul.flickity_slider#macs_testimonials_slider li h3.title:before { content: ""; position: relative; width: calc(24px*5); height: calc(24px/3); background: #C61F26; opacity: 0.54; display: inline-block; top: -6px; } @media only screen and (max-width: 600px) { ul.flickity_slider#macs_testimonials_slider li h3.title:after, ul.flickity_slider#macs_testimonials_slider li h3.title:before { width: calc(24px*1.2); } } ul.flickity_slider#macs_testimonials_slider li h3.title:after { margin-left: calc(24px/1.4); } ul.flickity_slider#macs_testimonials_slider li h3.title:before { margin-right: calc(24px/1.4); } ul.flickity_slider#macs_testimonials_slider li div.desc { grid-area: desc; color: #AC896C; } @media only screen and (max-width: 1446px) { ul.flickity_slider#macs_testimonials_slider li div.desc { font-size: 2.0rem; padding: 0 24px; } } @media only screen and (max-width: 600px) { ul.flickity_slider#macs_testimonials_slider li div.desc { font-size: 1.8rem; line-height: 34px; } } ul.flickity_slider#macs_testimonials_slider ol.flickity-page-dots { position: absolute; z-index: 999; width: 100%; height: calc(24px*8); left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 600px) { ul.flickity_slider#macs_testimonials_slider ol.flickity-page-dots { display: none; } } ul.flickity_slider#macs_testimonials_slider ol.flickity-page-dots li { width: calc(24px/1.24); height: calc(24px/1.24); border-radius: 50%; background: none; background-color: none; border: solid 2px #AC896C; margin: 0 calc(24px/2) 0 0; opacity: 1; } ul.flickity_slider#macs_testimonials_slider ol.flickity-page-dots li.is-selected { border-color: #C61F26; background-color: #C61F26; } ul.flickity_slider#macs_testimonials_slider ol.flickity-page-dots li:last-child { margin: 0; } ul.flickity_slider#macs_home_slider { position: relative; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.05); overflow: hidden; } ul.flickity_slider#macs_home_slider li .cont { margin-top: calc(224px/2); text-transform: uppercase; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width: 760px; } @media only screen and (max-width: 600px) { ul.flickity_slider#macs_home_slider li .cont { padding: 0 24px; margin-top: calc(224px/3); } } ul.flickity_slider#macs_home_slider li .cont h2, ul.flickity_slider#macs_home_slider li .cont .desc { width: 100%; display: flex; align-items: center; justify-content: center; } ul.flickity_slider#macs_home_slider li .cont h2 { color: #C61F26; font-size: 2.4rem; font-weight: 300; margin: 0; height: calc(24px*4); } @media only screen and (max-width: 860px) { ul.flickity_slider#macs_home_slider li .cont h2 { font-size: 2.2rem; position: relative; top: 30px; text-align: center; } } ul.flickity_slider#macs_home_slider li .cont .desc { color: white; font-size: 6.0rem; text-align: center; line-height: calc(24px*3.75); } @media only screen and (max-width: 860px) { ul.flickity_slider#macs_home_slider li .cont .desc { font-size: 4.0rem; line-height: 66px; } } @media only screen and (max-width: 600px) { ul.flickity_slider#macs_home_slider li .cont .desc { font-size: 3.0rem; position: relative; top: 30px; } } ul.flickity_slider#macs_home_slider li .cont .button, ul.flickity_slider#macs_home_slider li .cont button { font-size: 2.0rem; margin-top: calc(24px*1.4); } ul.flickity_slider#macs_home_slider li .cont .button:before, ul.flickity_slider#macs_home_slider li .cont button:before { transform: scale(1.4); } ul.flickity_slider#macs_home_slider li.show_bkg .cont { background-size: contain !important; background: url("../images/text_bkg.png"); background-repeat: no-repeat !important; } @media only screen and (max-width: 860px) { ul.flickity_slider#macs_home_slider li.show_bkg .cont { background-size: cover !important; background-position: center center !important; } } ul.flickity_slider#macs_home_slider ol.flickity-page-dots { position: absolute; z-index: 999; width: calc(24px*8); height: 100%; right: 0; top: 0; display: flex; align-items: center; justify-content: center; flex-flow: column; } @media only screen and (max-width: 860px) { ul.flickity_slider#macs_home_slider ol.flickity-page-dots { display: none; } } ul.flickity_slider#macs_home_slider ol.flickity-page-dots li { width: calc(24px/1.24); height: calc(24px/1.24); border-radius: 50%; background: none; background-color: none; border: solid 3px #AC896C; margin: calc(24px/2) 0 0 0; opacity: 1; } ul.flickity_slider#macs_home_slider ol.flickity-page-dots li.is-selected { border-color: #C61F26; background-color: #C61F26; } ul.flickity_slider#macs_home_slider ol.flickity-page-dots li:first-child { margin: 0; } ul.flickity_slider .flickity-slider { height: 100%; } ul.flickity_slider li { width: 100%; height: 100%; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; color: white; } @media only screen and (max-width: 760px) { ul.flickity_slider ol.flickity-page-dots { display: none; } } #cta_cont { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); border: solid 14px #C61F26; background: #000000; overflow: hidden; } @media only screen and (max-width: 1024px) { #cta_cont { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width: 760px) { #cta_cont { grid-template-columns: 1fr; } } #cta_cont .cta_hov, #cta_cont a, #cta_cont a span, #cta_cont a span div, #cta_cont a span div.cta_ico, #cta_cont a span div.text, #cta_cont a span div.text div, #cta_cont a span div.text:after, #cta_cont a span div.text:before { -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #cta_cont a { position: relative; height: 514px; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important; padding: calc(24px*1.8); } @media only screen and (max-width: 760px) { #cta_cont a { height: 420px; } } #cta_cont a:hover span { transform: scale(1.05); } #cta_cont a:hover span div.text { border: solid 4px white; } #cta_cont a span { position: relative; z-index: 20; width: 100%; height: 100%; display: block; } #cta_cont a span div.cta_ico { background-repeat: no-repeat !important; background-position: center center !important; position: absolute; width: 100%; height: 249px; z-index: 90; bottom: calc(24px*2.75); } #cta_cont a span div.text { position: relative; z-index: 99; border: solid 4px #C61F26; height: 100%; width: 100%; display: flex; justify-content: center; align-items: flex-end; padding-bottom: calc(24px*2); color: white; font-size: 2.0rem; text-transform: uppercase; font-weight: 600; } #cta_cont a span div.text div { position: relative; z-index: 99; font-size: 3.0rem; font-weight: 300; top: calc(24px/2); } #cta_cont a span div.text:after, #cta_cont a span div.text:before { content: ""; display: block; position: absolute; z-index: 95; bottom: 24px; } #cta_cont a span div.text:before { width: 0; height: 0; border-style: solid; border-width: 50px 126px 50px 0; border-color: transparent #C61F26 transparent transparent; right: 50%; } #cta_cont a span div.text:after { width: 0; height: 0; border-style: solid; border-width: 50px 0 50px 126px; border-color: transparent transparent transparent #C61F26; left: 50%; } #cta_cont a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.74); z-index: 10; } .middle_cont { position: relative; } .middle_cont .la_grunge { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background: url("../images/grunge_2-compressor.jpg"); background-repeat: no-repeat; background-size: cover !important; z-index: -1; } .middle_cont #callout_cont { width: 100%; display: grid; grid-gap: calc(24px*8); border-left: solid 14px #C61F26; border-right: solid 14px #C61F26; padding: calc(24px*5) 0 calc(24px*12) 0; } @media only screen and (max-width: 760px) { .middle_cont #callout_cont { grid-gap: 4px; padding-top: 0; } } .middle_cont #callout_cont .callout { width: 1280px; max-width: 1280px; margin: auto; display: grid; background-image: url("../images/gold_brush.png"); background-repeat: no-repeat; } @media only screen and (max-width: 1366px) { .middle_cont #callout_cont .callout { padding: 0 24px; width: 1024px; max-width: 1024px; } } @media only screen and (max-width: 1024px) { .middle_cont #callout_cont .callout { width: 900px; max-width: 900px; } } @media only screen and (max-width: 768px) { .middle_cont #callout_cont .callout { width: 760px; max-width: 760px; } } @media only screen and (max-width: 760px) { .middle_cont #callout_cont .callout { width: 100%; max-width: 100%; padding: 0; } } .middle_cont #callout_cont .callout.callout_even { grid-template-columns: 1.15fr 0.85fr; grid-template-areas: "photo text"; background-position: right; } .middle_cont #callout_cont .callout.callout_even div.verbiage_cont .cont { right: calc(24px*3.125); } @media only screen and (max-width: 1268px) { .middle_cont #callout_cont .callout.callout_even div.verbiage_cont .cont { right: calc(24px*2.125); } } @media only screen and (max-width: 760px) { .middle_cont #callout_cont .callout.callout_even div.verbiage_cont .cont { right: auto; } } .middle_cont #callout_cont .callout.callout_odd { grid-template-columns: 0.85fr 1.15fr; grid-template-areas: "text photo"; background-position: left; } .middle_cont #callout_cont .callout.callout_odd div.verbiage_cont .cont { left: calc(24px*3.125); } @media only screen and (max-width: 1268px) { .middle_cont #callout_cont .callout.callout_odd div.verbiage_cont .cont { left: calc(24px*2.125); } } @media only screen and (max-width: 760px) { .middle_cont #callout_cont .callout.callout_odd div.verbiage_cont .cont { left: auto; } } @media only screen and (max-width: 760px) { .middle_cont #callout_cont .callout.callout_odd, .middle_cont #callout_cont .callout.callout_even { grid-template-columns: 1fr; grid-template-areas: "text" "photo"; position: relative; } } @media only screen and (max-width: 760px) { .middle_cont #callout_cont .callout.callout_odd div.verbiage_cont, .middle_cont #callout_cont .callout.callout_even div.verbiage_cont { position: absolute; height: 490px; width: 100%; } } @media only screen and (max-width: 760px) { .middle_cont #callout_cont .callout.callout_odd div.verbiage_cont .cont, .middle_cont #callout_cont .callout.callout_even div.verbiage_cont .cont { text-align: center; padding: 0 24px; } } .middle_cont #callout_cont .callout div.img { grid-area: photo; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; width: 100%; height: 490px; } @media only screen and (max-width: 760px) { .middle_cont #callout_cont .callout div.img { opacity: 0.54; } } .middle_cont #callout_cont .callout div.verbiage_cont { grid-area: text; color: white; display: flex; align-items: center; justify-content: center; } .middle_cont #callout_cont .callout div.verbiage_cont .cont { position: relative; } .middle_cont #callout_cont .callout div.verbiage_cont .cont h3 { color: #C61F26; text-transform: uppercase; font-size: 3.4rem; font-weight: 300; margin: 0; } @media only screen and (max-width: 1268px) { .middle_cont #callout_cont .callout div.verbiage_cont .cont h3 { font-size: 2.8rem; } } @media only screen and (max-width: 760px) { .middle_cont #callout_cont .callout div.verbiage_cont .cont h3 { font-size: 2.4rem; } } .middle_cont #callout_cont .callout div.verbiage_cont .cont p { margin: 0; font-size: 6.0rem; line-height: calc(24px*3.6); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.68); } @media only screen and (max-width: 1268px) { .middle_cont #callout_cont .callout div.verbiage_cont .cont p { font-size: 4.0rem; } } @media only screen and (max-width: 760px) { .middle_cont #callout_cont .callout div.verbiage_cont .cont p { font-size: 3.0rem; line-height: 66px; } } @media only screen and (max-width: 600px) { .middle_cont #callout_cont .callout div.verbiage_cont .cont p { font-size: 2.6rem; } } .middle_cont #callout_cont .callout div.verbiage_cont .cont a.button { width: 200px; font-size: 1.4rem; margin-top: calc(24px/2); } @media only screen and (max-width: 760px) { .middle_cont #callout_cont .callout div.verbiage_cont .cont a.button { margin: calc(24px/2) auto auto auto; } } .middle_cont #callout_cont .callout div.verbiage_cont .cont a.button:before { transform: scale(1.2); } .mac-pro.page-template-club-template .site-inner { background: #000000; color: white; } .mac-pro.page-template-club-template #beer_club img.beer_badge { display: block; margin: auto; } .mac-pro.page-template-club-template #beer_club h2 { font-weight: 300; display: grid; grid-gap: calc(24px/4); font-size: 3.0rem; width: 100%; margin: 24px auto; } .mac-pro.page-template-club-template #beer_club h2 span { display: block; text-align: center; } .mac-pro.page-template-club-template #beer_club h2 span:nth-child(2) { color: #C61F26; } .mac-pro.page-template-club-template #beer_club h2 span:nth-child(2), .mac-pro.page-template-club-template #beer_club h2 span:nth-child(3) { font-size: 2.6rem; } .mac-pro.page-template-club-template #beer_club div.about_beer_club { text-align: center; font-size: 1.6rem; } .mac-pro.page-template-club-template #beer_club a.button.download_prize { margin: calc(24px*3) auto; } .mac-pro.page-template-club-template #beer_club ul.points { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-gap: 24px; padding: calc(24px*4) 0; margin: calc(24px*4) auto; } .mac-pro.page-template-club-template #beer_club ul.points::after, .mac-pro.page-template-club-template #beer_club ul.points::before { content: ""; width: 100%; height: calc(24px*2); background: url("../images/title_acent.png"); background-repeat: no-repeat; background-size: contain !important; background-position: center center !important; position: absolute; } .mac-pro.page-template-club-template #beer_club ul.points::before { top: 0; left: 0; } .mac-pro.page-template-club-template #beer_club ul.points::after { left: 0; bottom: 0; } .mac-pro.page-template-club-template #beer_club ul.points li { font-size: 3.0rem; text-align: center; line-height: calc(24px*2); } .mac-pro.page-template-club-template #beer_club ul.points li span { display: block; } .mac-pro.page-template-club-template #beer_club ul.points li div { font-size: 1.6rem; line-height: 32px; } @media only screen and (max-width: 1024px) { .mac-pro.page-template-club-template #beer_club ul.points_chart { padding: 0 calc(24px*2); } } .mac-pro.page-template-club-template #beer_club ul.points_chart li { display: grid; grid-template-columns: 150px 1fr; } @media only screen and (max-width: 600px) { .mac-pro.page-template-club-template #beer_club ul.points_chart li { grid-template-columns: 1fr; } } .mac-pro.page-template-club-template #beer_club ul.points_chart li::after { content: ""; background-color: rgba(255, 255, 255, 0.74); height: 8px; width: 100%; position: relative; -webkit-mask-image: url("../images/grunge_420.png"); mask-image: url("../images/grunge_420.png"); grid-column: span 2; } @media only screen and (max-width: 600px) { .mac-pro.page-template-club-template #beer_club ul.points_chart li::after { grid-column: span 1; } } .mac-pro.page-template-club-template #beer_club ul.points_chart li span { font-size: 3.0rem; display: flex; align-items: center; flex-wrap: wrap; } @media only screen and (max-width: 1024px) { .mac-pro.page-template-club-template #beer_club ul.points_chart li span { font-size: 2.0rem; } } @media only screen and (max-width: 860px) { .mac-pro.page-template-club-template #beer_club ul.points_chart li span { font-size: 1.8rem; } } @media only screen and (max-width: 600px) { .mac-pro.page-template-club-template #beer_club ul.points_chart li span { font-size: 1.6rem; } } .mac-pro.page-template-club-template #beer_club ul.points_chart li span.amount { color: #C61F26; display: flex; align-items: center; justify-content: center; line-height: 52px; padding: calc(24px/2) 0; } .mac-pro.page-template-club-template #beer_club ul.points_chart li span.amount span { width: 100%; text-align: center; display: block; } .mac-pro.page-template-club-template #beer_club ul.points_chart li span.prize { padding-left: calc(24px*1.5); line-height: calc(24px*2); position: relative; } .mac-pro.page-template-club-template #beer_club ul.points_chart li span.prize::before { content: ""; background-color: rgba(255, 255, 255, 0.74); width: 8px; height: 100%; position: absolute; left: 0; top: 0; -webkit-mask-image: url("../images/grunge_420.png"); mask-image: url("../images/grunge_420.png"); } .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations { display: grid; grid-gap: 24px; margin-bottom: 100px; } .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations h3 { margin: 100px auto calc(24px*2) auto; } .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations li { font-size: 2.2rem; display: grid; grid-template-columns: calc(24px*2) 1fr; grid-gap: 24px; } @media only screen and (max-width: 600px) { .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations li { font-size: 1.6rem; } } .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations li div { display: flex; align-items: center; } .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations li div i, .mac-pro.page-template-club-template #beer_club ul.rules_and_regulations li div svg { color: #C61F26; padding-right: 8px; } .mac-pro.page-template-club-template #beer_club ul.faqs { display: grid; grid-gap: 24px; margin-bottom: 100px; } .mac-pro.page-template-club-template #beer_club ul.faqs h3 { margin: 100px auto calc(24px*2) auto; } .mac-pro.page-template-club-template #beer_club ul.faqs li div.question { font-size: 1.6rem; cursor: pointer; } .mac-pro.page-template-club-template #beer_club ul.faqs li div.question.selected i, .mac-pro.page-template-club-template #beer_club ul.faqs li div.question.selected svg { transform: rotate(90deg); right: calc(24px/3); } .mac-pro.page-template-club-template #beer_club ul.faqs li div.question i, .mac-pro.page-template-club-template #beer_club ul.faqs li div.question svg { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: relative; right: 0; color: #C61F26; font-size: 1.2rem; padding-right: calc(24px/2); } .mac-pro.page-template-club-template #beer_club ul.faqs li div.answer { display: none; } .mac-pro.page-template-gallery-template .site-inner { background: #000000; color: white; } .mac-pro.page-template-give-template .site-inner { background: #000000; color: white; } .mac-pro.page-template-give-template .content { text-align: center; } .mac-pro.page-template-give-template .content h2 { font-weight: 300; color: #C61F26; font-size: 2.8rem; } .mac-pro.page-template-give-template img.flyer { display: block; margin: calc(24px*2) auto; } .mac-pro.page-template-give-template ul.photo_gallery { margin-top: calc(24px*2); } .mac-pro.page-template-story-template ul { list-style: none; } .mac-pro.page-template-story-template ul li { list-style: none; } .mac-pro.page-template-story-template .site-inner { background: #000000; color: white; } .mac-pro.page-template-story-template .content { width: 100%; } .mac-pro.page-template-story-template div.section.intro, .mac-pro.page-template-story-template div.section.locations { width: 1200px; margin: auto; margin-bottom: calc(24px*6); } @media only screen and (max-width: 1268px) { .mac-pro.page-template-story-template div.section.intro, .mac-pro.page-template-story-template div.section.locations { width: 1000px; } } @media only screen and (max-width: 1024px) { .mac-pro.page-template-story-template div.section.intro, .mac-pro.page-template-story-template div.section.locations { width: 860px; } } @media only screen and (max-width: 860px) { .mac-pro.page-template-story-template div.section.intro, .mac-pro.page-template-story-template div.section.locations { width: 100%; padding: 0 calc(24px*2); } } .mac-pro.page-template-story-template div.section.intro h2, .mac-pro.page-template-story-template div.section.locations h2 { font-size: 2.6rem; font-weight: 300; text-align: center; color: #C61F26; } .mac-pro.page-template-story-template div.section.intro p, .mac-pro.page-template-story-template div.section.locations p { font-size: 1.44rem; } .mac-pro.page-template-story-template div.section.accolades { overflow: hidden; background-size: cover !important; background-attachment: fixed !important; position: relative; } @media only screen and (max-width: 600px) { .mac-pro.page-template-story-template div.section.accolades { background-attachment: scroll; background: #000000 !important; } } .mac-pro.page-template-story-template div.section.accolades::before, .mac-pro.page-template-story-template div.section.accolades::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mac-pro.page-template-story-template div.section.accolades::before { background: rgba(0, 0, 0, 0.74); pointer-events: none; } .mac-pro.page-template-story-template div.section.accolades::after { box-shadow: inset 0 0 100px black; } .mac-pro.page-template-story-template div.section.accolades h2 { color: white; position: relative; z-index: 50; font-size: 5.0rem; text-align: center; margin: calc(24px*3) auto; font-weight: 300; } .mac-pro.page-template-story-template div.section.accolades ul.accolade_badge { max-width: 1200px; margin: calc(24px*4) auto; position: relative; z-index: 50; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-gap: 24px; list-style: none; } .mac-pro.page-template-story-template div.section.accolades ul.accolade_badge li img { display: block; object-fit: contain; height: 150px; margin: auto auto 24px auto; } .mac-pro.page-template-story-template div.section.accolades ul.accolade_badge li ul.accolade_list { font-size: 1.0rem; list-style: none; padding: 0; } .mac-pro.page-template-story-template div.section.accolades ul.accolade_badge li ul.accolade_list li { text-align: center; } .mac-pro.page-template-story-template div.section.accolades ul.accolade_badge li ul.accolade_list li:first-child { font-weight: 600; font-size: 1.2rem; } .mac-pro.page-template-story-template div.section.locations h2 { font-size: 5.0rem; color: white; margin: calc(24px*3) 0; } @media only screen and (max-width: 600px) { .mac-pro.page-template-story-template div.section.locations h2 { font-size: 4.0rem; } } .mac-pro.page-template-story-template div.section.locations ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-gap: 24px; } .mac-pro.page-template-story-template div.section.locations ul li { position: relative; width: calc(24px*6); height: calc(24px*6); display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: auto; -webkit-transition: 0.1s; -moz-transition: 0.1s; -ms-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } .mac-pro.page-template-story-template div.section.locations ul li:hover { transform: scale(1.1); } .mac-pro.page-template-story-template div.section.locations ul li i, .mac-pro.page-template-story-template div.section.locations ul li svg { position: absolute; z-index: 5; top: 0; left: 0; pointer-events: none; color: #C61F26; font-size: 8.0rem; transform: rotate(-10deg); } .mac-pro.page-template-story-template div.section.locations ul li div, .mac-pro.page-template-story-template div.section.locations ul li span { position: relative; z-index: 10; text-align: center; width: 100%; } .mac-pro.page-template-story-template div.section.locations ul li div { font-size: 3.0rem; } .mac-pro.page-template-story-template div.section.locations ul li div span { display: block; font-size: 1.6rem; margin-top: calc(24px - (48px)); } .mac-pro.page-template-story-template div.section.locations ul li a { color: white; } .mac-pro.single-locations .macs_page_header { height: 100vh; } .mac-pro.single-locations .macs_page_header h1 { text-align: center; } .mac-pro.single-locations .macs_page_header h1 span.address { font-size: 1.6rem; display: block; } .mac-pro.single-locations .site-inner { background: #000000; color: white; } .mac-pro.single-locations .content { width: 100%; } .mac-pro.single-locations .single_locations_loop .location_info { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-gap: 14px; overflow: hidden; margin: auto; max-width: 1200px; } .mac-pro.single-locations .single_locations_loop .location_info .cont { border-right: 4px solid white; padding: 0 calc(24px*1.4); position: relative; font-size: 1.0rem; } .mac-pro.single-locations .single_locations_loop .location_info .cont:last-child { border-right: none; } .mac-pro.single-locations .single_locations_loop .location_info .cont:last-child::after { display: none; } .mac-pro.single-locations .single_locations_loop .location_info .cont::after { content: ""; background: url("../images/title_acent.png"); width: 100%; height: 24px; background-repeat: no-repeat; background-size: contain; position: absolute; right: -50%; top: 100%; transform: rotate(90deg); } .mac-pro.single-locations .single_locations_loop .location_info .cont.hours span.day { display: block; } .mac-pro.single-locations .single_locations_loop .location_info .cont.contact ul { margin-top: calc(24px/2); } .mac-pro.single-locations .single_locations_loop .location_info .cont.contact ul li { display: inline-block; margin-right: calc(24px/2); } .mac-pro.single-locations .single_locations_loop .location_info .cont a.directions { display: block; margin: calc(24px/2) 0; } .mac-pro.single-locations .single_locations_loop .event_catering { position: relative; margin: calc(24px*4) 0; background: url("/wp-content/uploads/2020/05/91301158_10157027783863671_5749591363884679168_o.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-size: cover !important; text-align: center; display: flex; align-items: center; justify-content: center; min-height: 400px; padding: calc(24px*6); font-size: 1.4rem; } @media only screen and (max-width: 600px) { .mac-pro.single-locations .single_locations_loop .event_catering { background: #000000; } } .mac-pro.single-locations .single_locations_loop .event_catering::before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.74); width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: 10; } .mac-pro.single-locations .single_locations_loop .event_catering div.cont { position: relative; z-index: 20; } .mac-pro.single-locations .single_locations_loop .event_catering div.cont h3 { font-size: 4.0rem; font-weight: 300; } .tribe-theme-genesis .site-inner { position: relative; padding-top: 200px !important; } .tribe-theme-genesis .site-inner::before { content: ""; width: 100%; height: 100%; background: url("../images/halftone_3.png"); background-attachment: fixed; pointer-events: none; opacity: 0.02; position: absolute; left: 0; top: 0; background-position: top right; } .tribe-events-c-top-bar__datepicker button { font-size: 1.0rem !important; } .tribe-events-c-top-bar__datepicker button:before { display: none !important; } .tribe-events-c-top-bar__nav-link, .tribe-events-c-nav__prev, .tribe-events-c-nav__next { min-height: auto !important; min-width: auto !important; } .tribe-events-c-top-bar__nav-link:before, .tribe-events-c-nav__prev:before, .tribe-events-c-nav__next:before { display: none !important; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-latest-past__event-row { margin-bottom: calc(24px*3); border-bottom: solid 1px rgba(0, 0, 0, 0.24); padding-bottom: calc(24px*3); } section.related.products { display: block; width: 100%; clear: both; } .woocommerce-checkout-payment { color: black; color: black; } .woocommerce-page.mac-pro { background: #000000; } .woocommerce-page.mac-pro h1.archive-title { display: none; } .woocommerce-page.mac-pro .woo_nav { background: white; background-image: url("/wp-content/themes/macs-speedshop-master/images/map_grunge_comp.jpg"); color: #000000; position: relative; height: 75px; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 860px) { .woocommerce-page.mac-pro .woo_nav { height: auto; } } .woocommerce-page.mac-pro .woo_nav h1 { display: none; } .woocommerce-page.mac-pro .woo_nav ul { display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 860px) { .woocommerce-page.mac-pro .woo_nav ul { display: grid; grid-template-columns: 1fr; grid-gap: calc(24px/2); } } .woocommerce-page.mac-pro .woo_nav ul li { display: flex; align-items: center; justify-content: center; padding: 0 24px; } .woocommerce-page.mac-pro .woo_nav ul li a { color: #000000; font-size: 2.2rem; } .woocommerce-page.mac-pro .woo_nav ul li a span { display: none; } .woocommerce-page.mac-pro .woo_nav ul li a:hover, .woocommerce-page.mac-pro .woo_nav ul li a:active { color: #C61F26 !important; } .woocommerce-page.mac-pro button, .woocommerce-page.mac-pro .button { display: flex; background-color: transparent !important; } .woocommerce-page.mac-pro button.button.open_ddmbmenu, .woocommerce-page.mac-pro .button.button.open_ddmbmenu { background-color: transparent !important; } .woocommerce-page.mac-pro #ddmbmenu_cont_cta button { background-color: transparent !important; } .woocommerce-page.mac-pro .site-inner { padding-top: calc(24px*8); color: white; } .woocommerce-page.mac-pro h2.woocommerce-loop-product__title { color: white; font-size: 1.6rem !important; font-weight: 300; } .woocommerce-page.mac-pro span.price { color: #C61F26 !important; } .woocommerce-page.mac-pro span.woocommerce-Price-amount.amount { color: #C61F26 !important; font-size: 2.0rem; } .woocommerce-page.mac-pro .woocommerce-tabs.wc-tabs-wrapper { display: none; } .stick-to-top { top: 0px !important; } /*# sourceMappingURL=mac_styles.css.map */