/*-------------Basic-----------------*/
p.button-container {
    text-align: center;
    margin: 1rem 0;
}
p.elrendezes1 {
    padding: 0;
    margin: 0;
    font-size: 1.3rem;
    font-weight: lighter;
}
.bg-1 {
    background-color: #ffffff;
}
.bg-2 {
    background-color: #f5f5f5;
}
.bg-3 {
    background: #aaa;
 }
.main-wrapper {
    padding: 0 !important;
}
.image-field {
    margin: 0!important;
}
.page-title {
    margin: 0;
}
#section1 {
    padding: 5rem 0;
}
.container-80 {
    max-width: 80%;
    margin: 0 auto;
}
.container-small {
    max-width: 700px;
    margin: 0 auto;
}
.padding5 {
    padding: 5rem 0;
}

/*------------Slider hátterek-------------------*/
.slider-bg-1 {
    background-image: url(../images/slider-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 60vh;
    background-attachment: fixed;
    display: flex;
    align-items: center;
}
.slider-bg-2 {
    background-image: url(../images/cars-city-traffic-daylight.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 30vh;
    background-attachment: fixed;
    display: flex;
        align-items: center;
}
.slider-bg-3 {
    background-image: url(../images/man-reading-newspaper.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 30vh;
    background-attachment: fixed;
    display: flex;
        align-items: center;
}
.slider-bg-4 {
    background-image: url(..//images/explaining-person-group-results-team-table.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 30vh;
    background-attachment: fixed;
    display: flex;
        align-items: center;
}
.slider-bg-5 {
    background-image: url(../images/suitcase-is-table-with-suitcase-it-suitcase-floor.jpg);
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-position: top;
    min-height: 30vh;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    background-position: bottom;
}
.slider-bg-6 {
    background-image: url(../images/row-bicycles-with-blurred-city-background.jpg);
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: top;
    min-height: 30vh;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    background-position: bottom;
}



.slider-bg-2 h1, .slider-bg-3 h1, .slider-bg-4 h1, .slider-bg-5 h1, .slider-bg-6 h1 {
    background: #8a8a8a91;
    padding: 1rem 2.5rem;
    border-radius: 1rem;
    text-transform: uppercase;
}


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

.custom-slider {
    /*background-image: url(../images/slider-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 60vh;*/
    position: relative;
    
}
.custom-slider .slider-content {
    color: #fff;
    text-align: left;
    padding: 50px 0;
    text-transform: uppercase;
}
.custom-slider .slider-content h1 {
    font-size: 3rem;
    margin-bottom: 20px;
    color: white;
    text-transform: none;

}

    .custom-slider:after {
        content: "";
        background-image: url(../images/slider-bg-elvalaszto.png);
        display: block;
        z-index: 1;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        height: 172px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; 
    }
    .custom-slider-full {
        
        max-width: 1210px;
        margin: 0 auto;
    }
 /*----------------FONTOS-------------*/
 section.custom-fontos {
    background: #f5f5f5;
    text-align: center;
}
.custom-fontos table {
    width: auto;
    margin: 0 auto;
}
.custom-fontos table td {
    border: none;
}

div#block-tarapro-elvalaszto {
    background-image: url(../images/elvalaszto-2.png);
    height: 64px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-color: white;
}
/*---------------Figyelem kártya------------------*/
.figyelem-kartya-tarto .view-content {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.figyelem-kartya-tarto .views-row {
    flex: 1 300px;
    padding: 1rem;
}

.figyelem-kartya {
    background: #26a769;
    color: white;
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    border-radius: 1rem;
}
.figyelem-kartya .ikon {
    min-height: 5rem;
    display: flex;
    align-items: center;
}

.figyelem-kartya .cím {
    min-height: 3rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.9rem;
    font-family: roboto;
    padding: 0.5rem;
}

.figyelem-kartya .lead {
    min-height: 7rem;
    padding: 0 1rem;
}
/*----------------Cikkek------------------*/
.node-type-article .field-item, .node-type-galeria .field-item {
    border-radius: 1rem;
    overflow: hidden;
}

.node-type-article .field, .node-type-galeria .field {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-around;
}

section#hirek {
    background: #797979;
    padding: 5rem 0;
}
.hirek .view-content {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    
}

.hirek .views-row {
    flex: 1 300px;
    background: white;
    border-radius: 1rem;
    overflow: hidden;
}
.cikkek-box img.image-field {
    width: 100%;
}
.cikkek-box .cim {
    text-align: center;
    margin: 1rem 0;
    font-weight: bold;
    font-size: 1.2rem;
    padding: 1rem;
    min-height: 4rem;
}

.cikkek-box .lead {
    padding: 1rem;
    font-size: 0.9rem;
    
}
.cikkek-box .tovabb {
    text-align: center;
    margin: 1rem 0;
}

/*--------------KRESZTÁR------------------*/

.kep-szoveg {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.kep {
    flex: 0 1 300px;
    display: flex;
    justify-content: center;
}

.szoveg {
    flex: 1;
    min-width: 200px;
}

/*------------------Galéria------------*/
.galeria-box {
    position: relative;
}

.view-galeria .view-content {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-around;
}

.view-galeria .views-row:hover {
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}

.galeria-box .kep {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}

.galeria-box .cim {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000000de;
    /* font-size: 2rem; */
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 1rem;
    background-color: #f5f5f59e;
    border-radius: 1rem;
    width: 90%;
}

/*------------------Footer------------*/
#footer {
    position: relative;
    display: block;
    background: url(../images/footer-bg.jpg);
    width: 100%;
    border-top: 4px solid #fff;
    z-index: 0;
    padding: 5rem 0;
    background-repeat: repeat-x;
    background-color: white;
}
#footer .kiemelt-1 {
    font-size: 1.8rem;
    background: green;
    color: white;
    display: inline-block;
    padding: 1rem;
    text-transform: uppercase;
    letter-spacing: 3px;
}
#footer .kiemelt-2 {
    font-size: 2rem;
    color: #31a629;
    padding: 1rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bolder;
}
#footer .kiemelt-3 {
    color: #fdbe11;
    font-weight: bold;
    font-size: 1.2rem;
}
/*----------------Közhasznúsági jelentés------------*/
.jelentes-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid lightgrey;
    inline-size: fit-content;
    border-radius: 2rem;
    margin: 1rem;
    padding: 0.5rem 1rem;
    background: white;

}
.jelentes-box .cim {
    padding: 0 1rem;
}

/**************************************************************/

@media screen and (max-width: 768px) {
    .custom-slider .slider-content h1 {
        font-size: 2rem;
    }
    .custom-slider-full {
        padding: 5% 0;
    }
    .figyelem-kartya-tarto .view-content {
        flex-direction: column;
    }
    .figyelem-kartya-tarto .views-row {
        flex: 1 100%;
    }
    .cikkek-box .lead {
        font-size: 0.8rem;
    }
    .cikkek-box .cim {
        font-size: 1rem;
    }
    .cikkek-box .tovabb {
        font-size: 0.8rem;
    }
    .custom-slider .slider-content {
        color: #fff;
        text-align: center;
        padding: 50px 1px;
        text-transform: uppercase;
    }
    #footer .kiemelt-1 {
        font-size: 1.2rem;
     
    }   
}