/*
Theme Name: MyFive
Theme URI: https://frontendtanfolyam.hu/
Author: FrontendTanfolyam
Author URI: https://frontendtanfolyam.hu/pocsik-emese-frontend-fejleszto/
Description: Basic Block Theme by Emese Pocsik
Tags: one-column, custom-colors, custom-menu
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: myfive
*/
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 1199px) {
body {
font-size: 16px;
}
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body {
margin: 0;
padding: 0;
position: relative;
overflow-x: hidden;
font-feature-settings: "pnum"on, "lnum"on;
text-rendering: optimizeLegibility;
font-optical-sizing: auto;
}
iframe {
margin: 0;
display: block;
}
.wc-block-product {
margin: 0;
list-style-type: none;
}
.ti-widget[data-wkey="feed-instagram"][data-style=custom-style][data-widget-type=social] .ti-widget-card .ti-card-body .ti-card-media {
padding-bottom: 125% !important;
}
.wp-block-cover:has(.wp-block-embed-vimeo) {
position: relative;
}
.wp-block-embed-vimeo.wp-embed-aspect-16-9 {
position: absolute;
top: 0;
z-index: 0;
width: 100%;
}
/* telón kisebb */
.wp-block-site-logo img {
width: 180px !important;
}
.wp-block-search__inside-wrapper {
border-radius: 2rem;
}
.wp-block-search input {
margin-bottom: 0 !important;
background: transparent;
border: none;
box-shadow: none;
border-radius: 2rem;
}
.wp-block-search button {
padding: 0 0.5rem;
background: none;
margin: 0;
}
.wc-block-product {
position: relative;
}
.wc-block-product .taxonomy-product_tag {
position: absolute;
left: 0;
top: 1rem;
z-index: 1;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-self: flex-start;
gap: 0.5rem;
}
.wc-block-product .taxonomy-product_tag a {
font-size: .75rem;
padding: 4px 14px;
text-align: center;
vertical-align: middle;
align-self: flex-start;
text-transform: uppercase;
background: var(--wp--preset--color--primary);
z-index: 1;
color: #fff;
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
z-index: 1;
}
.wc-block-product .wp-block-post-terms__separator {
display: none;
}
li.wc-block-product .wp-block-group {
height: 100%;
}
.product-category-image img {
aspect-ratio: 1 / 1;
object-fit: cover;
max-width: 250px;
}
.woocommerce ul.products li.product {
position: relative;
}
.flashsale {
position: absolute;
top: 10px;
left: 10px;
background-color: #e63946;
color: #fff;
padding: 5px 8px;
font-size: 13px;
font-weight: bold;
border-radius: 4px;
z-index: 10;
margin: 0;
}
.wc-block-components-product-stock-indicator--out-of-stock {
color: red;
}
.single_add_to_cart_button::before {
content: "";
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: text-top;
}
.add_to_cart_button::before {
content: "";
display: inline-block;
width: 1.25rem;
height: 1.25rem;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
margin-right: 10px;
vertical-align: baseline;
}
.woocommerce-ordering {
line-height: 1;
}
.woocommerce-ordering .orderby {
border: none;
background-color: none;
box-shadow: none;
margin: 0;
cursor: pointer;
}