html,
body{
 color: #2A2B30;
 font-family: 'Roboto Condensed', sans-serif;
 font-weight: 300;
 font-size: 20px;
 height: 100%;
 max-width: 100%;
 overflow-x: hidden;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}

.container{
  padding-right: 5px;
  padding-left: 5px; 	
}

.main{
  padding-bottom: 10em; /* height of footer */
}

img{
 width: 100%;
 height: auto;
}


h2.page-title{
	display: none;
}

.node-type-basic-page-about h2,
.node-type-basic-page-accessibility h2,
.node-type-basic-books h2,
.node-type-basic-page-branch-info h2,
.node-type-basic-page-local-history h2,
.node-type-basic-page-membership h2,
.node-type-basic-page-donations h2,
.node-type-basic-page-reserve-a-room h2,
.node-type-basic-services h2,
.node-type-basic-page-resources h2,
.node-type-feature-page h2,
.node-type-document-upload h2,
.node-type-box-resources h2,
.node-type-box-news h2,
.node-type-webform h2,
.node-type-basic-page-location-hours h2{
	display: block;
}

h2{
  color: #2A2B30;
  padding-bottom: 10px;
  border-bottom: 1px solid #FED224;
}

h2.section-title{
  font-size: 30px;
  border-bottom: 1px solid #FED224;
  display: block; 
}

.box-title h2{
  display: block;
}

h2 a,
h2 a:hover,
h2 a:active,
h2 a:visited{
  color: #2A2B30;
}

.title-b{
  border-top: 1px solid #FED224;
  border-left: 1px solid #FED224;
  border-right: 1px solid #FED224;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
  position: relative;
  top: -1px;
}

h3{
  color: #2A2B30;
}

h3.related{
  border-top: 1px solid #FED224;
  padding-top: 10px;
}

p{
  font-size:  1em;
}

.bpl-table-wrapper th{
  padding: 3px;
} 

/*  Extras */

.first{
  text-transform: uppercase;
}

.last{
  text-transform: lowercase;
}

.bar{
  font-weight: 300;
}

.bold{
	font-weight: 700;
}

.uppercase{
	text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.none{
  display: none;
}

a.btn{
  background-color: #fed224;
  color: #2a2b30;
  padding: 18px;
  font-size: 18px;
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
  box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

a.btn:hover,
a.btn:active,
a.btn:visited{
  color: #2a2b30;
}

a:-webkit-any-link{
  text-decoration: none;
}

a.bpl-link{
   background-image: url('/sites/all/themes/bpl/img/arrow-button.png');
   background-repeat: no-repeat;
   background-position: 0 25%;
   padding-left: 22px;

}

ul.bpl{
  margin: 0;
  padding: 0;
  list-style: none;
}

.file-icon {
    display: none;
}


/* Admin */

.admintable{
  padding: 10px;
}

td.views-field.views-field-title{
  width: 100%;
  padding-left: 15px;
}

td.views-field.views-field-edit-node-1{
  text-align: right;
  padding-right: 15px;
}

.card-logo-wrapper{
  border-bottom: 1px solid #FED224;
  position: relative;
  top: 50px;
  padding-bottom: 10px;
}

.card-logo a img{
  display: block;
  margin: 0 auto;
  width: 80%;
}

a.btn-bpl{
  background-color: #FED224;
  text-transform: uppercase;
  font-weight: 900;
  border: 0px;
  width: 90%;
}

.card-options{
  position: relative;
  top: 65px;
  text-align: center;
  margin-bottom: 50px;
}


@media (min-width: 992px) {

.bpl-wrapper{
  position: relative;
  min-height: 100%;
}

.container{
  padding-right: 0px;
  padding-left: 0px; 	
}

.card-logo a img{
  width: 250px;
  height: auto;
  display: block;
  margin: 0px;
}

a.btn-bpl{
  width: 50%;
}

.card-options{
  top: 100px;
  margin-bottom: 75px;
}

}



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

.hours-wrapper{
  font-size: 10px;
  width: 100%;
}

.bpl-table-wrapper{
  font-size: 10px;
  width: 100%;
}

}