/* --- background --- */

body,
html {
  height: auto;
  background-image: url("../image/background.jpg");
  margin:0;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}




/* ------ form login ------ */
.buttonLogin {
  background: linear-gradient(300deg, #FF7917 0.04%, #FFA508 67.49%, #FFBA08 100.11%);
  border-radius: 10px;
}


.container-form {
  padding: 10px 10px;
  margin: 10px 10px;
  border-radius: 10px;
  background-color: white;
}

/* ------ news -------- */

.backgroundnews {
  width: 100%;
  position: absolute;
  bottom:0;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.imgcard img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 5px;
}



.partner-strike {
  display: block;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
}

.partner-strike>span {
  position: absolute;
}

.partner-strike>span:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 135px;
  height: 3px;
  background: white;
  left: 100%;
}


.align-right {
  text-align: left;
}


.strike {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}

.strike>span {
  position: relative;
  display: inline-block;
}

.strike>span:after {
  right: 100%;
  margin-right: 30px;
}

.col-xs-12 {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.col-xs-5 {
  width: 40%;
}

.card-berita {
  margin-bottom: 20px;
  background-color: white;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  height: auto;
  border-radius: 5px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.berita-home {
  bottom: 10px;
}


/* footer */

.footer {
  justify-content: center;
  bottom: 0px;
  width: 100%;
  background-color: #C4C4C4;
}


.icon-form i{
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
}
/* medium */

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

.backgroundnews {
  width: 100%;
  position: relative;
  bottom:0;
}

}