#NewsOverview h3, #NewsOverview h4	{margin-top: 2px !important;margin-bottom:2px !important;}


footer 							{ }

header	{ background:url(../images/bg_top_gasandoil.jpg) no-repeat left top;}

body    { background-color: #FFFFFF;}

html {
  font-size: 0.9rem
}

h1 , .h1 {
  font-size: 1.6rem;
}

h2 , .h2 {
  font-size: 1.3rem;
}

h3 , .h3 {
  font-size: 1.3rem;
}

h4 , .h4 {
  font-size: 1.2rem;
}

h5 , .h5 {
  font-size: 1.1rem;
}

h6 , .h6 {
  font-size: 1rem;
}




/* CUSTOM MARGINS */

.mb5		{ margin-bottom: 5px !important;}
.mb10		{ margin-bottom: 10px !important;}
.mb25		{ margin-bottom: 25px !important;}
.mb50		{ margin-bottom: 50px !important;}

.mt5		{ margin-top: 5px !important;}
.mt10		{ margin-top: 10px !important;}
.mt25		{ margin-top: 25px !important;}
.mt50		{ margin-top: 50px !important;}

.pt5		{ padding-top: 5px !important;}
.pt10		{ padding-top: 10px !important;}
.pt25		{ padding-top: 25px !important;}
.pt50		{ padding-top: 50px !important;}

.m0			{ margin: 0px !important;}
.m5			{ margin: 5px !important;}

.ml0		{ margin-left: 0px !important;}
.mr0		{ margin-right: 0px !important;}
.mr5		{ margin-right: 5px !important;}
.mr10		{ margin-right: 10px !important;}


.p0			{ padding: 0px !important;}
.p5			{ padding: 5px !important;}

.pl0 		{ padding-left: 0px !important;}

.mw200		{ max-width: 200px; }
.mw300		{ max-width: 300px; }


#NewsOverview-HeadlineLinks li  {
    display: block;
}

#NewsOverview-HeadlineLinks li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}


/* [1] The container */
.img-hover-zoom {
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
    background-color: #FFFFFF;
}
  
  /* [2] Transition property for smooth transformation of images */
  .img-hover-zoom img {
    transition: transform .5s ease;
  }
  
  /* [3] Finally, transforming the image when container gets hovered */
  .img-hover-zoom:hover img {
    transform: scale(1.10);
  }
 
 #NewsOverview-Desclinks a:hover {
    text-decoration: none !important;
  }
 #NewsOverview-Imagelinks  a:hover {
    text-decoration: none !important;
  }
 #NewsOverview-Headlinelinks  a:hover {
    text-decoration: none !important;
  }

.NewsOverview-HeadlineLinks-Item-Container a:hover {
    text-decoration: none !important;
  }


  .fit-image{
    width: 100%;
    object-fit: cover;
    height: 225px; /* only if you want fixed height */
   }

   .fit-image100{
      width: 100%;
      object-fit: cover;
      height: 100%; /* only if you want fixed height */
      }


@media (min-width: 992px) {
    .row.equal {
      display: flex;
      flex-wrap: wrap;
    }
  }
      
  /* add this for full height column content 
  .equal > div[class*='col-'] {  
    display: flex;
    flex-direction: column;
  }
  */


  .h100 {
    height: 100%;
  } 


  .card-header .turn {
    transition: .3s transform ease-in-out;
  }
  .card-header .collapsed .turn {
    transform: rotate(-90deg);
  }


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */