/*
#b5252a = red
#f6f6f8 = white
#e3e3e3 = gray
#bfb6ad = tan
#3e3e3e = dark gray
#f6c344 = yellow

#142432 = lt blue
#111c24 = dk blue
#BBA53D = gold
*/





.nav-item a {font-size: 16px; color: #ffffff;}
.nav-item a:hover {color: #e3e3e3;}
.nav-item a:active {color: #f6c344;}
.nav-link {font-weight: 300;}
.dropdown-toggle .active {color: #f6c344;}
.dropdown-menu {background-color: #3e3e3e;}
.dropdown-menu a:hover {background-color: #f6c344; color: #000000;}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #f6c344;
	}

.main-content {
	padding: 40px 15px;
	}

.header-gradient {
	padding: 20px;
/*
	background: -webkit-linear-gradient(#142432, #111c24);
  	background: -o-linear-gradient(#142432, #111c24);
  	background: -moz-linear-gradient(#142432, #111c24);
  	background: linear-gradient(#142432, #111c24);
  	background-image: linear-gradient(#142432, #111c24);
 */

  	background: -webkit-linear-gradient(#111c24, #142432);
  	background: -o-linear-gradient(#111c24, #142432);
  	background: -moz-linear-gradient(#111c24, #142432);
  	background: linear-gradient(#111c24, #142432);
  	background-image: linear-gradient(#111c24, #142432);

  	  	/* border-bottom: 3px solid #111c24; */


  	}

.navigationStyles {
	font-size: 12px;
	}
.header-navigation {
	background-color: #BBA53D;
	padding: 10px 0;
  	border-bottom: 1px solid #6b6b6b;
  	border-top: 3px solid #f3f3f3;
	}

.home-intro {
/*
	background-color: #BBA53D;
 */
	background-color: #f2f2f2;
	padding:40px;
	}

.home-intro {
/*
  font-size: 20px;
  padding: 40px 60px;
  line-height: 30px;
 */
}


.footer-border {
	background-color: #BBA53D;
	height: 3px;
	}

.footer-top {
	padding: 30px;
	background-color: #142432;
	color: #f9f9f9;
	font-size: 14px;
	}
	.footer-top a {font-weight: 700; color: white;}
	.footer-top a:hover {color: #f6c344;}
	/*.footer-top p {text-align: right;}*/

.footer-bottom {
	padding: 30px;
	background-color: #111c24;
	color: #b9b9b9;
	font-size: 14px;
	}
   .footer-bottom a {color: #e3e3e3;}
   .footer-bottom a:hover {color: #ffffff;}








label {font-weight: bold;}

.order-button {
	background-color: #076324;
	color: #fff;
	padding: 20px;
	text-align: center;
	margin: 15px;
	border-radius: 10px;
	}
	.order-button:hover {background-color: #034217;}
	.order-button h1 {color: #fff; display: inline-block;}
  .order-button h2 {color: #fff; display: inline-block;}
  .order-button h3 {color: #fff; display: inline-block;}

.pageImage {
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
}
  .pageImage img {width: 350px; height: auto;}


.footer-associations {
  border-top: 1px solid #cecece;
  padding: 40px 0;
}


.login-bar {
	padding: 20px;
  background-color: #f6f6f6;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;

	/*background: -webkit-linear-gradient(#1d1d1d, #363636);
  	background: -o-linear-gradient(#1d1d1d, #363636);
  	background: -moz-linear-gradient(#1d1d1d, #363636);
  	background: linear-gradient(#1d1d1d, #363636);
  	background-image: linear-gradient(#1d1d1d, #363636); */
  	color: #000000;
  	}
  	.login-bar a {color: #fff;}
  	.login-bar a:hover {color: #dfbb4d;}
  	.login-bar input[type=text], .login-bar input[type=password] {
  		padding: 10px;
  		border: none;
  		border-radius: 0;
  		width: 25%;
  		margin: 5px;
  		}
  	.login-bar input[type=submit] {
  		padding: 10px;
  		border-radius: 0;
  		background-color: #076324;
  		border: none;
  		text-transform: uppercase;
  		font-weight: bold;
  		font-size: 16px;
  		margin: 5px;
  		color: #ffffff;
  		}

.login-bar-dark {
	padding: 20px;
  background-color: #000000;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
	color: #ffffff;

  	}
  	.login-bar-dark a {color: #fff;}
  	.login-bar-dark a:hover {color: #dfbb4d;}
  	.login-bar-dark input[type=text], .login-bar-dark input[type=password] {
  		padding: 10px;
  		border: none;
  		border-radius: 0;
  		width: 25%;
  		margin: 5px;
  		}
  	.login-bar-dark input[type=submit] {
  		padding: 10px;
  		border-radius: 0;
  		background-color: #076324;
  		border: none;
  		text-transform: uppercase;
  		font-weight: bold;
  		font-size: 16px;
  		margin: 5px;
  		color: #ffffff;
  		}

.login-bar-green {
	padding: 20px;
  background-color: #00a935;
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
	color: #ffffff;

  	}
  	.login-bar-green a {color: #fff;}
  	.login-bar-green a:hover {color: #dfbb4d;}
  	.login-bar-green input[type=text], .login-bar-green input[type=password] {
  		padding: 10px;
  		border: none;
  		border-radius: 0;
  		width: 25%;
  		margin: 5px;
  		}
  	.login-bar-green input[type=submit] {
  		padding: 10px;
  		border-radius: 0;
  		background-color: #000000;
  		border: none;
  		text-transform: uppercase;
  		font-weight: bold;
  		font-size: 16px;
  		margin: 5px;
  		color: #ffffff;
  		}


.phoneNumber {display: inline-block; padding: 10px;font-size: 1.4em;}
.green-button {
  display: inline-block; background-color: #076324; padding: 8px; color: #ffffff; font-size: .9em; margin-top: -5px;
}


.home-welcome {
	background: -webkit-linear-gradient(#000, #363636); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#000, #363636); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#000, #363636); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#000, #363636); /* Standard syntax */
  	background-image: linear-gradient(#000, #363636); /* IE 11... */
  	color: #fff;
  	}
	.home-welcome-intro {
		padding: 20px;
		color: #fff;
		}
	.home-welcome-blogs {
		padding: 20px;
		background: -webkit-linear-gradient(#222222, #555555); /* For Safari 5.1 to 6.0 */
  		background: -o-linear-gradient(#222222, #555555); /* For Opera 11.1 to 12.0 */
  		background: -moz-linear-gradient(#222222, #555555); /* For Firefox 3.6 to 15 */
  		background: linear-gradient(#222222, #555555); /* Standard syntax */
  		background-image: linear-gradient(#222222, #555555); /* IE 11... */
  		}
  		a.readmorebutton {
  			padding: 15px;
  			background-color: #dfbb4d;
  			font-weight: 900;
  			color: #1d1d1d;
  			display: inline-block;
  			}
  			a.readmorebutton:hover {background-color: #fff; color: #1d1d1d;}

.rewards-banner {
	padding: 10px;
	background-color: #dfbb4d;
	background: -webkit-linear-gradient(left, #f9de8c, #dfbb4d); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #f9de8c, #dfbb4d); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #f9de8c, #dfbb4d); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(right, #f9de8c, #dfbb4d); /* Standard syntax */
  	background-image: linear-gradient(to right, #f9de8c, #dfbb4d); /* IE 11... */
  	font-weight: 900;
  	color: #000;
  	font-size:22px;
	}
	.my-points {
		display: block;
		background-color: #6a0002;
		padding: 15px;
		color: #fff;
		text-align: center;
		font-weight: 900;
		font-size: 18px;
		}
.rewards-facebookOLD {margin-top: 30px;color: #3b5998;}
.rewards-facebook {
	margin-top: 20px;
	padding: 20px;
	background-color: #3b5998;
	color: #fff;
	font-size: 1.2em;}

.rewards-bar {
	padding: 30px;
	background-color: #e6e6e6;
	font-size: 1.3em;
	line-height: 1.3em;
	}
	.rewards-bar a.link {display: block; margin-top: 25px;}
	.rewards-bar a {color: #c40003; font-weight: 900;}
	.rewards-bar a:hover {color: #6c0002;}

/* ####################################### */
/* ##### PAGE STYLING #################### */
/* ####################################### */

.center-title {
	padding: 20px 10px 10px;
  /* background-color: #111c24; */
  background-color: #BBA53D;
	}
  .center-title h3 {color: #111c24; }

  /* .center-title {
  	padding: 20px 10px 10px;
  	background-color: #111c24;
  	}
    .center-title h3 {color: #f6c344; } */

.center-content {
	padding: 30px 15px;
	/*background-color: #f9f9f9;*/
	}
	.center-content h2 {margin-top: 30px;}

.share-via {
	display: block;
	margin-top: 40px;
	background-color: #ebebeb;
	color: #333;
	padding: 20px 20px 10px 20px;
	}
	.share-via a {color: #333;}
	.share-via a:hover {color: #c40003;}


/*FOOTER STYLES */





.footer-phone-numbers {margin-bottom: 30px;}

.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
    min-height: 200px;
}

.footer-logos img {max-width: 200px; display: block; padding: 10px; text-align: center;}
.footer-agreements img {width: 40px; margin-right: 20px;}
.footer-agreements ul {margin-left: -40px;}
.footer-agreements ul li.line {border-bottom: 1px solid #666; padding: 15px;}
.footer-agreements ul a li:hover {background-color: rgba(255,255,255,.05);}
.footer-agreements ul a {color: #000000; font-weight: 300;}

/* ######################################## */
/* #### SUB NAVIGATION STYLES ############# */
/* ######################################## */

.newsidestyles ul li {
  display: block !important;
  width: 100% !important;
  padding: 10px;
}

.newsidestyles ul li ul {
  display: block !important;
  width: 100% !important;
  padding: 10px 10px 0px;
}

.newsidestyles ul li ul li {
	margin-left: 30px;
  display: list-item !important;
  width: 100% !important;
  /* padding: 10px; */
	list-style-type: circle !important;

}

#sidebar2020 > .nav-selected a {
  color: #FFF !important;
  font-weight: bold;
  background-color: #c40003;
}

#sidebar2020 > .nav-selected a:hover {
  background-color: #6a0002 !important;
}


#sidebar2020 > ul {
	/*border-top: 5px solid #cacaca;
	border-bottom: 5px solid #cacaca;*/
	background-color: #ffffff;
	}
	#sidebar2020 > ul li {
		margin-left: -10px;
		}

/*FIRST LEVEL SIDEBAR NAV */


#sidebar2020 > ul li {
	line-height: 30px;
	padding-left: 10px;
}

#sidebar2020 > ul li a:hover {
	background-color: #c40003;
	}

#sidebar2020 > ul li a {
  color: #231f20;
  font-weight: bold;
  display: block;
  padding: 20px;
  width: 100% !important;
  /*line-height: 20px;*/
  border-bottom: 1px solid #ebebeb;
}

#sidebar2020 > ul li > a::before {
	/*font-family: FontAwesome;
   	content: "\f0da";
   	color: #d04037 !important;
   	padding-right: 10px;*/
   	}



#sidebar2020 > ul li.active a {
	color: #fff;
	background: #076324;
	font-weight: bold;
}

#sidebar2020 > ul li.active > a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #c40003;
}


/*SECOND LEVEL SIDEBAR NAV */

#sidebar2020 > ul li ul { border: none;}
#sidebar2020 > ul li.active ul {background-color: #c40003;}

#sidebar2020 > ul li li {
	/*list-style-position: inside;*/
	margin-left: 0px;
	list-style-type: none;
	list-style-color: #fff;
	background-color: #363636;
	}

#sidebar2020 > ul li li.nav-selected {
	color: #fff;
	background-color: #000;
	}

#sidebar2020 > ul li li a {
	margin-left: -35px;
	display: block;
	padding: 10px;
	/*line-height: 20px;*/
	/*background: transparent;*/
	background: #777;
	color: #ebebeb !important;
	}
	#sidebar2020 > ul li li.nav-selected > a {
		background-color: #c40003;
		list-style-color: #fff;
		color: #fff !important;
		}

#sidebar2020 > ul li li:hover {
	color: #fff;
	}
	#sidebar2020 > ul li li a:hover {
		color: #fff !important;
		background-color: #c40003;
		}

#sidebar2020 > ul li li > a::before {
	font-family: FontAwesome;
   	content: "\f0da";
   	color: #fff !important;
   	padding-right: 10px;
   	}



/*THIRD LEVEL SIDEBAR NAV */
#sidebar2020 > ul li li li {
	margin-left: -10px;
	list-style-position: inside;
	list-style-type: none;
	}
	#sidebar2020 > ul li li li a {
		margin-left: -20px;
		display: block;
		padding: 10px;
		}

.callout {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 0;
  -moz-box-shadow: inset 0 0 0;
  box-shadow: inset 0 0 0;
  background: #fff;
  margin-top:15px;
  margin-bottom:15px;
  border-left: 6px solid #c40003;
  padding: 20px;
  border-top: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}
.callout h3 {color: #c40003; margin:0; padding:0; line-height: 20px;}


	@media (min-width: 1200px) {
		.header-tag {font-size: 1.5em; text-align: right; margin-top: 15px;}
		}
	@media (max-width: 1199px) {
		.header-tag {font-size: 1.5em; text-align: right; margin-top: 15px;}
	}
	@media (max-width: 979px) {}
	@media (max-width: 767px) {}
	@media (min-width: 100px) and (max-width: 768px) {
		.header-tag {font-size: 1.5em; text-align: center; margin-top: 15px;}
		}

.youtube {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	}

.youtube iframe, .youtube object, .youtube embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}

@media (max-width: 600px) {
img.image_phone {

float:none !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;


}
}


/* Dashboard Styles */

.dash-section {
	background-color:#ffffff;
	padding:20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	border:1px solid #d3cbcb;
	width:90%;
}
.dash-btn2-inactive {
	color:#EEEEEE;
	padding: 15px !important;
-webkit-box-shadow: 0px 6px 4px rgb(112,112,112);
-moz-box-shadow: 0px 6px 4px rgb(112,112,112);
box-shadow: 0px 6px 4px rgb(112,112,112);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
background: #6e9179;
width:165px !important;
height:165px !important;
margin-top:7px;
margin-right:15px;
margin-bottom:10px;
float:left;
overflow:visible;
}

	.dash-btn2 {
	 color:#FFFFFF;
	padding: 15px !important;
-webkit-box-shadow: 0px 6px 4px rgb(112,112,112);
-moz-box-shadow: 0px 6px 4px rgb(112,112,112);
box-shadow: 0px 6px 4px rgb(112,112,112);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
background: #076324;
width:165px !important;
height:165px !important;
margin-top:7px;
margin-right:15px;
margin-bottom:10px;
float:left;
overflow:visible;
}


.dash-btn-user {
color:#FFFFFF;
 padding: 7px !important;
-webkit-box-shadow: 0px 6px 4px rgb(112,112,112);
-moz-box-shadow: 0px 6px 4px rgb(112,112,112);
box-shadow: 0px 6px 4px rgb(112,112,112);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
background: #076324;
width:140px !important;
height:140px !important;
margin-top:7px;
}


h1.dashboard {
font-size:22px;
}

.btn-custom {
background-color: hsl(139, 87%, 21%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#076e27", endColorstr="#076324");
background-image: -khtml-gradient(linear, left top, left bottom, from(#076e27), to(#076324));
background-image: -moz-linear-gradient(top, #076e27, #076324);
background-image: -ms-linear-gradient(top, #076e27, #076324);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #076e27), color-stop(100%, #076324));
background-image: -webkit-linear-gradient(top, #076e27, #076324);
background-image: -o-linear-gradient(top, #076e27, #076324);
background-image: linear-gradient(#076e27, #076324);
border-color: #076324 #076324 hsl(139, 87%, 21%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
-webkit-font-smoothing: antialiased;
}
