a:hover{
    text-decoration: none;
}

body {
    overflow-x: hidden;
    background: #ffffff;  
    font-family: 'Poppins';
}

.wp-block-buttons {
    position: relative;
    z-index: 10;
}


.aktualis-hirek-grid {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 30px;
    margin: 40px auto;
    max-width: 1200px;
    padding: 0 20px;
    display: grid;
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
    padding: unset;
}

.hir-item {
    background: linear-gradient(180deg, #FFFFFF 73.08%, #F2F2F2 100%);
    box-shadow: 0px 14px 10px rgba(0, 0, 0, 0.06);
    border-radius: 33px;
    /*overflow: hidden;*/
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin: 10px 10px 20px 10px;
    padding-bottom: 25px;
    width: 100%;
}


.slick-dots li button:before{
    opacity: .75;
    color: #16518B !important;;
    font-size: 8px !important;;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #16518B !important;;
}


.hir-item:hover {
    transform: translateY(-5px);
    box-shadow: 0px 20px 15px rgba(0, 0, 0, 0.1);
}

a.featured-image-link {
    position: relative;
    width: 100%;
    height: 225px;
    border-radius: 33px;
    overflow: hidden;
    display: block;
}

img.featured-image.wp-post-image {
    width: 100%;
}

.category-before-image {
    position: absolute;
    top: 10px;
    left: -10px;
    z-index: 10;
}

.category-before-image > a {
    background: #16518B;
    border-radius: 45px;
    display: block;
    padding: 5px 15px;
    color: white;
    font-size: 13px;
    font-weight: 600;
}

.hir-item h3.post-title {
    padding: 15px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 19px;
    line-height: 26px;
    display: flex;
    align-items: center;
    min-height: calc(3 * 26px);
}

.hir-item h3.post-title a{
    color: #16518B; 
}

.hir-item p.read-more {
    margin: unset;
    background: #2E925B;
    border-radius: 45px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.hir-item p.read-more a {
    color: white;
    padding: 10px 20px;
    display: block;
    font-size: 13px;
}

a.the_btn.outline {
    border-color: #16518b;
    border-width: 1px;
    color: #16518b;
    font-size: 13px;
    padding: 0.5em 1em;
    border-style: solid;
    border-radius: 30px;
}

a.wp-block-button__link.has-background.wp-element-button {
    color: white;
}

.row.info {
    display: flex;
    flex-direction: column;
}

.row.info > div {
    flex: auto;
}

a.post-edit-link {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3), inset 0px 5px 10px rgb(255 255 255 / 30%);
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 0.75em 2em;
    background: #16518b;
    color: white;
    font-family: 'Poppins';
    font-weight: 500;
    border-radius: 30px;
}

footer.footer .widget_block :is(div) > i {
    color: white;
    background: #2E925B;
    padding: 5px;
    font-size: 24px;
    border-radius: 50px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}


.header-cont.container {
    position: absolute;
    top: 0px;
    z-index: 10;
    max-width: 1250px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

a.navbar-brand {
    margin: unset;
    padding: 10px;
    background: #16518B;
    border-radius: 0px 0px 33px 33px;
}

.header-content-container {
    padding: 20px 0px;
}

.header-content-container .menu ul {
    display: flex;
    list-style-type: none;
    gap: 10px;
    flex-direction: row;
    justify-content: flex-end;
    margin: unset;
    padding: unset;
}

.header-content-container .menu ul li a {
    padding: 0.7em 1.25em;
    background: white;
    border-radius: 20px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.25em;
    display: flex;
    align-items: center;
    color: #16518B;
    margin-bottom: 10px;
}

ul#menu-feljec-menu-zold li a {
    background: #2e925b;
    color: white;
}

.header-content-container .menu ul li a{ 
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

.header-content-container .menu ul li a:hover {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3), inset 0px 0px 5px rgb(0 0 0 / 30%), inset 0px 22px 7px rgb(255 255 255 / 10%);
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.fastlinks i {
    font-size: 46px;
    margin-left: -30px;
}

.fastlinks .wp-block-group.has-white-color,
.n2-section-smartslider *:not(.contact, .contact *) {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) !important;
}

.n2-section-smartslider .contact,
.n2-section-smartslider .contact * {
    text-shadow: none !important;
}

header.wp-block-cover.is-light.hero {
    position: relative;
}

.hero .contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}

.hero .contact > div {
    background: white;
    width: max-content;
    padding: 10px 20px 10px 10px;
    border-radius: 50px;
}

.hero .contact > div i {
    margin-right: 3px;
    font-size: 27px;
    vertical-align: sub;
    color: #16518B;
}

.hero .contact a {
    font-weight: 600;
    color: #16518B;
    font-size: 15px !important;
}

.wp-block-button:not(.badge-btn, .no-auto-arrow) .wp-block-button__link.has-background.wp-element-button::after {
    content: "\f0a9";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    margin-left: 5px;
    display: inline-block;
    transition: transform 0.2s ease;
    font-size: 25px;
    line-height: 17px;
    vertical-align: sub;
    margin-right: -8px;
    margin-top: 2px;
}

.wp-block-button__link.has-background.wp-element-button:hover::after {
    transform: translateX(2px);
}

div#btn-prev a, div#btn-next a {
    font-size: 29px !important;
    padding: unset;
    margin: unset;
    width: 44px;
    height: 44px;
    line-height: 47px;
}


body > footer.footer ul.menu {
    list-style-type: none;
    padding: unset;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body > footer.footer ul.menu a {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    color: #16518B;
}

body > footer.footer ul.menu li.current-menu-item a {
    color: #5C9EDD !important;
}

footer.sub-footer {
    padding: 10px;
    position: relative;
    background: #16518B;
    color: white;
}

footer.sub-footer .copyrights {
    color: white;
    font-size: 12px;
    padding: 8px;
}


/* menu icon */

#menu-icon{
    font-size: 27px;
    color: white;
    top: 10px;
    right: 10px;
    position: fixed;
    background: #2e925b;
    border-radius: 10px;
    padding: 10px 20px;
    z-index: 20;
    cursor: pointer;
}

div#menu-icon.active {
    background: #16518b;
}

.mobilemenu-container{
    display:none;
}

.menu-container.mobilemenu-container.active {
    position: fixed;
    display: block;
    z-index: 20;
    top: 80px;
    width: calc(100% - 23px);
    background: #16518bf5;
    left: 10px;
    border-radius: 10px;
}

.mobilemenu-container nav.menu ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    margin-bottom: unset;
}

.mobilemenu-container nav.menu ul li a {
    font-size: 16px;
    font-weight: 600;
    color: white;
    padding: 8px 0px;
    display: block;
}

.mobilemenu-container nav.menu ul li:last-child a {
    border-bottom: unset;
}

.mobilemenu-container nav.menu ul li:first-child a {
    border-top: unset;
}

.mobilemenu-container nav.menu ul li a{
    border-bottom:1px solid rgba(0,0,0,0.2);
    border-top:1px solid rgba(255,255,255,0.2);
}

/* page header */
.preheader {
    background: url(https://dev.thetrendplus.com/tiszahorgaszegyesulet/wp-content/uploads/2026/02/bg_light_01.png);
}

.preheader .row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


.preheader .contact > div i {
    margin-right: 3px;
    font-size: 22px;
    vertical-align: sub;
    color: #16518B;
}

.preheader .contact a {
    font-weight: 600;
    color: #16518B;
    font-size: 14px !important;
}

.preheader .contact {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.preheader .contact > div {
    background: white;
    width: max-content;
    padding: 5px 15px 5px 10px;
    border-radius: 50px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.preheader a.navbar-brand {
    margin-bottom: -40px;
}

/* background-color:linear-gradient(to bottom, RGBA(0,0,0,0.43) 0%,RGBA(0,0,0,0.13) 100%); */


.header-cont:not(.container) {
    background-image: url(https://dev.thetrendplus.com/tiszahorgaszegyesulet/wp-content/uploads/2026/01/bonding-1868513_1920.jpg);
    background-size: cover;
    background-position: 0px -220px;
}


h1.page-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 1.3em;
    color: #FEF9FF;
    padding: 10px 0px;
    position: absolute;
    bottom: 10px;
}

.header-cont:not(.container) .container {
    position: relative;
    min-height: 300px;
}

/* category */ 

.page_content.blog.normal {
    margin: 50px 0px;
}

article.row {
    background: linear-gradient(180deg, #FFFFFF 73.08%, #F2F2F2 100%);
    box-shadow: 0px 14px 10px rgba(0, 0, 0, 0.06);
    border-radius: 33px;
    padding: 0;
    position: relative;
    display: flex;
    overflow: hidden;
    margin-bottom: 30px;
}

header.entry-header {
    margin-top: 10px;
}


.thumbnail-col {
    padding: 0px;
}

.thumbnail-col > div {
    width: 350px;
    aspect-ratio: 4 / 3;
    max-width: 100%;
}

.post-thumbnail a {
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 30px;
    background-size: auto;
    background-position: center;
}


.thumbnail-col .post-thumbnail img {
    object-fit: contain;
    object-position: center;
}

.post-thumbnail img {
    object-fit: contain;
    object-position: center;

}

.post-category > span a {
    background: #16518B;
    border-radius: 45px;
    display: inline-block;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 600;
    color: white;
}

h2.entry-title a {
    color: #16518b;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
}


.hir-item a.featured-image-link {
    background-size: cover;
    background-position: center;
}


.entry-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 6px;
}

.entry-meta span.date {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    color: rgba(54, 54, 54, 0.5);
    mix-blend-mode: normal;
}

span.span-reading-time.rt-reading-time {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 21px;
    color: #363636;
    mix-blend-mode: normal;
}

.entry-meta i {
    color: #16518b;
    font-size: 20px;
    vertical-align: middle;
}

.entry-content {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    color: #16518B;
    margin-bottom: 15px;
}

.entry-footer > div {
    display: flex;
    justify-content: flex-end;
}

body.single main footer div.social_share {
    background: #f7f7f7;
    padding: 10px 17px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.social_share p {
    margin-bottom: unset;
    font-weight: bold;
    color: #16518b;
}

/* page */

body.page .post-content {
    margin-top: 50px;
}

/* ninja forms */


.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button], [type=submit]), .nf-form-content textarea {
    padding: 8px 10px !important;
    border-radius: 25px !important;
    border: 1px solid #cecece !important;
    font-size: 15px !important;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.025), -5px -5px 6px rgba(255,255) !important;
    background: white !important;
}

.nf-error.field-wrap .nf-field-element:after {
    height: 30px !important;
    width: 30px !important;
    line-height: 30px !important;
    border-radius: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 10px !important;
}

.nf-after-field .nf-error-msg {
    margin-right: 10px;
    font-size: 12px;
}

#ninja_forms_required_items, .nf-field-container {
    margin-bottom: 10px !important;
}

.listcheckbox-wrap label {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1em;
}

input#nf-field-4 {
    margin: unset;
    min-width: 230px;
}

.nf-form-fields-required {
    text-align: right;
    font-size: 10px;
}

.nf-form-content textarea.ninja-forms-field {
    height: 120px !important;
}

label#nf-label-field-8-0 {
    font-size: 15px;
    margin-bottom: -2px !important;
    position: relative;
}
.nf-form-layout {
    padding: 14px;
    background: white;
    border-radius: 25px;
}

.nf-error-msg.nf-error-field-errors {
    font-size: 12px;
}
div.nf-field-element input[type=submit] {
    background-color: #2e925b;
    border-width: 0;
    color: #ffffff;
    font-family: Poppins;
    font-size: 14px;
    font-style: inherit;
    font-weight: 600;
    letter-spacing: inherit;
    line-height: inherit;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
    text-decoration: none;
    text-transform: inherit;
    border-radius: 30px;
    min-width: 250px;
    margin: 0px auto;
    display: block;
}

/* 404 */

a{color: #16518b;}

article#post-404 {
    padding: 8em 0em 1em;
    text-align: center;
    margin-top: 0em;
    font-family: 'Poppins';
    font-style: normal;
    font-size: 38px;
    line-height: 61px;
    text-transform: uppercase;
    color: #333;
}

article#post-404 h1 {
    font-weight: 700;
    color: #16518b
}

article#post-404 h2 {
    text-transform: initial;
    font-weight: 700;
}

/* lapozo */

.pagination {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
}

.pagination > * {
    background: #16518b;
    border-radius: 30px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: white;
    padding: 10px 16px;
}

.pagination span.page-numbers.dots {
    background: #cfcfcf;
}

span.page-numbers.current,
.pagination > a:hover {
    background-color: #2e925b;
    color: white;
    font-family: 'Poppins';
}

/* mobile */

.onlymobile{display:none;}

/* animations */

a, img, i, div, ul, li, ::after, ::before, :after, :before, button, p, a.wp-element-button {
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.noanimation, .no-animation, .n2_clear, .n2_clear * {
	-webkit-transition: unset;
	-moz-transition: unset;
	-o-transition: unset;
	transition: unset;
}

.blur {
    filter: blur(1px);
    -moz-filter: blur(1px);
    -webkit-filter: blur(1px);
    -o-filter: blur(1px);
}

div.wp-block-group:not(.visiblecontent, .hero) {
    opacity: 0;
    filter: blur(10px);
    position: relative;
    top:50px;
}

div.wp-block-group.visiblecontent {
    opacity: 1;
    filter: blur(0px);
    position: relative;
    top:0px;
}

div.wp-block-group.visiblecontent {
	-webkit-transition: all 0.55s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}



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

}

@media screen and (max-width:765px){
	.container {
		max-width: 95%;
	}  
	.onlymobile{display:block;}
    .hidemobile{display:none !important;}   
    a.post-edit-link {
        z-index: 100;
        bottom: 34px;
        top: unset;
        width: 90%;
        right: 5%;
        text-align: center;
    }
    .col-quick-btns {
        text-align: center;
    }
    .col-quick-btns i {
        margin: unset;
        margin-top: -10px;
    }
    div#aktualis-hirek {
        padding: 0px 10px;
    }
    div#aktualis-hirek > div {
        gap: unset;
    }
    div#aktualis-hirek .wp-block-buttons {
        justify-content: center;
    }
    div#aktualis-hirek h2.wp-block-heading {
        text-align: center;
    }
    div#aktualis-hirek > div:first-child {
        margin-bottom: unset !important;
        padding-bottom: unset !important;
    }
    div#tovabbi-kategoriak a {
        width: 100%;
        text-align: center;
    }
    div#tovabbi-kategoriak {
        padding: 0px 10px;
    }
    div#block-7 h2 {
        text-align: center;
    }
    footer.footer .wp-block-button {
        width: 100%;
    }
    .hero .contact {
        align-items: center;
    }
    .hero .contact > div {
        width: 100%;
        text-align: center;
    }
    .hero .contact a {
        font-weight: 600;
        color: #16518B;
        font-size: 14px !important;
    }
    h2.wp-block-heading {
        text-align: center;
    }
    div#tovabbi-kategoriak > p {
        text-align: center;
        width: 100%;
    }
    div#tovabbi-kategoriak {
        margin-bottom: 10px;
    }
    footer.footer figure.wp-block-image {
        text-align: center;
    }
    body > footer.footer ul.menu {
        list-style-type: none;
        padding: unset;
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: center;
    }
    footer.footer .wp-block-group:has(i) {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    footer.footer {
        text-align: center;
    }
    footer.sub-footer .copyrights {
        text-align: center;
    }
    .copyrights span {
        width: 100%;
        display: inline-block;
    }
    div#rolunk .wp-block-column:has(h2) > .wp-block-buttons {
        display: flex;
        justify-content: center;
    }
    a.navbar-brand img.logo {
        max-height: 70px;
    }
    .thumbnail-col > div {
        width: 100%;
    }
    .entry-meta {
        display: flex;
        gap: 0px;
        margin-bottom: 6px;
        flex-direction: column;
    }   
    .preheader .contact {
        display: none;
    }  
    .header-cont:not(.container) {
        background-image: url(https://dev.thetrendplus.com/tiszahorgaszegyesulet/wp-content/uploads/2026/01/bonding-1868513_1920.jpg);
        background-position: 0px;
        background-size: cover;
    }   
}


@media (min-width: 766px){
         
}


@media (min-width: 766px) and (max-width:900px){    
	.container {
		max-width: 95%;
	}  
	.onlymobile{display:block;}
    .hidemobile{display:none !important;}   

 
}

@media (min-width: 901px) and (max-width:1200px){
	.container {
		max-width: 95%;
	}
    .logo-container {
        text-align: center;
    }
    .header-content-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
    }    
}

@media (min-width: 1300px) and (max-width:1399px){

}

@media (min-width: 1400px){
	.container {
		max-width: 1250px;
	}
}

footer.sub-footer {
    padding: 10px;
    position: relative;
}

footer.sub-footer .row {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.copyrights {
    font-size: 15px;
    color: #656565;
    font-weight: 400;
}

.copyrights span {   
    font-weight: 600;
}

.BCS {
    font-size: 12px;
}

.BCS a {
    color: #ffffff;
}

.BCS i {
    font-size: 17px;
    vertical-align: text-bottom;
}