/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
	min-height: 100%;
	position: relative;
	color: #87888b;
	overflow-y: scroll;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
body {
	position: relative;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #8fb5bd;
    text-shadow: none;
	color: #ffffff;
}

::selection {
    background: #8fb5bd;
    text-shadow: none;
	color: #ffffff;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #767575;
    margin: 1em 0;
    padding: 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body.affixednav {
	padding-top: 57px;
}

h1, h2, h3, h4, .btn, .navbar-nav a {
	text-transform: uppercase;
}
h1, h2, h3, h4 {
	margin-top: 0px;
}

.lead {
	font-family: 'Slabo 27px', serif;
	font-size: 18px;
	margin-bottom: 20px;
	line-height: 1.4;
}
.lead_cikk {
	font-family: 'Slabo 27px', serif;
	font-size: 26px;
	margin-bottom: 20px;
	line-height: 1.4;
}

@media (max-width: 1199px) {
	h1,	.h1 {
		font-size: 70px;
	}
	h2,	.h2 {
		font-size: 46px;
	}
	.lead_cikk {
		font-size: 22px;
	}
}
@media (max-width: 991px) {
	h1,	.h1 {
	  font-size: 55px;
	}
	h2,	.h2 {
	  font-size: 36px;
	}
	.lead_cikk {
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	h1,	.h1 {
	  font-size: 22px;
	}
	h2,	.h2 {
	  font-size: 20px;
	}
	.lead_cikk {
		font-size: 18px;
	}
}

.text-piros {
	color: #ce4941 !important;
}
.cikk h2 {
	color: #8fb5bd;
}
.cikk h3 {
	color: #8fb5bd;
}

/* NAVBAR */

.navbar-nav li a {
	font-weight: bold;
}

.navbar-header {
	position: relative;
}

.navbar-brand {
	padding: 0px;
	position: absolute;
	top: -41px;
	left: -38px;
	transition: top 0.3s ease;
	z-index: 999;
}
.affix .navbar-brand {
	top: -8px;
}

@media (max-width: 991px) {
	.navbar-brand {
		top: -4px !important;
		left: -5px;
	}
	.navbar-brand img {
		width: auto;
		height: 64px;
	}
}

@media (min-width: 992px) {
	.navbar-nav li {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.navbar-nav li a {
		font-size: 10px;
		letter-spacing: 1.4px;
		padding: 0px 10px;
	}

	.navbar-right {
		margin-right: -10px;
	}
}

@media (max-width:1199px) and (min-width:992px) {
	.navbar-nav li a {
		letter-spacing: 0.1px;
		padding: 0px 5px;	
	}
	.navbar-right {
		margin-right: -5px;
	}
}

.navbar.affix {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.navbar-default {
	border-bottom-width: 8px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel {
	border-bottom: 10px solid #87888b;
}

.carousel .item {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.carousel-caption {
	text-align: left;
	padding: 0px;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.carousel-caption h1, .carousel-caption h2, .carousel-caption h3  {
	margin-top: 0px;
}
.carousel-caption h2 {
	font-size: 24px;
}
@media (max-width: 767px) {
	.carousel-caption {
		left: 10%;
		right: 10%;
	}
	
	.carousel-caption h2 {
		font-size: 18px;
	}
}

.carousel-indicators {
	margin-bottom: 0px;
	bottom: 5px;
}

.carousel-indicators .active {
	width: 26px;
	height: 26px;
	margin: 0px 1px 0px 1px;
	background-color: transparent;
}
.carousel-indicators .active span {
	background-color: #8fb5bd;
}
.carousel-indicators li {
	width: 26px;
	height: 26px;
	border-radius: 0px;
	margin: 0px 1px 0px 1px;
	border-width: 5px;
	background-color: transparent;
}
.carousel-indicators li span {
	display: block;
	width: 10px;
	height: 10px;
	margin: 3px;
}
.icon-next span, .icon-prev span {
	display: none;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
	font-weight: bold;
	font-family: sans-serif;
}

#eredmenyek_es_tavlati_celok {
	padding-top: 30px;
	padding-bottom: 30px;
}
#oktatas_es_egeszsegugy {
	background: transparent url('/img/kategoria/kat_oktatas_es_egeszsegugy.jpg') no-repeat center center;
	background-size: cover;
}
#vallalkozasfejlesztes {
	background-color: #87888b;
}
#vallalkozasfejlesztes_bg {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	border-bottom: 6px solid #87888b;
	background: #87888b url('/img/kategoria/kat_vallalkozasfejlesztes.jpg') no-repeat fixed center center;
}
#turizmus {
	background-color: #ffffff;
}
#turizmus_bg {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	border-bottom: 6px solid #ffffff;
	background: #ffffff url('/img/kategoria/kat_turizmus.jpg') no-repeat fixed center center;
}
#kornyezetvedelem {
	background-color: #8fb5bd;
}
#kornyezetvedelem_bg {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	border-bottom: 6px solid #8fb5bd;
	background: #8fb5bd url('/img/kategoria/kat_kornyezetvedelem.jpg') no-repeat fixed center center;
}
#hasznos_tanacsok .container {
	padding-top: 60px;
	padding-bottom: 40px;
}
@media (max-width: 767px) {	
	#oktatas_es_egeszsegugy {
		background-position: left center;
	}
	#vallalkozasfejlesztes_bg, #turizmus_bg, #kornyezetvedelem_bg, #kategoria_cim {
		background-attachment: scroll !important;
		background-size: cover !important;
	}
}

#kategoria_cim {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: 10px solid #87888b;
}
#kategoria_cim h1 {
	margin: 0px;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.cikk {
	padding-bottom: 30px;
}
.bg-primary {
	background: #8fb5bd url('/img/jobbsav_top.png') no-repeat left top;
	color: #ffffff !important;
	padding-top: 25px;
	padding-bottom: 10px;
}
.bg-primary p, .bg-primary h3 {
	color: #ffffff !important;	
}


/* FOOTER */

.footer {
	margin-top: 40px;
	padding-top: 10px;
	padding-bottom: 0px;
	background-color: #58585a;
	color: #ffffff;
	text-transform: uppercase;
}
.footer .container {
	position: relative;
}
.footer a {
	color: inherit;
}
.footer a:hover {
	color: #8fb5bd;
}
.footer img {
	vertical-align: text-bottom;
}

#footer_logo {
	position: absolute;
	bottom: 0px;
	left: 10px;
}

@media (max-width: 991px) {
	#footer_logo {
		position: relative;
	}
	#footer_logo img {		
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

/* BOOTSTRAP OVERRIDE
-------------------------------------------------- */

.btn {
	border-width: 3px;
	white-space: normal;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #8fb5bd;
  border-color: #8fb5bd;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #8fb5bd;
  border-color: #8fb5bd;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #8fb5bd;
  border-color: #8fb5bd;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #8fb5bd;
  border-color: #8fb5bd;
}

.btn-primary.btn-inverse {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.btn-primary.btn-inverse:focus,
.btn-primary.btn-inverse.focus {
  color: #8fb5bd;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-primary.btn-inverse:hover {
  color: #8fb5bd;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-primary.btn-inverse:active,
.btn-primary.btn-inverse.active,
.open > .dropdown-toggle.btn-primary.btn-inverse {
  color: #8fb5bd;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-primary.btn-inverse.btn-inverse:active:hover,
.btn-primary.btn-inverse.btn-inverse.active:hover,
.open > .dropdown-toggle.btn-primary.btn-inverse:hover,
.btn-primary.btn-inverse:active:focus,
.btn-primary.btn-inverse.active:focus,
.open > .dropdown-toggle.btn-primary.btn-inverse:focus,
.btn-primary.btn-inverse:active.focus,
.btn-primary.btn-inverse.active.focus,
.open > .dropdown-toggle.btn-primary.btn-inverse.focus {
  color: #8fb5bd;
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn-danger.btn-inverse {
  color: #ce4941;
  background-color: transparent;
  border-color: #ce4941;
}
.btn-danger.btn-inverse:focus,
.btn-danger.btn-inverse.focus {
  color: #ffffff;
  background-color: #ce4941;
  border-color: #ce4941;
}
.btn-danger.btn-inverse:hover {
  color: #ffffff;
  background-color: #ce4941;
  border-color: #ce4941;
}
.btn-danger.btn-inverse:active,
.btn-danger.btn-inverse.active,
.open > .dropdown-toggle.btn-danger.btn-inverse {
  color: #ffffff;
  background-color: #ce4941;
  border-color: #ce4941;
}
.btn-danger.btn-inverse.btn-inverse:active:hover,
.btn-danger.btn-inverse.btn-inverse.active:hover,
.open > .dropdown-toggle.btn-danger.btn-inverse:hover,
.btn-danger.btn-inverse:active:focus,
.btn-danger.btn-inverse.active:focus,
.open > .dropdown-toggle.btn-danger.btn-inverse:focus,
.btn-danger.btn-inverse:active.focus,
.btn-danger.btn-inverse.active.focus,
.open > .dropdown-toggle.btn-danger.btn-inverse.focus {
  color: #ffffff;
  background-color: #ce4941;
  border-color: #ce4941;
}

.panel {
	border-width: 3px;
	min-height: 272px;
	height: auto !important;
	height: 272px;
}

.jumbotron {
	margin-bottom: 0px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.no-gutter {
    padding-right:0;
    padding-left:0;
}

.position-relative {
	position: relative;
}
.position-absolute {
	position: absolute;
}

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

.text-white {
	color: #ffffff;
}
