/**
Theme Name: NuGent-Web-1.0.1
Author: AgileXpert
Author URI: http://agilexpert.hu/
Description: NuGent (NuGent-Web) theme. This is a child theme of Astra.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ax
Template: astra
*/

:root {
    /* color paramters */
    --nugent-black: #22292E;
	--nugent-black-20: rgba(34,41,46,0.2);
    --nugent-gray-dark: #6A7175;
    --nugent-gray-mid-dark: #B1B5B8;
    --nugent-gray-mid: #E3E7EA;
    --nugent-gray-mid-light: #ECF1F4;
    --nugent-gray-light: #F3F6F8;
	--nugent-gray-light-20: rgba(243,246,248,0.2);
	--nugent-gray-light-80: rgba(243,246,248,0.8);
	--nugent-gray-light-90: rgba(243,246,248,0.9);
    --nugent-white: #FCFEFF;
	--nugent-white-50: #FCFEFF80;
	--nugent-navy-blue-mid-light: #8DA5E3;
	--nugent-navy-blue-mid: #5A7CD1;
	--nugent-navy-blue-mid-dark: #3D5695;
	--nugent-navy-blue-dark: #1A2B56;

    /* dimension paramters */
    --site-header-section-height: 90px;
    --sub-menu-width: 30vw;
	--sub-sub-menu-width: 60vw;
    --sub-menu-top-padding: 10px;
    --sub-menu-side-padding: 40px;
}

/* global */

body:has(.service-sub-page),
body:has(.about-us-page),
body:has(.landing-page),
body:has(.page-not-found) {
	background-color: var(--nugent-gray-mid);
	background-image: linear-gradient(rgba(227, 231, 234, 0),
		  rgba(227, 231, 234, 0),
		  rgba(227, 231, 234, 0),
		  rgba(227, 231, 234, 1)), 
		radial-gradient(rgba(177, 181, 184, 0.3) 2.5px, transparent 0);
    background-size: 100% 100%, 
		30px 30px;
}

header.site-header {
	position: sticky;
	top: 30px;
} 

.ast-logo-title-inline .site-logo-img {
	padding: 0 !important;
}
@media (max-width: 544px) {
    .astra-logo-svg:not(.sticky-custom-logo .astra-logo-svg,.transparent-custom-logo .astra-logo-svg,.advanced-header-logo .astra-logo-svg) {
        height: 50px;
    }
}

.fit-content {
	width: fit-content !important;
	padding: 0 !important;
}
.fit-content figure {
	display: flex !important;
}

.padding-0 {
	padding: 0 !important;
}

.ast-primary-header-bar {
	background: transparent;
}

.image-border-radius-40-0 img {
		border-radius: 0 0 40px 40px !important;
	}
.image-border-radius-0-13 img {
		border-radius: 0 13px 13px 13px !important;
	}

@media only screen and (min-width: 400px) {
	.max-width-50 {
		max-width: 50% !important;
	}
}

@media only screen and (max-width: 480px) {
    .image-border-radius-40 img {
		border-radius: 20px !important;
	}
}
@media only screen and (min-width: 480px) {
    .image-border-radius-40 img {
		border-radius: 40px;
	}
}
.image-border-radius-circle img {
	border-radius: 100px;
}


.background-blur-7 {
	backdrop-filter: blur(3px);
}

.unset-link a {
	text-decoration: none !important;
	color: var(--nugent-black);
    position: relative;
}

.unset-link a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: var(--nugent-black);
	transition: width 0.3s ease-in;
}

.unset-link:hover a::after {
    width: 100%;
	text-decoration: unset !important;
	text-underline-offset: 38px;
}

.unset-link-white a {
	text-decoration: none !important;
	color: var(--nugent-white);
}

.gray-line {
	padding: 0 !important;
	height: 2px;
	background: var(--nugent-gray-dark);
}

.invisible-menu {
	display: none !importat;
	visibility: hidden !important; 
}
.visible-menu {
	display: flex !importat;
	visibility: visible !important;
	height: 240px; /* help me*/
}


.white-cta-button a {
	text-decoration: none !important;
	color: var(--nugent-black);
}
.white-cta-button {
	background-color: var(--nugent-gray-mid) !important;
	box-shadow: 
		0px 4px 10px 10px rgba(175, 204, 228, 0.10),
		inset 0px -4px 5px 0px rgba(34, 113, 162, 0.30),
		0px 0px 0px 3px rgba(90, 136, 75, 0.10), 
		inset 0px 4px 5px 0px rgba(248, 252, 254, 1.0) !important; 
}
.white-cta-button:hover {
	background-color: var(--nugent-white) !important;
	box-shadow: 0 -4px 5px 0 rgba(177, 181, 184, 0.70) inset, 
		0 4px 5px 0 #FCFEFF inset, 
		0 0 0 3px rgba(106, 113, 117, 0.10), 
		0 4px 10px 10px rgba(106, 113, 117, 0.10);
}

.dark-blue-cta-button {
	box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.30) inset,
		0 4px 5px 0 rgba(110, 132, 189, 0.60) inset, 
		0 0 0 3px rgba(90, 124, 209, 0.10), 
		0 4px 10px 10px rgba(178, 196, 240, 0.25) !important;
}
.dark-blue-cta-button:hover {
	opacity: 0.8;
}


.shadow-on-dark h1 {
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.9);
}

.dark-gradient-dotted-background {
    background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(34, 41, 46, 0)), 
		radial-gradient(rgba(177, 181, 184, 0.3) 2.5px, transparent 0) !important;
	background-color: var(--nugent-black) !important;
    background-size: 100% 100%, 
		30px 30px;
}
.light-gradient-dotted-background {
    background-image: linear-gradient(rgba(227, 231, 234, 0),
		  rgba(227, 231, 234, 0),
		  rgba(227, 231, 234, 0),
		  rgba(227, 231, 234, 1)), 
		radial-gradient(rgba(177, 181, 184, 0.3) 2.5px, transparent 0);
    background-size: 100% 100%, 
		30px 30px;
}

@media only screen and (max-width: 1275px) {
	#ast-desktop-header {
        display: none;
    }
}
@media only screen and (min-width: 1275px) {
    .main-header-menu {
        display: flex;
        column-gap: 10px;
    }

    .main-header-menu .sub-menu {
        width: var(--sub-menu-width);
        position: fixed;
        box-shadow: none !important;
        column-gap: 10px;
        row-gap: 10px;
        display: flex;
    }

    .main-header-menu .ax-sub-menu-parent > .sub-menu {
        flex-direction: column;
        margin-left: 10vw;
		margin-top: 10px !important;
        background: var(--nugent-gray-light-80);
		backdrop-filter: blur(10px);
 		border-radius: 20px 0 0 20px;
		padding: 10px 0 10px 10px; 
    }

    .main-header-menu .ax-sub-sub-menu-parent .sub-menu {
        flex-direction: row;
        flex-wrap: wrap;
        width: var(--sub-sub-menu-width);
        position: fixed;
        left: var(--sub-menu-width) !important;
        padding: 10px;
		background: var(--nugent-gray-light-90);
		backdrop-filter: blur(10px);
        
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
		margin-left: -11px;
    }

    .main-header-menu li.menu-item {
        width: fit-content;
    }
	.main-header-menu .ax-sub-menu-parent .sub-menu > li.menu-item.ax-sub-sub-menu-parent > a {
        
    }
	
	.main-header-menu .ax-sub-menu-parent .sub-menu > li.menu-item.is-open {
    	width: 100%; 
    	background-color: var(--nugent-gray-mid-dark) !important; 
		border-radius: 10px 0 0 10px !important;
	}
	.main-header-menu .ax-sub-menu-parent .sub-menu > li.menu-item:not(.is-open) .icon-arrow {
    	display: none !important;
	}
	.main-header-menu .ax-sub-menu-parent .sub-menu > li.menu-item.is-open > a {
    	color: var(--nugent-white) !important;
	}

 .menu-item {
        border-radius: 50px;
        background-color: rgba(232, 235, 237, 0.6) !important; 
        backdrop-filter: blur(10px);
    }

    .menu-link {
		font-weight: 400;
        color: var(--nugent-black) !important;
    }
    
    .menu-item > .menu-link {
        border-radius: 50px;
        padding: 10px 20px;
		font-family: 'Jura';
        font-weight: 900;
        font-size: 14px !important;
        line-height: 20px !important;

        background: rgba(var(--nugent-gray-mid), 0.6) !important;
        border: solid 1px var(--nugent-gray-mid-dark);
    }

    .sub-menu:not(.visible-menu) .menu-item:not(:hover) {
        background: rgba(var(--nugent-gray-mid-light), 0.6) !important;
        border: solid 1px var(--nugent-gray-mid-dark);
    }
	
    .main-header-menu > li.current-menu-item {
        background-color: rgba(248, 252, 254, 0.9);
        border: solid 1px var(--nugent-navy-blue-mid);
    }
    .main-header-menu > li.current-menu-item a {
        color: var(--nugent-navy-blue-mid) !important;
    }

    .menu-item:active > .menu-link {
        background-color: rgba(var(--nugent-gray-mid), 0.6) !important;
    }
    .sub-menu:not(.visible-menu) .menu-item:hover:not(.current-menu-ancestor) {
        background-color: var(--nugent-gray-mid-dark);
    }
    .sub-menu:not(.visible-menu) .menu-item:hover:not(.current-menu-ancestor) > .menu-link {
        color: var(--nugent-white) !important;
        background: var(--nugent-gray-dark) !important;
    }

    .ax-sub-menu-parent .menu-item {
        height: 4rem;
        border-radius: 10px;
        background-color: var(--nugent-gray-mid-light) !important;
        border: 1px solid var(--nugent-gray-mid-dark) !important;
    }

    .current-menu-ancestor > .menu-link,
    .current_page_item a {
        background-color: rgba(var(--nugent-white), 0.9) !important;
        color: var(--nugent-navy-blue-mid-dark) !important;
        border: 1px solid var(--nugent-navy-blue-mid-dark);
    }
   
}

/* mobile */
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner,
.ast-builder-menu-mobile .main-navigation .main-header-menu {
	background-color: var(--nugent-gray-mid);
}
#ast-hf-mobile-menu  {
	display: flex;
	row-gap: 10px;
	flex-direction: column;
	align-content: center;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
	border-radius: 10px;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu li {
	margin: 10px;
}

#ast-hf-mobile-menu li {
	background-color: var(--nugent-white);
	color: var(--nugent-black);
	border: 1px solid var(--nugent-gray-dark);
	width: 90%;
	border-radius: 10px;
}
#ast-hf-mobile-menu li {
	background-color: var(--nugent-white);
	color: var(--nugent-black);
	border: 1px solid var(--nugent-gray-dark);
	width: 90%;
	border-radius: 10px;
}
#ast-hf-mobile-menu .ast-submenu-expanded li {
	background-color: var(--nugent-white);
	margin: 10px;
}

#ast-hf-mobile-menu li .menu-link {
	background-color: var(--nugent-white);
	color: var(--nugent-black);
	border-radius: 10px;
	line-height: 1.3;
    padding: 10px;
}
#ast-hf-mobile-menu a > .icon-arrow {
	display: none;
}


/* footer */
.footer-containers {
	row-gap: 0 !important;
}
.footer-containers a {
	text-decoration: none !important;
}

.site-below-footer-wrap {
    padding: 0 !important;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row 
{
    padding: 0 !important;
}

@media only screen and (max-width: 600px) {
    .footer-wrap .box-shadow-light  {
        max-width: 100% !important;
        padding: 30px !important;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 600px) {
    .footer-wrap .box-shadow-light  {
        max-width: 45% !important;
        padding: 20px !important;

    }
}
@media only screen and (min-width: 1200px) {
    .footer-wrap .box-shadow-light  {
        max-width: calc(25% - 40px) !important;
    }
}

.footer-column-container { /* nem kéne ha nem lenne buggos */
	column-gap: 10px !important;
	row-gap: 10px !important;
	align-items: stretch !important;
}

.footer-column-container > .wp-block-uagb-container > .wp-block-uagb-container { /* buggos */
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.wp-block-social-links li.wp-social-link {
    color: #002C3E !important;
}

/* legkedveltebb cikkek menu */
.widget.widget_nav_menu ul {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	padding: 0;
}
.widget.widget_nav_menu .menu-item .menu-link {
	border: none;
}
.widget.widget_nav_menu ul li:nth-child(2n + 1) {
	background-color: var(--nugent-gray-mid) !important;
}
.widget.widget_nav_menu ul li:nth-child(2n) {
	background-color: var(--nugent-gray-light) !important;
}

/* mailerlite */

.ml-form-embedContainer .ml-form-embedWrapper {
	background-color: transparent !important;
}
.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
	max-width: 100% !important;
}
.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
	font-family: 'Jura' !important;
}
.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group .ml-field-group label,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
	font-family: 'Roboto';
	font-weight: bold;
}
@media only screen and (min-width: 500px) {
		.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
		width: 40% !important;
	}
} 


.ml-embedded #mlb2-30720674.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
	background-color: var(--nugent-navy-blue-dark) !important;
	box-shadow: 
		0 -4px 5px 0 rgba(0, 0, 0, 0.30) inset, 
		0 4px 5px 0 rgba(110, 132, 189, 0.60) inset, 
		0 0 0 3px rgba(90, 124, 209, 0.10), 
		0 4px 10px 10px rgba(178, 196, 240, 0.25) !important;
}
.ml-embedded #mlb2-30720674.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
	background-color: var(--nugent-navy-blue-mid) !important;
	box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.30) inset, 
		0 4px 5px 0 rgba(178, 196, 240, 0.80) inset, 
		0 0 0 3px rgba(90, 124, 209, 0.10), 
		0 4px 10px 10px rgba(178, 196, 240, 0.25);
}

/* kezdoldal */

 @media only screen and (min-width: 1200px) { 
	.landing-hero {
		max-height: 90vh;
		/*margin-top: -200px;
		margin-bottom: 150px;*/
		top: 0;
		margin-top: -20vh;
	}
}
 @media only screen and (max-width: 1200px) { 
	.landing-hero {
		/*margin-top: -200px;
		margin-bottom: 150px;*/
		top: 0;
		margin-top: -10vh;
	}
}

.landing-hero {
		background-image: url("https://jarmuiparitanacsadas.hu/wp-content/uploads/landing-hero-w-blur-and-lines-min-1.jpg");
		background-repeat: no-repeat;
		background-color: var(--nugent-gray-mid);
		background-size: cover;
		border-radius: 0 0 40px 40px;
	    background-position: center;
}

.landing-hero figure {
	width: 100%;
	opacity: 0;
}
.landing-hero img {
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.90) !important; 
	width: 100% !important;
	z-index: -1;
}

.gray-background-gradient {
  background: linear-gradient(rgba(232, 235, 237, 0), rgba(232, 235, 237, 1)),
              radial-gradient(#E8EBED, #6B6D6F) !important;
}

.warehouse-container-parent {
  position: relative;
}

.warehouse-container-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://jarmuiparitanacsadas.hu/wp-content/uploads/landing-warehouse-min-scaled.jpg);
  background-size: cover;
  background-position: center;

  mask-mode: alpha;
  mask-image: linear-gradient(157deg,
    rgba(0, 0, 0, 0) 31.51%,
    rgba(0, 0, 0, 1) 38.24%,
    rgba(0, 0, 0, 1) 100%
  );
  mask-size: 100% 100%;
  
  z-index: 1; 
}
.warehouse-container-content {
	  z-index: 2;
}

.warehouse-mobile img {
	mask-mode: alpha;
	mask-image: linear-gradient(157deg,
		rgba(0, 0, 0, 0) 31.51%,
		rgba(0, 0, 0, 1) 38.24%,
		rgba(0, 0, 0, 1) 100%
	);
	mask-size: 100% 100%;
}

.wp-block-uagb-counter__number {
	font-family: 'Jura';
}

.wp-block-uagb-container .black-circle.wp-block-uagb-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content !important;
    border-radius: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.top-section .outlined-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content !important;
    border-radius: 100px;
	border: solid 1px var(--nugent-black);
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-section .outlined-circle figure {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.white-black-service-card {
	max-width: 400px !important;
}
.white-black-service-card:not(:hover) .top-section,
.white-black-service-card:hover .bottom-section {
	display: flex;
}

.white-black-service-card:not(:hover) .bottom-section,
.white-black-service-card:hover .top-section {
	display: none;
}
.white-black-service-card:hover {
	background: var(--nugent-black);
	animation-name: white-to-black;
    animation-duration: 500ms;
}

.white-black-service-card:hover h3 {
	color: var(--nugent-white) !important;
	animation-name: white-black-service-card-title;
	animation-duration: 500ms;
}

.white-black-service-card .top-section,
.white-black-service-card .bottom-section {
	height: 50px !important;
	
}
@keyframes white-to-black {
  0%   {background-color: var(--nugent-white);}
  100% {background-color: var(--nugent-black);}
}
@keyframes white-black-service-card-title {
	0% {
		opacity: 0;
		transform: translateY(50px); 
	}
	100% {
		opacity: 1; 
		transform: translateY(0); 
	}
}

.radial-lines {
    width: 200px !important;
    height: 200px;
    border-radius: 50%; 
    background: 
        repeating-conic-gradient( 
            #22292E 0deg 2deg, 
            transparent 3deg 9deg 
        ),
      
        radial-gradient(
            circle at center,
            transparent 0%,      
            transparent 35%,
            var(--nugent-gray-mid) 36%,        
            var(--nugent-gray-mid) 100%
        );
    background-blend-mode: multiply; 
    
    mask-image: radial-gradient(
        circle at center,
        transparent 0%, 
        transparent 35%,
        var(--nugent-gray-mid) 35.1%, 
        var(--nugent-gray-mid) 100%
    );
    -webkit-mask-image: radial-gradient(
        circle at center,
        transparent 0%, 
        transparent 35%,
        var(--nugent-gray-mid) 35.1%, 
        var(--nugent-gray-mid) 100%
    );
}

.spinning-circle-arrow-container:not(:hover) {
	box-shadow: -5px -5px 4px 0 rgba(177, 181, 184, 0.60) inset, 5px 5px 4px 0 #FFF inset;
}
.spinning-circle-arrow-container:hover {
	background-color: var(--nugent-navy-blue-dark) !important;
	box-shadow: -5px -5px 4px 0 #061336 inset, 5px 5px 4px 0 #425890 inset;
}
.spinning-circle-arrow-container:hover .arrow img {
	filter: brightness(0) invert(1);
}
.spinning-circle-arrow-container:not(:hover) .uagb-heading-text a {
	color: var(--nugent-black) !important;
	text-decoration: none !important;
}
.spinning-circle-arrow-container:hover .uagb-heading-text a {
	color: var(--nugent-white) !important;
	text-decoration: none !important;
}
.spinning-circle-arrow-container:hover .radial-lines {
	animation: rotate-right 1s ease-in-out;
	background: repeating-conic-gradient( 
            var(--nugent-white) 0deg 2deg, 
            var(--nugent-navy-blue-dark) 3deg 9deg 
        ),
        radial-gradient(
            circle at center,
            transparent 0%,      
            transparent 35%,
            var(--nugent-gray-mid) 36%,        
            var(--nugent-gray-mid) 100%
        ) !important;
}
.spinning-circle-arrow-container:not(:hover) .radial-lines {
	animation: rotate-left 1s ease-in-out;
}
@keyframes rotate-right {
	from
		{ transform: rotate(-360deg); }
    to
		{ transform: rotate(360deg); }
}
@keyframes rotate-left {
	from
		{ transform: rotate(360deg); }
    to
		{ transform: rotate(-360deg); }
}
@media only screen and (max-width: 767px) {
	.wp-block-uagb-container:has(> .spinning-circle-arrow-container) {
		margin-top: -60px;
		margin-bottom: -60px;
		display: flex;
        align-content: flex-start;
        margin-left: -50px;
	}
	.spinning-circle-arrow-container {
		/*scale: 0.6;*/
		transform: scale(0.6);
		min-width: 260px;
	}
}


/* rolam */

.white-black-work-card:hover {
	background-color: var(--nugent-black) !important;
	animation-name: white-to-black;
    animation-duration: 500ms;
}
.white-black-work-card {
	transition: all 0.3s ease-in-out; 
	max-width: 400px !important;
}

.white-black-work-card:hover .black-circle {
	background-color: var(--nugent-navy-blue-mid-light) !important;
}
.white-black-work-card:hover .black-circle p {
		color: var(--nugent-black) !important;
}
.white-black-work-card:hover .uagb-heading-text {
	color: var(--nugent-white) !important;
}

.white-black-work-card .black-circle {
	order: 1;
	animation-name: white-black-work-card-icon-left;
	animation-duration: 500ms;
}
.white-black-work-card .icon-circle {
	background-color: var(--nugent-white);
	order: 2;	
	animation-name: white-black-work-card-icon-right;
	animation-duration: 500ms;
}
.white-black-work-card:hover .black-circle {
	order: 2;
	animation-name: white-black-work-card-icon-right;
	animation-duration: 500ms;
}
.white-black-work-card:hover .icon-circle {
	order: 1;
	background-color: var(--nugent-black) !important;
	border-color: var(--nugent-navy-blue-mid-light) !important;
	animation-name: white-black-work-card-icon-left;
	animation-duration: 500ms;
}
.white-black-work-card:not(:hover) .icon-circle .not-on-hover {
	display:flex;
	width: fit-content !important;
}
.white-black-work-card:not(:hover) .icon-circle .on-hover {
	display:none;
}
.white-black-work-card:hover .icon-circle .not-on-hover {
	display:none;
}
.white-black-work-card:hover .icon-circle .on-hover {
	display:flex;
	width: fit-content !important;
}


@keyframes white-black-work-card-icon-left {
	0% {
		opacity: 50%;
		transform: translatex(50px); 
	}
	100% {
		opacity: 1; 
		transform: translatex(0); 
	}
}
@keyframes white-black-work-card-icon-right {
	0% {
		opacity: 50%;
		transform: translatex(-50px); 
	}
	100% {
		opacity: 1; 
		transform: translatex(0); 
	}
}

/* kapcsolat */

.page:has(.kapcsolat-page) {
		background-color: var(--nugent-gray-mid);
	}
@media only screen and (min-width: 768px) {
	.page:has(.kapcsolat-page) {
		background-image: url("https://jarmuiparitanacsadas.hu/wp-content/uploads/contact-us-bg-min-scaled.jpg");
		background-repeat: no-repeat;
		background-color: var(--nugent-gray-mid);
		background-size: contain;
		background-position: center center;
	}
}
.page:has(.kapcsolat-page) article { 
	background:transparent;
}

/* blog */

.page:has(.blog-page) {
	background-color: var(--nugent-gray-mid);
}

.blue-line {
	padding: 0 !important;
	height: 2px;
	background: var(--nugent-navy-blue-mid);
}

/* blog post */

.new-post-grid.wp-block-uagb-post-grid .uagb-post__inner-wrap {
	height: 30rem !important;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.new-post-grid.wp-block-uagb-post-grid .uagb-post__image:before {
	background: linear-gradient(rgba(24, 24, 25, 0) 60%, rgba(24, 24, 25, 0.8));
}
.new-post-grid.wp-block-uagb-post-grid .uagb-post__image::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
	backdrop-filter: blur(10px);
}

.recommended-post-grid.wp-block-uagb-post-grid .uagb-post__image {
	height: 100px;
	width: 100px !important;
}
.recommended-post-grid .uagb-post__image a {
	border-radius: 20px;
}
.recommended-post-grid .uag-post-grid-wrapper {
	flex-direction: column-reverse !important;
}
.recommended-post-grid .uag-post-grid-wrapper .uagb-post-grid-byline {
	padding-bottom: 0 !important;
}

.new-post-grid .uagb-post-pagination-wrap .page-numbers {
	background: var(--nugent-gray-mid-light);
	color: var(--nugent-navy-blue-mid);
	border-radius: 10px;
	padding: 5px 12px !important;
}
.new-post-grid .uagb-post-pagination-wrap .page-numbers.current {
	background: var(--nugent-gray-mid-light);
	color: var(--nugent-gray-dark);
}

/* szolgaltatsok aloldalalk */

.gray-dark-glass-cathegory .wp-block-uagb-advanced-heading {
	width: fit-content !important;
	background-color: rgba(34,41,46, 0.35);
	padding: 10px;
	backdrop-filter: blur(4px);
	border-radius: 50px;
	border: 1px solid var(--nugent-gray-dark);
	padding: 5px 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.sub-page-hero-title {
		scale: 0.85;
	}
}

/* térképes kereső aloldal */

body:has(.map-page) {
	background-image: url(https://jarmuiparitanacsadas.hu/wp-content/uploads/background-map.svg);
    background-repeat: no-repeat;
    background-color: var(--nugent-gray-mid);
    background-size: cover;
    background-position: top left;
}

.white-50-container {
	background-color: var(--nugent-white-50);
	backdrop-filter: blur(3.5px);
}

.mid-blue-container {
	backdrop-filter: blur(3.5px);
}

@media only screen and (min-width: 768px) {
	.fill-avaible-height {
		height: -webkit-fill-available;
		max-height: 200px;
	}
}

.wp-block-uagb-container .circle-with-line {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content !important;
    border-radius: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
	background: var(--nugent-navy-blue-mid-dark);
}
.circles-with-line {
	padding: 0 !important;
	height: 2px;
	background: var(--nugent-navy-blue-mid-dark);
}
.wp-block-uagb-container .circle-with-line > div {
    padding-left: 16px;
    padding-right: 16px;
}