/*   
Theme Name: ALPB Custom Theme
Theme URI: http://www.alpb.org
Description: Custom Theme with Bootstrap Integration
Author: Script Fusion Development Services
Author URI: http://www.scriptfusion.net
Version: 1.0
*/

/* Font Imports
==========================================================*/


/* CSS Reset
==========================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: Open Sans;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 150%; margin-bottom: 0px; text-decoration: none; color: #444345; }
p.post_info { font-size: 10px; font-style: italic; }

ul { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; line-height: 150%; margin-bottom: 0px; text-decoration: none; color: #444345; }

p strong { font-weight: bold; }

.block{
  width: 100%;
  padding: 5px;
  margin:5px 0px 0px 0px;
  }
  
.cd-select {
    -moz-appearance: none;
    background: #750000;
    border: 0 none;
    border-radius: 3px;
    color: #fff;
    font-family: Lato;
    font-size: 16px;
    font-weight: 800;
    margin: 20px 0px;
    outline: 0 none;
    padding: 12px;
    text-align: left;
    text-indent: 0.01px;
    text-overflow: "";
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: auto;
}

#selectField option { padding: 4px 10px 0px 10px; }
#selectField option:hover { background: Green !important; }

/* Wordpress Core Styles
==========================================================*/
.alignnone {margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
.alignright {float:right;margin:5px 0 20px 20px;}
.alignleft {float:left;margin:5px 20px 20px 0;}
.aligncenter {display:block;margin:5px auto 5px auto;}
a img.alignright {float:right;margin:5px 0 20px 20px;}
a img.alignnone {margin:5px 20px 20px 0;}
a img.alignleft {float:left;margin:5px 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.sticky {}
.bypostauthor {}
.wp-post-image { width: 100%; }


/* Title Styles
==========================================================*/
h1 {}
h1.page { font-size: 25px; font-family: Georgia; color: #750000; }
h2 {}
h2.issue_title { font-family: Georgia; color: #000; font-weight: light; text-align: center; }
h3 {}
h3.sidebar_title { background: #750000; color: #FFF; font-family: Georgia; text-align: center; padding: 10px 0px; margin: 0px; }
h3.sidebar_bottom { background: #750000; color: #FFF; font-family: Georgia; text-align: center; padding: 10px 0px; margin: 0px; }
h4 {}
h5 {}
h5.post_title { font-family: Georgia; font-weight: bold; line-height: 150%; font-size: 15px; }
h5.post_title span { font-size: 12px; color: #3b3b3b; }
h6 {}


/* Link Styles
==========================================================*/
a { font-size: 15px; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 300; cursor: pointer; }
a:hover { text-decoration: underline; }

a.sidebar_link { color: #000; font-family: Georgia; font-weight: bold; font-size: 15px; }

a.logo { display: block; width: 626px; height: 125px; background: url('images/alpb_logo_3.png') no-repeat 0 0; }

a.top_link { display: inline-block; vertical-align: top; color: #FFF; margin-left: 15px; font-size: 22px; color: #C4A6A6; }
a.top_link:hover { color: #FFF; }

a.metro_social { color: #FFF; font-size: 30px; }
a.metro_social:hover { color: #CCC; }

a.footer_link { font-family: Georgia; font-size: 12px; color: #FFD9BF; }
a.footer_link:hover { color: #FFF; text-decoration: none;  }
a.footer_link:active { color: #FFF; }

a.footer_link_icon { font-size: 30px; color: #FFD9BF; margin: 0px 7px; }
a.footer_link_icon:hover { color: #FFF; text-decoration: none; }

/* Global Styles
==========================================================*/
body { background: #FFF; }

/*** Header ***/
#header_wrapper { width: 100%; min-height: 125px; background: #00008d; border-bottom: solid 5px #ffdaa8; }
.searchbox { background: #550000; padding: 10px; margin-bottom: 20px; }
.search { display: inline-block; vertical-align: top; }
.screen-reader-text { display: none; }
#searchform input { width: 80%; }
form#searchform input#searchsubmit {
background: url('images/search_icon.png') no-repeat 0 0;
width: 30px	;
height: 34px;
padding-left: 5px;
overflow: hidden;
border: none;
/* Hack for IE */
text-indent:-9999px;
font-size: 0px;
line-height: 0px;
}
.links { display: inline-block; vertical-align: top; width: 160px; }
.logo_contianer img { max-width: 626px; height: auto; }

/*** Navigation ***/
#navigation_wrapper { width: 100%; min-height: 50px; background: #750000; }

/*** Banner ***/
#metro_banner_wrapper { width: 100%; min-height: 325px; background: #ffdaa8; padding: 10px 0px 0px 0px; }

/*** Main Container ***/
.sidebar { background: #ffdaa8; padding: 0px 10px; }
.sidebar ul.nav { margin-top: 20px; } 
.middle_column { padding: 10px 20px 55px 20px; background: #FFF; min-height: 631px; }
.blog_post { margin-bottom: 20px; padding-bottom: 20px; border-bottom: dotted 1px #CCC;  }

.mag_cover { max-width: 130px; margin: 20px auto; }
.mag_cover img { width: 100%; height: auto; }
ul.issue_list li { margin-bottom: 10px; padding: 0px 10px; }

/*** Footer ***/
#footer { width: 100%; background: #00008D; text-align: center; padding: 20px 0px; }
.footer_content { font-family: Georgia; font-size: 12px; color: #FFD9BF; }
.footer_content_2 { font-family: Georgia; font-size: 12px; color: #FFD9BF; max-width: 600px; padding: 10px 0px; text-align: center; margin: 0 auto; }
hr.footer_hr { 
	border: 0; 
	height: 1px; 
	margin-bottom: 10px;
	background-image: -webkit-linear-gradient(left, rgba(255,217,191,0), rgba(255,217,191,0.75), rgba(255,217,191,0)); 
	background-image: -moz-linear-gradient(left, rgba(255,217,191,0), rgba(255,217,191,0.75), rgba(255,217,191,0)); 
	background-image: -ms-linear-gradient(left, rgba(255,217,191,0), rgba(255,217,191,0.75), rgba(255,217,191,0)); 
	background-image: -o-linear-gradient(left, rgba(255,217,191,0), rgba(255,217,191,0.75), rgba(255,217,191,0));
}

#container_wrapper { background: #fbca8a; }

.book_item { margin-bottom: 10px; padding: 0px 30px 10px 30px; border-bottom: 1px dotted #ccc; }
a.book_links h4 { color: #750000; }
a.book_links h4:hover { text-decoration: underline; }
.book_image img { width: 100%; height: auto; }

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active { font-size: 10px; color: #750000 !important; font-weight: bold !important; }

.all_books_content { padding: 20px; }
.all_books_item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: dotted 1px #CCC; }

.cat_item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: dotted 1px #CCC; }

.cat_featured_image img { width: 100%; height: auto; }
.cat_content { padding: 0px 30px; }

.post_feed { display: none !important; }

/* Bootstrap Custom Styles
==========================================================*/
nav.navbar { margin: 0px !important; }

.nav > li > a { font-family: Georgia !important; font-weight: normal !important; padding: 13px 15px !important; color: #FFF !important; border-radius: 0px !important; }
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active { font-family: Georgia !important; color: #FFF !important; background: #750000 !important }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #630000 !important; }
.nav > li > a:hover, .nav > li > a:focus { background-color: #630000 !important; }

.navbar-toggle {
	color: #FFF !important;
	border: solid 1px #FFF !important;
}

ul.nav-stacked li a { color: #750000 !important; }

/* Parallax Custom Styles
==========================================================*/
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a { height:100%; overflow: hidden; }

/* Metro Banner
==========================================================*/
.grid-sizer { width: 5%; }
.item { cursor: pointer; }
.item.sm { width: 78px; height: 78px; margin-bottom: 5px; -webkit-box-shadow: 5px 5px 3px -4px #616161; box-shadow: 5px 5px 3px -4px #616161; }
.item.sm.facebook_tile { background: #3B5998; padding: 15px 0px 0px 25px; }
.item.sm.youtube_tile { background: #CF3427; padding: 15px 0px 0px 25px; }
.item.reg { width: 160px; height: 160px; margin-bottom: 10px; overflow: hidden; -webkit-box-shadow: 5px 5px 3px -4px #616161; box-shadow: 5px 5px 3px -4px #616161; }
.item.reg image { width: 100%; height: auto; }
.item.lg { width: 330px; height: 330px; margin-bottom: 10px; overflow: hidden; -webkit-box-shadow: 5px 5px 3px -4px #616161; box-shadow: 5px 5px 3px -4px #616161; }
.item.lg image { width: 100%; height: auto; }


/* Responsive styles
==========================================================*/

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 990px) {

	.search { width: 77% !important; }

}

@media screen and (max-width: 768px) {

	a.logo { width: 100%; }

}

@media screen and (max-width: 590px) {
	
	a.top_link { margin-left: 5px; }
	.search { width: 100% !important; }
	
	.metro_section { padding-left: 10px; }
	.item.reg { width: 100px !important; height: 100px !important; }
	.item.lg { width: 300px !important; height: 300px !important; }
}

@media screen and (max-width: 480px) {

}


/* #Print styles
==========================================================*/
@media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0px !important; padding-right: 0px !important; }