/*
Theme Name: Pratt
Theme URI: http://xtremelysocial.com/wordpress/pratt/
Description: Pratt by XtremelySocial is an adaptation of the "Pratt" theme by Blacktie.co. It is a modern, fully responsive, "flat" style theme with a nice color palette, big full-width images, and full-width colored sections. The navbar is fixed at the top of the page for easy navigation. It includes several beautiful header images for businesses, photographers, musicians, writers and you can upload your own as well. For more information go to http://xtremelysocial.com/wordpress/pratt/.
Author: XtremelySocial and Blacktie
Author URI: http://xtremelysocial.com
Version: 1.2
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.2
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, rtl-language-support, theme-options, translation-ready, sticky-post, threaded-comments, light, blue

Pratt WordPress theme, Copyright (C) 2014 XtremelySocial
Pratt WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/

/* IMPORT the parent theme's stylesheet(s) */
@import url("../flat-bootstrap/style.css");

/* OVERRIDDEN styles from the parent theme's stylesheet(s) */

/* Need room for fixed navbar at the top. If you change the height of it, change it 
 * here as well. Make sure the navbar doesn't wrap on tablets or this won't work 
 * right.
 */
body {
    padding-top: 50px;
	font-family: 'Open Sans', 'Lato', sans-serif;
}
body {
position: relative;	
background: white;
}
/* When WordPress admin bar is displayed, move theme menu down below it. Note that the
 * media query here uses the exact breakpoint in WordPress not the breakpoint in this
 * theme. */
.navbar-fixed-top { 
	top: 0px; 
}
body.admin-bar .navbar-fixed-top { 
	top: 32px !important; 
}
@media screen and (max-width:782px) {
	body.admin-bar .navbar-fixed-top {
		top: 46px !important; 
	}
}

#page {
	background-color: transparent;
}

.cover-image, 
.cover-image-overlay,
.section-image, 
.section-image-overlay {
	height: 480px; /* cross-browser */
	min-height: 480px;
}

/* Change cover (front page) and section image crop to center. Bold the h1 tag. */
.section-image, 
.cover-image {
	background-position: center center;
}
.section-image-overlay h1, 
.cover-image-overlay h1 {
	font-weight: 700;
}



/* Add some additional padding around the sections */
.section {
	padding-top: 50px;
	padding-bottom: 50px;
}
.padding-top {
	padding-top: 50px;
}
.padding-bottom {
	padding-bottom: 50px;
}
.page-posts {
	padding-bottom: 25px;
}

/* Reduce the footer heading h2 to match the h3 font size and reduce the size of labels. 
 * e.g. in a contact form.
 */
.sidebar-footer h2 {
	font-size: 28px;
	line-height: 30px;
}
.sidebar-footer {
	padding-top: 50px;
	padding-bottom: 15px;
}
.sidebar-footer label {
	font-size: 16px;
	line-height: 22px;
}

/* ddal styles ---------------------*/
h4 {
font-weight: lighter;
line-height: 1.5;
font-size: 24px;
margin-bottom: 30px;
}
#sidebar-pagetop,
#sidebar-pagebottom {
	background: #22689a;
	
}
/* header -----------------------*/
.navbar {
 background: white;	
 padding-top: 10px;
}
#sidebar-headerside {
  float: right;	
  }
#sidebar-headerside aside {
 float: left; 
 margin-right: 10px;
}
/* logo -----------------------*/
.navbar-header a.navbar-brand {
	display: block;
	padding: 0;
}
.navbar-header img {
 width: 100%;	
 margin-top: 6px;
}

/* donate button -----------------------*/
.donate-bt {
  background: #e18e2d;	
  border: none;
  text-transform: uppercase;
  font-size: 16px;
}
.donate-bt:hover {
  background: #e16f18;	
}
.donate-header {
  margin-top: 5px;	
}
/* navigation */
.navbar-toggle{display:none}
.navbar-collapse {
  float: left;	
  width: 50%;
}
.navbar-collapse ul {
  float: right;	
}
#menu-primary-menu li a {
	color: #22689a;
	font-weight:bolder;
	font-size: 16px;
}
#menu-primary-menu li a:hover,
#menu-primary-menu li.current-menu-item a {
  color: #000;	
  background: none;
}
.navbar button.navbar-toggle {
margin-right: 10px;	
}
/* sign up header and footer -----------------------*/
#sidebar-pagetop {
  padding: 20px 0 0;
  position: relative;
  z-index: 2;
}
#sidebar-pagetop .signup-header {
	overflow: hidden;
	padding: 20px 0;
}
#sidebar-pagetop .signup-header form {
	overflow: hidden;
}
#sidebar-pagebottom .signup-footer form {
  margin: 0 auto 20px;
  overflow: hidden;
}
.signup-header h2 {
  color: white;
  font-size: 16px;
  display: block;
  margin: 0;
  float: left;
  margin-right: 10px;
  line-height: 2.3;
}
.signup-header form h2 a {
	display: block;
color: white;
}

.signup-header form input,
.signup-footer form input {
  float: left;
  display: block;
  margin-right: 10px;
  font-size: 16px;
}
.signup-header form input.email,
.signup-header form input.zip,
.signup-footer form input.email,
.signup-footer form input.zip {
  border-radius: 3px;
  border: none;
  padding: 8px;
  font-style: italic;
}
.signup-header form input.zip,
.signup-footer form input.zip {
  width: 22%;	
}
.signup-header form input.email {
  width: 55%;	
}
.signup-footer form input.email {
  width: 48%;	
}
.signup-header form input.submit,
.signup-footer form input.submit {
  padding: 8px 18px;
  font-size: 16px;
  text-transform: uppercase;
  background: #239630;
}
.signup-header form input.submit:hover,
.signup-footer form input.submit:hover {
	background: #23811f;
}

/* cover-image -----------------------*/
#content .cover-image,
#content .cover-image-overlay, 
#content .section-image, 
#content .section-image-overlay {
 height: 395px;
 min-height: 395px;
}

/* about blurb -----------------------*/
#sidebar-imagebottom {
  background:url(images/bg-pattern.png) repeat;
}
.about-blurb  {
	  padding: 20px 0;
  background:url(images/about-text-bg.png) no-repeat bottom right;
  min-height: 317px;
}
.about-blurb h2 {
  text-transform: uppercase;
  font-size: 21px;
  font-weight:bold;
  color: #22689a;
}
.about-blurb .textwidget {
  width: 59%;
}
/* image caption ---------------------*/
#sidebar-imagebottom .image-caption {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    display: block;
    font-size: 29px;
    font-style: italic;
    left: 12%;
    padding: 2%;
    position: absolute;
    right: 12%;
    top: 18%;
    width: 75%;
}
#sidebar-imagebottom .image-caption a {
font-weight: lighter;	
}
#sidebar-imagebottom .image-caption .container {
width: 100%;	
}
/* content area -----------------------*/
#content {
  background: white;
  position: relative;
  z-index: 2;
  margin-bottom: 640px;
  min-height: 700px;
}
.home-posts article {
  float: left;
  width: 47%;
  margin-right: 3%;
}
.home-posts article .entry-image img,
article .entry-content img{
  float: left;
  margin-right: 10px;
  border: 10px solid #22689a;
  border-radius: 100px;
  background-color:#22689a;
  
}
.home-posts .upw-posts article {
  border-bottom: none;	
}
.home-posts a.read-more {
  display: none;	
}
.home-posts article h4.entry-title a {
  font-size: 16px;	
    text-transform: uppercase;
  font-weight:bold;
  color: #22689a;
}
.home-posts article h4.entry-title {
  margin-bottom: 0;	
}

/* bottom page ----------------------------*/
#sidebar-pagebottom {
  text-align: center;
  padding: 20px 10% 60px;
  background:#22689a url(images/watermark-footer.png) no-repeat bottom center;

  position: fixed;
  z-index: 1;
  height: 300px;
  bottom:219px;
  width: 100%;
}
#sidebar-pagebottom h2 {
  font-size: 26px;	
    color: white;
  font-style: italic;
}

#sidebar-pagebottom aside {
   width: 20%;
   display: table-cell;
}
#sidebar-pagebottom aside.signup-footer {
  width: 46%;	
}

#sidebar-pagebottom aside .container {
  width: 100%;	
  padding: 0;
}
#sidebar-pagebottom aside.donate-footer {
  border-bottom: none;
  margin-bottom: 0;
}
#sidebar-pagebottom .donate-footer h2,
#sidebar-pagebottom .signup-footer h2 {
  margin-bottom: 20px;	
}
#sidebar-pagebottom .signup-footer form h2 {
display: none;	
}
/* social icons -bottom */
#sidebar-pagebottom .simple-social-icons ul li a {
  font-size: 32px;
  background-color: #22689a!important;
  color: white!important;
}

/* footer ------------------------------------*/
footer.entry-meta {
text-align: left;
padding-top: 20px;
}
#colophon {
	position: fixed;
	bottom: 0;
	z-index: 1;
	height: 219px;
	width: 100%; 
	
}
footer .after-footer,
footer {
  background: white;
  color: #023556;
  text-align: center;  
}

footer .footer-nav-menu,
footer #site-credits,
footer #logo-footer {
float: none!important;
clear: both;
width: 60%;
margin: 0 auto;
}
footer .after-footer {
  padding-top: 0;	
}
footer #logo-footer {
width: 360px;	
}

#logo-footer a {
	display: block;
	background:url(images/ddal-logo-footer.png) no-repeat;
	width: 360px;
	height: 47px;
	text-indent: -99999em;
}
footer .footer-nav-menu li a {
  color: #22689a;	
}
footer #site-credits li,
footer .menu-after-credits-menu-container{
 display: inline-block;

}
footer #site-credits a {
color: #023556;	

}
footer #site-credits li a {
 padding: 0 0 0 10px;
	
}
footer #site-credits ul  > li:nth-child(n+2):before {
	 border-left: 1px solid #023556;
	 content:"";
	 height: 10px;
	 margin-left: 10px;
}
footer #site-credits a:hover,
footer a:hover,
footer .footer-nav-menu a:hover {
  color: #000;	
}
footer #site-credits {
  font-size: 13px;	
}

#footer-navigation ul.dividers > li:nth-child(n+2):before {
  border-left: none!important;	
}

/* interior pages ----------------------------*/
#content {
 background: #fff url(images/interior-bg.png) repeat-x top left;
}
#main > h2.entry-title {
	text-align: center;
	margin: 30px 0;
}

/* posts */
.post-thumbnail {
 float: left;
 margin-right: 15px;
 border: none!important;
}
.post-thumbnail img{
  border: 10px solid #22689a;
  border-radius: 100px;	
  padding: 0;
  background-color: #22689a;
}
#main .featured img {
border-radius: 200px;	
  border: 10px solid #22689a;
  padding: 0;
}
.entry-header h3 a{
  font-size: 16px;	
    text-transform: uppercase;
  font-weight:bold;
  color: #22689a;	
}
#main .featured h2 a{
  font-size: 22px;	
    text-transform: uppercase;
  font-weight:bold;
  color: #22689a;	
}
#main .featured h2 {
 margin-top: 0;	
}

#main div.featured {
clear: both;
margin-bottom: 20px;
float: none;
overflow: hidden;
/*background:url(images/bg-pattern.png) repeat;
border-top-left-radius:200px;
border-bottom-left-radius: 200px;*/
padding-right: 30px;

}
article.post {
display: table;	
}
article .post-tb-wrap,
article .post-content {
display: table-cell;
vertical-align:top;
}
article .post-tb-wrap {
width: 20%;	
padding-top: 10px;
}

.entry-header h3.entry-title  {
margin-top: 0;	
}
article .entry-content {
margin-bottom: 20px;	
}
@media (max-width:1199px) {
	.navbar-collapse {
		width: 41%;
	}
	
#main div.featured {
	height: auto;
	background: none;
}
.signup-header form input.email {
  width: 50%;	
}
.signup-footer form input.email {
  width: 46%;	
}
	#sidebar-imagebottom .about-blurb {
	height: 317px;
	overflow: hidden;
	}
	#sidebar-imagebottom .image-caption {
		top: 16%;
		
	}
}
@media (max-width:1024px) {
.signup-header form input.email {
  width: 50%;	
}
.signup-footer form input.email {
  width: 40%;	
}
article .post-tb-wrap {
width: 30%;	
}

}

@media (max-width:990px) {
	
	.signup-header form input.email {
  width: 37%;	
}
.signup-footer form input.email {
  width: 35%;	
}
header .navbar-collapse.collapse,
.navbar-collapse ul,
.navbar-nav {
  clear: both;
  float: none!important;
  width: 100%;
}
header #site-navigation div.collapsing {
  display: none!important;	
}
header .navbar-collapse.collapse li {
 display: block;
 width: 100%;
}
.collapse {
display: none;	
}

button.navbar-toggle {
 display: block!important;
 position: absolute;
 right: 0;
 top: 0;
}
.navbar .container {
  position: relative;	
}


#sidebar-headerside {
 position: absolute;
 right: 48px;
 top: 0;
}

	#sidebar-imagebottom .about-blurb  {
	background:none;
		height: auto!important;
		overflow: visible;
	}
		#sidebar-imagebottom .textwidget {
	width: 100%;
	}
	#sidebar-imagebottom .image-caption {
 font-size: 22px;
 top: 14%;
    
}
#content .cover-image,
#content .cover-image-overlay, 
#content .section-image, 
#content .section-image-overlay {
 height: 360px;
 min-height: 360px;
}
#sidebar-pagebottom .simple-social-icons ul li a {
font-size: 24px;	
}
article .post-tb-wrap {
width: 30%;	
}
}

@media (max-width:800px) {
	#sidebar-pagebottom aside,
	#sidebar-pagebottom aside.signup-footer{
	width: 80%;
	display: block;
	margin: 0 auto;
	}
	#sidebar-pagebottom {
	height: 460px;	
	}
	#content {
	  margin-bottom: 800px;	
	}
		.signup-header form input.email {
  width: 33%;	
}
.navbar-header a.navbar-brand {
margin-left: 10px;	
}
article .post-tb-wrap {
width: 30%;	
}
}

@media (max-width:618px) {
	#sidebar-headerside {
		display: none;
	}
		.signup-header form input.email {
  width: 30%;	
}
.signup-footer form input.email {
  width: 40%;	
}
.signup-footer form input.zip,
.signup-header form input.zip {
width: 20%;	
}

	.featured img {
	float: none;	
	}
	#sidebar-pagebottom {
	height: 420px;	
	}
	#content {
	 margin-bottom: 740px;	
	}
	#sidebar-imagebottom .about-blurb  {
	background:none;
	}
	#sidebar-imagebottom .textwidget {
	width: 100%;
	}
	.home-posts article {
	float: none;
	clear: both;
	width: 100%;
	}
	#content {
	 margin-bottom: 0;	
	}
	#sidebar-pagebottom  {
	  position: relative;
	  height: auto!important;
	  bottom: 0;
	   padding: 20px 0 40px;
  background:#22689a url(images/watermark-mobile.png) no-repeat bottom center;
	}
	#colophon {
	  position:relative;
	  height: auto!important;
	}
	.navbar-header a.navbar-brand img {
	display: none;	
	}
	.navbar-header a.navbar-brand {
	display: block;
	background:url(images/ddal-logo-header-250.png) no-repeat left center;
	width: 250px;
	height: 50px;
	}
	footer #logo-footer {
	width: 280px;

	}
	footer #logo-footer a {
    display: block;
	background:url(images/ddal-logo-header-250.png) no-repeat center;
	width: 250px;
	height: 50px;
	margin: 0 auto;	
	}
	footer .footer-nav-menu, footer #site-credits, footer #logo-footer {
		width: 100%;
	}
	
	.home-posts article .entry-image img,
	#main .featured img,
	#page-posts .post-thumbnail img {
	border: none;	
	}
	#sidebar-imagebottom .image-caption {
 font-size: 18px;
 top: 8%;
    
}
#content .cover-image,
#content .cover-image-overlay, 
#content .section-image, 
#content .section-image-overlay {
 height: 300px;
 min-height: 300px;
}
article .post-tb-wrap {
width: 40%;	
}
}
@media (max-width:550px) {
	.signup-header form {
	margin: 0;	
}
.signup-header #collapseOne {
 margin-bottom: 15px;
 overflow: hidden;
}

.signup-header form input.email,
.signup-footer form input.email {
  width: 100%;	
  margin-bottom: 10px;
  clear: both;
  float: none;
  margin-right: 0;
}
.signup-footer form input.zip,
.signup-header form input.zip {
width: 78%;	
margin-right: 0;
}
.signup-header form input.submit,
.signup-footer form input.submit {
float: right;
margin-right: 0;
}
.signup-header form input.submit, 
.signup-footer form input.submit,
.donate-bt{
font-size: 12px;	
}
#sidebar-pagetop .signup-header {
	padding: 10px 0;
}
.signup-header #form-mobile {
display: block!important;	
}
.signup-header #form-main {
display :none;	
}
.signup-header form h2{
display: block;
float: none;
clear: both;
margin-bottom: 0px;
line-height: 2.5;
width: 100%;
}
.signup-header #form-mobile h2 a,
.signup-header #form-mobile .accordion-heading a {
	color:white;
	display: block;
	width: 100%;
	background-image: url(images/signup-arrow.png);
	background-repeat: no-repeat;
	background-position:  right 10px;
	margin-bottom: 10px;
}
/*
.signup-header #form-mobile .accordion-heading a.collapsed {
 background-position: right 10px;	
}*/
article .post-tb-wrap {
width: 50%;	
}
}
@media (max-width:460px) {
	#sidebar-pagebottom aside.signup-footer {
	width: 90%;	
	}
.signup-footer form input.zip,
.signup-header form input.zip {
width: 69%;	

}
	#sidebar-pagebottom h2.widget-title {
	font-size: 18px;	
	}
	#sidebar-pagebottom aside {
    margin: 0 auto;
    padding-bottom: 0px;
    width: 95%;
	}



	.home-posts article .entry-image img,
	#main .featured img,
	#page-posts .post-thumbnail {
	float: none;	
	}
	#page-posts .post-thumbnail img {
	margin-bottom: 0;	
	}
	#page-posts .entry-header h3 {
	margin-top: 0;	
	}
	#sidebar-imagebottom .image-caption {
 font-size: 14px;
 top: 8%;
    
}
article.post {
display: block;	
}
article .post-tb-wrap,
article .post-content {
display: block;
float: none;
vertical-align:top;
}
article .post-tb-wrap {
width: 100%;	
}
}