@charset "UTF-8";

:root {
--color-primary: #c3a433;
}
:root {
--page-width: 1280px;
}
* {
box-sizing: border-box;
}
body {
background-color: #ffffff;
font-family: "Poppins", sans-serif;
color: #000000;
line-height: 1.5;
font-size: 1rem;
}
body, html {
margin: 0;
padding: 0;
min-height: 100%;
position: relative;
}
h1 {
font-size: 2.8rem;
}
h2 {
font-size: 2.2rem;
}
h3 {
font-size: 1.8rem;
}
a, a:link {
color: #b9911d;
text-decoration: none;
}
a:visited {
color: #9d8338;
}
section,
body .content-wrapper > article {
width: var(--page-width);
max-width: 100%;
margin: 0 auto;
}
section.drive-heti-xls {
width: 1520px;
}
.content-wrapper {
position: relative;
z-index: 1;
padding: 20px 0;
}
.text-header-sans {
font-family: "Bodoni Moda", serif;
}
.menu > ul,
ul.menu {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
gap: 0;
}
.menu > ul > li.menu-item-has-children,
ul.menu > li.menu-item-has-children {
padding-right: 15px !important;
}
.menu > ul > li.menu-item-has-children:before,
ul.menu > li.menu-item-has-children:before {
font-family: "Material Symbols Outlined";
font-weight: normal;
font-style: normal;
font-size: 18px; display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
content: "\e313";
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
}
.menu > ul li,
ul.menu li {
position: relative;
}
.menu > ul .sub-menu,
ul.menu .sub-menu {
position: absolute;
background-color: #4d4d4d;
list-style: none;
margin: 0;
padding: 0;
width: 200px;
display: none;
z-index: 999;
left: 50%;
top: 90%;
transform: translateX(-50%);
border-radius: 5px;
box-shadow: 0 30px 120px -30px black;
}
.menu > ul .sub-menu:before,
ul.menu .sub-menu:before {
position: absolute;
content: "";
border-style: solid;
background-color: black;
border-width: 10px;
border-color: transparent transparent #4d4d4d transparent;
background: transparent;
top: -20px;
pointer-events: none;
left: 50%;
transform: translateX(-50%);
}
.menu > ul .sub-menu > li a,
ul.menu .sub-menu > li a {
display: block;
padding: 15px;
color: white !important;
text-transform: uppercase;
font-weight: 300;
font-size: 0.84rem !important;
line-height: 1.2;
}
.menu > ul .sub-menu > li:hover a,
ul.menu .sub-menu > li:hover a {
background-color: #3f3f3f !important;
}
.menu > ul .sub-menu > li:last-child a,
ul.menu .sub-menu > li:last-child a {
border-radius: 0 0 5px 5px !important;
}
.menu > ul .sub-menu > li:first-child a,
ul.menu .sub-menu > li:first-child a {
border-radius: 5px 5px 0 0 !important;
}
.menu > ul > li:hover > .sub-menu,
ul.menu > li:hover > .sub-menu {
display: block;
}
.nomargin {
margin: 0 !important;
}
body.home .content-wrapper {
padding: 0;
}
body.home .wp-block-group__inner-container > h2.wp-block-heading {
font-weight: normal !important;
font-size: 1.8rem !important;
}
.ajandekutalvany-block {
margin-top: 85px;
position: relative;
}
.ajandekutalvany-block .info-block-holder.type-of-ajandekutalvany {
position: absolute;
left: 50%;
top: -65px;
transform: translateX(-50%);
}
.section-title {
font-size: 1.8rem !important;
font-weight: normal !important;
text-transform: uppercase !important;
text-align: center !important;
}
.apr1_1 {
aspect-ratio: 1/1;
}
.img_apr4_3 {
aspect-ratio: 4/3;
position: relative;
overflow: hidden;
}
.img_apr4_3 img {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
max-height: 100%;
height: 100%;
width: auto;
max-width: initial;
}
.boritokep {
height: 500px;
position: relative;
overflow: hidden;
}
.boritokep img {
position: absolute;
width: auto;
max-width: initial;
height: 100%;
max-height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.boritokep .main-title {
padding: 25px;
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
text-align: center;
color: white;
transform: translate(-50%, -50%);
text-shadow: 3px 3px 8px black;
text-transform: uppercase;
}
.boritokep .main-title h1 {
font-weight: 300 !important;
}
.img_apr16_9 {
aspect-ratio: 16/9;
position: relative;
overflow: hidden;
}
.img_apr16_9 img {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
max-height: 100%;
height: 100%;
width: auto;
max-width: initial;
}
.breadcrumb {
margin: 12px 0;
position: sticky;
top: 0;
}
.breadcrumb ol {
list-style: none;
display: flex;
gap: 10px;
align-items: center;
font-size: 0.62rem;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.breadcrumb ol a, .breadcrumb ol a:visited {
color: black !important;
}
.breadcrumb ol li {
padding: 5px;
position: relative;
}
.breadcrumb ol li:after {
content: "/";
position: absolute;
right: -8px;
top: 5px;
pointer-events: none;
color: #dfdfdf;
}
.breadcrumb ol li:last-child {
font-weight: bold;
}
.breadcrumb ol li:last-child:after {
display: none;
}
.breadcrumb.yoast {
font-size: 0.62rem;
text-transform: uppercase;
}
.breadcrumb.yoast > span {
pointer-events: none;
color: #dfdfdf;
font-weight: normal;
}
.breadcrumb.yoast > span > span {
color: black !important;
margin: 0 5px;
}
.breadcrumb.yoast a {
color: black !important;
pointer-events: initial !important;
}
.divider {
margin: 15px 0;
background-color: #eaeaea;
color: #eaeaea;
border: 1px solid;
border-left: none;
border-right: none;
}
.standalone-aktualis-block h3 {
text-align: center;
font-weight: 500;
text-transform: uppercase;
font-size: 1.8rem;
}
body.archive .content-wrapper,
body.single .content-wrapper,
body.page .content-wrapper {
padding: 0 0 25px 0;
}
body.archive .content-wrapper > .header h1,
body.single .content-wrapper > .header h1,
body.page .content-wrapper > .header h1 {
margin: 0;
}
body.archive .content-wrapper > .header .desc,
body.single .content-wrapper > .header .desc,
body.page .content-wrapper > .header .desc {
font-size: 1.1rem;
}
.borito-panel {
margin-top: -120px;
position: relative;
z-index: 10;
padding: 25px;
}
.posts {
display: flex;
flex-wrap: wrap;
font-weight: bold;
margin: 25px -15px;
}
.posts > article {
flex-basis: 33.3333333333%;
padding: 15px;
}
.posts > article > .wrap .image {
aspect-ratio: 16/9;
overflow: hidden;
}
.posts > article > .wrap .image a {
display: block;
height: 100%;
}
.posts > article > .wrap .image img {
max-width: 100%;
height: auto !important;
transition: transform 0.3s;
transform-origin: center;
}
.posts > article > .wrap .datas {
padding: 20px 0;
}
.posts > article > .wrap .datas .title {
margin-bottom: 12px;
height: 52px;
overflow: hidden;
}
.posts > article > .wrap .datas .title a {
color: black;
text-transform: uppercase;
text-decoration: none;
font-size: 1.3rem;
line-height: 1.2;
font-weight: 500;
}
.posts > article > .wrap .datas .title a:hover {
color: var(--color-primary);
}
.posts > article > .wrap .datas .abs {
font-size: 0.85rem;
line-height: 1.5;
font-weight: normal;
}
.posts > article > .wrap:hover .image img {
transform: scale(1.1);
}
.button {
background-color: black;
color: white !important;
text-transform: uppercase;
text-decoration: none;
padding: 8px 12px;
}
a.ajanlat {
background-color: black;
color: white !important;
text-transform: uppercase;
text-decoration: none;
padding: 8px 12px;
display: inline-block;
margin: 5px 0;
padding: 8px 25px;
font-weight: bold;
font-size: 0.9rem;
}
.simple-ajandekutalvany-block {
width: 1024px !important;
margin: 25px auto;
}
.simple-ajandekutalvany-block .info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap {
width: 100% !important;
}
.szallas-tipusok {
padding: 15px;
}
.gyogyviz-block {
margin: 40px auto;
position: relative;
}
section.no-items {
text-align: center;
font-size: 1.1rem;
padding: 5rem 15px;
}
section.no-items .image {
margin: 0 0 12px 0;
}
section.no-items .image img {
max-width: 100%;
height: auto;
}
section.no-items .title {
font-weight: bold;
color: black;
text-transform: uppercase;
font-size: 1.3rem;
margin: 0 0 15px 0;
}
section.no-items .desc {
font-size: 0.9rem;
color: #636363;
}
.fooldal-elovalaszto {
margin: -55px auto 0 auto;
z-index: 100;
position: relative;
width: 980px;
max-width: 100%;
}
.glide__bullets {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 20px 0;
--size: 16px;
}
.glide__bullets .glide__bullet {
width: var(--size);
height: var(--size);
background-color: transparent;
border-radius: 50%;
border: 1px solid black;
padding: 0;
cursor: pointer;
}
.glide__bullets .glide__bullet.glide__bullet--active {
background-color: black;
}
#szallas-gallery {
display: table;
table-layout: fixed;
width: 100%;
}
#szallas-gallery .glide__slide {
aspect-ratio: 4/3;
}
#szallas-gallery .glide__slide a {
display: block;
}
#szallas-gallery .glide__slide img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 1300px) {
.etterem-osszefoglalo-holder .container > .heti-menu {
padding: 0 15px !important;
}
.rnw-elovalaszto-holder {
padding: 2rem !important;
}
.boritokep {
height: 420px !important;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header {
padding: 15px !important;
}
.content-wrapper section.wp-block-group {
padding: 0 15px !important;
}
body.archive .header .title, body.archive .header .desc {
padding: 0 15px;
}
.posts {
padding: 15px;
}
}
@media screen and (max-width: 1000px) {
.mobile-h-margin-m-15 {
margin: 0 -15px;
}
.mobile-v-margin-m-15 {
margin: -15px 0;
}
.mobile-vh-margin-m-15 {
margin: -15px;
}
.hide-on-mobile {
display: none !important;
}
body.archive .content-wrapper,
body.single .content-wrapper,
body.page .content-wrapper {
padding: 0 15px 25px 15px;
}
body.home .content-wrapper {
padding: 0 !important;
}
.boritokep {
height: 380px;
margin: 0 -15px;
}
body.page:not(.home, .page-template-etterem) .content-wrapper:not(.has-borito),
body.category .content-wrapper:not(.has-borito) {
padding-top: 100px !important;
}
.posts > article {
flex-basis: 50%;
}
}
@media screen and (max-width: 480px) {
.boritokep {
height: 280px;
}
.posts > article {
flex-basis: 100%;
}
body.page:not(.home, .page-template-etterem) .content-wrapper:not(.has-borito),
body.category .content-wrapper:not(.has-borito) {
padding-top: 65px !important;
}
.breadcrumb ol {
font-size: 0.5rem;
}
h1 {
font-size: 2rem !important;
}
h3 {
font-size: 1.6rem !important;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header .info-title .desc {
font-size: 1rem !important;
}
body.home h3 {
font-size: 1.3rem !important;
}
.borito-panel {
margin-top: -65px;
padding: 5px;
}
}
@media screen and (max-width: 360px) {
.boritokep {
height: 220px;
}
}
header {
position: sticky;
top: 0;
z-index: 1000;
background-color: white;
}
header > .wrapper {
display: flex;
align-items: flex-start;
}
header > .wrapper > .logo {
flex-basis: 300px;
position: relative;
}
header > .wrapper > .logo a {
display: block;
background-color: black;
position: absolute;
aspect-ratio: 1/1;
padding: 10px 20px;
width: 100%;
border-radius: 0 0 3px 3px;
}
header > .wrapper > .logo a img {
width: 80%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
header > .wrapper > .left,
header > .wrapper > .right {
flex-basis: calc(100% - 150px);
}
header > .wrapper > .left .top-bar {
text-transform: uppercase;
justify-content: flex-end;
line-height: 50px;
height: 80px;
}
header > .wrapper > .left .bottom-bar .menu, header > .wrapper > .left .bottom-bar ul.menu {
justify-content: flex-end;
}
header > .wrapper > .right .top-bar {
font-size: 0.65rem;
height: 80px;
}
header > .wrapper > .right .top-bar .lab img {
margin-right: 5px;
}
header > .wrapper > .right .top-bar .val {
margin-top: 5px;
font-size: 0.74rem;
}
header > .wrapper > .right .bottom-bar .menu ul {
justify-content: flex-start;
}
header .top-bar {
padding: 15px;
}
header .top-bar {
background-color: #000000;
color: white;
display: flex;
gap: 15px;
align-items: center;
font-size: 0.7rem;
}
header .top-bar a, header .top-bar a:visited {
color: white;
text-decoration: none;
font-weight: bold;
}
header .top-bar img {
height: 13px !important;
width: auto !important;
vertical-align: middle;
margin: 0 3px;
}
header .top-bar img[src*=down] {
height: 8px !important;
width: auto !important;
}
header .top-bar .spacer {
flex: 1;
}
header .bottom-bar {
color: black;
border-bottom: 1px solid #f0f0f0;
padding: 0 10px;
}
header .bottom-bar .menu {
font-size: 0.85rem;
}
header .bottom-bar .menu > li > a {
display: block;
color: black;
padding: 15px 5px;
font-weight: 400;
text-transform: uppercase;
}
header .bottom-bar .menu > li:hover > a {
color: #c79a29;
}
header a.foglalas {
background: linear-gradient(28deg, rgb(255, 248, 147) 0%, rgb(173, 134, 35) 62%);
color: white;
display: block;
text-transform: uppercase;
font-size: 1rem;
padding: 5px 12px;
line-height: 1.3;
font-weight: 300;
}
header .mobile {
display: none !important;
}
.menu-toggler {
flex-basis: 55px;
position: relative;
--tgl-size: 40px;
--span-size: 2px;
}
.menu-toggler .tgl-btn {
display: block;
width: var(--tgl-size);
height: var(--tgl-size);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.menu-toggler .tgl-btn > span {
display: block;
position: relative;
height: var(--span-size);
background: #fff no-repeat 50%;
background-size: 100% 100%;
margin-top: calc((var(--tgl-size) - var(--span-size)) / 2);
margin-bottom: calc((var(--tgl-size) - var(--span-size)) / 2);
border-radius: var(--span-size);
transition: background 0.2s linear 0.2s;
}
.menu-toggler .tgl-btn > span:before, .menu-toggler .tgl-btn > span:after {
content: "";
display: block;
position: absolute;
top: -8px;
right: 0;
width: 100%;
height: 100%;
background: #fff no-repeat 50%;
background-size: 100% 100%;
border-radius: var(--span-size);
transform-origin: center center;
transition: top 0.2s linear 0.2s, left 0.2s linear 0.2s, transform 0.2s linear, background 0.2s linear;
}
.menu-toggler .tgl-btn > span:before {
width: 80% !important;
}
.menu-toggler .tgl-btn > span:after {
top: 8px;
width: 50%;
}
.menu-toggler .tgl-btn.opened > span {
background-color: transparent;
}
.menu-toggler .tgl-btn.opened > span:before {
width: 100% !important;
transform: rotate(-45deg);
top: 0;
}
.menu-toggler .tgl-btn.opened > span:after {
width: 100% !important;
transform: rotate(45deg);
top: 0px;
}
header > .wrapper {
position: relative;
z-index: 10;
}
body.mobile-nav {
overflow: hidden;
height: 100%;
}
.mobile-menu {
display: none;
position: fixed;
z-index: 5;
background: rgb(40, 40, 40);
width: 100%;
height: 100%;
top: 50px;
left: 0;
}
.mobile-menu::before {
content: "";
pointer-events: none;
height: 80px;
width: 100%;
position: absolute;
z-index: 10;
left: 0;
top: 70px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.mobile-menu.opened {
display: block;
}
.mobile-menu .mobile-menu-container {
position: relative;
overflow-y: auto;
overflow-x: hidden;
box-shadow: inset 0 32px 36px -14px black;    }
.mobile-menu .mobile-menu-container::-webkit-scrollbar {
width: 10px;
}
.mobile-menu .mobile-menu-container::-webkit-scrollbar-track {
background: #000;
}
.mobile-menu .mobile-menu-container::-webkit-scrollbar-thumb {
background: var(--color-primary);
border-radius: 3px;
}
.mobile-menu .mobile-menu-container::-webkit-scrollbar-thumb:hover {
background: var(--color-primary);
}
.mobile-menu > .contacts {
background-color: #333333;
height: 70px;
display: flex;
}
.mobile-menu > .contacts > .left {
flex-basis: 120px;
}
.mobile-menu > .contacts > .contacts {
flex: 1;
display: flex;
gap: 25px;
color: white;
font-size: 1.1rem;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.mobile-menu > .contacts > .contacts > div.phone {
text-align: center;
}
.mobile-menu > .contacts > .contacts > div > .lab {
flex-basis: 25%;
font-weight: 300;
font-size: 0.8rem;
text-transform: uppercase;
color: grey;
margin-bottom: 5px;
}
.mobile-menu .shortcuts {
display: flex;
flex-wrap: wrap;
padding: 25px 0 0 0;
margin: -1px;
background-color: #000;
}
.mobile-menu .shortcuts > div {
flex-basis: 50%;
background-color: #333;
padding: 0.5px;
}
.mobile-menu .shortcuts > div a {
display: block;
padding: 4vw 15px !important;
text-transform: uppercase;
font-weight: 300;
background-color: rgba(0, 0, 0, 0.9);
position: relative;
height: 100%;
font-size: 2.2vw;
}
.mobile-menu .shortcuts > div a img:not(.arrow) {
margin-right: 10px;
}
.mobile-menu .shortcuts > div a img.arrow {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
opacity: 0.3;
pointer-events: none;
}
.mobile-menu .shortcuts > div a:hover, .mobile-menu .shortcuts > div a:focus {
background-color: var(--color-primary);
}
.mobile-menu .shortcuts > div:nth-child(1),
.mobile-menu .shortcuts > div:nth-child(2) {
padding-top: 0 !important;
}
.mobile-menu .shortcuts > div:nth-child(3),
.mobile-menu .shortcuts > div:nth-child(4) {
padding-bottom: 0 !important;
}
.mobile-menu .menus {
padding: 15px;
}
.mobile-menu .menus > div > ul {
flex-wrap: wrap;
}
.mobile-menu .menus > div > ul > li {
flex-basis: 100%;
}
.mobile-menu .menus > div > ul > li > a {
text-transform: uppercase;
font-size: 4vw;
line-height: 1;
padding: 15px;
display: block;
}
.mobile-menu .menus > div > ul > li > a:hover {
color: var(--color-primary);
}
.mobile-menu .menus > div > ul > li .sub-menu {
display: none;
position: relative;
left: initial;
transform: none;
top: initial;
width: 100%;
background: transparent;
box-shadow: none;
margin-left: 27px;
border-left: 1px solid #454545;
border-radius: 0;
}
.mobile-menu .menus > div > ul > li .sub-menu a {
font-size: 2.8vw;
}
.mobile-menu .menus > div > ul > li .sub-menu a:hover {
color: var(--color-primary);
}
.mobile-menu .menus > div > ul > li .sub-menu:before {
display: none;
}
.mobile-menu .menus > div > ul > li:hover > .sub-menu {
display: block;
}
.mobile-menu .menus > div > ul > li.menu-item-has-children {
position: relative;
}
.mobile-menu .menus > div > ul > li.menu-item-has-children:before {
color: white !important;
top: 11px;
font-size: 2rem;
right: -11px;
transform: rotate(-90deg);
pointer-events: none;
}
.mobile-menu .menus > div + div {
margin-top: 15px;
}
@media screen and (max-width: 1300px) {
header .bottom-bar .menu {
font-size: 0.72rem !important;
}
header .top-bar {
font-size: 0.65rem !important;
}
header a.foglalas {
font-size: 0.75rem;
padding: 5px 8px;
}
header .top-bar img[src*=down] {
height: 6px !important;
opacity: 0.8 !important;
}
}
@media screen and (max-width: 1000px) {
header {
position: sticky;
top: 0;
}
header a {
color: white !important;
}
header > .wrapper > .left .top-bar,
header > .wrapper > .right .top-bar,
header .bottom-bar {
display: none !important;
}
header > .wrapper {
background-color: #000000;
color: white !important;
}
header .mobile {
display: flex !important;
gap: 25px;
}
header .mobile .spacer {
flex: 1;
}
header {
--logo-size: 150px;
}
header > .wrapper > .logo {
flex-basis: var(--logo-size);
}
header > .wrapper > .left {
flex-basis: 15px;
}
header > .wrapper > .right {
flex-basis: calc(100% - var(--logo-size) + 15px);
}
}
@media screen and (max-width: 480px) {
.mobile-menu > .contacts > .contacts > div > .lab {
font-size: 0.6rem;
}
.mobile-menu > .contacts > .contacts > div > .val {
font-size: 0.8rem;
}
.mobile-menu .shortcuts > div a {
padding: 12px 14px 8px 12px;
font-size: 0.65rem;
}
.mobile-menu .shortcuts > div a img:not(.arrow) {
width: 12px;
margin-right: 5px;
vertical-align: middle;
}
.mobile-menu .shortcuts > div a img.arrow {
right: 0;
width: 12px;
}
.mobile-menu .menus > div > ul > li > a {
font-size: 6vw;
}
}
@media screen and (max-width: 380px) {
header {
--logo-size: 120px;
}
header > .wrapper > .left {
flex-basis: 5px;
}
.mobile-menu > .contacts {
height: 55px;
}
.mobile-menu > .contacts > .contacts > div > .lab img {
display: none !important;
color: #555;
}
.mobile-menu > .contacts > .contacts > div > .val {
font-size: 3.4vw;
}
.mobile-menu::before {
top: 55px;
}
}
.ajandekutalvany-block {
position: relative;
}
.ajandekutalvany-block .wp-block-heading {
color: white !important;
position: absolute;
padding: 20px;
left: 50%;
top: 20%;
transform: translateX(-50%);
font-size: 2rem !important;
}
.slide-holder {
background-color: grey;
}
.slide-holder .glide__slide {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.slide-holder .slide-holder,
.slide-holder .slide-holder .glide,
.slide-holder .glide__track,
.slide-holder .glide__slide {
aspect-ratio: 21/9;
}
@media screen and (max-width: 1300px) {
.slide-holder .slide-holder, .slide-holder .slide-holder .glide, .slide-holder .glide__track, .slide-holder .glide__slide {
aspect-ratio: 21/7 !important;
}
}
@media screen and (max-width: 480px) {
.slide-holder .slide-holder,
.slide-holder .slide-holder .glide,
.slide-holder .glide__track,
.slide-holder .glide__slide {
aspect-ratio: 4/3 !important;
}
}
.rolunk-mondtak {
padding: 25px 0;
}
.rolunk-mondtak .glide__slides {
white-space: wrap !important;
}
.rolunk-mondtak .velemeny {
padding: 25px;
position: relative;
}
.rolunk-mondtak .velemeny:before {
content: "”";
position: absolute;
left: 22px;
top: -6px;
font-size: 58px;
line-height: 1;
font-family: serif;
font-weight: bold;
color: #b1b1b1;
pointer-events: none;
}
.rolunk-mondtak .velemeny .content {
font-size: 0.92rem;
line-height: 1.8;
text-align: left;
margin-bottom: 12px;
white-space: normal !important;
}
.rolunk-mondtak .velemeny .content p {
line-height: 1.8;
white-space: normal !important;
font-size: 0.92rem;
}
.rolunk-mondtak .velemeny .author {
font-weight: bold;
color: #b1b1b1;
}
.magunkrol {
padding: 25px 0;
}
.magunkrol .title {
text-align: center;
margin-bottom: 45px;
}
.magunkrol > .wrapper {
display: flex;
width: 100%;
}
.magunkrol > .wrapper > div {
flex-basis: 50%;
aspect-ratio: 21/9;
}
.magunkrol > .wrapper > div.image-view {
padding-right: 15px;
}
.magunkrol > .wrapper > div.image-view .img-wrapper {
aspect-ratio: 21/9;
background-color: #ededed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.magunkrol > .wrapper > div.rolunk {
font-size: 0.85rem;
padding: 0 15px;
line-height: 1.5;
overflow: hidden;
position: relative;
}
.magunkrol > .wrapper > div.rolunk h1, .magunkrol > .wrapper > div.rolunk h2, .magunkrol > .wrapper > div.rolunk h3, .magunkrol > .wrapper > div.rolunk h4, .magunkrol > .wrapper > div.rolunk h5 {
margin: 0 0 8px 0;
font-weight: 400 !important;
text-transform: uppercase;
font-size: 1.85rem !important;
}
.magunkrol > .wrapper > div.rolunk h3 {
font-size: 1.4rem;
}
.magunkrol > .wrapper > div.rolunk.opened {
overflow: initial;
}
.magunkrol > .wrapper > div.rolunk.opened:after {
display: none;
}
.magunkrol > .wrapper > div.rolunk.opened .toggler {
bottom: -18px;
}
@media screen and (max-width: 1000px) {
.magunkrol > .wrapper {
flex-wrap: wrap;
}
.magunkrol > .wrapper > div {
flex-basis: 100%;
padding: 0 !important;
}
.magunkrol > .wrapper .rolunk {
padding: 15px !important;
aspect-ratio: initial;
}
.magunkrol > .wrapper .rolunk .text {
font-size: 2.2vw;
line-height: 1.35;
height: auto;
overflow: initial;
}
}
@media screen and (max-width: 480px) {
.magunkrol > .wrapper .rolunk .text {
font-size: 4vw;
line-height: 1.4;
}
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany {
background: linear-gradient(10deg, rgb(255, 255, 0) 0%, rgb(255, 221, 113) 0%, rgb(163, 142, 76) 43%, rgb(76, 74, 47) 100%);
padding: 5px;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap {
background-color: black;
color: white;
width: 1024px;
max-width: 100%;
margin: 0 auto;
display: flex;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap > .title {
display: flex;
gap: 15px;
align-items: center;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap > .title .title {
text-transform: uppercase;
font-family: "Bodoni Moda", serif;
font-weight: bold;
font-size: 1.3rem;
color: #c1b969;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap > .title .ico {
vertical-align: middle;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .desc {
font-size: 0.8rem;
color: rgba(255, 255, 255, 0.94);
line-height: 1.3;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .act a {
background: linear-gradient(28deg, rgb(255, 248, 147) 0%, rgb(173, 134, 35) 62%);
color: white;
display: block;
text-transform: uppercase;
font-size: 1rem;
padding: 10px 12px;
line-height: 1.3;
font-weight: bold;
text-align: center;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap > div {
border-right: 1px dashed white;
padding: 30px 25px;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap > div:last-child {
border-right: none;
}
.info-block-holder.type-of-gyogyviz .gyogyviz {
width: 1024px;
max-width: 100%;
margin: 0 auto;
background-color: white;
border: 1px solid black;
color: black;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap {
display: flex;
padding: 25px 0;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap > .title {
display: flex;
gap: 15px;
align-items: center;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap > .title .title {
text-transform: uppercase;
font-family: "Bodoni Moda", serif;
font-weight: bold;
font-size: 1.45rem;
color: #000;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap > .title .ico {
vertical-align: middle;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .medence {
text-align: center;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .medence .amount {
font-weight: bold;
font-size: 1.8rem;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .medence .text {
font-weight: 300;
text-transform: uppercase;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .desc {
font-size: 0.8rem;
color: rgba(0, 0, 0, 0.94);
line-height: 1.5;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap > div {
border-right: 1px solid #dfdfdf;
padding: 10px 25px;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap > div:last-child {
border-right: none;
}
@media screen and (max-width: 1000px) {
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap {
align-items: center;
}
.info-block-holder.type-of-ajandekutalvany {
padding: 0;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap {
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap > div {
padding: 25px;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .title {
order: 1;
flex-basis: calc(100% - 250px);
border: none;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .act {
order: 2;
flex-basis: 250px;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .desc {
order: 3;
flex-basis: 100%;
border: none;
font-size: 2vw;
padding: 0 25px 25px 25px;
line-height: 1.4;
text-align: center;
}
.ajandekutalvany-block {
margin-top: 5px;
}
.ajandekutalvany-block .info-block-holder.type-of-ajandekutalvany {
position: relative;
top: initial;
left: initial;
transform: none;
}
.ajandekutalvany-block .wp-block-heading {
top: 50%;
}
}
@media screen and (max-width: 800px) {
.info-block-holder.type-of-gyogyviz {
padding: 15px;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap {
flex-wrap: wrap;
padding: 10px;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .medence {
flex-basis: 180px;
border-right: none !important;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .title {
flex-basis: calc(100% - 180px);
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .desc {
flex-basis: 100%;
}
}
@media screen and (max-width: 560px) {
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .medence,
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .title {
flex-basis: 100%;
border: none !important;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .medence {
border: 1px solid #e9e9e9 !important;
border-left: none !important;
border-right: none !important;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .desc,
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .desc {
padding: 15px 0;
text-align: center;
font-size: 3vw;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .title {
justify-content: center;
flex-wrap: wrap;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .title > div {
flex-basis: 10%;
}
.info-block-holder.type-of-gyogyviz .gyogyviz > .wrap .title .ico {
text-align: center;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap {
padding: 0;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap > .title .title {
padding: 5px;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .desc {
font-size: 0.9rem;
padding: 0 15px;
font-weight: 300;
color: #c3c3c3;
}
.ajandekutalvany-block .wp-block-heading {
top: initial;
bottom: 25px;
margin: 0 !important;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .title {
flex-basis: 100%;
justify-content: center;
flex-wrap: wrap;
padding: 15px;
gap: 0;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .title > div {
flex-basis: 100%;
text-align: center;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .desc {
order: 2;
}
.info-block-holder.type-of-ajandekutalvany .ajandekutalvany > .wrap .act {
order: 3;
flex-basis: 100%;
}
}
.szallastipusok-holder > .wrapper {
display: flex;
gap: 15px;
width: 100%;
}
.szallastipusok-holder > .wrapper > div {
flex-basis: 33.3333333333%;
}
.szallastipusok-holder > .wrapper > div > .wrap {
height: 100%;
background-color: #ebebeb;
}
.szallastipusok-holder > .wrapper > div > .wrap .image {
aspect-ratio: 16/9;
overflow: hidden;
}
.szallastipusok-holder > .wrapper > div > .wrap .image a {
display: block;
height: 100%;
}
.szallastipusok-holder > .wrapper > div > .wrap .image img {
max-width: 100%;
height: auto !important;
transition: transform 0.3s;
transform-origin: center;
}
.szallastipusok-holder > .wrapper > div > .wrap .datas {
background-color: #ebebeb;
padding: 20px;
}
.szallastipusok-holder > .wrapper > div > .wrap .datas .title {
margin-bottom: 12px;
}
.szallastipusok-holder > .wrapper > div > .wrap .datas .title a {
color: black;
text-transform: uppercase;
text-decoration: none;
font-size: 1.3rem;
font-weight: 500;
}
.szallastipusok-holder > .wrapper > div > .wrap .datas .title a:hover {
color: var(--color-primary);
}
.szallastipusok-holder > .wrapper > div > .wrap .datas .abs {
font-size: 0.85rem;
line-height: 1.2;
}
.szallastipusok-holder > .wrapper > div > .wrap:hover .image img {
transform: scale(1.1);
}
body.tax-szallas_kategoria .content-wrapper {
padding: 0 0 25px 0;
}
body.tax-szallas_kategoria .content-wrapper > .header {
background-color: #f5f5f5;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header {
display: flex;
gap: 15px;
justify-content: center;
padding: 0 0 15px 0;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > .describe {
flex: 1;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > .type-switcher {
flex-basis: 340px;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > .type-switcher > .title {
text-transform: uppercase;
font-weight: 500;
font-size: 0.8rem;
margin: 10px 0 0 0;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > .type-switcher .list {
list-style: none;
margin: 0;
padding: 0;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > .type-switcher .list > li {
padding: 5px 0;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > .type-switcher .list > li a {
display: flex;
align-items: center;
gap: 15px;
border-radius: 4px;
background-color: white;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > .type-switcher .list > li .image {
flex-basis: 80px;
overflow: hidden;
border-radius: 4px 0 0 4px;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > .type-switcher .list > li .title {
flex: 1;
color: black;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > .type-switcher .list > li.current a {
background-color: black;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > .type-switcher .list > li.current a .title {
color: white;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header .info-title {
margin: 25px 0 0 0;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header .info-title .title {
margin: 0 0 12px 0;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header .info-title .title h1 {
margin: 0;
line-height: 1.2;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header .info-title .desc {
line-height: 1.4;
font-size: 1.28rem;
font-weight: 300;
color: #3d3d3d;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header .info-title .available-title {
margin: 20px 0 0 0;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header .info-title .available-title h2 {
font-size: 1.2rem;
font-weight: 500;
letter-spacing: -1px;
margin: 0;
padding: 0;
}
.szallas-lista {
display: flex;
flex-wrap: wrap;
margin: 25px auto;
}
.szallas-lista > .szallas {
flex-basis: 33.3333333333%;
padding: 15px;
}
.szallas-lista > .szallas > .wrap .image {
aspect-ratio: 16/9;
overflow: hidden;
}
.szallas-lista > .szallas > .wrap .image a {
display: block;
height: 100%;
}
.szallas-lista > .szallas > .wrap .image img {
max-width: 100%;
height: auto !important;
transition: transform 0.3s;
transform-origin: center;
}
.szallas-lista > .szallas > .wrap .datas {
background-color: #ebebeb;
padding: 20px;
}
.szallas-lista > .szallas > .wrap .datas .title {
margin-bottom: 12px;
}
.szallas-lista > .szallas > .wrap .datas .title a {
color: black;
text-transform: uppercase;
text-decoration: none;
font-size: 1.3rem;
font-weight: 500;
}
.szallas-lista > .szallas > .wrap .datas .title a:hover {
color: var(--color-primary);
}
.szallas-lista > .szallas > .wrap .datas .abs {
font-size: 0.85rem;
line-height: 1.2;
}
.szallas-lista > .szallas > .wrap:hover .image img {
transform: scale(1.1);
}
body.single-szallas .content-wrapper {
padding: 0 0 25px 0;
}
body.single-szallas .lead {
background-color: #efefef;
}
body.single-szallas .lead .top {
padding: 10px 0 0 0;
}
body.single-szallas .lead .top .breadcrumb {
margin: 0 !important;
}
body.single-szallas .lead .szallas-datas > .wrapper {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
body.single-szallas .lead .szallas-datas > .wrapper > div {
padding: 15px;
}
body.single-szallas .lead .szallas-datas > .wrapper > .images {
flex-basis: 50%;
}
body.single-szallas .lead .szallas-datas > .wrapper > .images .image {
aspect-ratio: 4/3;
}
body.single-szallas .lead .szallas-datas > .wrapper > .images .image a {
display: block;
height: 100%;
}
body.single-szallas .lead .szallas-datas > .wrapper > .images .image a img {
max-width: 100%;
}
body.single-szallas .lead .szallas-datas > .wrapper > .images .gallery {
margin-top: 5px;
}
body.single-szallas .lead .szallas-datas > .wrapper > .params {
flex-basis: 50%;
}
body.single-szallas .lead .szallas-datas > .wrapper .image {
margin: 0 auto;
position: relative;
overflow: hidden;
aspect-ratio: 4/3;
}
body.single-szallas .lead .szallas-datas > .wrapper .image img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-height: 100%;
height: 100%;
width: auto;
max-width: initial;
z-index: 1;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles {
display: flex;
flex-wrap: wrap;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles * {
box-sizing: border-box;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles .title {
padding-right: 10px;
flex: 1;
order: 1;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles .open {
flex-basis: 240px;
order: 2;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles .open > .wrap {
background-color: white;
border: 1px solid #d5d5d5;
padding: 10px 5px;
display: flex;
align-items: center;
text-align: center;
text-transform: uppercase;
font-size: 0.8rem;
box-shadow: 0 5px 20px -5px #b7b7b7;
border-radius: 3px;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles .open > .wrap > div {
flex-basis: 50%;
padding: 0 10px;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles .open > .wrap > div:first-child {
border-right: 1px solid #b7b7b7;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles .open > .wrap .label {
color: grey;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles .open > .wrap .value {
color: black;
}
body.single-szallas .lead .szallas-datas > .wrapper .params h1 {
font-weight: 500;
margin: 0;
line-height: 1.3;
font-size: 1.7rem;
text-transform: uppercase;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .felszereltseg h2 {
font-weight: 500;
margin: 0;
font-size: 1.3rem;
text-transform: uppercase;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .felszereltseg ul {
font-size: 0.85rem;
line-height: 1.2;
padding: 0 0 0 28px;
display: flex;
flex-wrap: wrap;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .felszereltseg ul li {
margin: 4px 0;
position: relative;
list-style: none;
flex-basis: 50%;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .felszereltseg ul li:before {
display: block;
position: absolute;
content: "";
background-image: url(//martfuspa.hu/wp-content/themes/martfuspa/dist/b9b9f246edc053a823be.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 15px;
height: 15px;
left: -25px;
top: 2px;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .kieg-info {
background-color: white;
border: 1px solid black;
padding: 15px;
text-align: center;
margin: 25px 0 0 0;
font-size: 0.9rem;
}
@media screen and (max-width: 1300px) {
body.single-szallas .lead {
padding: 0 15px 15px 15px !important;
}
}
@media screen and (max-width: 1000px) {
.szallastipusok-holder > .wrapper {
flex-wrap: wrap;
gap: 0;
margin: 0;
}
.szallastipusok-holder > .wrapper > div {
flex-basis: 50%;
padding: 5px;
}
body.tax-szallas_kategoria .content-wrapper > .header {
padding: 100px 15px 15px 15px !important;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header {
flex-wrap: wrap;
}
body.tax-szallas_kategoria .content-wrapper > .header section.header > div {
flex-basis: 100% !important;
flex: initial;
}
body.single-szallas .lead {
padding: 100px 15px 15px 15px !important;
}
.szallas-lista {
padding: 0 15px;
}
}
@media screen and (max-width: 640px) {
.szallastipusok-holder > .wrapper > div {
flex-basis: 100%;
}
.szallastipusok-holder > .wrapper > div > .wrap .datas .title a {
font-size: 4vw;
}
.szallastipusok-holder > .wrapper > div > .wrap .datas .abs {
font-size: 2.6vw;
line-height: 1.5;
}
.szallas-lista > .szallas {
flex-basis: 50%;
}
body.single-szallas .lead .szallas-datas > .wrapper > div {
flex-basis: 100% !important;
flex: initial;
}
}
@media screen and (max-width: 640px) {
:root {
--wp--preset--font-size--large: 32px;
--wp--preset--font-size--x-large: 36px;
}
.has-x-large-font-size {
font-size: 1.8rem !important;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles > div {
flex-basis: 100% !important;
flex: initial;
}
body.single-szallas .lead .szallas-datas > .wrapper .params .titles .title {
padding: 0 0 15px 0;
}
.szallastipusok-holder > .wrapper > div > .wrap .datas .title a {
font-size: 5vw;
}
.szallastipusok-holder > .wrapper > div > .wrap .datas .abs {
font-size: 3.6vw;
}
.szallas-lista > .szallas {
flex-basis: 100%;
}
body.tax-szallas_kategoria .content-wrapper > .header {
padding: 65px 15px 15px 15px !important;
}
body.single-szallas .lead {
padding: 65px 15px 15px 15px !important;
}
}
body.archive.post-type-archive-ajanlatok .posts {
display: flex;
flex-wrap: wrap;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat {
flex-basis: 50%;
padding: 10px;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper {
border: 1px solid #ebebeb;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .image {
aspect-ratio: 16/9;
text-align: center;
overflow: hidden;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .image a {
display: block;
height: 100%;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .image img {
max-width: initial;
width: auto;
height: 100% !important;
transition: transform 0.3s;
transform-origin: center;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas {
padding: 20px;
text-align: center;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas .title {
margin-bottom: 8px;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas .title a {
color: black;
text-transform: uppercase;
text-decoration: none;
font-size: 1.34rem;
font-weight: 500;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas .title a:hover {
color: var(--color-primary);
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas .desc {
font-size: 0.95rem;
line-height: 1.4;
font-weight: 300;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas .dates {
display: flex;
gap: 10px;
margin: 10px 0 0 0;
align-items: center;
justify-content: center;
font-weight: bold;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas .dates .ico img {
vertical-align: sub;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas .dates .sep {
font-weight: 400;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas .act {
text-align: center;
margin: 20px 0 10px 0;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas .act a {
font-size: 0.9rem;
border: 1px solid black;
padding: 8px 12px;
text-transform: uppercase;
color: black;
text-transform: uppercase;
transition: all 0.2s;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat > .wrapper .datas .act a:hover {
background-color: black;
color: white;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat:hover .image img {
transform: scale(1.1);
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat .image {
position: relative;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat .image img {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
transform-origin: left !important;
}
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat:hover .image img {
transform: scale(1.1) translateX(-50%);
}
.aktualis-holder.typeof-slide {
padding: 0 35px;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat {
padding: 10px;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper {
border: 1px solid #ebebeb;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .image {
aspect-ratio: 16/9;
text-align: center;
overflow: hidden;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .image a {
display: block;
height: 100%;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .image img {
max-width: initial;
width: auto;
height: 100% !important;
transition: transform 0.3s;
transform-origin: center;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas {
padding: 20px;
text-align: center;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas .title {
margin-bottom: 8px;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas .title a {
color: black;
text-transform: uppercase;
text-decoration: none;
font-size: 1.34rem;
font-weight: 500;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas .title a:hover {
color: var(--color-primary);
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas .desc {
font-size: 0.95rem;
line-height: 1.4;
font-weight: 300;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas .dates {
display: flex;
gap: 10px;
margin: 10px 0 0 0;
align-items: center;
justify-content: center;
font-weight: bold;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas .dates .ico img {
vertical-align: sub;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas .dates .sep {
font-weight: 400;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas .act {
text-align: center;
margin: 20px 0 10px 0;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas .act a {
font-size: 0.9rem;
border: 1px solid black;
padding: 8px 12px;
text-transform: uppercase;
color: black;
text-transform: uppercase;
transition: all 0.2s;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat > .wrapper .datas .act a:hover {
background-color: black;
color: white;
}
.aktualis-holder.typeof-slide .aktualis-ajanlat:hover .image img {
transform: scale(1.1);
}
.aktualis-holder .glide--ltr {
position: relative;
}
.aktualis-holder .glide--ltr .controls button {
border: none;
background: transparent;
font-weight: bold;
font-size: 2rem;
font-family: "Poppins", sans-serif;
cursor: pointer;
padding: 5px 0;
text-align: center;
width: 30px;
position: absolute;
top: 50%;
color: #000;
transition: color 0.4s;
transform: translateY(-50%);
}
.aktualis-holder .glide--ltr .controls button:hover {
color: black;
}
.aktualis-holder .glide--ltr .controls button.prev {
left: -30px;
}
.aktualis-holder .glide--ltr .controls button.next {
right: -30px;
}
body.single-ajanlatok .egyedi-info,
body.single-ajanlatok .garancia-info {
text-align: center;
padding: 25px 0;
}
body.single-ajanlatok .content-wrapper {
padding: 0;
}
body.single-ajanlatok .content-wrapper h1, body.single-ajanlatok .content-wrapper h2, body.single-ajanlatok .content-wrapper h3, body.single-ajanlatok .content-wrapper h4, body.single-ajanlatok .content-wrapper h5 {
font-weight: 500;
}
body.single-ajanlatok .lead {
height: 750px;
background-color: #cdcdcd;
}
body.single-ajanlatok .lead .image {
width: var(--page-width);
margin: 0 auto;
height: 500px;
background-color: black;
position: relative;
overflow: hidden;
}
body.single-ajanlatok .lead .image h1 {
position: absolute;
bottom: 2rem;
width: 100%;
text-align: center;
font-weight: bold;
font-size: 3.5vw;
color: white;
z-index: 2;
text-transform: uppercase;
margin: 0;
line-height: 1.3;
text-shadow: 5px 5px 11px black;
}
body.single-ajanlatok .lead .image img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-height: initial;
height: auto;
width: 100%;
max-width: 100%;
z-index: 1;
}
body.single-ajanlatok .lead .params {
margin: 25px auto;
width: 480px;
}
body.single-ajanlatok .lead .params > .wrapper {
background-color: white;
display: flex;
align-items: center;
padding: 15px;
border: 2px solid #c3c3c3;
box-shadow: 0 15px 50px -15px #b5b5b5;
border-radius: 3px;
}
body.single-ajanlatok .lead .params > .wrapper > div {
flex-basis: 33.3333333333%;
text-align: center;
padding: 0 10px;
border-right: 1px solid #e1e1e1;
}
body.single-ajanlatok .lead .params > .wrapper > div .title {
text-transform: uppercase;
margin-bottom: 5px;
color: #979797;
}
body.single-ajanlatok .lead .params > .wrapper > div .value {
color: black;
height: 48px;
text-transform: uppercase;
}
body.single-ajanlatok .lead .params > .wrapper > div:last-child {
border-right: none;
}
body.single-ajanlatok .lead .ajanlat {
text-align: center;
margin-top: 35px;
}
body.single-ajanlatok .lead .ajanlat a {
font-size: 1.3rem;
}
body.single-ajanlatok .ajanlat-block {
display: flex;
flex-wrap: wrap;
margin: 40px 0 25px 0;
}
body.single-ajanlatok .ajanlat-block > div {
flex-basis: 50%;
}
body.single-ajanlatok .ajanlat-block .csomag {
order: 2;
}
body.single-ajanlatok .ajanlat-block .csomag > .wrap {
background-color: #e6e9eb;
border: 1px solid black;
padding: 25px;
text-align: center;
height: 100%;
}
body.single-ajanlatok .ajanlat-block .csomag > .wrap h2 {
font-size: 1.65rem;
line-height: 1.2;
letter-spacing: -1px;
margin: 0 0 15px 0;
text-transform: uppercase;
font-weight: bold;
}
body.single-ajanlatok .ajanlat-block .services {
order: 1;
}
body.single-ajanlatok .ajanlat-block .services > div.wrap {
padding: 15px 15px 15px 0;
}
body.single-ajanlatok .ajanlat-block .services > div.wrap h3 {
font-size: 1.2rem;
line-height: 1.2;
letter-spacing: -1px;
margin: 0 0 15px 0;
font-weight: 400;
}
body.single-ajanlatok .ajanlat-block .services > div.wrap ul {
font-size: 0.85rem;
line-height: 1.2;
padding: 0 0 0 28px;
}
body.single-ajanlatok .ajanlat-block .services > div.wrap ul li {
margin: 4px 0;
position: relative;
list-style: none;
}
body.single-ajanlatok .ajanlat-block .services > div.wrap ul li:before {
display: block;
position: absolute;
content: "";
background-image: url(//martfuspa.hu/wp-content/themes/martfuspa/dist/b9b9f246edc053a823be.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 15px;
height: 15px;
left: -25px;
top: 2px;
}
@media screen and (max-width: 1280px) {
body.single-ajanlatok .lead .image {
width: 100%;
height: 420px;
}
body.single-ajanlatok .lead {
height: auto;
padding-bottom: 2rem;
}
}
@media screen and (max-width: 1000px) {
body.post-type-archive-ajanlatok .content-wrapper {
padding-top: 100px;
}
body.single-ajanlatok .lead .image h1 {
font-size: 4vw;
}
body.single-ajanlatok .lead {
height: auto;
padding-bottom: 35px;
}
body.single-ajanlatok .content-wrapper section {
padding: 0 15px;
}
}
@media screen and (max-width: 640px) {
body.archive.post-type-archive-ajanlatok .posts .aktualis-ajanlat {
flex-basis: 100%;
}
body.single-ajanlatok .lead .image h1 {
font-size: 5vw;
}
body.single-ajanlatok .ajanlat-block > div {
flex-basis: 100%;
}
body.single-ajanlatok .ajanlat-block > .csomag {
order: 1;
}
body.single-ajanlatok .ajanlat-block > .services {
order: 2;
}
}
@media screen and (max-width: 480px) {
body.post-type-archive-ajanlatok .content-wrapper {
padding-top: 65px;
}
body.single-ajanlatok .lead .params {
width: 100%;
padding: 15px;
}
body.single-ajanlatok .lead .params > .wrapper {
flex-wrap: wrap;
}
body.single-ajanlatok .lead .params > .wrapper > div {
flex-basis: 100%;
border: none;
}
body.single-ajanlatok .lead .params > .wrapper > div + div {
border-top: 1px solid #e1e1e1;
}
body.single-ajanlatok .lead .params > .wrapper > div + div .title {
margin-top: 15px;
}
}
.szolgaltatas-ikonok-holder > .wrapper {
display: flex;
flex-wrap: wrap;
}
.szolgaltatas-ikonok-holder > .wrapper > div {
flex-basis: 16.6666666667%;
}
.szolgaltatas-ikonok-holder > .wrapper > div > .wrap {
padding: 35px 10px;
text-align: center;
}
.szolgaltatas-ikonok-holder > .wrapper > div > .wrap img {
width: 35px;
height: auto;
margin: 0 0 10px 0;
}
.szolgaltatas-ikonok-holder > .wrapper > div > .wrap .title {
font-size: 0.7rem;
text-align: center;
line-height: 1.2;
height: 27px;
overflow: hidden;
}
@media screen and (max-width: 1000px) {
.szolgaltatas-ikonok-holder > .wrapper > div {
flex-basis: 25% !important;
}
}
@media screen and (max-width: 480px) {
.szolgaltatas-ikonok-holder > .wrapper > div {
flex-basis: 50% !important;
}
}
.etterem-osszefoglalo-holder > .wrapper > .title {
margin: 20px 0 40px 0;
}
.etterem-osszefoglalo-holder > .wrapper > .title h2 {
display: flex;
gap: 10px;
align-items: center;
text-align: center;
justify-content: center;
text-transform: uppercase;
font-weight: 400;
font-size: 2rem;
}
.etterem-osszefoglalo-holder > .wrapper > .title h2 img {
vertical-align: sub;
}
.etterem-osszefoglalo-holder .container {
display: flex;
}
.etterem-osszefoglalo-holder .container > .heti-menu {
flex: 1;
padding-right: 10px;
}
.etterem-osszefoglalo-holder .container > .heti-menu .head {
display: flex;
align-items: center;
justify-content: space-between;
}
.etterem-osszefoglalo-holder .container > .heti-menu .head .title {
text-transform: uppercase;
font-size: 1.5rem;
font-weight: 500;
}
.etterem-osszefoglalo-holder .container > .heti-menu .head .datum {
font-weight: 500;
font-size: 1rem;
line-height: 1.2;
}
.etterem-osszefoglalo-holder .container > .heti-menu .head .datum img {
vertical-align: text-top;
}
.etterem-osszefoglalo-holder .container > .heti-menu .desc {
font-weight: 300;
margin: 5px 0 15px 0;
font-size: 0.85rem;
line-height: 1.2;
}
.etterem-osszefoglalo-holder .container > .etlap-view {
flex-basis: 50%;
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper {
position: relative;
background-color: #8c8c8c;
background-image: url(//martfuspa.hu/wp-content/themes/martfuspa/dist/c78a24657e81b0d5a5ea.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 4/3;
height: 100%;
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper .texts {
padding: 2rem 8rem 0 2rem;
font-size: 0.9rem;
color: white;
position: relative;
z-index: 10;
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper .texts .title {
font-size: 2rem;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 15px 0;
line-height: 1.2;
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper .action {
position: absolute;
z-index: 15;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper .action a {
border: 1px solid white;
text-transform: uppercase;
font-size: 1.2rem;
padding: 15px 25px;
color: white;
}
.etterem-osszefoglalo-holder .napok {
display: table;
table-layout: fixed;
width: 100%;
box-sizing: border-box;
margin: 15px 0 0 0;
padding: 0 30px;
}
.etterem-osszefoglalo-holder .napok .glide__slide {
transition: border 0.2s;
}
.etterem-osszefoglalo-holder .napok .glide__slide--active {
background-color: #f5f5f5;
border-top: 5px solid #e1af30;
}
.etterem-osszefoglalo-holder .napok .menu-nap {
height: 100%;
}
.etterem-osszefoglalo-holder .napok .menu-nap > .wrap {
border: 1px solid #dfdfdf;
text-align: center;
height: 100%;
}
.etterem-osszefoglalo-holder .napok .menu-nap .nap {
padding: 10px;
font-weight: bold;
text-transform: uppercase;
line-height: 1;
}
.etterem-osszefoglalo-holder .napok .menu-nap .nap .date {
font-size: 0.8rem;
margin: 8px 0 0 0;
font-weight: 300;
}
.etterem-osszefoglalo-holder .napok .menu-nap .images {
position: relative;
aspect-ratio: 1/1;
}
.etterem-osszefoglalo-holder .napok .menu-nap .images .img {
overflow: hidden;
position: absolute;
width: 100%;
opacity: 1;
transition: opacity 0.4s;
}
.etterem-osszefoglalo-holder .napok .menu-nap .images .img img {
width: auto;
max-width: initial;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.etterem-osszefoglalo-holder .napok .menu-nap .images .img.primary {
z-index: 10;
}
.etterem-osszefoglalo-holder .napok .menu-nap .images .img.more_i1 {
z-index: 9;
}
.etterem-osszefoglalo-holder .napok .menu-nap .images .img.more_i2 {
z-index: 8;
}
.etterem-osszefoglalo-holder .napok .menu-nap .images:hover .img.primary {
opacity: 0;
}
.etterem-osszefoglalo-holder .napok .menu-nap .menu {
padding: 8px;
}
.etterem-osszefoglalo-holder .napok .menu-nap .menu .missing {
font-size: 0.8rem;
line-height: 1.2;
font-weight: 300;
padding: 10px;
}
.etterem-osszefoglalo-holder .napok .menu-nap .menu > div + div {
margin-top: 15px;
}
.etterem-osszefoglalo-holder .napok .menu-nap .menu .label {
font-weight: bold;
margin: 5px 0;
font-size: 0.8rem;
}
.etterem-osszefoglalo-holder .napok .menu-nap .menu .value {
font-size: 0.8rem;
line-height: 1.2;
min-height: 30px;
}
.etterem-osszefoglalo-holder .glide--ltr {
position: relative;
}
.etterem-osszefoglalo-holder .glide--ltr .controls button {
border: none;
background: transparent;
font-weight: bold;
font-size: 2rem;
font-family: "Poppins", sans-serif;
cursor: pointer;
padding: 5px 0;
text-align: center;
width: 30px;
position: absolute;
top: 50%;
color: #bdbdbd;
transition: color 0.4s;
transform: translateY(-50%);
}
.etterem-osszefoglalo-holder .glide--ltr .controls button:hover {
color: black;
}
.etterem-osszefoglalo-holder .glide--ltr .controls button.prev {
left: -5px;
}
.etterem-osszefoglalo-holder .glide--ltr .controls button.next {
right: -5px;
}
.etterem-osszefoglalo-holder .glide--ltr .glide__slides {
overflow: initial !important;
}
.etterem-osszefoglalo-holder .glide--ltr .glide__slide {
height: auto !important;
}
.etterem-osszefoglalo-holder .call {
display: flex;
justify-content: center;
gap: 15px;
font-size: 1.6rem;
line-height: 1.1;
text-transform: uppercase;
margin: 25px 0;
align-items: center;
}
.etterem-osszefoglalo-holder .call .ico img {
width: 40px;
height: auto;
vertical-align: sub;
}
.etterem-osszefoglalo-holder .call a, .etterem-osszefoglalo-holder .call a:visited {
font-weight: bold;
color: black;
text-decoration: none;
}
.etterem-adatlap {
display: flex;
align-items: flex-start;
margin: 15px -25px;
}
.etterem-adatlap > div {
padding: 25px;
flex-basis: 50%;
}
.etterem-adatlap .glide--ltr {
position: relative;
}
.etterem-adatlap .glide--ltr .controls button {
border: none;
background: transparent;
font-weight: bold;
font-size: 2rem;
font-family: "Poppins", sans-serif;
cursor: pointer;
padding: 5px 0;
text-align: center;
width: 30px;
position: absolute;
top: 50%;
color: #bdbdbd;
transition: color 0.4s;
transform: translateY(-50%);
}
.etterem-adatlap .glide--ltr .controls button:hover {
color: black;
}
.etterem-adatlap .glide--ltr .controls button.prev {
left: -5px;
}
.etterem-adatlap .glide--ltr .controls button.next {
right: -5px;
}
.etterem-adatlap .glide--ltr .glide__slides {
overflow: initial !important;
padding-bottom: 3px;
}
.etterem-adatlap .glide--ltr .glide__slide {
height: auto !important;
}
.etterem-adatlap .napi {
padding-right: 0 !important;
}
.etterem-adatlap .napi > .head {
display: flex;
gap: 10px;
align-items: flex-start;
}
.etterem-adatlap .napi .main {
flex: 1;
}
.etterem-adatlap .napi .main h2 {
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
color: black;
margin: 0;
margin-bottom: 5px;
}
.etterem-adatlap .napi .main .desc {
font-size: 0.8rem;
line-height: 1.35;
font-weight: 300;
}
.etterem-adatlap .napi .right {
flex-basis: 200px;
font-size: 0.9rem;
}
.etterem-adatlap .napi .right .datum {
font-weight: 500;
font-size: 1rem;
}
.etterem-adatlap .napi .right img {
vertical-align: sub;
}
.etterem-adatlap .napi .right .allergen {
border: 1px solid #dfdfdf;
padding: 5px 8px;
margin: 8px 0 0 0;
}
.etterem-adatlap .napi .right .allergen .title {
font-weight: bold;
margin-bottom: 3px;
}
.etterem-adatlap .napi .right .allergen .list {
font-size: 0.7rem;
line-height: 1.2;
}
.etterem-adatlap .napi-menu {
margin: 10px 0 0 0;
}
.etterem-adatlap .napi-menu > .wrapper {
display: flex;
flex-wrap: wrap;
margin-right: -2px;
}
.etterem-adatlap .napi-menu > .wrapper > div {
flex-basis: 33.3333333333%;
border: 1px solid #dfdfdf;
margin: 0 -1px 0 0;
}
.etterem-adatlap .napi-menu > .wrapper > div .label {
padding: 15px;
font-weight: bold;
font-size: 1.1rem;
text-align: center;
}
.etterem-adatlap .napi-menu > .wrapper > div .value {
padding: 15px;
font-size: 0.8rem;
text-align: center;
line-height: 1.2;
}
.etterem-adatlap .napi-menu > .wrapper > div .value.no-data {
font-weight: 300;
font-size: 0.7rem;
}
.etterem-adatlap .napi-menu .images {
position: relative;
aspect-ratio: 1/1;
}
.etterem-adatlap .napi-menu .images .img {
overflow: hidden;
position: absolute;
width: 100%;
opacity: 1;
transition: opacity 0.4s;
}
.etterem-adatlap .napi-menu .images .img img {
width: auto;
max-width: initial;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.etterem-adatlap .heti-menu .head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px;
}
.etterem-adatlap .heti-menu .head .title {
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
color: black;
margin: 0;
}
.etterem-adatlap .heti-menu .head .datum {
border: 1px solid #dfdfdf;
display: flex;
align-items: center;
gap: 15px;
color: #858585;
font-size: 0.8rem;
padding: 6px 12px;
}
.etterem-adatlap .heti-menu .head .datum .val {
color: black;
}
.etterem-adatlap .call {
display: flex;
justify-content: center;
gap: 15px;
font-size: 1.6rem;
line-height: 1.1;
text-transform: uppercase;
margin: 25px 0;
align-items: center;
}
.etterem-adatlap .call .ico img {
width: 40px;
height: auto;
vertical-align: sub;
}
.etterem-adatlap .call a, .etterem-adatlap .call a:visited {
font-weight: bold;
color: black;
text-decoration: none;
}
.etterem-adatlap .napok {
display: table;
table-layout: fixed;
width: 100%;
box-sizing: border-box;
margin: 15px 0 0 0;
padding: 0 30px;
}
.etterem-adatlap .napok .glide__slide {
transition: border 0.2s;
}
.etterem-adatlap .napok .glide__slide--active {
background-color: #f5f5f5;
border-top: 5px solid #e1af30;
}
.etterem-adatlap .napok .menu-nap {
height: 100%;
}
.etterem-adatlap .napok .menu-nap > .wrap {
border: 1px solid #dfdfdf;
text-align: center;
height: 100%;
}
.etterem-adatlap .napok .menu-nap .nap {
padding: 10px;
font-weight: bold;
text-transform: uppercase;
line-height: 1;
}
.etterem-adatlap .napok .menu-nap .nap .date {
font-size: 0.8rem;
margin: 8px 0 0 0;
font-weight: 300;
}
.etterem-adatlap .napok .menu-nap .images {
position: relative;
aspect-ratio: 1/1;
}
.etterem-adatlap .napok .menu-nap .images .img {
overflow: hidden;
position: absolute;
width: 100%;
opacity: 1;
transition: opacity 0.4s;
}
.etterem-adatlap .napok .menu-nap .images .img img {
width: auto;
max-width: initial;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.etterem-adatlap .napok .menu-nap .images .img.primary {
z-index: 10;
}
.etterem-adatlap .napok .menu-nap .images .img.more_i1 {
z-index: 9;
}
.etterem-adatlap .napok .menu-nap .images .img.more_i2 {
z-index: 8;
}
.etterem-adatlap .napok .menu-nap .images:hover .img.primary {
opacity: 0;
}
.etterem-adatlap .napok .menu-nap .menu {
padding: 8px;
}
.etterem-adatlap .napok .menu-nap .menu .missing {
font-size: 0.8rem;
line-height: 1.2;
font-weight: 300;
padding: 10px;
}
.etterem-adatlap .napok .menu-nap .menu > div + div {
margin-top: 15px;
}
.etterem-adatlap .napok .menu-nap .menu .label {
font-weight: bold;
margin: 5px 0;
font-size: 0.8rem;
}
.etterem-adatlap .napok .menu-nap .menu .value {
font-size: 0.8rem;
line-height: 1.2;
min-height: 30px;
}
.etterem-adatlap .tomorow-ajanlat {
background-color: #c59f24;
font-size: 0.7rem;
text-transform: uppercase;
color: white;
display: inline-block;
font-weight: 300;
margin: 5px auto;
border-radius: 5px;
padding: 5px 8px;
}
@media screen and (max-width: 1300px) {
.etterem-adatlap .napi > .head {
justify-content: space-between;
gap: 0;
}
.etterem-adatlap .napi {
padding: 30px 45px 15px 45px;
}
.breadcrumb {
padding: 10px 15px 0 15px;
}
}
@media screen and (max-width: 1000px) {
.etterem-osszefoglalo-holder .container {
flex-wrap: wrap;
}
.etterem-osszefoglalo-holder .container > div {
flex-basis: 100% !important;
flex: initial;
}
.etterem-osszefoglalo-holder .container > .heti-menu {
padding: 0 15px;
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper .texts .title {
font-size: 4vw !important;
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper .texts .desc {
font-size: 2vw !important;
line-height: 1.4;
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper .texts {
padding: 4vw;
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper .texts .title {
text-align: center;
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper .texts .desc {
text-align: center;
font-size: 3vw !important;
}
.etterem-osszefoglalo-holder .container > .etlap-view > .wrapper .action {
top: 60%;
}
.etterem-adatlap .napi .main h2,
.etterem-adatlap .heti-menu .head .title {
margin: 10px 0;
font-size: 1.8rem;
}
.etterem-adatlap {
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.etterem-adatlap > div {
flex-basis: 100% !important;
padding: 0;
margin: 0;
}
.etterem-adatlap .napi > .head {
gap: 0;
}
.etterem-adatlap .napi .main .desc {
font-size: 1rem;
}
.etterem-adatlap .napi {
margin-bottom: 25px !important;
}
.etterem-adatlap .heti-menu .head {
padding: 0;
}
}
@media screen and (max-width: 480px) {
.etterem-adatlap .napi .right img {
vertical-align: initial;
}
.etterem-adatlap .napi .right {
order: 1;
}
.etterem-adatlap .napi .main {
order: 2;
}
.etterem-adatlap .napi .right .datum {
font-size: 1.4rem;
padding: 10px;
}
.etterem-adatlap .heti-menu .head .datum {
justify-content: center;
}
.etterem-adatlap .heti-menu .head {
flex-wrap: wrap;
}
.etterem-adatlap .heti-menu .head > div {
flex-basis: 100%;
text-align: center;
}
.etterem-adatlap .napi div {
text-align: center;
}
.etterem-adatlap .napi .right .datum {
margin: 12px 0;
}
.etterem-adatlap .napi > .head {
flex-wrap: wrap;
}
.etterem-adatlap .napi .right {
flex-basis: 100%;
}
.etterem-osszefoglalo-holder > .wrapper > .title h2 {
font-size: 6vw;
}
.etterem-osszefoglalo-holder .container > .heti-menu .head {
flex-wrap: wrap;
margin: 0 0 15px 0;
}
.etterem-osszefoglalo-holder .container > .heti-menu .head > div {
flex-basis: 100% !important;
text-align: center !important;
}
.etterem-osszefoglalo-holder .container > .heti-menu .head .title {
font-size: 7vw;
}
.etterem-osszefoglalo-holder .container > .heti-menu .desc {
text-align: center;
}
.etterem-osszefoglalo-holder .call {
font-size: 4.4vw;
}
.etterem-adatlap .call {
flex-wrap: wrap;
margin: 15px 0 25px 0;
gap: 5px;
}
.etterem-adatlap .call > div {
flex-basis: 100%;
text-align: center;
}
}
.galeria-holder {
padding: 15px;
}
.galeria-holder.type-of-slide .gallery-item {
position: relative;
--zoomer-size: 65px;
}
.galeria-holder.type-of-slide .gallery-item a {
display: block;
height: 100%;
width: 100%;
}
.galeria-holder.type-of-slide .gallery-item .zoomer {
content: "";
background-color: rgba(255, 255, 255, 0.4);
background-image: url(//martfuspa.hu/wp-content/themes/martfuspa/dist/a0bad49bec0c5d8331c3.svg);
background-position: center;
background-size: 50%;
background-repeat: no-repeat;
border-radius: 50%;
width: var(--zoomer-size);
height: var(--zoomer-size);
position: absolute;
left: 50%;
top: 50%;
transform: scale(0.8) translate(-50%, -50%);
z-index: 2;
pointer-events: none;
opacity: 0.8;
}
.galeria-holder.type-of-slide .gallery-item:hover .zoomer {
opacity: 0.1;
animation: zoomerase 2s infinite;
transform: scale(0.8);
animation-timing-function: ease-in-out;
}
.galeria-holder.type-of-slide .glide__track {
position: relative;
}
.galeria-holder.type-of-slide .glide__track:after {
top: 0;
right: 0;
content: "";
position: absolute;
width: 200px;
height: 100%;
pointer-events: none;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%);
}
@media screen and (max-width: 640px) {
.galeria-holder.type-of-slide .glide__track:after {
width: 75px !important;
}
}
@keyframes zoomerase {
0% {
opacity: 0.1;
transform: scale(0.8);
}
50% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0.1;
transform: scale(0.8);
}
}
.rnw-elovalaszto-holder {
padding: 25px 0;
}
.rnw-elovalaszto-holder .wrapper {
background-color: white;
border: 1px solid #d3d3d3;
border-radius: 2px;
padding: 10px 25px;
box-shadow: 0 10px 50px -25px #878787;
display: flex;
align-items: center;
gap: 25px;
}
.rnw-elovalaszto-holder .wrapper .pretext {
text-transform: uppercase;
font-weight: 500;
flex-basis: 35%;
font-size: 1.2rem;
line-height: 1.2;
}
.rnw-elovalaszto-holder .wrapper .pretext,
.rnw-elovalaszto-holder .wrapper .sub {
flex-basis: 180px;
}
.rnw-elovalaszto-holder .wrapper .dates {
flex: 1;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block {
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
align-items: center;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block > div {
padding: 10px 25px;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block .label {
color: #a3a2b5;
text-transform: uppercase;
font-weight: 300;
letter-spacing: -0.3px;
font-size: 0.85rem;
margin-left: 5px;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block input[type=date] {
border: none;
padding: 3px 5px;
font-size: 1rem;
font-family: "Poppins", sans-serif;
outline: none !important;
border-radius: 4px;
cursor: pointer;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block input[type=date]:hover {
background-color: #f1f1f1;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block .sep {
padding: 0;
height: 65px;
border-left: 1px solid #dfdfdf;
}
.rnw-elovalaszto-holder .wrapper .sub button {
border: none !important;
cursor: pointer;
padding: 10px 20px;
}
@media screen and (max-width: 1000px) {
.fooldal-elovalaszto {
margin: -100px auto 0 auto;
}
.rnw-elovalaszto-holder {
max-width: 550px;
margin: 0 auto;
}
.rnw-elovalaszto-holder .wrapper {
flex-wrap: wrap;
gap: 5px;
padding: 25px 15px;
}
.rnw-elovalaszto-holder .wrapper .pretext {
flex-basis: 100%;
text-align: center;
white-space: nowrap;
font-size: 1.5rem;
}
.rnw-elovalaszto-holder .wrapper .dates {
padding: 15px;
}
.rnw-elovalaszto-holder .wrapper .sub {
flex-basis: 100%;
text-align: center;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block {
gap: 25px;
}
}
@media screen and (max-width: 600px) {
.rnw-elovalaszto-holder {
max-width: 100%;
padding: 15px;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block .label {
color: #58575d;
font-size: 5vw;
margin-bottom: 15px;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block input[type=date] {
font-size: 5vw;
border: 1px dashed #d3d3d3;
padding: 0.6rem 1rem;
white-space: nowrap;
}
.rnw-elovalaszto-holder .wrapper .pretext {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 20px;
font-size: 3.85vw;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block {
flex-wrap: wrap;
gap: 0;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block > div {
flex-basis: 100%;
text-align: center;
}
.rnw-elovalaszto-holder .wrapper .dates {
padding: 10px 0;
}
.rnw-elovalaszto-holder .wrapper .dates .date-block .sep {
display: none;
}
.rnw-elovalaszto-holder .wrapper .sub button {
font-size: 4vw;
padding: 1.2rem 3rem;
border-radius: 2px;
width: 100%;
}
}
@media screen and (max-width: 480px) {
.fooldal-elovalaszto {
margin: -77px auto 0 auto;
}
}
footer {
background-color: black;
color: white;
}
footer > .wrapper {
padding: 2rem 15px;
display: flex;
gap: 25px;
}
footer > .wrapper > div {
flex-basis: 33.3333333333%;
padding: 1rem;
}
footer > .wrapper > .left {
display: flex;
align-items: center;
gap: 25px;
}
footer > .wrapper > .left > div {
flex-basis: 50%;
}
footer > .wrapper > .center {
border: 2px solid #3c3c3c;
border-top: none;
border-bottom: none;
padding: 0 25px;
}
footer .logo {
text-align: center;
}
footer .logo .slogan {
text-transform: uppercase;
font-weight: bold;
font-size: 1rem;
font-family: "Bodoni Moda", serif;
margin-top: 15px;
text-align: center;
}
footer .shortmenu {
text-transform: uppercase;
}
footer .shortmenu img {
margin-right: 20px;
vertical-align: middle;
}
footer .shortmenu a {
color: white;
font-weight: bold;
font-size: 0.8rem;
}
footer .shortmenu .nav > div {
margin: 18px 0;
}
footer .subs {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 2px solid #3c3c3c;
padding: 20px 50px;
margin-bottom: 20px;
gap: 15px;
}
footer .subs .text {
font-size: 0.7rem;
text-align: left;
flex: 1;
padding: 0 10px;
}
footer .subs .button a {
display: block;
padding: 0 20px;
text-align: center;
line-height: 40px;
background-color: white;
text-transform: uppercase;
color: black;
font-size: 0.7rem;
}
footer .socials {
text-align: center;
}
footer .socials ul, footer .socials li {
list-style: none;
margin: 0;
padding: 0;
}
footer .socials ul {
display: flex;
gap: 25px;
align-items: center;
justify-content: center;
}
footer .contacts {
font-size: 1rem;
}
footer .contacts > div {
margin: 18px 0;
line-height: 1.5;
}
footer .contacts img {
margin-right: 10px;
width: 20px;
vertical-align: middle;
}
footer .contacts .hl {
font-weight: bold;
}
footer .contacts a {
color: white;
}
footer .bottom-bar {
background-color: #4d4d4d;
padding: 20px 15px;
text-align: center;
text-align: center;
}
footer .bottom-bar .menu,
footer .bottom-bar ul.menu {
justify-content: center;
gap: 20px;
}
footer .bottom-bar .menu {
font-size: 0.9rem;
}
footer .bottom-bar .menu li a {
color: white;
text-transform: uppercase;
}
footer .copyright {
background-color: white;
padding: 15px;
color: black;
text-align: center;
font-size: 0.74rem;
font-weight: 500;
}
footer .copyright .copy {
text-transform: uppercase;
}
footer .copyright a, footer .copyright a:visited {
color: black;
text-decoration: none;
}
@media screen and (max-width: 1300px) {
footer .subs {
flex-wrap: wrap;
padding: 9px 31px;
margin-bottom: 32px;
gap: 22px;
}
}
@media screen and (max-width: 1000px) {
footer > .wrapper {
flex-wrap: wrap;
}
footer > .wrapper > div {
flex-basis: 100% !important;
}
footer > .wrapper > .center {
border: none !important;
display: flex;
align-items: center;
gap: 25px;
}
footer > .wrapper > .center .subs {
order: 1;
}
footer > .wrapper > .center .socials {
order: 0;
}
footer .subs {
border: 1px solid #636363;
margin: 0 !important;
}
footer .contacts {
margin: 0 auto;
display: block;
width: 330px;
}
footer .bottom-bar .menu li a {
font-size: 0.65rem;
}
}
@media screen and (max-width: 600px) {
footer .subs {
flex-wrap: wrap;
padding: 1rem 1.4rem;
gap: 0;
}
footer .subs > div {
box-sizing: border-box;
padding: 0;
}
footer .subs .ico {
flex-basis: 50px;
}
footer .subs .text {
flex-basis: calc(100% - 50px);
padding-left: 15px;
}
footer .subs .button {
flex-basis: 100%;
padding-top: 15px;
}
}
@media screen and (max-width: 480px) {
footer > .wrapper > .left {
flex-wrap: wrap;
}
footer > .wrapper > .left > div {
flex-basis: 100%;
}
footer .contacts img {
margin-right: 15px;
}
footer .shortmenu {
text-align: center;
}
footer .shortmenu a {
font-size: 3.7vw;
}
footer .shortmenu .nav {
position: relative;
}
footer .shortmenu .nav:before {
content: "";
width: 50%;
height: 1px;
background-color: #313131;
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
}
footer .shortmenu img {
display: block;
margin: 30px auto 10px;
opacity: 0.5;
}
footer > .wrapper {
padding: 0 !important;
gap: 0;
}
footer > .wrapper > .center {
flex-wrap: wrap;
}
footer > .wrapper > .center > div {
flex-basis: 100%;
}
footer > .wrapper > .center .socials {
order: 3;
}
footer > .wrapper > .center .subs {
flex-wrap: wrap;
padding: 15px;
}
footer > .wrapper > .center .subs > div {
box-sizing: border-box;
}
footer > .wrapper > .center .subs .ico {
flex-basis: 50px;
}
footer > .wrapper > .center .subs .text {
flex-basis: calc(100% - 75px);
}
footer > .wrapper > .center .subs .button {
flex-basis: 100%;
padding-top: 15px;
}
footer .bottom-bar .menu, footer .bottom-bar ul.menu {
flex-wrap: wrap;
gap: 15px;
}
footer .bottom-bar .menu > li, footer .bottom-bar ul.menu > li {
flex-basis: 100%;
}
footer .bottom-bar .menu > li a, footer .bottom-bar ul.menu > li a {
font-size: 3.7vw;
display: block;
padding: 10px;
}
}