/*
Theme Name: Carendt.com custom theme
Author: G.H.Wierbos - Alterview
Description: Custom theme based on indiehackers.com for Carendt.com
Version: 0.0.1
Tags: bootstrap, indiehackers, dark, light
*/

body {
  	background-color: #0E2439;
	color:#FFFFFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	margin-top:100px;
}

/* push down navigation bar when admin bar appears */
body.customize-support .navbar-fixed-top {
	margin-top:32px;
}
body.customize-support .navbar-fixed-top .dropdown-menu {
	top:82px;
}

.navbar-fixed-top {
 	margin-bottom: 19px;
	background-color: #0E2439;
	color:#FFFFFF;
}

.navbar-brand {
	color:#FFFFFF !important;
}

@media (min-width: 768px) and (max-width:1000px) {
	.navbar-brand-text-small {
		display:none;
	}
}

.navbar-default {
	border-color:#1f364d;
	font-weight:600;
}

.navbar-default .glyphicon {
	color:#5f8ab4;
	padding-right: 4px;
}

.navbar-default .navbar-nav>li>a {
	color:#9cb3c9;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color:#FFFFFF;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color:#FFFFFF;
	background: #1f364d;
}

.navbar-default .navbar-toggle {
	border: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color:#FFF;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color:#1f364d;
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color:#9cb3c9;
		font-weight: 600;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu>li:hover>a {
		color:#FFF;
                background-color:#1f364d;
	}

}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color:#1f364d;
	color:#FFF;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
     max-height: 100%; /* maybe needs some finetuning for smaller devices + expanded section menu */
}
.btn-header {
	padding: 8px !important;
   	margin: 6px !important;
	border:1px solid #1f364d !important;
	color:#FFFFFF !important;

	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	border-radius: 2px !important; /* future proofing */
	-khtml-border-radius: 2px !important; /* for old Konqueror browsers */
}

.btn-header-signup {
	background:#f15c41;
	border:none !important;
	color:#0E2439 !important;
}

.btn-header-signup:hover, .btn-header-signup:focus, .btn-header-signup.active {
	background:#F24738 !important;
        color:#FFFFFF !important;
}
@media (min-width: 768px) {
    .dropdown-menu {
  	position: fixed;
  	top: 50px; 
  	width: 100%;
	background:#1f364d;
	text-align: center;
    }
	
    .dropdown-menu li {
	display:inline-block;
    }

    .dropdown-menu li a {
	color:#9cb3c9;
	background:#0E2439;
	font-weight: 600;
	border-radius: 2px !important;
	margin-left:2px; 
	margin-right:2px;
    }

    .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a.active {
	background:#9cb3c9;
	color:#0E2439;
    }
}
h1 {
	font-size:48px;
	font-weight:600;
	padding-bottom:26px;
}

h2 {
	font-size:36px;
	font-weight:600;
	padding-bottom:24px;
}

h3 {
	font-size: 24px;
	font-weight:600px;
	padding-bottom:22px;
}

p {
	font-size:19px;
	color: #b9c9da;
	line-height:1.6;	
}
	
.newsletter-row {
	padding-bottom:34px;
	border-bottom: 1px solid #1f364d;
}

.index-row {
	padding-top:34px;	
}

.thumbnail {
	background:#1f364d !important;
	border:none !important;
}

.thumbnail .caption {
	color:#FFF !important;
}

.index-element {
	background:#1f364d;
	-moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        border-radius: 4px !important; /* future proofing */
        -khtml-border-radius: 4px !important; /* for old Konqueror browsers */
		
	padding:30px 15px;
	margin:0px;

	-webkit-transition: margin 0.1s; /* Safari */
    	transition: margin 0.2s;
	height:300px;
    	margin-bottom: 30px;
}

.index-element:hover {
	margin:-10px;
}

.index-element h3 {
	-webkit-transition: font-size 0.2s; /* Safari */
        transition: font-size 0.2s;
}

.index-element:hover h3 {
	font-size:25px;
}

.index-element .metadata {
	/*padding-bottom:30px;*/
	color:#9cb3c9;
}

.index-element img {
	-moz-border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        border-radius: 4px !important; /* future proofing */
        -khtml-border-radius: 4px !important; /* for old Konqueror browsers */
}
	
.index-element .btn-lg {
	-webkit-transition: padding 0.2s, font-size 0.2s, border-radius 0.2s; /* Safari */
        transition: padding 0.2s, font-size 0.2s, border-radius 0.2s;
}

.index-element:hover .btn-lg {
	padding: 12px 18px;
	font-size:20px;
	border-radius: 8px;
	
}

.footer {
	background:#1f364d;
	margin-top:30px;
	overflow:hidden;
}

.footer .footer-menu {
	list-style: none;
}

.footer .footer-menu li {
	display:inline-block;
	padding: 0px 16px;
}

.footer .footer-menu li a {
	color:#b9c9da;
}

.footer p {
	font-size:14px;
}

/* BBPress styling */

#bbpress-forums .bbp-breadcrumb p a, #bbpress-forums .bbp-breadcrumb p span, #bbpress-forums .bbp-breadcrumb p {
	font-size:16px !important;
}

#bbpress-forums .bbp-forums .bbp-header, #bbpress-forums .bbp-forums .bbp-footer {
	background:#1f364d;
}

#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
	border:none !important;
}

#bbpress-forums li.bbp-body, #bbpress-forums div.odd, #bbpress-forums ul.odd {
	background:#0E2439 !important;
	border:none !important;
	font-size:16px !important;
}

#bbpress-forums li.bbp-body a {
	color:#b9c9da;
}

#bbpress-forums div.even, #bbpress-forums ul.even {
	background:#1f364d !important;
	border:none !important;
}

#bbpress-forums .bbp-forums .bbp-footer {
	display:none;
}

/* Modal */
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

div.modal-content {
	background-color:#0E2439 !important;
}

div.modal-header, div.modal-footer {
	border:none;
}

.close {
	color:#FFF;
	text-shadow:none;
	opacity:1;
}

.close:hover {
	color:#b9c9da;
}

/* Bootstrap comment styling */
.comment-form-author,
.comment-form-email,
.comment-form-url {
    width: 50%;
}

/* newsletter form */
.subscribe-form {
    margin:0px auto !important;
}


/* BBPress styling */
div.bbp-template-notice, div.indicator-hint {
    background: #f15c41 !important;
    border:1px solid #f15c41 !important;
    color:#0E2439 !important;
}

div.bbp-template-notice p {
     color:#0E2439 !important;
}


div.bbp-template-notice.info {
    border: 1px solid #1f364d !important;
    background-color: #1f364d !important;
    
}

div.bbp-template-notice.info p{
    color:#b9c9da !important;
}

div.bbp-template-notice.info a {
    color:#FFF;
}

#bbpress-forums li.bbp-header {
    background: #1f364d !important;
}
#bbpress-forums li.bbp-footer {
    background: #1f364d !important;

}

#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
    background: #1f364d !important;

}

div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header {
    border-top: 1px solid #0E2439 !important;
    clear: both;
}

span.bbp-admin-links, #subscription-toggle {
    color:#1f364d !important;
}

#bbpress-forums fieldset.bbp-form {
    border:1px solid #1f364d !important;
}

#bbpress-forums fieldset.bbp-form legend {
    color:#b9c9da !important;
    border-bottom:1px solid #1f364d !important;
}

label {
    font-weight:400 !important;
}

button, input, optgroup, select, textarea {
    color:#0E2439 !important;
    /* color: inherit; */
}