/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.6 
*/

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

section.latest-post {
  height: calc(100vh - 105px);
  overflow: auto;
  position: relative;
  padding: 0 !important;
}
section.latest-post:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.73) 100%
  );
}
.latest-post__container {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: calc(30px + 2%) 5%;
  position: relative;
  z-index: 1;
}
.latest-post__content {
  text-align: right;
}
.latest-post__title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 33px;
  color: #ffffff !important;
  line-height: 1.2em;
  margin-block-end: 10px;
}

body #page-container section.latest-post.et_pb_section .et_pb_button_0 {
  color: #ffffff !important;
  border-color: #ffffff !important;
  border-width: 3px !important;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background-color: RGBA(255, 255, 255, 0);
}
body #page-container section.latest-post.et_pb_section .et_pb_button_0:hover {
  color: #ffffff !important;
  border-color: #007dcf !important;
  background-image: initial;
  background-color: #007dcf;
}

@media screen and (max-width: 1200px) {
  section.latest-post {
    height: 542px;
    background-attachment: scroll !important;
  }
}
@media screen and (max-width: 992px) {
  section.latest-post {
    height: 430px;
  }
}
@media screen and (max-width: 767px) {
  section.latest-post {
    height: 341px;
  }
  .latest-post__title {
    font-size: 19px;
    line-height: 1.4em;
  }
}
@media screen and (max-width: 540px) {
  section.latest-post {
    height: 251px;
  }
}