body
{
	color:#333;
	letter-spacing: 0.08rem;
}

ul li
{
	list-style: none;
	margin: 0;
	padding: 0
}

a
{
	text-decoration:none
}


.mem_banner
{
	overflow-x: hidden;
	background-color: black;
	background-image: url("../img/mem/banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 25%;
	height: 500px;
	width: auto;
	position: relative;
	color:white;
	overflow: hidden;
}

.mem_banner > .scripture
{
	width: 100%;
	position:absolute;
	bottom:0px;
	opacity: 0.9;	
}

.blend.multiply
 {
        background-blend-mode: multiply;
 }

.banner_bk2
{	
	background-image: url("../img/mem/banner_mem.jpg");
}
.btn-primary
{
	background-color: #b4995a !important;
	border:none;
}

.btn-primary:hover
{
	background-color: #e8e0cf;
	border:none;
	color: #333;
}
.border-secondary
{
	border-color: #ccc!important 
}

.bg-primary
{
	border:none;
	background-color: #b4995a !important 
}
.table-warning
{
	background-color: #e8e0cf
}


input.placeholder
{
   font-size: 10px;
}

h2
{
	color: #b4995a
}

.fs-7
{
	font-size: 0.9rem;
}
.border-primary
{
	border-color: #b4995a !important 
}
.nav-link
{
	border-bottom: 2px solid #ccc;
}
.custom-nav .active
{
	border-bottom: 3px solid #b4995a;
}

.modal-custom {
    max-width: 800px;
    margin: 1.75rem auto;
 
}
.modal-body
{
  overflow:scroll;
  overflow-x: scroll;
}


.modal
{
	width: 100%;

}
.modal-content
{
  width: 100%;  

}


.modal-body ul ol
{
   list-style-type:lower-roman;
}

.table-hover tr:hover
{
	background-color: #e8e0cf
}

.mem_circle
{
    width: 90PX;
    height: 90px;
    text-align: center;
    color: #fff;
    margin-bottom: 16px;
    line-height: 120%;
}

.mobile-btn
  {
  	display: none
 
  }

.page-link
{
	color: #b4995a
}
.page-item.active .page-link{
	background-color: #b4995a;
    border-color: #b4995a;
}

.page-link:hover {
 
    color: #333;
}

.card
{
	border: none;
}


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

  .table-t thead { display: none;}
  .table-t tbody td { display: block; padding: .6rem; min-width:300px; }
  .table-t tbody tr td:first-child { background: #fff; color: #333; margin-top: 30px ;font-weight: bold}
  .table-t tbody td:before {
    content: attr(data-th); font-weight: bold;
    display: inline-block; width: 8rem;
  }
  .table-t tfoot td{display:block; }
  .table-t tfoot td .btn{display:block;}

  .mobile-btn
  {
  	display: inline-block;
  	position: absolute;
  	top:0;
  	right: 20px;
  	z-index: 9999;
 
  }

 

.scripture__title {
     margin-top: 20px;
 }

.scripture__subtitle {
   
    margin-bottom: 30px;
}
.big__img__top__img
{
	margin-top:20%;
	margin-left:50%;
	transform: translateY(-20%);
	transform: translate(-50%);
}

.nav-link
{
	padding:1rem 0.33rem;
}

}