/* * These styles apply ONLY to the header and footer assets. */ #top-bar-container * { z-index: 1; } .hmg-logo img { object-fit: contain; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ <link type="text/css" rel="stylesheet" href="//fast.fonts.net/cssapi/a83521b2-4786-4a35-854b-51303fda17d0.css"></div> <style> .footer .klaviyo-form button, .Dashboard .Content.MainContent .Buttons, .Dashboard .Content.MainContent .ProfileButtons { font-family: "Helvetica Neue", "Neue Helvetica W05", HelveticaNeue, "Neue Helvetica", "Helvetica W01", Helvetica, Helvetica, sans-serif!important; } .Groups .Group-Header-Actions .SpDropdownHandle.Sprite { border: 0px!important; } .Groups .Group-Header-Actions .Button.Popup, .Groups .media-list.DataList.pageBox .Button.Popup { line-height: 28px; } #PagerBefore .Pager-p, #PagerAfter .Pager-p { text-align: center; } .Discussions.landing-page-home h1.heading { visibility: hidden; height: 0px; width: 0px!important; padding: 0px!important; } .Discussions.landing-page-home .css-1xj7zav-Banner-styles-titleWrap { display: flex; font-size: 0.1px!important; background-image: url('https://cdn.shopify.com/s/files/1/3004/4846/files/TrailHead-v1-header.png?v=1649961894'); background-size: contain; background-position: center 5px; background-repeat: no-repeat; padding: 15.5% 0 0 0; width: 85%; margin: auto; max-width: 650px; background-repeat: no-repeat; } .Discussions.landing-page-home .css-1qhvfzh-Banner-styles-titleFlexSpacer-Banner-styles-titleFlexSpacer:nth-child(1) { width: 100%; } .Discussions.landing-page-home .css-1qhvfzh-Banner-styles-titleFlexSpacer-Banner-styles-titleFlexSpacer:nth-child(1):after { display: flex; content: "Our community of like-minded backcountry enthusiasts"; justify-content: center; text-align: center; width: 100%; text-transform: none!important; max-width: 705px; height: auto; color: #FFFFFF; font-size: 18px; font-weight: 400; font-family: "Helvetica Neue", "Neue Helvetica W05", HelveticaNeue, "Neue Helvetica", "Helvetica W01", Helvetica, Helvetica, sans-serif; } .Discussions.landing-page-home .css-1qhvfzh-Banner-styles-titleFlexSpacer-Banner-styles-titleFlexSpacer { flex-basis: unset!important; } .Content.MainContent .FormTitleWrapper.AjaxForm .FormWrapper { background-color: #FFFFFF; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Neue Helvetica W05", "HelveticaNeue", "Neue Helvetica", "Helvetica W01", Helvetica, sans-serif!important; } @media (max-width: 355px) { #titleBar .css-z56nz6-titleBarStyles-mobileLogo-titleBarStyles-mobileLogo { max-width: 100%!important; } #titleBar .headerLogo-logoFrame.css-el36jb-titleBarStyles-logoFrame { width: 70%; } } .Discussions.landing-page-home h1.heading { display: flex; text-indent: -9999px; font-size: 0px; background-image: url('https://cdn.shopify.com/s/files/1/3004/4846/files/TrailHead-v1-header.png?v=1649961894'); background-size: contain; background-position: center 5px; background-repeat: no-repeat; padding: 15.5% 0 0 0; width: 85%; max-width: 650px; } .Discussions.landing-page-home .css-eergau-Banner-styles-descriptionWrap-Banner-styles-descriptionWrap { visibility: hidden; height: 1px; } .Discussions.landing-page-home h1.heading:after { display: flex; content: "Our community of like-minded backcountry enthusiasts"; justify-content: center; width: 100%; text-transform: none!important; max-width: 705px; height: auto; color: #FFFFFF; font-size: 18px; font-weight: 400; text-indent: 0px; font-family: "Helvetica Neue", "Neue Helvetica W05", HelveticaNeue, "Neue Helvetica", "Helvetica W01", Helvetica, Helvetica, sans-serif; } .Discussions.landing-page-home .css-182j02q-Banner-styles-textAndSearchContainer:before { display: block; content: "Welcome to"; text-align: center; text-transform: uppercase; width: 100%; max-width: 705px; height: auto; color: #FFFFFF; font-size: 18px; font-weight: 600; font-family: "Helvetica Neue", "Neue Helvetica W05", HelveticaNeue, "Neue Helvetica", "Helvetica W01", Helvetica, Helvetica, sans-serif; padding-top: 30px; } .css-3m927-homeWidgetContainer-gridItemWidthConstraint { max-width: none!important; } .register .FormTitleWrapper.AjaxForm .FormWrapper, .signin .FormTitleWrapper.AjaxForm .FormWrapper { background-color: #FFFFFF; } .PageControls-filters .selectBox-main .selectBox-selected, .PageControls-filters .selectBox-main .vanillaDropDown-arrow { color: rgb(255, 80, 0); } a.is-top-bar-flex { align-items: center; } div.hmg-logo { display: flex; height: 100%; } .Section-Discussion .Frame-content .Item.ItemDiscussion::after, .Section-Discussion .Frame-content .pageBox .css-1htnorq-cta-widget { display: none!important; } .index.Section-DiscussionList .landing-page-home .css-s8yvgb-Banner-styles-titleWrap-Banner-styles-titleWrap, .index.Section-DiscussionList .landing-page-home .css-l5bwxt-Banner-styles-description-Banner-styles-description.css-qbmmvv-Banner-styles-text-Banner-styles-text { visibility: hidden; height: 1px; } .trailhead-header-title { text-align: center; } //EVERYTHING BELOW HERE SHOULD BE CONSIDERED BROKEN UNTIL FURTHER NOTICE .Dashboard .Frame-details #Form_Invite.Button { color: #FFFFFF; background-color: rgb(255, 80, 0); margin: 20px 0 10px; border: 0px; } .Dashboard .Frame-details .NavButton.Handle.ProfileButtons.Button-EditProfile { color: #FFFFFF; background-color: rgb(255, 80, 0); border: 0px; } .Dashboard .Frame-details .NavButton.Handle.ProfileButtons.Button-EditProfile:hover { color: #FFFFFF; background-color: rgb(255, 80, 0); border: 0px; } .sign-in-button-container { display: none; } @media (max-width: 400px) { .css-9lstnt-titleBarStyles-logoCenterer.css-1c5k3i1-titleBarStyles-mobileLogo * { width: 100px!important; } #top-bar-container .hmg-logo { padding-top: 8px; } } @media (max-width: 300px) { .css-9lstnt-titleBarStyles-logoCenterer.css-1c5k3i1-titleBarStyles-mobileLogo * { width: 50px!important; } } @media (max-width: 960px) and (min-width: 500px) { .css-mk2hak-homeWidgetContainer-content .css-6x6a54-homeWidgetContainer-gridItem { flex-basis: 50%!important; flex-grow: 0; } } @media (max-width: 499px) { .css-mk2hak-homeWidgetContainer-content .css-6x6a54-homeWidgetContainer-gridItem { flex-basis: 100%!important; flex-grow: 0; } } .linkContentClassName.css-1g113rp-titleBarNavStyles-linkActive { border-bottom: 1px solid #000000; } .linkContentClassName.css-1g113rp-titleBarNavStyles-linkActive:after { display: none!important; } .css-1gwetjq-container-container-container-fullGutter-container-fullGutter .row { margin: 0!important; width: 100%; } .css-l96clr-titleBarStyles-bg1, .css-1w27ir2-titleBarStyles-bg2 { background-color: #FFFFFF!important; } .css-28ptsh-container-container-container-fullGutter-container-fullGutter-container-fullGutter * { color: #000000; } .linkContentClassName:hover { border-bottom: 1px solid #000000; } .hmg-logo { width: 40%; max-width: 175px; } .hmg-logo img { width: 100%; } @media (max-width: 340px) { .hmg-logo { margin-top: .2rem; } } @media (max-width: 1000px) { .Vanilla.Discussions.Section-DiscussionList.dataDriven.js-focus-visible #array-goes-here .row { grid-template-columns: 100%; } } .css-1ddr08y-homeWidgetItem-backgroundContainer .heading.heading-3 { max-width: 252px; width: 100%; } .css-6x6a54-homeWidgetContainer-gridItem .css-1b50ck3-button-transparent-styleHelperButtonGenerator-buttonClass { display: none!important; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(1) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "GET INVOLVED"; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(2) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "Community Tested Favorites"; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(3) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "Submitted By You"; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(4) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "This Is Not Minimalism"; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(5) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "Tech Talk From The Shop"; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(6) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "From Our Friends In The Field"; } .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { margin: 20px auto 0; display: block; max-width: 252px; width: 90%; padding: 10px; background-color: #000000; font-size: 12px; text-transform: uppercase; font-weight: 400; transition: 0.3s; letter-spacing: 1px; } .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:hover:after { transition: 0.3s; background-color: rgb(255, 80, 0)!important; } .css-11e3sh6-homeWidgetItem-homeWidgetItem:hover .css-d76xjt-homeWidgetItem-backgroundScrim { background-color: rgba(255,255,255,0.2); transition: 0.3s; } .is-top-bar-flex { display: flex; justify-content: center; color: #000000; padding-top: 5px; height: 100%; } .is-top-bar-flex:hover { color: #000000; } .explore-text { text-transform: uppercase; padding: 10px 5px 10px 0px; text-align: right; font-size: 14px; } .hmg-logo { width: 65%; max-width: 300px; } .hmg-logo img { width: 100%; } .greater-than-symbols { padding: 10px 0px 10px 5px; text-align: left; } .explore-text { width: 80px; } .greater-than-symbols { width: 60px; } .sign-in-button:hover { color: #000000; } .trailhead-header-title { color: #FFFFFF; font-size: 18px; text-transform: uppercase; font-weight: 600; } .trailhead-logo-container { width: 85%; margin: auto; } .trailhead-logo-container img { width: 100%; max-width: 1000px; } .css-1w01p6u-Banner-styles-descriptionWrap { flex-direction: column; } .our-community-header-text { color: white; font-size: 18px; text-align: center; } .start-conversation-header { padding-top: 50px; } .explore-more-home, .start-conversation-header { color: #000000; font-size: 22px; font-weight: 700; text-transform: uppercase; width: 95%; margin: auto; text-align: center; } .explore-subtitle, .start-conversation-subheader { font-size: 18px; font-weight: 400; width: 70%; margin: auto; text-align: center; padding-top: 15px; padding-bottom: 50px; } .card-home { width: 100%; height: 300px!important; } .card-home img { width: 98%; height: 300px; object-fit: cover; } .row { width: 95%; margin: auto!important; } .info-container-home { width: 90%; margin-right: auto; } .title-home { color: #000000; padding-top: 20px; } .subtitle-home { padding-bottom: 10px; font-weight: 400; text-transform: uppercase; font-size: 14px; } .info-container-home .title-home { text-transform: uppercase; } .description-home { font-size: 14px; } .css-1gwetjq-container-container-container-fullGutter-container-fullGutter .card-wrapper { padding-bottom: 50px; } .hmg-pocket-section { font-size: 22px; font-weight: 700; text-transform: uppercase; width: 95%; margin: auto; text-align: center; color: #000000; padding: 50px 0; } #top-bar-container { width: 100%; height: 76px; background-color: #FFFFFF; color: black; text-align: center; } .sign-in-button { background-color: white; height: 20px; padding: 5px 40px; color: black; font-weight: 600; font-size: 14px; text-transform: uppercase; margin: auto!important; } .sign-in-button-container { width: 167px!important; margin: auto; } .css-2dj7nu-SearchBar-styles-independentRoot { display: none!important; } .css-tk8a5y-titleBarStyles-nav { left: 72%!important; } @media (min-width: 780px) { .css-1vyiaie-Banner-styles-imagePositioner { height: 400px!important; } } @media (max-width: 779.9px) { .css-1vyiaie-Banner-styles-imagePositioner { height: 250px!important; } } .index.Section-DiscussionList .landing-page-home .css-zkasr5-Banner-styles-description.css-1urht6t-Banner-styles-text { font-size: 32px; font-weight: 600; line-height: 40px; } .index.Section-DiscussionList .landing-page-home .css-1xj7zav-Banner-styles-titleWrap { visibility: hidden; height: 1px; } .footer .Container { padding-bottom: 20px; } .signin.Section-Entry .needsclick.go3296933210.kl-private-reset-css-Xuajs1, .signin.Section-Entry #Form_Password { border: 1px solid #000000!important; } .signin.Section-Entry .needsclick.go3844246890.kl-private-reset-css-Xuajs1 { width: 250px!important; margin: auto; } .signin.Section-Entry .Content.MainContent, .signin.Section-Entry .signup-form-container { background-color: #FFFFFF; } .signin.Section-Entry .needsclick.go407003410.kl-private-reset-css-Xuajs1 { display: none!important; } .signin.Section-Entry .signup-form-container { margin-top: 10px; } .signin.Section-Entry .needsclick.kl-private-reset-css-Xuajs1 { justify-content: center; } .signin.Section-Entry .needsclick.go2284226919.kl-private-reset-css-Xuajs1 { min-height: 36px; width: 100%; } .signin.Section-Entry .needsclick.go1153500708.kl-private-reset-css-Xuajs1 { text-transform: uppercase; } .signin.Section-Entry .ql-snow.ql-container.ql-disabled strong { text-transform: uppercase; } .signin.Section-Entry .Frame-row { display: block!important; } .welcome-text-container { text-align: center; padding: 20px 8px 0px 8px; font-size: 14px; margin: auto; text-transform: uppercase; } @media (max-width: 346px) { .welcome-text-container { font-size: 12px; } } .signin.Section-Entry .Buttons .CheckBoxLabel { display: block; padding-top: 12px; } .signin.Section-Entry .Buttons { width: 100%; text-align: center; } .signin.Section-Entry .ForgotPassword { display: block; width: 100%; text-align: center; padding-top: 5px; } .signin.Section-Entry .Frame-top { background-image: url(https://cdn.shopify.com/s/files/1/3004/4846/files/P7221705.jpg?v=1650914368); background-repeat: no-repeat; background-size: cover; } @media (max-width: 768px) { .footer .socials { display: flex; justify-content: center; } } .signin.Section-Entry .BreadcrumbsBox { display: none; } .signin.Section-Entry .Frame-details { max-width: 400px!important; margin: 100px auto; } .signin.Section-Entry .Frame-details h1 { text-align: center; } .signin.Section-Entry .Entry.SingleEntryMethod { display: flex; justify-content: center; } .signin.Section-Entry .Content.MainContent { margin: 0px!important; padding-bottom: 6px!important; } /* Black Background Home Page .index.Section-DiscussionList .Frame-body .css-meexj4-homeWidgetContainer { background-color: #000000; padding-bottom: 24px; } End Black Background */ .index.Section-DiscussionList .Frame-body .Frame-content .css-meexj4-homeWidgetContainer { background-color: #FFFFFF; } .index.Section-DiscussionList .page .css-meexj4-homeWidgetContainer { margin: 0px; } .new-here-container { text-align: center; } .noDisplay { display: none; } .index, .Section-BestOf, .Event { font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif!important; } .Category-guides .Frame-content { display: none; } .css-1xu7q0e-Banner-styles-middleContainer { background-color: rgba(30,30,30,0); } .Panel.Panel-main .pageHeadingBox, .ActivityFormWrap .H, .bestof .Content.MainContent .H { text-transform: uppercase; } .Group-Box .H.media-list-heading, .Group-Box .Buttons, .groupToolbar .Button.Primary { text-transform: uppercase!important; } footer.footer { background-color: #000; box-sizing: border-box; color: #000; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0; outline: 0; padding: 40px 0 0 0; } div.container { box-sizing: border-box; color: #000; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0 auto; outline: 0; padding: 0 15px 80px 15px; text-align: left; width: 100%; } @media (min-width: 576px) { div.container { max-width: 540px; } } @media (min-width: 768px) { div.container { max-width: 720px; } } @media (min-width: 992px) { div.container { max-width: 960px; } } @media (min-width: 1200px) { div.container { max-width: 1140px; } } @media screen and (max-width: 768px) { div.container { padding: 0 15px; width: 100%; } } div.footer__inner { border-bottom: 1px dashed #333; box-sizing: border-box; color: #000; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0 0 10px; outline: 0; padding: 0 0 20px; text-align: center; } div.socials { box-sizing: border-box; color: #000; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0 0 10px; outline: 0; padding: 0; text-align: left; } footer.footer div.socials ul { -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-pack: center; align-items: center; box-sizing: border-box; color: #e1e1e1; display: flex; flex-direction: row; flex-wrap: wrap; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; justify-content: left; line-height: 22.5px; list-style: none; list-style: none; margin: 30px 0 0 0; outline: 0; padding: 0; text-align: center; } footer.footer ul li { box-sizing: border-box; color: #e1e1e1; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 3px 6px; outline: 0; padding: 0; text-align: center; } a.social-icon.social_fa-facebook { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa.fa-facebook { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; display: inline-block; font-family: FontAwesome; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-facebook:before { content: ""; } a.social-icon.social_fa-twitter { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa.fa-twitter { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; display: inline-block; font-family: FontAwesome; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-twitter:before { content: ""; } a.social-icon.social_fa-instagram { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa.fa-instagram { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; display: inline-block; font-family: FontAwesome; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-instagram:before { content: ""; } a.social-icon.social_fa-pinterest { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa.fa-pinterest { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; display: inline-block; font-family: FontAwesome; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-pinterest:before { content: ""; } a.social-icon.social_fa-youtube { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa.fa-youtube { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; display: inline-block; font-family: FontAwesome; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-youtube:before { content: ""; } a.social-icon.social_fa-tiktok { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa-brands.fa-tiktok { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; font-family: "Font Awesome 6 Brands"; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa-brands.fa-tiktok:before { content: ""; } .fab, .fa-brands { font-family: "Font Awesome 6 Brands"; font-weight: 400; } .fa-brands { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } a.social-icon.social_fa-facebook .fa.fa-facebook:hover, a.social-icon.social_fa-twitter .fa.fa-twitter:hover, a.social-icon.social_fa-instagram .fa.fa-instagram:hover, a.social-icon.social_fa-pinterest .fa.fa-pinterest:hover, a.social-icon.social_fa-youtube .fa.fa-youtube:hover, a.social-icon.social_fa-tiktok .fa-brands.fa-tiktok:hover { color: #ff5000!important; } a.phone { appearance: none; background-color: transparent; box-sizing: border-box; color: #e1e1e1; cursor: default; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 16px; line-height: 24px; margin: 0 3px; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: all .3s; } a.phone:not([href]):not([class]) { color: inherit; } a.phone:not([href]):not([class]):hover { color: inherit; } i.fa.fa-phone { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: default; display: inline-block; font-family: FontAwesome; font-size: inherit; font-weight: 400; line-height: 1; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-phone:before { content: ""; } footer.footer a.phone span { box-sizing: border-box; color: #e1e1e1; cursor: default; font-family: "Geogrotesque W01",geogrotesque,sans-serif; font-weight: 500; line-height: 24px; margin: 0; outline: 0; padding: 0; text-align: center; } div.footer__content.row { box-sizing: border-box; color: #000; display: flex; flex-wrap: wrap; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0 -15px; outline: 0; padding: 0; text-align: left; } div.col-md-5.col-12.col-sm-12 { box-sizing: border-box; color: #000; flex: 0 0 100%; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0; max-width: 100%; outline: 0; padding: 0 15px; position: relative; text-align: left; width: 100%; } @media (min-width: 576px) { div.col-md-5.col-12.col-sm-12 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { div.col-md-5.col-12.col-sm-12 { flex: 0 0 41.6667%; max-width: 41.6667%; } } a.footer__logo { -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-pack: center; align-items: center; background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: flex; flex-direction: row; flex-wrap: wrap; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; height: 125px; justify-content: center; line-height: 22.5px; margin: 0 auto; max-width: 265px; outline: 0; padding: 0; text-align: left; text-decoration: none; transition: all .3s; } a.footer__logo:hover { color: #0056b3; } @media (max-width: 767px) { a.footer__logo { margin: 0 auto; } } footer.footer a.footer__logo img { border-style: none; border-width: 0; box-sizing: border-box; color: #000; cursor: pointer; display: inline-block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; height: auto; line-height: 22.5px; margin: 0; max-width: 100%; outline: 0; padding: 0; text-align: left; vertical-align: middle; width: 100%; } div.col-12.col-md-6.offset-md-1 { box-sizing: border-box; color: #000; flex: 0 0 100%; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0; max-width: 100%; outline: 0; padding: 0 15px; position: relative; text-align: left; width: 100%; } @media (min-width: 768px) { div.col-12.col-md-6.offset-md-1 { flex: 0 0 50%; margin-left: 8.33333%; max-width: 50%; } } div.row { box-sizing: border-box; color: #000; display: flex; flex-wrap: wrap; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0 -15px; outline: 0; padding: 0; text-align: left; } div.col-6.col-md-4 { box-sizing: border-box; color: #000; flex: 0 0 50%; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0; max-width: 50%; outline: 0; padding: 0 15px; position: relative; text-align: left; width: 100%; } @media (min-width: 768px) { div.col-6.col-md-4 { flex: 0 0 33%; max-width: 33%; } } footer.footer div.col-6.col-md-4 h6 { box-sizing: border-box; color: white; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 14px; font-weight: 500; line-height: 1.2; margin: 0 0 10px; outline: 0; padding: 0; text-align: left; text-transform: uppercase; } footer.footer div.col-6.col-md-4 ul { box-sizing: border-box; color: #000; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 12px; line-height: 18px; list-style: none; list-style: none; margin: 0; outline: 0; padding: 0; text-align: left; } @media (max-width: 767px) { footer.footer div.col-6.col-md-4 ul { margin-bottom: 40px; } } .footer .col-6.col-md-4 li { text-align: left!important; margin: 0px; } footer.footer li a { background-color: transparent; box-sizing: border-box; color: white; cursor: pointer; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 12px; font-weight: 400; line-height: 26px; list-style: none; margin: 0; outline: 0; padding: 0; text-decoration: none; transition: all .3s; } footer.footer li a:hover { color: #ff5000; } footer.footer li a:not([href]):not([class]):hover { color: inherit; } div.copyright { border-top: 1px dashed #333; box-sizing: border-box; color: #76787a; display: flex; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 10px; justify-content: space-between; letter-spacing: normal; line-height: 15px; margin: 10px 0 0; outline: 0; padding: 15px 0 0; text-align: left; text-transform: uppercase; } p.accessibletext { box-sizing: border-box; color: #76787a; display: flex; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 10px; line-height: 15px; margin: 0 0 10px; outline: 0; padding: 0; text-align: left; text-transform: uppercase; } @media (max-width: 767px) { p.accessibletext { flex-basis: 100%; justify-content: flex-start; } } footer.footer p.accessibletext span { box-sizing: border-box; color: #76787a; cursor: pointer; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 10px; line-height: 15px; margin: 0; outline: 0; padding: 0; text-align: left; text-transform: uppercase; } p.copyrighttext.rightalign { box-sizing: border-box; color: #76787a; display: flex; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 10px; justify-content: flex-end; line-height: 15px; margin: 0 0 10px; outline: 0; padding: 0; text-align: left; text-transform: uppercase; } @media (max-width: 767px) { p.copyrighttext.rightalign { flex-basis: 100%; justify-content: flex-start; } } .footer .needsclick.go407003410.kl-private-reset-css-Xuajs1 { display: none; } .footer .needsclick[type="email"] { border-bottom: 1px solid #FFFFFF!important; border-top: 0px!important; border-left: 0px!important; border-right: 0px!important; border-radius: 0px!important; } .footer .needsclick::placeholder { margin-left: none!important; padding: 0 0 0 0!important; } .footer input[type=email] { padding: 0 0 0 0!important; } .footer .needsclick.go3460277163.kl-private-reset-css-Xuajs1, #flyout-3-handle { border-radius: 0px; width: 100px; text-transform: uppercase!important; font-family: helvetica neue, arial, serif!important; } .footer .klaviyo-form-WFTChM { padding-left: 7px; } .Vanilla { font-family: helvetica neue, arial, serif; } .footer .socials { padding-bottom: 30px; } @media (max-width: 747px){ .footer .row { padding-left: 7px; } } .css-uove1w-typographyStyles-subTitle.heading.heading-2 { display: none!important; } .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName { font-size: 20px; } .footer-wrap { margin-right: 50% !important; } .bottom-footer-bar { background: #171717; padding: 18px 0px 18px 0px; text-align: center; } .bottom-footer-bar a { color: #FFFFFF; font-weight: 700; font-size: 12px; } #themeFooter { display: none; } .bottom-footer-bar a:hover { color: #ff5000; } .Panel.Panel-main #flyout-4-handle { border-radius: 0px; } .fas.fa-arrow-left { color: #FFFFFF!important; } /* ------ Array + other css ------ */ .card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin: 1rem; height: auto; min-height: 265px; } .card .card-body .title { font-size: 22px; text-transform: uppercase; padding-top: 5px; line-height: 1; } .card p { font-size: 14px; line-height: 18px; } .card .title, .card p { padding: 5px 10px 0px 10px; } .card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); } #array-goes-here .row a:link { color: black; } #array-goes-here .row a:visited { color: black; } #array-goes-here .row a:hover { color: black; } .card img { width: 100%; height: 200px; } #array-goes-here .row { display: grid!important; grid-template-columns: 33.3% 33.3% 33.3%; } @media (min-width: 599px){ .mobile_button { display: none; } } @media screen and (max-width: 992px) { .Category-guides.Section-Category-8-guides #array-goes-here .row { grid-template-columns: 50% 50%!important; } } @media screen and (max-width: 600px) { .Category-guides.Section-Category-8-guides #array-goes-here .row { grid-template-columns: 100%!important; } .card { height: 220px; min-height: 200px; } .card img { width: 100%; height: 150px; } } @media (min-width: 600px) { #array-goes-here .row .card { height: auto!important; min-height: 285px!important; } } @media (min-width: 599px){ .mobile_button { display: none; } } @media (max-width: 598.99px){ .card p { display: none; } .card img { height: 220px!important; z-index: 1; } .card .title{ position: relative; z-index: 2; color: #FFFFFF!important; bottom: 150px; text-transform: uppercase; left: 20px; } .card .mobile_button { position: relative ; bottom: 130px; left: 31px; text-transform: uppercase; color: #FFFFFF!important; border: 2px solid #FFFFFF; padding: 5px 20px 5px 20px; } } .breadcrumbsContainer { padding: 20px 0px 0px 4px; font-size: 12px!important; } .breadcrumbsContainer a { color: rgb(255, 80, 0); font-size: 12px!important; } .Section-Category-guides .Frame-content { display: none; } .pageBox .css-wcj21a-PageHeadingBox-styles-titleWrap .heading-4, .pageBox .Box.BoxCategories .pageHeadingBox, .pageBox .WhosOnline.Box .pageHeadingBox { text-transform: uppercase; } .pageBox .WhosOnline.Box { border-top: 1px solid } .pageBox .css-wcj21a-PageHeadingBox-styles-titleWrap, .pageBox .Box.BoxCategories, .pageBox .WhosOnline.Box { padding-top: 15px; } .swipable .css-1txtzga-homeWidgetItem-absoluteContent-homeWidgetItem-absoluteContent, .css-14vy8oa-SearchBar-styles-form.css-cppf6-SearchBar-styles-root #search-0-searchButton, .css-kt22f-Banner-styles-iconTextAndSearchContainer .heading.heading-1 { text-transform: uppercase; } .pageBox .pageHeadingBox .H, .pageBox .FormWrapper .Buttons, .pageBox #Form_PostComment { text-transform: uppercase; } .FormWrapper { padding: 10px 0px 0px 0px!important; } .signin { font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; } .Frame-body .css-1b50ck3-button-transparent-styleHelperButtonGenerator-buttonClass:hover { color: rgb(255, 80, 0); border: 1px solid rgb(255, 80, 0); } .Content.MainContent .headerBoxLayout { display: none; } .Frame-content { margin-top: 0!important; } .Container .BreadcrumbsBox { padding: 30px 8px 0px 4px; } @media (max-width: 800px){ #modals .css-n1vu93-dropDownStyles-headingTitleContainer { color: #FFFFFF; } #modals .css-psq5yz-dropDownStyles-panel.css-rre0uy-dropDownStyles-panelFirst .css-x85juu-dropDownStyles-action { font-size: 24px!important; } } .index .css-meexj4-homeWidgetContainer { margin-bottom: 0px!important; } .Section-DiscussionList .pageBox #flyout-4-handle { text-transform: uppercase!important; } .Buttons, input[type=submit], h1.H, input[type=button], h1, .breadcrumbsContainer a { text-transform: uppercase; } .css-1b50ck3-button-transparent-styleHelperButtonGenerator-buttonClass, .css-ixd09g-titleBarStyles-register { border-radius: 0px!important; } #titleBar { font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif!important; } @media (min-width: 769px){ .signin.Section-Entry .Content.MainContent { margin: 0 10% 0 35%; } } #DiscussionForm .Buttons input[type=submit]:hover, #EventAddEditForm .Buttons input[type=submit]:hover { background-color: black; border: 1px solid black; } .Section-Entry { font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif!important; }

Guidelines & How To Get Started

Categories

/* * These styles apply ONLY to the header and footer assets. */ #top-bar-container * { z-index: 1; } .hmg-logo img { object-fit: contain; } * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ <link type="text/css" rel="stylesheet" href="//fast.fonts.net/cssapi/a83521b2-4786-4a35-854b-51303fda17d0.css"></div> <style> .footer .klaviyo-form button, .Dashboard .Content.MainContent .Buttons, .Dashboard .Content.MainContent .ProfileButtons { font-family: "Helvetica Neue", "Neue Helvetica W05", HelveticaNeue, "Neue Helvetica", "Helvetica W01", Helvetica, Helvetica, sans-serif!important; } .Groups .Group-Header-Actions .SpDropdownHandle.Sprite { border: 0px!important; } .Groups .Group-Header-Actions .Button.Popup, .Groups .media-list.DataList.pageBox .Button.Popup { line-height: 28px; } #PagerBefore .Pager-p, #PagerAfter .Pager-p { text-align: center; } .Discussions.landing-page-home h1.heading { visibility: hidden; height: 0px; width: 0px!important; padding: 0px!important; } .Discussions.landing-page-home .css-1xj7zav-Banner-styles-titleWrap { display: flex; font-size: 0.1px!important; background-image: url('https://cdn.shopify.com/s/files/1/3004/4846/files/TrailHead-v1-header.png?v=1649961894'); background-size: contain; background-position: center 5px; background-repeat: no-repeat; padding: 15.5% 0 0 0; width: 85%; margin: auto; max-width: 650px; background-repeat: no-repeat; } .Discussions.landing-page-home .css-1qhvfzh-Banner-styles-titleFlexSpacer-Banner-styles-titleFlexSpacer:nth-child(1) { width: 100%; } .Discussions.landing-page-home .css-1qhvfzh-Banner-styles-titleFlexSpacer-Banner-styles-titleFlexSpacer:nth-child(1):after { display: flex; content: "Our community of like-minded backcountry enthusiasts"; justify-content: center; text-align: center; width: 100%; text-transform: none!important; max-width: 705px; height: auto; color: #FFFFFF; font-size: 18px; font-weight: 400; font-family: "Helvetica Neue", "Neue Helvetica W05", HelveticaNeue, "Neue Helvetica", "Helvetica W01", Helvetica, Helvetica, sans-serif; } .Discussions.landing-page-home .css-1qhvfzh-Banner-styles-titleFlexSpacer-Banner-styles-titleFlexSpacer { flex-basis: unset!important; } .Content.MainContent .FormTitleWrapper.AjaxForm .FormWrapper { background-color: #FFFFFF; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Neue Helvetica W05", "HelveticaNeue", "Neue Helvetica", "Helvetica W01", Helvetica, sans-serif!important; } @media (max-width: 355px) { #titleBar .css-z56nz6-titleBarStyles-mobileLogo-titleBarStyles-mobileLogo { max-width: 100%!important; } #titleBar .headerLogo-logoFrame.css-el36jb-titleBarStyles-logoFrame { width: 70%; } } .Discussions.landing-page-home h1.heading { display: flex; text-indent: -9999px; font-size: 0px; background-image: url('https://cdn.shopify.com/s/files/1/3004/4846/files/TrailHead-v1-header.png?v=1649961894'); background-size: contain; background-position: center 5px; background-repeat: no-repeat; padding: 15.5% 0 0 0; width: 85%; max-width: 650px; } .Discussions.landing-page-home .css-eergau-Banner-styles-descriptionWrap-Banner-styles-descriptionWrap { visibility: hidden; height: 1px; } .Discussions.landing-page-home h1.heading:after { display: flex; content: "Our community of like-minded backcountry enthusiasts"; justify-content: center; width: 100%; text-transform: none!important; max-width: 705px; height: auto; color: #FFFFFF; font-size: 18px; font-weight: 400; text-indent: 0px; font-family: "Helvetica Neue", "Neue Helvetica W05", HelveticaNeue, "Neue Helvetica", "Helvetica W01", Helvetica, Helvetica, sans-serif; } .Discussions.landing-page-home .css-182j02q-Banner-styles-textAndSearchContainer:before { display: block; content: "Welcome to"; text-align: center; text-transform: uppercase; width: 100%; max-width: 705px; height: auto; color: #FFFFFF; font-size: 18px; font-weight: 600; font-family: "Helvetica Neue", "Neue Helvetica W05", HelveticaNeue, "Neue Helvetica", "Helvetica W01", Helvetica, Helvetica, sans-serif; padding-top: 30px; } .css-3m927-homeWidgetContainer-gridItemWidthConstraint { max-width: none!important; } .register .FormTitleWrapper.AjaxForm .FormWrapper, .signin .FormTitleWrapper.AjaxForm .FormWrapper { background-color: #FFFFFF; } .PageControls-filters .selectBox-main .selectBox-selected, .PageControls-filters .selectBox-main .vanillaDropDown-arrow { color: rgb(255, 80, 0); } a.is-top-bar-flex { align-items: center; } div.hmg-logo { display: flex; height: 100%; } .Section-Discussion .Frame-content .Item.ItemDiscussion::after, .Section-Discussion .Frame-content .pageBox .css-1htnorq-cta-widget { display: none!important; } .index.Section-DiscussionList .landing-page-home .css-s8yvgb-Banner-styles-titleWrap-Banner-styles-titleWrap, .index.Section-DiscussionList .landing-page-home .css-l5bwxt-Banner-styles-description-Banner-styles-description.css-qbmmvv-Banner-styles-text-Banner-styles-text { visibility: hidden; height: 1px; } .trailhead-header-title { text-align: center; } //EVERYTHING BELOW HERE SHOULD BE CONSIDERED BROKEN UNTIL FURTHER NOTICE .Dashboard .Frame-details #Form_Invite.Button { color: #FFFFFF; background-color: rgb(255, 80, 0); margin: 20px 0 10px; border: 0px; } .Dashboard .Frame-details .NavButton.Handle.ProfileButtons.Button-EditProfile { color: #FFFFFF; background-color: rgb(255, 80, 0); border: 0px; } .Dashboard .Frame-details .NavButton.Handle.ProfileButtons.Button-EditProfile:hover { color: #FFFFFF; background-color: rgb(255, 80, 0); border: 0px; } .sign-in-button-container { display: none; } @media (max-width: 400px) { .css-9lstnt-titleBarStyles-logoCenterer.css-1c5k3i1-titleBarStyles-mobileLogo * { width: 100px!important; } #top-bar-container .hmg-logo { padding-top: 8px; } } @media (max-width: 300px) { .css-9lstnt-titleBarStyles-logoCenterer.css-1c5k3i1-titleBarStyles-mobileLogo * { width: 50px!important; } } @media (max-width: 960px) and (min-width: 500px) { .css-mk2hak-homeWidgetContainer-content .css-6x6a54-homeWidgetContainer-gridItem { flex-basis: 50%!important; flex-grow: 0; } } @media (max-width: 499px) { .css-mk2hak-homeWidgetContainer-content .css-6x6a54-homeWidgetContainer-gridItem { flex-basis: 100%!important; flex-grow: 0; } } .linkContentClassName.css-1g113rp-titleBarNavStyles-linkActive { border-bottom: 1px solid #000000; } .linkContentClassName.css-1g113rp-titleBarNavStyles-linkActive:after { display: none!important; } .css-1gwetjq-container-container-container-fullGutter-container-fullGutter .row { margin: 0!important; width: 100%; } .css-l96clr-titleBarStyles-bg1, .css-1w27ir2-titleBarStyles-bg2 { background-color: #FFFFFF!important; } .css-28ptsh-container-container-container-fullGutter-container-fullGutter-container-fullGutter * { color: #000000; } .linkContentClassName:hover { border-bottom: 1px solid #000000; } .hmg-logo { width: 40%; max-width: 175px; } .hmg-logo img { width: 100%; } @media (max-width: 340px) { .hmg-logo { margin-top: .2rem; } } @media (max-width: 1000px) { .Vanilla.Discussions.Section-DiscussionList.dataDriven.js-focus-visible #array-goes-here .row { grid-template-columns: 100%; } } .css-1ddr08y-homeWidgetItem-backgroundContainer .heading.heading-3 { max-width: 252px; width: 100%; } .css-6x6a54-homeWidgetContainer-gridItem .css-1b50ck3-button-transparent-styleHelperButtonGenerator-buttonClass { display: none!important; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(1) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "GET INVOLVED"; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(2) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "Community Tested Favorites"; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(3) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "Submitted By You"; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(4) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "This Is Not Minimalism"; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(5) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "Tech Talk From The Shop"; } .css-6x6a54-homeWidgetContainer-gridItem:nth-child(6) .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { content: "From Our Friends In The Field"; } .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:after { margin: 20px auto 0; display: block; max-width: 252px; width: 90%; padding: 10px; background-color: #000000; font-size: 12px; text-transform: uppercase; font-weight: 400; transition: 0.3s; letter-spacing: 1px; } .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName:hover:after { transition: 0.3s; background-color: rgb(255, 80, 0)!important; } .css-11e3sh6-homeWidgetItem-homeWidgetItem:hover .css-d76xjt-homeWidgetItem-backgroundScrim { background-color: rgba(255,255,255,0.2); transition: 0.3s; } .is-top-bar-flex { display: flex; justify-content: center; color: #000000; padding-top: 5px; height: 100%; } .is-top-bar-flex:hover { color: #000000; } .explore-text { text-transform: uppercase; padding: 10px 5px 10px 0px; text-align: right; font-size: 14px; } .hmg-logo { width: 65%; max-width: 300px; } .hmg-logo img { width: 100%; } .greater-than-symbols { padding: 10px 0px 10px 5px; text-align: left; } .explore-text { width: 80px; } .greater-than-symbols { width: 60px; } .sign-in-button:hover { color: #000000; } .trailhead-header-title { color: #FFFFFF; font-size: 18px; text-transform: uppercase; font-weight: 600; } .trailhead-logo-container { width: 85%; margin: auto; } .trailhead-logo-container img { width: 100%; max-width: 1000px; } .css-1w01p6u-Banner-styles-descriptionWrap { flex-direction: column; } .our-community-header-text { color: white; font-size: 18px; text-align: center; } .start-conversation-header { padding-top: 50px; } .explore-more-home, .start-conversation-header { color: #000000; font-size: 22px; font-weight: 700; text-transform: uppercase; width: 95%; margin: auto; text-align: center; } .explore-subtitle, .start-conversation-subheader { font-size: 18px; font-weight: 400; width: 70%; margin: auto; text-align: center; padding-top: 15px; padding-bottom: 50px; } .card-home { width: 100%; height: 300px!important; } .card-home img { width: 98%; height: 300px; object-fit: cover; } .row { width: 95%; margin: auto!important; } .info-container-home { width: 90%; margin-right: auto; } .title-home { color: #000000; padding-top: 20px; } .subtitle-home { padding-bottom: 10px; font-weight: 400; text-transform: uppercase; font-size: 14px; } .info-container-home .title-home { text-transform: uppercase; } .description-home { font-size: 14px; } .css-1gwetjq-container-container-container-fullGutter-container-fullGutter .card-wrapper { padding-bottom: 50px; } .hmg-pocket-section { font-size: 22px; font-weight: 700; text-transform: uppercase; width: 95%; margin: auto; text-align: center; color: #000000; padding: 50px 0; } #top-bar-container { width: 100%; height: 76px; background-color: #FFFFFF; color: black; text-align: center; } .sign-in-button { background-color: white; height: 20px; padding: 5px 40px; color: black; font-weight: 600; font-size: 14px; text-transform: uppercase; margin: auto!important; } .sign-in-button-container { width: 167px!important; margin: auto; } .css-2dj7nu-SearchBar-styles-independentRoot { display: none!important; } .css-tk8a5y-titleBarStyles-nav { left: 72%!important; } @media (min-width: 780px) { .css-1vyiaie-Banner-styles-imagePositioner { height: 400px!important; } } @media (max-width: 779.9px) { .css-1vyiaie-Banner-styles-imagePositioner { height: 250px!important; } } .index.Section-DiscussionList .landing-page-home .css-zkasr5-Banner-styles-description.css-1urht6t-Banner-styles-text { font-size: 32px; font-weight: 600; line-height: 40px; } .index.Section-DiscussionList .landing-page-home .css-1xj7zav-Banner-styles-titleWrap { visibility: hidden; height: 1px; } .footer .Container { padding-bottom: 20px; } .signin.Section-Entry .needsclick.go3296933210.kl-private-reset-css-Xuajs1, .signin.Section-Entry #Form_Password { border: 1px solid #000000!important; } .signin.Section-Entry .needsclick.go3844246890.kl-private-reset-css-Xuajs1 { width: 250px!important; margin: auto; } .signin.Section-Entry .Content.MainContent, .signin.Section-Entry .signup-form-container { background-color: #FFFFFF; } .signin.Section-Entry .needsclick.go407003410.kl-private-reset-css-Xuajs1 { display: none!important; } .signin.Section-Entry .signup-form-container { margin-top: 10px; } .signin.Section-Entry .needsclick.kl-private-reset-css-Xuajs1 { justify-content: center; } .signin.Section-Entry .needsclick.go2284226919.kl-private-reset-css-Xuajs1 { min-height: 36px; width: 100%; } .signin.Section-Entry .needsclick.go1153500708.kl-private-reset-css-Xuajs1 { text-transform: uppercase; } .signin.Section-Entry .ql-snow.ql-container.ql-disabled strong { text-transform: uppercase; } .signin.Section-Entry .Frame-row { display: block!important; } .welcome-text-container { text-align: center; padding: 20px 8px 0px 8px; font-size: 14px; margin: auto; text-transform: uppercase; } @media (max-width: 346px) { .welcome-text-container { font-size: 12px; } } .signin.Section-Entry .Buttons .CheckBoxLabel { display: block; padding-top: 12px; } .signin.Section-Entry .Buttons { width: 100%; text-align: center; } .signin.Section-Entry .ForgotPassword { display: block; width: 100%; text-align: center; padding-top: 5px; } .signin.Section-Entry .Frame-top { background-image: url(https://cdn.shopify.com/s/files/1/3004/4846/files/P7221705.jpg?v=1650914368); background-repeat: no-repeat; background-size: cover; } @media (max-width: 768px) { .footer .socials { display: flex; justify-content: center; } } .signin.Section-Entry .BreadcrumbsBox { display: none; } .signin.Section-Entry .Frame-details { max-width: 400px!important; margin: 100px auto; } .signin.Section-Entry .Frame-details h1 { text-align: center; } .signin.Section-Entry .Entry.SingleEntryMethod { display: flex; justify-content: center; } .signin.Section-Entry .Content.MainContent { margin: 0px!important; padding-bottom: 6px!important; } /* Black Background Home Page .index.Section-DiscussionList .Frame-body .css-meexj4-homeWidgetContainer { background-color: #000000; padding-bottom: 24px; } End Black Background */ .index.Section-DiscussionList .Frame-body .Frame-content .css-meexj4-homeWidgetContainer { background-color: #FFFFFF; } .index.Section-DiscussionList .page .css-meexj4-homeWidgetContainer { margin: 0px; } .new-here-container { text-align: center; } .noDisplay { display: none; } .index, .Section-BestOf, .Event { font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif!important; } .Category-guides .Frame-content { display: none; } .css-1xu7q0e-Banner-styles-middleContainer { background-color: rgba(30,30,30,0); } .Panel.Panel-main .pageHeadingBox, .ActivityFormWrap .H, .bestof .Content.MainContent .H { text-transform: uppercase; } .Group-Box .H.media-list-heading, .Group-Box .Buttons, .groupToolbar .Button.Primary { text-transform: uppercase!important; } footer.footer { background-color: #000; box-sizing: border-box; color: #000; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0; outline: 0; padding: 40px 0 0 0; } div.container { box-sizing: border-box; color: #000; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0 auto; outline: 0; padding: 0 15px 80px 15px; text-align: left; width: 100%; } @media (min-width: 576px) { div.container { max-width: 540px; } } @media (min-width: 768px) { div.container { max-width: 720px; } } @media (min-width: 992px) { div.container { max-width: 960px; } } @media (min-width: 1200px) { div.container { max-width: 1140px; } } @media screen and (max-width: 768px) { div.container { padding: 0 15px; width: 100%; } } div.footer__inner { border-bottom: 1px dashed #333; box-sizing: border-box; color: #000; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0 0 10px; outline: 0; padding: 0 0 20px; text-align: center; } div.socials { box-sizing: border-box; color: #000; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0 0 10px; outline: 0; padding: 0; text-align: left; } footer.footer div.socials ul { -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-pack: center; align-items: center; box-sizing: border-box; color: #e1e1e1; display: flex; flex-direction: row; flex-wrap: wrap; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; justify-content: left; line-height: 22.5px; list-style: none; list-style: none; margin: 30px 0 0 0; outline: 0; padding: 0; text-align: center; } footer.footer ul li { box-sizing: border-box; color: #e1e1e1; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 3px 6px; outline: 0; padding: 0; text-align: center; } a.social-icon.social_fa-facebook { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa.fa-facebook { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; display: inline-block; font-family: FontAwesome; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-facebook:before { content: ""; } a.social-icon.social_fa-twitter { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa.fa-twitter { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; display: inline-block; font-family: FontAwesome; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-twitter:before { content: ""; } a.social-icon.social_fa-instagram { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa.fa-instagram { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; display: inline-block; font-family: FontAwesome; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-instagram:before { content: ""; } a.social-icon.social_fa-pinterest { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa.fa-pinterest { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; display: inline-block; font-family: FontAwesome; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-pinterest:before { content: ""; } a.social-icon.social_fa-youtube { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa.fa-youtube { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; display: inline-block; font-family: FontAwesome; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-youtube:before { content: ""; } a.social-icon.social_fa-tiktok { background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: color .3s; } i.fa-brands.fa-tiktok { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: pointer; font-family: "Font Awesome 6 Brands"; font-size: 16px; font-weight: 400; line-height: 1; list-style: none; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa-brands.fa-tiktok:before { content: ""; } .fab, .fa-brands { font-family: "Font Awesome 6 Brands"; font-weight: 400; } .fa-brands { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } a.social-icon.social_fa-facebook .fa.fa-facebook:hover, a.social-icon.social_fa-twitter .fa.fa-twitter:hover, a.social-icon.social_fa-instagram .fa.fa-instagram:hover, a.social-icon.social_fa-pinterest .fa.fa-pinterest:hover, a.social-icon.social_fa-youtube .fa.fa-youtube:hover, a.social-icon.social_fa-tiktok .fa-brands.fa-tiktok:hover { color: #ff5000!important; } a.phone { appearance: none; background-color: transparent; box-sizing: border-box; color: #e1e1e1; cursor: default; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 16px; line-height: 24px; margin: 0 3px; outline: 0; padding: 0; text-align: center; text-decoration: none; transition: all .3s; } a.phone:not([href]):not([class]) { color: inherit; } a.phone:not([href]):not([class]):hover { color: inherit; } i.fa.fa-phone { -webkit-font-smoothing: antialiased; box-sizing: border-box; color: #e1e1e1; cursor: default; display: inline-block; font-family: FontAwesome; font-size: inherit; font-weight: 400; line-height: 1; margin: 0; outline: 0; padding: 0; text-align: center; text-rendering: auto; } i.fa.fa-phone:before { content: ""; } footer.footer a.phone span { box-sizing: border-box; color: #e1e1e1; cursor: default; font-family: "Geogrotesque W01",geogrotesque,sans-serif; font-weight: 500; line-height: 24px; margin: 0; outline: 0; padding: 0; text-align: center; } div.footer__content.row { box-sizing: border-box; color: #000; display: flex; flex-wrap: wrap; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0 -15px; outline: 0; padding: 0; text-align: left; } div.col-md-5.col-12.col-sm-12 { box-sizing: border-box; color: #000; flex: 0 0 100%; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0; max-width: 100%; outline: 0; padding: 0 15px; position: relative; text-align: left; width: 100%; } @media (min-width: 576px) { div.col-md-5.col-12.col-sm-12 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { div.col-md-5.col-12.col-sm-12 { flex: 0 0 41.6667%; max-width: 41.6667%; } } a.footer__logo { -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-pack: center; align-items: center; background-color: transparent; box-sizing: border-box; color: inherit; cursor: pointer; display: flex; flex-direction: row; flex-wrap: wrap; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; height: 125px; justify-content: center; line-height: 22.5px; margin: 0 auto; max-width: 265px; outline: 0; padding: 0; text-align: left; text-decoration: none; transition: all .3s; } a.footer__logo:hover { color: #0056b3; } @media (max-width: 767px) { a.footer__logo { margin: 0 auto; } } footer.footer a.footer__logo img { border-style: none; border-width: 0; box-sizing: border-box; color: #000; cursor: pointer; display: inline-block; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; height: auto; line-height: 22.5px; margin: 0; max-width: 100%; outline: 0; padding: 0; text-align: left; vertical-align: middle; width: 100%; } div.col-12.col-md-6.offset-md-1 { box-sizing: border-box; color: #000; flex: 0 0 100%; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0; max-width: 100%; outline: 0; padding: 0 15px; position: relative; text-align: left; width: 100%; } @media (min-width: 768px) { div.col-12.col-md-6.offset-md-1 { flex: 0 0 50%; margin-left: 8.33333%; max-width: 50%; } } div.row { box-sizing: border-box; color: #000; display: flex; flex-wrap: wrap; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0 -15px; outline: 0; padding: 0; text-align: left; } div.col-6.col-md-4 { box-sizing: border-box; color: #000; flex: 0 0 50%; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 15px; line-height: 22.5px; margin: 0; max-width: 50%; outline: 0; padding: 0 15px; position: relative; text-align: left; width: 100%; } @media (min-width: 768px) { div.col-6.col-md-4 { flex: 0 0 33%; max-width: 33%; } } footer.footer div.col-6.col-md-4 h6 { box-sizing: border-box; color: white; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 14px; font-weight: 500; line-height: 1.2; margin: 0 0 10px; outline: 0; padding: 0; text-align: left; text-transform: uppercase; } footer.footer div.col-6.col-md-4 ul { box-sizing: border-box; color: #000; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 12px; line-height: 18px; list-style: none; list-style: none; margin: 0; outline: 0; padding: 0; text-align: left; } @media (max-width: 767px) { footer.footer div.col-6.col-md-4 ul { margin-bottom: 40px; } } .footer .col-6.col-md-4 li { text-align: left!important; margin: 0px; } footer.footer li a { background-color: transparent; box-sizing: border-box; color: white; cursor: pointer; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 12px; font-weight: 400; line-height: 26px; list-style: none; margin: 0; outline: 0; padding: 0; text-decoration: none; transition: all .3s; } footer.footer li a:hover { color: #ff5000; } footer.footer li a:not([href]):not([class]):hover { color: inherit; } div.copyright { border-top: 1px dashed #333; box-sizing: border-box; color: #76787a; display: flex; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 10px; justify-content: space-between; letter-spacing: normal; line-height: 15px; margin: 10px 0 0; outline: 0; padding: 15px 0 0; text-align: left; text-transform: uppercase; } p.accessibletext { box-sizing: border-box; color: #76787a; display: flex; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 10px; line-height: 15px; margin: 0 0 10px; outline: 0; padding: 0; text-align: left; text-transform: uppercase; } @media (max-width: 767px) { p.accessibletext { flex-basis: 100%; justify-content: flex-start; } } footer.footer p.accessibletext span { box-sizing: border-box; color: #76787a; cursor: pointer; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 10px; line-height: 15px; margin: 0; outline: 0; padding: 0; text-align: left; text-transform: uppercase; } p.copyrighttext.rightalign { box-sizing: border-box; color: #76787a; display: flex; font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; font-size: 10px; justify-content: flex-end; line-height: 15px; margin: 0 0 10px; outline: 0; padding: 0; text-align: left; text-transform: uppercase; } @media (max-width: 767px) { p.copyrighttext.rightalign { flex-basis: 100%; justify-content: flex-start; } } .footer .needsclick.go407003410.kl-private-reset-css-Xuajs1 { display: none; } .footer .needsclick[type="email"] { border-bottom: 1px solid #FFFFFF!important; border-top: 0px!important; border-left: 0px!important; border-right: 0px!important; border-radius: 0px!important; } .footer .needsclick::placeholder { margin-left: none!important; padding: 0 0 0 0!important; } .footer input[type=email] { padding: 0 0 0 0!important; } .footer .needsclick.go3460277163.kl-private-reset-css-Xuajs1, #flyout-3-handle { border-radius: 0px; width: 100px; text-transform: uppercase!important; font-family: helvetica neue, arial, serif!important; } .footer .klaviyo-form-WFTChM { padding-left: 7px; } .Vanilla { font-family: helvetica neue, arial, serif; } .footer .socials { padding-bottom: 30px; } @media (max-width: 747px){ .footer .row { padding-left: 7px; } } .css-uove1w-typographyStyles-subTitle.heading.heading-2 { display: none!important; } .heading.heading-3.css-8d8ls0-typographyStyles-componentSubTitle-homeWidgetItem-absoluteName { font-size: 20px; } .footer-wrap { margin-right: 50% !important; } .bottom-footer-bar { background: #171717; padding: 18px 0px 18px 0px; text-align: center; } .bottom-footer-bar a { color: #FFFFFF; font-weight: 700; font-size: 12px; } #themeFooter { display: none; } .bottom-footer-bar a:hover { color: #ff5000; } .Panel.Panel-main #flyout-4-handle { border-radius: 0px; } .fas.fa-arrow-left { color: #FFFFFF!important; } /* ------ Array + other css ------ */ .card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin: 1rem; height: auto; min-height: 265px; } .card .card-body .title { font-size: 22px; text-transform: uppercase; padding-top: 5px; line-height: 1; } .card p { font-size: 14px; line-height: 18px; } .card .title, .card p { padding: 5px 10px 0px 10px; } .card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); } #array-goes-here .row a:link { color: black; } #array-goes-here .row a:visited { color: black; } #array-goes-here .row a:hover { color: black; } .card img { width: 100%; height: 200px; } #array-goes-here .row { display: grid!important; grid-template-columns: 33.3% 33.3% 33.3%; } @media (min-width: 599px){ .mobile_button { display: none; } } @media screen and (max-width: 992px) { .Category-guides.Section-Category-8-guides #array-goes-here .row { grid-template-columns: 50% 50%!important; } } @media screen and (max-width: 600px) { .Category-guides.Section-Category-8-guides #array-goes-here .row { grid-template-columns: 100%!important; } .card { height: 220px; min-height: 200px; } .card img { width: 100%; height: 150px; } } @media (min-width: 600px) { #array-goes-here .row .card { height: auto!important; min-height: 285px!important; } } @media (min-width: 599px){ .mobile_button { display: none; } } @media (max-width: 598.99px){ .card p { display: none; } .card img { height: 220px!important; z-index: 1; } .card .title{ position: relative; z-index: 2; color: #FFFFFF!important; bottom: 150px; text-transform: uppercase; left: 20px; } .card .mobile_button { position: relative ; bottom: 130px; left: 31px; text-transform: uppercase; color: #FFFFFF!important; border: 2px solid #FFFFFF; padding: 5px 20px 5px 20px; } } .breadcrumbsContainer { padding: 20px 0px 0px 4px; font-size: 12px!important; } .breadcrumbsContainer a { color: rgb(255, 80, 0); font-size: 12px!important; } .Section-Category-guides .Frame-content { display: none; } .pageBox .css-wcj21a-PageHeadingBox-styles-titleWrap .heading-4, .pageBox .Box.BoxCategories .pageHeadingBox, .pageBox .WhosOnline.Box .pageHeadingBox { text-transform: uppercase; } .pageBox .WhosOnline.Box { border-top: 1px solid } .pageBox .css-wcj21a-PageHeadingBox-styles-titleWrap, .pageBox .Box.BoxCategories, .pageBox .WhosOnline.Box { padding-top: 15px; } .swipable .css-1txtzga-homeWidgetItem-absoluteContent-homeWidgetItem-absoluteContent, .css-14vy8oa-SearchBar-styles-form.css-cppf6-SearchBar-styles-root #search-0-searchButton, .css-kt22f-Banner-styles-iconTextAndSearchContainer .heading.heading-1 { text-transform: uppercase; } .pageBox .pageHeadingBox .H, .pageBox .FormWrapper .Buttons, .pageBox #Form_PostComment { text-transform: uppercase; } .FormWrapper { padding: 10px 0px 0px 0px!important; } .signin { font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif; } .Frame-body .css-1b50ck3-button-transparent-styleHelperButtonGenerator-buttonClass:hover { color: rgb(255, 80, 0); border: 1px solid rgb(255, 80, 0); } .Content.MainContent .headerBoxLayout { display: none; } .Frame-content { margin-top: 0!important; } .Container .BreadcrumbsBox { padding: 30px 8px 0px 4px; } @media (max-width: 800px){ #modals .css-n1vu93-dropDownStyles-headingTitleContainer { color: #FFFFFF; } #modals .css-psq5yz-dropDownStyles-panel.css-rre0uy-dropDownStyles-panelFirst .css-x85juu-dropDownStyles-action { font-size: 24px!important; } } .index .css-meexj4-homeWidgetContainer { margin-bottom: 0px!important; } .Section-DiscussionList .pageBox #flyout-4-handle { text-transform: uppercase!important; } .Buttons, input[type=submit], h1.H, input[type=button], h1, .breadcrumbsContainer a { text-transform: uppercase; } .css-1b50ck3-button-transparent-styleHelperButtonGenerator-buttonClass, .css-ixd09g-titleBarStyles-register { border-radius: 0px!important; } #titleBar { font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif!important; } @media (min-width: 769px){ .signin.Section-Entry .Content.MainContent { margin: 0 10% 0 35%; } } #DiscussionForm .Buttons input[type=submit]:hover, #EventAddEditForm .Buttons input[type=submit]:hover { background-color: black; border: 1px solid black; } .Section-Entry { font-family: "Helvetica Neue","Neue Helvetica W05",HelveticaNeue,"Neue Helvetica","Helvetica W01",Helvetica,Helvetica,sans-serif!important; }

Guidelines & How To Get Started

Discussion List

Categories