/*
Theme Name: pratt-mpa
Theme URI: http://amatowebdesign.com
Description: pratt-mpa is an adaptation of the "Pratt" theme by Blacktie.co.and xtremelysocial 
Author: AWD
Author URI: http://amatowebdesign.com
Version: 1.5-1.0
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Template: flat-bootstrap
Template Version: 1.9
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-mpa WordPress theme, Copyright (C) 2017 AmatoWebDesign.com
Pratt-mpa WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Navigation
	## Menus
# Content
	## Header
	## Footer
# Padding
--------------------------------------------------------------*/

/* 
 * IMPORT the parent theme's stylesheet(s). NOTE: This was moved to functions.php for
 * performance reasons.
 */
/*@import url("../flat-bootstrap/style.css");*

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* 
 * 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 it won't look good.
 */
body {
    padding-top: 50px;
}

/* 
 * 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. 
 */
body.admin-bar .navbar-fixed-top { 
	top: 32px !important; 
}
body.admin-bar #wpadminbar {
    position: fixed;
	border-bottom: 1px solid #080808; /* match our topnav */
}
@media screen and (max-width:782px) {
	body.admin-bar .navbar-fixed-top {
		top: 46px !important; 
	}
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

/* Change height of cover (home page) and section (other pages) images */
.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;
}

/* Set spacer margin back to 100px as the header image as not as tall as in the parent theme */
@media (min-width: 768px) {
	.cover-image .spacer {
		margin-top: 100px;
	}
}

/* Style the footer area to have white text and link underlines instead of the parent
 * theme's gray text and white links. If you want to revert to the parent theme's style
 * just comment out this section.
 */
/*
.sidebar-footer {
	color: #fff !important;
}
.sidebar-footer a, 
.sidebar-footer a:hover, 
.sidebar-footer a:focus {
	color: #fff !important;
	text-decoration: underline !important;
}
*/

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

/* 
 * Reduce the footer heading h2 to match the h3 font size and reduce the size of labels. 
 * e.g. in a contact form.
 * PVA EDIT CHANGE SIDEBAR-FOOTER BG COLOR TO PAGE COLOR
 */
.sidebar-footer h2 {
	font-size: 28px;
	line-height: 30px;
/*	display: none;*/
}
.sidebar-footer {
	padding-top: 50px;
	padding-bottom: 15px;
	background-color: #F2F2F2;
/*	display: none;*/
}
.sidebar-footer label {
	font-size: 16px;
	line-height: 22px;
/*	display: none;*/
}

/*--------------------------------------------------------------
# Padding
--------------------------------------------------------------*/

/* 
 * Adjust the padding only in sections for now (Flat Bootstrap v1.9).
 * TO-DO: Flat Bootstrap v2.0 completely changes the way section padding is handled.
 * It already increases it to 48px, so remove this.
*/
.section {
	padding-top: 50px;
	padding-bottom: 50px;
}
/*.padding-top {
	padding-top: 50px;
}
.padding-bottom {
	padding-bottom: 50px;
}*/
.page-posts {
	padding-bottom: 25px;
}


/*-------------------------------------------------------
# PVA STYLES 
-----------------------------------------------------------------------*/
body {
	height: 100%;
	}
/*hide header*/
header.content-header {
	display: none;
	}
	
	
/* Set colors for input buttons (Search, Reply). */
.btn-default,
button,
html input[type="button"],
input[type="submit"] {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.btn-default:hover,
.btn-default:focus,
button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    color: #fff;
    background-color: #a9a9a9;
    border-color: #a9a9a9;
}
	
	
/* Style for event page */	
	
.event-row{
	margin-top: 30px;
	margin-bottom: 20px;
	}
	
.event-thumbnail{
	margin-bottom: 20px;
	}	
	
.event-entry-title{ 
	margin-top: 0px;
	}	
	
/*keep footer at bottom of page on all but phones
@media (min-width: 768px) {
	.entry-content {
		min-height: 500px;
		}
}*/
/* Sticky Footer 

html {
  height: 100%;
}
#page {
 display:flex;
 flex-direction:column;
 min-height:100%;
}

#sidebar-pagebottom {
 flex:1;
 width: 100%;
}
*/
html {
  height: 100%;
}
#page {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
     -ms-flex-direction:column;
         flex-direction:column;
 min-height:100%;
}

#sidebar-pagebottom {
 -webkit-box-flex:1;
     -ms-flex:1;
         flex:1;
 width: 100%;
}
/*
@media (max-width: 767px) {

	.page {
  		position: relative;
  		padding-bottom: 50px;
  		min-height: 100%;
  		}	
	.site-footer {
		position: absolute;
  		bottom: 0px;
  		width: 100%;
  		height: 50px;
  }		
  	.
}

body {
	background-color: #000000 !important}
.page {
	background-color: #f2f2f2;
		height: 100%;
		}
#content .site-content {
	background-color: #f2f2f2;
	}*/
/*---------
MOVE LARGE SCREEN NAVBAR TO LEFT
---------*/

@media (min-width: 768px) {
	.navbar-nav {
		float: right;
		margin: 0;
		}
} /*end 768 */

/*--------------------
LINK STYLES
------------*/
a { color: #555;}
a:hover, a:focus , a:active { color: #777;}


/*---------
* MEDIA QUERIES TO SHOW OR HIDE BODIES OF WORK MENUS
* ON TOP OR LH COL
*-----*/

@media (min-width: 992px) {
	#nav_menu-3 {
		display: none !important;
		}
		}
		
		
@media (max-width: 992px) {
	#nav_menu-2 {
		display: none !important;
		}
		}
		
/*--------------------
FOOTER LINK STYLES
------------*/

#footer-navigation a { color: #fff;}

#footer-navigation a:hover , 
#footer-navigation a:focus ,
#footer-navigation a:active { color: #777;}


#site-credits a { color: #fff;}

#site-credits a:hover , 
#site-credits a:focus ,
#site-credits a:active { color: #777;}


/*
STYLE for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	/* border: 1px solid #BFBFBF; */
	border: 0px;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}