/* Theme Name: Azuma Theme URI: https://uxlthemes.com/theme/azuma/ Author: UXL Themes Author URI: https://uxlthemes.com Description: Azuma is a customizable WordPress theme which features a sticky header, homepage hero or slider using the standard WordPress image widget, sortable homepage sections, custom colors and fonts, grid layout options and support for video posts/articles. Support for WooCommerce ecommerce plugin along with Wishlist and Quick View plugins is included along with an auto-updating shopping cart, sticky add-to-cart panel on single product pages and a horizontal product filter widget area. Version: 1.0.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: azuma Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, footer-widgets, blog, news, e-commerce This theme, like WordPress, is licensed under the GPL. */ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html{ font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body{ margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary{ display: block; margin: 0; } audio, canvas, progress, video{ display: inline-block; vertical-align: baseline; } audio:not([controls]){ display: none; height: 0; } [hidden], template{ display: none; } a{ background-color: transparent; } abbr[title]{ border-bottom: 1px dotted; } b, strong{ font-weight: bold; } dfn{ font-style: italic; } mark{ background: #ff0; color: #2f3032; } small{ font-size: 80%; } sub, sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup{ top: -0.5em; } sub{ bottom: -0.25em; } img{ border: 0; } svg:not(:root){ overflow: hidden; } figure{ margin: 0; } hr{ box-sizing: content-box; height: 0; } pre{ overflow: auto; } code, kbd, pre, samp{ font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea{ color: inherit; font: inherit; margin: 0; } button{ overflow: visible; } button, select{ text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"]{ -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled]{ cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner{ border: 0; padding: 0; } input{ line-height: normal; } input[type="checkbox"], input[type="radio"]{ box-sizing: border-box; padding: 0; margin-right: 10px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{ height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{ -webkit-appearance: none; } fieldset{ border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend{ border: 0; padding: 0; } textarea{ overflow: auto; } optgroup{ font-weight: bold; } table{ border-collapse: collapse; border-spacing: 0; } th{ padding: 0.3em; border: 1px solid #f5f5f5; background: #f9f9f9; } td{ padding: 0.3em; border: 1px solid #f5f5f5; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea{ color: #2f3032; font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.4; transition: color .3s ease; } h1, h2, h3, h4, h5, h6{ color: #2f3032; font-weight: bold; text-transform: uppercase; line-height: 1.2; font-family: 'Rajdhani', Helvetica, Arial, Verdana, sans-serif; margin: 0 0 20px; transition: color .3s ease; } h1{ font-size: 32px; } h2{ font-size: 30px; } h3{ font-size: 28px; } h4{ font-size: 26px; } h5{ font-size: 24px; } h6{ font-size: 22px; } p{ margin: 0 0 15px; } dfn, cite, em, i{ font-style: italic; } blockquote{ margin: 0; } address{ margin: 0 0 15px; } pre{ background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code{ background-color: #f2f2f2; padding: 0.125em 0.25em; } code, kbd, tt, var{ font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym{ border-bottom: 1px dotted #666; cursor: help; } mark, ins{ background: #fff9c0; text-decoration: none; } big{ font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html{ box-sizing: border-box; } *, *:before, *:after{ /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body{ background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after{ font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 0; font-size: 150%; text-align: center; width: 60px; height: 100%; background: rgba(0,0,0,.05); } blockquote:before{ content: "\f10d"; left: 0; } blockquote:after{ content: "\f10e"; right: 0; } q:before{ content: "\""; position: absolute; top: -.25em; left: 0; font-size: 2em; font-style: italic; } q:after{ content: "\""; position: absolute; top: -.25em; right: 0; font-size: 2em; font-style: italic; } blockquote{ quotes: "" ""; position: relative; font-style: italic; font-size: 105%; font-weight: 500; padding: 10px 70px 10px 70px; background: #f9f9f9; border-radius: 2px; } q{ quotes: "" ""; position: relative; padding: 0 .75em; } hr{ background-color: rgba(0,0,0,0.2); border: 0; height: 1px; margin-bottom: 15px; } ul, ol{ margin: 0 0 15px 20px; padding: 0; } ul{ list-style: disc; } ol{ list-style: decimal; } li > ul, li > ol{ margin-bottom: 0; margin-left: 15px; } dt{ font-weight: bold; } dd{ margin: 0 15px 15px; } img{ height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } table{ margin: 0 0 15px; width: 100%; border: 1px solid #f5f5f5; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ .button, a.button, button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span button, #infinite-handle span button:hover, #infinite-handle span button:focus, #infinite-handle span button:active, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.added_to_cart, .woocommerce #respond input#submit.alt.disabled,.woocommerce #respond input#submit.alt.disabled:hover,.woocommerce #respond input#submit.alt:disabled,.woocommerce #respond input#submit.alt:disabled:hover,.woocommerce #respond input#submit.alt:disabled[disabled],.woocommerce #respond input#submit.alt:disabled[disabled]:hover,.woocommerce a.button.alt.disabled,.woocommerce a.button.alt.disabled:hover,.woocommerce a.button.alt:disabled,.woocommerce a.button.alt:disabled:hover,.woocommerce a.button.alt:disabled[disabled],.woocommerce a.button.alt:disabled[disabled]:hover,.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover,.woocommerce button.button.alt:disabled,.woocommerce button.button.alt:disabled:hover,.woocommerce button.button.alt:disabled[disabled],.woocommerce button.button.alt:disabled[disabled]:hover,.woocommerce input.button.alt.disabled,.woocommerce input.button.alt.disabled:hover,.woocommerce input.button.alt:disabled,.woocommerce input.button.alt:disabled:hover,.woocommerce input.button.alt:disabled[disabled],.woocommerce input.button.alt:disabled[disabled]:hover{ font-weight: initial; text-transform: uppercase; background: #ff7800; padding: 0 20px; color: #fff; border: 0; border-radius: 2px; line-height: 36px; height: 36px; transition: all .3s ease; } .button:hover, a.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.added_to_cart, .woocommerce a.added_to_cart:hover{ background: #2d364c; color: #fff; transition: all .3s ease; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{ color: #2f3032; border: 2px solid #f5f5f5; border-radius: 2px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; height: 36px; width: 100%; } select{ border: 2px solid #f5f5f5; padding: 3px 40px 3px 8px; height: 36px; background-color: #fff; line-height: 100%; background-image: url("images/select-arrow.png"); background-position: right center; background-repeat: no-repeat; position: relative; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; border-radius: 2px; } select::-ms-expand { display: none; } input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, textarea:focus{ outline: 2px dotted #2f3032; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus{ border: 2px solid #f1f1f1; background-color: #fbfbfb; outline: 2px dotted #2f3032; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"]{ padding: 3px 8px; } textarea{ padding: 3px 8px; width: 100%; min-height: 100px; } input[type="search"]{ width: auto; max-width: 100%; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a{ color: #ff7800; text-decoration: none; } a:visited{ opacity: 0.8; } a:hover, a:focus, a:active{ text-decoration: underline dotted #2f3032; } a.button, .single-entry-content a.button{ color: #fff; display: inline-block; text-decoration: none; } a.button:focus{ outline: 2px dotted #2f3032; } a.read-more{ font-size: 90%; } a.more-tag{ display: none; } .tag-read-more a.more-tag{ display: inline-block; margin-bottom: 10px; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text{ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus{ background-color: #f1f1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft{ display: inline; float: left; margin-right: 1.5em; } .alignright{ display: inline; float: right; margin-left: 1.5em; } .aligncenter{ clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clearfix:before, .clearfix:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after{ content: ""; display: table; } .clearfix:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after{ clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget{ margin: 0 0 30px; } .widget ul{ list-style: none; margin: 0; padding: 0; } .widget ul ul{ margin-left: 10px; } .widget .post-date{ font-size: 80%; color: #bbb; padding-right: 50%; white-space: nowrap; } #colophon .widget{ margin: 0; } /* Make sure select elements fit in widgets. */ .widget select{ max-width: 100%; } /* Search widget. */ .widget_search .search-submit{ display: none; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ #grid-loop, #main.infinite-grid .infinite-wrap, .woocommerce ul.products, .woocommerce-page ul.products{ margin: 0 0 10px 0; display: grid; } #grid-loop.layout-1, #main.infinite-grid.layout-1 .infinite-wrap, .woocommerce ul.products.columns-1, .woocommerce-page ul.products.columns-1{ grid-template-columns: 100%; } #grid-loop.layout-2, #main.infinite-grid.layout-2 .infinite-wrap, .woocommerce ul.products.columns-2, .woocommerce-page ul.products.columns-2{ grid-template-columns: 50% 50%; } #grid-loop.layout-3, #main.infinite-grid.layout-3 .infinite-wrap, .woocommerce ul.products.columns-3, .woocommerce-page ul.products.columns-3{ grid-template-columns: 33.333333% 33.333333% 33.333333%; } #grid-loop.layout-4, #main.infinite-grid.layout-4 .infinite-wrap, .woocommerce ul.products.columns-4, .woocommerce-page ul.products.columns-4{ grid-template-columns: 25% 25% 25% 25%; } .woocommerce ul.products.columns-5, .woocommerce-page ul.products.columns-5{ grid-template-columns: 20% 20% 20% 20% 20%; } .woocommerce ul.products.columns-6, .woocommerce-page ul.products.columns-6{ grid-template-columns: 16.666666% 16.666666% 16.666666% 16.666666% 16.666666% 16.666666%; } .woocommerce ul.products.columns-7, .woocommerce-page ul.products.columns-7{ grid-template-columns: 14.285714% 14.285714% 14.285714% 14.285714% 14.285714% 14.285714% 14.285714%; } .woocommerce ul.products.columns-8, .woocommerce-page ul.products.columns-8{ grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%; } .hentry{ margin: 0 0 30px; } #grid-loop article, #main.infinite-grid .infinite-wrap article, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ margin: 5px; padding: 5px; background: #f9f9f9; transition: all .3s ease; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ text-align: center; } #grid-loop article:hover, #main.infinite-grid .infinite-wrap article:hover, .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover{ background: #2d364c; transition: all .3s ease; } .product-wrap{ position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; } #grid-loop article:hover, #main.infinite-grid .infinite-wrap article:hover, #grid-loop article:hover .entry-header .entry-title, #grid-loop article:hover .entry-header .entry-title a, #grid-loop article:hover .archive-header .archive-title, #grid-loop article:hover .archive-header .archive-title a, #main.infinite-grid .infinite-wrap article:hover .entry-header .entry-title, #main.infinite-grid .infinite-wrap article:hover .entry-header .entry-title a, #main.infinite-grid .infinite-wrap article:hover .archive-header .archive-title, #main.infinite-grid .infinite-wrap article:hover .archive-header .archive-title a, .woocommerce ul.products li.product:hover, .woocommerce ul.products li.product:hover .woocommerce-loop-category__title, .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .woocommerce ul.products li.product:hover h3, .woocommerce ul.products li.product:hover .price{ color: #fff; transition: all .3s ease; } #grid-loop article:hover a.button:hover, #main.infinite-grid .infinite-wrap article:hover a.button:hover, .woocommerce ul.products li.product:hover a.button:hover, .woocommerce ul.products li.product:hover button.button:hover, .woocommerce ul.products li.product:hover input.button:hover, .woocommerce ul.products li.product:hover a.button.alt:hover, .woocommerce ul.products li.product:hover button.button.alt:hover, .woocommerce ul.products li.product:hover input.button.alt:hover, .woocommerce ul.products li.product:hover a.added_to_cart, .woocommerce ul.products li.product:hover a.added_to_cart:hover{ background: #fff; color: #2f3032; } #grid-loop article .entry-content, #grid-loop article .entry-meta, #main.infinite-grid .infinite-wrap article .entry-content, #main.infinite-grid .infinite-wrap article .entry-meta{ padding: 0 10px 0 10px; } #grid-loop article .entry-footer, #main.infinite-grid .infinite-wrap article .entry-footer{ padding: 0 10px 10px 10px; } .sticky{ border-top: 5px solid #2d364c; } .updated:not(.published){ display: none; } .single-entry-content{ font-size: 20px; } .single-entry-content a{ font-weight: 400; } .single-excerpt{ font-size: 1.5em; } .page-links{ clear: both; margin: 0 0 15px; } #primary{ width: 72.5%; float: left; } .sidebar-left #primary{ float: right; } #primary.full-width{ width: auto; float: none; } #secondary{ width: 25%; float: right; margin-bottom: 30px; } .sidebar-left #secondary{ float: left; } article{ position: relative; margin-bottom: 20px; } .container.entry-header{ padding: 0; } .entry-header{ text-align: left; margin-bottom: 5px; overflow: hidden; } .entry-header.with-image{ margin-top: 0; margin-bottom: 30px; min-height: 30rem; background-size: cover; background-position: center center; background-color: #2d364c; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; flex: 1 1 auto; } .entry-header .title-meta-wrapper{ background: rgba(45,54,76,.7); } .entry-header .entry-title{ position: relative; font-weight: bold; padding: 10px; margin: 0; -ms-word-wrap: break-word; word-wrap: break-word; hyphens: none; } .single .entry-header .entry-title, .page .entry-header .entry-title, .archive-header .archive-title, .archive-header .archive-title{ font-size: 48px; padding: 0; margin-bottom: 20px; } .search-results .page .entry-header .entry-title{ font-size: 30px; padding: 10px; margin-bottom: 0; } .related-posts .entry-header .entry-title{ font-size: 30px; padding: 10px; } .entry-excerpt, .taxonomy-description{ text-align: center; } .post-thumbnail{ margin-bottom: 20px; } #grid-loop article .post-thumbnail{ margin-bottom: 0; } .entry-content p{ -ms-word-wrap: break-word; word-wrap: break-word; hyphens: none; } .entry-header .entry-title, .entry-header .entry-title a, .archive-header .archive-title, .archive-header .archive-title a{ text-decoration: none; color: #2f3032; } .entry-header.with-image .entry-title, .entry-header.with-image .entry-title a, .archive-header.with-image .archive-title, .archive-header.with-image .archive-title a{ text-decoration: none; color: #fff; margin: 10px 0; } .entry-meta, .entry-footer{ font-size: 14px; font-style: normal; } .single .entry-meta{ font-size: 26px; font-weight: bold; text-transform: uppercase; } .single .entry-header.with-image .entry-meta{ margin-top: 10px; } .entry-footer .cat-links, .entry-footer .tags-links, .entry-footer .edit-link{ display: block; clear: both; } .entry-footer span.tags-links{ margin-top: 10px; } .single .with-image .entry-meta a{ color: #fff; } .entry-meta .author{ font-weight: bold; } .entry-meta .author img, .archive-title .author img{ border-radius: 50%; margin-right: 10px; } .archive.author .archive-description{ margin: 0 0 15px; } .single .entry-footer{ margin: 15px 0; padding: 15px; background: #2d364c; font-size: 16px; color: #fff; } .single .entry-footer a{ color: #fff; } .entry-footer .author-name{ font-weight: bold; text-transform: uppercase; } ul.archive-sub-cats{ list-style: none; margin-left: 0; } ul.archive-sub-cats li{ display: inline-block; margin-right: 15px; margin-bottom: 10px; } #homepage-sections .section{ margin-bottom: 30px; } #homepage-sections .section h2.section-title{ text-align: center; font-size: 36px; font-weight: bold; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ aside{ background: #2d364c; color: #fff; } aside a:hover{ text-decoration-color: #fff; } aside input, aside button{ margin-top: 2px; } #site-usp{ width: 100%; padding: 10px 0; background: #f5f5f5; transition: padding .5s; } #masthead.scrolled #site-usp{ padding: 5px 0; transition: padding 1s; } #site-usp .container{ display: flex; justify-content: space-around; align-items: center; } #site-usp aside{ background: transparent; color: #2f3032; margin: 0; display: block; } .offers-bar-widget-title{ text-transform: uppercase; font-size: 18px; color: #2f3032; margin: 0; line-height: 1; } #site-usp aside p{ margin: 0; } #site-usp aside a{ font-weight: 400; } .shop-filter-wrap{ margin: 0 0 20px; clear: both; } .shop-filter-wrap .shop-filter-toggle{ display: block; cursor: pointer; position: relative; } .shop-filter-wrap .shop-filter-toggle.active{ margin-bottom: 10px; } .shop-filter-wrap .shop-filter-toggle .toggle-icon{ position: relative; } #shop-filters{ display: none; background: #2d364c; padding: 0; font-size: 80%; width: 100%; table-layout: fixed; } .shop-filter-wrap #shop-filters.active{ display: table; } #shop-filters aside{ background: transparent; display: table-cell; width: 100%; position: relative; border-right: 1px solid #fff; } #shop-filters aside a{ color: #fff; } #shop-filters .widget{ margin: 0; padding: 10px; } .shop-filters-widget-title{ position: relative; color: #fff; font-size: 14px; margin-bottom: 10px; } #shop-filters li{ width: 32.333333%; min-width: 120px; margin-right: 1%; float: left; } #shop-filters form{ max-width: 240px; } #shop-filters button{ padding: 0 16px; line-height: 28px; height: 28px; font-size: 1em; } #shop-filters .widget_price_filter .price_slider_amount .button{ font-size: 1.15em; } #shop-filters .customize-partial-edit-shortcut button, #shop-filters .widget .customize-partial-edit-shortcut button{ height: 30px; font-size: 18px; padding: 3px; } #shop-filters input[type="text"]{ height: 24px; } .sidebar-widget-title, .page-sidebar-widget-title, .shop-sidebar-widget-title{ color: #fff; font-weight: bold; text-transform: uppercase; position: relative; padding-bottom: 10px; margin-bottom: 5px; font-size: 20px; text-align: left; } .widget-area ul{ list-style: none; padding: 0; margin: 0; } .widget-area ul ul{ margin-top: 5px; } .widget-area ul ul li{ padding-left: 10px; } .widget-area ul ul li:last-child{ border-bottom: 0; padding-bottom: 0; } .widget-area li{ margin: 0 0 7px 0; } .widget-area .widget{ padding: 30px; margin-bottom: 1px; } .widget-area .widget.widget_image{ padding: 5px; margin-bottom: 25px; } .widget-area form{ margin-top: 20px; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ article.comment-body{ background: #f5f5f5; padding: 20px; } .comment-content a{ -ms-word-wrap: break-word; word-wrap: break-word; hyphens: none; } .bypostauthor{ display: block; } .author-email-url{ margin-left: -2%; } .comment-form-author{ float: left; width: 32%; } .comment-form-email, .comment-form-url{ float: left; margin-left: 2% !important; width: 32%; } .author-email-url input{ width: 100%; } .comment-form .form-submit{ clear: both; } #comments{ background: #fff; margin-bottom: 25px; } .logged-in-as, .comment-notes{ font-size: 13px; } #comments h3.comment-reply-title{ position: relative; } #comments h3.comment-reply-title:before{ content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: #f5f5f5; } #comments ul{ list-style: none; margin: 0; padding: 0; } #comments li.comment{ margin: 0 0 20px; } #comments li.comment .children{ display: block; margin: 20px 0 0 30px; padding: 0px; list-style: none; } .comment-list .comment-respond{ margin-top: 20px; border: 1px solid #EEE; padding: 20px; } .comment-list .vcard img{ border-radius: 50%; margin-right: 10px; } .comment-list .vcard .fn{ font-weight: normal; font-size: 16px; } .comment-list .edit-link{ position: absolute; top: 0; left: auto; } .comment-list .edit-link a{ font-size: 13px; display: inline-block; padding: 10px; } .comment-list .comment-meta{ margin-bottom: 15px; } .comment-list .comment-author{ display: inline-block; margin-right: 1em; } .comment-list .comment-author .says{ display: none; } .comment-list .comment-metadata{ display: inline-block; padding-top: 10px; font-size: 13px; } .comment-list .comment-metadata a{ text-decoration: none; } .comment-list .reply{ display: inline-block; font-size: 13px; background: #fff; padding: 5px 10px; } .comment-list .reply a{ text-decoration: none; } #cancel-comment-reply-link{ float: right; font-size: 13px; } .comment-navigation .nav-previous a, .comment-navigation .nav-next a{ background: #2d364c; color: #fff; display: inline-block; padding: 0 10px; font-size: 12px; line-height: 22px; position: relative; } .comment-navigation .nav-next a{ margin-right: 13px; } .comment-navigation .nav-next a:after{ content: ""; position: absolute; border-left: 11px solid #2d364c; border-top: 11px solid transparent; border-bottom: 11px solid transparent; top: 0; right: -11px; } .comment-navigation .nav-previous a{ margin-left: 11px; } .comment-navigation .nav-previous a:after{ content: ""; position: absolute; border-right: 11px solid #2d364c; border-top: 11px solid transparent; border-bottom: 11px solid transparent; top: 0; left: -11px; } /*-------------------------------------------------------------- # Related Posts --------------------------------------------------------------*/ .related-posts{ margin: 0 0 30px 0; } .related-posts h3{ position: relative; } .related-posts h3:before{ content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: #f5f5f5; } .related-posts #grid-loop article .entry-content{ padding-bottom: 10px; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley{ border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object{ max-width: 100%; } .entry-video{ position: relative; padding-bottom: 56.25%; height: 0; } .entry-video embed, .entry-video iframe, .entry-video object, .entry-video video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption{ margin-bottom: 15px; max-width: 100%; } .wp-caption img[class*="wp-image-"]{ display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text{ margin: 0.8075em 0; } .wp-caption-text{ background: #f9f9f9; border: 1px solid #f5f5f5; text-align: center; font-size: 16px; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery{ margin-bottom: 15px; } .gallery-item{ display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item{ max-width: 50%; } .gallery-columns-3 .gallery-item{ max-width: 33.33%; } .gallery-columns-4 .gallery-item{ max-width: 25%; } .gallery-columns-5 .gallery-item{ max-width: 20%; } .gallery-columns-6 .gallery-item{ max-width: 16.66%; } .gallery-columns-7 .gallery-item{ max-width: 14.28%; } .gallery-columns-8 .gallery-item{ max-width: 12.5%; } .gallery-columns-9 .gallery-item{ max-width: 11.11%; } .gallery-caption{ display: block; margin: 0 10px 10px 10px; } /*-------------------------------------------------------------- ## General --------------------------------------------------------------*/ .container{ width: 96%; max-width: 1400px; margin: 0 auto; } .site-content{ position: relative; margin-top: 30px; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ #masthead{ margin: 0 auto; padding: 0; width: 100%; background-color: #2d364c; } #masthead.scrolled{ position: fixed; top: 0; left: 0; right: 0; z-index: 999; } .logged-in.admin-bar #masthead.scrolled{ top: 32px; } #masthead > .container{ display: grid; grid-template-columns: minmax(auto,300px) auto auto; align-items: center; padding: 20px 0; transition: padding .5s; } #masthead.scrolled > .container{ padding: 5px 0; transition: padding 1s; } #site-branding{ grid-column: 1/2; } .toggle-nav { grid-column: 3/4; justify-self: end; display: none; } #site-navigation{ grid-column: 2/3; justify-self: end; } #site-top-right{ color: #fff; padding: 10px; grid-column: 3/4; justify-self: end; } #site-top-right a{ color: #fff; text-decoration: none; } #site-top-right a.button{ color: #fff; } #top-bar{ display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.15); font-size: 12px; line-height: 1.6; transition: padding .5s; } #masthead.scrolled #top-bar{ padding: 5px 0; transition: padding 1s; } .top-bar-widget-title{ color: #fff; margin: 0; font-size: 1.2em; } #top-bar a.button, #top-bar a.button:hover, #top-bar button, #top-bar input[type="button"], #top-bar input[type="reset"], #top-bar input[type="submit"], #top-bar input[type="text"], #top-bar input[type="email"], #top-bar input[type="url"], #top-bar input[type="password"], #top-bar input[type="search"], #top-bar input[type="number"], #top-bar input[type="tel"], #top-bar input[type="range"], #top-bar input[type="date"], #top-bar input[type="month"], #top-bar input[type="week"], #top-bar input[type="time"], #top-bar input[type="datetime"], #top-bar input[type="datetime-local"], #top-bar input[type="color"], #top-bar textarea{ height: auto; padding: 2px 5px; font-size: 12px; line-height: 12px; margin: 2px 0; max-width: 160px; } #top-bar p, #top-bar .widget, #top-bar .widget p{ margin: 0; padding: 0; background: transparent; } #top-bar .widget{ display: inline-block; width: 48%; vertical-align: top; } #top-bar .widget:nth-child(odd){ text-align: left; margin-right: 1%; } #top-bar .widget:nth-child(even){ text-align: right; margin-left: 1%; } #top-bar ul{ position: relative; list-style: none; } #top-bar li{ display: inline-block; margin-left: 12px; } #top-bar li:first-child{ margin-left: 0; } #top-bar ul > li > ul{ display: none; border: 1px; border-style: solid; border-color: rgba(255,255,255,0.1); border-top: 0; margin-top: 2px; } #top-bar ul > li.menu-item-has-children:hover > ul{ position: absolute; display: block; margin-left: 0; text-align: left; z-index: 101; } #top-bar ul > li.menu-item-has-children:hover > ul > li{ display: block; margin-left: 0; padding: 5px; } #top-bar ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul, #top-bar ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul:hover{ display: none; } #masthead .top-search{ position: relative; display: inline-block; margin: 0; padding: 0; max-width: 70%; } .top-search{ max-width: 100% !important; transform: none; } .top-search .mini-search{ position: absolute; top: auto; right: 0; visibility: hidden; opacity: 0; padding: 10px; background: #2d364c; border-top: 2px solid #ff7800; border-radius: 0 0 2px 2px; box-shadow: 0 0 2px rgba(255,255,255,.3); z-index: 99999; transform: translateY(30px); transition: all .3s ease; } .top-search.search-open .mini-search{ visibility: visible; opacity: 1; transform: translateY(0); transition: all .3s ease; } #masthead .search-form, #masthead .woocommerce-product-search{ max-width: 100%; } #masthead .search-form input[type="submit"], #masthead .woocommerce-product-search button[type="submit"]{ position: relative; width: 36px; height: 36px; display: inline-block; background-color: transparent; padding: 0; color: transparent; border: 0; box-shadow: none; transition: none; } #masthead .search-form input[type="search"], #masthead .woocommerce-product-search input[type="search"]{ max-width: calc(100% - 44px); border: none; background: transparent; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #masthead .search-form input[type="search"]::placeholder, #masthead .woocommerce-product-search input[type="search"]::placeholder{ color: #fff; opacity: .6; } #masthead .top-account{ position: relative; display: inline-block; margin: 0 0 0 20px; } #masthead .top-account .mini-account{ position: absolute; top: auto; right: 0; text-align: left; font-size: 90%; padding: 10px; min-width: 240px; max-height: 480px; overflow: auto; visibility: hidden; opacity: 0; z-index: 99999; transform: translateY(40px); background: #2d364c; border-top: 2px solid #ff7800; border-radius: 0 0 2px 2px; box-shadow: 0 0 2px rgba(255,255,255,.3); transition: all 0.3s ease; } #masthead .top-account .mini-account a{ text-decoration: underline dotted; } .woocommerce .top-account .col2-set .col-1, .woocommerce-page .top-account .col2-set .col-1, .woocommerce .top-account .col2-set .col-2, .woocommerce-page .top-account .col2-set .col-2{ float: none; width: 100%; } .top-account #customer_login .u-column2{ margin-top: .8em; border-top: 1px solid rgba(255,255,255,.3); } .top-account h2{ position: relative; color: #fff; font-size: 1.15em; text-transform: none; margin: 0 0 .8em; } .top-account #customer_login .u-column2 h2{ margin-top: .8em; cursor: pointer; } .top-account #customer_login .u-column2 h2:after{ font-family: 'Font Awesome 5 Free'; content: "\f107"; font-weight: 900; font-size: 16px; text-shadow: none; position: absolute; top: 0; right: 0; } .top-account #customer_login .u-column2.open h2:after{ content: "\f106"; } .top-account #customer_login .u-column2 form{ display: none; } .top-account #customer_login .u-column2.open form{ display: block; } .top-account p{ margin: 0 0 7px; } .top-account p.mini-account-header{ width: 100%; } .top-account p.mini-account-footer{ width: 100%; padding-top: 15px; border-top: 1px solid #2d364c; } .top-account input{ padding: 2px 4px; height: 24px; } .top-account .woocommerce-MyAccount-navigation{ width: 100%; } .top-account form .form-row .required{ color: red; } .woocommerce .top-account form .form-row .required{ visibility: hidden; transition: all .7s; transition-delay: 1s; } .woocommerce .top-account:hover .mini-account form .form-row .required{ visibility: visible; transition-delay: 0s; } div.mini-account form.login{ border: none; padding: 0; margin: 0; } div.mini-account .form-row, div.mini-account .form-row-first, span.mini-account .form-row-last{ width: 100%; float: left; } .top-account .woocommerce-form__label-for-checkbox{ padding: 20px 0 10px 0; margin-left: 0; display: block; } .top-account .woocommerce-form__label-for-checkbox span{ font-size: 90%; } .top-account input#rememberme.woocommerce-form__input.woocommerce-form__input-checkbox{ height: 10px; margin-right: 0; } #masthead .top-wishlist{ position: relative; display: inline-block; margin: 0 0 0 20px } #masthead .top-cart{ position: relative; display: inline-block; margin: 0 0 0 20px; } #masthead .top-cart .mini-cart{ position: absolute; top: auto; right: 0; text-align: left; font-size: 90%; padding: 10px; min-width: 240px; max-height: 480px; overflow: auto; visibility: hidden; opacity: 0; z-index: 99999; transform: translateY(40px); background: #2d364c; border-top: 2px solid #ff7800; border-radius: 0 0 2px 2px; box-shadow: 0 0 2px rgba(255,255,255,.3); transition: all 0.3s ease; } #masthead .top-cart .mini-cart p{ margin: 0; } #masthead .top-cart .mini-cart .woocommerce-mini-cart__buttons .button{ display: block; text-align: center; margin-top: 10px; } #masthead .top-account:hover .mini-account, #masthead .top-account .mini-account.locked, #masthead .top-cart:hover .mini-cart, #masthead .top-account a:focus ~ .mini-account, #masthead .top-cart a:focus ~ .mini-cart{ top: auto; visibility: visible; opacity: 1; transform: translateY(0); transition: all .3s ease; } #masthead .top-cart .mini-cart ul.cart_list{ list-style: none; padding: 0; margin: 0; } #masthead .top-cart .mini-cart ul.cart_list li:after, #masthead .top-cart .mini-cart ul.cart_list li:before, #masthead .top-cart .mini-cart ul.product_list_widget li:after, #masthead .top-cart .mini-cart ul.product_list_widget li:before{ content: ' '; display: table; } #masthead .top-cart .mini-cart ul.cart_list li:after{ clear: both; } #masthead .top-cart .mini-cart ul.cart_list li{ padding: 4px 0; margin: 0; list-style: none; } #masthead .top-cart .mini-cart ul.cart_list li a{ display: block; font-weight: normal; } #masthead .top-cart .mini-cart a.remove{ display: block; font-size: 2em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: red !important; text-decoration: none; border: 0; float: right; opacity: 0.7; } #masthead .top-cart .mini-cart a.remove:hover{ color: #fff !important; background: red; opacity: 1; } #masthead .top-cart .mini-cart ul.cart_list li img{ float: right; margin-left: 4px; width: 42px; height: auto; box-shadow: none; } #masthead .top-cart .mini-cart li.empty{ list-style: none; text-align: center; } #masthead .top-cart .mini-cart dt{ font-weight: normal; } #masthead .top-cart .mini-cart dd{ margin: 0 0 0 10px; } #masthead a.azuma-cart{ position: relative; margin-right: 22px; } #masthead a.azuma-wishlist{ position: relative; margin-right: 10px; } #masthead .azuma-icon-heart, #masthead .azuma-icon-shopping-cart{ margin-right: 5px; } #masthead a.azuma-cart .item-count, #masthead a.azuma-wishlist .wishlist_products_counter_number, #masthead a.wishlist_products_counter .wishlist_products_counter_number{ position: absolute; top: -1px; left: auto; } #masthead a.azuma-cart.items .azuma-icon-shopping-cart, #masthead a.azuma-cart.items .item-count{ color: #ff7800; } #site-branding h1, #site-branding p, #site-branding .custom-logo{ margin: 0; padding: 0; line-height: 1; } .site-title{ font-family: 'Rajdhani', Helvetica, Arial, Verdana, sans-serif; font-weight: bold; font-size: 56px; text-transform: uppercase; letter-spacing: 2px; } .site-title a, .site-title a:hover, .site-title a:active, .site-title a:focus{ text-decoration: none; color: #ff7800; } .site-description{ clear: both; font-weight: normal; text-transform: uppercase; color: #fff; } .masthead-block{ background: transparent; height: 70px; } .title-tagline-hidden .site-title, .title-tagline-hidden .site-description{ clip: rect(1px, 1px, 1px, 1px); position: absolute; } #home-hero-section{ background: transparent; } #home-hero-section .widget{ margin: 0; } #home-hero-section aside{ position: relative; background: transparent; color: #2f3032; } #home-hero-section .widget_media_image{ display: block; color: #fff; } #home-hero-section .widget_media_image:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #2d364c; opacity: .7; } #home-hero-section .widget_media_image .hero-widget-title{ width: 100%; max-width: calc(100% - 120px); text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-size: 76px; text-transform: uppercase; font-weight: bold; } #home-hero-section .widget_media_image .hero-widget-title a, #home-hero-section .widget_media_image .hero-widget-title a:hover, #home-hero-section .widget_media_image .hero-widget-title a:focus, #home-hero-section .widget_media_image .hero-widget-title a:active{ color: #fff; text-decoration: none; } #home-hero-section .widget_media_image .wp-caption{ margin-right: 0; } #home-hero-section .widget_media_image img{ width: 100%; height: auto; } #home-hero-section .widget_media_image.adaptive-sizing{ overflow: hidden; } #home-hero-section .widget_media_image img.adaptive-sizing{ width: auto; max-width: none !important; } #home-hero-section .widget_media_image .wp-caption .wp-caption-text{ width: 100%; max-width: calc(100% - 120px); text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; background: transparent; border: none; color: #fff; font-size: 26px; } #home-hero-section p{ margin: 0; } .bx-wrapper .bx-controls-direction a{ margin-top: 0; background: rgba(45,54,76,.5); height: 40px; width: 40px; font-size: 24px; line-height: 40px; text-align: center; color: #FFF; text-indent: 0; text-decoration: none; border-radius: 100%; transform: translateY(-50%); } .bx-wrapper .bx-controls-direction a:hover{ background: #ff7800; opacity: 0.8; } /*-------------------------------------------------------------- ## Menu --------------------------------------------------------------*/ .toggle-nav{ font-size: 24px; background: transparent; color: #fff; cursor: pointer; width: 20px; } .toggle-nav:focus{ outline: 1px dotted; } #site-navigation{ font-family: 'Rajdhani', Helvetica, Arial, Verdana, sans-serif; font-size: 17px; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; } #primary-menu{ margin: 0; color: #fff; } #primary-menu li{ float: left; position: relative; list-style: none; } #primary-menu li a{ display: block; color: #fff; text-decoration: none; padding: 10px 15px; transition: color .3s ease; } #primary-menu li.highlight > a{ background: #ff7800; } #primary-menu li.menu-item-has-children a{ padding-right: 25px; } #primary-menu:hover li a{ opacity: .6; transition: opacity .3s ease; } #primary-menu li:hover a{ opacity: 1; } #primary-menu li a:hover{ opacity: 1; transition: opacity .3s ease; } #primary-menu li.current-menu-item > a{ color: #ff7800; } #primary-menu li.highlight.current-menu-item > a{ color: #fff; } #primary-menu ul{ position: absolute; visibility: hidden; opacity: 0; background: #2d364c; border-top: 2px solid #ff7800; box-shadow: 0 0 2px rgba(255,255,255,.3); min-width: 180px; text-align: left; top: 140%; margin: 0; border-radius: 0 0 3px 3px; z-index: 99999; transition: all 0.3s ease; } #primary-menu li.menu-item-has-children.locked > ul, #primary-menu li.menu-item-has-children:hover > ul, #primary-menu li.menu-item-has-children a:focus ~ ul{ visibility: visible; opacity: 1; top: 100%; transition: all 0.3s ease; } #primary-menu ul li{ width: 100%; background: none; } #primary-menu ul li a{ position: relative; overflow: hidden; } #primary-menu ul li.menu-item-has-children ul, #primary-menu ul li.menu-item-has-children ul, #primary-menu ul li.menu-item-has-children.locked ul, #primary-menu ul li.menu-item-has-children:hover ul, #primary-menu ul li.menu-item-has-children a:focus ~ ul{ left: 100%; top: 5px; } #primary-menu li.menu-item-has-children .sub-menu ul{ border-radius: 0 3px 3px 3px; } .sub-menu li{ border-bottom: 1px solid rgba(255,255,255,0.1); } .sub-menu li:last-child{ border: 0; } #primary-menu li.menu-item-has-children .sub-menu a{ padding-top: 20px; padding-bottom: 20px; margin: 0; transition: all 0.3s ease; } #primary-menu li.menu-item-has-children:hover .sub-menu a{ padding-top: 8px; padding-bottom: 8px; transition: all 0.3s ease; } .page-links, .comments-pagination{ text-align: center; font-weight: bold; margin-bottom: 25px; } .page-links a, .comments-pagination .page-numbers{ padding: 0 10px; } .posts-navigation, .post-navigation{ background: #2d364c; color: #fff; padding: 15px; border: none; box-shadow: none; margin: -29px 0 30px 0; overflow: hidden; } .posts-navigation a, .post-navigation a{ color: #fff; } .posts-navigation .nav-previous, .post-navigation .nav-previous{ float: left; width: 50%; } .posts-navigation .nav-next, .post-navigation .nav-next{ float: right; text-align: right; width: 50%; } .post-navigation .nav-previous .fa{ margin-right: .25em; } .post-navigation .nav-next .fa{ margin-left: .25em; } /*-------------------------------------------------------------- ## Featured Posts --------------------------------------------------------------*/ #featured-post-section{ margin-top: 60px; margin-bottom: 30px; width: 100%; } .featured-post-wrap{ display: grid; grid-template-columns: 32% 32% 32%; grid-column-gap: 2%; grid-row-gap: 65px; } .featured-post{ padding: 20px; position: relative; text-align: center; background: #f9f9f9; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; } .featured-post:hover{ background: #2d364c; color: #fff; transition: all 0.3s ease; } .featured-post .featured-icon{ font-size: 40px; width: 80px; height: 80px; line-height: 80px; display: block; color: #fff; margin: -60px auto 0px auto; text-align: center; background: #2d364c; border-radius: 100%; box-shadow: 0px 0px 0px 4px rgba(45,54,76,.5); transition: all 0.3s ease; } .featured-post .featured-icon .fa.fa-not-a-real-icon{ display: none; } .featured-post:hover .featured-icon{ background: #ff7800; box-shadow: 0px 0px 0px 4px rgba(255,120,0,.5); transition: all 0.3s ease; } .featured-post h4{ position: relative; margin: 10px 0 10px 0; text-align: center; text-transform: uppercase; color: #2f3032; -ms-word-wrap: break-word; word-wrap: break-word; hyphens: none; } .featured-post a, .featured-post h4 a{ color: #2f3032; text-decoration: none; transition: all 0.3s ease; } .featured-post:hover h4, .featured-post:hover a, .featured-post:hover h4 a{ color: #fff; transition: all 0.3s ease; } .featured-post .featured-excerpt{ text-align: center; font-weight: 300; transition: all 0.3s ease; } .featured-post:hover .featured-excerpt{ color: #fff; transition: all 0.3s ease; } .featured-post a.featured-readmore{ color: #fff; border: 1px solid transparent; } .featured-post a.featured-readmore:hover{ border-color: rgba(255,255,255,.3); } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ #colophon{ font-size: 14px; color: #fff; background-color: #2d364c; background-repeat: no-repeat; background-size: cover; } #colophon aside{ background: transparent; } .site-footer ul{ list-style: none; padding: 0; margin: 0; } .site-footer ul ul{ margin-left: 10px; } .site-footer a{ color: #fff; } .site-footer a:hover, .site-footer a:focus, .site-footer a:active{ text-decoration-color: #fff; } .above-footer-widget-title, .footer-column-widget-title{ color: #fff; font-weight: bold; position: relative; margin-bottom: 15px; } #above-footer{ border-bottom: 1px solid rgba(255,255,255,.1) } #above-footer .container{ padding-top: 20px; padding-bottom: 20px; } #above-footer .widget, #above-footer p:last-child{ margin-bottom: 0; } #top-footer{ padding: 20px 0 0; border-bottom: 1px solid rgba(255,255,255,.1) } #top-footer .container{ padding-bottom: 30px; } .top-footer{ margin-left: -3%; } .footer{ float: left; width: 30.3333333333%; margin-left: 3%; } #bottom-footer{ padding: 25px 0; line-height: 1.2; } .site-info{ float: left; width: 45%; } .site-info .sep{ opacity: .4; } .site-info-right, #footer-menu ul{ float: right; width: 45%; text-align: right; list-style-type: none; list-style: none; list-style-image: none; line-height: 32px; margin-top: -7px; } #footer-menu li{ padding: 0 8px; display: inline; } #footer-menu a, .widget_nav_menu a{ position: relative; } #footer-menu a[href*="plus.google.com"], .widget_nav_menu a[href*="plus.google.com"], #footer-menu a[href*="codepen.io"], .widget_nav_menu a[href*="codepen.io"], #footer-menu a[href*="facebook.com"], .widget_nav_menu a[href*="facebook.com"], #footer-menu a[href*="github.com"], .widget_nav_menu a[href*="github.com"], #footer-menu a[href*="gitlab.com"], .widget_nav_menu a[href*="gitlab.com"], #footer-menu a[href*="instagram.com"], .widget_nav_menu a[href*="instagram.com"], #footer-menu a[href*="linkedin.com"], .widget_nav_menu a[href*="linkedin.com"], #footer-menu a[href*="twitter.com"], .widget_nav_menu a[href*="twitter.com"], #footer-menu a[href*="youtube.com"], .widget_nav_menu a[href*="youtube.com"], #footer-menu a[href^="mailto:"], .widget_nav_menu a[href^="mailto:"], #footer-menu a[href$="/feed/"], .widget_nav_menu a[href$="/feed/"], #footer-menu a[href*="kickstarter.com"], .widget_nav_menu a[href*="kickstarter.com"], #footer-menu a[href*="meetup.com"], .widget_nav_menu a[href*="meetup.com"], #footer-menu a[href*="pinterest.com"], .widget_nav_menu a[href*="pinterest.com"], #footer-menu a[href*="vimeo.com"], .widget_nav_menu a[href*="vimeo.com"]{ font-size: 1px; letter-spacing: -1px; margin-right: 0px; margin-left: 26px; color: transparent; } #footer-menu a[href^="tel:"], .widget_nav_menu a[href^="tel:"]{ margin-right: 0px; margin-left: 31px; } #footer-menu a[href*="plus.google.com"]:before, .widget_nav_menu a[href*="plus.google.com"]:before, #footer-menu a[href*="codepen.io"]:before, .widget_nav_menu a[href*="codepen.io"]:before, #footer-menu a[href*="facebook.com"]:before, .widget_nav_menu a[href*="facebook.com"]:before, #footer-menu a[href*="github.com"]:before, .widget_nav_menu a[href*="github.com"]:before, #footer-menu a[href*="gitlab.com"]:before, .widget_nav_menu a[href*="gitlab.com"]:before, #footer-menu a[href*="instagram.com"]:before, .widget_nav_menu a[href*="instagram.com"]:before, #footer-menu a[href*="linkedin.com"]:before, .widget_nav_menu a[href*="linkedin.com"]:before, #footer-menu a[href*="twitter.com"]:before, .widget_nav_menu a[href*="twitter.com"]:before, #footer-menu a[href*="youtube.com"]:before, .widget_nav_menu a[href*="youtube.com"]:before, #footer-menu a[href*="kickstarter.com"]:before, .widget_nav_menu a[href*="kickstarter.com"]:before, #footer-menu a[href*="meetup.com"]:before, .widget_nav_menu a[href*="meetup.com"]:before, #footer-menu a[href*="pinterest.com"]:before, .widget_nav_menu a[href*="pinterest.com"]:before, #footer-menu a[href*="vimeo.com"]:before, .widget_nav_menu a[href*="vimeo.com"]:before{ font-family: 'Font Awesome 5 Brands'; font-weight: normal; text-align: center; position: absolute; font-size: 14px; letter-spacing: normal; width: 26px; height: 26px; line-height: 26px; border-radius: 100%; top: -16px; right: 0; color: #fff; } #footer-menu a[href^="mailto:"]:before, .widget_nav_menu a[href^="mailto:"]:before, #footer-menu a[href$="/feed/"]:before, .widget_nav_menu a[href$="/feed/"]:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; position: absolute; font-size: 14px; letter-spacing: normal; width: 26px; height: 26px; line-height: 26px; border-radius: 100%; top: -16px; right: 0; color: #fff; } #footer-menu a[href^="tel:"]:before, .widget_nav_menu a[href^="tel:"]:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; position: absolute; font-size: 14px; letter-spacing: normal; width: 26px; height: 26px; line-height: 26px; border-radius: 100%; top: -5px; left: -31px; color: #fff; } #footer-menu a[href*="plus.google.com"]:before, .widget_nav_menu a[href*="plus.google.com"]:before{ content: "\f0d5"; background: #ff0000; } #footer-menu a[href*="codepen.io"]:before, .widget_nav_menu a[href*="codepen.io"]:before{ content: "\f1cb"; background: #ffdd40; color: #000; } #footer-menu a[href*="facebook.com"]:before, .widget_nav_menu a[href*="facebook.com"]:before{ content: "\f39e"; background: #3b5998; } #footer-menu a[href*="github.com"]:before, .widget_nav_menu a[href*="github.com"]:before{ content: "\f09b"; background: #24292e; } #footer-menu a[href*="gitlab.com"]:before, .widget_nav_menu a[href*="gitlab.com"]:before{ content: "\f296"; background: #548; } #footer-menu a[href*="instagram.com"]:before, .widget_nav_menu a[href*="instagram.com"]:before{ content: "\f16d"; background: #f04857; } #footer-menu a[href*="linkedin.com"]:before, .widget_nav_menu a[href*="linkedin.com"]:before{ content: "\f0e1"; background: #0077b5; } #footer-menu a[href*="twitter.com"]:before, .widget_nav_menu a[href*="twitter.com"]:before{ content: "\f099"; background: #1da1f2; } #footer-menu a[href*="youtube.com"]:before, .widget_nav_menu a[href*="youtube.com"]:before{ content: "\f167"; background: #ff0000; } #footer-menu a[href*="kickstarter.com"]:before, .widget_nav_menu a[href*="kickstarter.com"]:before{ content: "\f3bc"; background: #fff; color: #282828; } #footer-menu a[href*="meetup.com"]:before, .widget_nav_menu a[href*="meetup.com"]:before{ content: "\f2e0"; background: #f13a59; } #footer-menu a[href*="pinterest.com"]:before, .widget_nav_menu a[href*="pinterest.com"]:before{ content: "\f231"; background: #e60023; } #footer-menu a[href*="vimeo.com"]:before, .widget_nav_menu a[href*="vimeo.com"]:before{ content: "\f27d"; background: #00adef; } #footer-menu a[href^="mailto:"]:before, .widget_nav_menu a[href^="mailto:"]:before{ content: "\f0e0"; background: #ff7800; } #footer-menu a[href^="tel:"]:before, .widget_nav_menu a[href^="tel:"]:before{ content: "\f095"; background: #ff7800; } #footer-menu a[href$="/feed/"]:before, .widget_nav_menu a[href$="/feed/"]:before{ content: "\f09e"; background: #fd9800; } /*-------------------------------------------------------------- ## Pagination CSS --------------------------------------------------------------*/ .pagination{ text-align: center; margin: 30px 0; } .pagination span, .pagination .dots, .pagination a{ background: #f9f9f9; padding: 6px 12px; border-radius: 2px; font-weight: normal; color: #2f3032; text-decoration: none; } .pagination a:hover, .pagination .current{ color: #ff7800; } /*-------------------------------------------------------------- ## WooCommerce CSS --------------------------------------------------------------*/ .woocommerce .term-description{; margin: 0 0 20px 0; } .woocommerce nav.woocommerce-pagination{ text-align: center; margin: 30px 0; } .woocommerce nav.woocommerce-pagination ul{ border: 0; margin: 0; padding: 0; } .woocommerce nav.woocommerce-pagination ul li{ border: 0; float: none; margin: 0; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ background: #f9f9f9; padding: 6px 12px; border: 0; border-radius: 2px; font-weight: normal; line-height: 2.68; color: #2f3032; display: unset; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{ background: #f9f9f9; color: #ff7800; } .single.single-product .quantity .input-text.qty.text, .p-quantity .input-text.qty.text, .woocommerce .quantity .qty{ -moz-appearance: textfield; -webkit-appearance: textfield; } #wc-sticky-addtocart{ display: none; position: fixed; top: 0; left: 0; width: 100%; text-align: center; z-index: 999999; padding: 5px 0; background: #fff; border-bottom: 2px solid #2d364c; } .logged-in.admin-bar #wc-sticky-addtocart{ top: 32px; } #wc-sticky-addtocart.active{ display: block; } #wc-sticky-addtocart img{ max-width: 50px; } #wc-sticky-addtocart .product_title{ font-size: 16px; } #wc-sticky-addtocart img, #wc-sticky-addtocart p, #wc-sticky-addtocart .product_title, #wc-sticky-addtocart .options-button, #wc-sticky-addtocart form.cart, #wc-sticky-addtocart .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button{ margin: 0 15px; } #wc-sticky-addtocart img, #wc-sticky-addtocart p, #wc-sticky-addtocart .product_title, #wc-sticky-addtocart .options-button, #wc-sticky-addtocart form.cart, #wc-sticky-addtocart form.cart .quantity, #wc-sticky-addtocart form.cart button, #wc-sticky-addtocart .tinv-wraper.tinv-wishlist{ display: inline-block; } #wc-sticky-addtocart table, #wc-sticky-addtocart td{ border-width: 0; } #wc-sticky-addtocart table.variations, #wc-sticky-addtocart .reset_variations{ display: none; } #wc-sticky-addtocart table.variations.active{ display: block; margin-bottom: 5px; } #wc-sticky-addtocart .price ins{ background: transparent; font-weight: bold; } #wc-sticky-addtocart .options-button{ cursor: pointer; position: relative; color: #ff7800; } #wc-sticky-addtocart .options-button:after{ position: absolute; content: '+'; padding-left: 5px; top: -5px; font-size: 150%; font-weight: bold; } #wc-sticky-addtocart .options-button.active:after{ content: '-'; top: -7px; } .woocommerce .woocommerce-breadcrumb{ color: #2f3032; opacity: .8; } .woocommerce div.product, .woocommerce-page div.product{ overflow: hidden; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product, .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product, .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product, .woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product, .woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product, .woocommerce ul.products.columns-7 li.product, .woocommerce-page ul.products.columns-7 li.product, .woocommerce ul.products.columns-8 li.product, .woocommerce-page ul.products.columns-8 li.product{ width: auto; overflow: hidden; padding-bottom: 10px; } .woocommerce ul.products li.product .product-excerpt-wrap, .woocommerce-page ul.products li.product .product-excerpt-wrap{ visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; right: 0; padding: 10px; background: rgba(255,255,255,.8); color: #2f3032; margin-top: -200px; overflow: hidden; z-index: 10; transition: all .5s ease-in; } .woocommerce ul.products li.product:hover .product-excerpt-wrap, .woocommerce-page ul.products li.product:hover .product-excerpt-wrap{ visibility: visible; opacity: 1; margin-top: 0; transition: all .5s ease-out; } .woocommerce ul.products li.product:hover .product-excerpt-wrap a, .woocommerce-page ul.products li.product:hover .product-excerpt-wrap a, .woocommerce ul.products li.product:hover .product-excerpt-wrap h3, .woocommerce-page ul.products li.product:hover .product-excerpt-wrap h3{ color: #2f3032; } .woocommerce ul.products li.product:hover .product-excerpt-wrap a, .woocommerce-page ul.products li.product:hover .product-excerpt-wrap a{ text-decoration: underline; } .woocommerce ul.products li.product .product-excerpt-wrap img, .woocommerce-page ul.products li.product .product-excerpt-wrap img{ width: auto; } .woocommerce ul.products li.product .product-excerpt-wrap img.alignleft, .woocommerce-page ul.products li.product .product-excerpt-wrap img.alignleft{ margin-right: 1.5em; } .woocommerce ul.products li.product .product-excerpt-wrap img.alignright, .woocommerce-page ul.products li.product .product-excerpt-wrap img.alignright{ margin-left: 1.5em; } .woocommerce ul.products li.product .product-excerpt-wrap img.aligncenter, .woocommerce-page ul.products li.product .product-excerpt-wrap img.aligncenter{ margin: -10px -10px 10px -10px; width: calc(100% + 20px); max-width: calc(100% + 20px); } .product-detail-wrap, .product-addtocart-wrap{ padding: 0 10px 0 10px; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{ padding: 0; margin: 0; font-size: 24px; } .woocommerce ul.products li.product a img{ margin: 0 0 10px 0; } .woocommerce ul.products li.product .woocommerce-placeholder{ border: none; } .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist, .woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist{ margin-bottom: 10px; } .woocommerce ul.products li.product a.add_to_wishlist, .woocommerce ul.products li.product .yith-wcwl-wishlistaddedbrowse a, .woocommerce ul.products li.product .yith-wcwl-wishlistexistsbrowse a, .woocommerce-page ul.products li.product a.add_to_wishlist, .woocommerce-page ul.products li.product .yith-wcwl-wishlistaddedbrowse a, .woocommerce-page ul.products li.product .yith-wcwl-wishlistexistsbrowse a{ position: relative; } .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist .ajax-loading, .woocommerce-page ul.products li.product .yith-wcwl-add-to-wishlist .ajax-loading{ margin-right: -21px; } .woocommerce ul.products li.product .woocommerce-loop-category__title mark.count{ display: none; } .woocommerce div.product div.images .flex-control-thumbs li img{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .stock, .woocommerce ul.products li.product .price{ color: #2f3032; font-weight: 400; transition: color .3s ease; } .woocommerce ul.products li.product .price{ font-size: 20px; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .stock{ font-size: 24px; } .product .product_meta > span{ position: relative; display: block; margin-bottom: 10px; } .product .product_meta .sku_wrapper .sku{ font-weight: 400; } .quantity.hidden .minus, .quantity.hidden .plus{ display: none; } #add_payment_method .cart-collaterals .cart_totals .discount td, .woocommerce-cart .cart-collaterals .cart_totals .discount td, .woocommerce-checkout .cart-collaterals .cart_totals .discount td{ color: #ff7800; } .woocommerce span.onsale, .woocommerce ul.products li.product .onsale{ position: relative; top: auto; left: auto; min-height: 0; min-width: 0; padding: 0; line-height: 1; border-radius: 0; background-color: transparent; font-weight: normal; } .woocommerce .sale-flash, .woocommerce ul.products li.product .sale-flash, #yith-quick-view-content .onsale{ position: absolute; margin: 0; border-radius: 0; background-color: #ff7800; font-weight: normal; text-align: center; color: #fff; min-height: 40px; line-height: 19px; left: -33px; text-transform: uppercase; top: 11px; width: 130px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 9; } #yith-quick-view-content .onsale{ line-height: 40px; } .woocommerce .products .star-rating{ margin: .5em auto .5em; } .woocommerce ul.products li.product .button, .woocommerce-page ul.products li.product .button, .woocommerce ul.products li.product a.added_to_cart{ margin-top: 0; overflow: hidden; } .woocommerce ul.products li.product .button.add_to_cart_button.added{ display: none; } .woocommerce-error{ border-color: #b81c23; } .woocommerce-info, .woocommerce-message{ border-color: #ff7800; } .woocommerce div.product .yith-wcwl-add-to-wishlist{ margin-bottom: 10px; } .woocommerce div.product a.add_to_wishlist{ position: relative; text-decoration: none; } .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before{ border-width: 3px; border-color: #f5f5f5; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before{ bottom: -6px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before{ border-bottom-right-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after{ border-bottom-left-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li{ border-width: 1px; border-bottom-width: 0; border-color: #f5f5f5; border-radius: 0; background: transparent; margin-left: 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child{ margin-left: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ border-width: 3px; border-bottom-width: 0; border-color: #f5f5f5; border-radius: 0; background: transparent; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{ padding: 0 20px; } .woocommerce table.shop_attributes, .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td{ border-width: 0; } .woocommerce table.shop_attributes td{ padding: 0.3em; } .woocommerce table.shop_attributes tr:nth-child(2n) td{ background: transparent; } .woocommerce table.shop_attributes tr td, .woocommerce table.shop_attributes tr th{ border-bottom: 1px solid rgba(0,0,0,.1); } .woocommerce table.shop_attributes tr:last-child td, .woocommerce table.shop_attributes tr:last-child th{ border-bottom: none; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color: #ff7800; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ width: 1.2em; height: 1.2em; top: -.45em; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color: rgba(0,0,0,.1); } .woocommerce .widget_price_filter .ui-slider-horizontal{ height: .3em; } #above-footer ul.product_list_widget:after{ content: ""; display: table; } #above-footer ul.product_list_widget:after{ clear: both; } #above-footer ul.product_list_widget li{ float: left; width: 16.666666%; margin-bottom: 10px; } #above-footer ul.product_list_widget li:nth-child(6n+1){ clear: both; } #above-footer ul.product_list_widget li img{ float: left; width: 48px; margin-right: 10px; } .woocommerce ins{ background: transparent; } section.up-sells.products, section.related.products{ clear: both; } .woocommerce-MyAccount-navigation ul{ list-style: none; margin-left: 0; } /* ## fix for WC products when using 'grid' layout ## standard WC is content: ' '; ## which causes issues with first item */ .woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before{ content: none; } /*-------------------------------------------------------------- ## Sticky Footer CSS --------------------------------------------------------------*/ html,body{ height: 100%; } #page.sticky-footer{ position: relative; min-height: 100%; } #colophon.sticky-footer{ position: absolute; bottom: 0; left: 0; right: 0; } /*-------------------------------------------------------------- ## Blocks CSS --------------------------------------------------------------*/ .site-content{ overflow-x: hidden; } p.has-background{ padding: 15px 20px; border-radius: 5px; } #primary.full-width .entry-content .alignfull, #primary.full-width .entry-header.with-image{ margin-left: -webkit-calc(-50vw + 50%); margin-left: calc(-50vw + 50%); margin-right: -webkit-calc(-50vw + 50%); margin-right: calc(-50vw + 50%); max-width: 100vw; width: 100vw; } #primary.full-width .entry-content .alignfull img{ max-width: 100%; width: 100%; } .entry-content .alignfull, .entry-content .alignwide{ width: 100%; } .entry-content .alignfull img, .wp-block-image.alignfull img, .entry-content .alignwide img, .wp-block-image.alignwide img{ max-width: 100%; width: 100%; } /*-------------------------------------------------------------- ## Icons CSS --------------------------------------------------------------*/ .entry-title:before, .entry-title:after{ font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; content: ""; } .format-aside .entry-title:before, .single-format-aside .entry-title:before{ content: "\f15b"; margin-right: 10px; } .format-image .entry-title:before, .single.format-image .entry-title:before{ content: "\f03e"; margin-right: 10px; } .format-video .entry-title:before, .single-format-video .entry-title:before{ content: "\f03d"; margin-right: 10px; } .format-link .entry-title:before, .single-format-link .entry-title:before{ content: "\f0c1"; margin-right: 10px; } .format-quote .entry-title:before, .single-format-quote .entry-title:before{ content: "\f10d"; margin-right: 10px; } .format-gallery .entry-title:before, .single-format-gallery .entry-title:before{ content: "\f302"; margin-right: 10px; } .format-audio .entry-title:before, .single-format-audio .entry-title:before{ content: "\f025"; margin-right: 10px; } .format-status .entry-title:before, .single-format-status .entry-title:before{ content: "\f00c"; margin-right: 10px; } .format-chat .entry-title:before, .single-format-chat .entry-title:before{ content: "\f075"; margin-right: 10px; } .post-password-required .entry-title:after, .post-password-protected .entry-title:after, .single-post-password-required .entry-title:after, .single-post-password-protected .entry-title:after{ content: "\f023"; margin-left: 10px; } .comment-list a.comment-reply-link:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f3e5"; margin-right: 5px; } .toggle-nav:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f0c9"; } .toggle-nav.menu-open:before{ content: "\f00d"; } .menu-item-has-children:after{ font-family: 'Font Awesome 5 Free'; content: "\f107"; font-weight: 900; font-size: 16px; text-shadow: none; opacity: .8; position: absolute; top: .6em; right: 8px; } .menu-item-has-children .menu-item-has-children:after{ content: "\f105"; top: .4em } #primary-menu:hover .menu-item-has-children:after{ opacity: .4; } #primary-menu li.menu-item-has-children:hover:after{ opacity: .8; } #masthead .icons{ font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 16px; } #masthead .icons.azuma-icon-search:before{ display: block; width: 1em; content: "\f002"; cursor: pointer; } #masthead .top-search.search-open .icons.azuma-icon-search:before{ content: "\f00d"; } #masthead .search-form input[type="submit"]:after, #masthead .woocommerce-product-search button[type="submit"]:after{ position: absolute; top: 0; left: 9px; font-family: 'Font Awesome 5 Free'; content: "\f002"; font-weight: 900; display: block; color: #fff; } #masthead .azuma-icon-user:before{ content: "\f2f6"; } .logged-in #masthead .azuma-icon-user:before{ content: "\f007"; } .top-account .mini-account-login:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f063"; margin-right: 5px; } .top-account .mini-account-register:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f061"; margin-right: 5px; } #masthead .azuma-icon-heart:before{ content: "\f004"; } #masthead .icons, #masthead a.wishlist_products_counter{ position: relative; } #masthead a.wishlist_products_counter{ margin: 0 0 0 20px; } #masthead a.wishlist_products_counter:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f004"; } #masthead .azuma-icon-shopping-cart:before{ content: "\f07a"; } .shop-filter-wrap .shop-filter-toggle .toggle-icon:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f078"; position: absolute; top: 0; left: .5em; } .shop-filter-wrap .shop-filter-toggle.active .toggle-icon:before{ content: "\f077"; } .woocommerce ul.products li.product a.add_to_wishlist:before, .woocommerce-page ul.products li.product a.add_to_wishlist:before, .woocommerce div.product a.add_to_wishlist:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f004"; } .woocommerce ul.products li.product .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce ul.products li.product .yith-wcwl-wishlistexistsbrowse a:before, .woocommerce-page ul.products li.product .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce-page ul.products li.product .yith-wcwl-wishlistexistsbrowse a:before, .woocommerce div.product .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce div.product .yith-wcwl-wishlistexistsbrowse a:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f004"; } .azuma-icon-barcode:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; content: "\f02a"; } .azuma-icon-folder:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; content: "\f07b"; } .azuma-icon-tag:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; content: "\f02b"; } .woocommerce-MyAccount-navigation-link:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f111"; display: inline-block; width: 20px; } .woocommerce-MyAccount-navigation-link--dashboard:before{ content: "\f007"; } .woocommerce-MyAccount-navigation-link--orders:before{ content: "\f0d1"; } .woocommerce-MyAccount-navigation-link--downloads:before{ content: "\f019"; } .woocommerce-MyAccount-navigation-link--edit-address:before{ content: "\f3c5"; } .woocommerce-MyAccount-navigation-link--edit-account:before{ content: "\f044"; } .woocommerce-MyAccount-navigation-link--customer-logout:before{ content: "\f2f5"; } /*-------------------------------------------------------------- ## Jetpack CSS --------------------------------------------------------------*/ .infinite-scroll #main nav.pagination{ display: none; } .infinite-loader{ color: #ff7800; margin-bottom: 20px; } .infinite-loader .spinner{ left: 50% !important; } #infinite-handle{ text-align: center; margin-bottom: 20px; } #infinite-handle span{ background: transparent; font-size: inherit; padding: 0; } .infinite-wrap .entry-video{ max-width: 100%; overflow: hidden; } /*-------------------------------------------------------------- ## Responsive CSS --------------------------------------------------------------*/ @media only screen and (max-width: 1120px){ .container{ max-width: 100%; padding: 0 10px; } #above-footer ul.product_list_widget li{ width: 25%; } #above-footer ul.product_list_widget li:nth-child(4n+1){ clear: both; } #above-footer ul.product_list_widget li:nth-child(6n+1){ clear: none; } } @media only screen and (max-width: 1024px){ #top-bar{ border-width: 0; } .toggle-nav{ display: block; } #site-top-right { grid-column: 2/3; grid-row: 1/2; justify-self: center; } #site-navigation{ display: none; } #site-navigation.menu-open{ display: block; max-height: 50vh; padding-right: 10px; overflow: hidden auto; grid-column: 1/4; justify-self: end; } #site-navigation.menu-open .site-main-menu{ width: 250px; } #primary-menu li{ position: relative; width: 100%; border-top: 0; margin-top: 0; } #primary-menu > li:after{ display: none; } #primary-menu li a{ padding: 8px 10px; margin: 0; } #primary-menu li.menu-item-has-children a, #primary-menu li.menu-item-has-children a:hover{ padding: 8px 40px 8px 10px; } .menu-item-has-children:after{ display: none; } .menu-item-has-children .menu-item-has-children:after{ display: none; } #primary-menu > li.current-menu-item, #primary-menu > li:hover, #primary-menu > li.current-menu-item:hover{ background-image: none; } .menu-item-has-children .sub-trigger{ position: relative; width: 30px; float: right; z-index: 100; cursor: pointer; display: block; } .menu-item-has-children .sub-trigger:after{ position: absolute; top: .5em; left: 0; font-family: 'Font Awesome 5 Free'; font-size: 16px; font-weight: 900; text-shadow: none; content: "\f107"; } .menu-item-has-children .sub-trigger.is-open:after{ content: "\f106"; } #primary-menu .sub-menu, #primary-menu li:hover > .sub-menu, #primary-menu ul.children, #primary-menu li:hover > ul.children{ left: 0; width: 250px; border: none; box-shadow: none; display: none; opacity: 1; visibility: visible; position: relative; top: 0; transition: none; } #primary-menu .sub-menu li, #primary-menu ul.children li{ padding: 0; text-transform: none; border: 0; } #primary-menu li.menu-item-has-children .sub-menu a{ padding-top: 8px; padding-bottom: 8px; } #primary-menu > li > ul{ border: 0; padding: 0 5px; } #primary-menu > li > ul > li > ul{ padding: 0 5px 0 10px; } #primary-menu > li > ul > li > ul > li > ul{ padding: 0 5px 0 15px; } #primary-menu ul ul, #primary-menu ul li:hover ul{ left: auto; top: auto; } } @media only screen and (max-width: 768px){ #top-bar .widget{ display: block; width: 100%; } #top-bar .widget:nth-child(odd){ text-align: center; margin-right: 0; } #top-bar .widget:nth-child(even){ text-align: center; margin-left: 0; } #top-bar li{ margin-left: 7px; } #top-bar li:first-child{ margin-left: 0; } #grid-loop.layout-2, #grid-loop.layout-3, #grid-loop.layout-4, #main.infinite-grid.layout-2 .infinite-wrap, #main.infinite-grid.layout-3 .infinite-wrap, #main.infinite-grid.layout-4 .infinite-wrap, .woocommerce ul.products.columns-2, .woocommerce-page ul.products.columns-2, .woocommerce ul.products.columns-3, .woocommerce-page ul.products.columns-3, .woocommerce ul.products.columns-4, .woocommerce-page ul.products.columns-4, .woocommerce ul.products.columns-5, .woocommerce-page ul.products.columns-5, .woocommerce ul.products.columns-6, .woocommerce-page ul.products.columns-6, .woocommerce ul.products.columns-7, .woocommerce-page ul.products.columns-7, .woocommerce ul.products.columns-8, .woocommerce-page ul.products.columns-8{ grid-template-columns: 50% 50%; } .featured-post-wrap{ grid-template-columns: 100%; grid-column-gap: 0; grid-row-gap: 65px; } .footer{ width: 47%; } .footer:nth-child(3){ clear: both; } .footer:nth-child(3), .footer:nth-child(4){ margin-top: 25px; } #masthead > .container { grid-template-columns: auto auto minmax(auto,24px); } #masthead .top-account:hover .mini-account, #masthead .top-cart:hover .mini-cart{ transform: translateY(-480px); visibility: hidden; z-index: -99; } #masthead a.azuma-cart .item-count, #masthead a.azuma-wishlist .wishlist_products_counter_number, #masthead a.wishlist_products_counter .wishlist_products_counter_number{ top: -2px; } #masthead a.azuma-cart{ margin-right: 12px; } .site-info{ float: none; width: 100%; text-align: center; } .site-info-right, #footer-menu ul{ float: none; width: 100%; text-align: center; margin-top: 15px; } #shop-filters aside{ display: block; border-right: 0; border-top: 1px solid #fff; clear: both; } #primary{ width: auto !important; float: none !important; margin-bottom: 25px; } #secondary{ width: auto; float: none !important; } .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{ width: auto; margin: 0; } #site-usp, #site-usp .container{ display: none; } #home-hero-section .widget_media_image .wp-caption{ margin: 0; } #above-footer ul.product_list_widget li{ width: 50%; } #above-footer ul.product_list_widget li:nth-child(2n+1){ clear: both; } #above-footer ul.product_list_widget li:nth-child(4n+1){ clear: none; } } @media only screen and (max-width: 580px){ #comments{ padding: 15px; } #above-footer ul.product_list_widget li{ float: none; width: 100%; } #above-footer ul.product_list_widget li:nth-child(2n+1){ clear: none; } } @media only screen and (max-width: 480px){ .top-footer{ margin: 0; } .footer{ width: auto; float: none; margin: 0 0 20px !important; } .footer:last-child{ margin: 0 !important; } #bottom-footer{ text-align: center; } #comments{ padding: 10px; } .author-email-url{ margin-left: 0 } .comment-form-author, .comment-form-email, .comment-form-url{ width: auto; margin-left: 0; float: none; } #masthead .top-account, #masthead .top-wishlist, #masthead .top-cart{ margin: 0 0 0 10px; } #grid-loop.layout-2, #grid-loop.layout-3, #grid-loop.layout-4, #main.infinite-grid.layout-2 .infinite-wrap, #main.infinite-grid.layout-3 .infinite-wrap, #main.infinite-grid.layout-4 .infinite-wrap, .woocommerce ul.products.columns-2, .woocommerce-page ul.products.columns-2, .woocommerce ul.products.columns-3, .woocommerce-page ul.products.columns-3, .woocommerce ul.products.columns-4, .woocommerce-page ul.products.columns-4, .woocommerce ul.products.columns-5, .woocommerce-page ul.products.columns-5, .woocommerce ul.products.columns-6, .woocommerce-page ul.products.columns-6, .woocommerce ul.products.columns-7, .woocommerce-page ul.products.columns-7, .woocommerce ul.products.columns-8, .woocommerce-page ul.products.columns-8{ grid-template-columns: 100%; } } /*-------------------------------------------------------------- ## Print CSS --------------------------------------------------------------*/ @media print{ #masthead, #secondary, #colophon, #respond{ display: none; } }