/* FNPS Styles */
/* These apply to all pages */

main {margin-top:6em;}

a {color: #a6392e;}
a:hover {color: #773430;}

button a {color: #fff}
button a: hover {color: #fff}


h1, h2, h3, h4, h5, h6 {font-weight: bold}
h2 {color: #7bb700}
h1 {color: #a6392e}
h3 {color: #85995c}
h4 {color: #4f4f4f}

.h2 {color: #7bb700}
.h1 {color: #a6392e}
.h3 {color: #85995c}
.h4 {color: #4f4f4f}


.btn-primary  {
	background-color: #a6392e !important;
}

.FNPS-mask .mask,
.FNPS-mask .full-bg-img
 {background: linear-gradient(180deg, rgba(55,63,39,.8), rgba(55,63,39,0) 25%) !important;}

.FNPS-txtshadow {text-shadow: 0px 0px 5px rgba(55, 63, 39, 1);}

/* Colors */
/* currently, the base color for everything is #3d4f18 */
/* most of these are not in use */

/* text colors */

.text-FNPS-default-color {
  color: #85995c !important; } 	/* muted green */

.text-FNPS-default-color-dark {
  color: #3d4f18 !important; }  /* dark green */

.text-FNPS-primary-color,
.text-FNPS-color1 {
  color: #a6392e !important; } 	/* orangy-red */

.text-FNPS-primary-color-dark,
.text-FNPS-color1-dark {
  color: #773430 !important; } 	/* dark-orangy-red */

.text-FNPS-secondary-color,
.text-FNPS-color2 {
  color: #cda350 !important; }	/* tan */

.text-FNPS-secondary-color-dark
.text-FNPS-color2-dark {
  color: #715c34 !important; } /* brown */

.text-FNPS-color3-color, .text-FNPS-info-color  {
  color: #3eab9a !important; }  /* Same as info-color -- turquoise */ 

.text-FNPS-color3-dark,
.text-header2-emphasis,
.text-FNPS-info-color-dark {
  color: #0c8c78 !important; }  /* Same as info-color-dark -- dark turquoise */

.text-comment, .comment { color: #555555 !important; } 
.text-gray { color: #555555 !important; } 
.item-caption { color: #555555 !important; } 

.white-link {color: #ffffff  !important;}

/* background colors */

.FNPS-color.lighten-5 {
  background-color: #dae1cc !important; }

.FNPS-color.lighten-4 {
  background-color: #b9c4a2 !important; }

.FNPS-color.lighten-3 {
  background-color: #adbb91 !important; }

.FNPS-color.lighten-2 {
  background-color: #82955b !important; }

.FNPS-color.lighten-1 {
  background-color: #6a794b !important; }

.FNPS-color,
.FNPS-default-color
 {
  background-color: #85995c !important; }

.FNPS-color-intense,
.success-color,
.toast-success
	{background-color: #92b351 !important; }

.FNPS-color-intense,
.success-color-dark
	{background-color: #5c8b00 !important; }

.FNPS-color-text {
  color: #3d4f18 !important; }

.FNPS-color.darken-1,
.FNPS-default-color-dark,
.top-nav-collapse
 {
  background-color: #3d4f18 !important; }
  
.FNPS-color.darken-2 {
  background-color: #2E3951 !important; }

.FNPS-color.darken-3 {
  background-color: #212618 !important; }

.FNPS-color.darken-4 {
  background-color: #181b11 !important; }

.FNPS-bg-color,
.FNPS-badge-color,
.FNPS-tabs-color,
.FNPS-pills-color .nav-item .nav-link.active
 {
  background-color: #6a794b !important; }

.FNPS-primary-color,
.FNPS-stepper li.active a .circle,
.stepper li.completed a .circle {
  background-color: #a6392e !important; }

.FNPS-primary-color-dark {
  background-color: #773430 !important; }

.FNPS-secondary-color {
  background-color: #cda350 !important; }

.FNPS-secondary-color-dark {
  background-color: #715c34 !important; }

.FNPS-secondary-color-light  {
  background-color: #f6e0b4 !important; }

.FNPS-info-color,
.FNPS-toast-info,
.info-color {
  background-color: #3eab9a !important; }

.FNPS-info-color-dark,
.info-color-dark {
  background-color: #0c8c78 !important; }

.FNPS-btn-color {
  background-color: #6a794b !important;
  color: #fff !important; }
  .FNPS-btn-color:hover {
    background-color: #63759d; }
  .FNPS-btn-color:focus, .FNPS-btn-color:active, .FNPS-btn-color.active {
    background-color: #3d4f18; }
  .FNPS-btn-color.dropdown-toggle {
    background-color: #6a794b !important; }
    .FNPS-btn-color.dropdown-toggle:hover, .FNPS-btn-color.dropdown-toggle:focus {
      background-color: #63759d !important; }
  .FNPS-btn-color:not([disabled]):not(.disabled):active, .FNPS-btn-color:not([disabled]):not(.disabled).active,
  .show > .FNPS-btn-color.dropdown-toggle {
    background-color: #6a794b !important; }
	

.FNPS-btn-info {
  background-color: #3eab9a !important;
  color: #fff !important; }
  .FNPS-btn-info:hover {
    background-color: #00eec9; }
  .FNPS-btn-info:focus, .FNPS-btn-info:active, .FNPS-btn-info.active {
    background-color: #0c8c78; }
  .FNPS-btn-info.dropdown-toggle {
    background-color: #3eab9a !important; }
    .btn-info.dropdown-toggle:hover, .FNPS-btn-info.dropdown-toggle:focus {
      background-color: #00eec9 !important; }
  .FNPS-btn-info:not([disabled]):not(.disabled):active, .FNPS-btn-info:not([disabled]):not(.disabled).active,
  .show > .FNPS-btn-info.dropdown-toggle {
    background-color: #3eab9a !important; }
	
.FNPS-btn-info-dark {
  background-color: #0c8c78 !important;
  color: #fff !important; }
  .FNPS-btn-info-dark:hover {
    background-color: #02c4a6; }
  .FNPS-btn-info-dark:focus, .FNPS-btn-color:active, .FNPS-btn-info-dark.active {
    background-color: #006051; }
  .FNPS-btn-info-dark.dropdown-toggle {
    background-color: #0c8c78 !important; }
    .FNPS-btn-info-dark.dropdown-toggle:hover, .FNPS-btn-info-dark.dropdown-toggle:focus {
      background-color: #02c4a6 !important; }
  .FNPS-btn-info-dark:not([disabled]):not(.disabled):active, .FNPS-btn-info-dark:not([disabled]):not(.disabled).active,
  .show > .FNPS-btn-info-dark.dropdown-toggle {
    background-color: #006051 !important; }		
	
.FNPS-btn-success {
  background-color: #92b351 !important;
  color: #fff !important; }
  .FNPS-btn-success:hover {
    background-color: #92db03; }
  .FNPS-btn-success:focus, .FNPS-btn-success:active, .FNPS-btn-success.active {
    background-color: #5c8b00; }
  .FNPS-btn-success.dropdown-toggle {
    background-color: #92b351 !important; }
    .FNPS-btn-success.dropdown-toggle:hover, .FNPS-btn-success.dropdown-toggle:focus {
      background-color: #92db03 !important; }
  .FNPS-btn-success:not([disabled]):not(.disabled):active, .FNPS-btn-success:not([disabled]):not(.disabled).active,
  .show > .FNPS-btn-success.dropdown-toggle {
    background-color: #5c8b00 !important; }
	
.FNPS-btn-success-dark {
  background-color: #5c8b00 !important;
  color: #fff !important; }
  .FNPS-btn-success-dark:hover {
    background-color: #77b301; }
  .FNPS-btn-success-dark:focus, .FNPS-btn-success-dark:active, .FNPS-btn-success-dark.active {
    background-color: #426300; }
  .FNPS-btn-success-dark.dropdown-toggle {
    background-color: #5c8b00 !important; }
    .FNPS-btn-success-dark.dropdown-toggle:hover, .FNPS-btn-success-dark.dropdown-toggle:focus {
      background-color: #77b301 !important; }
  .FNPS-btn-success-dark:not([disabled]):not(.disabled):active, .FNPS-btn-success-dark:not([disabled]):not(.disabled).active,
  .show > .FNPS-btn-success-dark.dropdown-toggle {
    background-color: #426300 !important; }		

.FNPS-btn-primary {
  background-color: #a6392e !important;
  color: #fff !important; }
  .FNPS-btn-primary:hover {
    background-color: #8c1f14; }
  .FNPS-btn-primary:focus, .FNPS-btn-primary:active, .FNPS-btn-primary.active {
    background-color: #773430; }
  .FNPS-btn-primary.dropdown-toggle {
    background-color: #a6392e !important; }
    .FNPS-btn-primary.dropdown-toggle:hover, .FNPS-btn-primary.dropdown-toggle:focus {
      background-color: #8c1f14 !important; }
  .FNPS-btn-primary:not([disabled]):not(.disabled):active, .FNPS-btn-primary:not([disabled]):not(.disabled).active,
  .show > .FNPS-btn-primary.dropdown-toggle {
    background-color: #773430 !important; }

.FNPS-btn-secondary {
  background-color: #cda350 !important;
  color: #fff !important; }
  .FNPS-btn-secondary:hover {
    background-color: #ddab47; }
  .FNPS-btn-secondary:focus, .FNPS-btn-secondary:active, .FNPS-btn-secondary.active {
    background-color: #7c6539; }
  .FNPS-btn-secondary.dropdown-toggle {
    background-color: #cda350 !important; }
    .FNPS-btn-secondary.dropdown-toggle:hover, .FNPS-btn-secondary.dropdown-toggle:focus {
      background-color: #ddab47 !important; }
  .FNPS-btn-secondary:not([disabled]):not(.disabled):active, .FNPS-btn-secondary:not([disabled]):not(.disabled).active,
  .show > .FNPS-btn-secondary.dropdown-toggle {
    background-color: #7c6539 !important; }

.FNPS-btn-default {
  background-color: #85995c !important;
  color: #fff !important; }
.FNPS-btn-default:hover {
    background-color: #95b259; }
.FNPS-btn-default:focus, .FNPS-btn-default:active, .FNPS-btn-default.active {
    background-color: #92b351; }
.FNPS-btn-default.dropdown-toggle {
    background-color: #85995c !important; }
.FNPS-btn-default.dropdown-toggle:hover, .FNPS-btn-default.dropdown-toggle:focus {
      background-color: #95b259 !important; }
.FNPS-btn-default:not([disabled]):not(.disabled):active, .FNPS-btn-default:not([disabled]):not(.disabled).active,


.FNPS-bg-primary {background-color: #ff1b0f !important;}
.FNPS-bg-secondary {background-color: #ddab47 !important;}
.FNPS-bg-info {background-color: #0c8c78 !important;}
.FNPS-bg-default {background-color: #95b259 !important;}
.FNPS-bg-success {background-color: #92db03 !important;}


.FNPS-btn-outline-color {
  border: 2px solid #6a794b;
  color: #6a794b !important;
  background-color: transparent; }
  .FNPS-btn-outline-color:hover, .FNPS-btn-outline-color:focus, .FNPS-btn-outline-color:active, .FNPS-btn-outline-color:active:focus, .FNPS-btn-outline-color.active {
    background-color: transparent;
    color: #6a794b;
    border-color: #6a794b; }
  .FNPS-btn-outline-color:not([disabled]):not(.disabled):active, .FNPS-btn-outline-color:not([disabled]):not(.disabled).active,
  .show > .FNPS-btn-outline-color.dropdown-toggle {
    background-color: transparent !important;
    border-color: #6a794b !important; }

.show > .FNPS-btn.dropdown-toggle {
    background-color: #85995c !important; }

a.FNPS-social:hover, a.FNPS-social:active {color: red;}

.FNPS-btn {
  background-color: #3d4f18 !important;
  color: #fff !important; }
.FNPS-btn:hover {
    background-color: #85995c; }
.FNPS-btn:focus, .btn-FNPS:active, .btn-FNPS.active {
    background-color: #313b4f; }
.FNPS-btn.dropdown-toggle {
    background-color: #3d4f18 !important; }
.FNPS-btn.dropdown-toggle:hover, .FNPS-btn.dropdown-toggle:focus {
      background-color: #85995c !important; }
.FNPS-btn:not([disabled]):not(.disabled):active, .FNPS-btn:not([disabled]):not(.disabled).active,

.show > .FNPS-btn.dropdown-toggle {
    background-color: #3d4f18 !important; }

.FNPS-text-warning-color {color: #ffbb33 !important;}

/* For Google Map */
#map_wrapper {
	width: 100%;
	border-top: 3px solid #85995c;
	border-bottom: 3px solid #85995c;
	height: 300px;
}

@media only screen and (min-width: 481px) {
	#map_wrapper { border: 3px solid #85995c; }
}
@media only screen and (min-width: 801px) {
	#map_wrapper {
		margin: 7px auto;
		clear: both;
		height:500px;
		border: 10px solid #85995c;
		-webkit-border-radius: .3rem;
		-moz-border-radius: .3rem;
		border-radius: .3rem;
		box-shadow: 0px 0px 5px #888;
		position: relative;
		z-index: 0;
	}
}

@media only screen and (min-width: 1024px) {
	#map_wrapper {
		height: 700px;
		margin-top: 7px;
		margin-bottom: 7px;
	}
}

#map_canvas {
	width:100%;
	height: 100%;
}

#map_canvas * {max-width: none;}

/* The items below provide some defaults to control the look of user fields.   The userfield class is put on the div in which all of the use generated content lies */

.userfield img{
	max-width: 100% !important;
	height: auto !important;
	margin: 10px;
	-webkit-border-radius: .3rem;
	-moz-border-radius: .3rem;
}

.userfield {
	max-width: 100%;
}

.award_info strong {font-weight: bolder !important;}

.list-group-item a {color: #a6392e !important;}
.list-group-item a:hover {color: #773430 !important;}

.hm-black-moderate .mask,
.hm-black-moderate .full-bg-img {
  background-color: rgba(0, 0, 0, 0.5); }

.rgba-black-moderate {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.list-group-item.active  {
	background-color: #f6e0b4 !important;
	border-color: #f6e0b4 !important; }

#map_wrapper { margin-bottom: 20px; }

#search_field input::placeholder { color: #ffffff; }
#search_field input {border-bottom-color: #ffffff; }

.news-item-date {}
.news-item-author {}
.news-item-content div {text-align: left;}
.news-item-content div img {max-width: 100%}
.news-item-image img {min-width: 100%; max-width: 100%;}

.item-image img {min-width: 100%; max-width: 100%;}
.item-caption {margin-top: 10px; font-size: 80%;}


div#__fuel_edit_bar__ {z-index: 2000 !important;}

/* Top navigation bar colors */
.dropright .dropdown-menu.dropdown-primary .dropdown-item.active {background-color: #85995c !important;}

#footer-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*Nav bar styling)


/* Make U-tube videos Rresponsive */

.video-responsive {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-responsive::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* For page headers when mdb5  */

/* Rounded border */
hr.hr-rounded {
  border-top: 5px solid #bbb;
  border-radius: 3px;
}


/* For form elements -- select headr  */
.select-input.focused~.select-label {
    color: #85995c !important;
}

.select-input.focused~.select-arrow {
    color: #85995c !important;
}

/* To improve printing options for plants pages */
@page {
size: letter;
margin: 25mm 25mm 25mm 25mm; 
}

@media print {
.col-print-1 {width:8%;  max-width: 8%; float:left;}
.col-print-2 {width:16%; max-width:16%; float:left;}
.col-print-3 {width:25%; max-width:25%; float:left;}
.col-print-4 {width:33%; max-width:33%; float:left;}
.col-print-5 {width:42%; max-width:42%; float:left;}
.col-print-6 {width:50%; max-width:50%; float:left;}
.col-print-7 {width:58%; max-width:58%; float:left;}
.col-print-8 {width:66%; max-width:66%; float:left;}
.col-print-9 {width:75%; max-width:75%; float:left;}
.col-print-10{width:83%; max-width:83%; float:left;}
.col-print-11{width:92%; max-width:92%; float:left;}
.col-print-12{width:100%;max-width:100%;float:left;}
}