/************************
*** Szakértők Rebuild ***
*************************/
/* filter */
.szakertok-rebuild-section .elementor-portfolio__filters {
	margin-bottom: 50px !important;
	gap: 12px !important;
}

.szakertok-rebuild-section .elementor-portfolio__filter {
	border: 2px solid #0D3F32;
	border-radius: 10px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.szakertok-rebuild-section .elementor-portfolio__filter.elementor-active {
	background-color: #0D3F32;
	color: #fff;
}

.szakertok-rebuild-section .elementor-portfolio__filter:not(.elementor-active):hover {
	background-color: #007F5F;
	border: 2px solid #007F5F;
	color: #fff;
}

.szakertok-rebuild-section .elementor-portfolio__filter[data-filter="__all"] {
    position: relative !important;
    width: 165px !important;
}

.szakertok-rebuild-section .elementor-portfolio__filter[data-filter="__all"],
.szakertok-rebuild-section .elementor-portfolio__filter[data-filter="__all"]:not(.elementor-active):hover {
    color: transparent;
}

.szakertok-rebuild-section .elementor-portfolio__filter[data-filter="__all"]:before {
    position: absolute;
    content: 'Minden Szakértő';
    font-family: "Poppins", Sans-serif;
    top: -1px;
    left: 8px;
    font-size: 17px;
    line-height: 44px;
    font-weight: 600;
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    color: #fff !important;
    text-decoration: underline;
}

.szakertok-rebuild-section .elementor-portfolio__filter[data-filter="__all"]:not(.elementor-active):before {
    color: #0D3F32 !important;
}

.szakertok-rebuild-section .elementor-portfolio__filter[data-filter="__all"]:not(.elementor-active):hover:before {
    color: #fff !important;
}

/* Grid */
.szakertok-rebuild-section .szakertok-rebuild-portfolio-grid .elementor-grid .elementor-portfolio-item {
    display: flex;
    flex-direction: column;
}

.szakertok-rebuild-section .elementor-portfolio-item__overlay {
	display: none !important;
}

.szakertok-rebuild-portfolio-grid article {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    border-radius: 2.22vw;
    /*pointer-events: none !important;*/
}

.szakertok-rebuild-portfolio-grid article a.elementor-post__thumbnail__link {
	pointer-events: none !important;
	/*background-color: #7F7F7D !important;*/
	/*background-color: #F4F7CF;*/
    background-image: url(https://juhhe.hu/wp-content/uploads/2024/11/szakertok-hatter.webp);
    margin: 0px 0px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    background-position: center center;
    background-size: contain;
}

.szakertok-rebuild-portfolio-grid article .expert-info-block {
	background-color: #0d3f32 !important;
	display: flex !important;
	flex-direction: column !important;
    padding: 20px 20px 30px 20px;
    text-align: center;
}

.szakertok-rebuild-portfolio-grid article .expert-info-block h3.expert-name {
	color: #dae65f !important;
	font-weight: 500 !important;
    line-height: 1.3;
	font-size: 24px !important;
	margin-bottom: 0px !important;
}

.szakertok-rebuild-portfolio-grid article .expert-info-block span.expert-category {
	color: #fff !important;
	font-size: 15px !important;
}

.szakertok-rebuild-portfolio-grid article .expert-info-block .expert-popup-btn {
	margin-top: 26px !important;
	margin-left: auto;
	margin-right: auto;
	text-transform: inherit !important;
	letter-spacing: 0px !important;
	background-color: #DAE65F;
    display: inline-block;
    padding: 18px 15.8px 18px 15.8px !important;
    color: #045742;
    border: none;
    border-radius: 4px;
    font-size: 0.95rem !important;
    cursor: pointer;
    max-width: 256px;
    border-radius: 2vw 2vw 2vw 2vw;
    border-radius: 28px !important;
    transition: all 0.3s ease-in-out;
}

.szakertok-rebuild-portfolio-grid article .expert-info-block .expert-popup-btn:hover {
    background-color: #ECF592 !important;
    transition: all 0.3s ease-in-out;
}

/************
*** MODAL ***
*************/
.szakerto-expert-custom-modal-holder {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .87);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.szakerto-expert-custom-modal-inner-wrap {
    width: 100%;
    max-width: 920px;
    margin: 20px;
    max-height: 90vh;
    overflow-y: auto;
}

.szakerto-expert-custom-modal-content {
    background: #fff;
    border-radius: 0px;
    padding: 50px 40px 40px 40px !important;
    position: relative;
    min-height: 400px;
}

/* close EXPERT modal close */
.szakerto-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px !important;
    height: 40px !important;
    padding: 10px !important;
    background-color: #85D49C !important;
    border-width: 0px !important;
    border-radius: 0px !important;
    line-height: 1 !important;
    outline: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #85D49C !important;
    /*border-style: inset !important;*/
}

.szakerto-modal-close:hover {
    background-color: #0D3F32 !important;
    border: 1px solid #0D3F32 !important;
    /*border-style: inset !important;*/
    color: #fff !important;
}

.szakerto-modal-close span {
    color: #0D3F32;
    font-size: 1.5rem !important;
    border-width: 0px !important;
    width: 24px !important;
    height: 24px !important;
    margin-left: 2px !important;
}

.szakerto-modal-close:hover span {
    color: #fff;
}

.szakerto-modal-close,
.szakerto-modal-close:hover,
.szakerto-modal-close span,
.szakerto-modal-close:hover span {
    transition: 0.3s all ease-in-out !important;
}

/* modal popup layout */
.szakerto-modal-body {
    display: grid !important;
    grid-template-columns: 44.999999% 54.999999%;
    grid-template-rows: 30px 24px 205px auto;
    column-gap: 25px !important;
    row-gap: 10px !important;
}

.szakerto-modal-photo {
    grid-row: span 3 / span 3;
}

.szakerto-modal-name {
    grid-column-start: 2;
    grid-row-start: 1;
    line-height: 46px !important;
}

.szakerto-modal-category {
    grid-column-start: 2;
    grid-row-start: 2;
    font-weight: 400 !important;
}

.szakerto-modal-contacts {
    grid-column-start: 2;
    grid-row-start: 3;
    margin-top: 40px !important;
}


.szakerto-modal-introduction {
    grid-column: span 2 / span 2;
    grid-row-start: 4;
    margin-top: 44px !important;
    font-size: 17px !important;
    line-height: 24px !important;
    color: #0d3f32 !important;
}

.expert-modal-photo-holder {
    display: flex !important;
    height: 280px !important;
    justify-content: right !important;
}

img.szakerto-modal-photo {
    width: 280px !important;
    height: 280px !important;
    object-fit: cover;
    border-radius: 0px !important;
    display: block;
    margin: 0px !important;
    box-shadow: 0 28px 40px 0 rgba(0, 0, 0, .1);
}

.szakerto-modal-name,
.szakerto-modal-category,
.szakerto-modal-contacts,
.szakerto-modal-introduction {
    padding-right: 20px !important;
}

.szakerto-modal-name {
    text-align: left !important;
    margin: 0px !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: #0D3F32 !important;
}

.szakerto-modal-category {
    text-align: left !important;
    display: block;
    margin: 0px !important;
    font-size: 16px !important;
    color: rgba(0,0,0,.5) !important;
}


.szakerto-modal-contacts .szakerto-modal-contact-row:nth-child(1) {
    border-top: 1px solid #eee;
}

.szakerto-modal-contact-row {
    display: flex;
    gap: 8px;
    padding: 19px 0;
    border-bottom: 1px solid #eee;
    font-size: 15px;
}

.szakerto-modal-contact-row span:first-child {
    font-weight: 600;
    min-width: 62px;
}

.szakerto-modal-contact-row span.email,
.szakerto-modal-contact-row span.phone {
    color: #656565 !important;
}

.szakerto-modal-contact-row a.email,
.szakerto-modal-contact-row a.tel {
    color: inherit;
    text-decoration: none;
    color: #0D3F32 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.szakerto-modal-contact-row a:hover {
    text-decoration: underline;
}

.szakerto-modal-introduction {
    font-size: 15px;
    line-height: 1.6;
}

/*************************** 
*** Portrait Photo Fixes ***
****************************/

/* Demkó István */
article.post-11977 a .elementor-post__thumbnail img {
    margin-top: 15px !important;
}

/* Polló László */
article.post-11970 a .elementor-post__thumbnail img {
    margin-top: 25px !important;
}

/* Szabó Atis */
article.post-11973 a .elementor-post__thumbnail img {
    margin-top: 25px !important;
}

/*****************
*** RESPONSIVE ***
******************/
@media screen and (max-width: 479px) { 
    .szakertok-rebuild-portfolio-grid article {
        width: 310px !important;
        max-width: 310px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 649px) {
    .szakertok-rebuild-portfolio-grid article {
        width: 390px !important;
        max-width: 390px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media screen and (min-width: 650px) and (max-width: 767px) {
    .szakertok-rebuild-section .szakertok-rebuild-portfolio-grid .elementor-widget-container {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .szakertok-rebuild-portfolio-grid .elementor-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-column-gap: 20px !important;
        grid-row-gap: 20px !important;
    }
}

@media screen and (max-width: 744px) { 
    .szakerto-modal-body {
        display: grid !important;
        grid-template-columns: 100% !important;
        grid-template-rows: 300px 30px 24px 165px auto;
        column-gap: 25px !important;
        row-gap: 10px !important;
    }

    .expert-modal-photo-holder {
        display: flex !important;
        height: 280px !important;
        width: 280px !important;
        justify-content: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    img.szakerto-modal-photo {
        width: 280px !important;
        height: 280px !important; 
    }

    .szakerto-modal-photo {
        grid-row: span 1 / span 1 !important;
    }

    .szakerto-modal-name {
        grid-column-start: 1 !important;
        grid-row-start: 2 !important;
        text-align: center !important;
    }

    .szakerto-modal-category {
        grid-column-start: 1 !important;
        grid-row-start: 3 !important;
        text-align: center !important;
    }

    .szakerto-modal-contacts {
        grid-column-start: 1 !important;
        grid-row-start: 4 !important;
        margin-top: 40px !important;
    }

    .szakerto-modal-introduction {
        grid-column: span 1 / span 1;
        grid-row-start: 5 !important;
        margin-top: 30px !important;
    }

    .szakerto-modal-name,
    .szakerto-modal-category,
    .szakerto-modal-contacts,
    .szakerto-modal-introduction {
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 430px) { 
    .szakerto-modal-body {
        grid-template-rows: 245px 30px 24px 165px auto;
    }

    .szakerto-expert-custom-modal-content {
        padding: 75px 20px 50px 20px !important;
    }

    .expert-modal-photo-holder,
    img.szakerto-modal-photo {
        height: 240px !important;
        width: 240px !important
    }

    .szakerto-modal-contact-row {
        font-size: 13px !important; 
        gap: 5px !important;
    }

    .szakerto-modal-contact-row span:first-child {
        min-width: 50px !important;
    }

    .szakerto-modal-introduction {
        font-size: 14.5px !important;
    }
}

@media screen and (max-width: 767px) {
    .szakertok-rebuild-section .e-con-inner {
        padding-bottom: 100px !important;
    }

    .szakertok-rebuild-portfolio-grid .elementor-widget-container {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .szakertok-rebuild-portfolio-grid .elementor-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .szakertok-rebuild-section .elementor-portfolio__filter[data-filter="__all"] {
        position: relative !important;
        width: 141px !important;
    }

    .szakertok-rebuild-section .elementor-portfolio__filter[data-filter="__all"]:before {
        top: -1px;
        left: 8px;
        font-size: 14px;
    }

    .szakertok-rebuild-portfolio-grid article .expert-info-block h3.expert-name {
        font-size: 23px !important;
        white-space: nowrap !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .szakertok-rebuild-section .e-con-inner {
        padding-bottom: 120px !important;
    }

    .szakertok-rebuild-portfolio-grid .elementor-widget-container {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    .szakertok-rebuild-portfolio-grid .elementor-grid {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1099px) {
    .szakertok-rebuild-portfolio-grid article .expert-info-block h3.expert-name {
        font-size: 23px !important;
        white-space: nowrap !important;
    }
}

@media screen and (min-width: 1025px) {
    .szakertok-rebuild-portfolio-grid .elementor-widget-container {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .szakertok-rebuild-portfolio-grid .elementor-grid {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }
}