body {
    background-color: black;
    color: white;
}

.h1-clone {
   font-size: 2.5rem; 
}

.h2-clone {
    font-size: 2rem;   
}

a.dropdown-item.dropdown-toggle
{
    color: white;
}

.fa.fa-navicon {
  color:white;
}

navbar-toggler-icon {
  color:white;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,255,255);
} 

.nav-container-top{
    background-color: #333333;
    color: white;
} 

.navbar-dark .navbar-nav .nav-link {
    color: white;
    min-height:65px;
}

.navbar-item {
    color: white;
}

.btco-menu li > a {
    padding: 10px 15px;
    color: white;
}

.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus{
    background: transparent;
    outline: 0;
}

.dropdown-menu{
    background-color: #333333;
}

.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}

.navbar {
    min-height:65px;
}

a {
    color: #f8862f;
    text-decoration: none;
}

.advertiser-text {
    font-size: small;
    font-family: "trebuchet MS", verdana, arial;
}

.advertiser-text td{
    font-size: small;
    font-family: "trebuchet MS", verdana, arial;
}

.grey-bkgd{
    background-color: #333333;
}

.bbr-std-margin{
   margin: 10px;
}

.bbr-std-padding{
   padding: 10px;
}

.awesome, .awesome:visited 
{
    background-color: yellow;	
    /* display: inline-block; */ 
    padding: 5px 10px 6px; 
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}
.yellow.awesome:hover{ 
	background-color: #fc9200; 
}
.yellow.awesome, .yellow.awesome:visited{ 
	background-color: #ffb515;
}
.button{
	color: black;
	width: 100px;
}
.button:hover{
	background-color: #fc9200; 
}
.firstbutton{
	float: left;
	margin : 1px;
}
.secondbutton{
	float : left;
	left : 75px;
	margin : 1px;
}		
.thirdbutton{
	float : left;
	left : 150px;
	margin : 1px;
}		
.fourthbutton{
	float : left;
	left : 225px;
	margin : 1px;
}		
.fifthbutton{
	float : left;
	left : 400px;
	width : 245px;
	margin : 1px;
	overflow: hidden;
}

#map3.loading {
    background : url("https://www.bestbikingroads.com/images/map_loading_2d_225h.gif");
    background-repeat: no-repeat;
    background-position:center; 
    margin-left: auto;   
    margin-right: auto;
}

#map_holder { 
    margin: 1em auto;
    border: solid 2px #FC0;
    /* width: 960px; */
    /* height: 500px; */
    min-width: 320px;
    min-height: 500px;
}