#map {

}

:root {
	--main-color: #7b7b7b;
	--accent-color1: #000000;
	--accent-color2: #F7931E;
	--accent-color3: #E2E2E2;
	--accent-color4: #F7931E; /*faded color*/
	--roundedtop: 10px 10px 0px 0px;
	--roundedbottom: 0px 0px 10px 10px;
	--roundedall: 10px 10px 10px 10px;
}

.fixedwidth{
	max-width: 1200px;
	margin: 0 auto;
}
.alignright {text-align: right;}


body{
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
	background-color: var(--accent-color1);
	font-family: century-gothic, "Century Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* Inline #14 | http://localhost/birdmigrationmaps.com/hummingbird.php */

.codeblock {
	background-color: #F0F0F0;
	padding: 1em;
	font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
}


h2 {
	font-weight: 800;
	font-style: normal;
	font-size: 1em;
}
h3 {
	font-weight: 800;
	font-style: normal;
	font-size: 1em;
}
h4 {
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
}
h5 {
	font-weight: 400;
	font-style: italic;
	font-size:1.3em;
}

.video{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videocontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.littlefeature {
    background-color: var(--accent-color2);
    padding: 5px;
	font-size: .9em;
	line-height: 1.3em;
}
.littlefeature .date{
	font-size: .8em;
	font-weight: bold;
}
.littlefeature a:link, .littlefeature a:visited {color: var(--main-color); font-weight: bold; text-decoration: underline;}

.social-links img {
	height: 75px;
  }
  

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.nopadding {padding:0px}
.padding10 {padding:10px}
.btn-custom {background-color:var(--main-color);color:#FFFFFF;}

.roundedcorners {
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
.roundedtopcorners {
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}

.accent-color1BackgroundBox{
	background-color: var(--accent-color1);
}
.accent-color2BackgroundBox{
	background-color: var(--accent-color2);
}
.accent-color3BackgroundBox{
	background-color: var(--accent-color3);
}
.main-colorBackgroundBox{
	background-color: var(--main-color);
}
.msgalert {background-color: yellow;margin-bottom: 1em;padding: .5em;}
.msgalert a:link, .msgalert a:visited {color: var(--main-color)!important;}


/*MAST------------------------------------------------------------*/
.mast {
	background-color:var(--accent-color3);
	position: relative;
}
.mast .icons{text-align: left;}
.mast .logo {
	position:relative;

}


.mast .bizname {
	font-size: .75em;
	text-align: left;
	margin-top: -20px;
	padding-top: 0px;
	color: #FFFFFF;
}

.mast #accountpanel {
	position: absolute;
	z-index: 1;
	width: 200px;
	padding: 10px;
	left: 0;
	top: 45px;
	background-color: var(--accent-color1);
	border-radius: 0px 9px 0px 0px;
	-moz-border-radius: 0px 9px 0px 0px;
	-webkit-border-radius: 0px 9px 9px 0px;
	border:2px solid #ffffff;
	border-left:0px solid #ffffff;
}
.mast #accountpanel a {color:#FFFFFF;}
.mast #accountpanel .list-group-item
{
	background-color: var(--accent-color1);
}

.dropdown-menu {
	padding:1em;
}

.dropdown-menu li {
	margin-bottom:.5em;
}




@media (min-width: 768px) {
	.mast .icons {
		margin: 0px;
	}
}



.mastaction .fas {
	padding: 10px;
	color: #FFF;
}

.mastaction #cartIcon {
	float: right;
}


.fa-stack[data-count]:after{
	position:absolute;
	right:0%;
	top:1%;
	content: attr(data-count);
	font-size:35%;
	padding:.50em;
	border-radius:999px;
	line-height:.75em;
	color: white;
	background:var(--accent-color1);
	text-align:center;
	min-width:2em;
	font-weight:bold;
}

/*NAV MENU*/
.menunav{background-color:var(--main-color);padding-top: 5px;padding-bottom:5px;}
.menunav li a {color:#FFFFFF;text-decoration: none;}
.menunav ul {width: 100%; margin-left:0px; padding-left: 0px;margin-bottom: 0px;height: auto;}
.menunav li {width: 100%;list-style-type: none;text-align:center;text-transform: uppercase;}
.menunav li:hover{background-color:var(--accent-color2);}



/*CONTENT SECTION-------------------------------------------------*/
.content{background-color: #FFFFFF;padding-top:1em;padding-bottom: 1em;}
.content hr {border-top: 1px solid var(--accent-color2);}

.content .loginbox {position:absolute; top:30px;right:30px;background-color:#FFFFFF;opacity: .8;width:300px;display:none;}
.content .loginbox:hover {opacity: 1;}
.content .loginbox,.content .actionbox {background-color:var( --accent-color3);}
.content .loginbox .title, .content .actionbox .title {background-color:var( --main-color);color:#FFFFFF; padding: 15px;padding-bottom:5px;}
.content .loginbox .boxbody,.content .actionbox .boxbody {padding: 15px}
.content .loginbox input,.content .actionbox input {margin-bottom: 15px}
.content .actionbox {}

.pagecontent {padding: 30px}
.pagecontent a:link, .pagecontent a:visited {color: var(--accent-color2);}

.content.page401 {padding: 0;}
.oopsmsg {right: 1em;text-align: center;color: var(--main-color);padding-top: 1em;}

/* Inline #5 | http://localhost/admin.goldcrestapi.com/customer/info/438 */

.sectionheader {
	background-color: #E2E2E2;
	padding: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight:bold;
}



/*BOTTOM SECTION-----------------------------------------------*/
/*BOTTOM NAV*/
.bottomnav{background-color:var(--main-color);padding-top: 5px;padding-bottom:5px;margin-top:2px;margin-bottom: 1em;height: 100px;border-bottom:1px solid var(--accent-color1);font-size: 1.3em;}
.bottomnav ul {width: 100%; margin-left:0px; padding-left: 0px;padding-top:7px}
.bottomnav li {width: 20%;list-style-type: none;text-align:center;text-transform: uppercase;padding: 10px;float:left;}
.bottomnav li a:link, .bottomnav li a:visited {color:#FFFFFF;text-decoration: none;}



.contentbottom .slogan{
	color:#000000;
	font-size: 1.5em;
	text-align: center;
	padding: 20px;
}

.contentbottom .footer {
	padding: 20px;
}
.contentbottom .footer h2 {font-size:1.2em; color:#FFFFFF;)}
.contentbottom .footer a {color:#FFFFFF;text-decoration:  underline}
.contentbottom .footer .logo {margin-left:auto;margin-right:auto;display:block; margin-bottom:2em; padding-bottom: 15px}
.contentbottom .footer ul {list-style-type: none; padding-left:0px;}
.copyright {font-size: .9em; border-top:1px solid var(--accent-color1);padding-top: 15px; color: #FFFFFF;}

/*BOOTSTRAP OVERRIDES */
.breadcrumb {background-color: #FFF;margin: 0;padding: 0;margin-bottom:10px;color:var(--main-color);text-transform: uppercase;}
.breadcrumb a{color:var(--main-color)}
.navbar{padding:0rem;}
.btn {font-size:.8em; font-weight: bolder;}
.btn-primary{
	background-color:var(--main-color);
	border-color: var(--main-color);
}
.btn-primary:hover {
	color: white !important;
	background-color:var(--accent-color2);
}
.btn-secondary{
	background-color:var(--accent-color3);
	border-color: var(--accent-color3);
}
.btn-secondary:hover {background-color:var(--accent-color1);}
.btn-light{
	background-color:#e5e5e5;
	border-color: #e5e5e5;
}
.input-group-prepend .input-group-text {background-color: var(--accent-color3);}

.btn-light:hover {background-color:var(--accent-color4);}
.list-group-item.active {background-color:var(--accent-color2);}
.badge-info {
	color:#fff;
	background-color:var(--accent-color1);
}



/*CSS BREAKPOINTS*/
@media (min-width: 768px) and (max-width: 1030px)
{

}

@media (min-width: 300px) and (max-width: 1030px) {
	/* .mast {display:none;}*/

}

@media (min-width: 640px){


}
@media (min-width: 768px){

	.mast .icons{text-align: right}
	.mast .logo {width: 450px;}
	.mast .bizname {text-align:right;}
	.mast #accountpanel {
		right:0;
		left:auto;
		-webkit-border-radius: 9px 0px 0px 9px;
		border-radius: 9px 0px 0px 9px;
		-moz-border-radius: 9px 0px 0px 9px;
		border-right: 0px solid #ffffff;
		border-left: 2px solid #ffffff;
	}

	/*.menunav ul {height: auto;max-height: 55px;}*/
	/*.menunav li, .bottomnav li {float:left;width: 20%;list-style-type: none;text-align:center;text-transform: uppercase;border-bottom:none;}
	.menunav .sep, .bottomnav .sep {border-right:1px solid white;height: 100%;}
	.menunav {height: auto;}
	*/

	.content .loginbox {display: block;}

}
@media (min-width: 1024px){
}


@media (min-width: 1200px){


}

.hover-grow:hover img {
	-webkit-transition: opacity .35s,-webkit-transform .35s;
	transition: opacity .35s,transform .35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	position: relative;
	display: block;
	max-width: 100%;
	height: auto;
}

.image.hover-grow img {
	transition: opacity .35s,transform .35s;
}

.hover-grow {
	overflow: hidden;
	cursor: pointer;
}

.hover-grow:hover img {
	-webkit-transform: scale(1.2) !important;
	transform: scale(1.2) !important;
}

.form-control-plaintext {
	border: 1px solid #ccc;
	padding: 6px 10px;
}






.social-links li {
	display: inline;
	font-size: 22px;
	margin-right: 6px;
}



.modal-dialog .modal-content .modal-body strong{
	color: #045c43;
}
.modal-dialog .modal-content .modal-body a{color: var(--main-color);text-decoration: underline;}
.btn{
	color:#fff !important;
}

.modal-dialog .modal-content .modal-header{
	background: #f19a23;
}
.bannerText h3{
	text-align:center;
}
.bannerText h3 a{
	color:#fff;
	text-decoration:none !important;
}
.bannerText a:hover{
	color:#fff;
	text-decoration:none;
}
@media (max-width: 768px) {
	.desktop-nav {
		display: none;
	}
	.spacer-div{
		display:none;
	}

	.header .mast {
		background-color: #8a8a8a;
	}

	.header.accent-color3BackgroundBox .mast > img {
		display: none;
	}

	.mast .logo {
		position: relative;
		max-width: 200px;
	}

	h1 {
		word-break: break-word;
		font-size: 30px;
	}

	footer .alignright {
		text-align: left;
		margin-top: 10px;
	}
}



.panel-title>a,
.panel-title>a:active {
	display: block;
	padding: 10px;
	color: #555;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 3px;
	text-decoration: none
}

.fa-chevron-down{
	float: right;
}
.panel-heading.active .fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg)
}

.panel-default>.panel-heading {
	color: #282b2f;
	background-color: #ffffff !important;
	border-color: #d5d5d5
}

table .sorting_1, #keywords-listing tr td:nth-child(3), #wishlist tr td:nth-child(3), #userlist tr td:nth-child(5), #orderlist tr td:nth-child(1), #orderlist tr td:nth-child(4){
	text-align: center !important;
}
.custom-select{
	width: 5% !important;
}
/* #wishlist tr td:nth-child(3)::before {
	font-family: "Font Awesome 5 Solid"; 
	content: "\f06b";
  } */

  /* dropdown customization */
  .nav-item .dropdown-menu{
	left: auto;
	width: auto;
    border: none;
	padding: 0px;
  }
  .dropdown-menu .nav-link{
	background-color: var(--accent-color2);
  }