/*
 Theme Name:   JVP Base
 Description:  Bootstrap Parent Theme, orig. based on Bones wordpress-bootstrap-master
 Author:       JVP
 Author URI:   http://jvpdigital.com
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  jvpbase
 
 
 fonts:
 
 h1, h2
 font-family: 'Droid Serif', serif;
 
 body, h3
 font-family: 'Open Sans', sans-serif;
 
 
 colors:
 
 light-red: #ec032b;
 dark-red: #981522;
 blue: #1aa0ad;
 beige: #e2d7c4;
 black: #210f0f;
 
*/

*{
	outline: none !important;
}

body{
	padding-top: 0px;
	color: #666;
	line-height: 2em;
	font-family: 'Open Sans', sans-serif;
}


a{
	text-decoration: underline;
	/*pointer-events: auto;*/
}

div {
	position: relative;
}
	
h1, h2{
	font-family: 'Droid Serif', serif;
}

h3{
	font-family: 'Open Sans', sans-serif;
}

.nobr{
	white-space: nowrap;
}

/* mobile nav */



.navbar{
	background: #4f90bb;
}

.navbar-header{
	width: 100%;
}

.navbar-header h1{
	color: #fff;
	text-align: center;
	margin-top: 50px;
	font-size: 14px;
	clear: both;
}

.stage-toggle {
    /*position: relative;
    float: left;*/
    margin-left: 0px;
    padding: 5px 10px;
    margin-bottom: 8px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    top: 5px;
}

.stage-toggle-right{
	right: 0px;
}

.navbar-brand {
	font-size: 10px;
	float: left;
	background: url(images/logo.png) no-repeat center center;
	background-size: auto 90%;
	text-indent: -9999px;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	text-align: center;
	display: block;
	position: absolute;
}

.navbar-collapse {
	max-height: 430px;
}

ul.callouts{
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.btn{
	border: 1px solid gray;
	transition: all 300ms ease-in-out;
}

.btn:hover{
	background: #eee;
}


/** /
.stage-shelf{
	position: fixed;
	left: -250px;
}
/*/
.stage-shelf-right{
	position: fixed;
	right: -250px;
}
/**/

label.error {
	color: #ffa500;
}




.container .container,
.container-fluid .container{
	width: 100%;
}

section{
	padding: 30px 0px;
	background-size: cover;
	background-position: center top;
}


/* FLEX STYLES */
.flex.sm-flex{
	display: block;
}

.flex{
	display: flex;
}

.flex.wrap{
	flex-wrap: wrap;
}

.flex.nowrap{
	flex-wrap: nowrap;
}

/* create boxes of equal height -- useful in bootstrap rows */
.flex.vert-stretch{
	align-items: stretch;
}

/* vertically center content */
.flex.vert-center{
	align-items: center;
}

.flex.justify-center{
	justify-content: center;
}

.flex.justify-right{
	justify-content: flex-end;
}




/*
        ______ __   ___  
   ____|____  / /  / _ \ 
  / __ \   / / /_ | (_) |
 / / _` | / / '_ \ > _ < 
| | (_| |/ /| (_) | (_) |
 \ \__,_/_/  \___/ \___/ 
  \____/ 

*/

@media (min-width: 768px) {
	h1{
		font-size: 56px;
		margin-bottom: 40px;
	}
	
	.flex.sm-flex{
		display: flex;
	}

	.navbar.navbar-default{
		background: none;
		border: none;
		margin-bottom: 40px;
	}

	.navbar-header h1{
		color: #4f90bb;
		text-align: left;
		margin-top: 50px;
		margin-left: 35px;
		font-size: 16px;
		font-weight: bold;
		clear: both;
	}
	
	.navbar > .container .navbar-brand {
		text-indent: -9999px;
		width: 275px;
		height: 96px;
		position: relative;
		margin: 0px;
		background-size: auto;
	}
	
	
	.stage-shelf{
		position: relative;
		left: auto;
		right: auto;
		width: 100%;
		clear: both;
		z-index: 1000;
	}
	
	section{
		padding: 80px 0px;
	}
}



/*

         ___   ___   ___  
   ____ / _ \ / _ \ / _ \ 
  / __ \ (_) | (_) | | | |
 / / _` \__, |\__, | | | |
| | (_| | / /   / /| |_| |
 \ \__,_|/_/   /_/  \___/ 
  \____/
  
*/


@media (min-width: 990px) {
	
}


/*
        __ ___   ___   ___  
   ____/_ |__ \ / _ \ / _ \ 
  / __ \| |  ) | | | | | | |
 / / _` | | / /| | | | | | |
| | (_| | |/ /_| |_| | |_| |
 \ \__,_|_|____|\___/ \___/ 
  \____/  

*/

@media (min-width: 1200px) {
	
}