/****************************************************************************
*
* Theme Name: Palota-Holding Zrt. egyedi sablon
* Theme Slug: phzrtwptheme2023
* Author: Kuzmann Zsóka és Kuzmann Eszter
* Author URI: https://nektonik.hu/
* Description: A Palota-Holding Zrt. számára készített sablon.
* Version: 1.2 (2023. március - szeptember)
*
****************************************************************************/

/*  -------------------------------------------------------------------- GLOBAL */

.center-box {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    min-width: 320px;
}

.center-align {
    text-align: center;
}

.text-800 {
    max-width: 800px;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

/*  -------------------------------------------------------------------- SZÍNEK */

/*
#4FC400 - zöld
#01B1E1 - világoskék
#043696 - sötétkék
#F6F6F6 - szürke
#010F2B - szöveg
*/

/* ----------------------------------------------------------------- TYPOGRAPHY */

/*
font-family: 'Alegreya', 'Arial', serif;
font-family: 'Figtree', 'Arial', sans-serif;
*/

html {
    font-size: 18px;
}

body {
    font-family: 'Figtree', 'Arial', sans-serif;
    font-weight: 400;
    color: #010F2B;
    line-height: 1.4;
    position: relative;
    padding-top: 65px;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media(min-width: 1150px){
    body {
        padding-top: 122px;
    }
}

main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

h1 {
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Alegreya', 'Arial', serif;
    line-height: 1.2;
    margin-bottom: 2rem;
}

@media screen and (min-width:600px) {
    h1 {
        font-size: 2.2rem;
    }
    .blog-title h1 {
        font-size: 2.2rem;
    }
}
@media screen and (min-width:900px) {
    h1 {
        font-size: 2.5rem;
    }
}

.main-page h1:has(+ p.news-date) {
    margin-bottom: 0;
} 
.main-page h1.no-margin {
    margin-bottom: 0.5rem;
}

h2 {
    font-size: 1.8rem;
    font-weight: 700;
    font-family: 'Alegreya', 'Arial', serif;
    line-height: 1.2;
    margin-bottom: 1.4rem;
    padding-top: 2rem;
}

.blogloop-article h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.4rem;
    font-weight: 700;
    font-family: 'Figtree', 'Arial', sans-serif;
    line-height: 1.3;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

h4 {
    font-size: 1.8rem;
    font-family: 'Alegreya', 'Arial', serif;
    font-weight: 700;
    margin-bottom: 1.4rem;
}

.strong {
    font-weight: bolder;
}

.semibold {
    font-weight: 600;
}

.italic {
    font-style: italic;
}

.uppercase {
    text-transform: uppercase;
}

.text-left {
    text-align: left;
}

/* ---------------------------------------------------------- LOGO & NAVIGATION */

/* TOP-NAV: logo and navigation */
.top-nav .main-nav a {
    font-family: 'Figtree', 'Arial', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
}

/* mobil nézetben állandó a fenti menü */
.top-nav {
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 0;
    z-index: 10;
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.top-nav .center-box {
    text-align: center;
    position: static;
    z-index: 10;
    width: 100%;
}

@media(min-width: 1150px) {
    .top-nav .center-box {
        width: 90%;
    }
}

.top-nav .main-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.nav-logo {
    /*    background: url(img/palota-holding-logo.png);*/
    background-image: url(img/PH_logo_szoveg_kek.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 110px;
    height: 25px;
    display: inline-block;
}

@media (min-width: 1150px){
    .nav-logo {
        width: 250px;
        height: 57px;
        margin-right: 5px;
    }
}

/* header search form */

/* hamburgerben*/
.menu-header-search {
    padding: 10px 15px;
}

.menu-header-search form {
    background: #F6F6F6;
    width: 95%;
    max-width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    border: 1px solid #043696;
}

.menu-header-search label {
    padding: 10px 0 10px 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 180px;
}

.menu-header-search .search-field {
    background: #F6F6F6;
    padding: 0;
}

.menu-header-search .search-field::-webkit-input-placeholder {
    font-family: 'Figtree', 'Arial', sans-serif;
    padding: 10px 15px;
    font-size: inherit;
}

.menu-header-search .search-field:-ms-input-placeholder {
    font-family: 'Figtree', 'Arial', sans-serif;
    padding: 10px 15px;
    font-size: inherit;
}

.menu-header-search .search-field::placeholder {
    font-family: 'Figtree', 'Arial', sans-serif;
    padding: 10px 15px;
    font-size: inherit;
}

.menu-header-search .search-field:focus-visible {
    outline: none;
    background: #F6F6F6;
}

.menu-header-search .search-submit {
    padding: 0 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #043696;
    color: #FFF;
}

/* menü kinyitva */
.top-nav .search-section {
    display: none;
}

.top-nav .search-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.main-search-form .search-submit {
    display: none;
}

.main-search-form .search-field {
    background: transparent;
    width: 100%;
    color: #FFF;
}

.main-search-form .search-field::-webkit-input-placeholder {
    color: #FFF;
    opacity: 0.8;
}

.main-search-form .search-field:-ms-input-placeholder {
    color: #FFF;
    opacity: 0.8;
}

.main-search-form .search-field::placeholder {
    color: #FFF;
    opacity: 0.8;
}

.main-search-form .search-field:focus-visible {
    outline: none;
    background: #fff;
    color: #010F2B;
}

.main-search-form {
    position: relative;
    width: 20%;
    border-bottom: 1px solid #FFF;
    position: absolute;
    right: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
}

.main-search-form::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 4px;
    width: 17px;
    height: 15px;
    background: url(img/search-icon.svg) no-repeat;
}

/* lenyitáskor animáció */
.main-nav {
    position: absolute;
    text-align: left;
    top: 160%;
    left: 0;
    width: 100%;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 400ms !important;
    transition-duration: 400ms !important;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 10;
}

/* checkbox nem jelenik meg */
#nav-toggle {
    display: none;
}

/* checkbox label-je a hamburger ikon */
.nav-toggle-label {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 15px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}

.nav-toggle-label span {
    display: block;
    width: 26px;
    height: 3px;
    background: #0A4D8E;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out !important;
    transition: .25s ease-in-out !important;
}

.nav-toggle-label span:nth-child(1) {
    -webkit-transform-origin: left;
    transform-origin: left;
}
.nav-toggle-label span:nth-child(2) {
    -webkit-transform-origin: left;
    transform-origin: left;
}
.nav-toggle-label span:nth-child(3) {
    -webkit-transform-origin: left;
    transform-origin: left;
}

#nav-toggle:checked ~ .nav-toggle-label span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#nav-toggle:checked ~ .nav-toggle-label span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
#nav-toggle:checked ~ .nav-toggle-label span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-toggle:checked ~ .main-nav {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

#nav-toggle:checked ~ .main-nav a {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 250ms !important;
    transition-duration: 250ms !important;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

#nav-toggle:checked ~ .main-nav {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}

#nav-toggle:checked ~ .main-nav a {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 250ms !important;
    transition-duration: 250ms !important;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.top-nav .main-nav li {
    padding: 18px 0 18px 25px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: 100%;
    background: #FFF;
}

@media(min-width: 650px){
    .top-nav .main-nav li {
        width: 100%;
    }
}

.top-nav .main-nav a {
    text-decoration: none;
    color: #010F2B;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    font-weight: 600;
}

.top-nav .main-nav a:visited {
    color: #010F2B;
}

.top-nav .main-nav a:hover,
.top-nav .main-nav a:focus {
    color: #01B1E1;
}

.top-nav .main-nav ul.sub-menu {
    display: none;
}

/* az aktuálisan megnyitott oldal címének formázása a menüben */

.top-nav .main-nav li.current_page_item a,
.top-nav .main-nav li.current-menu-item a,
.top-nav .main-nav li.current_page_parent a {
    color: #01B1E1;
}

@media(max-width: 1149px) {
    .top-nav .main-nav ul {
        -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
                box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
}

@media screen and (min-width: 1150px) {
    .top-nav {
        padding: 0;
    }
    .top-nav .main-navigation {
        padding: 12px 0;
        text-align: left;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 90%;
    }
    .top-nav .main-nav {
        -webkit-transform: none;
        transform: none;  
        position: static;
        width: auto;
        display: block;
    }
    .top-nav .main-nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .top-nav .main-nav li {
        padding: 10px 0 2px 0;
        margin-bottom: 8px;
        border-bottom: none;
        margin-right: 30px;
    }
    .top-nav .main-nav li:last-of-type{
        margin-right: 0;
    }
    .top-nav .main-nav a {
        position: relative;
        opacity: 1;
        padding-bottom: 5px;
    }
    .top-nav .main-nav a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.1em;
        background-color: #01B1E1;
        opacity: 0;
        -webkit-transition: opacity 300ms, -webkit-transform 300ms;
        transition: opacity 300ms, -webkit-transform 300ms;
        transition: opacity 300ms, transform 300ms;
        transition: opacity 300ms, transform 300ms, -webkit-transform 300ms;   
    }
    .top-nav .main-nav li.current_page_item a::after,
    .top-nav .main-nav li.current-menu-item a::after,
    .top-nav .main-nav li.current_page_parent a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.1em;
        background-color: #01B1E1;
        opacity: 1;
    }
    .top-nav .main-nav a:hover {
        color: #010F2B;    
    }
    .top-nav .main-nav li.current-menu-item:hover {
        color: #01B1E1;
    }
    .top-nav .main-nav a:hover::after,
    .top-nav .main-nav a:focus::after {
        opacity: 1;
        -webkit-transform: translate3d(0, 0.2em, 0);
        transform: translate3d(0, 0.2em, 0);
    }
    #nav-toggle {
        display: none;
    }
    .nav-toggle-label {
        display: none;
    }
    .menu-header-search {
        display: none;
    }
    .top-nav .search-section {
        padding: .5rem 0;
        background:#043696;
        display: block;
    }
    .main-search-form {
        position: relative;
        margin-right: 0;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

/* -------------------------------------------------------------- TO-TOP BUTTON */

.to-top {
    background: #01B1E1;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 41px;
    height: 41px;
    border-radius: 100%;
    cursor: pointer;
}

.to-top::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 11px;
    background: url(img/feher-vastag-nyil-fel.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
}

/* --------------------------------------------------------------------- FOOTER */

footer {
    background: #043696;
    padding: 1rem 0 0 0;
    margin-top: auto;
}

footer a,
footer a:visited {
    text-decoration: none;
    color: #FFF;
}

footer a:hover {
    color: #01B1E1;
}

footer .footer-title {
    font-family: 'Alegreya', 'Arial', serif;
    font-weight: 700;
    font-size: 1.5rem;
    color: #FFF;
    margin-bottom: .5rem;
}

.footer-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

footer .adatok-icons a {
    display: block;
    position: relative;
    margin-left: 30px;
    margin-bottom: 1rem;
}

footer .adatok-icons a::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    left: -30px;
    top:0;
}

footer .adatok-icons a.address::before {
    background-image: url(img/place-icon.svg);
}
footer .adatok-icons a.telephone::before {
    background-image: url(img/phone-icon.svg);
}
footer .adatok-icons a.email::before {
    background-image: url(img/email-icon.svg);
}

footer .adatok-icons a.facebook {
    background: url(img/facebook.svg);
    width: 25px;
    height: 25px;
    margin-left: 0;
}

footer .footer-menu-div {
    margin: .5rem 0;
}

.footer-menu ul li {
    margin-bottom: .5rem;
}

@media(min-width: 660px) {
    .footer-flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    footer .footer-menu-div {
        margin: 0;
        padding-top: .5rem;
    }
}


/* ------------------------------------------------------------------ COPYRIGHT */

.copyright {
    border-top: 2px solid #01B1E1;
    padding: .5em 0;
    color: #01B1E1;
}

footer .copyright a {
    color: #01B1E1;
}

/* ------------------------------------------------------------------- 404 PAGE */

.page-404 h1 {
    color: #01B1E1;
}

/* ----------------------------------------------------------------- SEARCH.PHP */

.search-main {
    padding-top: 3rem;
    padding-bottom: 4rem;
}

.search-main h1 {
    font-size: 2.2rem;
    margin-bottom: 3rem;
}

.search-main h2 {
    font-family: 'Figtree', 'Arial', sans-serif;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.search-main h2 a {
    color: #01B1E1;
    text-decoration: none;
}

.search-main article.search-article {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #01B1E1;
}

.search-main article.search-article:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* ----------------------------------------------------------------------  PAGE */

.index-page {
    padding-bottom: 4rem;
}

.main-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.page-no-aside article {
    margin-left: auto;
    margin-right: auto;
}

.main-page article {
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}

@media(min-width: 1100px) {
    .main-page {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 40px;
        column-gap: 40px;
    }
    .main-page aside {
        width: 35%;
    }
    .main-page article {
        padding-bottom: 3rem;
        padding-right: 25px;
        width: 65%;
    }
}

.main-page h1 {
    margin-bottom: 2rem;
}

.main-blog-image {
    position: relative;
    width: 100%;
    margin-bottom: 3rem;
}

.main-blog-image::after {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.main-blog-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

/* ---------------------------------------------------------------------- ASIDE */

aside .page-aside {
    padding: 3rem 0;
}

aside .page-aside:last-of-type {
    padding-bottom: 4rem;
}

aside h2 {
    margin-bottom: 2rem;
}

.border-gradient {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 3px;
}

.border-gradient-green-vizszintes {
    border-image-source: linear-gradient(to left, #4FC400, #01B1E1);
}

.only-top {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.only-bottom {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

@media(min-width: 1100px) {
    .border-gradient-aside {
        border: 10px solid;
        border-image-slice: 1;
        border-width: 3px;
    }
    .border-gradient-green-fuggoleges {
        border-image-source: linear-gradient(to top, #4FC400, #01B1E1);
    }
    .only-left {
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
    }
    aside .page-aside {
        padding: 3rem 0 3rem 3rem;
    }
    aside .page-aside:first-of-type {
        border-top: 0;
        padding-top: 5rem;
    }
}

.aside-link {
    text-decoration: none;
    color: #043696;
    font-weight: 600;
    display: inline-block;
    margin-top: 1.5rem;
}

.aside-link:first-of-type {
    margin-top: 0;
}

.aside-link:hover,
.aside-link:focus {
    color: #01B1E1;
}

aside .categories {
    list-style: none;
}

aside .categories li {
    display: inline-block;
    background-color: #F6F6F6;
    padding: .5em 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}

aside .categories li a {
    text-decoration: none;
    color: #043696;
}

aside .categories li:hover,
aside .categories li.current-cat {
    background: #01B1E1;
}

aside .categories li:hover a,
aside .categories li.current-cat a {
    color: #FFF;
}

/* -------------------------------------------------------- SINGLE POSTS: HÍREK */
/* ----------------------------------------------- SINGLE POSTS: ÁLLÁSAJÁNLATOK */

.blog-title-text {
    color: #01B1E1;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.blog-title {
    margin-bottom: 2rem;
}

.main-blog-image {
    position: relative;
    width: 100%;
    margin-bottom: 3rem;
}

.main-blog-image::after {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.main-blog-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.news-date {
    font-style: italic;
    margin-bottom: 2rem;
}

/* ---------------------------------------------------- TEXT ELEMENTS IN SINGLE */

.post-content p {
    margin-bottom: 1rem;
}

/* link in text */

.post-content a {
    color: #043696;
    text-decoration: none;
}

.post-content a:hover {
    text-decoration: none;
    border-bottom: 1px solid #043696;
}

/* felsorolás */
.post-content ol,
.post-content ul {
    margin-bottom: 2rem;
}

.post-content ol {
    list-style-position: inside;
}

.post-content ul li,
.post-content ol li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 1rem;
}

.post-content li:last-of-type {
    margin-bottom: 0;
}

.post-content ul li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #01B1E1;
}

/* idézet */
blockquote.wp-block-quote {
    background: #F6F6F6;
    padding: 1.5em;
    text-align: left;
    margin-bottom: 2.2rem;
    margin-top: 2rem;
    margin-right: 10px;
    border: 1px solid #01B1E1;
    font-size: 1.1rem;
    box-shadow: 10px 10px 0px 0px rgba(1,177,225,1);
    -webkit-box-shadow: 10px 10px 0px 0px rgba(1,177,225,1);
    -moz-box-shadow: 10px 10px 0px 0px rgba(1,177,225,1);
}

blockquote.wp-block-quote p:first-of-type {
    text-transform: uppercase;
    font-weight: 700;
}

blockquote.wp-block-quote p {
    margin-bottom: 1rem;
}

blockquote.wp-block-quote p:last-of-type {
    margin-bottom: 0;
}

/* kép és galéria */
.post-content figure.wp-block-image figcaption,
.post-content figure.wp-block-gallery figcaption {
    text-align: left;
}

.post-content figure.wp-block-gallery {
    list-style: none;
    margin-bottom: 1.5rem;
}

.post-content figure.wp-block-gallery ul {
    max-width: 1000px;
}

.post-content figure.wp-block-gallery li {
    margin: 0;
    padding: 0;
}

.post-content figure.wp-block-gallery li::before {
    content: none;
}

.post-content figure.wp-block-image figcaption {
    margin-top: 0 !important;
}

.post-content figure.wp-block-image {
    margin-bottom: 1.5rem;
}

/* YT videó */
figure.is-type-video {
    width: 100%;
    max-width: 800px;
    margin-bottom: 1.5rem;
}

/* -------------------------------------------------------- HOME: HÍREK ARCHIVE */

.archive-page {
    padding-top: 3rem;
}

.archive-categories {
    list-style: none;
    margin-bottom: 2rem;
}

.archive-categories li {
    display: inline-block;
    background-color: #F6F6F6;
    padding: .5em 1em;
    margin-right: .8em;
    margin-bottom: .8em;
}

.archive-categories li a {
    text-decoration: none;
    color: #043696;
    font-size: .85rem;
}

.archive-categories li:hover {
    background: #01B1E1;
}

.archive-categories li:hover a {
    color: #FFF;
}

.archive-page .category-description {
    margin-bottom: 2rem;
    max-width: 800px;
}

/* ----------------------------------------------------------- BLOG LOOP (ITEM) */
/* ----------------------------------------------- BLOG_LOOP és BLOG_LOOP_SHORT */

.blogloop-article {
    margin-bottom: 3rem;
}

.blogloop-article a {
    text-decoration: none;
}

.blogloop-img {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
}

.blogloop-img::after {
    content: "";
    display: block;
    padding-bottom: 52.5%;
}

.blogloop-img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.blogloop-article .blogloop-category a {
    color: #0A4D8E;
    text-transform: uppercase;
}

.blogloop-article h2 {
    color: #010F2B;
    padding-top: 0;
    margin-bottom: .5rem;
}

.blog-loop-date {
    color: #010F2B;
}

.blogloop-article .blogloop-category a:hover,
.blogloop-article h2:hover {
    color: #01B1E1;
}

.blogloop-article .blogloop-img:hover::before {
    position: absolute;
    content: "";
    display: block;
    background-color:rgba(255,255,255,0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    z-index: 2;
}

/* --------------------------------------------------------- ARCHIVE RESPONSIVE */

/* home és kategória archive grid */
@media(min-width: 800px) {
    .archive-title {
        padding: 4rem 0;
    }
}

@media(min-width: 700px) {
    .archive-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 2rem;
        column-gap: 2rem; 
    }
}

@media(min-width: 1000px) {
    .archive-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* ----------------------------------------------------------------- PAGINATION */

.pagination {
    text-align: center;
    margin: 2rem 0 3em 0;
    padding: .8em 0;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    grid-column: 1 / -1;
    color: #00172D;
}

.pagination a {
    text-decoration: none;
    color: #00172D;
}

.pagination .page-numbers {
    margin: 0 .8em;
}

.pagination .current {
    color: #01B1E1;
}

/* ------------------------------------------------------------ KAPCSOLAT OLDAL */

.page-kapcsolat {
    padding-top: 3rem;
}

.page-kapcsolat h1 + p {
    max-width: 800px;
    margin-bottom: 3rem;
}

.page-kapcsolat .kapcsolat-sec {
    background: #F6F6F6;
    padding: 1rem;
    margin-bottom: 2rem;
}

.page-kapcsolat .kapcsolat-email a,
.page-kapcsolat .kapcsolat-telefon a {
    text-decoration: none;
}

.page-kapcsolat .kapcsolat-telefon a{
    font-weight: 600;
    color: #00172D;
}

.kapcsolat-box-title {
    margin-bottom: 2rem;
}
@media(min-width: 500px){
    .kapcsolat-box-title {
        display: grid;
        grid-template-columns: 90px auto;
        -webkit-column-gap: 15px;
        column-gap: 15px;
    }

    .kapcsolat-box-title .kapcsolat-icon {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;
        grid-column: 1 2;
        min-height: 90px;
        width: 100%;
    }
    .kapcsolat-box-title .icon-money {
        background-image: url(img/icon-money.png);
    }
    .kapcsolat-box-title .icon-time {
        background-image: url(img/icon-time.png);
    }
    .kapcsolat-box-title .icon-email {
        background-image: url(img/icon-email.png)
    }
    .kapcsolat-box-title .icon-phone {
        background-image: url(img/icon-phone.png);
    }
    .kapcsolat-box-title .icon-home {
        background-image: url(img/icon-home.png);
    }
    .kapcsolat-box-title .kapcsolat-icon + div {
        -ms-flex-item-align: center;
        align-self: center;
        grid-column: 2 3;
    }
}

.kapcsolat-box-title h2 {
    padding-top: 0;
    margin-bottom: 0.5rem;
}

.kapcsolat-flex p {
    margin-bottom: 1em;
}

.kapcsolat-flex p:last-of-type {
    margin-bottom: 0;
}

.page-kapcsolat .white-bgr {
    background-color: #FFF;
    padding: 1rem;
    margin-bottom: 0;
}

@media(min-width:) {
    .page-kapcsolat .white-bgr {
        padding: 2rem;
    }
}

.page-kapcsolat .white-bgr-small {
    background-color: #FFF;
    padding: .5rem;
    display: inline-block;
    margin-bottom: 0;
} 

.page-kapcsolat .kapcsolat-card {
    margin-bottom: 1.5rem;
}

.kapcsolat-card-title {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.kapcsolat-card p:first-child {
    font-weight: 600;
    margin-bottom: .5rem;
}

.kapcsolat-card-title + p {
    font-style: italic;
    font-size: 16px;
}

@media(min-width: 650px) {
    .page-kapcsolat .kapcsolat-sec {
        padding: 50px;
    }
    .kapcsolat-card-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .kapcsolat-card {
        width: 48%;
        text-align: center;
    }
}

@media(min-width: 1000px) {
    .kapcsolat-card {
        width: 32%;
    }
    .kapcsolat-card-flex {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-column-gap: 15px;
        column-gap: 15px;
    }
}

@media(min-width: 1400px) {
    .kapcsolat-card {
        width: 18.5%;
    }
}

@media(min-width: 900px) {
    .kapcsolat-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .kapcsolat-flex section {
        width: 48%;
    }
}

.kapcsolat-penztar .kapcsolat-chart-flex {
    margin-bottom: 1em;
}

.page-kapcsolat .kapcsolat-chart {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: 2em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 50%;
}

.kapcsolat-chart p {
    margin: 0;
}

.kapcsolat-chart p:nth-of-type(even) {
    text-align: right;
}

@media(min-width: 1330px) {
    .kapcsolat-chart-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 15px;
        column-gap: 40px;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}

/* kapcsolat bejelentő űrlap szakasz */

.kapcsolat-bejelentolap h2 {
    margin-bottom: 0;
}

.kapcsolat-bejelentolap-content {
    background-color: #F6F6F6;
    margin: 2rem 0 3rem 0;
}

.bejelento-szoveg h3 {
    font-size: 1.2rem;
}

.bejelento-szoveg {
    padding: 0 2rem 2rem 2rem;
}

.bejelento-szoveg * {
    margin-bottom: 1rem;
}

@media(min-width: 1100px) {
    .kapcsolat-bejelentolap-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
    .bejelento-form-oszlop,
    .bejelento-szoveg {
        width: 50%;
    }
}

.kapcsolat-googlemap {
    margin-bottom: 4rem;
}


/* ------------------------------------------------------------ BEJELENTŐ ŰRLAP */

form.wpcf7-form {
    background-color: #F6F6F6;
    padding: 2rem;
    max-width: 700px;
    margin: 2rem 0 0 0;
}

@media(min-width:800px) {
    form.wpcf7-form {
        min-width: 500px;
    }
}

form.wpcf7-form label {
    font-weight: 500;
}

form.wpcf7-form label select,
form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label {
    font-weight: 400;
}

form.wpcf7-form input,
form.wpcf7-form textarea,
form.wpcf7-form select {
    border: 1px solid #01B1E1;
    width: 100%;
    background-color: #FFF;
    padding: 0px 10px;
    margin-bottom: 1rem;
}

form.wpcf7-form input:focus-visible,
form.wpcf7-form textarea:focus-visible,
form.wpcf7-form select:focus-visible {
    outline: 1px solid #4FC400;
} 

form.wpcf7-form input,
form.wpcf7-form select {
    height: 2.8rem;
}

form.wpcf7-form label span.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-top: .3rem;
}

form.wpcf7-form textarea {
    margin-bottom: .8rem;
    width: 100%;
    min-height: 100px;
    padding-top: .2rem;
    padding-left: 0.5rem;
    resize: none;
}

form.wpcf7-form input[type="checkbox"] {
    display: none;
}

form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label {
    position: relative;
    margin-left: 30px;
    display: inline-block;
    cursor: pointer;
}

form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #01B1E1;
    cursor: pointer;
    left: -25px;
    top: 3px;
    background-color: #fff;
}

form.wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    background: url(img/check-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

form.wpcf7-form input[type="submit"] {
    margin: 1em 0 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    height: unset;
    padding: .5em 0;
    font-weight: bolder;
    cursor: pointer;
    width: 100%;
    text-align: center;
    background-color: #01B1E1;
    color: #FFF;
}

form.wpcf7-form input[type="submit"]:hover {
    background-color: #4FC400;
    border: 1px solid #4FC400;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid #01B1E1;
    margin: 0;
    width: 100%;
    padding: 0.2em 0.5em;
}

form.wpcf7-form .bejelento-fajl {
    border: none;
    background-color: transparent;
    padding-left: 0;
}

/* ------------------------------------------------------------ TARTALOMJEGYZÉK */

.wp-block-uagb-table-of-contents {
    margin-bottom: 2rem;
}

.wp-block-uagb-table-of-contents li.uagb-toc__list {
    padding-left: 20px;
}

.wp-block-uagb-table-of-contents li.uagb-toc__list::before {
    top: 18px;
}

/* ----------------------------------------------- ÜGYINTÉZÉS NAVIGÁCIÓS OLDALAK*/

.ugyintezes-nav-page {
    padding-top: 3rem;
}

.ugyintezes-nav {
    margin-bottom: 3rem;
}

.ugyintezes-box {
    background-color: #F6F6F6;
    border: 1px solid #01B1E1;
    -webkit-box-shadow: 10px 10px 0px 0px rgba(1,177,225,1);
    box-shadow: 10px 10px 0px 0px rgba(1,177,225,1);
    padding: 2rem;
    margin-bottom: 40px;
}

.ugyintezes-box p:first-of-type {
    font-weight: 700;
    text-transform: uppercase;
}

.ugyintezes-linkek a {
    background-color: #F6F6F6;
    color: inherit;
    display: block;
    padding: 1.2rem 0 1.2rem 2.5rem;
    margin-bottom: 25px;
    position: relative;
    text-decoration: none;
    font-weight: 500;
}

.ugyintezes-linkek a::before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    -webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
}

.ugyintezes-linkek a:nth-of-type(1)::before,
.ugyintezes-linkek a:nth-of-type(4)::before {
    background-color: #043696;
}

.ugyintezes-linkek a:nth-of-type(2)::before,
.ugyintezes-linkek a:nth-of-type(5)::before {
    background-color: #01B1E1;
}

.ugyintezes-linkek a:nth-of-type(3)::before,
.ugyintezes-linkek a:nth-of-type(6)::before {
    background-color: #4FC400;
}

.ugyintezes-linkek a:hover::before {
    width: 15px;
    -webkit-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out;
}

@media(min-width: 700px) {
    .ugyintezes-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-column-gap: 60px;
        column-gap: 60px;
    }
    .ugyintezes-box {
        min-width: 250px;
        font-size: 1.1rem;
    }
    .ugyintezes-linkek {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .ugyintezes-linkek a {
        font-size: 1.2rem;
    }
}

@media(min-width: 1000px) {
    .ugyintezes-box {
        min-width: 400px;
    }
}

/* ---------------------------------------------------------------- ROBO GALERY */

.robo-gallery-wrap {
    margin-top: 4rem !important;
}

.robo-gallery-wrap .thumbnail-overlay {
    background-color: rgba(255,255,255,0.5) !important;
}

/* ----------------------------------------------------------------- FRONT PAGE */

@media(min-width: 750px) {
    .front-page p {
        font-size: 1.2rem;
    }
    .front-page h2 {
        font-size: 45px;
    }
}

.front-page .grey-background {
    background-color: #F6F6F6;
}

/* ügyintézés szakasz */

.front-page .section-ugyintezes {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
}

.front-page .section-ugyintezes .ugyintezes-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.front-page .section-ugyintezes .ugyintezes-button {
    background-color: #FFF;
    font-weight: 500;
    padding: 1rem 2rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    margin-bottom: 1.5rem;
    border: 1px solid #FFF;
}

.front-page .section-ugyintezes .ugyintezes-button:hover {
    border: 1px solid #01B1E1;
}

.front-page .section-ugyintezes .ugyintezes-button p {
    color: #010F2B;
}

.front-page .section-ugyintezes .ugyintezes-button div {
    height: 2rem;
    width: 2.4rem;
    
}

.front-page .section-ugyintezes .ugyintezes-button .ugyintezes-ikon {
    height: 100%;
    width: auto;
    
}

@media(min-width: 800px) {
    .front-page .section-ugyintezes .ugyintezes-button {
        max-width: 48%;
    }
}

/* bejelentőlap szakasz */

.front-page .bejelentolap-link {
    text-decoration: none;
}

.front-page .section-bejelentolap {
    background-image: url(img/toronyhaz.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 4rem 0 6rem 0;
}

.front-page .section-bejelentolap p {
    max-width: 670px;
}

/* pályázatok szakasz */

.front-page .section-palyazatok {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
}

.front-page .palyazatok-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.front-page .palyazatok-flex .palyazat-button {
    padding: 1rem 2rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    margin-bottom: 1.5rem;
    color: #FFF;
}

.front-page .palyazatok-flex .palyazat-button-palyazat {
    background-color: #043696;
}

.front-page .palyazatok-flex .palyazat-button-eredmeny {
    background-color: #01B1E1;
}

.front-page span.lightblue-arrow {
    color: #01B1E1;
    font-size: .8em;
}

.front-page span.darkblue-arrow {
    color: #043696;
    font-size: .8em;
}

@media(min-width: 800px) {
    .front-page .palyazatok-flex .palyazat-button {
        max-width: 48%;
    }
}

/* állásajánlatok szakasz */

.front-page .section-allasok {
    background-image: url(img/fak-teteje.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
    padding: 4rem 0 6rem 0;
}

.front-page .section-allasok p {
    max-width: 800px;
    margin-bottom: 1rem;
}

.front-page .allas-lista {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.front-page .allas-lista .allas-link {
    display: inline-block;
    padding: .6rem 1rem;
    background-color: #FFF;
    color: #043696;
    border: 1px solid #FFF;
    text-decoration: none;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.front-page .allas-lista .allas-link:hover {
    color: #FFF;
    background-color: transparent;
}