/*
 Theme Name: MannenSport Theme
 Template: enfold
 Author: Mich
 Description: Custom theme voor MannenSport
 Version: 1.0
*/

/* Basic */

body, html {
	
background-color: #FFF;	
}

.tonen-indien-ingelogd {
display: none !important;
}

body.logged-in .tonen-indien-ingelogd {
display: inline-block !important;	
}

.inn-10 {

margin: 10px;
}

.hr {

margin: 10px 0px !important;
}

.home #main {

margin-top: 0px;	
}

#main {
	
margin-top: 50px;	
}

.pointer {

cursor: pointer;
}

.grijs {
	
filter: grayscale(100%);	
}

.opa-10 {
opacity: 0.1;
}

.opa-20 {
opacity: 0.2;
}

.opa-30 {
opacity: 0.3;
}

.opa-40 {
opacity: 0.4;
}

.opa-50 {
opacity: 0.5;
}

.opa-60 {
opacity: 0.6;
}

.opa-70 {
opacity: 0.7;
}

.opa-80 {
opacity: 0.8;
}

.opa-90 {
opacity: 0.9;
}

.image-overlay-inside {

display: none;
}

.btn {
	cursor: pointer;
	display: inline-block;
	margin-top: 5px;
	padding: 8px 15px;
	background-color: #CC0000;
	color: #FFF !important;
	font-weight: bold;
	font-size: 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	transition: background-color 0.2s ease;
	border: 0px;
	font-family: 'Barlow';
}

.btn:hover {
	
  background-color: #de0707;
}

/* Home - Poll */

label.basic-answer-label:hover {
    transform: scale(1.04);
}

.basic-answer-label:has(input[type="radio"]:checked) {
    background-color: #c20000 !important;
    color: #ffffff !important;
    border-color: #c20000;
    transform: scale(1.05);
}




.basic-answers-results li,
.basic-answers-results .basic-text {
	
text-align: left;	
}

span.basic-answer-total-votes {
    clear: both;
    width: 100%;
}

.basic-message.basic-success {

display: none;	
}

.basic-answers.basic-h-answers .basic-answer-content,
.basic-answers.basic-h-answers .basic-answer-label {
    width: 100%;
    box-sizing: border-box;
}


.basic-answers.basic-h-answers {
    display: flex;
    flex-wrap: wrap;
}

.basic-answers.basic-h-answers .basic-answer {
    flex: 1 0 25%;   /* 4 gelijke kolommen */
    max-width: 25%; /* dwingt 4 kolommen */
    box-sizing: border-box;
}

label.basic-answer-label {
	
	background-color: #ae4343;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	min-height: 55px;
	cursor: pointer;

	transform: scale(1);             
  transition: transform .25s ease; 
}

label.basic-answer-label:hover {
	transform: scale(1.04);   	
}

.titel-schuin, 
.basic-question-title {
	transform: rotate(-1.5deg);
}


.basic-yop-poll-container ul.basic-answers li.basic-answer {
	margin-top: 3px;
	margin-bottom: 3px;
}

.basic-question-title {
	margin-top: -30px !important;
	margin-bottom: 25px !important;
	z-index: 1;
	position: relative;
}

.basic-yop-poll-container input[type=radio] {
	display: none;
}

.basic-answers.basic-h-answers .basic-answer {
    padding: 0 !important;
    margin: 0 !important;
}

.basic-answers.basic-h-answers .basic-answer-content {
    width: 90%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}


/* Home */

#home-intro h1 {

font-size: 25px;
color: #FFF;
}

#home-intro h2 {
	
color: #CC0000;
font-size: 30px;
}

#home-intro .quick,
#home-intro .quick a{

color: #FFF;
}

	/* De resultaten */

.basic-answers-results .basic-text {

color: #303030 !important;
}

.basic-answers-results .basic-answer-total-votes {
	
color: #CC0000 !important;	
}

.basic-answers-results .progress-bar {
	
background-color: #CC0000 !important;	
height: 10px;
}

#footer .widget_media_image {
	
padding-top: 10px;
margin-bottom: -30px;
}

/* Intro page */

.kleedkamer-afbeelding img {

height: 130px !important;
width: auto;
}

.artikelen-home h3 {
	
font-family: 'open sans';
font-weight: bold !important;
}



/* Hoofd Menu */

.menu-home > a:before {
	
font-family: 'entypo-fontello';
content: '\e821';
margin-right: 6px;
font-size: 18px;
display: inline-block;
transition: transform .15s ease; 
}

.menu-home span {

display: none;
}

.menu-home > a:hover:before {

transform: scale(1.2);
color: #CC0000;
}

.html_header_top.html_header_sticky #top #wrap_all #main {

padding-top: 50px;
}

.html_header_top #top .av_logo_right .logo {

padding: 10px;
}

/* Account menubar */

.menu-item-login-form {
	
height: 30px;	
}

.topbar-form {
	
height: 30px;
margin-bottom: 0px;
}

#topbar-mail,
#topbar-pass {

width: 125px !important;
height: 30px !important;
float: left;
margin-right: 5px !important;
background-color: #FFF !important;
border: 1px solid #ccc;
}

#topbar-btn {

padding: 0px 5px !important;
margin-top: 0px;
height: 30px;
}

.btn-lidworden {

margin-top: 0px;
border: 0px;
font-size: 14px;
background-color: green !important;
background: linear-gradient(135deg, #4bc860, #1a9a50) !important;
}

.btn-lidworden a {

color: #FFF !important;
}

#header_meta .container {
    min-height: 0 !important;
}

#avia2-menu,
.sub_menu {

width: 100%;
}

#header_meta {

min-height: 50px;
}

#header_meta .menu-item a {
	
line-height: 30px;
min-height: 30px;
}

.menu-item-avatar a {
	
padding: 0px !important;
}

.menu-item-avatar {

border-right: 0px !important;
}

.menu-item-username {

margin-left: -10px;
}

.menu-item-username a {

font-size: 14px;
color: #222 !important;	
}

.menu-item-logout {

border: 0px !important;
}

.menu-item-admin,
.menu-item-logout,
.menu-item-editpage {

float: right !important;
}

.menu-item-admin {

padding-right: 10px !important;
border-right: 1px solid #ccc !important;
}

.menu-item-admin a {
color: #3B6BF9 !important;
}

/* Content opmaak */

ul.ja li {
	margin-left: 0px;
  list-style: none;
  background-image: url('img/lijst-duim-omhoog.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 18px; 
  padding-left: 30px; 
	padding-top: 0px;
	margin-bottom: 10px;
	line-height: 22px;
}

ul.ja li:first-child,
ul.nee li:first-child{

margin-top: 20px;
}

ul.nee li {
	margin-left: 0px;
  list-style: none;
  background-image: url('img/lijst-duim-omlaag.svg');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 18px;
  padding-left: 30px;
	padding-top: 0px;
	margin-bottom: 10px;
	line-height: 22px;
}

/* Single */

.single .small-preview,
.single .small-preview:hover,
.main_color .small-preview,
.main_color .small-preview:hover {

 background-color: transparent;
}

.single .small-preview .iconfont,
.main_color .small-preview .iconfont {

dispay: none;
}

/* Sportscholen */

.ms-prov-header {

color: #7F7F7F !important;
padding: 3px 0px;
cursor: pointer;
}

.ms-prov-item.active .ms-prov-header {
	
color: #CC0000 !important;	
}
	
.ms-prov-header:hover {
	
color: #CC0000 !important;
}

.ms-load-more  {

font-size: 12px !important;
margin-bottom: 15px !important;
}

#sportschool-reviews-box {

margin-top: 25px;
}

/* Blog */

.av-share-box {

text-align: center;
}

/* Forum */

.wpforo-profile-head {
	
background-image: none !important;
box-shadow: none !important;
}

.wpforo-forum-footer,
.wpforo-profile-back,
.wpf-edit-cover {
	
display: none !important;
}

.wpforo-category {

margin-top: 25px !important;	
}

.wpforo-last-topic-user,
.wpforo-last-topic-user a {

filter: grayscale(1);
}

.wpforo-feed a {

color: #7F7F7F !important;
}

.wpforo-cat-panel div {

color: #FFF !important;
}

/* Welkom onderwerpen */

.wpforo-cat-welkom .wpforo-forum-title a,
.wpforo-cat-welkom .wpforo-last-topic-title a,
.wpforo-cat-welkom .wpforo-category {
		color: #7f4801 !important;
		border-color: #7f4801 !important;
}

.wpforo-cat-welkom .wpforo-cat-panel,
.wpforo-cat-welkom .wpforo-cat-panel div {
	background-color: #7f4801 !important;
}


/* Fitness onderwerpen */

.wpforo-cat-fitness .wpforo-forum-title a,
.wpforo-cat-fitness .wpforo-last-topic-title a,
.wpforo-cat-fitness .wpforo-category {
		color: #4f3b82 !important;
		border-color: #4f3b82 !important; 
	}

.wpforo-cat-fitness .wpforo-cat-panel,
.wpforo-cat-fitness .wpforo-cat-panel div {
	background-color: #4f3b82 !important;
}

/* Sport onderwerpen */

.wpforo-cat-sporten .wpforo-forum-title a,
.wpforo-cat-sporten .wpforo-last-topic-title a,
.wpforo-cat-sporten  .wpforo-last-topic-user,
.wpforo-cat-sporten .wpforo-category {
		color: #4bb45c !important;
		border-color: #4bb45c !important;
	}

.wpforo-cat-sporten .wpforo-cat-panel,
.wpforo-cat-sporten .wpforo-cat-panel div {
	background-color: #4bb45c !important;
}

/* Info onderwerpen */

.wpforo-cat-info .wpforo-forum-title a,
.wpforo-cat-info .wpforo-last-topic-title .a,
.wpforo-cat-info .wpforo-category {
		color: #809FBF !important;
		border-color: #809FBF !important;
	}

.wpforo-cat-info .wpforo-cat-panel,
.wpforo-cat-info .wpforo-cat-panel div {
	background-color: #809FBF !important;
}

/* Spellen onderwerpen */

.wpforo-cat-spellen .wpforo-forum-title a,
.wpforo-cat-spellen .wpforo-last-topic-title .a,
.wpforo-cat-spellen .wpforo-category {
		color: #379690 !important;
		border-color: #379690 !important;
	}

.wpforo-cat-spellen .wpforo-cat-panel,
.wpforo-cat-spellen .wpforo-cat-panel div {
	background-color: #379690 !important;
}

/* De natte handdoek onderwerpen */

.wpforo-cat-de-natte-handdoek .wpforo-forum-title a,
.wpforo-cat-de-natte-handdoek .wpforo-last-topic-title .a,
.wpforo-cat-de-natte-handdoek .wpforo-category {
		color: #c13c69 !important;
		border-color: #c13c69 !important;
	}

.wpforo-cat-de-natte-handdoek .wpforo-cat-panel,
.wpforo-cat-de-natte-handdoek .wpforo-cat-panel div {
	background-color: #c13c69 !important;
}

/* Voor de PRO leden onderwerpen */

.wpforo-cat-pro-leden .wpforo-forum-title a,
.wpforo-cat-pro-leden .wpforo-last-topic-title .a,
.wpforo-cat-pro-leden .wpforo-category {
		color: #d8b731 !important;
		border-color: #d8b731 !important;
	}

.wpforo-cat-pro-leden .wpforo-cat-panel,
.wpforo-cat-pro-leden .wpforo-cat-panel div {
	background-color: #d8b731 !important;
}

/* Enfold fixes */

/* VERWIJDER OVERLAY OP ALLE ENFOLD AFBEELDINGEN */
.image-overlay,
.image-overlay-inside,
.image-overlay .image-overlay-inside,
.avia_desktop .av-masonry-entry .av-masonry-image-container:hover .av-masonry-image-container-inner::before,
.avia_transform .av-magazine-thumbnail a:hover::before,
.avia_transform .av-portfolio-grid-image:hover::before {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Voorkom kleurvlak-tint op hover */
.avia_transform img:hover {
    opacity: 1 !important;
    filter: none !important;
}

@media only screen and (max-width: 767px) {
	.responsive #header_meta .sub_menu>ul>li {
		
		float: left;
	}
	
	#header_meta .container {
		
	padding: 7px 0px !important;
	width: 100% !important;
	max-width: 100% !important;
	}
	
	.basic-answers.basic-h-answers .basic-answer {
    flex: 1 0 50%;   /* 4 gelijke kolommen */
    max-width: 50%; /* dwingt 4 kolommen */
    box-sizing: border-box;
}
	
	.basic-answer-content {

		margin-bottom: 20px !important;
	}
	
} /* 767 sluiter */

/* Speciaal voor oude (mobiele) browsers */

#footer,
#socket {

background-color: #222222;
}

#header_meta,
.container_wrap_meta {

background-color: #f8f8f8;
}