



@media only screen and (min-width: 1167px) { .header--wrapper { background: linear-gradient( to top, #181818 0%, #181818 30%, #c42127 30%, #c42127 100% ); box-shadow: inset 0 -3em 4em #0000004d; } .header--logo img { -webkit-filter: drop-shadow(0px 0px 30px rgb(241, 101, 72)); } } /* Highlight Box */ .grid-container-blog { display: grid; grid-template-columns: 1fr; gap: 20px; padding: 20px !important; outline: 2px solid #efefef; background: #efefef; margin-bottom: 20px; } .grid-container-blog h2 { font-family: Montserrat, sans-serif; text-transform: uppercase; font-size: 16px; margin-bottom: 0px; margin-top: 0px; } .grid-container-blog li:not(:last-of-type) { padding-bottom: 1.5em; } .grid-container-blog li:first-of-type { padding-top: 1em; } /* Photo Border */ .snapshot { border: 5px solid #fff; -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; -o-box-shadow: 0 0 5px #ccc; -ms-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; } /* Tutorial Steps */ .step-heading-grid { display: grid; grid-template-columns: 1fr 8fr; gap: 10px; grid-auto-rows: minmax(auto, auto); align-items: center; } .step-title { grid-column: 2; grid-row: 1; } .step-flag { grid-column: 1 / 2; grid-row: 1; } @media (max-width: 400px) { .step-title { grid-column: 1 / 3; grid-row: 2; } } .step-title h2 { font-family: Montserrat, sans-serif; text-transform: uppercase; font-size: 1.5em; } .step-flag { background-color: #000000; display: inline-block; color: #ffffff; font-size: 20px; font-family: "Galada", cursive; padding: 10px 20px 7px 20px !important; text-decoration: none; white-space: nowrap; } .step-container { display: grid; /* grid-template-columns: 1fr 1fr; */ grid-template-rows: auto; grid-gap: 20px; } @media (max-width: 992px) { .step-container { grid-template-columns: 1fr; } } .step-image { text-align: center; } hr { border: 0; border-bottom: 1px solid #ebebeb; } /* Skill Leel */ .skill-level { margin-top: -30px; font-size: 0.9em; font-weight: 700; } /* Hide Free Shipping Counter in Cart */ .cart--shipping { display: none; } /* Tabs for Product Pages */ .tabs-wrapper.vertical { margin-bottom: 10px; } .tabs-wrapper.vertical:after { content: ''; display: table; clear: both; } .tabs-wrapper.vertical .headings { margin: 0; padding: 0; float: left; list-style: none; width: 100%; float: left; } @media only screen and (min-width: 768px) { .tabs-wrapper.vertical .headings { width: 30%; } } .tabs-wrapper.vertical .headings > li { margin: 0; } .tabs-wrapper.vertical .headings > li:hover .trigger .bg, .tabs-wrapper.vertical .headings > li:focus .trigger .bg, .tabs-wrapper.vertical .headings > li.active .trigger .bg { opacity: 1; } .tabs-wrapper.vertical .headings .trigger { margin: 0; cursor: pointer; padding: 20px 30px; position: relative; z-index: 0; float: left; width: 100%; } .tabs-wrapper.vertical .headings .trigger a, .tabs-wrapper.vertical .headings .trigger a:link, .tabs-wrapper.vertical .headings .trigger a:visited, .tabs-wrapper.vertical .headings .trigger a:hover { color: var(--color-text); } .tabs-wrapper.vertical .headings .trigger .bg { z-index: -1; opacity: 0.5; background: var(--color-tabs-accordions); height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .tabs-wrapper.vertical .tabs.content { float: left; width: 100%; overflow: auto; padding: 20px; margin: 0; list-style: none; } @media only screen and (min-width: 768px) { .tabs-wrapper.vertical .tabs.content { width: 70%; padding: 0 20px; } } .tabs-wrapper.vertical .tabs.content > li { display: none; } .tabs-wrapper.vertical .tabs.content > li.active { display: block; } .tabs-wrapper.horizontal { overflow: hidden; } .tabs-wrapper.horizontal .headings { margin: 0; padding: 0; float: left; list-style: none; width: 100%; } .tabs-wrapper.horizontal .headings > li { margin: 0; padding: 0; } .tabs-wrapper.horizontal .headings > li:hover .trigger .bg, .tabs-wrapper.horizontal .headings > li:focus .trigger .bg, .tabs-wrapper.horizontal .headings > li.active .trigger .bg { opacity: 1; } .tabs-wrapper.horizontal .headings .trigger { margin: 0; cursor: pointer; padding: 20px 30px; position: relative; z-index: 0; float: left; } .tabs-wrapper.horizontal .headings .trigger a, .tabs-wrapper.horizontal .headings .trigger a:link, .tabs-wrapper.horizontal .headings .trigger a:visited, .tabs-wrapper.horizontal .headings .trigger a:hover { color: var(--color-text); } .tabs-wrapper.horizontal .headings .trigger .bg { z-index: -1; opacity: 0.5; background: var(--color-tabs-accordions); height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .tabs-wrapper.horizontal .tabs.content { clear: both; float: left; width: 100%; overflow: auto; padding: 20px 10px; margin: 0; list-style: none; } .tabs-wrapper.horizontal .tabs.content:after { content: ''; display: table; clear: both; } .tabs-wrapper.horizontal .tabs.content > li { display: none; } .tabs-wrapper.horizontal .tabs.content > li.active { display: block; } .accordion-wrapper { margin-bottom: 10px; } .accordion-wrapper:after { content: ''; display: table; clear: both; } .accordion-wrapper ul.accordion { margin: 0; padding: 0; float: left; list-style: none; width: 100%; float: left; } .accordion-wrapper ul.accordion > li { margin: 0; padding: 0; } .accordion-wrapper ul.accordion .trigger { margin: 0; cursor: pointer; padding: 20px 30px; position: relative; z-index: 0; } .accordion-wrapper ul.accordion .trigger a, .accordion-wrapper ul.accordion .trigger a:link, .accordion-wrapper ul.accordion .trigger a:visited, .accordion-wrapper ul.accordion .trigger a:hover { color: var(--color-text); } .accordion-wrapper ul.accordion .trigger .bg { z-index: -1; opacity: 0.5; background: var(--color-tabs-accordions); height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .accordion-wrapper ul.accordion .trigger .bg:hover { opacity: 1; } .accordion-wrapper ul.accordion li.active .trigger .bg { opacity: 1; } .accordion-wrapper ul.accordion .content { display: none; padding: 20px 20px 0; margin: 0; }
Skip to main content