/*
  Project: hd-vk.hu
  All rights reserved - Copyright 2017.
*/

body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #000000;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
/* btn */
a.btn, a.btn:hover, a.btn:active, a.btn:focus {
	text-decoration: none;
} 
a.btn.btn-more {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 0;
	border: 2px solid #FFFFFF;
	padding-left: 25px;
	padding-right: 25px;
}
a.btn.btn-cta {
	color: #ffffff;
	background: #fdb82b;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 0;
	padding-left: 25px;
	padding-right: 25px;
}
a.btn.btn-link {
	color: #000000;
	font-weight: 700;
	border-radius: 0;
	border-bottom: 2px solid #231f20;
	padding-left: 0px;
	padding-right: 0px;
}
a.btn.btn-link:after {
    content: " \2192";
    position: absolute;
    margin-left: 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
    display: inline-block;
    color: rgba(0,0,0,0);
}
a.btn.btn-link:hover:after { margin-left: 20px; color: rgba(0,0,0,1); }

button[type="submit"], button[type="submit"]:hover {
	color: #ffffff;
	background: #fdb82b;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 0;
	padding-left: 25px;
	padding-right: 25px;
	width: 200px;
}

/* navbar */
nav.navbar {
	margin-bottom: 0;
	background: #FFFFFF;
	color: #000000;
	border-top: 3px solid #ffc845;
	border-right: 0;
	border-bottom: 3px solid #231f20;
	border-left: 0;
	border-radius: 0;
	min-height: 70px;
}
nav.navbar a.navbar-brand {
	width: 170px;
	height: 40px;
	background: url("../img/logo.png") no-repeat;
	display: inline-block;
	white-space: nowrap;
	text-indent: 200%;
	overflow: hidden;
	margin-top: 15px;
}
/*a.navbar-brand { margin-left: 15px !important; }*/
/*nav.navbar ul.nav li { height: 64px; }*/
nav.navbar ul.nav li a {
	padding-top: 22px;
	padding-bottom: 22px;
	color: #000000 !important;
	text-transform: uppercase;
}
nav.navbar ul.nav li.current-menu-item a, nav.navbar ul.nav li.current-menu-item a:hover {
	/*background: #ffc845;*/
	background: #ffffff;
	font-weight: 700;
}
nav.navbar ul.dropdown-menu { border-top: 3px solid #231f20; border-radius: 0; }
nav.navbar ul.dropdown-menu li { height: 50px; }
nav.navbar ul.dropdown-menu li a { padding-top: 15px; padding-bottom: 15px; }

@media(max-width: 991px) {
	nav.navbar ul.dropdown-menu { width: 100%; position: relative; }
}

/* NAVBAR COLLAPSE */
.navbar-toggle { margin-top: 15px; margin-bottom: 15px; }
@media (max-width: 991px) {
	.navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
  .navbar-collapse { border-top: 0 !important; margin-top: 10px; }
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .dropdown {
  	display: block !important;
  }
}

/* carousel */
.carousel { z-index: -1; } /* collapse fix */
.carousel .item img { width: 100%; height: auto; }
.carousel-caption {
	top: 110px;
	text-align: left;
}
.carousel-caption h1 {
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #FFFFFF;
	font-size: 42px;
	line-height: 125%;
}
@media(max-width: 776px) {
	.carousel-caption { display: none; }
}
@media(max-width: 991px) {
	.carousel-caption { top: 120px; }
	.carousel-caption h1 { font-size: 48px; }
}
/* recent news */
section.recent-news {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #231f20;
	color: #FFFFFF;	
}
section.recent-news h2 {
	margin-top: 0;
	text-transform: uppercase;
	font-size: 20px;
}
section.recent-news h2 a { color: #FFFFFF; text-decoration: none; }
section.recent-news p { text-align: justify; }
section.recent-news a.btn { margin-top: 20px; }
@media(max-width: 991px) {
	section.recent-news article:first-of-type { margin-bottom: 40px; }
}
/* introduction */
section.introduction {
	padding-top: 60px;
	padding-bottom: 60px;
}
section.introduction h2 {
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 35px;
	color: #42464b;
}
section.introduction p {
	color: #42464b;
	line-height: 150%;
	font-size: 16px;
	margin-bottom: 35px;
}

/* services */
section.services {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #f2f2f2;
	color: #42464b;	
}
section.services h2 {
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 35px;
	color: #42464b;
}
section.services h3 a { color: #42464b; text-decoration: none; }
section.services h3 {
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 5px;
	line-height: 150%;
}
section.services p {
	line-height: 150%;
	font-size: 16px;
	text-align: justify;
}

/* locations */
section.locations {
	padding-top: 40px;
	padding-bottom: 60px;
}
section.locations h2 {
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 35px;
	color: #42464b;
}
section.locations p.bio {
	color: #42464b;
	line-height: 150%;
	font-size: 16px;
	margin-bottom: 35px;
}
section.locations div.location {
	border-top: 2px solid #fdb82b;
	border-bottom: 2px solid #231f20;
	padding: 15px;
	width: 100%;
	height: 220px;
}
section.location p {
	font-size: 13px;
}
section.locations div.location.main h3 { border-bottom: 2px solid #fdb82b; }
section.locations h3 {
	font-size: 15px;
	text-transform: uppercase;
	color: #231f20;
	display: inline-block;
	padding-bottom: 2px;
}

@media(max-width: 991px) {
	section.locations div.location { margin-bottom: 20px; }
}

/* single */
section.single {
	padding-top: 40px;
	padding-bottom: 80px;
	color: #42464b;
}
section.single article h1 a, section.single article h1 a:hover, section.single article h1 a:active, section.single article h1 a:focus {
	font-size: 30px;
	color: #231f20;
	text-decoration: none;
}
section.single article div.meta {
	font-size: 12px;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 5px;
}
section.single article section.content p {
	font-size: 16px;
	line-height: 150%;
	text-align: justify;
}
section.single article img { max-width: 100%; height: auto; }

section.single article div.featured { margin-top: 10px; margin-bottom: 20px; }
section.single article section.content h1 { font-size: 24px; }
section.single article section.content h2 { font-size: 22px; }
section.single article section.content h3 { font-size: 18px; }
section.single article section.content h4 { font-size: 16px; }
section.single article section.content a {
	color: #fdb82b;
	text-decoration: underline;
}
section.single article section.content a:hover { color: #42464b; }

/* documents-container */
section.documents-container h2 {
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 15px;
}
section.documents-container ul.document-list { list-style: none; padding-left: 0px; }
section.documents-container ul.document-list li a {
    display: inline-block;
    line-height: 32px;
    padding: 10px 0 10px 40px;
    background: url("../img/document.png") left 8px no-repeat;
    background-size: 32px;
    font-weight: 700;
}
section.documents-container ul.document-list li a:hover {
    background: url("../img/document-hover.png") left 8px no-repeat;
    background-size: 32px;
    color: #000000;
}
section.documents-container a, section.documents-container a:hover { color: #42464b; text-decoration: none; }

/* jobs */

section.jobs {
	position: relative;
	height: 500px;
	background: #f2f2f2;
	color: #42464b;	
}
section.jobs .jobs-background {
	background: url("http://he-do.hu/wp-content/uploads/2017/05/he-do-kft-karrier.jpg") no-repeat top center;
	-webkit-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
  	min-height: 100%;
}
section.jobs .jobs-content {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
  	min-height: 100%;
  	padding-left: 40px;
  	padding-right: 40px;
}
@media(max-width: 991px) {
	section.jobs { height: 100%; min-height: 100%; padding-bottom: 40px; }
	section.jobs .jobs-background { display: none; }
	section.jobs .jobs-content { position: relative; padding-left: 20px; padding-right: 20px; }
	section.jobs-open div.job { margin-bottom: 20px; }
}
section.jobs h1 {
	text-transform: uppercase;
	font-size: 28px;
	line-height: 125%;
	margin-top: 45px;
	margin-bottom: 20px;
}
section.jobs-open {
	padding-top: 40px;
	padding-bottom: 70px;
	text-align: justify;
}
section.jobs-open h2 {
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 35px;
	color: #42464b;
}
section.jobs-open div.job {
	border-top: 2px solid #fdb82b;
	border-bottom: 2px solid #231f20;
	padding: 15px;
	width: 100%;
	height: 200px;
}
section.jobs-open div.job p { height: 60px; text-align: left; overflow: hidden; }
section.jobs-open h3, section.jobs-open h3 a, section.jobs-open h3 a:hover {
	font-size: 15px;
	text-transform: uppercase;
	color: #231f20;
	display: inline-block;
	padding-bottom: 2px;
	text-decoration: none;
}
section.jobs-open .col-md-3 { margin-bottom: 20px; }

span.hr {
	width: 80px;
	height: 4px;
	background: #fdb82b;
	display: block;
}
section.jobs p {
	font-size: 16px;
	line-height: 175%;
	margin-bottom: 20px;
	text-align: justify;
	margin-top: 20px;
	margin-bottom: 20px;
}
section.job-application {
	background: #42454a;
	color: #FFFFFF;
	padding-top: 40px;
	padding-bottom: 60px;
}
section.job-application h2 { text-transform: uppercase; font-size: 24px; padding-bottom: 10px; }
section.job-application p, section.job-application .row { margin-bottom: 20px; }
section.job-application input { border-radius: 0; border: 0; }
section.job-application span {
	display: block;
	font-size: 14px;
	padding-bottom: 10px;
}
/* bemutatkozas */
section.intro {
	background: #231f20;
	color: #FFFFFF;
	text-align: center;
}
section.intro h1, section.intro h1 a, section.intro h1 a:hover {
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 28px;
	margin-top: 80px;
	margin-bottom: 80px;
}
section.timeline {
	padding-top: 20px;
	padding-bottom: 50px;
	background: #F2F2F2;
}
section.timeline h2 {
	text-transform: uppercase;
	color: #42464b;
	font-size: 28px;
	line-height: 125%;
}

section.timeline .timeline-container {
    margin-top: 40px;
    background: url("../img/timeline.png") repeat-y center;
}
.timeline-container .timeline-event {
	color: #42464b;
	
}
.timeline-event .timeline-year h3 {
	color: #42464b;
	font-size: 32px;
	border-bottom: 2px solid #fdb82b;
	padding-bottom: 5px;
}
.timeline-event .timeline-details {
	padding-top: 45px;
	font-size: 16px;
	line-height: 190%;
	text-align: justify;
} 
.timeline-event .timeline-details.short {
	padding-top: 55px;
	font-size: 22px;
	line-height: 125%;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
}
.timeline-event a { text-decoration: none !important; color: #42464b !important; }
span.timeline-pin {
	position: absolute;
	left: 50%;
	margin-left: -10px;
	margin-top: 50px;
	background-color: #fdb82b;
    border: 4px solid #42464b;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
	width: 20px;
	height: 20px;
	display: block;
}
/* footer */
footer {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #231f20;
	color: #FFFFFF;
}
footer h3 {
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 5px;
}
footer ul.footer-menu { text-align: right; }
footer ul.footer-menu {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0 !important;
}
footer ul.footer-menu li {
	display: inline-block;
	padding: 0 8px;
	font-size: 13px;
}
footer ul.footer-menu li a, footer ul.footer-menu li a:hover { text-decoration: none; }
footer ul.footer-menu li a { color: #fdb82b; }
@media(max-width: 776px) {
	footer { text-align: center !important; }
	footer ul.footer-menu { margin-top: 40px; text-align: center; }
}

/* icons */
span.pin-yellow {
	background: url("../img/pin-yellow.png") no-repeat;
	width: 20px;
	height: 25px;
	position: absolute;
	margin-left: -25px;
	margin-top: -4px;
}
span.pin-white {
	background: url("../img/pin-white.png") no-repeat;
	width: 30px;
	height: 40px;
	position: absolute;
	margin-left: -40px;
	margin-top: -2px;
}
span.icon {
	width: 110px;
	height: 100px;
	display: inline-block;
	text-align: center;
}
span.icon.icon-utepites { background: url("../img/icon-utepites.png") no-repeat; }
span.icon.icon-aszfaltgyartas { background: url("../img/icon-aszfaltgyartas.png") no-repeat; }
span.icon.icon-hoeltakaritas { background: url("../img/icon-hoeltakaritas.png") no-repeat; }
span.icon.icon-betongyartas { background: url("../img/icon-betongyartas.png") no-repeat; }
span.icon.icon-talajstabilizacio { background: url("../img/icon-talajstabilizacio.png") no-repeat; }
span.icon.icon-kornyezetvedelem { background: url("../img/icon-kornyezetvedelem.png") no-repeat; }
span.icon.icon-rekultivacio { background: url("../img/icon-rekultivacio.png") no-repeat; }
span.icon.icon-laboratorium { background: url("../img/icon-laboratorium.png") no-repeat; }
span.icon.icon-ingatlan { background: url("../img/icon-ingatlan.png") no-repeat; }
span.icon.icon-vagyonkezeles { background: url("../img/icon-vagyon.png") no-repeat; }

/* WP-Core */
/* =WordPress Core
-------------------------------------------------------------- */
div.content iframe {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	max-height: 360px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
select {
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;    
   background: #ffffff;
   color: #000000;
   border-radius: 0;
   border: 0;
   width: 100%;
   height: 40px;
   padding-left: 10px;
   padding-right: 10px;
}

section.sajto h2 a { font-size: 22px; color: #231f20; line-height: 125%; }
section.sajto p { text-align: justify; }
section.sajto a.btn-more { color: #fdb82b; text-decoration: underline; padding: 0; }
section.sajto .col-md-4 img { width: 100%; height: auto; margin-bottom: 10px; }

.szolgaltatasok { margin-top: 40px; }
.szolgaltatasok .icon {  }
.szolgaltatasok h3 { margin-top: 0; margin-bottom: 10px; }
.szolgaltatasok p { margin-bottom: 40px; }