/* 	FLBS Styles
	These should override all prior stylesheets 
*/

/* Kimbia donation form styling */
@media (min-width: 601px) {
	.kimbiaParentDiv
	{
		border:solid 2px #72B0C7; border-radius: 2px; padding:10px; margin:10px auto; width:60%;
	}
}
@media (max-width: 600px) {
	.kimbiaParentDiv
	{
		border:solid 2px #72B0C7; border-radius: 2px; padding:10px; margin:10px auto; width:100%;
	}
}
/* End Kimbia */

/* Logo classes from style.css */
.header .logo a {
    position: relative;
    display: block;
    width: 240px;
    margin-top: 20px;
    border-radius: 4px;
}

.header.sticky .logo a {
    width: 130px;
    margin-top: 0px; /* was 23px */
}

.logo a img {
    position: absolute;
    width: 100%;
    opacity: 0;
    display: block;
    border-radius: 2px;
}

@media (min-width: 768px) {
.spacer-div {margin-top:140px}
}
@media (max-width:767px) {
.spacer-div {margin-top:80px}
}

@media (min-width:768px) AND (max-width:1199px) {
.nav>li>a {
padding-left: 4px;
padding-right:4px
    }
}

/* Styling for Sitemap */
.ul-top{display:block; list-style:none}
.ul-sub{background-color:#EEE; border-radius:6px}
.li-top a{display:block; font-size:1.3em; font-weight:bold; margin:1em 0 .5em 0}
.li-sub a{display:inline; font-size:1.1em; font-weight:normal}
.flbsgiftstyle {display:inline; margin:0 1em 0 .5em; color:#e6ae49}
.flbsgiftstyle:hover{display:inline; margin:0 1em 0 .5em; color:#FFFFFF}
.li-top-donations .link{border-top: 2px dashed #e6ae49; border-bottom: 2px dashed #e6ae49; padding:.5em 0 1em 0; display:block; width:200px; font-size:1.4em; font-weight:bold; margin:1em 0; color:#e6ae49}
.li-top-donations .link:hover{border-top: 2px solid #e6ae49; border-radius:4px; border-bottom: 2px solid #e6ae49; padding:.5em 0 1em 0; display:block; width:200px; font-size:1.4em; font-weight:bold; margin:1em 0; color:#FFFFFF; background-color:#f9d599}
.flbs-fa-gift {
display: inline;
margin: 0; padding:0
}
.li-nav-donations {margin:4px; padding:8px 0 !important}
.li-nav-donations > a {margin:0 !important; padding:0 !important; color:#e6ae49 !important}
.li-nav-donations > a:hover {color:#ffffff !important; background-color:#e6ae49 !important}
.header.sticky .navigation .li-nav-donations {background-color:#F9F9F9; height:52px; padding:15px 0 !important}
.header.sticky .navigation .li-nav-donations > a {color:#e6ae49 !important}
.header.sticky .navigation .li-nav-donations > a:hover {border-radius:2px; color:#ffffff !important; background-color:#e6ae49 !important}
.li-donations-a {border-radius:2px; padding:10px !important; margin:0 4px !important}

.li-search-bar-icon {}
.li-search-bar-icon i{color:#F9F9F9}
.li-search-a {padding:8px 10px !important; margin:0 !important}
.header.sticky .navigation .li-search-bar-icon {background-color:#F9F9F9; height:52px; padding:10px !important}
.header.sticky .navigation .li-search-a i {color:#BBBBBB}

#newsletter-redirect-target {width:100%; margin:0auto; padding:2px; text-align:center }
#newsletter-redirect-target a {text-decoration:underline;font-weight:bold}
#newsletter-redirect-target a div {width:100%;text-align:center; margin:0 auto}
.div-newsletter-title {display:block; font-size:1.3em; font-weight:bold; width:100%; text-align:center; margin:0 0 10px 0}
.div-newsletter-button{
  display:block;
  margin:1em auto;
  font: bold 11px Arial;
  text-decoration: none;
  text-align:center;
  background-color: #EEEEEE;
  color: #333333;
  width:140px;
  height:28px;
  padding: 8px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
.div-newsletter-button a:hover p span {text-decoration: none;}

/* From https://www.bestcssbuttongenerator.com/#/27
   Used on K12 Schedule and AIS Trunks info pages */

.action-button-parent {display:block; float:right; width:20%; min-width:200px; max-width:300px; margin:0 1.5em 2em 1.5em; padding:.5em}
.action-button-green {
	box-shadow:inset 0px 0px 6px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:15px 24px;
    text-align: center;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.action-button-green:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}
.action-button-green:active {
	position:relative;
	top:1px;
}

.alt-style li {padding:4px 6px}
.alt-style li:nth-child(even) { background-color:#f7f7e0; margin-top:.5em}
.tab-alt-style tr {padding:4px 6px}
.tab-alt-style {width:100%; font-family: Tahoma, Helvetica, Sans-Serif}
.tab-alt-style tr:nth-child(even) { background-color:#f7f7e0; margin-top:.5em}
.species-name{font-style: italic}

/* Weather Grid Blocks Styles*/
.weather-cols {padding:0 4px !important; margin:0 !important}
.parParent {text-align:center; display:inline-block; margin:0 1em 1em 0; padding:0; width:100%; height:120px; border: solid 1px #555555; border-radius:4px; background-image:url("../images/weather-gradient.jpg");  background-size:cover; background-repeat: no-repeat}
.parName {font-size:100%; font-family:Arial; width:100%; background-color:#555555; color:#eeeeee; padding:1px; text-align:center}
.parValue {font-size:120%; font-family:Arial; text-align:center; margin: 8px auto 0 auto; padding:0}
.parUnits {font-size:75%; font-family:Arial; margin:0; padding:0}
.parTime {font-size: 87.5%; font-family:Arial; text-align:center}


/* JN Horizontal Nav List */
ul.hlist {
    width: 100%;
    margin: 0;
    padding: 0;
    display: table;
}

ul.hlist li {
    display: table-cell;
    padding:4px;
    text-align: center;
    width:32%;
}
ul.hlist li a {text-decoration: underline;}

/* Color modification for SectionActionBox button*/
.btn-action-color {
    color: #111;
    background: #e6ae49;
    border: none;
}

    .btn-action-color:hover {
        color: #fff; /*background: #e6ae49;*/
        background: rgba(230,174,73,0.85);
    }

/* Donations page SELECT OPTION border  */
.donate-options-block {
    padding: 1em; 
    border: solid 1px #e6ae49; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bkg-light-green1{background-color:#DCF7DE; color:#333; padding: 10px 10px; border-radius:4px}
.bkg-light-brown1{background-color:#F7EBDC; color:#333; padding: 10px 10px; border-radius:4px}
.bkg-light-red1{background-color:#F7DCF5; color:#333; padding: 10px 10px; border-radius:4px}
.bkg-blue1{background-color:#0080c0; color:#FFF; padding: 10px 20px; border-radius:4px}
.bkg-green1{background-color:#6B3; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-blue1-border4{border: solid 4px #0080c0; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-green1-border4{border:solid 4px #6B3; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-green1-border1{border:solid 1px #6B3; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-green1-border4-vertical-spacing{border:solid 4px #6B3; color:#333; padding: 10px 20px; border-radius:4px; margin:1em 0}
.bkg-gold1{background-color:#FB2; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-gold1-border4{border:solid 4px #FB2; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-orange1{background-color:#F60; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-orange1-border4{border:solid 4px #F60; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-red1{background-color:#F00; color:#333; padding: 10px 20px; border-radius:4px}
.bkg-red1-border4{border:solid 4px #F00; color:#333; padding: 10px 20px; border-radius:4px}

/* Bootstrap media overrides - bumped from 991 to 1009 */
@media (min-width: 768px) and (max-width: 1009px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 1009px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 1009px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 1009px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
/* End Bootstrap media overrides*/

.photoDiv50{width: 50% !important; float: left; display: inline; text-align: center; padding: 0 .5em; line-height: 16px;}
.photoDiv50 img {width: 100%}
.photoDiv50>span {font-size: .9em; color: #555}