/******************************

[Table of Contents]

1. Body and some general stuff
3. NICE Timeline
3. Investment Area
4  News page responsiveness

******************************/

/******************************
1. Body and some general stuff
*******************************/

/** Ordered list properties: font size margin, style **/
ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 18px;
}

/** Ordered list properties: font size margin, style **/
ul {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-top: 0;
  margin-bottom: 1rem;
}

/** Paragraph properties: font size margin, style **/
p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/** Margin 80px space from the top**/
.margin_80px {
  margin-top: 80px;

}

/** padding 80px space from top and bottom **/
.padding_80px {
  padding-top: 80px;
  padding-bottom: 80px;
}

/** padding 40px space from top and bottom **/
.padding_40px {
  padding-top: 40px;
  padding-bottom: 40px;
}


/** Ordered list Numbers properties: font color, line space **/
.ordered_list li {
  color: #007bff;
  font-weight: 500;
  line-height: 1.82em !important;
}


/** Ordered list items properties: font color, line space **/
.ordered_list li span {
  font-weight: 300;
  color: #828bb2;
}

/** Ordered list items properties: font color, line space **/
.ordered_list span {
  font-weight: 300;
  color: #828bb2;
}

/** Ordered list items properties: font color, line space **/
.ordered_list {
  margin-left: 10px;

}

/** Unorderd list properties for padding and horizontal space between the lines **/
.unordered_list {
  position: relative;
  padding-left: 40px;
  line-height: 1.82em !important;

}

/** Unorderd list items properties: font size, font color **/
.unordered_list li {
  position: relative;
  padding-left: 30px;
  line-height: 1.82em !important;
  font-size: 18px;
  color: #141823;

}

/** the circular dot with blue border properties on unordered list items **/
.unordered_list li:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border: 3px solid #007bff;
  background: #fff;
  top: 10px;
  left: 0;
  border-radius: 50%;

}

/** holds the news content **/
.news_container {
  width: 100%;
  padding-right: 60px;
  padding-left: 60px;
  margin-right: auto;
  margin-left: auto;
}

/** Light grey background behind the news content **/
.light_grey {
  background: #f8f9fa;
  border-radius: 10px;
}

/** PDF Icon used in the Finance statement button **/
.pdf_icon {
  background: url("../images/icons/pdf_icon.svg");
  background-size: cover;
  width: 80px;
  height: 80px;
}

/** Document icon used in the dividend button **/
.doc_icon {
  background: url("../images/icons/doc_icon.svg");
  background-size: cover;
  width: 80px;
  height: 80px;
}

p a:hover {
  color: #007bff;
}

p a {
  color: #6c6a74;
}

/*=========================================================
	POST
===========================================================*/
/*----------------------------*\
	post
\*----------------------------*/
.post {
  margin-bottom: 40px;
}

.post .post-img {
  display: block;

}

.post .post-img:hover,
.post .post-img:focus {
  opacity: 0.9;
}

.post .post-img>img {
  width: 100%;
  border-radius: 10px;
}

.post .post-meta {
  margin-top: 15px;
  margin-bottom: 15px;
}

.post-meta .post-category {
  font-size: 13px;
  text-transform: uppercase;
  padding: 3px 10px;
  font-weight: 600;
  border-radius: 2px;
  margin-right: 15px;
  color: #FFF;
  background-color: #212631;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

.post-meta .post-category:hover,
.post-meta .post-category:focus {
  text-decoration: none;
  opacity: 0.9;
}

.post-meta .post-category.cat-1 {
  background-color: #4BB92F;
}

.post-meta .post-category.cat-2 {
  background-color: #ff8700;
}

.post-meta .post-category.cat-3 {
  background-color: #8d00ff;
}

.post-meta .post-category.cat-4 {
  background-color: #0078ff;
}

.post-meta .post-date {
  font-size: 13px;
  font-weight: 600;
}

.post .post-title {
  font-size: 18px;
  margin-bottom: 0px;
}

.post-tags li {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 5px;
}

.post-tags li a {
  display: block;
  color: #fff;
  background-color: #212631;
  padding: 3px 10px;
  font-weight: 600;
  border-radius: 2px;
  -webkit-transition: 0.2s opacity;
  transition: 0.2s opacity;
}

/*----------------------------*\
	post thumb
\*----------------------------*/
.post.post-thumb {
  position: relative;
}

.post.post-thumb .post-img:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  /* background: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 38, 49, 0.3)), to(transparent));
  background: linear-gradient(to top, rgba(33, 38, 49, 0.3) 0%, transparent 100%); */
  border-radius: 10px;
}

.post.post-thumb .post-body {
  position: absolute;
  bottom: 0px;
  padding: 20px 15px;
}

.post.post-thumb .post-meta .post-date {
  color: #eceef2;
}

.post.post-thumb .post-title {
  font-size: 22px;
}

.post.post-thumb .post-title>a {
  color: #FFF;
}

/*****************************************************************************************************************************************
4. NEWS PAGE RESPONSIVENESS
******************************************************************************************************************************************

/************
1. 767px
************/

@media only screen and (max-width: 767px) {

  .news_container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}

/************
2. 539px
************/

@media only screen and (max-width: 539px) {

  /** Main container for news page **/
  .news_container {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
  }

}