/* Main CSS */
/* override to fix apple safari issues */
 .row:before, .row:after {
  display: inline-block; 
}
/* end safari fixes */
html{
  scroll-behavior: smooth;
}
.skip-nav-link{
  background: rgb(255, 255, 255);
  font-size: 18px;
  padding: 5px 5px;
  border-radius: .25rem;
  left: .5rem;
  position:absolute;
  transform: translateY(-200%);
  transition: transform 325ms ease-in;

}
.skip-nav-link:focus{
  transform: translateY(0);
}
.row {
  margin-right: 0;
  margin-bottom: 0 !important;
}
.negative-padding {
  margin-top: -30px;
}
.col {
  flex: 1 0 50%; // where 50% is the intended size of the items
}
body {
  font-family: Arial;
  text-align: left;
  /*font-size: 13px;*/
}
@media screen and (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 767px) {
  .hidden-large-screen {
    display: none !important;
  }
}
img {
  max-width: 100%;
  display: block;
}
#edit-info {
  font-size: 21px; 
}
a {
  color: #428bca;
}
.row-eq-height {
  min-height: 201px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-flow: row wrap;
}
.row-eq-height_div {
  border: 1px solid #BEBEBE;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-flow: row wrap;
}
#loading {
  width: 200px;
  height: 200px;
  position:fixed;
  left:0; 
  right:0;
  top:0; 
  bottom:0;
  margin:auto;

  /*this to solve "the content will not be cut when the window is smaller than the content": */
  max-width:100%;
  max-height:100%;
  overflow:auto;
  z-index: 113;
}
.homepage-box p {
  width: 100%;
/*  height: 100%; */
  padding: 10px;
/*   margin-top: -10px; */
}
.homepage-box p img{
  padding: 5px;
  margin: 5px;
  /* border: 1px solid #333; */
}
.recurring_pill {
  margin-right: 5px !important;
}
/*custom navbar colors start

custom navbar colors end*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #E7E7E7;
}
.footer {
    background-color: #f5f5f5;
    bottom: 0;
    height: 40px;
    position: fixed;
    width: 100%;
}
.well{
  background-color: #FFFFCC;
}
h1, .h1 {
    font-size: 39px;
    /*font-weight: bold;*/
}
#wishbook_header{
  margin-left: 11px;
  margin-bottom: 23px;
}
#back-to-top-button {
  margin-top: 10px;
  margin-bottom: 10px;
}
.font45 {
  font-size: 49px;
  color: blue;
}
.font46 {
  font-size: 41px;
  color: red;
}
.font24 small{
  color: blue;
}
/* font size tweak for mobile  */
/* xs < 768 */
@media screen and (max-width: 100%) {
  h1, .font45, .font46 {
    font-size: 33px;
  }
}

.categories_min_height {
  min-height: 549px;
}
.tabs_border_left {
  border-left: 1px solid #D8D861;
}  
.tabs_border {
/*  border: 1px solid #ddd;*/
  border-top: 1px solid #D8D861;
  border-right: 1px solid #D8D861;  
}
.nav-tabs{
  background-color:#FFFF99;
}
.tab-content{
    background-color:#FFFF99;
    padding:5px
}
.nav-tabs > li > a:hover, .nav-pills > li > a:hover {
  background-color: #D8D861;
}
.nav-tabs > li > a:focus, .nav-pills > li > a:focus {
  background-color: #D8D861;
}
.nav-tabs > li.active a, .nav-pills > li > a:active {
  background-color: #D8D861;
}
.yellow_back {
  background-color: #FFFF99;
}
#homepage_top{
  min-height: 257px;
  background-color: #FFFF99;
  margin-top: 10px;
  margin-left: 10px;
}
#website_last_updated, #homepage_sidelinks {
  font-size: 14px;
  padding: 5px;
  margin-top: 10px;
  margin-left: 10px;
}
.news_block div{
  min-height: 300px;
  padding: 10px;
}
#agency_list_header{
  background-color:#E4E4E4;
  font-size:15px;
}
#agency_list_header li{
  font-size: 15px;
}
#agency_nav_header th{
  font-size: 17px;
}
#agency_nav_header div div{
  margin-left: 10px;
}
#agency_nav_header th a{
  text-decoration: underline;
  color: #0000FF;
}
#agency_nav_header th a:hover{
  color: #6464FF;
}
#agency_list_table{
  font-size: 17px;
}
.main_content table{
  width: 100% !important;
  margin: 10px;
}
.main_content table td{
  padding: 10px !important;
}
#agency_details_div{
  font-size: 16px;
}
#agency_details_div .row .well{
  padding: 25px;
}
#agency_wishlist strong, #agency_volunteersneeded strong{
  color: red;
}
#monthly_wish_content{
  
}
#agency_list_ul_div{
  /*font-size: 19px;*/
}
.table th {
    white-space: nowrap;
    background-color:#E0DEDF;
}
.list_actions {
    white-space: nowrap;
}
.special_events_month_header{
  color: red;
}
.recurring_pill{
  white-space: nowrap;
}
.recurring_events_day_header{
  color: green;
}
.recurring_event_entry{
  font-size: 16px;
}
.recurring_event_name {
  font-size: 16px;
}
.green-text{
  color: green;
}
.red-text{
  color: red;
}
.blue-text{
  color: #1F488D;
}
.center-element-div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
#homepage_link_list a{
  font-size: 19px;
}
#homepage_link_list li{
  margin-top: 10px;
}
.navbar-toggle .button-label {
    display: inline-block;
    float: left;
    font-weight: bold;
    line-height: 14px;
    padding-right: 10px;
}
.button-bars {
    display: inline-block;
    float: left;
}
.whats_new_item {
  padding: 10px;  
  margin-bottom: 9px;
}
.event_item {
  font-size: 16px;
}
.event_item p {
  font-size: 16px;
}
.recurring_event_entry p {
  font-size: 16px;
}