/*
Theme Name: dispuutssite
Theme URI: http://dispuutssite.nl
Author: boekhoudenopmaat
Author URI: http://boekhoudenopmaat.nl
Description: Ontwerp speciaal gemaakt voor de klanten van dispuutssite.nl
Version: 1.0
*/

/* Body */

html, body. div{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3 {
	font-family: 'Montserrat', sans-serif;
	color: purple;
}

h1 {
    font-family: 'Roboto', sans-serif;
}

h2 {
	text-align: center;
}

h3 {
	color: black;
	text-align: center;
}

/* Navigation bar */
.navbar {
	background-color: transparent;
	border-bottom: 5px purple solid;
}

.navbar.affix {
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 10px #888888;
}

.navbar.affix .navbar-nav>li>a {
	color: black !important;
}

.navbar-fixed-top {
	background-color: transparent;
	opacity: 1.0;
	border-bottom: 0;
	text-transform: uppercase;
}

.navbar-nav>li>a {
	font-size: 1.3em;
	font-weight: lighter;
	color: #FFFFFF !important;
}

.navbar-nav a:hover {
	border-top: 3px solid purple;
}
.navbar-nav .active a {
	background-color: transparent !important;
	border-top: 3px solid purple;
}

.navbar .navbar-header .navbar-brand {
	color: white;
	font-size: 2em;
}

.navbar.affix .navbar-header .navbar-brand {
	color: purple;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color: transparent;
}

.dropdown-menu {
	font-family: 'Roboto', sans-serif;
	background-color: transparent;
	border: none;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	box-shadow: none;
}

.dropdown-menu:hover {
	background-color: transparent;
	border: none;
	width: 100%;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	border-top: green 3px solid;
	margin-bottom: 0px;
	color: green;
}

.dropdown-menu > li > a {
	color: white;
}

.dropdown-menu > li > a:hover {
	color: green;
	background-color: transparent;
	border:none;
}

.navbar.affix .dropdown-menu {
	background-color: rgba(255,255,255,0.9);
	width: 100%;
	margin-top: 0px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.navbar.affix .dropdown-menu > li > a {
	color: black;
}

.navbar.affix .dropdown-menu > li > a:hover {
	color: green;
}
/* Header */

.header {
	text-align: center;
	color: white;
	background-color: rgba(230,0,230,0.1);
	font-size: 0.5vw;
}

.wapen {
	height: auto;
	width: 300px;
}

/* Content */

.content {
	padding-bottom: 30px;
}

.content h2 {
	border-bottom: 3px solid purple;
	height: 40px;
}

/* Post */

.post .image {
	height: 100%;
	width: 100%;
	padding-top: 30px;
}

.post a {
	text-decoration: none;
	color: purple;
}
.post .meta {
	color: purple;
	padding-bottom: 10px;
	text-align: center;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.post .readmore {
	float: right;
	padding-right: 25px;
}
.post .content p {
	padding: 0 20px;
}

.post .content p::first-letter {
	font-size: 150%;
}

/* Comments */
.comments {
	padding: 15px 0;
	border-top: purple solid 1px;
}

.reaction {
	padding: 15px 0;
}

.comments .imagebox,
.reaction .imagebox {
	text-align: center;
}


.comments .image,
.reaction .image {
	height: 150px;
	width: 150px;
	border-radius: 50%;
	background-position:50% 50%;
    background-repeat:no-repeat;  
}

.comments .comment,
.reaction .comment {
	padding: 0 50px;
}

.comments .comment h4 {
	color: purple;
}

.comments .comment .date {
	font-style: italic;
}

.comments .comment .date,
.reaction .comment .date {
	font-style: italic;
}

.btn-reaction {
    color: white;
    background-color: purple;
    border-color: purple;
}

.newreaction {
	padding: 0 20px;
}

/* Dashboard / Sidebar / Widgets */
.dashboard .text {
	padding: 0 20px;
}

.dashboard .text h4,
.dashboard .text h4>a {
	text-align: center;
	color: black;
	text-decoration: none;
}

.dashboard .text p {
	padding-left: 30px;
}

.widget h3 {
	text-align: center;
}

.widget .text p {
	padding: 0 20px;
}

li.recentcomments {
	list-style: none;
	margin-left: -40px;
	text-align: center; 
}

.recentcomments a {
	color: purple;
}

.widget .text ul > li {
	list-style: none;
	margin-left: -40px;
	text-align: center; 
}

.widget .text ul > li > a {
	color: red;
}

label.screen-reader-text {
	display: none;
}

.zoeken {
	padding: 0 20px;
	text-align: center;
}

/* Footer */

.footer {
	background: transparent;
	margin-bottom: 0;
	background-color: rgba(230,0,230,0.1);
}

.footer .text {
	text-align: center;
	background: rgba(255,255,255,0.9);
	padding-bottom: 10px;
	padding-top: 5px;
}

.footer .text h3 {
	color: purple;
	border-bottom: 3px solid purple;
	height: 40px;
}

.footer .text h4 {
	color: purple;
}

.footer .text a>i {
	color: black;
}

.footer .text i:hover {
	color: purple;
}

.footer .text .name {
	font-weight: bold;
}

.footer .text .address {
	font-style: italic;
}

.footer .image {
	width: 50%;
}

.disclaimer {
	padding: 15px;
	margin: 0;
	text-transform: lowercase;
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	background-color: white;
}