/*  CSS Stylesheet
 *  
 *  Domain: 
 *  File Name: 
 *  Author: 
 *  Description:
 *
 *    Contents Index
 * =================================
 *  1. Fonts
 *  2. Globals / Typosgraphy
 *  3. Header
 *  4. Navigation
 *  5. Links / Buttons
 *  6. 
 *  7. 
 *  8. Footer
 *  9. Content Animation
 * 10. Responsive Break Points
 * ================================= 
*/

@charset "UTF-8";

/* Fonts */
@font-face {
    font-family: CK Tipsy;
    src: url(/fonts/CKTipsyRegular.ttf);
    font-weight: normal;
}

/* ==================================== */
/*   Globals / Typograpy                */
/* ==================================== */
body {}
header {
	min-height: 4em;
	padding: 1em;
	background: #000;
	color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
section {
	padding: 4em 2em;
	min-height: 25em;
}
footer {
	background: #333;
	color: #fff;
	text-align: center;
	padding: .5em;
}
/* ==================================== */
/*   Headings & Titles                  */
/* ==================================== */
.page-title {}
header h1 a, header h1 a:hover {
	color:#fff;
	text-decoration: none;
}
/* ==================================== */
/*   Navigation                         */
/* ==================================== */
/* Go to Top Button */
#topBtn {
	display: none;
	position: fixed;
	bottom: .5em;
	right: .5em;
	z-index: 99;
	font-size: 4em;
	border: none;
	outline: none;
	background-color: transparent;
	color: #ce190c;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
	cursor: pointer;
	padding: 0;
}

#topBtn:hover {
  color: green;
}

#MainMenu {
	background: #000;
	padding-top: 0;
}
#MainMenu.navbar{
	background-color: #152D7D !important;
	border-top: 5px solid #990000;
	border-bottom: 5px solid #990000;
	box-shadow: 0px 1px #999;
	padding: .15em 1em;
}
#MainMenu.navbar .navbar-brand,.navbar .navar-toggler {
    color: #FFF;
    font-weight: bolder;
    font-size: 1em;
}
#MainMenu.navbar .nav-item a {
    color: #FFF;
    font-weight: 500;
    font-size: 1.1em;
}
#MainMenu.navbar .nav-item a:hover {
	background: silver;
	color: #000;	
}

#MainMenu.navbar .nav-item a.active {
	background: red;
	color: #fff;	
}
.navbar .dropdown-menu{
    background-color: rgba(233,42,35,0.91);
}
/* ==================================== */
/*   Colors & Animation                 */
/* ==================================== */
.bg-black {background: #000;}
.bg-denim { color: #333; background-color:#336699; }
.bg-navy { background: #05294B; }
.bg-purple { background: #6a328f; }
.bg-red {background: #990000;}

.text-denim { color: #336699; }
.text-navy { color: #05294B; }
.text-purple { color: #6a328f; }
.text-red {color: #990000;}
.text-yellow {color: #ffff99;}
.text-white {color: #fff;}

/* Content Animation */
.animate-header #lower-header{
	opacity:.9;
	-moz-opacity:.9;
	-khtml-opacity:.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
	filter: alpha(opacity=90);
}

.animate-header #lower-header:hover{
	opacity:1;
	-moz-opacity:1;
	-khtml-opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
	filter: alpha(opacity=100);
}

.animated{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}

.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
	100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}


/* Responsive Breakpoints
Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/*  Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/*  Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}