/* ---------------------------------------------------------------------------------------------------- */
/* --- The San Antonio Public Library Foundation (SAPLF) Website -------------------------------------- */
/* --- Copyright 2016  -------------------------------------------------------------------------------- */
/* --- San Antonio Website Design & Development - Backyard Studios ------------------------------------ */
/* --- www.backyardstudios.com ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------------------*/
/*------------- Mobile Styling ----------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------*/
.showMobile {
	display:none;
}
.show375 {
	display:none;
}
.show4 {
	display:none!important;
}
#subpage.schedulePage .entry-header {
    padding-top: 0px;
}
@media only screen and (max-width: 480px) {
.showMobile {
	display:block;
}
.hideMobile {
	display:none;
}
#mainArea .entry-content {
	margin: 0 auto;
}
.homepageArea {
	margin: 0 auto;
}
.homepageArea table td {
	display:block;
	width:100%;
	padding: 26px 15px;
	background-color:#fff;
	border:1px solid #ccc;
	margin:12px auto;
}
.homepageArea .bigNo {
	color:#CA1A44!important;
	padding: 0 5px 20px!important;
	margin-bottom: 20px!important;
}
.homepageArea table {
	margin:0px;
	border-spacing: 0;
}
.homepageArea .smText {
    color: #000!important;
}
.gfxName {
    height: 7px;
    width: auto;
}
ul.featureList li a h5,
ul.featureList li a h6 {
	display:none;
}
ul.featureList li a h4 {
    font-size: 18px;
    line-height: 18px;
}
ul.featureList li a.color4 h4 {
	padding:2px 0 3px;
}
p,
ul li, ol li {
    font-size: 13px;
    line-height: 22px;
}
ul.newsListArea li, .newsListingNew ul.newsListArea li {
	min-height: 500px;
}
.bookFest ul.newsListArea li, .newsListingNew ul.newsListArea li {
	min-height: 375px;
}
.home .bookFest ul.newsListArea li {
    min-height: 285px;
}
.homepageArea h1 {
    font-size: 22px;
    line-height: 22px;
}
.homepageArea .smTitle {
    font-size: 14px;
    line-height: 14px;
}
.fundText {
    font-size: 16px!important;
    line-height: 16px!important;
}
.rtText {
    font-size: 20px!important;
    line-height: 20px!important;
}
#page #headerBgrd,
.standardPage #headerBgrd,
.supporterPage #headerBgrd,
.faqPage #headerBgrd,
#subpage.listingPage #headerBgrd {
    display: none;
}
.standardPage #headerBgrd.noHideMobile {
	display:block!important;
}
.newsList #headerBgrd, .pageNews #headerBgrd  {
	height:190px!important;
}
/*.blog*/ .searchArea #searchsubmit {
	margin-top:25px;
}
#schedulePage .smTitle, .bookFest .smTitle {
	font-size:14px;
	line-height:14px;
}
.single-post #subpage .mainImg {
	margin-top:-166px;
}
#page .mainImg,
#subpage .mainImg {
    margin-top: -46px;
	    margin-left: -20px;
    margin-right: -20px;
}
#mainContent .mobileWide {
	width:100%;
	padding:0px;
}
#page .entry-header {
    padding-top: 25px;
}
#page .smTitle {
    font-size: 12px;
    line-height: 12px;
}
#page h1.entry-title {
    font-size: 22px;
    line-height: 22px;
}
#mainContent {
    padding: 40px 0 30px;
}
#page #menuSubpageArea {
    padding: 60px 0 30px;
}
#page #menuSubpageArea ul.menuSubpages li a span h4 {
    font-size: 15px!important;
    line-height: 15px!important;
}
#subpage.staffPage #headerBgrd,
#subpage.boardPage #headerBgrd,
#page.pageNews #headerBgrd,
#subpage #headerBgrd.showHeader,
#subpage.gallerypage #headerBgrd {
    height: 90px;
	display:block!important;
}

#subpage h1 {
    font-size: 22px;
    line-height: 22px;
}
.ecs-event img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
}
.show4 {
	display:block!important;
}
.bookFest #featuredArea ul.featureList li,
.blog .bookFest ul.newsListArea li {
    width: 47.25%!important;
}
.blog .bookFest ul.newsListArea li .newsExcerpt span,
ul.newsListArea li .newsExcerpt span {
	display:none;
} 
.blog .bookFest ul.newsListArea li .newsExcerpt .newsYear,
ul.newsListArea li .newsExcerpt .newsYear {
	margin-top:0px;
}
.bookFest #featuredArea ul.featureList li a h4 span {
	padding:10px 0 20px;
}
.bookFest ul.featureList li a.color4 h4 {
    padding: 12px 0 11px;
}
.bookFest #featuredArea ul.featureList li a.color4 span.overlay {
    background-color: rgba(209,89,138,.85);
}
.bookFest #featuredArea ul.featureList li a.color4:hover span.overlay {
    background-color: #E26D79;
}
.bookFest #featuredArea ul.featureList li a span {
    padding: 25px 25px 10px;
}
.gfxPinwheel img {
	height:150px;
	width:auto;
}
#bookAuthorDetails .post-thumbnail {
    margin-top: -215px;
}
.page-id-63 #page .bookFest #menuSubpageArea ul.menuSubpages li:nth-child(2) a {
	clear:left;
	padding-top:55px;
}
.alignright,
.alignleft {
	float:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.searchArea .searchandfilter li:first-child input {
	margin-bottom:12px;
}
.searchArea .searchandfilter li {
	padding:0 12px 0 0!important;
}
#subpage.schedulePage #headerBgrd,
#page.meetAuthors #headerBgrd {
	display:block!important;
}
#subpage.schedulePage button.simplefavorite-button {
	margin-top:20px;
}
.page .fsForm .fsLabel {
	padding:0 0 10px!important;
}
ul.newsListArea li {
	min-height: auto;
}
ul.newsListArea li {
    width: 47.25%!important;
	margin-bottom:1.5%;
}
.newsExcerpt {
    font-size: 12px;
    line-height: 17px;
}
.newsListingNew li {
    min-height: 500px;
}
.bgrdPinwheel {
	background-image:none;
	margin-top:0px;
	padding-top:0px;
}
#bookAuthorDetails h1.author-title {
	margin-right:0px;
}
#bookAuthorDetails .post-thumbnail img {
	height:320px;
	width:auto;
}
#bookAuthorDetails .smTitle {
	font-size: 14px;
    line-height: 14px;
	text-align:center;
}
#bookAuthorDetails h1.author-title {
	font-size: 22px;
    line-height: 22px;
	text-align:center;
}
ul.bookcoversList li {
    width: 31%;
}
ul.bookcoversList li:nth-child(3n+1) {
    clear: left;
}
ul.bookcoversList li:nth-child(5n+1) {
    clear: none;
}
#boxcoversArea h3 {
    font-size: 25px;
    line-height: 25px;
}
.archive ul.newsListArea li,
.archive .bookFest ul.newsListArea li {
    width: 47%!important;
}
.archive .newsExcerpt span,
.archive .bookFest .newsExcerpt span {
	display:none;
}
.archive .newsYear {
	margin-top:0px;
}
.archive a.btnNews2 {
	position:relative;
}
.archive .newsListingNew li {
    min-height: 100px;
}
ul.donateList li img {
    margin-bottom: 15px;
    height: 250px;
    width: auto;
}
ul.menuSubpages li {
	float:left;
}
#page #menuSubpageArea ul.menuSubpages li:nth-child(3n+1){
    clear:none;
}
#page #menuSubpageArea ul.menuSubpage2s li:nth-child(2n+1){
    clear:left;
}
#page #menuSubpageArea ul.menuSubpages li a {
	padding: 25px 15px;
	width:100%;
}
#page #menuSubpageArea ul.menuSubpages li a span h4 {
    font-size: 13px!important;
    line-height: 13px!important;
}
#page #menuSubpageArea ul.menuSubpages li a span h5 {
	padding: 0 20px 14px;
    margin-bottom: 14px;
}
.page-template-page-news ul.newsListArea li,
#page.pageNews ul.newsListArea li.tribe-events-list-widget-events {
	width: 47%!important;
}
#tribe-events-content .mainImg {
    margin-top: -168px!important;
}
ul.newsListArea li .eventDates {
    font-size: 15px;
    line-height: 15px;
}
.bookFest ul.newsListArea li {
    width: 47.25%!important;
}
.bookFest ul.newsListArea li.tribe-events-list-widget-events {
	min-height:290px;
}
.searchArea .searchandfilter li:first-child {
	float:none;
	display:block;
	width:100%;
}
.searchArea .searchandfilter li:first-child input {
    margin-bottom: 12px;
    width: 100%;
    display: block;
}
ul.authorList li a h4, ul.authorList li a:active h4, ul.authorList li a:link h4, ul.authorList li a:focus h4, ul.authorList li a:visited h4, ul.authorList li h4 {
	font-size:12px;
	line-height:14px;
	height:30px;
}
.newsExcerpt {
	display:none;
}
ul.newsListArea li, .newsListingNew ul.newsListArea li {
    min-height: 330px;
}
}
@media only screen and (max-width: 425px) {
#logoArea .floatLt ul li:first-child img {
    height: 34px;
}
a.navRtBtn {
    margin-right: 34px;
}
a.navRtBtn img {
    height: 34px;
    width: auto;
}
.mobileBtn a {
	height: 54px!important;
    width: 54px!important;
}
.gfxName {
    height: 5px;
    width: auto;
}
#featuredArea h2 {
    font-size: 18px;
    line-height: 18px;
}
ul.featureList li a.color1 h4 {
    padding: 2px 0 3px;
}
#featuredArea {
	padding-bottom: 20px;
}
#page #menuSubpageArea h2 {
    font-size: 24px;
    line-height: 24px;
}
#page #menuSubpageArea .smTitle {
    font-size: 16px;
    line-height: 16px;
}
#mainArea .smTitle {
	font-size: 10px;
	line-height: 10px;
}
.float_center {
  float: right;
  position: relative;
  left: -50%; /* or right 50% */
  text-align: center;
}
.float_center > .menuSubpages {
  position: relative;
  left: 50%;
}
.staffPage ul.authorList li h4, .staffPage ul.authorList li h4 a {
    font-size: 15px!important;
    line-height: 15px!important;
}
.staffMail, .staffMail a, 
.staffMail a:link, 
.staffMail a:focus, 
.staffMail a:visited, 
.staffMail a:active {
    font-size: 11px;
    line-height: 11px;
}
.lshowcase-box-3 {
    width: 50%!important;
}
ul.newsListArea {
	text-align:center;
	/* width:auto!important; */
	display:block;
	margin: 10px 0 25px!important;
}
.newsListingNew {
	text-align:center;
}
ul.newsListArea li .eventDates {
	font-size:14px;
	line-height:14px;
}
.newsExcerpt span {
	display:none;
}
.newsListingNew li {
    min-height: 200px;
	width: 100%!important;
}
.newsYear {
	margin-top:0px;
}
.page .fsForm .fsLabel {
    font-size: 14px!important;
}
#subpage h1.single-title {
    line-height: 26px;
}
.cat-links,
.entry-footer-meta {
	font-size:12px;
	line-height:12px;
}
.page-id-63 #page .bookFest #menuSubpageArea ul.menuSubpages li:nth-child(2) a {
    padding-top: 38px;
}
.page-id-63 #page .bookFest #menuSubpageArea ul.menuSubpages li:nth-child(2n+1) {
	clear:left;
}
.searchArea .searchandfilter li:first-child input, .searchArea #s {
	width:100%;
}
ul.authorList li {
    width: 47.25%;
}
ul.authorList li:nth-child(3n+1) {
    clear: none;
}
/*ul.authorList li:nth-child(2n+1) {
    clear: none!important;
}*/
ul.authorList li:nth-child(3n+1) {
    clear: none!important;
}
ul.bookcoversList li {
    width: 47.25%;
}
ul.bookcoversList li:nth-child(3n+1) {
    clear: none;
}
ul.bookcoversList li:nth-child(2n+1) {
    clear: left;
}
h6.book-subtitle, h6.book-subtitle p {
	font-size:13px;
}
ul.newsListAre2a li {
	width:auto!important;
}
ul.newsListArea li h6 {
	padding-left:10px;
	padding-right:10px;
}
#sponsorArea h4 {
	background-image:none;
}
.bookFest .lshowcase-logos .bx-wrapper {
	max-width:100%!important;
}
.bookFest #logoArea .col-lg-12 {
	padding-left:0px;
	padding-right:0px;
}
.bookFest a.navRtBtn {
    margin-right: 54px;
}
.bookFest #featuredArea ul.featureList li a h4 {
    font-size: 15px;
    line-height: 15px;
	margin-top:10px;
}
.bookFest #featuredArea ul.featureList li a h4 span {
    padding: 0px 0 10px;
}
.mobileBtn a {
    padding: 22px 14px!important;
}
.staffPage ul.authorList li h5 {
    font-size: 11px;
	line-height:15px;
}
.authorWebsite {
	font-size:13px;
	line-height:14px;
}
#boxcoversArea h3 {
    font-size: 22px;
    line-height: 22px;
}
ul.newsListArea li, .newsListingNew ul.newsListArea li {
	min-height:345px;
}
#page.pageNews ul.newsListArea li.tribe-events-list-widget-events,
.page-template-page-gallery ul.newsListArea li {
	min-height:300px;
}
.staffPage ul.authorList li {
	min-height:342px;
}
.bookFest ul.newsListArea li.tribe-events-list-widget-events {
	min-height:280px;
}
.archive a.btnNews {
    position: absolute;
}
.bookFest ul.newsListArea li.tribe-events-list-widget-events {
    width: 47.25%!important;
}
.tribe-events-list .tribe-events-event-image {
    width: 100%;
	float: none;
    margin: 0 0 20px 0;
	text-align:center;
}
.bookFest ul.newsListArea li {
    width: 47.25%!important;
}
}
@media only screen and (max-width: 375px) {
#logoArea .floatLt ul li:first-child img {
    height: 30px;
}
a.navRtBtn img {
    height: 30px;
    width: auto;
}
.mobileBtn a {    
	height: 46px!important;
    width: 46px!important;
	padding: 16px 16px!important;
}
a.navRtBtn {
    margin-right: 27px;
}
#logoArea .floatLt ul li:first-child a,
a.navRtBtn {
    padding: 8px 4px!important;
}
#featuredArea .smTitle, .fundsNo .smTitle {
    font-size: 11px;
    line-height: 11px;
}
#featuredArea h2 {
    font-size: 16px;
    line-height: 16px;
}
.home #mainArea {
    padding-bottom: 40px;
}
#mainArea {
    padding-top: 40px;
}
p {
    font-size: 13px;
    line-height: 22px;
}
.hide375 {
	display:none;
}
.show375 {
	display:block;
}
#sponsorArea h4 {
	background-image:none;
}
#copyrightContent {
    font-size: 10px;
    line-height: 14px;
}
h3 {
	font-size: 22px;
    line-height: 22px;
}
#subpage h1 {
    font-size: 24px;
    line-height: 24px;
}
ul.boardList li {
    width: 100%;
}
ul.boardList li:nth-child(2n+1) {
    clear: none;
}
h3, #tribe-events-pg-template .tribe-events-content h3, .tribe-events-after-html h3, .tribe-events-before-html h3 {
    font-size: 19px;
    line-height: 19px;
}
.faqPage .panel-default > .panel-heading h4 .faqPage .panel-default > .panel-heading h4 a, .faqPage .panel-default > .panel-heading h4 a:link, .faqPage .panel-default > .panel-heading h4 a:visited, .faqPage .panel-default > .panel-heading h4 a:active, .faqPage .panel-default > .panel-heading h4 a:focus, .faqPage .panel-default > .panel-heading h4 p {
    font-size: 14px;
    line-height: 18px;
}
.newsExcerpt {
    font-size: 12px;
    line-height: 17px;
}
.tribe-events-sub-nav li a {
	margin-bottom:0px!important;
	padding-bottom:10px!important;
	font-size:12px;
	line-height:13px;
}
#tribe-events .tribe-events-button, .tribe-events-button {
	display:block!important;
	margin-left:0px!important;
	margin-right:0px!important;
}
#subpage h1.single-title {
    line-height: 21px;
    font-size: 18px;
}
.standardpage .eventDates, .gallerypage .eventDates {
	font-size:12px;
	line-height:12px;
}
.hideLink {
	background-size:contain;
}
#authorSection .default-theme.wp-posts-carousel .wp-posts-carousel-title, 
#authorSection .default-theme.wp-posts-carousel .wp-posts-carousel-title a {
	padding: 10px 0 10px 0;
	font-size:13px;
}
.sliderArea {
	margin-bottom:25px;
}
.bookFest ul.newsListArea li {
	margin-bottom: 5%;
}
.bookFest #featuredArea ul.featureList li a span.overlay {
	padding-left: 15px!important;
	padding-right: 15px!important;
}
ul.bookcoversList li {
	margin-bottom: 5%;
}
.page .fsOptionLabel {
	font-size:13px!important;
}
.page .fsForm .fsLabel {
	font-size:13px!important;
}
.page-id-63 #page .bookFest #menuSubpageArea ul.menuSubpages li:nth-child(2) a {
    padding-top: 32px!important;
}	
#featuredArea h2, #authorSection h2, #newsSection h2 {
    font-size: 16px;
    line-height: 16px;
}
#featuredArea .smTitle, #authorSection .smTitle, #newsSection .smTitle,
#schedulePage .smTitle, .bookFest .smTitle {
    font-size: 12px;
    line-height: 12px;
}
#newsSection {
	padding-top:40px;
}
#bookAuthorDetails h1.staff-title {
	font-size: 18px;
    line-height: 18px;
	text-align:center;
}
.bookFest #bookAuthorDetails h5 {
	font-size: 14px;
    line-height: 14px;
	text-align:center;
}
.bookFest a.navRtBtn {
    margin-right: 45px;
}
#subpage h1 {
    font-size: 22px;
    line-height: 22px;
}
h3, #tribe-events-pg-template .tribe-events-content h3, .tribe-events-after-html h3, .tribe-events-before-html h3 {
    font-size: 17px;
    line-height: 17px;
}
h4,
ul.exhibitorList li h4, ul.exhibitorList li h4 a,
#bookAuthorDetails h4 {
    font-size: 16px;
}
.line {
    margin: 15px 0 20px;
}
ul.authorList li a h4, ul.authorList li a:active h4, ul.authorList li a:link h4, ul.authorList li a:focus h4, ul.authorList li a:visited h4, ul.authorList li h4 {
	font-size:14px;
	line-height:17px;
}
ul.authorList li {
	min-height: 250px;
}
#bookAuthorDetails .smTitle {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}
.entry-content h4.tribe-event-title {
    padding-top: 0px;
	margin-bottom:5px;
}
.tribe-event-duration {
	margin-top:0px;
}
#tribe-events-content .mainImg {
    margin-top: -168px!important;
}
.archive .bookFest ul.newsListArea li:nth-child(2n+1) {
	clear:left;
}
ul.newsListArea li h6, ul.newsListArea li h6 a, .tribe-event-title a {
    font-size: 12px;
    line-height: 13px;
}
.staffPage ul.authorList li {
    min-height: 310px;
}
ul.newsListArea li, .newsListingNew ul.newsListArea li {
    min-height: 330px;
}
.bookFest ul.newsListArea li.tribe-events-list-widget-events,
.page-template-subpage-gallery ul.newsListArea li {
    min-height: 241px;
}
}
@media only screen and (max-width: 360px) {
.gfxName {
    height: 5px;
    width: auto;
}
#logoArea .floatLt ul li:first-child img {
    height: 28px;
}
a.navRtBtn img {
    height: 28px;
    width: auto;
}
#logoArea .floatLt ul li:first-child a, a.navRtBtn {
    padding: 6px!important;
}
.mobileBtn a {
    height: 40px!important;
    width: 40px!important;
    padding: 13px 11px!important;
}
a.navRtBtn {
    margin-right: 24px;
}
.footer-widget-1 p {
    font-size: 11px;
    line-height: 15px;
}
#subpage h1 {
    font-size: 20px;
    line-height: 20px;
}	
#page #menuSubpageArea h2 {
    font-size: 20px;
    line-height: 20px;
}
.searchArea .searchandfilter li:first-child {
	display:block!important;
	padding-right:0px!important;
    clear: left;
    float: none!important;
}
.searchandfilter ul {
    display: block;
}
.searchArea table td h4 {
    font-size: 24px;
    line-height: 24px;
}
/*.tribe-events-sub-nav li a {
    background:transparent;
    color: #000;
}*/
#tribe-events-footer:after, #tribe-events-footer:before, #tribe-events-header:after, #tribe-events-header:before {
	background-color:transparent;
}
.bookFest #featuredArea ul.featureList li, .blog .bookFest ul.newsListArea li,
.archive ul.newsListArea li, .archive .bookFest ul.newsListArea li,
.staffPage ul.authorList li,
.page-template-page-news ul.newsListArea li, #page.pageNews ul.newsListArea li.tribe-events-list-widget-events,
ul.newsListArea li,
.bookFest ul.newsListArea li.tribe-events-list-widget-events {
    width: 100%!important;
	margin:10px 4px!important;
}
.newsListingNew ul.newsListArea li {
	margin-left:0px!important;
	margin-right:0px!important;
}
ul.newsListArea {
	width: 100%!important;
}
a.btnNews,
.archive a.btnNews {
	position:relative;
}
a.navRtBtn {
    margin-right: 20px;
}
.bookFest a.navRtBtn {
    margin-right: 39px;
}
.single-gallery-news .ngg-gallery-thumbnail-box {
    margin: .5%!important;
    width: 24%;
}
ul.newsListArea li h6 {
	height:40px;
}
}
@media only screen and (max-width: 320px) {
.home .bookFest ul.newsListArea li {
	width: 47%!important;
}
.tribe-events-schedule h2 {
	padding-bottom:0px;
}
#logoArea .floatLt ul li {
	vertical-align: middle;
    padding: 6px 4px;
    display: table-cell;
}
a.navRtBtn {
    margin-right: 30px;
}
/*div.container {
	text-align:center;
	padding-top: 5px;
}*/
ul.featureList li a h4 {
    font-size: 15px;
    line-height: 15px;
}
#page #menuSubpageArea h2 {
    font-size: 20px;
    line-height: 20px;
}
#page #menuSubpageArea .smTitle {
    font-size: 14px;
    line-height: 14px;
}
.staffPage ul.authorList li {
    width: 100%;
}
.lshowcase-box-3 {
    width: 100%!important;
}
#sidebar aside.widget_search .search-submit {
	margin-top:12px;
}
#sidebar aside.widget_search label,
#sidebar aside.widget_search .search-field {
	width:100%;
}
.bookFest #featuredArea ul.featureList li a span {
	min-height:40px!important;
}
.boardPage h4, .staffPage h4, ul.boardList h4 {
	font-size: 13px;
}
figure {
	width:100%!important;
}
h3, #tribe-events-pg-template .tribe-events-content h3, .tribe-events-after-html h3, .tribe-events-before-html h3 {
	line-height:20px!important;
}
.newsList ul.newsListArea li h6 {
	height:40px;
}
ul.newsListArea {
	margin:10px -0.5% 25px!important;
}
#featuredArea .smTitle, 
#authorSection .smTitle, 
#newsSection .smTitle, 
#schedulePage .smTitle, 
.bookFest .smTitle {
    font-size: 11px;
    line-height: 11px;
}	
.smTitle span:before {
    padding-right: 5px;
}
.smTitle span:after {
    padding-left: 5px;
}
#page .smTitle {
    font-size: 11px;
    line-height: 11px;
}
.dzs-progress-bar .fundText{
	font-size: 15px!important;
	line-height: 15px!important;
}
ul.donateList .row {
	margin-right: 0px;
	margin-left: 0px;
}
#logoArea .col-xs-12 {
	padding-left:10px;
	padding-right:10px;
}
.gfxName {
	display:none;
}
}