/* Change the main memu color */
/* just comment the 2 lines below*/

/*h1 {color: red;}*/

/*
Orange = # CF3F0E
Green  =  # 3EA462

*/
@media screen and (min-width: 768px) {
	footer {
		background: #CF3F0E; /*  Original # CF3F0E  */
		border-top: 1px solid #bbb; /*  Original # bbb  */
	}
		
	footer > .container {
		  background: #CCC; /*  Original # CCC  */
	}
}

/* Change secondary menu color on small devices    */
@media screen and (max-width:991px) {
	#mb-pnl .lng-ofr, #mb-pnl .sec-pnl, #mb-pnl .srch-pnl {
		color: #CF3F0E; /*  Original # CF3F0E  */
		border: solid 1px red;  /*  Original red */
	}
	
	#mb-pnl .sec-pnl   details , sec-pnl .sec-pnl details{
		color: #CF3F0E !important; /*  Original # CF3F0E  */
	}
	
	/*  Comment out this block for original colors */
	/*#mb-pnl .sec-pnl   summary:hover , mb-pnl .sec-pnl details summary:focus  {
		color: Blue !important; 
		font-weight:600;
	}*/
	
	#mb-pnl .sm-pnl {
		background: #3EA462; /*  Original # 555  */		
	}
	
	#mb-pnl .sm-pnl summary:hover , #mb-pnl .sm-pnl details ul li a:hover{
		color: yellow !important;
		font-weight:600;
	}
	
  }
  
	/* ***************************************   COLOR FOR ALL WINDOW SIZE   ***************************************     */

body > header {
	background: #CCC; /*  Original # CCC  */
}

/* Change Logo Banner color    */
#LogoBar.container {
	background-color: CF3F0E; /*  Original #CF3F0E  */
}
/* Change Logo Banner Text color    */
#wb-sttl a {
	color: #fff !important; /*  Original #fff  */
}
/* ****** Change Menu Banner Text color ******   */
#wb-sm .nvbar {
	background: #555; /*  Original #555  */
}
/* ****** Change Menu link Text color ******   */
#wb-sm a {
	color : #fff;   /*  Original #fff  */
}
/* ****** Change Menu links right border color ******   */
#wb-sm ul.menu > li {
	border-right: 1px solid #999; /*  Original #999  */
}
/* ****** End of Menu Bar menu color change ****** */

/* ****** Change Menu links colors when mouse over ******   */
#wb-sm ul.menu > li > a:hover, #wb-sm .active a, #wb-sm .active summary, #wb-sm .sm, #wb-sm .sm a, #wb-sm .sm summary {
	background-color: #ccc; /*  Original # ccc  */
	color: #000; /*  Original # 000  */
}

}
#wb-sm ul.menu > li.active {
	border-right-color: #ccc; /*  Original # ccc  */
}

#wb-sm .sm {
	border-bottom: 4px solid #0f315b; /*  Original 4px solid # 0f315b;  */
	border-radius: 0 0 3px 3px; /*  Original  0 0 3px 3px;  */
}

#wb-sm .sm .slflnk a {
	background: #bbb; /*  Original # bbb  */
}



/*  ********  Secondary menu  *********   */
#wb-sec .list-group a.list-group-item.wb-navcurr, 
#wb-sec .list-group a.list-group-item[href]:focus, 
#wb-sec .list-group a.list-group-item[href]:hover{
	background: #CF3F0E; /*  Original # CF3F0E  */
}




/*  Change button colors  */
.btn-primary {
    color: #fff;
    background-color: #CF3F0E; /*  Original # CF3F0E  */
    border-color: #143c5f; /*  Original # 143c5f  */
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #fa4305;  /* original # 1c578a */
    border-color: #d0633e; /* original # 091c2d */
}

#wb-bnr > .container {
    background: #CF3F0E; /*  Original # CF3F0E  */
}

/*  ********  END OF MENU CHANGE COLOR  ******   */