/* Theme Name: Azuma Description: Used to style the block editor. */ .wp-block{ max-width: 1920px; } .editor-post-title__block .editor-post-title__input{ font-family: 'Rajdhani'; } .editor-default-block-appender textarea.editor-default-block-appender__content{ font-family: 'Roboto'; } .editor-styles-wrapper div{ font-family: 'Roboto'; } .editor-styles-wrapper p, .editor-styles-wrapper ul, .editor-styles-wrapper li{ color: #2f3032; font-family: 'Roboto'; font-size: 16px; font-weight: 300; line-height: 1.68; } .editor-styles-wrapper h1, .editor-styles-wrapper h2, .editor-styles-wrapper h3, .editor-styles-wrapper h4, .editor-styles-wrapper h5, .editor-styles-wrapper h6{ color: #2f3032; font-weight: bold; line-height: 1.2; font-family: 'Rajdhani'; margin: 0 0 20px; } .editor-styles-wrapper h1{ font-size: 32px; } .editor-styles-wrapper h2{ font-size: 30px; } .editor-styles-wrapper h3{ font-size: 28px; } .editor-styles-wrapper h4{ font-size: 26px; } .editor-styles-wrapper h5{ font-size: 24px; } .editor-styles-wrapper h6{ font-size: 22px; } .editor-rich-text__tinymce a, .block-editor-rich-text__editable a{ color: #ff7800; text-decoration: none; } .wp-block[data-align="wide"]{ max-width: 100%; } [data-type="core/image"][data-align="wide"] .wp-block-image{ width: 100%; } .wp-block-cover, .wp-block-cover-image{ color: #fff; } .wp-block-button__link{ background-color: #ff7800; border-radius: 2px; padding: .618em 1em; margin: 0 0 1em; font-size: 1rem; transition: all .3s ease; } .wp-block-latest-posts.is-grid{ margin: 0 -5px 10px -5px; display: grid; } .wp-block-latest-posts.is-grid.columns-2{ grid-template-columns: 50% 50%; } .wp-block-latest-posts.is-grid.columns-3{ grid-template-columns: repeat(3,33.333333%); } .wp-block-latest-posts.is-grid.columns-4{ grid-template-columns: repeat(4,25%); } .wp-block-latest-posts.is-grid.columns-5{ grid-template-columns: repeat(5,20%); } .wp-block-latest-posts.is-grid.columns-6{ grid-template-columns: repeat(6,16.666666%); } .wp-block-latest-posts.columns-2 li, .wp-block-latest-posts.columns-3 li, .wp-block-latest-posts.columns-4 li, .wp-block-latest-posts.columns-5 li, .wp-block-latest-posts.columns-6 li{ width: auto; } @media only screen and (max-width: 768px){ .wp-block-latest-posts.is-grid.columns-2, .wp-block-latest-posts.is-grid.columns-3, .wp-block-latest-posts.is-grid.columns-4, .wp-block-latest-posts.is-grid.columns-5, .wp-block-latest-posts.is-grid.columns-6{ grid-template-columns: 50% 50%; } } @media only screen and (max-width: 480px){ .wp-block-latest-posts.is-grid.columns-2, .wp-block-latest-posts.is-grid.columns-3, .wp-block-latest-posts.is-grid.columns-4, .wp-block-latest-posts.is-grid.columns-5, .wp-block-latest-posts.is-grid.columns-6{ grid-template-columns: 100%; } } .wp-block-latest-posts.is-grid li{ margin: 5px; padding: 5px; background: #f9f9f9; display: flex; flex-direction: column; justify-content: space-between; transition: all .3s ease; } .wp-block-latest-posts.is-grid li:hover{ background: #2d364c; color: #fff; transition: all .3s ease; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__featured-image > img{ width: 100%; } .wp-block-latest-posts.is-grid li > a{ font-family: 'Rajdhani'; font-size: 30px; font-weight: bold; text-transform: uppercase; text-decoration: none; margin: 0; padding: 10px; color: #2f3032; transition: all .3s ease; } .wp-block-latest-posts.is-grid li > a > div{ font-family: 'Rajdhani'; } .wp-block-latest-posts.is-grid li:hover > a{ color: #fff; transition: all .3s ease; } .wp-block-latest-posts.is-grid li > a:hover{ text-decoration: none; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-date{ font-size: .8125rem; margin: 0; padding: 0 10px; color: inherit; opacity: .7; } .wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt{ font-size: 1rem; margin: 0; padding: 0 10px 10px; } /*-------------------------------------------------------------- ## WooCommerce --------------------------------------------------------------*/ .wp-block-woocommerce-attribute-filter, .wp-block-woocommerce-price-filter{ background: #f9f9f9; padding: 1em 1.5em .25em 1.5em; } .wp-block-woocommerce-active-filters > h5{ background: #f9f9f9; padding: 1rem 1.5rem 1.25em 1.5rem; margin: 0; } .wp-block-woocommerce-active-filters > div{ background: #f9f9f9; padding: 0 1.5em 0 1.5em; } .wp-block-woocommerce-active-filters > div:last-child{ background: #f9f9f9; padding-bottom: .25em; } .wc-block-attribute-filter .wc-block-attribute-filter-list li{ text-decoration: none; } .wc-block-active-filters .wc-block-active-filters__clear-all{ color: inherit; } .wc-block-price-filter .wc-block-price-filter__range-input-wrapper .wc-block-price-filter__range-input-progress, .rtl .wc-block-price-filter .wc-block-price-filter__range-input-wrapper .wc-block-price-filter__range-input-progress{ --range-color: #ff7800; } .wc-block-price-filter .wc-block-price-filter__range-input-wrapper input[type="range"]:focus{ border: none; } .wc-block-price-filter .wc-block-price-filter__range-input::-webkit-slider-thumb{ background-image: none; background-color: #ff7800; width: 21px; border-radius: 50%; } .wc-block-price-filter .wc-block-price-filter__range-input::-moz-range-thumb{ background-image: none; background-color: #ff7800; width: 21px; border-radius: 50%; } .wc-block-price-filter .wc-block-price-filter__range-input::-webkit-slider-thumb{ background-image: none; background-color: #ff7800; width: 21px; border-radius: 50%; } .wc-block-price-filter .wc-block-price-filter__range-input::-moz-range-thumb{ background-image: none; background-color: #ff7800; width: 21px; border-radius: 50%; } .wc-block-price-filter .wc-block-price-filter__controls .wc-block-price-filter__amount{ border-radius: 0; } .wc-block-featured-product, .wc-block-featured-category{ overflow: hidden; } @media only screen and (min-width: 600px){ .wp-block-column > div.equal-height, .wp-block-cover.equal-height, .wp-block-cover-image.equal-height, .wc-block-featured-product.equal-height, .wc-block-featured-category.equal-height{ min-height: auto !important; height: calc(100% - 1em); } .wp-block-column > div.equal-height-2, .wp-block-cover.equal-height-2, .wp-block-cover-image.equal-height-2, .wc-block-featured-product.equal-height-2, .wc-block-featured-category.equal-height-2{ min-height: auto !important; height: calc(50% - 1em); } .wp-block-column > div.equal-height-3, .wp-block-cover.equal-height-3, .wp-block-cover-image.equal-height-3, .wc-block-featured-product.equal-height-3, .wc-block-featured-category.equal-height-3{ min-height: auto !important; height: calc(33.333% - 1em); } .wp-block-column > div.equal-height-4, .wp-block-cover.equal-height-4, .wp-block-cover-image.equal-height-4, .wc-block-featured-product.equal-height-4, .wc-block-featured-category.equal-height-4{ min-height: auto !important; height: calc(25% - 1em); } } .wc-block-featured-product .wc-block-featured-product__variation{ font-size: 1.125em; } .wc-block-featured-product .wc-block-featured-product__price{ font-size: 20px; } .wc-block-featured-product .wc-block-featured-product__description p{ color: #fff; } .wc-block-grid .wc-block-grid__products, .wc-block-grid__products{ margin: 0 -5px 10px -5px; display: grid; } .wc-block-grid.has-1-columns .wc-block-grid__products{ grid-template-columns: 100%; } .wc-block-grid.has-2-columns .wc-block-grid__products{ grid-template-columns: 50% 50%; } .wc-block-grid.has-3-columns .wc-block-grid__products{ grid-template-columns: repeat(3,33.333333%); } .wc-block-grid.has-4-columns .wc-block-grid__products{ grid-template-columns: repeat(4,25%); } .wc-block-grid.has-5-columns .wc-block-grid__products{ grid-template-columns: repeat(5,20%); } .wc-block-grid.has-6-columns .wc-block-grid__products{ grid-template-columns: repeat(6,16.666666%); } .wc-block-grid.has-7-columns .wc-block-grid__products{ grid-template-columns: repeat(7,14.285714%); } .wc-block-grid.has-8-columns .wc-block-grid__products{ grid-template-columns: repeat(8,12.5%); } @media only screen and (max-width: 768px){ .wc-block-grid.has-3-columns .wc-block-grid__products, .wc-block-grid.has-4-columns .wc-block-grid__products, .wc-block-grid.has-5-columns .wc-block-grid__products, .wc-block-grid.has-6-columns .wc-block-grid__products, .wc-block-grid.has-7-columns .wc-block-grid__products, .wc-block-grid.has-8-columns .wc-block-grid__products{ display: grid; grid-template-columns: 50% 50%; } } @media only screen and (max-width: 480px){ .wc-block-grid.has-2-columns .wc-block-grid__products, .wc-block-grid.has-3-columns .wc-block-grid__products, .wc-block-grid.has-4-columns .wc-block-grid__products, .wc-block-grid.has-5-columns .wc-block-grid__products, .wc-block-grid.has-6-columns .wc-block-grid__products, .wc-block-grid.has-7-columns .wc-block-grid__products, .wc-block-grid.has-8-columns .wc-block-grid__products{ display: grid; grid-template-columns: 100%; } } .wc-block-grid.has-2-columns .wc-block-grid__product, .wc-block-grid.has-3-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-6-columns .wc-block-grid__product, .wc-block-grid.has-7-columns .wc-block-grid__product, .wc-block-grid.has-8-columns .wc-block-grid__product{ max-width: 100%; } .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-5-columns:not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-6-columns:not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-7-columns .wc-block-grid__product, .wc-block-grid.has-8-columns .wc-block-grid__product{ font-size: 1em; } .wc-block-grid__product{ background: #f9f9f9; margin: 5px !important; padding: 5px !important; transition: all .3s ease; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; border-left: none; border-right: none; border-bottom: none; overflow: hidden; } .wc-block-grid__product:hover{ background: #2d364c; color: #fff; } .wc-block-grid__product a, .wc-block-grid__product a:hover{ text-decoration: none; } .wc-block-grid__product .wc-block-grid__product-image{ margin: 0; } .wc-block-grid__product .wc-block-grid__product-image img{ width: 100%; } .wc-block-grid__product .wc-block-grid__product-title{ padding: 0 10px 0 10px; margin: 1em 0 0 0; font-size: 24px; font-weight: 700; font-family: 'Rajdhani'; text-transform: uppercase; color: #2f3032; } .wc-block-grid__product:hover .wc-block-grid__product-title{ color: #fff; } .wc-block-grid__product .wc-block-grid__product-price{ padding: 0 10px 0 10px; margin: .5em 0; font-size: 20px; font-weight: 400; } .wc-block-featured-product .wc-block-featured-product__price del .wc-block-grid__product .wc-block-grid__product-price del{ opacity: .5; } .wc-block-featured-product .wc-block-featured-product__price ins, .wc-block-grid__product .wc-block-grid__product-price ins{ background: 0 0; font-weight: 700; } .editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale, .wc-block-grid__product-onsale{ position: absolute; border: none; margin: 0; border-radius: 0; background-color: #ff7800; font-weight: normal; text-align: center; color: #fff; min-height: 20px; line-height: 19px; left: -28px; text-transform: uppercase; top: 25px; width: 130px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 9; } .wc-block-grid__product .wp-block-button__link{ text-transform: uppercase; } .wc-block-grid__product .wc-block-grid__product-add-to-cart{ margin-bottom: 1em; } .wc-block-grid__product .wc-block-grid__product-add-to-cart a.add_to_cart_button.added{ display: none; } .wc-block-grid__product .wc-block-grid__product-add-to-cart a.added_to_cart{ background: #2d364c; color: #fff; padding: .5em 1em; border: 0; border-radius: 0; line-height: 1.6; height: auto; transition: all .3s ease; } .wc-block-grid__product-rating .star-rating{ font-size: .857em; } .wc-block-grid__product-rating .star-rating span::before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span::before{ color: #ff7800; }