@import url('https://fonts.googleapis.com/css2?family=Courgette&family=EB+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Montserrat:ital,wght@0,400;0,600;0,700;1,600;1,700&family=Poppins:ital,wght@0,400;0,600;0,900;1,400;1,600;1,900&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700;1,900&display=swap');

:root {
	--color-red: #D62247;
	--color-grey: #88878C;
	--color-middlegrey: #d8d8d8;
	--color-lightgrey: #FCFCFC;
	--color-dargrey: #353535;
	--color-gold: #DFA458;
	--color-orange: #D2913F;
	--color-mapgreen: #136358;
	--color-logored: #E10715;
	--color-turquoise: #90FFDC;
	--color-logogreen: #078D46;
	--color-green: #218380;
	--font-main: Roboto, Arial, sans-serif;
	--font-title: Poppins, sans-serif;
	--font-articletitle: Montserrat, Roboto, sans-serif;
	--font-title-weight: 900;
	--border-button-active-inset: inset 1px 1px 3px rgba(80,80,80,.8);
}

body.pff-33, .pff-33 input, .pff-33 select, .pff-33 textarea, .pff-37 blockquote {
	font-family: var(--font-main);
}
.hff-33 h1, .hff-33 h2, .hff-33 h3, .hff-33 h4, .hff-33 h5, .hff-33 h6, .sff-33 .site-name, .slff-33 .site-slogan {
	font-family: var(--font-main);
}
h1, .heading-a {
	font-size: 2em;
	margin-bottom: 20px;
}
#block-oldalcime h1 {
	font-family: var(--font-articletitle);
	line-height: 1.4em;
}

*:focus {
    outline: none;
}

.views-field-title h2 a, .field--name-field-bevezeto {
	font-size: inherit;
}
.text-formatted.field--name-body tr:hover {
	background-color: white;
}

.field__label {
	font-weight: normal;
	text-transform: none;
	width: 50%;
	border-bottom: none;
	margin: 2em 0;
	font-size: 1.3em;
}
.field__label::after, #block-partnerlogok h2.title::after, .view-archivum .view-footer h2::after, .block-views-blockrelated-nodes-block-1 h2::after {
	width: 3em;
	border-bottom: 4px solid var(--color-turquoise);
	content: '';
	display: block;
	margin: .5em 0;
}

.field--name-body img[data-entity-uuid^="insert-full_width"],
.field--name-body img[data-entity-uuid^="insert-large_750x490"] {
	clear: both;
	display: block;
	margin: 0.5em auto;
}
 
#pre-header {
	background-color: transparent;
	border-bottom: none;
}
.view-titles .more-link {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	display: none;
}
.view-titles .view-content {
	background-color: var(--color-red);
	border-bottom: 6px solid var(--color-red);
	margin-right: 160px;
	margin-left: -30px;
	display: none;
}
#block-views-block-mt-breaking-block-1-2 .content {
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
}
.view-titles .views-field-title a, ul.links li .views-field-title a {
	font-size: 1.4em;
	font-weight: 400;
	padding: 10px 0;
	position: relative;
	text-decoration: none;
	line-height: 1.4em;
	color: black;
	text-align: left;
	font-family: var(--font-articletitle);
	font-weight: bold;
}
#pre-header .view-titles .views-field-title a,  #pre-header .views-field-title a {
	color: white;
	padding: 10px 20px 5px 20px;
	text-decoration: none;
}
#pre-header .view-titles .views-field-title a:hover, #pre-header .views-field-title a:hover {
	color: black;
}
.view-titles .more-link a {
	background-color: var(--color-red) !important;
	border-bottom: 6px solid var(--color-red) !important;
}

.views-field-created {
	font-size: .9em;
}
.views-field-title a {
	font-size: inherit;
}

@media (min-width:768px) {
  .container {
    width:100%
  }
}
@media (min-width: 1200px) {
	.container {
		width: clamp(1200px, 100vw, 1920px);
	}
}

.headers-wrapper {
	box-shadow: none;
}
.headers-wrapper #header {
	background-color: transparent;
	border-bottom: 0 solid transparent;
}
#header > .container {
    background-color: transparent;
    /* background-image: linear-gradient(rgba(34, 131, 38, 0.8) 0px, rgba(34, 131, 38, 0.8) 50px, rgba(131, 86, 19, 0.5) 50px, rgba(131, 86, 19, 0.6)), url("/sites/default/files/fejleckepek/2023-10/fejlechatter-osz.jpg"); */
    background-blend-mode: multiply;
	background-size: cover, auto 600px;
	background-position: top left, top center;
}
@media (min-width: 1532px) {
	#header > .container {
		background-size: cover, 100% auto;
	}
}
#header > .container  #header-inside {
    /* position: absolute; */
    width: min(90vw, 1850px);
    height: 50px;
}
#block-fejleckepalap .content::before {
	content: "";
	background-image: linear-gradient(rgba(34, 131, 38, 0.8) 0, rgba(34, 131, 38, 0.8) 50px, rgba(131, 86, 19, 0.5) 50px, rgba(131, 86, 19, 0.4));
	position: absolute;
	z-index: 2;
	width: 100%;
	aspect-ratio: 2.21;
	clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
	display: none;
}
#block-fejleckepalap .content .field--name-field-fejleckep {
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
    background-size: cover;
    background-blend-mode: multiply;
    aspect-ratio: 4;
    background-position: top center;
    background-repeat: no-repeat;
    transition: height .5s linear .2s;
    height: 600px;
    width: 100%;
    transition: height .6s linear .2s, clip-path .5s linear .2s;
	background-position: top left, center -50px;
}
#block-fejleckepalap .content .field--name-field-fejleckep img {
	display: none;
}	
#block-fejleckepalap .content .field--name-field-title {
	position: absolute;
	top: 45%;
	z-index: 3;
	font-family: var(--font-title);
	font-weight: 600;
	/* font-size: min(4em, calc(100vw/40)); */
	font-size: min(2.4em, calc(100vw/20));
	color: white;
	/* right: 40px; */
	/* text-shadow: 3px 3px 0px #666; */
	text-align: center;
	width: 100%;
	/* transition:	visibility .5s linear .5s;
	visibility: hidden; */
}
#block-fejleckepalap .content .field--name-field-title2 {
	position: absolute;
	bottom: 35%;
	z-index: 3;
	color: white;
	right: 25%;
	font-size: min(3em, calc(100vw/20));
	text-transform: uppercase;
	font-style: italic;
	font-family: var(--font-title);
	font-weight: 900;
	/* text-shadow: 3px 3px 0px #666; */
	/* transition:	visibility .5s linear .5s;
	visibility: hidden; */
}

#block-oldalcime-2 {
	clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
	background-size: cover;
	background-blend-mode: multiply;
	aspect-ratio: 4;
	background-position: top center;
	background-repeat: no-repeat;
	transition: height .5s linear .2s;
	height: 400px;
	width: 100%;
	transition: height .6s linear .2s, clip-path .5s linear .2s;
	background-image: linear-gradient(rgba(34, 131, 38, 0.8) 0px, rgba(34, 131, 38, 0.8) 50px, rgba(131, 86, 19, 0.5) 50px, rgba(131, 86, 19, 0.6)), url("/themes/kdnp/images/aloldal_alap_szinezett.png");
}
#block-oldalcime-2 .content h1 {
	width: 80%;
	margin: 0 auto 0;
	padding-top: 220px;
	text-align: center;
	color: white;
	transition:	visibility .5s linear .5s;
}
@media (max-width: 767px) {
	.logo {
		width: auto;
	}
	
	
	#header-inside .header-area .col-md-4 {
		padding-right: 40px;
	}
	#header-inside .header-area > .col-md-8 {
		float: none;
	}
	#below-content-inside > .region > .block {
		margin-left: -30px;
		margin-right: -30px;
	}
}
@media (max-width: 360px) {
	#block-fejleckepalap .content .field--name-field-title,
	#block-fejleckepalap .content .field--name-field-title2 {
		display: none;
	}
	
}
#header-inside .header-area {
	display: flex;
	flex-direction: row-reverse;
}
#header-inside .header-area div:first-child {
	flex-grow: 8;
}
#header-inside .header-area div:last-child{
	flex-grow: 1;
}
#header-inside .header-area > .col-md-8 {
	float: right;
}
#block-webhelymarkazasa .logo {
	margin: 15px 0 0 45px;
	float: none;
	position: absolute;
}
#block-webhelymarkazasa .logo img {
	height: clamp(100px, 10vw, 200px);
	transition: height .5s linear .5s;
}
#block-webhelymarkazasa .site-name {
	height: 0;
	overflow: hidden;
	/* margin-top: -25px; */
	transition: height .5s linear 0s;
	margin-left: 50px;
	position: absolute;
}
#header .site-name.site-name__header {
    display: none;
}
.onscroll #block-webhelymarkazasa .logo img,
body:not(.path-frontpage) #block-webhelymarkazasa .logo img {
	height: 0px;
	transition: height .5s linear 0s;
}
.onscroll #block-webhelymarkazasa .site-name,
body:not(.path-frontpage) #block-webhelymarkazasa .site-name {
	height: 50px;
	transition: height .5s linear .5s;
}
.site-slogan {	
	width: 400px;
	margin-top: 0px;
	max-width: 100%;
	height: 55px;
	margin-left: 70px;
	background-image: url('../images/fejlecszlogen-csaladokert.svg');
}

/*
.onscroll #page {
	transition: padding-top .5s linear .2s;
}*/
.onscroll #header {
  position: fixed;
  z-index: 499;
  top: 0;
  width: 100%;
  box-shadow: none;
}
/*
.onscroll #page-intro {
    position: fixed;
    top: 0;
    height: 50px;
    z-index: 300;
    width: 100%;
}
.onscroll #block-oldalcime-2 {
	height: 50px;
}
.onscroll #block-fejleckepalap .content .field--name-field-fejleckep {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    height: 50px;
    aspect-ratio: auto;
}
 
.onscroll #block-fejleckepalap .content .field--name-field-title2,
.onscroll #block-fejleckepalap .content .field--name-field-title, 
.onscroll #block-oldalcime-2 .content h1 {
    visibility: hidden;
	transition:	visibility .5s linear 0s;
}
*/
.onscroll #block-webhelymarkazasa .logo {
    margin-top: 0;
}
.region-page-intro .block {
    padding-bottom: 0;
}

#main-navigation ul.menu li a {
	white-space: nowrap;
}
#main-navigation ul.menu li a.sf-depth-1, #main-navigation ul.menu li .nolink.sf-depth-1 {
	font-size: 1em;
	text-transform: uppercase;
	padding: 11px 18px 9px;
}

#main-navigation ul.sf-menu li a.menuparent::after, #main-navigation ul.sf-menu li span.menuparent::after, #pre-header ul.sf-menu li a.menuparent::after, #header-top ul.sf-menu li a.menuparent::after {
	content: "\f107";
	font-family: 'FontAwesome';
	position: absolute;
	top: 16px;
	right: 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#block-udvozoljuk h2, h2.title {
	color: var(--color-green);
	font-family: var(--font-main);
	font-size: 1.4em;
	font-weight: 500;
}
#block-udvozoljuk .content {
	padding-top: 80px;
}
.sidebar .block > h2, #page .block-views > h2 {
	border-color: transparent;
	font-weight: 500;
	font-size: 1.5em;
	font-family: var(--font-main);
	color: var(--color-green);
	text-transform: none;
}
#page > .container, #footer {
	border-bottom: none;
}
#page-inside {
	padding-bottom: 0;
}

#main {
	min-height: 600px;
}
#main-content > .row > section:first-child {
	background-color: var(--color-lightgrey);
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
}
#block-views-block-orokbefogadott-keresztek-block-1 {
	background-image: url('/themes/kdnp/images/bottombg.svg'), linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0) 98%, #353535 98%);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 10% 30px 70px 30px;
	margin-left: -30px;
	position: relative;
	aspect-ratio: 8/5;
}
/*
#block-views-block-orokbefogadott-keresztek-block-1 .view-content {
	width: 650px;
	float: right;
}
#block-views-block-orokbefogadott-keresztek-block-1 .view-footer > div:first-child  .view-content {
	width: 320px;
	margin-right: 260px;
}
#block-views-block-orokbefogadott-keresztek-block-1 .view-footer > div:last-child  .view-content {
	width: 215px;
	position: absolute;
	right: 0;
	top: 500px;
}*/

#block-alapitva img {
	width: max(50%, 300px);
	margin-left: 65px;
	animation: bounce-in 2s ease;
}
#block-ultesshogyelhessunkbanner {
	margin-left: 30px;
}

@keyframes bounce-in {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% { transform: scale(.9); }
  100% { transform: scale(1); }
}

.flexslider.optionset-keresztek-megyenkent {
	border: 0;
	background-color: transparent;
	margin-bottom: 0;
}
#block-views-block-orokbefogadott-keresztek-block-1 .view-footer > div .view-content .views-field-title,
#block-views-block-orokbefogadott-keresztek-block-1 .view-footer > div .view-content .views-field-title-1,
#block-views-block-orokbefogadott-keresztek-block-1 .view-footer > div .view-content .views-field-nid {
	color: var(--color-turquoise);
	font-size: 3em;
	font-weight: bold;
	font-style: italic;
}
#block-views-block-orokbefogadott-keresztek-block-1 .view-footer > div .view-content .views-field-type {
	color: black;
	font-size: 2em;
	font-weight: normal;
	font-style: normal;
}
#block-views-block-orokbefogadott-keresztek-block-1 .view-footer > div .view-content .views-field-field-megye, 
#block-views-block-orokbefogadott-keresztek-block-1 .view-footer > div .view-content .views-field-nothing {
	color: white;
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	margin-top: -15px;
}

/*
#block-views-block-orokbefogadott-keresztek-block-1 .view-content > div .geolocation-map-container::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(33,131,128,.6);
	background-blend-mode: multiply;
}
.geolocation-location {
	z-index: 20;
}*/
/*
#page #block-views-block-orokbefogadott-keresztek-block-1 h2.title {
	text-align: left;
	border-bottom: 0;
	margin: 1em calc((100% - 350px)/2) 7em;
	color: var(--color-turquoise);
	font-size: 2.6em;
	font-family: Courgette;
	display: block;
	position: relative;
}*/
#page #block-views-block-orokbefogadott-keresztek-block-1 svg.fogadjorokbe {
	width: 100%;
	padding-right: 5%;
}
#page #block-views-block-orokbefogadott-keresztek-block-1 svg.fogadjorokbe text {
	fill: var(--color-turquoise);
	font-family: Courgette;
	font-weight: 400;
}
/*
#page #block-views-block-orokbefogadott-keresztek-block-1 h2.title::after {
	content: " egy keresztet!";
	position: absolute;
	bottom: -1.1em;
	left: 2em;
	width: 270px;
}
*/
#block-views-block-orokbefogadott-keresztek-block-1  .view-header {
	/*position: absolute;
	top: 400px;
	width: 430px;*/
	text-align: center;
	margin-bottom: 10em;
}
#block-views-block-orokbefogadott-keresztek-block-1 img {
	width: 120px;
	margin: 20px;
}
/*
#block-views-block-orokbefogadott-keresztek-block-1 .view-header::before {
	width: 120px;
	height: 195px;
	background-image: url('/themes/kdnp/images/vonalas-kereszt.svg');
	background-size: cover;
	background-repeat: no-repeat;
	content: '';
	position: absolute;
	top: 9em;
	left: calc((100% - 120px)/2);
	display: block;
}*/
#block-views-block-orokbefogadott-keresztek-block-1  .view-header button, #block-csatlakozzon button,
#block-lablecbannerkeresztek .field--name-body button, #block-lablecbannerultessunk button, #block-lablecbannerosztondij button {
	background: var(--color-dargrey);
	color: var(--color-turquoise);
	border: 0;
	text-transform: lowercase;
	padding: 3px 15px;
	border-radius: 16px;
	margin-top: 20px;
	border: 2px solid var(--color-dargrey);
}
#block-views-block-orokbefogadott-keresztek-block-1  .view-header button:hover,
#block-lablecbannerkeresztek .field--name-body button:hover, #block-lablecbannerultessunk button:hover, #block-lablecbannerosztondij button:hover {
	border-color: white;
	color: white;
}
#block-csatlakozzon button:hover {
	border-color: var(--color-gold);
	color: var(--color-gold);
}
#block-views-block-orokbefogadott-keresztek-block-1  .view-header button:active,
#block-lablecbannerkeresztek .field--name-body button:active, #block-lablecbannerultessunk button:active, #block-lablecbannerosztondij button:active {
	background-color: white;
	box-shadow: var(--border-button-active-inset);
	border: 0;
	padding: 5px 17px;
	color: var(--color-dargrey);
}

#block-csatlakozzon button:active {
	background-color: var(--color-gold);
	box-shadow: var(--border-button-active-inset);
	border: 0;
	padding: 5px 17px;
	color: var(--color-dargrey);
}


#block-views-block-orokbefogadott-keresztek-block-1 > .content > div > .view > .view-content {
	/*width: max(650px,70%);
	float: right; 
	width: unset;
	float: none; */
	aspect-ratio: 16/9;
	position: relative;
}
#block-views-block-orokbefogadott-keresztek-block-1 .geolocation-map-container {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#block-views-block-orokbefogadott-keresztek-block-1 .view-footer > div:first-child .view-content {
	margin-right: 0;
}


#block-kapcsolat {
	background: var(--color-dargrey);
	margin-left: -30px;
	padding: 30px;
	text-align: center;
	color: white;
}
#block-kapcsolat button {
	background: var(--color-green);
	color: white;
	border: 0;
	text-transform: lowercase;
	padding: 3px 15px;
	border-radius: 16px;
	margin-top: 20px;
	border: 2px solid var(--color-green);
}
#block-kapcsolat button:hover {
	border-color: var(--color-gold);
}
#block-kapcsolat button:active {
	background-color: var(--color-gold);
	box-shadow: var(--border-button-active-inset);
	border: 0;
	padding: 5px 17px;
	color: var(--color-dargrey);
}
#block-kapcsolat h1 {
	font-family: Poppins, sans-serif;
	font-weight: 900;
	font-style: italic;
}
#block-partnerlogok {
	padding-top: 30px;
}
#block-partnerlogok h2.title, .view-archivum .view-footer h2, .block-views-blockrelated-nodes-block-1 h2{
	color: var(--color-green);
	font-size: 1.3em;
	font-weight: bold;
}
#block-partnerlogok .content {
	max-width: 80%;
	margin: 0 auto;
}
.view-archivum .view-footer,
.block-views-blockrelated-nodes-block-1 {
	margin-top: 100px;
}

#footer {
	padding-top: 0;
	padding-bottom: 0;
}
.footer-area {
	color: white;
}
#footer .container {
	background-color: white;
}
#footer .container .row {
	background: var(--color-dargrey);
	color: white;
	clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 100%);
	min-height: 300px;
	padding: 110px 15px 0;
}
@media (max-width: 767px) {
	#footer .container .row {
		clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 100%);
	}
	#block-ertunkdolgoznak .flex-direction-nav .flex-prev, #block-ertunkdolgoznak .flexslider:hover .flex-direction-nav .flex-prev {
		left: -10px;
	}
	#block-csatlakozzon, #block-kdnpazonlakohelyen, #block-alapitva img {
		margin-left: 0;
	}
}
.footer-area h2.title {
	font-size: 1.5em;
	margin-bottom: 2.5em;
	color: white;
	font-weight: normal;
	position: relative;
}
.footer-area h2.title::after {
	content: '';
	border-bottom: 4px solid var(--color-turquoise);
	width: 3em;
	position: absolute;
	bottom: -.8em;
	left: 0;
}
.footer-area ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.region.region-footer-second {
	padding: 0 0 0 60px;
}

.site-name.site-branding__name a, .site-name.site-branding__name a:hover {
	background-image: none;
	margin-top: 0;
	color: var(--color-gold);
	font-family: var(--font-title);
	font-weight: 900;
}
#footer #block-lablecfelhasznalasi, #footer #block-copyright-3 {
	color: var(--color-grey);
}
#footer #block-lablecelerhetosegek a {
	color: white;
}
#block-kdnpazonlakohelyen {
	background-color: var(--color-green);
	padding: 125px 30px;
	clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 95%);
	text-align: center;
	color: white;
	background-image: linear-gradient(rgba(21, 83, 80, .5), rgba(21, 83, 80, .5)), url(/themes/kdnp/images/terkepeshatter.png);
	background-size: cover;
	aspect-ratio: 2/3;
	margin-left: 30px;
	background-blend-mode: overlay;
}
#block-kdnpazonlakohelyen h2 {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 0;
	margin-bottom: 4em;
}
#block-kdnpazonlakohelyen input[type="text"] {
	background: transparent;
	border-width: 0 0 1px 0;
	text-align: center;
	padding: 5px;
	margin-bottom: 3em;
	width: 60%;
}
#block-kdnpazonlakohelyen input[type="text"]:focus {
	border-bottom-color: var(--color-gold);
}
#block-kdnpazonlakohelyen  button {
	background: white;
	color: black;
	border: 0;
	text-transform: lowercase;
	padding: 3px 15px;
	border-radius: 16px;
	margin-top: 20px;
	border: 2px solid white;
}
#block-kdnpazonlakohelyen button:hover {
	border-color: var(--color-gold);
}
#block-kdnpazonlakohelyen button:active {
	background: var(--color-gold);
	box-shadow: var(--border-button-active-inset);
	border: 0;
	padding: 5px 17px;
}

#block-nyitolapihirekfuleken .nav-tabs > li.active > a, #block-nyitolapihirekfuleken .nav-tabs > li > a, #block-nyitolapihirekfuleken .nav-tabs > li > a:hover {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid fff;
	text-transform: none;
	color: black;
	border-bottom: 1px solid var(--color-grey);
}
#block-nyitolapihirekfuleken .nav-tabs > li.active > a {
	border-bottom: 4px solid var(--color-turquoise);
}
#block-nyitolapihirekfuleken .nav-tabs > li.active > a::after {
	content: '';
}
.nav-tabs > li > a {
	font-size: 1em;
}

.view-frontpage .news-item .imgcontainer {
	width: clamp(150px,20%,250px);
	float: left;
	margin-right: 20px;
}

.view-frontpage .news-item .imgcontainer a, .newslist .views-field-field-csatoltkep a { 
	box-shadow: 4px 4px 0 var(--color-gold);
	overflow: hidden;
	padding: 0;
	display: block;
	margin: 0 5px;
}
.view-frontpage .news-item .imgcontainer img, .newslist .views-field-field-csatoltkep img, #block-ertunkdolgoznak .flexslider .slides img, #flickralbumsblock2 ul.flickralbums.views-field-title > li .imagecontainer img, #videok ul li .views-field-field-csatoltkep a img {
	scale: 1;
	transition: 0.3s all ease-in-out;
}
.view-frontpage .news-item .imgcontainer img:hover, .newslist .views-field-field-csatoltkep img:hover, #block-ertunkdolgoznak .flexslider .slides li:hover img, #flickralbumsblock2 ul.flickralbums.views-field-title > li .imagecontainer img:hover, #videok ul li .views-field-field-csatoltkep a img:hover {
	scale: 1.07;
}
.newslist .views-field-field-csatoltkep img {
	width: 100%;
}
.view-frontpage .news-item .date  {
	float: right;
	margin-left: 20px;
	font-size: .8em;
}
.view-frontpage.main-more-news .news-item .date.mobile {
	display: none;
}
.view-frontpage .news-item .view-field-title a, 
.newslist .slides li .views-field-title a {
	color: black;
	font-family: var(--font-articletitle);
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em;
}
.view-frontpage .news-item:nth-child(2n) .view-field-title a {
	background: var(--color-green);
	border-inline: 10px solid var(--color-green);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	margin-left: -10px;
	padding: 5px 0;
	line-height: 1.9em;
	color: white;
}
#block-friss-hireink .views-field-title a {
	font-size: 1.1em;
	margin: 15px;
	padding: 0 0px;
}
#block-friss-hireink .views-field-title a > span {
  display: block;
  font-weight: normal;
  color: var(--color-green);
}
#block-friss-hireink .slides li:nth-child(5) {
	display: none;
}
.content .col-sm-6.col-md-6.views-row, .view-frontpage .views-row {
	border-bottom: 0;
}
.content .col-sm-6.col-md-6.views-row {
  width: 50%;
  max-width: 100%;
  margin: 15px 0px 15px 0;
  padding: 0 5px;
}
@media (max-width: 767px) {
	.content .col-sm-6.col-md-6.views-row {
		width: 100%;
	}
}
.view-frontpage .lead {
	font-size: 1em;
	margin-top: 10px;
}
ul#superfish-mainmenu.sf-menu .sf-sub-indicator::after {
	display: none;
}
.newslist .slides {
	list-style: none;
	padding-left: 0;
}
.newslist .slides li .views-field-title {
	padding: 10px 0;
}

.newslist.main ul.slides li {
	position: relative;
}
.newslist.main ul.slides li .views-field-title {
	position: absolute;
	bottom: 0;
	padding: 35px 25px 20px;
	background: linear-gradient(to bottom, rgba(33,131,128,0), rgba(33,131,128,.9));
	margin: 0 5px;
	left: 0;
	right: 0;
}
.newslist.main ul.slides li .views-field-title a {
	font-size: min(3em, 100vw/45);
	font-weight: bold;
	color: black;
	text-shadow: none;
	background: white;
	display: inline;
	font-family: var(--font-articletitle);
	border-inline: 10px solid white;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.newslist.main ul.slides li .views-field-created {
	display: none;
}

.marquee {
	width: 100%;
	overflow: hidden;
}
.marquee .view-content > div {
	float: left;
	margin-right: 3em;
	position: relative;
}
.marquee .view-content > div::after {
	content: '|';
	position: absolute;
	top: .5em;
	right: -1.5em;
}
.block-views-blockmt-breaking-block-2 {
	margin-left: -15px;
	margin-right: -15px;
}
.block-views-blockmt-breaking-block-2 .marquee {
	background: var(--color-red);
	color: white;
	height: 2.6em;
}
.block-views-blockmt-breaking-block-2 .marquee a {
	color: white;
}
.block-views-blockmt-breaking-block-2 .marquee a:hover {
	color: black;
}
.block-views-blockmt-breaking-block-2 .more-link {
	display: none;
}

ul.links li a {
	background-color: transparent;
}
.field--mt-tabs ul.links {
	padding-left: 0;
}

#block-kuldetes .content {
	padding: 100px 10%;
}
#block-kuldetes .content h1 {
	font-family: var(--font-title);
	color: var(--color-gold);
	font-weight: 600;
	font-size: min(4em, calc(100vw/18));
	position: relative;
}
#block-kuldetes .content h1::after {
	content: "";
	display: block;
	border-bottom: 1px solid var(--color-turquoise);
	width: 40%;
	margin: .5em 30% 0;
}
#block-kuldetes .content p {
	padding: 20px 10%;
}

nav.menu--ertunk-dolgoznak {
	display: none;
}
#block-ertunkdolgoznak, nav.menu--ertunk-dolgoznak {
	padding-left: 0;
	margin-left: -30px;
}
#block-ertunkdolgoznak h2, nav.menu--ertunk-dolgoznak {
	background: var(--color-red);
	text-align: center;
	color: white;
	margin-bottom: 0;
	padding: 20px 0;
}
nav.menu--ertunk-dolgoznak h2 {
	font-size: 1.4em;
	color: white;
	font-family: var(--font-main);
	font-weight: 500;
}
nav.menu--ertunk-dolgoznak ul.menu {
	text-align: center;
}
nav.menu--ertunk-dolgoznak ul.menu li a, nav.menu--ertunk-dolgoznak ul.menu li a:hover {
	color: white;
	background-color: transparent;
}

#block-ertunkdolgoznak .nav-container {
	background: var(--color-red);
	padding-bottom: 20px;
}
#block-ertunkdolgoznak ul.nav-tabs {
	width: 65%;
	margin: 0 auto;
}
#block-ertunkdolgoznak .nav-tabs > li > a {
	color: white;
	text-transform: none;
	padding: 5px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	border-bottom: 1px solid white;
}
#block-ertunkdolgoznak .nav-tabs > li.active > a::after {
	content: unset;
}
#block-ertunkdolgoznak .nav-tabs > li.active > a {
	border-bottom: 3px solid white;
}
#block-ertunkdolgoznak .nav-tabs > li.active > a:hover, #block-ertunkdolgoznak .flexslider:hover .flex-next, #block-ertunkdolgoznak .flexslider:hover .flex-prev, #block-ertunkdolgoznak ul.links li a:hover, ul.links li a:hover {
	background-color: transparent;
}
#block-ertunkdolgoznak .slides > li {
	min-width: calc(calc(min(100vw, 1920px) / 4) - 15px);
	aspect-ratio: 3/4;
	overflow: hidden;
}
#block-ertunkdolgoznak .flexslider .flex-direction-nav a, #block-ertunkdolgoznak .flexslider .flex-direction-nav a {
	display: block;
	opacity: 1;
	color: white;
	height: 100px;
}
#block-ertunkdolgoznak .flexslider .flex-direction-nav a::before {
	color: white;
}
#block-ertunkdolgoznak .flexslider .flex-direction-nav a:hover::before {
	color: #B2A4A3;
}
#block-ertunkdolgoznak .flexslider .flex-direction-nav a:active::before {
	color:  #771F1A;
}
#block-ertunkdolgoznak .flexslider .flex-direction-nav a {
	top: -110px;
}
#block-ertunkdolgoznak .flex-direction-nav .flex-prev, #block-ertunkdolgoznak .flexslider:hover .flex-direction-nav .flex-prev {
	left: -25px;
}
#block-ertunkdolgoznak .flex-direction-nav .flex-next, #block-ertunkdolgoznak .flexslider:hover .flex-direction-nav .flex-next {
	right: 0;
}
#block-ertunkdolgoznak .views-field-field__kepviselo-portre a {
	padding: 0;
	margin: 0;
	display: block;
}
#block-ertunkdolgoznak .views-field.views-field-title {
	position: absolute;
	bottom: 0;
	background: linear-gradient(to bottom, rgba(33,131,128,0), rgba(33,131,128,.9));
	padding-top: 35px;
	left: 0;
	right: 0;
}
#block-ertunkdolgoznak ul.links ul.slides li {
	position: relative;
}
#block-ertunkdolgoznak ul.links li .views-field.views-field-title a {
	color: white;
	text-transform: uppercase;
	font-size: 1.2em;
	padding-left: 15px;
	text-shadow: 2px 2px 0 #666;
	font-family: var(--font-title);
	font-weight: normal;
}
#block-ertunkdolgoznak ul.links li .views-field.views-field-title div.titulus {
	color: var(--color-gold);
	text-transform: uppercase;
	font-size: .8em;
	padding-left: 15px;
	height: 0;
	transition: .3s height ease-in-out .2s;
}
#block-ertunkdolgoznak .flexslider .slides li:hover .views-field.views-field-title div.titulus {
	height: 5.5em;
}
#block-ertunkdolgoznak .flexslider .slides img {
	aspect-ratio: 3/4;
	object-fit: cover;
}

/*
#flickralbumsblock2 {
	max-width: 80%;
	overflow: hidden;
	margin-left: 20%;
	clip-path: polygon(1% 0,100% 0, 100% 100%, 0 100%);
}
*/
#flickralbumsblock2 {
	position: relative;
}
#flickralbumsblock2 ul.flickralbums li {
	clear: none;
}
#flickralbumsblock2 ul.flickralbums.views-field-title {
	width: 200%;
	overflow: hidden;
	height: 280px;
}
#flickralbumsblock2 ul.flickralbums.views-field-title > li:first-child,
#flickralbumsblock2 ul.flickralbums.views-field-title li:not(:first-child) {
	border-bottom: none;
	margin: 0 15px 0 0;
	/* height: 250px; */
	float: left;
	width: auto;
	aspect-ratio: 3/2;
	position: relative;
	padding-bottom: 0;
}
.view-content #flickralbumsblock2 ul.flickralbums.views-field-title > li:first-child,
.view-content #flickralbumsblock2 ul.flickralbums.views-field-title li:not(:first-child) {
	margin-bottom: 3em;

}	
#flickralbumsblock2 ul.flickralbums li:not(:first-child) .imagecontainer {
	padding: 0;
	position: static;
	width: auto;
}
#flickralbumsblock2 ul.flickralbums.views-field-title > li .imagecontainer {
	padding-top: 0;
	position: static;
	width: auto;
	aspect-ratio: 3/2;
}
#flickralbumsblock2 ul.flickralbums.views-field-title > li .imagecontainer img {
	position: static;
	object-fit: cover;
}
#flickralbumsblock2 ul.flickralbums.views-field-title > li .date {
	display: none;
}
#flickralbumsblock2 ul.flickralbums.views-field-title > li a.albumtitle, #videok .views-field.views-field-title a {
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(33,131,128,0), rgba(33,131,128,.9));
	width: 100%;
	padding: 20px 25px 10px;
	color: white;
	font-weight: normal;
	font-size: 1.6rem;
}
ul.flickralbums.views-field-title li:first-child a {
	font-size: 14px;
}

#videok.flexslider {
	border-left: 0;
	border-right: 0;
	border-top-width: 15px;
	position: relative;
	margin-bottom: 0;
	border-top: 0;
	background: transparent;
	border-bottom: 0;
}
#videok.flexslider .views-field-field-csatoltkep .field-content {
	width: auto;
	position: static;
	top: auto;
	left: auto;
	right: auto;
	bottom: autoa;
}
.view-videok #videok ul:not(.flex-direction-nav) li {
	border-bottom: none;
	clear: none;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	margin-bottom: 3em;
}
.view-videok ul li a.tovabbi, 
#flickralbumsblock2 ul.flickralbums.views-field-title ul li a.tovabbi {
	position: absolute;
	bottom: -3rem;
	right: 10px;
	color: var(--color-green);
	background: transparent;
	left: unset;
	width: auto;
	padding: 0;
	font-size: 2rem;
	font-weight: 500;
	/* text-transform: uppercase; */
}
.view-videok ul li a.tovabbi::after, 
#flickralbumsblock2 ul.flickralbums.views-field-title ul li a.tovabbi::after {
		content: " \f002";
		font-family: "flexslider-icon";
}
#mediatarsidebar a.tovabbi {
	display: none;
}
.view-videok .view-content h3.mediatype a {
	margin-left: 50px;
	/* margin-bottom: 10px; */
	color: var(--color-green);
}
#videok ul li .views-field-field-csatoltkep a {
	display: block;
	position: relative;
}
#videok ul li .views-field-field-csatoltkep a::after {
	position: absolute;
	width: 75px;
	height: 75px;
	content: '';
	background: white;
	bottom: 20px;
	display: block;
	right: 30px;
	clip-path: polygon(50% 25%, 100% 50%, 100% 50%, 50% 75%);
}
#videok ul li .views-field-field-csatoltkep a img {
	object-fit: cover;
	aspect-ratio: 3/2;
	/* height: 250px;
	width: 375px; */
}
#videok.flexslider .views-field.views-field-field-csatoltkep {
	padding-top: 0;
}

#videok.flexslider .flex-direction-nav a::before, #flickralbumsblock2 .flex-direction-nav a::before {
    color: rgba(255, 255, 255, 1);
    /* text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); */
    background: var(--color-gold);
    border-radius: 60px;
    padding: 0px 17px;
	position: absolute;
	left: 0;
}
#videok.flexslider .flex-direction-nav a:hover::before, #flickralbumsblock2 .flex-direction-nav a:hover::before {
	background-image: linear-gradient(var(--color-gold), var(--color-gold)), linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1));
	background-blend-mode: darken;
}
#videok.flexslider .flex-direction-nav a:active::before, #flickralbumsblock2 .flex-direction-nav a:active::before {
	color: var(--color-gold);
	background-color: var(--color-dargrey);
}
.flex-direction-nav a { 
	overflow: visible;
}
#videok.flexslider .flex-direction-nav a, #flickralbumsblock2 .flex-direction-nav a {
	height: 60px;
	color: transparent;
	text-shadow: none;
}
#videok.flexslider:hover .flex-direction-nav a, #flickralbumsblock2:hover .flex-direction-nav a {
	opacity: 1;
	display: block;
}
#videok.flexslider .flex-direction-nav a:hover, #flickralbumsblock2 .flex-direction-nav a:hover {
	background: transparent;
	color: transparent;
	text-shadow: none;
}
#videok.flexslider .flex-direction-nav .flex-prev, #flickralbumsblock2 .flex-direction-nav .flex-prev {
    left: 35px;
    top: 30px;
 
}
#videok.flexslider .flex-direction-nav .flex-next {
    right: 40px;
    top: 30px;
}
 #flickralbumsblock2 .flex-direction-nav .flex-next {
    right: 40px;
    top: 30px;
}
@media screen and (max-width: 860px) {
  #videok.flexslider .flex-direction-nav .flex-prev, #videok.flexslider .flex-direction-nav .flex-next,
  #flickralbumsblock2 .flex-direction-nav .flex-prev, #flickralbumsblock2 .flex-direction-nav .flex-next  {
    opacity: 1;
	display: block !important;
  }
}


.video-filter iframe, iframe[src~="youtube"], iframe[src~="youtu.be"] {
	max-width: 100%;
	width: 100%;
	aspect-ratio: 16/9;
	height: auto;
}
.post-info {
	font-size: .9em;
	color: var(--color-grey);
}
#main-content {
	padding-bottom: 30px;
}

#block-views-block-videok-block-3 .content > div:not(:first-child) {
	clip-path: polygon(3% 0,100% 0, 100% 100%, 1% 100%);
	background-image: linear-gradient(92.4deg, #666, rgba(0,0,0,0) 3.52%, rgba(0,0,0,0) 100%);
}
#videok .views-field.views-field-title {
	/* display: none; */
}
#mediatarsidebar {
	/*width: 20%;
	float: left;
	margin-left: -15px;*/
}
#mediatarsidebar h2 {
	color: var(--color-green);
	font-weight: 800;
	font-size: 1.5em;
	/* border-bottom: 1px solid var(--color-turquoise); */
	margin-top: 0;
}
#mediatarsidebar h2::after {
	content: "";
	border-bottom: 2px solid var(--color-turquoise);
	display: block;
	width: 40%;
	margin: .5em 0 0;
}
#mediatarsidebar h3 {
	font-size: .8em;
	text-transform: uppercase;
	color: var(--color-green);
	margin: 10px 0 10px 30%;
}
#mediatarsidebar h3 a {	
	color: var(--color-green);
}
#mediatarsidebar ul.titlelist {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mediatarsidebar .titlelist a {
	font-size: .8em;
	color: black;
}
#mediatarsidebar .hazank-banner,
#mediatarsidebar .hazank-banner a {
	text-align: center;
}
#mediatarsidebar .hazank-banner::before {
	content: "";
	border-bottom: 2px solid var(--color-turquoise);
	display: block;
	width: 40%;
	margin: 1em 0 1.5em 0;
}
#mediatarsidebar .hazank-banner a:hover {
	text-decoration: none;
}
#mediatarsidebar .hazank-banner a img, .hazank-lapszam a img {
	border: 1px solid lightgray;
	box-shadow: 1px 1px 2px;
}
#mediatarsidebar .hazank-banner a img {
	height: 300px;
	width: auto;
}
.hazank-lapszam a.cimlap {
	aspect-ratio: 64/90;
	overflow: hidden;
}
.hazank-lapszam {
	float: left;
	margin-right: 0em;
	min-height: 200px;
	width: 16.5%;
	padding: 1%;
}
.hazank-lapszam .honap {
	height: 2.5em;
}
.hazank-lapszam a img {
	max-width: 98%;
}
.hazank-archivum h3 {
	margin-left: 10px;
}
#mediatarsidebar .hazank-banner.new a img {
	height: 260px;
	width: auto;
}
#mediatarsidebar .hazank-banner.new a div {
	font-family: Courgette;
	display: block;
	color: var(--color-gold);
	font-weight: normal;
	font-size: 1.8em;
	margin-top: 0.5em;
}
.hazank-banner:not(.new) svg.hazankfriss {
	display: none;
}
svg.hazankfriss {
	max-width: 250px;
	display: block;
	margin: 15px auto;
}
svg.hazankfriss text {
  font-family: 'Courgette', cursive;
  fill: var(--color-gold);
  font-weight: 400;
}
#mediatarsidebar .hazank-banner a span::after, .hazank-lapszam a span::after {
	content: "";
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	/* height: 260px; */
	transition: border-width 0.2s ease-out;
	border-width: 0;
	border-color: transparent #f6f6f6;
	border-style: solid;
	background: #ccc;
}
#mediatarsidebar .hazank-banner a span:hover::after, .hazank-lapszam a span:hover::after {
	border-width: 0 30px 30px 0;
}
#mediatarsidebar .hazank-banner a span, .hazank-lapszam a span {
	display: inline-block;
	position: relative;
}
#mediatarsidebar #flickralbumsblock2, #mediatarsidebar #videok, #mediatarsidebar .hazank-banner.mobile, #mediatarsidebar h3.newspaper {
	display: none;
}

.hazank-lapszam, .konyv {
	text-align: center;
}

#block-csatlakozzon {
	margin-left: 30px;
	text-align: center;
	margin-top: 100px;
}
#block-csatlakozzon h1 {
	font-family: Courgette;
	color: var(--color-gold);
	font-weight: normal;
	font-size: 2em;
	margin-top: 0.5em;
}
#block-csatlakozzon h1:first-child::after {
	content: "";
	border-bottom: 2px solid var(--color-turquoise);
	display: block;
	width: 50%;
	margin: 1em 25%;
}


.partnerlogo {
	aspect-ratio: 3/2;
	min-width: 160px;
	display: inline-block;
	background-image: url(/themes/kdnp/images/partner-logok/semjenzsolt.svg);
	background-position: center;
	background-size: contain;
	color: transparent;
	background-repeat: no-repeat;
	margin: 2%;
	filter: grayscale(1);
}
.partnerlogo:hover {
	color: transparent;
	filter: grayscale(0);
}
.partnerlogo:active {
	color: transparent;
}
.partnerlogo.barankovics {
	background-image: url(/themes/kdnp/images/partner-logok/barankovics.png);
}
.partnerlogo.iksz {
	background-image: url(/themes/kdnp/images/partner-logok/iksz.png);
}
.partnerlogo.kormany {
	background-image: url(/themes/kdnp/images/partner-logok/kormany.png);
}
.partnerlogo.fidesz {
	background-image: url(/themes/kdnp/images/partner-logok/fidesz.svg);
}
.partnerlogo.mkdsz {
	background-image: url(/themes/kdnp/images/partner-logok/mkdsz.png);
}
.partnerlogo.kesz {
	background-image: url(/themes/kdnp/images/partner-logok/keesz.png);
}
.partnerlogo.epp {
	background-image: url(/themes/kdnp/images/partner-logok/epp.png);
}
.partnerlogo.szentistvanintezet {
	background-image: url(/themes/kdnp/images/partner-logok/szentistvanintezet.png);
}
.partnerlogo.protestansmuhely {
	background-image: url(/themes/kdnp/images/partner-logok/protestansmuhely.png);
}
.partnerlogo.mpi {
	background-image: url(/themes/kdnp/images/partner-logok/mpi.svg);
}

#block-sociallogok .content {
	max-width: 300px;
}
.sociallogo {
	aspect-ratio: 3/2;
	min-width: 80px;
	display: inline-block;
	background-image: url(/themes/kdnp/images/social/facebook.svg);
	background-position: center;
	background-size: contain;
	color: transparent;
	background-repeat: no-repeat;
	margin: 2% 2% 8% 2%;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(100deg) brightness(107%) contrast(102%);
}
.sociallogo:hover {
	color: transparent;
	filter: invert(60%) sepia(100%) saturate(0%) hue-rotate(100deg) brightness(80%) contrast(102%)
}
.sociallogo.instagram {
	background-image: url(/themes/kdnp/images/social/insta.svg);
}
.sociallogo.twitter {
	background-image: url(/themes/kdnp/images/social/x.svg);
}
.sociallogo.youtube {
	background-image: url(/themes/kdnp/images/social/youtube.svg);
}
.sociallogo.flickr {
	background-image: url(/themes/kdnp/images/social/flickr.svg);
}
.sociallogo.tiktok {
	background-image: url(/themes/kdnp/images/social/tiktok.svg);
}
.sociallogo.website {
	background-image: url(/themes/kdnp/images/social/website.svg);
}
.field--name-field-social-media-oldalak .field__item {
	display: inline-block;
}
.field--name-field-social-media-oldalak .sociallogo {
	filter: invert(0) sepia(100%) saturate(0%) hue-rotate(100deg) brightness(107%) contrast(102%);
}


.block-search form {
	position: relative;
	margin-top: -10px;
}
.form-item input.form-search {
	border-color: rgba(255,255,255,.9);
	border-width: 0 0 2px 0;
	max-width: 100%;
	background: transparent;
	padding-right: 50px;
}
.form-item input.form-search:focus {
	background-color: rgba(255,255,255,.8);
}
.block-search .form-actions::after {
	background-color: transparent;
	border-bottom: 2px white solid;
	padding-bottom: 0px;
	line-height: 41px;
	margin-left: -1px;
}

.node--type-kepviselo .field--name-field-kiemelt-adatok, .node--type-szervezetek .field--name-field-kiemelt-adatok {
	background: white;
	border-top: 4px solid var(--color-turquoise);
	font-size: 0.8em;
}
.node--type-kepviselo .field--name-field-kiemelt-adatok {
	background: white;
	border-top: 4px solid var(--color-turquoise);
	font-size: 1em;
	height: 371px;
}
.node--type-kepviselo .field--name-field-social-media-oldalak {
	text-align: center;
	background: white;
	padding: 30px 0;
	margin-left: 362px;
}
.node--type-kepviselo .field--name-body {
	clear: both;
}
.node--type-kepviselo .field--name-field__kepviselo-portre {
	height: 500px;
}

ul#superfish-mainmenu-accordion.sf-expanded {
    position: absolute;
    background: linear-gradient(rgba(34, 131, 38, 0.8) 0px, rgba(34, 131, 38, 0.8)), url("/themes/kdnp/images/aloldal_alap_szinezett.png");
    width: 100vw;
    right: -29px;
    background-blend-mode: multiply;
    background-position: left -50px;
}
ul.sf-menu .sf-sub-indicator {
	display: none;
}

#toTop {
	color: var(--color-gold);
}

#subfooter {
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 0;
	padding: 0;
	text-align: center;
	transition: height .5s .2s ease-in-out;
	z-index: 10;
}
#subfooter .container {
	background: rgba(210,145,63,1);
	/* background-image: url('/themes/kdnp/images/stickyfooterbg.svg'); */
	background-image: url('/themes/kdnp/images/peticio/peticio-banner-bg.png');
	background-size: cover;
	box-shadow: 0px -2px 6px rgba(153, 153, 153, 0.75);	
	position: relative;
	background-position: center;
}
#subfooter.visible {
	height: 100px;
}
#subfooter .closebutton::after {
	content: '\f005';
	position: absolute;
	top: 0;
	right: 20px;
	font-family: 'flexslider-icon';
	font-size: 40px;
	color: white;
	text-shadow: 1px 1px 1px #535353;
	cursor: pointer;
	font-style: normal;
}
#block-lablecbannerkeresztek .field--name-body {
	text-align: center;
}
#block-lablecbannerkeresztek .field--name-body > * {
	display: inline-block;
}
#block-lablecbannerkeresztek .field--name-body svg,
#block-lablecbannerosztondij svg {
	max-width: 540px;
	width: 60%;
	font-family: Courgette;
	fill: var(--color-turquoise);
	vertical-align: middle;
}
#block-lablecbannerkeresztek .field--name-body img {
	height: 80px;
}
#block-lablecbannerkeresztek .field--name-body button {
	font-size: 16px;
	margin: 0 0 0 30px;
}
#block-lablecbannerosztondij p {
	margin: 18px 0;
}
#block-lablecbannerosztondij button {
	font-size: 12px;
	margin: 0 0 0 12px;
}


#block-oldalterkep a, #block-oldalterkep a:hover, #block-oldalterkep a:active {
	color: white;
	text-decoration: none;
	font-size: 1.1em;
}

#block-lablecbannerultessunk img {
	height: 80px;
	margin-right: 40px;
}

#top-content {
	margin-bottom: 30px;
}
#block-views-block-mt-flexslider-slideshow-boxed-block-6 {
	padding-bottom: 0;
}
#block-friss-hireink h2.title::after,
#block-views-block-videok-block-1-2 .title::after, 
#block-views-block-popup-banner-block-1-2 h2.title::after {
	content: "";
	flex: 1 1;
	border-bottom: 2px solid var(--color-green);
	margin: auto auto auto 30px;
}
#block-friss-hireink h2.title,
#block-friss-hireink .content,
#block-views-block-videok-block-1-2 .title {
	display: flex;
	flex-direction: row;
	width: 25%;
	float: left;
	padding-left: 15px;
}
#block-views-block-popup-banner-block-1-2 h2.title {
	display: flex;
	flex-direction: row;
}
#block-views-block-popup-banner-block-1-2 .view {
	padding-right: 0;
}
#block-views-block-videok-block-1-2 .view-videok ul:not(.flex-direction-nav) li {
	border-bottom: 0;
}
#block-friss-hireink .view-mt-breaking {
	max-height: 24em;
	overflow-y: auto;
}
#block-views-block-popup-banner-block-1-2 .view-footer,
#block-views-block-videok-block-1-2 .view-footer {
	text-align: right;
}
#block-views-block-videok-block-1-2 .view-footer a {
	text-align: right;
	color: var(--color-green);
}

@media (max-width: 767px) {
	h1, .heading-a {
		font-size: 1.5em;
	}
	#footer .container .row {
		clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 100%);
	}
	#block-ertunkdolgoznak .flex-direction-nav .flex-prev, #block-ertunkdolgoznak .flexslider:hover .flex-direction-nav .flex-prev {
		left: -10px;
	}
	#block-csatlakozzon, #block-kdnpazonlakohelyen, #block-alapitva img, #block-webhelymarkazasa .logo, #block-webhelymarkazasa .site-name {
		margin-left: 0;
	}
	#block-views-block-orokbefogadott-keresztek-block-1 > .content > div > .view > .view-content {
		margin: 0 -30px;
		aspect-ratio: 2/3;
	}
	#block-views-block-orokbefogadott-keresztek-block-1 .view-header {
		margin-bottom: 3em;
		margin-top: 3em;
	}
	#block-views-block-orokbefogadott-keresztek-block-1 .content {
		padding-bottom: 230px;
	}
	#block-views-block-orokbefogadott-keresztek-block-1 {
		margin-bottom: -45px;
		padding-bottom: 30px;
	}
	#block-webhelymarkazasa .logo {
		left: 3%;
		margin-top: 0;
	}
	#superfish-mainmenu-toggle:not(.sf-expanded) {
		margin-right: -20px;
	}
	#block-fejleckepalap .content .field--name-field-fejleckep {
		clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 90%);
	}
	#main-content {
		padding-top: 0px;
		margin-top: 20px;
	}
	/*
	header + #page #main-content{
		padding-top: 30px;
	}
	*/
	.node--type-kepviselo .field--name-field-kiemelt-adatok {
		background: inherit;
		border-top: none;
		height: auto;
		overflow: unset;
	}
	.node--type-kepviselo .field--name-field-social-media-oldalak {
		background: unset;
		margin-left: 0;
	}
	.node--type-kepviselo .field--name-field__kepviselo-portre {
		margin-right: 0;
		text-align: center;
		float: none;
	}
	#videok.flexslider .flex-direction-nav .flex-prev, #flickralbumsblock2 .flex-direction-nav .flex-prev {
		left: 20px;
	}
	
	div#block-kuldetes {
		background: var(--color-middlegrey);
		clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);
	}
	
	#block-nyitolapihirekfuleken .tab-content > .tab-pane {
		display: block;
		opacity: 1;
	}
	#block-nyitolapihirekfuleken .nav-container,
	#block-alapitva,
	#block-ertunkdolgoznak,
	.block-views-blockmt-breaking-block-2 .marquee {
		display: none;
	}
	nav.menu--ertunk-dolgoznak {
		display: block;
		margin-bottom: 30px;
	}
	
	.newslist.main ul.slides li {
		padding: 0 5px;
	}
	.newslist.main ul.slides li .views-field-title {
		position: static;
		padding: 0;
		background: none;
		margin: 10px 0;	
	}
	.newslist.main ul.slides li .views-field-title a {
		font-size: 1.1em;
		font-weight: bold;
		color: rgb(0,0,0);
		text-shadow: none;
		font-family: var(--font-articletitle);
	}
	.view-titles .views-field-title a, ul.links li .views-field-title a, .view-frontpage .news-item .view-field-title a {
		font-size: 1.1em;
	}
	
	.newslist.main ul.slides li .views-field-title a,
	.view-frontpage .news-item:nth-child(2n) .view-field-title a,
	.newslist .slides li:nth-child(2n) .views-field-title a {
		background: var(--color-green);
		border-inline: 10px solid var(--color-green);
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		margin-left: 0px;
		padding: 5px 0;
		line-height: 1.9em;
		display: inline;
		color: white;
	}
	
	.newslist.main ul.slides li .views-field-created {
		display: block;
	}
	.view-frontpage.main-more-news .news-item .imgcontainer {
		float: none;
		width: 100%;
	}
	.view-frontpage.main-more-news .news-item .date,
	.view-frontpage.main-more-news .news-item .lead {
		display: none;
	}
	.view-frontpage.main-more-news .news-item .date.mobile {
		display: block;
	}
	.view-frontpage.main-more-news .news-item .view-field-title, 
	.newslist .slides li .views-field-title {
		padding: 10px 0;
	}
	.view-frontpage.main-more-news .news-item .date  {
		float: none;
		margin-left: 0;
		font-size: .8em;
	}
	
	.region.region-footer-second {
		padding: 0;
	}
	#block-partnerlogok {
		padding: 30px;
	}
	
	#mediatarsidebar h3 {
		margin-left: 0;
		font-size: 1.2em;
	}
	#mediatarsidebar h3 a::after {
		content: " \f002";
		font-family: "flexslider-icon";
	}
	.flexslider .slides > li {
		position: relative;
	}
	#mediatarsidebar #videok {
		margin-bottom: 60px;
	}
	#block-views-block-videok-block-3 .view-videok .view-content,
	#mediatarsidebar .view-hazank, #mediatarsidebar .hazank-banner::before {
		display: none;
	}
	#mediatarsidebar #flickralbumsblock2, #mediatarsidebar #videok,
	#mediatarsidebar .hazank-banner.mobile, #mediatarsidebar h3.newspaper	{
		display: block;
	}
	
	.partnerlogo {
		min-width: auto;
		width: 40%;
		margin: 4%;
	}
	#block-partnerlogok .content {
		max-width: 100%;
	}
	
	.hazank-lapszam {
		width: 50%;
		margin-top: 30px;
	}
	
	#subfooter.visible {
		height: 80px;
	}
	.subfooter-area .block {
		padding: 0;
	}
	#subfooter .closebutton::after {
		top: -10px;
		right: 5px;
		font-size: 35px;
	}
	#block-lablecbannerkeresztek .field--name-body img {
		height: 60px;
	}
	#block-lablecbannerkeresztek .field--name-body button {
		font-size: 14px;
		margin: 0 0 0 10px;
	}
	
	#block-kuldetes .content {
		padding: 50px 30px 0;
	}
	#block-kuldetes .content h1 {
		font-size: min(4em, calc(100vw/14));
		margin-left: -15px;
		margin-right: -15px;
	}
	#block-kuldetes .content h1::after {
		margin: 1em 30% 0;
	}
	#block-kuldetes .content p {
		padding: 20px 0;
	}
	#block-ultesshogyelhessunkbanner {
		margin-left: 0;
	}
	#block-lablecbannerultessunk img {
		height: 60px;
		margin-right: 30px;
	}

	#block-friss-hireink,
	#block-views-block-videok-block-1-2 {
		display: none;
	}

	#block-webhelymarkazasa .logo {
		position: absolute;
	}
	#block-webhelymarkazasa .site-slogan {
		/*display: none;*/
		width: 250px;
		margin-left: 100px;
		position: absolute;
		left: -110px;
	}
	.form-item input.form-search {
		border-bottom-width: 0;
	}

	#block-views-block-popup-banner-block-1-2 .view {
		padding-right: 10px;
		padding-left: 10px;
	}
	#block-views-block-popup-banner-block-1-2 .view .view-empty {
		display: none;
	}
	#block-views-block-popup-banner-block-1-2 {
		padding-bottom: 0;
	}
	#top-content + #main-content {
		padding-top: 0;
	}
	ul.links li .views-field-title span {
		padding-right: 0;
	}
	ul.links li .views-field-title a {
		padding-bottom: 0;
	}

	.content .col-sm-6.col-md-6.views-row {
		margin-top: 0;
	}
	#main-content > .row > section:first-child {
		background-color: transparent;
		padding-top: 5px;
	}
	#top-content {
		margin-bottom: 0;
	}
}
@media (max-width: 1680px) {
	#block-fejleckepalap .content .field--name-field-fejleckep {
		clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 90%);
	}
	.path-frontpage #main-content {
		padding-top: 0px;
		margin-top: -20px;
	}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	.site-name a {
		font-size: 40px;
	}
}