//* New Custom Stylesheet *//
html, body. div{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

hr { 
		background-color: #000;
		display: block;
		margin-top: 0.9em;
		margin-bottom: 0.9em;
		border-style: outset;
	}
	
.bg-custom {
		color: #FFF;
		background-color: rgb(76, 27, 20);
	}

.d-block {
		color: rgb(76, 27, 20);
		font-variant: small-caps;
		text-bottom: -0.25rem;
		font-weight: bolder;
		bolder-bottom-color:  rgb(189, 119, 66);
		border-bottom: 0.165rem solid;
		border-bottom-left-radius: 1rem;
		margin-bottom: 0.75rem;
	}
	
/* Navigation Bar */	
nav {
	height: 100%;
	margin: 0;
	padding: 0;
}

.navbar {
		color: #FFF;
	}

.navbar-nav a,
.navbar-nav:focus {
		color: #FFF;
	}

.nav-link:hover,
.navbar-brand:hover {
		color: rgb(189, 119, 66);
	}
				
.navbar-toggler {
		color: #FFF;
	}
	
.dropdown .dropdown-menu {
		background-color: rgb(76, 27, 20);
		width: 35.71428571rem;
	}	

@media screen and (max-width: 568px) {
	.dropdown .dropdown-menu {
			background-color: rgb(76, 27, 20);
			width: 250px;
		}	
	}
	
.dropdown-menu a,
.dropdown-menu a:focus {
		color: #FFF;
		margin: 0;
	}
	
.dropdown-menu a:hover {
		color: rgb(76, 27, 20);
		background-color: #FFF;
	}

/* Page-Header Image Headline */
.img-rounded-1 {
		border-radius: 0.75rem;
	}



@media screen and (max-width: 568px) {
	.img-rounded-1 {
		border-radus: 0.25rem;
    }
}
	
/* Social Media Icons */
.social-media .fa {
		width: 30px;
		height: 30px;
		line-height: 25px;
		text-align: center;
		color: #FFF;
		color: rgba(255, 255, 255, 0.8);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		padding: 0.25rem;
	}

@media screen and (max-width: 568px) {
	.social-media .fa {
			width: 50px;
			height: 50px;
			line-height: 25px;
			text-align: center;
			color: #FFF;
			color: rgba(255, 255, 255, 0.8);
			-webkit-transition: all 0.6s ease-in-out;
			-moz-transition: all 0.6s ease-in-out;
			-ms-transition: all 0.6s ease-in-out;
			-o-transition: all 0.6s ease-in-out;
			transition: all 0.6s ease-in-out;
			margin: 0;
			padding: 0;
    }
}

.fa-facebook {
		background-color:#3B5998; 
	} 
	
.fa-google-plus {
		background-color:#DB4437;
	}
	
.fa-linkedin {
		background-color:#0077B5;
	} 
	
.fa-twitter {
		background-color:#1DA1F2;
	} 


/* Ordered Lists */
ol.numbers {
		counter-reset: numbers;
	}

ol.lower-alpha {
		counter-reset: alpha;
	}

ol li {
		list-style: none;
		position: relative;
	}

ol li:before {
		display: inline-block; 
		width: 0;
		position: relative; 
		left: -1.75rem; 
		content: ')';
	}

ol.numbers > li:before {
    counter-increment: numbers;
    content:"(" counter(numbers)") ";
}

ol.lower-alpha > li:before {
    counter-increment: alpha;
    content:"(" counter(alpha, lower-alpha)") ";
}

/* 
	==========================
	  CLASS: COLOR TEXT CODES
	==========================
*/

.color-custom {color: rgb(69, 24, 18);}
.color-red {color: #AF0000;}
.color-green {color: #007600;}
.color-gray {color: #6C6C6C;}
.color-blue {color: #0000A0;}
.color-brown {color: #9B2020;}
.color-black {color: #000000;}
.color-yellow {color: #E1E100;}
.color-orange {color: #FFA500;}
.color-light-purple {color: #B25FDC;}
.color-aqua {color: #4E78A0;}
.color-periwinkle {color: #AAAAFF;}
.color-pink {color: #FFC0CB;}
.color-bg {color: #d7d0a8;}
.color-dk-orange {color: #FF8C00;}
.color-white {color: #FFFFFF;}

/* Nav-Tabs Class */
.nav-tabs {
		border-bottom: none;
	}

.nav-tabs .nav-item .nav-link.active {
		color: rgb(69, 24, 18);
		background-color: #e2e2e2;
		border-bottom: #e2e2e2;
		font-weight: bold;
		border-top-right-radius: 0.75rem;
		border-top-left-radius: 0.75rem;
	}

.nav-tabs .dropdown-menu,
.nav-tabs .dropdown-menu a:focus {
		color: rgb(69, 24, 18);
		background-color: #FFF;
	}
	
.nav-tabs .dropdown-menu a, 
.nav-tabs .dropdown-menu a:focus {
		color: rgb(69, 24, 18);
	}

.nav-tabs .dropdown-menu a:hover {
		color: rgb(76, 27, 20);
		background-color: #000;
		font-weight: bold; 
	}

.nav-tabs .dropdown-menu .active {
		background-color:  #e2e2e2;
		font-weight: bold;
	}

.tab-pane.active .tab-pane-header {
		padding: 2rem;
		background-color: #e2e2e2;
		margin-bottom: 0.8rem;
	}

.tab-pane:first-child .tab-pane-header {
		border-top-left-radius: 0;
	}