/* NOVEMBER 24, 2023 */

/* NEW COLOR COMBO *******************


#A58E6F; LION COLOR     DARKER LIGHT BROWN => heading background color
#FDF4C9; lemon chiffon  VERY LIGHT YELLOW 
#faf2e8; LINEN	VERY LIGHT CREAM COLOR => body background
#493018; Cafe' noir  => tabs
#ECC28E; active link color => golden peach color
#9FAEC2; Blue (underheading and view buttons)

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





/************   HEADING  ***************/
body {
 	background-image:url("../img/wood3.jpg");
	background-repeat: repeat;
	max-width: 1100px;
	margin: 0 auto;
	/*background-color: #faf2e8; /*VERY LIGHT CREAM COLOR*/
	cursor: url("img/crosscursor3.png"), auto; 
}

.container-fluid { 
	background-color: #faf2e8;

}

.headpic {
	background-color: #A58E6F; /*LION COLOR*/
	
}

.headpicA {
	background-color: #A58E6F; /*LION COLOR*/
}

.truthheading {
	background-color: #A58E6F; /*lion color*/; 
	color: #FDF4C9; /*lemon chiffon*/
}

.truthheading h1 {
	font-size: 5em;
}



/*************   NAVI    *************/


.navi {
	color: #FDF4C9; /*lemon chiffon*/
	background-color:#A58E6F; /*lion color*/ 
	font-size: 25px;
	border-bottom:15px solid #9FAEC2;
}


.navi .dropdown-item { 
	font-size: large;
}

.moveleft {
	left:auto !important;
	right:0 !important;
}






/*********** NAVI PILLS *************/
.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #ECC28E;
    --bs-nav-pills-link-active-bg: #A58E6F; /*lion color*/ 
}

.nav-link:hover{
	background-color: #493018; /*cafe noir */
	color:#ecc28e;
}

.nav-item{
	font-size: 25px;
	font-weight: bold;
	color: #493018;
}






/*********** Multi-Level Drop Down Menu *************/
.dropdown{
	backgrund-color:Ecc28e;
}
.dropdown:hover >.dropdown-menu{
	display: block !important; 
}



.dropdown-submenu:hover > .dropdown-menu{
	display: block !important;
	left: 100%;
	margin-top: -37px;
}

.dropdown-item{
	font-size: x-large;
	background-color: #A58E6F; /*lion color*/ 
}
.dropdown-toggle::after{
	font-size: var(--font-md);
	margin-bottom: -2px;
}
.dropdown-menu li a.active{
	background-color: #FDF4C9; /*lemon chiffon*/
	
}

.custom-toggle-arrow{
	font-size: 18px;
	margin-top: 1px;
	line-height: 12px;
}

/****************  MAIN WEBSITE Layout       ****************/
.maintitle {
	text-align: center;
	font-family: Rubik Doodle Shadow;
	color:#493018; /* cafe noir */
	font-weight: 800;
	font-size: 60px;
}



.mainpara{
	text-align:center;
}

.columntitle{
	text-align:center;
	
}
p {font-size: 18px;}

.card {
	border:5px ridge gray;
	background-color:#FDF6E1;
}

.card:hover{
	box-shadow: 0 8px 16px 0 black;
}

.nav {
	color:white;
}

.godsword {
	color: white;
}
 
.headrow {
	border-bottom: 20px solid #9faec2;
}


/*******************  HOME PAGE ***************************/

.homepagepic{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width: 70%;
	height:50%;
}

.mark{
	margin-left: 55px;
	margin-right: 55px;
	padding-right:30px;
	padding-left:30px;
	background-color: #Ecc28e;
	color: black;
	border:10px ridge gray;
}

.center {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:50%; 
}

.moveleft{
	top:120%;
}


/******************* MEET THE PASTOR **********************/
/******* accordion **********/

.accordion-button{
	font-weight: bold;
	font-size: 18px;
	background-color:#A58E6F;
	color: #493018; /*dark brown color*/
}

.accordion-button:not(.collapsed) {

   	background-color: #ECC28E;
   	color: black;
   }


.accordion-body{
	background: #ECC28E;
	color: black;
	padding-left: 40px;
	padding-right: 40px;
	text-align:justify;

}
.accordion-item a {
    color: white;
    text-decoration: underline;
}

.accordion-button:focus {
	box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.45);
}



/***************  Spreading the Gospel  **********************/

.cardhead {background-color: #9faec2;
	color:white;
}

.cardfile { background-color: #fdf4c9; }

.btn-group {
	background-color: #9faec2;
	display:block; 
	margin:0 auto;
}
.cardinfo{
	text-align:center;
}

.centercardtitle{
	text-align:center;
}


/************** Plan of Salvation ***********************/

.godsredword {
	color:#990b0b;
	font-size: 20px;
}

/************** Doctrine ********************************/

.centerquote {
	margin-left: 80px;
	margin-right: 80px;
	padding-right:40px;
	padding-left:40px;
	background-color: #757458;
	color: white;
    font-weight:bolder;
}

/***************** missionary page****************************/
.email, .link {
	white-space: nowrap;
	float: none;
}

/***************** events page****************************/


/************************ FOOTER *************************/
.footer { background-color: #A58E6F;
	border-top: 15px solid #9faec2;
}



.footlink {
	color: #fdf4c9;
	font-size: 20px;
}



/********************** AT MEDIA **************************/
@media only screen and (max-width:600px){
	.maintitle {
		font-size: 50px;
	}



}