/* Home */
@media screen and (max-width: 768px) {
  .sliderCap {
   position: absolute;
   top:-90px
  }
}

/* Calander */
.wrapper{
    width:100%;
}


a .engday,
.amhholday {
  font-size: 18px;
  color: #d35400;
}

#calDescription {
   width: 100%;
  margin-top: 20px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 20px#fbd1c1;
  background-color: white;
  border-radius: 8px;
}

.ethCalForm,
.calTableBody{
  width: 85%;
margin-left: 7%;
 margin-right: 8%;
  margin-top: 20px;
  /*padding: 20px;*/
  margin-bottom: 20px;
  /* box-shadow: 0px 0px 20px#fbd1c1; */
  background-color: white;
  border-radius: 8px;
}

.calIntroTable {
  padding-left: 10%;
  padding-right: 10%;
  width: 100%;
}

#calTableHeder {
  background-color: #fde8e0;
  /* height: 150px;
      padding-top: 20px;
      padding-bottom: 20px; */
}
#gregMonthYear {
  text-align: right;
  width: 30%;
}

.aClassSelect {
  display: inline-block;
  padding: 15px 25px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  /* color: #fff; */
  background-color: #fbd1c1;
  border: none;
  border-radius: 12px;
  box-shadow: 0 5px #7b4632;
}
.aClassSelect:hover {
  background-color: #f8a484;
}

.aClassSelect:active {
  background-color: #f8a484;
  box-shadow: 0 5px #7b4632;
  transform: translateY(4px);
}
.lstBealat {
  background: none;
  visibility: hidden;
  border: none;
  outline: none;
  display: block;
}
#collapse {
  visibility: collapse;
  display: none;
}

.thbod,
.colbod,
.colhead {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

#td1_6,
#td2_6,
#td3_6,
#td4_6,
#td5_6 {
  color: #d35400;
}

#wengelawi {
  color: #fde8e0;
}
#bealatList {
  border: 2px solid #7b4632;

  border-radius: 12px;
  box-shadow: 0 5px #7b4632;
}

#tblbealLst {
  border-top: 0px;
}

#bealGeletsa,
#yezareKen,
#kenToday {
  font-size: 15px;
}

#pictureCap {
  /* width: 90%; */
  margin: 0 auto;
  margin-top: 10px;
  padding: 10px;
  box-shadow: 0px 0px 20px#fbd1c1;
  background-color: white;
  border-radius: 8px;
  margin-bottom: 20px;
}
#calJeasusImg {
  margin-left: 20%;
}

/* IndexPage */
#welcomeMsgDescription,
#ethCrossDescription,
#announcementCntr,
#upcomingEventCntr {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-shadow: 0px 0px 20px#fbd1c1;
  background-color: white;
  border-radius: 8px;
  margin-bottom: 20px;
}
#upcomingEventImg {
  width: 60%;
  margin: 20px;
  margin-left: 20%;
  margin-right: 20%;
}

/* Contactus  */
#contactusCardHeader {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 20px;
}

#addMapCaption {
  color: #d35400;
}

section {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#frmContainer,
#abtUscontainer {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-shadow: 0px 0px 20px#fbd1c1;
  background-color: white;
  border-radius: 8px;
  margin-bottom: 20px;
}
.form-group {
  margin-top: 20px;
  font-size: 15px;
}
.form-group input,
.form-group textarea {
  width: 100%;
  padding: 5px;
  font-size: 18px;
  border: 1px solid rgba(128, 128, 128, 0.199);
  margin-top: 5px;
}


#pristsPicOne,
#pristsPicTwo,
#pristsPicThree,
#decnsPicOne,
#decnsPicTwo,
#decnsPicThree{
  height: 300px;
}
button[type="submit"] {
  width: 100%;
  border: none;
  outline: none;
  padding: 20px;
  font-size: 24px;
  border-radius: 8px;
  background-color: #fbd1c1;
  text-align: center;
  cursor: pointer;
  margin-top: 10px;
  transition: 0.3s ease background-color;
}
button[type="submit"]:hover {
  background-color: #f8a484;
}
#status {
  width: 90%;
  max-width: 500px;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
  border-radius: 8px;
}
#status.success {
  background-color: #d35400;
  color: white;
  font-size: 20px;
  animation: status 4s ease forwards;
}
#status.error {
  background-color: #d35400;
  color: white;
  animation: status 4s ease forwards;
}
@keyframes status {
  0% {
    opacity: 1;
    pointer-events: all;
  }
  90% {
    opacity: 1;
    pointer-events: all;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}