/* 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{
	/*padding-top: 10px;*/
	height: 100%;
	background: #FF5F6D; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #FF5F6D , #FFC371); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #FF5F6D , #FFC371); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
::selection {
	background: #ffa500;
	color: #fff;
	text-shadow: none;
}
.container{
	max-width: 1024px;
	
}
a:hover img{
	border-color: #ffa500;
}
.thead-inverse{
	color: grey;
    background-color: #333;
    
}

thead th{
	text-align: center;
}

.wrapper {
	background-color: transparent;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
    background-color: #fff;
}
.footer, .push {
    height: 100px; /* .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-brand{
	color: #fe8008;
}*/
.navbar-orange{
	background: #f5a30a;
	background: -webkit-linear-gradient(to bottom, #f5a30a , #fe8008); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #f5a30a , #fe8008); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	border-color: #ff5604;
	
}
.navbar-orange .navbar-brand {
	color: #fff;
}
.navbar-orange .navbar-nav>li>a {
    color: #fff;
}
.navbar-orange .navbar-nav>li>a:hover {
    color: #000;
}
.navbar-orange .navbar-toggle:hover {
    background-color: #ff5604;
}
.navbar-orange .navbar-toggle {
    border-color: #ff5604;
    background-color: #ff5604;
}
@media(min-width: 900px){
	
}
@media(max-width: 899px){
	
}
@media(min-width: 768px){
	.container{
		width: 100%;
	}
	
	.copyright span:before{
		content: " | ";
	}
	#social-menu{
	}
}
@media(max-width: 767px){
	.navbar-brand{
	min-height: 80px;
}
	.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;
	}
	#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; }