/*****************************************/
/********** MAIN BODY ELEMENTS ***********/
/*****************************************/
body 
{ 
	/*Set as the footer background color AND not the main bg color - sections define background colors*/
	/*This is done so if a page has very little info the footer color will extend to the bottom of computer screens*/
	background-color: #2b1d0e;
	color: #000000;
	font-size: 14px;
	font-family: Georgia,serif;
	margin: 0px 0px 0px 0px;
	/*background-image: url("images/background.jpg");*/ /*un-comment if using a textured background image*/
}

/*****************************************/
/********** SPACING **********************/
/*****************************************/
.topspacing{ padding-top: 46px;}
.vertical-align { display: flex; align-items: center; }

/*****************************************/
/********** DESIGN ELEMENTS***************/
/*****************************************/
.btn {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Georgia;
  color: #2b1d0e;
  font-size: 20px;
  background: #FAC20B;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #F68815;
  text-decoration: none;
}

/*****************************************/
/********** TEXT *************************/
/*****************************************/
h1{color: #000000; font-family: Georgia;}
h2{color: #000000; font-family: Georgia;}
h3{color: #000000; font-family: Georgia;}
h4{color: #000000; font-family: Georgia;}
h5{color: #000000; font-family: Georgia;}


/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #FFFFFF; font-size: 14px; text-decoration: underline;}
a.a1:visited{color: #FFFFFF; font-size: 14px; text-decoration: underline;}
a.a1:hover{  color: #F68815; 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;}
.yellowBG{ background-color: #FAC20B; color: #FFFFFF;}
.orangeBG{ background-color: #F68815; color: #FFFFFF;}
.brownBG{  background-color: #2b1d0e; color: #FFFFFF;}


/*****************************************/
/********** NAVIGATION BAR ***************/
/*****************************************/
/*USED WHEN BRAND LOCATION IS TEXT - SETS THE FONT STYLE AND COLOR*/
#busy-bee-menu.navbar-default .navbar-brand {
    color: rgba(59, 20, 21, 1);
}
/*MAIN FORMATTING FOR NAV BAR*/
#busy-bee-menu.navbar-default {
    font-size: 18px;
    background-color: rgba(246, 136, 21, 1);
    border-bottom-width: 1px;
}
/*MAIN COLORS FOR DESKTOP VIEW WHEN MENU ITEMS IDLE*/
#busy-bee-menu.navbar-default .navbar-nav>li>a {
    color: rgba(59, 20, 21, 1);
    background-color: rgba(246, 136, 21, 1);
}
/*MAIN COLORS FOR DESKTOP VIEW WHEN SCROLLING OVER MENU ITEMS*/
#busy-bee-menu.navbar-default .navbar-nav>li>a:hover,
#busy-bee-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(250, 194, 11, 1);
}
/*RARELY USED - COLORS IF KNOWN AT ACTIVE PAGE FOR LINK*/
#busy-bee-menu.navbar-default .navbar-nav>.active>a,
#busy-bee-menu.navbar-default .navbar-nav>.active>a:hover,
#busy-bee-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(59, 20, 21, 1);
    background-color: rgba(246, 136, 21, 1);
}
/*CHANGES BORDER COLOR OF ICON WHEN IN MOBILE FRIENDLY VIEW - MAIN COLOR*/
#busy-bee-menu.navbar-default .navbar-toggle {
    border-color: #2b1d0e;
}
/*CHANGES BACKGROUND COLOR OF ICON WHEN IN MOBILE FRIENDLY VIEW WHEN SCROLLING OVER*/
#busy-bee-menu.navbar-default .navbar-toggle:hover,
#busy-bee-menu.navbar-default .navbar-toggle:focus {
    background-color: #FAC20B;
}
/*CHANGES COLOR OF BARS INSIDE OF ICON WHEN IN MOBILE FRIENDLY - MAIN COLOR*/
#busy-bee-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #2b1d0e;
}
/*CHANGES COLOR OF BARS INSIDE OF ICON WHEN IN MOBILE FRIENDLY VIEW WHEN SCROLLING OVER*/
#busy-bee-menu.navbar-default .navbar-toggle:hover .icon-bar,
#busy-bee-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #2b1d0e;
}
/*CHANGES COLOR DROPDOWN BACKGROUND WHEN IN MOBILE FRIENDLY VIEW WHEN SCROLLING OVER*/
ul li ul li:hover { background: #FFFFFF; }

/*****************************************/
/********** CAROUSEL STYLING *************/
/*****************************************/
/*sets the size for the images to scale and stretch*/
.carousel-inner img 
{
    width: 100%; /*Stretch the full screen*/
    max-height: 650px; /*Restrict the images for the slides to this height*/
}


/*****************************************/
/********** YOUTUBE VIDEO SIZING *********/
/*****************************************/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}