/* * * * * * * * * * * * * * * *
 *		   C O L O R S		   *
 * * * * * * * * * * * * * * * */

body {
	color: #3c3c3c;
/*	font-size: 1.12rem;*/
	}

.bg-lblue {background: #f5f5ff;}


.active-lnk, .nav-active {color: #007bff !important;}
.active-lnk:hover {color: #0056b3 !important;}

.active-footer-lnk {color: #5588bd !important;}
.active-footer-lnk:hover {color: #bbdcff !important;}

.custom-direction {background: #005bbd;}



/* * * * * * * * * * * * * * * *
 *		     T E X T		   *
 * * * * * * * * * * * * * * * */

h1 small {
	font-size: 58%;
	/*font-weight: 400;*/
	top: -1rem;
	position: relative;}
	@media (max-width: 575.99px) {h1 small {top: -0.5rem;}}

h4 {
	color: #777;
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1.5;
	}
	@media (max-width: 575.99px) {h4 {font-size: 0.9rem;line-height: 1.3;}}

.section-title small {font-size: smaller; font-weight:900;}

.smaller {font-size: smaller;}

.site-blocks-cover h2 {color: #fff;font-size: 1.4rem;font-weight: 400;}
	@media (max-width: 575.99px) {
		.site-blocks-cover h2 {font-size: 0.9rem;}
	}

.site-blocks-cover p {font-size: 1.5rem;font-weight: 400}
	@media (max-width: 575.99px) {
		.site-blocks-cover p {font-size: 1.0rem;}
	}

.lead {font-weight: 400;}
.section-subtitle {
	font-size: 1.5rem;
	font-weight: 600;
	color: #007bff;
}

@media (min-width: 1200px) {
	.site-blocks-cover h1 {font-size: 3.2rem;transition: 0.4s;}
	.btn-hero, .btn-cta-green, .btn-cta-blue  {font-size: 2.5rem;}
	.site-blocks-cover .desc {font-size: 2.9rem;font-weight: 400;}
	.site-blocks-cover .desc-min {font-size: 1.8rem;font-weight: 400;}
}
@media (max-width: 1199.98px) {
	.site-blocks-cover h1 {font-size: 2.5rem;}
	.btn-hero, .btn-cta-green, .btn-cta-blue  {font-size: 2.0rem;}
	.site-blocks-cover .desc {font-size: 1.8rem;font-weight: 400;}
}
@media (max-width: 575.99px) {
	.site-blocks-cover h1 {font-size: 1.8rem;}
	.btn-hero, .btn-cta-green, .btn-cta-blue  {font-size: 1.5rem;}
	.site-blocks-cover .desc {font-size: 2.8rem;font-weight: 900;}
	.site-blocks-cover .desc-min {font-size: 1.1rem;font-weight: 900;}
}

/*
	.site-blocks-cover h1 {font-size: 10px;}
	.btn-hero, .btn-cta-green, .btn-cta-blue  {font-size: 10px;}
*/	
	
.desc-min {
	font-size: 1.6rem;
}

.cta-main {
	font-size:1.4em;
	font-weight:400;
	color:#111;
	}


.site-footer .footer-heading {
  font-size: 16px;
  color: #ddd;
  font-weight: 600;
}
.site-footer p, .site-footer a {color: #ccc;}
.site-footer a:hover {color: #999;}



/* * * * * * * * * * * * * * * *
 *		  B U T T O N S		   *
 * * * * * * * * * * * * * * * */

.btn-hero, .btn-cta-green, .btn-cta-blue {
	border-radius: 50px;
	padding: 10px 30px;
	color: #000;
	white-space: nowrap;}
.btn-hero, .btn-cta-green {color: #000;}
.btn-cta-blue {color: #fff;}
.btn-hero, .btn-cta-green {background-color: #19d72d;}
.btn-hero:hover, .btn-cta-green:hover {background-color: #17ac27;}
.btn-cta-blue {background-color: #0069d9;}
.btn-cta-blue:hover {background-color: #0256b1;}

.btn.btn-primary:hover {
  background: #0e57a6;
  border-color: #0e57a6;
}

.btn-hero .icon-phone_in_talk {padding-right: 1rem !important;}	

.cta-section-end .btn-section-end {
	color: #000;
	background-color: #19d72d;
	border-radius: 50px;
	padding: 5px 15px 6px;
	white-space: nowrap;
	line-height: 3;
}
.cta-section-end .btn-section-end:hover {
	color: #fff;
	background-color: #129b21;/*#17ac27;*/
}

.cta-section-end .icon-phone_in_talk {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right: 0.4rem !important;
	font-size: 0.85em;
}





/* * * * * * * * * * * * * * * *
 *		     H E R O		   *
 * * * * * * * * * * * * * * * */
 
.logo-hero {
	width:15%;
	margin-bottom:20px;
	}
	@media (max-width: 991.98px) {.logo-hero{margin-bottom:15px;}
	}


/* * *
If you scroll down, the menu background color and the navigation bar text color will change. At the same time, the main logo color should also be changed!
A menü szövegének megváltozik a színe, ha az oldalt lefele görgetjük. Továbbá a logo színét is meg kell változtatni !
* * */
.sticky-wrapper .site-navbar .site-logo span {
	background-image: url("../images/logo-dugulaselharitas-fabian-istvan-feher-v2.3-470x120px.png");
}
.sticky-wrapper.is-sticky .site-navbar .site-logo span {
	background-image: url("../images/logo-dugulaselharitas-fabian-istvan-kek-v2.2-470x120px.png");
}
.sticky-wrapper .site-navbar .site-logo span,
.sticky-wrapper.is-sticky .site-navbar .site-logo span {
	position: absolute;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	}

.site-blocks-cover, .site-blocks-cover > .container > .row {
  min-height: 470px;
  height: calc(100vh);}
@media (max-width: 389.98px) {
	.site-blocks-cover, .site-blocks-cover > .container > .row {min-height: 530px; height: calc(90vh);}
	}
	
	



	
/* * * * * * * * * * * * * * * *
 *		     M E N U		   *
 * * * * * * * * * * * * * * * */
 
/* * * The Root menu text is also 'Active', not only the submenu or the active section! * * */
.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.nav-active-root {color: #007bff !important;}
.sticky-wrapper .site-navbar .site-menu > li > a.nav-active-root {color: #fff !important;}
.site-mobile-menu .site-nav-wrap > li > a.nav-active-root {color: #007bff !important;}

/* * * The vertical spacers of the sub-sub menu items (second level submenu) must reduce if the display height is smaller * * */


@media (max-height: 759.99px) {
.site-navbar .site-navigation .site-menu .has-children .dropdown .has-children .dropdown > li > a {
	padding: 0px 20px;
	display: block;
	font-size: 0.85rem;}
}
@media (min-height: 760px) and (max-height: 844.99px) {
.site-navbar .site-navigation .site-menu .has-children .dropdown .has-children .dropdown > li > a {
	padding: 1px 20px;
	display: block;}
}
@media (min-height: 845px) and (max-height: 929.99px) {
.site-navbar .site-navigation .site-menu .has-children .dropdown .has-children .dropdown > li > a {
	padding: 3px 20px;
	display: block;}
}
@media (min-height: 930px) and (max-height: 1099.99px) {
.site-navbar .site-navigation .site-menu .has-children .dropdown .has-children .dropdown > li > a {
	padding: 5px 20px;
	display: block;}
}
@media (min-height: 1100px) {
.site-navbar .site-navigation .site-menu .has-children .dropdown .has-children .dropdown > li > a {
	padding: 9px 20px;
	display: block;}
}

/* The 'last child' of the mobile menu was not visible properly, so we needed to increase the padding-bottom */
.site-mobile-menu .site-nav-wrap > li:last-child {padding-bottom: 50px;}

/* If the Menu is too wide we don't need the left side padding, otherwise the Menu will take two rows */
.site-navbar .site-navigation .site-menu {padding-left: 0;}

/*
.site-navbar .site-navigation .site-menu .has-children .dropdown > .nav-header {
	text-decoration: none !important;
	text-transform: none;
	letter-spacing: normal;
	-webkit-transition: 0s all;
	-o-transition: 0s all;
	transition: 0s all;
	color: #000;
	background: #eff1f3;
	padding: 5px 20px;
    display: block;
	}
*/

/* * * * * * * * * * * * * * * *
 *		     L O G O		   *
 * * * * * * * * * * * * * * * */
 
/*
@media (max-width: 1200px) {
	.sticky-wrapper .site-navbar .site-logo span,
	.sticky-wrapper.is-sticky .site-navbar .site-logo span {
		width: 100%;
		height: 80px;
		position: absolute;
		top: -35px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
				
	/*	width: 100%;
		display: block;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height: 55px;}
		}
}*/
@media (min-width: 1200px) {
	.sticky-wrapper .site-navbar .site-logo span {
		height: 80px;
		width: 350px;
		top: -35px;
		transition: 0.4s ease;}
	.sticky-wrapper.is-sticky .site-navbar .site-logo span {
		height: 61px;
		width: 238px;
		top: -25px;
		transition: 0.4s ease;}
}
@media (max-width: 1199.99px) {
	.sticky-wrapper .site-navbar .site-logo span,
	.sticky-wrapper.is-sticky .site-navbar .site-logo span {
		width: 345px;
		height: 95px;
		top: -41px;
		transition: 0.4s ease;}
}
@media (max-width: 991.98px) {
	.sticky-wrapper .site-navbar .site-logo span,
	.sticky-wrapper.is-sticky .site-navbar .site-logo span {
		width: 345px;
		height: 95px;
		top: -41px;transition: 0.4s ease;}
}
@media (max-width: 767.98px) {
	.sticky-wrapper .site-navbar .site-logo span,
	.sticky-wrapper.is-sticky .site-navbar .site-logo span {
		width: 345px;
		height: 95px;
		top: -41px;transition: 0.4s ease;}
}
@media (max-width: 575.99px) {
	.sticky-wrapper .site-navbar .site-logo span,
	.sticky-wrapper.is-sticky .site-navbar .site-logo span {
		width: 80%;/*255px*/
		height: 70px;
		top: -35px;
		transition: 0.4s ease;
		/*	
		width: 250px;
		height: 65px;
		top: -28px;
		-----------
		width: 85%;
		height: calc(10vh);
		top: calc(-3.4vh);
		*/	
		
	}
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *														 *
 *						I M A G E S						 *
 *														 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (max-width: 991.98px) {
	.img-small-pic, .img-small-pic-2 {
		display: block;
		margin: 30px auto 30px auto;
		}
	.img-small-pic {width: 55%;}
	.img-small-pic-2 {width: 70%; max-width: 350px;}
}
@media (min-width: 1200px) {
	.img-small-pic, .img-small-pic-2 {width: 80%;}
}

.img-medium-pic {width:100%; max-width: 500px;}
	@media (max-width: 991.98px) {
		.img-medium-pic {
			display: block;
			margin: 10px auto 20px auto;
			width: 80%;
			max-width: 400px;}
}

.img-large-pic {width:100%}
	@media (max-width: 991.98px) {
		.img-large-pic {
			display: block;
			margin: 50px auto 30px auto;
			/*width: 80%;*/}
}

.nevjegykartya {margin-bottom:0;}
@media (max-width: 991.98px) {
	.nevjegykartya {margin-bottom:3rem;}
	.nevjegykartya:last-child {margin-bottom:0;}
	}
.nevjegykartya-img {width:100%; max-width:600px; box-shadow: 0px 0px 35px 14px #e8e8ea;}

.img-icon {
	width: 50px;
	margin-bottom: 10px;
}


.sidebar {
	background: #eee;
	padding: 12px;
}
.sidebar a:hover {}

.circle-bg::after {
    bottom: -45px;
    left: -90px;
	background: #e3ebf2;
  }

@media (min-width: 768px) {
	.site-footer {padding: 8em 0 4em 0;}
}

.elonyok-box {
	/*
	margin: 0 auto;
	width: 88%;
	padding: 5%;*/
}
@media (max-width: 991.98px) {.elonyok-box {margin: 30px auto 0 auto;}}

.elonyok-box h3 {
	font-size: 1.8rem;
	color: #000;
}
.elonyok-box .ul-check {
	margin-bottom: 0px;
}
.elonyok-box .ul-check li {
	margin-bottom: 5px;
	line-height: 1.5;
	font-size: 1.3rem;
}
.elonyok-box .ul-check li::before {top: -.3rem;}
.ul-check li::before {font-size: 1.7rem; top: -.6rem;}


@media (max-width: 575.98px) {
	.mt-under-sm-5 {margin-top: 3rem !important;}
	
}

@media (max-width: 767.98px) {
	.mt-under-md-5 {margin-top: 3rem !important;}

}

.shadow-szolgaltatasok {
	box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.06), 0 0px 35px 0 rgba(0, 0, 0, 0.1);
}

.img-szolgaltatasok {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 100%;
	object-fit: cover;
}

.hasznos-list-item,
.hasznos-list li {
	margin-bottom:0.5rem;
}
.hasznos-list-item .lead {
	margin-bottom: 0;
}
.hasznos-list .lead {
	margin-bottom: 0.1rem;
}

.hasznos-list li::marker,
.hasznos-list .lead {
	font-size: 1.3rem;
	font-weight: 400;
}
.hasznos-list li ul {margin-bottom: 1.5rem;}
.hasznos-list li ul li {margin-bottom: 0;}

.img-terulet {margin-left:0; margin-right:auto;}
	@media (max-width: 991.98px) {
		.img-terulet {margin-left:auto; margin-right:auto; display: block;}
	}

.terkep-section .terkep {width:100%;height:450px;border:0;}
.video-section .video-container {position: relative;overflow: hidden;/*width: 100%;*/padding-top: 56.25%;margin-bottom: 0;}
	@media (max-width: 991.98px) {
		.video-section .video-frame {margin-bottom: 3rem;}
		.video-section .video-frame:last-child {margin-bottom:0;}
	}
.video-section .video {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;border: 0;}


.list-style-disc {list-style-type:disc;}
.list-style-circle {list-style-type:circle;}
.list-style-square {list-style-type:square;}
.list-style-none {list-style-type:none;}


.table-hasznos {
	/*font-family: Arial, Helvetica, sans-serif;*/
	border-collapse: collapse;
	width: 100%;
	margin:2rem 0 1.7rem 0;}
.table-hasznos td, .table-hasznos th {
	/*border: 1px solid #ddd;*/
	padding: 8px;}
.table-hasznos th {font-size: 1.1rem;}
.table-hasznos td {font-size: 0.9rem;}
.table-hasznos tr:nth-child(odd){background-color: #f2f2f2;}
.table-hasznos tr:hover {background-color: #ddd;}
.table-hasznos tr {border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;}
.table-hasznos th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: #118A35;
	color: white;
	}
/**/
.table-hasznos tr:last-child {border-bottom: 1px solid #ddd;}
.table-hasznos-last-tr {border-bottom: 1px solid #ddd;}

.forras {color: #888;font-style: italic;font-size: 0.9rem;}


.fb-like {
	width:100%;
	height:150px;
	
}

.figyelmeztetes, .figyelmeztetes li::marker {
	font-size: 1.3rem;
	color: #a00;
}