/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */

body {
  background-color: lightgrey;
  line-height: 1.35;
  font-size: 0.75rem;
}

@media (min-width: 992px) {
  body {

  }
}
a:hover{
  text-decoration:none;
}

.lead{
  font-size: 0.75rem;
  /* vertical-align:  bottom; */
  display: inline;
}

.lead a{
  /* font-size: 0.7rem; */
  color: black;
}


.banner-header {
  /*height: 50vh;
  min-height: 300px;*/
  background-color: lightgrey;
  padding: 1em;
  text-align: center;
}

#exkluziv-bg{
  width: 100%;
  height: 385px;
  top: -8px;
  position: relative;
}

@media only screen and (max-width: 375px) {
    #exkluziv-bg{
        height: 470px;
    }
}

.exkluziv-img{
  width: inherit;
  /* background-color: lightgray; */
  overflow: hidden;
}

.exkluziv-edge{
  position: absolute;
  left: 15px;
  top: 350px;
}
.exkluziv-tag-edge{
  position: absolute;
  top: 50px;
  right: 15px;
  transform: rotate(270deg);
}

#exkluziv-row .col-lg-12{
    padding-left: 30px;
    padding-right: 30px;
}

img.vezercikk{
  height: 350px;
  object-fit: cover;
  margin-top: 15px;
}

.exkluziv-tag{
  position: absolute;
  top: 1.5rem;
  font-size: 0.9rem;
  right: 15px;
}

.exkluziv-tag-left{
  position: relative;
  /* height: 1.6rem; */
  top: 15px;
  text-align: left;
  font-size: 10px;
  margin: -5px;
  left:-19px;
}

.exkluziv-tag-left span{
  background-color:  #9A9D65;
  color:white;
  font-weight: bold;
  padding: 2px;
  font-weight: bold;
  padding-left: 1rem;
  padding-right: 1rem;
  opacity: 0.85;
  filter: alpha(opacity=85); /* For IE8 and earlier */
}

.exkluziv-tag-edge-left{
  position: absolute;
  top: 36px;
  left: -11px;
}

span.exkluziv{
  background-color: whitesmoke;
  padding: 0.4rem;
  font-weight:  bold;
  padding-left:  1rem;
  padding-right: 1rem;
}

.exkluziv-desc{
  height: 130px;
  position: relative;
  top: -145px;
  background-color: whitesmoke;
  padding:  0.5rem;
  width: 70%;
  left: -15px;
  overflow: hidden;
  /* vertical-align: bottom; */
}
@media only screen and (max-width: 768px) {
   .exkluziv-desc{
  height: auto;
  position: relative;
  top: -25%;
  background-color: whitesmoke;
  padding:  0.5rem;
  width: 100%;
  left: 0px;
  margin-bottom: 12vh;
  /* vertical-align: bottom; */
}

.exkluziv-edge{
	display:none;
}

}

.exkluziv-desc h2 {
  font-size: 1.2rem;
  color: #9A9D65;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.exkluziv-desc h2 a{
  color: #9A9D65;
}

.card {
  height: 100%;
}

h1.tervlap{
  background-image: url('/images/fejlec.jpg');
  width: 245px;
  height: 59px;
  margin-top: 0px!important;
  padding-top:  0px!important;
}

#topmenu a{
  text-transform: uppercase;
}

.navbar-custom {
  background-color: #fff;
}

.navbar-toggler{
  position: absolute;
  margin-left: 0.5rem;
}

a.nav-link{
  padding-left: 0.5rem!important;
  padding-right: 0.5rem!important;
}

@media (min-width: 992px){
  #right{
    top: -470px;
  }
}

#center > div.row{
  margin-right: 0px;
}

.news-item h3{
  font-size: 0.9rem;
  color: #9A9D65;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.news-item h3 a{
  font-size: 0.9rem;
  color: #9A9D65;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.news-item-img{
  height: 140px;
}

div.news-text{

}
.article-lead{
  vertical-align:  bottom;
  display: inline-block;
  margin-bottom:  0;
}

.author{
  font-size: 0.6rem;
  color: #9A9D65;
}

#right{
  background-color: lightgrey;
  min-height: 1000px;
  padding-left: 0.7rem;
  border-width: 1px;
  border-style:  solid;
  border-color: white;
}

.box-heading{
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 0.7rem;
  margin-bottom: 0.5rem;
}

.pane > div{
  background-color: whitesmoke;
  padding: 0.7rem;
}



#banner2-row{
  height:120px;
}

table#legjobb_cikkek a {
  color: black;
}

a.cikk_lead_cim_style{
  font-size: 1.2rem;
  color: #9A9D65!important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#right a.cikk_lead_cim_style{
  font-size: 0.9rem;
}

#right a, #left a{
  color:black;
  font-weight: bold;
  /* line-height: 0.5; */
}

.olvasottsag{
  color: #9A9D65;
  font-size: 0.6rem;
  line-height:  1;
  margin-top: 0!important;
  margin-bottom: 10px!important;
  padding-bottom:  10px;
}
.pagination{
  background-color: whitesmoke;
}


/* subpage */

#subpage-left{
  /* padding:  1rem; */
  padding-top:8px;
}
#subpage-left-inner{
  background-color: whitesmoke;
  padding: 1rem;
  /* margin:  1rem; */
}

#subpage-right{
  background-color: lightgray;
  border:1px solid white;
  margin-top: 15px;
}

#subpage-right a{
  color: #851a1a;
  font-weight: bold;
}
#subpage-right table{
  margin:0px auto;
  display: block;
}

.article-page-lead{
  font-weight: bold;
  font-size:14px;
  margin-bottom: 1.5rem;

}

.subpage-left-inner row{
  padding:  1rem;
}

.article-title{
  margin: 0;
  font-size: 2em;
}

.article-subtitle {
  font-size: 1.1rem;
  color: gray;
}

.article-back{
  background-color: whitesmoke;
}

.shadow{
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
}

.shadow-left{
  -webkit-box-shadow: -3px 3px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: -3px 3px 10px 0px rgba(0,0,0,0.5);
  box-shadow: -3px 3px 10px 0px rgba(0,0,0,0.5);
}