/* Theme Name:		David de Beer */

/* ----------------------------------------------------
    OVERRIDE DEFAULT STYLES
------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { color: inherit; font-family: "Arial", sans-serif;  }
p { font-family: "Arial",sans-serif; }
a { color: #0e0c50; text-decoration: none; }
a:hover, a:active { color: #0e0c50; text-decoration: underline; }
ul { font-family: "Arial",sans-serif; }

html{
	height: 100%;
}
body{
	border-top: 3px solid #0e0c50;
	/*padding-top: 10px;*/
	height: 100%;
}
::selection {
	background: #0e0c50;
	color: #fff;
	text-shadow: none;
}
.container{
	max-width: 1024px;
}
.carousel{
	width: !important;
	width: 100%;
}

a:hover img{
	border-color: #0e0c50;
}
.thead-inverse{
	color: grey;
    background-color: #333;
    
}
.album{
	position: relative;
}
.album h3{
	position: absolute;
	color: #000;
}
.album h3:first-of-type{
	width: 84%;
	left: 20px;
	background-color: #fff;
	opacity: .75;
	top: -15px;
}
.album h3:nth-of-type(2){
	bottom: 0;
	right: 20px;
}
thead th{
	text-align: center;
}
.cv{
	text-transform: uppercase;
}
.cv td:first-child{
	width: 30%;
}
.cv td:nth-child(2){
	width: 60%
}
.wrapper {
	background-color: transparent;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 50px; /* .push must be the same height as .footer */
}
.panel-light-red{
	border: #0e0c50 1px solid;
	background-color: #fef3f4;
}
.profpic{
	min-height: 120px;
	border: solid 1px #0e0c50;
}

.dropzone .dz-preview .dz-error-message {
    top: 150px!important;
}
a.edit:hover{
	color: orange;
}
a.manage:hover{
	color: blue;
}
a.del:hover, a.remove:hover{
	color: red;
}
a.default:hover{
	color: #d9d900;
}
a.add:hover{
	color: green;
}
.media:first-child{
	margin-top: 15px;
}
.img-gallery{
		height:270px;
		margin-bottom: 60px;
	}


/* ------------------------------------------------
    NAVIGATION
------------------------------------------------*/
.navbar-right{
	padding-right: 20px;
}
.navbar-brand{
	min-height: 80px;
}

@media(min-width: 900px){
	.nav.navbar-nav.navbar-right{
		right: 0;
		bottom: 0;
	}
	.admin-menu{
		margin-top: 15px;
	}
}
@media(max-width: 899px){
	.nav.navbar-nav.navbar-right{
		left: 0;
		top: 95px;
	}
	.navbar-brand{
		min-height: 100px;
	}
}
@media(min-width: 768px){
	.container{
		width: 100%;
	}
	#pictureForm .dropzone {
		min-height: 300px;
	}
	.header-margin{
		margin-top: 15px;
	}
	.contact {  
    	min-height: 211px;
    	border-bottom: 1px solid #eee;
    	margin: 5px;
	}
	.dropdown:hover > ul {
		display: block;
		border-top: 2px solid #0e0c50 !important;
		padding: 0;
	}
	.caret{
		display: none;
	}
	.nav.navbar-nav.navbar-right{
		position: absolute;
	}
	.navbar-default,.navbar-nav>li>a:active,.nav .open>a,.nav .open>a:hover{
		background: transparent !important;
		border: 0;
		box-shadow: none !important;	
	}
	.navbar-nav>li>a{
		padding-bottom: 5px !important;
		padding-left:  5px;
		padding-right: 5px;
		margin-left:  5px;
		margin-right: 5px;
	}
	.navbar-nav>li>a.active,.navbar-nav>li>a:hover {
		display: inline-block;
		margin-bottom: -2px;
		border-bottom: 2px solid #0e0c50 !important;
	}

	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
		color: #0e0c50;
		background-color: #d8d9fc; /* FFFDC0 */
		background-image:none !important;
	}
	.navbar-header{
		position: relative;
	}
	.navbar-brand{
		max-height: 80px;
	}
	.copyright span:before{
		content: " | ";
	}
	#social-menu{
		position: absolute;
		right: 30px;
		top: 5px;
		z-index: 99;
	}
}
@media(max-width: 767px){
	.img-gallery{
		height:100px;
	}
	.wrapper {
		 margin: 20px auto -100px; /* the bottom margin is the negative value of the footer's height */
	}
	.footer, .push {
		height: 100px; /* .push must be the same height as .footer */
	}
	.terms,.disclaimer{
		display: block;
	}
	.navbar-brand{
		min-height: 200px;
		min-width: 320px;
		max-width: 650px;
	}
	#social-menu{
		text-align: center; 
	}
}
/*-----------------------------------------------
	FOOTER
------------------------------------------------*/
.footer { 
	padding-top: 20px;
	bottom: 0; 
	width: 100%; 
	text-align: center; 
	background-color: #333333; 
	clear: both;
}
.footer p { color: #ffffff; }
.footer a { color:#fff; }
.footer a:hover { color:#fff; text-decoration:underline; }

.footer .copyright { float:left; }
.footer .credit { float:right; }
.footer .credit a { color:#999; font-size:12px; }