@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
.alignright,
.align-right {
text-align: right;
}
.alignleft,
.align-left {
text-align: left;
}
.aligncenter,
.align-center {
text-align: center;
} *,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
margin: 0;
padding: 0;
border: 0;
line-height: 0;
vertical-align: top;
max-width: 100%;
height: auto;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
background: #493d3b85;
margin:2rem 0
}
.wp-block-table.alignwide{
margin-left:0;
margin-right: 0
}
code,
pre,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
iframe {
display: block;
max-width: 100%;
}
header li,
#main-menu li {
list-style-type: none;
} @media screen and (max-width: 479px) {
html {
font-size: 16px;
}
}
@media screen and (min-width: 480px) and (max-width: 1199px) {
html {
font-size: 16px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
html {
font-size: 1vw;
}
}
@media screen and (min-width: 1920px) {
html {
font-size: 22px;
}
} :root {
--main-color: #ff7b5b;
}
.ease {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
text-rendering: optimizeLegibility;
scroll-behavior: smooth;
color: #F5DDDA;
background: #201A19;
font-family: "Roboto", sans-serif;
line-height: 1.5;
}
ul,
ol {
padding: 0;
}
ul ul,
ul ul ul,
ol ol,
ol ol ol {
margin: 0.5rem 0;
}
ol ol,
ol ol ol {
padding-left: 1rem;
}
ul:not(.fire_list) li {
list-style-type: disc;
margin-bottom: 0.25rem;
margin-left: 1rem;
}
ul li::marker {
color: var(--main-color);
}
.fire_list li::marker, .footer-menu li::marker {
color: transparent
}
ol {
list-style: none;
counter-reset: my-counter;
}
ol li {
counter-increment: my-counter;
margin-bottom: 0.25rem;
}
ol li::before, .fire_list li:before {
content: '';
width: 1.5rem;
height: 1.5rem;
display: inline-block;
}
ol li::before{
content: counter(my-counter) '.';
background: var(--main-color);
color: white;
line-height: 1.5rem;
border-radius: 50%;
text-align: center;
margin-right: 0.5rem;
}
.fire_list li{
position: relative;
padding-left: 2rem;
margin-bottom: 2rem;
}
.tel, .mail{
position: relative;
padding-left: 2.5rem
}
.tel:before, .mail:before{
position: absolute;
left:0;
top:0;
content:"";
width: 1.5rem;
height: 1.5rem
}
.tel:before{
background: url(//pizzakemence.eu/wp-content/themes/pizzakemence2024/img/tel.png) no-repeat center center;
background-size: contain
}
.mail:before{
background: url(//pizzakemence.eu/wp-content/themes/pizzakemence2024/img/mail.png) no-repeat center center;
background-size: contain
}
.fire_list{
margin-left:2rem
}
.fire_list li:before{
position: absolute;
left:0;
top:0.2rem;
background: url(//pizzakemence.eu/wp-content/themes/pizzakemence2024/img/ok.png) no-repeat center center;
background-size: contain
}
.fire_list:not(.fire_icon) li strong{
font-size: larger;
padding-bottom: 1rem;
}
.fire_list.fire_icon li{
padding-left: 1.5rem !important;
margin-bottom: 0.5rem !important;
transition:all 0.2s ease-in-out
}
.fire_list.fire_icon li:hover{
margin-left: 0.5rem
}
.fire_list.fire_icon li a{
color:inherit
}
.fire_list.fire_icon li a:hover{
color: #CB4740
}
.fire_list.fire_icon{
margin-left: 0.5rem
}
.fire_list.fire_icon li:before{
background: url(//pizzakemence.eu/wp-content/themes/pizzakemence2024/img/fire_icon.png) no-repeat center center;
background-size: contain;
width: 1rem;
height: 1rem
}
.fire_list.yellow_fire li{
margin-bottom: 0.25rem
}
.fire_list.yellow_fire li:before{
background: url(//pizzakemence.eu/wp-content/themes/pizzakemence2024/img/fire_icon_yellow.png) no-repeat center center;
background-size: contain;
width: 1rem;
height: 1rem
}
p {
line-height: 1.5;
}
a {
color: var(--main-color);
text-decoration: none;
transition:all 0.2s ease-in-out
}
a:hover {
color:white;
text-decoration: none;
}
h1 {
font-size: 2.5rem;
font-weight: 700;
margin-top: 0;
text-transform: uppercase
}
h2 {
font-size: 1.8rem;
font-weight: bold;
}
h3{
font-size: 1.2rem;
font-weight: bold;
}
h4{
font-size: 1rem;
font-weight: bold;
}
h1,h2{
font-family: "Raleway", sans-serif;
line-height: 1.2;
}
h1 a,
h2 a,
h3 a,
h4 a {
color: inherit;
}
h1+p{
margin-bottom: 3rem;
font-size: larger;
font-weight: bold;
}
blockquote {
background: #eee;
margin-left: 0;
margin-right: 0;
padding: 0.5rem 1.5rem;
overflow: hidden;
border-left: solid 5px var(--main-color);
}
hr {
border: none !important;
height: 3px;
background: #eee;
}
table {
border-spacing: 0;
border: solid 1px #ddd;
}
td,
th {
padding: 0.5rem 1rem;
border: solid 1px #ddd;
}
th {
background: #493d3b;
text-align: left;
}
#logo {
text-align: center;
width: 18rem;
min-width: 120px
}
#logo a {
display: inline-block;
margin: 1rem 0;
}
#logo img {
width: 100%;
height: auto;
}
body:not(.home) main {
padding: 3rem 0 6rem;
}
.post-meta ul {
overflow: hidden;
display: inline-block;
margin: 0 auto;
font-size: smaller;
}
.post-meta ul li {
display: inline-block;
float: left;
margin-right: 20px;
margin-left: 0;
}
.post-tags a,
.tagcloud a {
display: block;
float: left;
padding: 0.15rem 0.25rem;
border: solid 2px transparent;
font-size: small !important;
text-transform: uppercase;
display: inline-block;
margin: 0 5px 5px 0;
cursor: pointer;
background: var(--main-color);
color: #fff;
}
.post-tags a:hover,
.tagcloud a:hover {
background: #000;
}
.light-bg {
background: #eee;
padding-top: 6vw;
padding-bottom: 6vw;
}
footer {
padding: 0.5rem 0;
background: #493d3b;
}
footer a{
color:inherit;
transition:all 0.2s ease-in-out
}
footer a:hover{
color:var(--main-color)
}
#copyright {
padding: 0.75rem 0;
text-align: center;
font-size: smaller;
}
.pagination {
clear: both;
text-align: center;
margin-top: 2rem;
}
.nav-links .current {
color: var(--main-color);
font-weight: bold;
}
.nav-links {
display: inline-block;
border-right: solid 1px #ddd;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
.nav-links a,
.nav-links span {
display: block;
float: left;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
color: inherit;
border-left: solid 1px #ddd;
}
.nav-links a:hover {
background: #eee;
}
#searchform {
position: relative;
width: 100%;
}
#searchform input[type="text"] {
width: 100%;
margin: 0;
}
#searchform button {
border: none;
height: 100%;
width: 30px;
position: absolute;
right: 10px;
background: none;
padding: 0;
border-radius: 0;
}
#searchform svg {
border: none;
height: 60%;
width: 30px;
}
#gotop {
width: 2rem;
height: 2rem;
line-height: 2rem;
background: var(--main-color);
position: fixed;
bottom: 1rem;
right: 1rem;
border-radius: 50%;
box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
padding: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10000;
}
#gotop svg {
width: 1rem;
height: 1rem;
display: block;
}
#gotop svg path {
fill: #fff;
}
.hero{
background: no-repeat;
}
.hero-text{
padding:6rem 0
}
section:not(.hero){
padding:4rem 0
}
img{
border-radius: 10px
}
.home figure{
margin:0 !important;
width: 100%
}
.single-post h3{
color:#ff9900
}
@media screen and (max-width: 479px) {
h1,
h2 {
font-size: 2rem;
}
.single-post figure,  .single-post figure img{
width: 100% !important;
text-align: center
}
.single-post figure{
margin:2rem 0 !important
}
.single-post .wp-block-buttons{
flex-wrap: wrap
}
}
@media screen and (max-width: 767px) {
.wpcf7 form{
padding:1rem !important
}
.icon-box figure {
width: 10% !important
}
.icon-box h3 {
font-size: large
}
section:not(.hero) {
padding: 2rem 0;
}
.hero.gradient:before{
background:linear-gradient(180deg, rgb(32 26 25) 0%, rgb(32 26 25 / 50%) 30%, rgb(32 26 25 / 0%) 50%, rgb(32 26 25 / 55%) 79%, rgb(32 26 25) 100%) !important
}
.hero{
background-position: 65% 0 !important
}
.wp-block-columns{
gap:1rem
}
.about .my_carousel figure{
height: 30vw
}
}
.inside-header.variant{
padding:2rem 0
}
@media screen and (min-width: 768px) {
.oven_description{
padding:1rem
}
.about .my_carousel figure{
height: 10vw
}
.categories {    
max-width: 80%;
}
.gradient.variant{
background-attachment: fixed !important;
}
.subtext{
max-width: 70%
}
.hero-text{
width: 60vw;
padding:6rem 0 6rem 1rem
}
:root {
--ease-in-out: cubic-bezier(0.2, 0, 0.1, 1);
--time: 0.9s;
}
.on, .selection.on:before {
transform: translateX(0) translateY(0) translateZ(0) !important;
opacity: 1 !important;
transition-delay: 0.2s !important;
}
.slidebottom, .wp-block-buttons {
transform: translateY(1rem);
opacity: 0;
transition: transform var(--time) var(--ease-in-out), opacity var(--time) var(--ease-in-out);
}
.slidetop {
transform: translateY(-100px);
opacity: 0;
transition: transform 1.2s var(--ease-in-out), opacity 1.2s var(--ease-in-out);
}
h1, h2 {
transform: translateX(1rem);
opacity: 0;
transition: transform var(--time) var(--ease-in-out), opacity var(--time) var(--ease-in-out);
}
.slideinright {
transform: translateX(5rem);
opacity: 0;
transition: transform var(--time) var(--ease-in-out), opacity var(--time) var(--ease-in-out);
}
.slideinleft, .selection>li {
transform: translateX(-5rem);
opacity: 0;
transition: transform var(--time) var(--ease-in-out), opacity var(--time) var(--ease-in-out);
}
}
.about .wp-block-image img, .about .wp-block-image figure {
height: 100%;
width: 100%;
object-fit: cover;
}
.has-text-align-center {
margin-left: auto;
margin-right:auto;
text-align: center
}
.wp-block-buttons.is-content-justification-center {
display: flex;
justify-content: center;
}
.wp-block-columns{
gap:2rem
}
.gradient{
position: relative
}
.gradient>div{
position: relative;
z-index: 1;
}
.gradient:before{
content:"";
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background: rgb(32,26,25);
background: linear-gradient(180deg, rgb(32 26 25) 0%, rgb(32 26 25 / 10%) 10%, rgb(32 26 25 / 0%) 50%, rgb(32 26 25 / 55%) 79%, rgb(32 26 25) 100%)
}
.gradient.variant{
background: url(//pizzakemence.eu/wp-content/themes/pizzakemence2024/img/pizza-sutes-kemenceben.jpg) no-repeat center center;
background-size:cover;
}
.gradient.variant:before{
background: rgb(32,26,25);
background: linear-gradient(180deg, rgba(32,26,25,1) 0%, rgba(28,17,16,0.6979385504201681) 70%, rgba(32,26,25,1) 100%);
} .border h2{
margin-top:0
} .wp-block-cb-tabs .tab-content{
background: #FBEEEC !important;
color:#241D1B
}
.wp-block-cb-tabs .tab-labels {
background: #493d3a !important;
}
.wp-block-cb-tabs .tab-labels li.active {
background-color: #CB4740!important;} .widget{
background: #493d3b;
padding: 1rem;
border-radius: 10px;
margin-bottom: 1rem
}
.widget .product-card{
margin-bottom: 1rem;
}
.widget .product-card a{
display: flex;
align-items:center
}
.widget .product-card img{
width: 30%
}
.widget .product-card a>p{
display: none
}
.widget .product-card a h3{
text-align: left !important;
font-size: smaller
}
.widget .product-card .product-title{
width: 70%;
padding:1rem 1rem 1rem 0
}
.product-card{
background: #FBEEEC;
border-radius: 5px;
overflow: hidden;
text-align: center;
}
.product-card:hover{
background: white;
}
.product-card:hover img{
transform:scale(1.05)
}
.product-card img{
padding: 1rem
}
.product-card img, .product-card{
transition:all 0.2s ease-in-out
}
.product-card .product-title{
padding:1.5rem 1rem 1rem
}
.product-card a{
color:#241D1B
}
.product-card h3{
margin:0;
text-align: center;
color:#241D1B
}
.product-card .size{
display: block;
}
.my_carousel{
margin-top:3rem
}
.my_carousel .overflow{
border-radius: 20px
}
.my_carousel .product-card{
border-radius: 0
}
.grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.grid > div {
border-radius: 20px;
overflow: hidden;
position: relative
}
.grid .circle {
font-weight: 600;
text-transform: uppercase;
margin:0 0 1rem
}
.grid .circle a {
color: #1b1c1d !important
}
.grid > div:first-of-type > div {
height: 100%
}
.grid > div:first-of-type {
grid-area: 1 / 1 / 3 / 2;
}
.grid > div > div{
height: 100%!important
}
.grid > div figure img, .grid > div figure {
height: 100%;
object-fit: cover;
}
.grid > div:nth-of-type(2) {
grid-area: 1 / 2 / 2 / 3;
}
.grid > div:nth-of-type(3) {
grid-area: 2 / 2 / 3 / 3;
}
.categories {
color: #241D1B;
gap:0;
border-radius: 10px;
overflow: hidden;
margin: 3rem auto;
}
.categories >div{
position: relative
}
.categories .category-type{
position: absolute;
top:2rem;
left: 0;
font-weight: bold;
color:white;
font-size: smaller;
background: #CB4740;
border-radius: 0 5px 5px 0;
padding:0.25rem 0.5rem;
text-align: center
}
.categories .category-content h3{
margin:0;
}
.categories .category-content p{
margin:0
}
.categories .category-content{
padding:1rem
}
#blog img{
aspect-ratio: 1/0.75
}
.icon-box>div{
background: #493d3b;
padding:1rem;
border-radius: 20px;
position: relative
}
.icon-box h3{
margin:0;
color:white
}
.icon-box figure{
width:20%
}
.icon-box p{
margin-bottom: 0
}
.icon-box .wp-block-column{
display: flex;
align-items: center;
justify-content: flex-start;
gap:1rem
}
.fixed-img{
padding:9rem 0 9rem !important
}
.breadcrumb{
margin-bottom: 2rem
}
.wp-block-cb-tabs .tab-labels {
padding:0 !important;
}
.wp-block-cb-tabs .tab-labels li, .wp-block-cb-tabs .tab-labels {
border-radius: 1rem 1rem 0 0!important;
}
.wp-block-cb-tabs .tab-labels li{
padding:0.75rem 1.2rem !important;
transition: all 0.2s ease-in-out;
font-size: larger;
}
.wp-block-cb-tabs .tab-labels li.active{
background: #fbeeec !important;
color:#241b1d !important;
box-shadow: 0 1px 5px rgb(32 26 25);
}
.wp-block-cb-tabs .tab-content {
border-radius: 0 1rem!important;
}
.wp-block-cb-tabs.horizontal .tab-labels{
margin-bottom: 0 !important
}
.wp-block-cb-tabs {
margin: 4rem 0!important
}
.price-box{
margin:2rem 0
}
.price-box strong{
font-size: 1.5rem;
color: #ff9900;
}
.wpcf7 form{
background: #FBEEEC;
border-radius: 10px;
padding:2rem;
color:#201A19
}
@media only screen and (max-width: 768px) {
.tab-labels {
display: inline-flex !important
}
}
.my_masonry .item{
margin-bottom: 1rem
}
.inside-header.variant{
background: url(//pizzakemence.eu/wp-content/themes/pizzakemence2024/img/pizzasutes-kemenceben_faval.jpg) no-repeat right center;
background-size: cover;
margin:0 0 4rem;
background-attachment: unset !important
}
.inside-header .title-box{
padding:3rem 0;
position: relative;
z-index: 1
}
.inside-header h1{
margin-bottom: 0
}
.single-pizzakemencek h2{
margin-top:0 !important
}
.post-content{
padding:1rem 1.5rem 2rem
}
.post-content .button{
margin-top:2rem
}
.category-blog article{
border-radius: 10px;
background: #332e2d;
}
.post-thumbnail img{
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio:1/0.75;
border-radius:10px 10px 0 0 
}
#berelheto img{
aspect-ratio:1/1;
}