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

	Company 		:  Fred J Bishop Enterprises
	File name 		:  style.css
	Developed on	:  12-14-2021
	Owner			:  Fred J Bishop Enterprises
	Contact no		:  bishop.fredj@gmail.com

	Copyright (c) 2010 - 2021, Fred J Bishop Enterprises.
        
	All rights reserved.  This software is protected by the national and international copyright laws that pertain to computer software.
	You may not loan, sell, rent, lease, give, sub license, or otherwise transfer the software (or any copy).

	Disclaimer

	By using the script(s), you are agree and understand that the writers are not responsible for any damages caused under any conditions
	due to the malfunction or bugs from the script. Please use at your own risk.

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

body {
	background: #FFFFFF;
	color: #444;
	font-family: "Open Sans", sans-serif;
}

a {
	color: #007bff;
	text-decoration: none;
	transition: 0.5s;
}

a:hover, a:active, a:focus {
	color: #0b6bd3;
	outline: none;
	text-decoration: none;
}

p {
	padding: 0;
	margin: 0 0 30px 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	margin: 0 0 20px 0;
	padding: 0;
}


/* Header ******************************************************************************************************************************* */

	#header {
		height: 80px;
		z-index: 997;
		transition: all 0.5s;
		box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
	}

	#header.header-scrolled {
		height: 75px;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e3e3e3) );
		background:-moz-linear-gradient( center top, #ffffff 5%, #e3e3e3 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3');
	}

	#header.header-scrolled .HeaderTop a {
		color: #9D7237;
	}

	#header.header-scrolled .Charmed a {
		color: #9D7237;
	}

	#header .Charmed a {
		font: italic 36px 'Charm', cursive;
		color: #FFFFFF;
		text-decoration: none;
	}

	#header .Charmed img {
		padding: 0;
		max-height: 50px;
	}

	#header .HeaderTop a {
		font: italic 36px "Century Gothic", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: none;
	}

	#header .HeaderTop img {
		padding: 0;
		max-height: 75px;
	}

	#header .HeaderLeft {
		font: italic 18px "Century Gothic", Arial, Helvetica, sans-serif;
		color: white;
		text-shadow: 0 1px 0 #ccc,
			     0 2px 0 #c9c9c9,
			     0 3px 0 #bbb,
			     0 4px 0 #b9b9b9,
			     0 5px 0 #aaa,
			     0 6px 1px rgba(0,0,0,.1),
			     0 0 5px rgba(0,0,0,.1),
			     0 1px 3px rgba(0,0,0,.3),
			     0 3px 5px rgba(0,0,0,.2),
			     0 5px 10px rgba(0,0,0,.25),
			     0 10px 10px rgba(0,0,0,.2),
			     0 20px 20px rgba(0,0,0,.15);		padding-top: 15px ;
	}

	#header3 .HeaderLeft {
		font: italic 18px "Century Gothic", Arial, Helvetica, sans-serif;
		color: white;
		font-weight: 700 ;
		text-shadow: 0 1px 0 rgba(221, 221, 221, 0.4);
		padding-top: 15px ;
	}

	#header .HeaderLeftA {
		color: #999900;
	}

	#header.header-scrolled .HeaderLeft {
		background-color: rgba(0,0,153,1);
		color: transparent;
		text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
			-webkit-background-clip: text;
			-moz-background-clip: text;
			background-clip: text;
	}

	#header.header-scrolled .HeaderLeftA {
		color: #009900;
		text-shadow: 2px 2px 3px rgba(0,0,0,0.1);
			-webkit-background-clip: text;
			-moz-background-clip: text;
			background-clip: text;
	}

	#header .UserName {
		color: #1E90FF;
		font-weight: 600 ;
	}

	#header.header-scrolled .UserName {
		color: #0000FF;
		font-weight: 600 ;
	}

	@media (max-width: 991px) {
		#header {
			background: #fff;
		}

		#header .Charmed a {
			color: #9D7237;
		}
	}


/* Footer ******************************************************************************************************************************* */

	#myFooter {
		background: #646464; 
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9F9F9F), color-stop(1, #646464) ); 
		background:-moz-linear-gradient( center top, #9F9F9F 5%, #646464 100% ); 
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9F9F9F', endColorstr='#646464');
	    color: white;
	    padding-top: 20px;
	}

	#myFooter .footer-copyright {
	    background-color: #e3e3e3;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e3e3e3) );
		background:-moz-linear-gradient( center top, #ffffff 5%, #e3e3e3 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3');
	    padding-top: 3px;
	    padding-bottom: 3px;
	    text-align: center;
	}

	#myFooter .row {
	    margin-bottom: 10px;
	}

	#myFooter .navbar-brand {
	    margin-top: 45px;
	    height: 65px;
	}

	#myFooter .footerLinks {
		font: bold 18px "Century Gothic", Arial, Helvetica, sans-serif;
	    color: #FFFFFF;
	    text-align: center;
	    margin-top: 15px;
	}

	#myFooter .footerLinks a {
		font: bold 18px "Century Gothic", Arial, Helvetica, sans-serif;
	    color: #FFFFFF;
	    text-align: center;
	}

	#myFooter .footerLinks a:hover {
	    color: #FFFF00;
	}

	#myFooter .footer-copyright p {
	    margin: 10px;
	    color: #9D7237;
	}

	#myFooter ul {
	    list-style-type: none;
	    padding-left: 0;
	    line-height: 1.7;
	}

	#myFooter h2 a{
	    font-size: 50px;
	    text-align: center;
	    color: #fff;
	}

	#myFooter a {
	    color: #d2d1d1;
	    text-decoration: none;
	}

	#myFooter a:hover,
	#myFooter a:focus {
	    text-decoration: none;
	    color: white;
	}


/* End Footer *************************************************************************************************************************** */


/* Modal ******************************************************************************************************************************** */


	.modal-header {
		background-color: #FFEEB5;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #AE8913), color-stop(1, #FFEEB5) );
		background:-moz-linear-gradient( center top, #AE8913 5%, #FFEEB5 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AE8913', endColorstr='#FFEEB5');
	}

	.modal-footer {
		background-color: #000000;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CCCCCC), color-stop(1, #000000) );
		background:-moz-linear-gradient( center top, #CCCCCC 5%, #000000 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#000000');
	}

	.modal-title {
		color: #000;
		font-weight: 700;
	}

	.modal-body {
		color: #B59200;
		font-size: 22px;
		font-weight: 900;
		text-shadow:2px 2px 5px #555555;
		-webkit-text-stroke: 1px #000000;
		padding: 50px 0 50px 0 ;
		text-align: center;
	}


/* End Modal **************************************************************************************************************************** */


/* Smaller than mobile ************************************************************************************************************************** */

@media (min-width: 100px) AND (max-width: 576px) {

	#myFooter .logo {
	    text-align: center ;
	}

	#myFooter .footerLinks {
	    font-size: 12px;
	    margin-top: 15px;
	}

	#myFooter .footer-copyright p {
	    font-size: 10px;
	}

}

/* Larger than mobile *************************************************************************************************************************** */

@media (min-width: 576px) AND (max-width: 768px) {

	#myFooter .footerLinks {
	    font-size: 14px;
	    margin-top: 15px;
	}

}

/* Larger than phablet ************************************************************************************************************************** */

@media (min-width: 768px) AND (max-width: 992px) {

	#myFooter .logo {
	    text-align: center ;
	}

	#myFooter .footerLinks {
	    font-size: 14px;
	    margin-top: 15px;
	}

}

/* Larger than tablet *************************************************************************************************************************** */

@media (min-width: 992px) AND (max-width: 1200px) {

	#myFooter .logo {
	    text-align: center ;
	}

	#myFooter .footerLinks {
	    font-size: 14px;
	    margin-top: 30px;
	}

}

/* Larger than desktop ************************************************************************************************************************** */

@media (min-width: 1200px) AND (max-width: 1920px) {

	#myFooter .logo {
	    text-align: center ;
	}

	#myFooter .footerLinks {
	    font-size: 18px;
	}

}