/*---------------BASIC------------*/
.material-symbols-outlined {
  font-variation-settings:'FILL' 0,'wght' 200,'GRAD' 0,'opsz' 24
}
body {
    font-family: 'Montserrat'!important;
}
.tovabb {
    margin-top: 2rem;
    text-align: center;
}

.container-70{
    width: 70%;
    margin: 0 auto;
}
.container-full{
    width: 90%;
    margin: 0 auto;
}

p.meret-1 {
    font-size: larger;
    
}

p.meret-2 {
    font-size: smaller;
    
}
.padding-1{
    padding: 0.5rem 0;
}

.main-wrapper {
     background: #ffffff;
}
.page-title-wrap {
     padding: unset;
 }
 .section-1 .block-region, .section-2 .block-region, .section-3 .block-region, .section-4 .block-region, .section-5 .block-region, .section-6 .block-region, .section-7 .block-region, .section-8 .block-region {
    padding: 3rem 0;
}
.szin2{
    color: darkgrey;
}
.dolt{
    font-style: italic;
}
.block-title {
    border-bottom: 1px solid;
    display: inline-block;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    padding-right: 10rem;
    font-family: 'Montserrat';
}
.block-title strong {
    color: #964F1D;
    text-transform: uppercase;
    font-family: 'Aboreto';
}

a.button2 {
    border: 1px solid white;
    padding: 0.3rem 1rem;
    color: white;
}
a.button3 {
    border: 1px solid #964F1D;;
    padding: 0.3rem 1rem;
    color: #363636;
}

.pager-item a {
    background: none;
 
}
.pager-item-control {
    border: none;
}
.pager-item-active {
    display: none;
}
.pager-items {
    display: flex;
    justify-content: center;
    gap: 40%;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 120px;
    align-items: center;
}

.pager-item img {
    height: 100px;
}

.alergenek {
    font-size: 0.6rem;
    color: darkgrey;
    font-style: italic;
}

#main {
    background: none;
}
.main-wrapper {
 
    padding: 0;
 
}
.page-title {
    color: #964F1D;
    text-transform: uppercase;
    font-family: 'Aboreto';
    border-bottom: 1px solid black;
    display: inline-block;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    padding-right: 10rem;
}
/*------------------Top menü------------------*/
.flex2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.space {
    /* width: 200px; */
    flex: 0 200px;
}
.top-icons {
    z-index: 5;
    right: 0;
    min-height: 80px;
    
}
.top-icons img {
    width: 31px;
    max-width: unset;
}
.top-icon-menu {
    display: flex;
        justify-content: center;
        
        align-items: center;
}
.top-icon-menu .menu-item {
     cursor: pointer;
     padding: 10px;
}
.top-icon-menu .label {
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
    height: 30px;
}


/*----------------------Header-----------*/

.site-branding {
    width: 100%;
    transition: all 0.4sease-in-out;
}


.header {
    background-color: rgba(255, 255, 255, 0.9);
}
.is-sticky .header {
    background-color: white;
    z-index: 3!important;
}

.header-top img.logo {
    width: 440px;
    transition: all 0.4sease-in-out;
}
.site-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4sease-in-out;
}

.region-primary-menu .menu {
    
    font-family: 'Aboreto';
}
.header-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
    flex-wrap: wrap;
}
.site-logo img {
    width: auto;
    max-height: 150px;
    transition: all 0.4sease-in-out;
}
.region-primary-menu .menu-item-level-1 {
    border: 1px solid transparent;
}

.region-primary-menu .menu-item-level-1 a {
    position: relative;
    transition: all 0.5s;
}

.region-primary-menu .menu-item-level-1 a:hover, .region-primary-menu .menu-item-level-1 > span:hover {
    background-color: #e5d9d1;
    color: #985d18;
    transition: all 0.5s;
    
}
.region-primary-menu .menu-item-level-1:hover {
    background-color: transparent;
    color: #985d18;
    border: 1px solid #985d18;
    transition: all 0.5s;
}


/*----sTYCKY----*/
.is-sticky .site-brand {
    display: flex;
    align-items: center;
    justify-content: unset;
    transition: all 0.4sease-in-out;
}
.is-sticky .site-branding {
    width: unset;
    transition: all 0.4sease-in-out;
}
.is-sticky .site-logo img {
    width: auto;
    max-height: 80px;
    transition: all 0.4sease-in-out;
}

/*-----------------SLIDE------------*/
.slider .napimenu.item {
    background: #4343437d;
    border-radius: 0 1rem 1rem 0;
    color: #FFF9E0;
}

.slider h2.block-title {
    color: #FFF9E0;
}

.slider strong {
    color: #FFF9E0;
}

.heder-slider-container{
    background: url(../images/slide-bg-2.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
    background-attachment: fixed;
}
.slider {
    position: relative;
    background: none;
    z-index: 2;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /*margin-top: 100px;*/
    color: #FFF9E0;
    height: unset;
    padding: 6rem 0;
}


.slider .item {
    flex: 40rem;
    padding: 2rem;
    max-width: 36rem;
}

.slider .hero {
    text-align: end;
    border-right: 1px solid;
}
.hero .sor-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}


/*--------------MAMIMENU SLIDER----------*/
.slider .cim {
    font-family: aboreto;
    font-size: 2rem;
}
.napimenu .label {
    font-family: 'Aboreto';
    font-size: 1.6rem;
    line-height: 0.6;
}

.napimenu .sor {
    margin: .9rem 0;
}

.container-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 350px;
}


/*------------Üdvözlet--------*/
section.section-1 {
    
    font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
line-height: 2rem;
text-align: justify;
letter-spacing: 0.12em;
}

.items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.items-container .item .itemlink {
    display: flex;
    align-items: center;
}

.items-container .ikon {
    width: 50px;
}
.items-container span.text strong {font-weight: normal;color: #964F1D;}

/*---------------SÉF üzenete-------------*/
.section-2 .text {
    border: 1px solid lightgrey;
    padding: 2rem;
    width: 689px;
    margin-left: -100px;
    background: white;
    text-align: left;
    font-size: smaller;
}

.section-2 .custom-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.section-2 .picture {
    min-width: 200px;
}
.section-2 {
    background: url(../images/banner-bg-4.jpg);
    background-size: cover;
    background-attachment: fixed;
}
p.alairas {
    color: darkgrey;
    font-style: italic;
}
h2.szin1 {
    font-family: aboreto;
    color: #964F1D
}
.section-2 strong{
    font-weight: normal;
    color: black;
    font-family: 'Montserrat';
    font-size: 1.3rem;
}
.section-2 h2 {
    margin: 0 0 -0.9rem 0;
}


/*----------------HETI Menü-----------*/
.heti-menu .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.heti-menu .view-content .views-row {
    flex: 1 200px;
    padding: 0.1rem;
}
.heti-menu .box-2 {
    border: 1px solid darkgray;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    min-height: 280px;
    background: #f1f1f1;
    width: 280px;
}
.heti-menu .box-2 .nap {
    rotate: 270deg;
    text-transform: uppercase;
    font-family: 'Aboreto';
    font-size: 22px;
    color: #964f1d;
}
.heti-menu .adat {
    font-size: 13px;
    font-style: italic;
}

.heti-menu .cimke {
    color: #964f1d;
}

.heti-menu .sor {
    margin-bottom: 0.5rem;
}
.heti-menu span.oszlop1 {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 40px;
}
.heti-menu-tarto {
    display: flex;
    justify-content: center;

    
}
.heti-menu-tarto .elmult_napok {
    opacity: 0.5;
}

/*----------------Itallap--------------*/
td.views-field-field-ar-2cl, td.views-field-field-ar-4cl, td.views-field-field-ar__8cl, td.views-field-field-ar-uveg, td.views-field-field-palack-bottle-0-75-l, td.views-field-field-ar  {
    width: 111px;
}
td.views-field-field-pinceszet {
    width: 300px;
}

#etlap .title-tarto {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#itallap .title-tarto {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
#bisztro .title-tarto {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
#borlap .title-tarto {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
#felpanzio .title-tarto {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#itallap h2.block-title, #borlap h2.block-title, #bisztro h2.block-title, #etlap h2.block-title, #felpanzio h2.block-title {
    border: 1px solid darkgray;
    width: 700px;
    padding: 0.5rem;
    background: #e5d9d1;
    text-transform: uppercase;
    font-family: 'Aboreto';
    color: #964f1d;
}
#itallap .block-content, #borlap .block-content, #bisztro .block-content, #etlap .block-content, #felpanzio .block-content  {
 
    width: 80%;
    margin: 0 auto;
    width: 70%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1rem;
    border: 1px solid #9e5d2f;
    min-height: 750px;
 
}

#etlap .block-content{
    margin-right: 4rem;
}

#bisztro .block-content{
    margin-left: 4rem;
}
#itallap .block-content{
    margin-left: 4rem;
}
#borlap .block-content{
    margin-right: 4rem;
}
#felpanzio .block-content{
    margin-right: 4rem;
}

.borinfo .ismerteto {
    font-size: 0.7rem;
    width: 80%;
    font-style: italic;
    color: #a96f47;
    padding-left: 1rem;
}
/*hátterek*/
#etlap .container{
    background: url(../images/etlap-bg.png);
    background-position: left top;
    background-repeat: no-repeat;
}

#bisztro .container{
    background: url(../images/bisztro-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
}

#itallap .container{
    background: url(../images/itallap-bg.png);
    background-position: right top;
    background-repeat: no-repeat;
}
#borlap .container{
    background: url(../images/borlap-bg.png);
    background-position: left top;
    background-repeat: no-repeat;
}
#felpanzio .container{
    background: url(../images/etlap-bg.png);
    background-position: left top;
    background-repeat: no-repeat;
}


/*------------Étlap-----------*/

.reszletezes {
    font-size: 0.8rem;
    padding-left: 1rem;
}


/*----------*/



#itallap th, #borlap th, #bisztro th, #etlap th, #felpanzio th {
    background: unset;
    font-family: 'Aboreto';
    color: #964f1d;
    margin: 0;
    padding: 10px;
    border: none; 
    text-align: center;
    font-weight: 300;
}

#itallap td, #borlap td, #bisztro td, #etlap td,  #felpanzio td {
    padding: 5px 10px;
    border-bottom: 1px solid var(--border);
    border-top: none;
    border-left: none;
    border-right: none;
}
#itallap caption, #borlap caption,  #bisztro caption, #etlap caption, #felpanzio caption {
    text-align: left;
    color: #964f1d;
    font-family: 'Aboreto';
    font-size: larger;
}
/*----------------GALÉRIA---------------*/



.view-galeria-blokk .field-content {
    border: 1px solid #964f1d;
    padding: 1px;

}
.view-galeria-blokk .image-field {
 margin: unset;
}

.galeria-page .galeria img {
    /* position: absolute; */
    width: 100%;
    height: 100%;
}

.galeria-page .galeria {
    padding: 2px;
    border: 1px solid #944e1d;
}
.galeria-page .galeria .szoveg {
    text-align: center;
    background: #f2e8dd;
    padding: 0.4rem;
}
.galeria-page .galeria .image-field {
    margin: 0;
}
.galeria-page .galeria .kep-datum {
    position: relative;
}

.galeria-page .galeria .datum {
    position: absolute;
    bottom: 0;
    background: #f2e8ddc9;
    padding: 0.3rem 2rem;
    border-radius: 0;
    left: 50%;
    transform: translate(-50%);
    font-size: 16px;
}


/*-----------------Vendégkönyv------*/
.section-8 {
    background: url(../images/banner-bg-4.jpg);
    background-size: cover;
    background-attachment: fixed;
}
#velemenyek .view-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#velemenyek .views-row {
    flex: 1 300px;
}
#velemenyek  span.vezeteknev {
    color: #964f1d;
    text-transform: uppercase;
    font-size: 1.5rem;
}

#velemenyek  span.keresztnev {
    color: black;
    font-size: 1.2rem;
}

#velemenyek  .nev {
    border-bottom: 1px solid;
    /* display: inline-block; */
}

#velemenyek .box3 {
    padding: 2rem;
}
#velemenyek .ertekeles-tarto {
    display: flex;
    justify-content: space-around;
}

#velemenyek span.ertekeles {
    padding: .4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#velemenyek .velemeny {
    font-size: 0.9rem;
    padding: 1rem 0;
}
div#block-tarapro-tovabbagoogleertekelesre {
    text-align: center;
}

/*--------------Footer----------*/
#footer {
    background: #4F3829;
    
}
#footer .block-content{
    color: white;
}
#footer .block-content a{
    color: white;
}
.region-footer-first {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 100%;
}
#footer .logo {
    width: 100%;
}
.adatok .sor {
    display: flex;    ;
        padding: 1rem 0.5rem;
        font-family: 'Montserrat';
        align-items: center;
        font-size: 0.9rem;
}
#footer .adatok .ikon {
    margin-right: 1rem;
}
#footer .adatok .cimke {
    margin-right: 0.6rem;
}
#footer .footer-block {
    flex: 0 400px;
}
.footer-blocks {
    position: relative;
    display: flex;
    padding: 1rem 0;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-bottom {
    position: relative;
    padding: 0;
}
/*------------------Kapcsolat form------------*/
.kapcsolatfelvetel input[type=text], .kapcsolatfelvetel input[type=email], .kapcsolatfelvetel input[type=url], .kapcsolatfelvetel input[type=password], .kapcsolatfelvetel input[type=search] {
    background: none;
    max-width: 100%;
    padding: 0.5rem;
    border-bottom: 1px solid white;
    box-shadow:none;
    border-radius:0;
    transition: all 0.3s linear; 
    border-top: none;
    border-left: none;
    border-right: none;
    color: white;
    width: 100%;
}

.kapcsolatfelvetel textarea {
    width: 100%;
    max-width: 100%;
    padding: 0.5rem;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: auto;
    vertical-align: top;
    transition: all 0.3s linear;
    background: none;
    border-bottom: 1px solid white;
    color: white;
}
.kapcsolatfelvetel input[type=submit] {
    display: inline-block;
    background: none;
    color: #ffffff;
    padding: 8px 1rem;
    border: 1px solid #ffffff;
    border-radius: 0;
    transition: all 0.4s ease-in-out;
    line-height: 1.6;
}

.block-region.region-footer-second {
    width: 500px;
}
.kapcsolatfelvetel .input{
    width: 100%;
}
.barna input, .barna textarea {
    padding: 9px 6px;
    outline: 0;
    max-width: 100%;
    border: 1px solid #964f1d;
    border-radius: 0.5rem;
    box-shadow: unset;
}
.barna label, .barna legend {
    font-weight: normal;
    color: #964f1d;
}
.barna input[type=submit] {
    display: inline-block;
    background: none;
    color: #964f1d;
    padding: 8px 1rem;
    border: 1px solid #964f1d;
    border-radius: 0;
    transition: all 0.4s ease-in-out;
    line-height: 1.6;
}
.barna label.option {
    border: 1px solid brown!important;
    border-radius: 0.5rem!important;
}
.webform-options-display-buttons input:checked + label.webform-options-display-buttons-label {
    color: #000;
    border-color: #d6620e;
    background: #f2e8dd;
}
.barna input:checked:focus + label.webform-options-display-buttons-label {
    box-shadow: 0 0 5px #464646!important;
}


/*----------------------Rendezvényeink-----------------*/

.rendezveny-keret {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.oszlop_egy {
    flex: 0 1 300px;

}

.oszlop_ketto {
        flex: 1 300px;
}

.oszlop_harom {
    flex: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.rendezveny-keret .kep img {
    width: 100%;
}

.rendezveny-keret .cim {
    font-family: alberto;
    text-transform: uppercase;
    color: #97501f;
}

.rendezveny-keret .reszletek {
    font-size: 0.8rem;
}
.rendezveny-keret .ar {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.letoltesek {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.letoltes {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 1rem;
    padding: 0.5rem;
    background: #f2e8dd;
}
a.button4 {
    margin-left: 1rem;
}


/*-------------Calendár nézet------------*/
.calendar-view li {
    list-style: none;
}

.asztalfoglalas .block-title {
    color: #964F1D;
    text-transform: uppercase;
    font-family: 'Aboreto';
    border-bottom: 1px solid black;
    display: inline-block;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    padding-right: 10rem;
}
.asztalfoglalas caption {
    font-size: 1.8rem;
    border-bottom: 1px solid;
    margin-bottom: 1rem;
}
.asztalfoglalas .fieldset-wrapper {
    display: flex;
    gap: 2rem;
}
.asztalfoglalas .fieldset-wrapper h4 {
    font-size: 1.3rem;
    display: none;
}





/*----------MEDIA------------*/

@media only screen and (max-width: 480px) {

.flex2 {

    flex-direction: column;
}

.space {
    width: unset;
    flex: unset;
}
.header-container {
     flex-wrap: unset;
}
.top-icons .label {
    text-align: center;
}
#footer .footer-block {
    flex: unset;
}
.block-region.region-footer-second {
   width: 100%;
}
.block-title {
 
    padding-right: unset;
 
}
.heti-menu-tarto {

   flex-wrap: wrap; 
}
#itallap .block-content, #borlap .block-content, #bisztro .block-content, #etlap .block-content {
    width: 100%;
 
}

.section-2 .text {
    
    margin-left: 0;
    
}
#bisztro .block-content {
    margin-left: 0rem;
}
#borlap .block-content {
    margin-left: 0rem;
}
.heti-menu .box-2 {
 
    width: 100%;
}

}