/*****************************************/
/********** MAIN BODY ELEMENTS ***********/
/*****************************************/
body{background-color: #000000;color: #000000;font-size: 14px;font-family: Arial,Helvetica,sans-serif;margin: 0px 0px 0px 0px;background-image: url("images/menu-background.jpg");}
/*****************************************/
/********** SPACING **********************/
/*****************************************/
.topspacing{ padding-top: 75px;}
@media (max-width: 768px) { .topspacing{ padding-top: 60px;}}
.vertical-align { display: flex; align-items: center; }
/*****************************************/
/********** DESIGN ELEMENTS***************/
/*****************************************/
.headbg{background-image: url("images/menu-background.jpg");color: #FF9900;}
/*****************************************/
/********** TEXT *************************/
/*****************************************/
h1{color: #000000; font-family: 'Rye', cursive; margin-top:0px;}
h2{color: #000000; font-family: 'Rye', cursive; margin-top:0px;}
h3{color: #000000;}
h4{color: #000000;}
h5{color: #000000;}
.sans{font-family: Times New Roman, Times New Roman, Times, serif;}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #FF9900; font-size: 14px; text-decoration: underline;}
a.a1:visited{color: #FF9900; font-size: 14px; text-decoration: underline;}
a.a1:hover{  color: #FFFFFF; font-size: 14px; text-decoration: underline;}
a.a2:link{   color: #000000; font-size: 18px; text-decoration: underline;}
a.a2:visited{color: #000000; font-size: 18px; text-decoration: underline;}
a.a2:hover{  color: #FF3333; font-size: 18px; text-decoration: underline;}
/*****************************************/
/********** FILLS AND BACKGROUNDS ********/
/*****************************************/
.white{ background-color: #FFFFFF; color: #000000;}
.black{ background-color: #000000; color: #FFFFFF;}
.grayLight{ background-color: #cccccc; color: #000000;}
.grayDark{ background-color: #333333; color: #FFFFFF;}
/*****************************************/
/********** NAVIGATION BAR ***************/
/*****************************************/
#basic-menu.navbar-brand {  padding-top:0px !important; padding-bottom:0px !important; height: 60px;}
#basic-menu.navbar {min-height:60px !important;}
#basic-menu.navbar-default .navbar-brand {color: rgba(238, 238, 238, 1);}
#basic-menu.navbar-default {font-size: 22px;border-bottom-width: 1px;  font-family: Times New Roman, Times New Roman, Times, serif;}
#basic-menu.navbar-default .navbar-nav>li>a { color: rgba(238, 238, 238, 1);}
#basic-menu.navbar-default .navbar-nav>li>a:hover,
#basic-menu.navbar-default .navbar-nav>li>a:focus {color: rgba(255, 153, 0, 1);}
#basic-menu.navbar-default .navbar-nav>.active>a,
#basic-menu.navbar-default .navbar-nav>.active>a:hover,
#basic-menu.navbar-default .navbar-nav>.active>a:focus {color: rgba(255, 153, 0, 1);}
#basic-menu.navbar-default .navbar-toggle {border-color: #eeeeee;}
#basic-menu.navbar-default .navbar-toggle:hover,
#basic-menu.navbar-default .navbar-toggle:focus {background-color: #eeeeee;}
#basic-menu.navbar-default .navbar-toggle .icon-bar {background-color: #eeeeee;}
#basic-menu.navbar-default .navbar-toggle:hover .icon-bar,
#basic-menu.navbar-default .navbar-toggle:focus .icon-bar {background-color: #FF9900;}
/*****************************************/
/********** NAVBAR COLLAPSE **************/
/*****************************************/
/*Be default the navbar menu collapses to mobile dropdown at 768px. This forces it to collapse sooner*/
@media (max-width: 991px) {
.navbar-header {float: none;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top {top: 0;border-width: 0 0 1px;}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important;margin-top: 7.5px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
.collapse.in{display:block !important;}
}
/*****************************************/
/********** CAROUSEL STYLING *************/
/*****************************************/
/*sets the size for the images to scale and stretch*/
.carousel-inner img {width: 100%;max-height: 850px;}
/*****************************************/
/********** CAROUSEL TEXT OVERLAY STYLING*/
/*****************************************/
.header-text {position: absolute;top: 75%;left: 1.8%;right: auto;width: 96.66666666666666%;color: #fff;}
.header-text h1 {font-size: 60px;color: #FF0000;text-shadow: 2px 2px 2px #000000;}
.header-text h3 span {background-color: #FF0000;padding: 15px;color: #FFFFFF;}
.mobile-text {position: absolute;top: 50%;left: 1.8%;right: auto;width: 96.66666666666666%;color: #fff;}
.mobile-text h1 {font-size: 30px;color: #FF0000;text-shadow: 2px 2px 2px #000000;}
.mobile-text h3 span {font-size: 14px;background-color: #FF0000;padding: 8px;color: #FFFFFF;}
/*****************************************/
/********** YOUTUBE VIDEO SIZING *********/
/*****************************************/
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}