/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
CONTENT
\*------------------------------------*/
/*
FONTS
TYPOGRAPHY
TYPOGRAPHY_CUSTOM_STYLES
MAIN
STRUCTURE
STRUCTURE_COLUMNS
PAGES
PAGE_NIEUWSBERICHTEN
PAGE_HOMEPAGE
BUTTONS
INDEX_COLUMN1
GOOGLE_MAPS
INDEX_COLUMN2
OVER_BIG
LANDINGSPAGINA
PLUGINS
PLUGINS_GRAVITY_FORMS
PLUGINS_GRAVITY_FORMS_POPUP_CONFIRMATION
NITROPACK
*/
/*------------------------------------*\
END CONTENT
\*------------------------------------*/
/*------------------------------------*\
FONTS
\*------------------------------------*/
@font-face {
font-family: 'museo_sans300';
src: url('fonts/museosans-300-webfont.eot');
src: url('fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museosans-300-webfont.woff2') format('woff2'),
url('fonts/museosans-300-webfont.woff') format('woff'),
url('fonts/museosans-300-webfont.ttf') format('truetype'),
url('fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'museo_sans500';
src: url('fonts/museosans_500-webfont.eot');
src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museosans_500-webfont.woff2') format('woff2'),
url('fonts/museosans_500-webfont.woff') format('woff'),
url('fonts/museosans_500-webfont.ttf') format('truetype'),
url('fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'museo300';
src: url('fonts/museo-300-webfont.eot');
src: url('fonts/museo-300-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museo-300-webfont.woff2') format('woff2'),
url('fonts/museo-300-webfont.woff') format('woff'),
url('fonts/museo-300-webfont.ttf') format('truetype'),
url('fonts/museo-300-webfont.svg#museo300') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'museo500';
src: url('fonts/museo-500-webfont.eot');
src: url('fonts/museo-500-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/museo-500-webfont.woff2') format('woff2'),
url('fonts/museo-500-webfont.woff') format('woff'),
url('fonts/museo-500-webfont.ttf') format('truetype'),
url('fonts/museo-500-webfont.svg#museo500') format('svg');
font-weight: normal;
font-style: normal;
}
/*nieuwe font*/
@font-face {
font-family: 'Proxima Nova Bl';
src: url('fonts/ProximaNova-BlackIt.eot');
src: url('fonts/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-BlackIt.woff2') format('woff2'),
url('fonts/ProximaNova-BlackIt.woff') format('woff'),
url('fonts/ProximaNova-BlackIt.ttf') format('truetype'),
url('fonts/ProximaNova-BlackIt.svg#ProximaNova-BlackIt') format('svg');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Proxima Nova Lt';
src: url('fonts/ProximaNova-LightIt.eot');
src: url('fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-LightIt.woff2') format('woff2'),
url('fonts/ProximaNova-LightIt.woff') format('woff'),
url('fonts/ProximaNova-LightIt.ttf') format('truetype'),
url('fonts/ProximaNova-LightIt.svg#ProximaNova-LightIt') format('svg');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Proxima Nova Rg';
src: url('fonts/ProximaNova-Regular.eot');
src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-Regular.woff2') format('woff2'),
url('fonts/ProximaNova-Regular.woff') format('woff'),
url('fonts/ProximaNova-Regular.ttf') format('truetype'),
url('fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova Rg';
src: url('fonts/ProximaNova-Bold.eot');
src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-Bold.woff2') format('woff2'),
url('fonts/ProximaNova-Bold.woff') format('woff'),
url('fonts/ProximaNova-Bold.ttf') format('truetype'),
url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova Rg';
src: url('fonts/ProximaNova-BoldIt.eot');
src: url('fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-BoldIt.woff2') format('woff2'),
url('fonts/ProximaNova-BoldIt.woff') format('woff'),
url('fonts/ProximaNova-BoldIt.ttf') format('truetype'),
url('fonts/ProximaNova-BoldIt.svg#ProximaNova-BoldIt') format('svg');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Proxima Nova Th';
src: url('fonts/ProximaNova-ExtrabldIt.eot');
src: url('fonts/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-ExtrabldIt.woff2') format('woff2'),
url('fonts/ProximaNova-ExtrabldIt.woff') format('woff'),
url('fonts/ProximaNova-ExtrabldIt.ttf') format('truetype'),
url('fonts/ProximaNova-ExtrabldIt.svg#ProximaNova-ExtrabldIt') format('svg');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'Proxima Nova Th';
src: url('fonts/ProximaNova-ThinIt.eot');
src: url('fonts/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-ThinIt.woff2') format('woff2'),
url('fonts/ProximaNova-ThinIt.woff') format('woff'),
url('fonts/ProximaNova-ThinIt.ttf') format('truetype'),
url('fonts/ProximaNova-ThinIt.svg#ProximaNova-ThinIt') format('svg');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Proxima Nova Lt';
src: url('fonts/ProximaNova-SemiboldIt.eot');
src: url('fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-SemiboldIt.woff2') format('woff2'),
url('fonts/ProximaNova-SemiboldIt.woff') format('woff'),
url('fonts/ProximaNova-SemiboldIt.ttf') format('truetype'),
url('fonts/ProximaNova-SemiboldIt.svg#ProximaNova-SemiboldIt') format('svg');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Proxima Nova Bl';
src: url('fonts/ProximaNova-Black.eot');
src: url('fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-Black.woff2') format('woff2'),
url('fonts/ProximaNova-Black.woff') format('woff'),
url('fonts/ProximaNova-Black.ttf') format('truetype'),
url('fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova Th';
src: url('fonts/ProximaNovaT-Thin.eot');
src: url('fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNovaT-Thin.woff2') format('woff2'),
url('fonts/ProximaNovaT-Thin.woff') format('woff'),
url('fonts/ProximaNovaT-Thin.ttf') format('truetype'),
url('fonts/ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova Th';
src: url('fonts/ProximaNova-Extrabld.eot');
src: url('fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-Extrabld.woff2') format('woff2'),
url('fonts/ProximaNova-Extrabld.woff') format('woff'),
url('fonts/ProximaNova-Extrabld.ttf') format('truetype'),
url('fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova Lt';
src: url('fonts/ProximaNova-Light.eot');
src: url('fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-Light.woff2') format('woff2'),
url('fonts/ProximaNova-Light.woff') format('woff'),
url('fonts/ProximaNova-Light.ttf') format('truetype'),
url('fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova Lt';
src: url('fonts/ProximaNova-Semibold.eot');
src: url('fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-Semibold.woff2') format('woff2'),
url('fonts/ProximaNova-Semibold.woff') format('woff'),
url('fonts/ProximaNova-Semibold.ttf') format('truetype'),
url('fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Proxima Nova Rg';
src: url('fonts/ProximaNova-RegularIt.eot');
src: url('fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
url('fonts/ProximaNova-RegularIt.woff2') format('woff2'),
url('fonts/ProximaNova-RegularIt.woff') format('woff'),
url('fonts/ProximaNova-RegularIt.ttf') format('truetype'),
url('fonts/ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'FontAwesome';
src: url('fonts/FontAwesome.eot');
src: url('fonts/FontAwesome.eot?#iefix') format('embedded-opentype'),
url('fonts/FontAwesome.woff2') format('woff2'),
url('fonts/FontAwesome.woff') format('woff'),
url('fonts/FontAwesome.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
}
body {
font:16px 'Proxima Nova Lt', Helvetica, Arial, sans-serif;
line-height:20px;
color:#444;
overflow-x: hidden;
}
h1 {
font-family: 'Proxima Nova Rg';
color: #527733;
}
h2 {
font-family: 'Proxima Nova Rg';
}
h3 {
font-size: 1.063em;
font-family: 'Proxima Nova Rg';
color: #8ab969;
}
h4 {
color: #395522;
font-weight:bold;
}
/* TYPOGRAPHY_CUSTOM_STYLES */
.lees-meer {
color: #48662D !important;
font-weight: 700;
font-size: 18px !important;
line-height: 1.25em;
margin-bottom: 5px !important;
text-decoration: none;
}
.lees-meer:hover {
text-decoration: none;
}
.lees-meer::after {
font-family: 'FontAwesome';
content: "\f054";
font-size: 14px;
padding-left: 8px;
transition: padding-left ease 200ms;
}
.lees-meer:hover::after {
padding-left: 14px;
}
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
height: auto;
vertical-align:bottom;
}
a {
color:#444;
text-decoration:none;
}
a:hover {
color:#444;
text-decoration:none;
}
a:focus {
outline:0;
color:#444;
text-decoration:none;
}
a:hover,
a:active {
outline:0;
color:#444;
text-decoration:none;
}
article a {
text-decoration: underline;
}
article a:hover {
text-decoration: underline;
}
article,article h3 {
line-height: 1.5;
}
article img{
margin-bottom: 20px;
}
article .article_text img{
float: left;
margin-right: 20px;
margin-bottom: 0px;
}
article .article_text .wp-caption{
float: left;
margin-right: 20px;
margin-bottom: 0px;
}
.row {
clear: both;
}
.gallery{
margin-top:30px !important;
}
.gallery-item {
width: inherit !important;
margin-right: 20px !important;
}
.gallery-item img {
height: 100%;
}
select{
-webkit-appearance: button;
padding: 5px;
width: 220px;
}
.lichtgroen {
color: #8ab969;
}
.donkergroen {
color: #395522;
}
.fontbold {
font-weight:bold;
}
.h1-blokken-font {
font-size: 1.4em;
}
.green-transparent-home-header {
background: rgba(57, 85, 34, 0.6);
border-radius: 0 150px 150px 0;
width: 80%;
height: 110px;
top: 250px;
padding: 24px 0;
position: absolute;
z-index: 2;
}
.header-img-bg {
position: relative;
z-index:1;
}
.grey-bg-test {
width: 100%;
background-color: #ededed;
height: 300px;
position: absolute;
}
.green-transparent-header {
margin-top: -200px;
background: rgba(57, 85, 34, 0.6);
border-radius: 0 150px 150px 0;
width: 90%;
height: 250px;
padding: 50px 0;
position: relative;
z-index: 1000;
}
.white-container {
margin-left:356px;
padding-left:-356px;
}
.white-rounded-header {
background-color: #fff;
border-radius: 0 75px 75px 0;
width: 95%;
height: 150px;
display: inline-block;
padding:25px;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
.profile-edit {
max-width: unset;
}
/* START STRUCTURE_COLUMNS */
/* END STRUCTURE_COLUMNS */
.logo-img{
padding:0px;
margin-top: 0px;
max-width: 150px;
z-index:1000;
position:relative;
}
.logged_in {
float: right;
right: 370px;
position: absolute;
top: 12px;
color: #3a6692;
font-size: 14px;
}
header {
margin-bottom:-20px;
min-height: 123px;
}
header nav[role="navigation"] ul li {
display: inline-block;
list-style-type: none;
}
header nav[role="navigation"] ul {
margin-top:10px;
margin-bottom:10px;
}
header .menu-item a {
color:#395522;
font-size:15px;
margin-left:8px;
margin-right:8px;
}
header .menu-item.current-menu-item a, header .contact_button.current-menu-item {
font-weight: 600;
}
.header-transparent-bg {
background-color:rgba (100,136,65,0.5);
border-radius: 0 20px 20px 0;
}
.header-spacing {
margin-top: -20px;
text-align: right;
}
#inner {
width: 50%;
margin: 0 auto;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
text-align: center;
display: block;
width: 250px!important;
min-height: 50px;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
width: 50%!important;
}
/* MEGAMENU RESP */
body.logged-in #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.menu-item--logged-out {
display: none;
}
body:not(.logged-in) #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.menu-item--logged-in {
display: none;
}
/* ZOEKBALK IN AFBEELDING HOMEPAGE */
.img-search-bar-bg {
/*background-color: #000000;*/
background-size:cover;
border-radius: 0 20px 20px 0;
width: 100%;
left: 0;
position: absolute;
display: inline-block;
z-index: 4;
}
.img-search-bar {
background: #ffffff;
font-family: 'Proxima Nova Rg';
color: #000;
padding: 10px;
width: 65%!important;
border-radius: 80px;
display: inline-block;
z-index: 3;
margin-right:30px;
}
input[type="search"] {
border: none;
width:300px;
width: 91%;
}
.column-block {
margin-top:-230px;
background-color: #f3f3f2;
border-radius: 20px;
padding:10px 30px 40px;
-webkit-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.15);
-moz-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.15);
box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.15);
position: relative;
}
.column-block h1 {
font-size: 1.25em;
text-align: left;
font-weight: 700;
}
.column-block p {
text-align: left;
}
.homeblocks a {
position:absolute;
right:20px;
bottom:20px;
color:#9AC37C;
font-weight:700;
}
.navbar {
overflow: hidden;
background-color: #333;
font-family: Arial, Helvetica, sans-serif;
}
.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: red;
}
.menu-item {
list-style-type: none;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
font-weight: 600 !important;
}
.page-container {
width:1240px;
max-width:100%;
position:relative;
margin-left: auto;
margin-right: auto;
padding-left:15px;
padding-right:15px;
}
.contact-home-container {
width: 1190px;
max-width:100%;
position:relative;
margin-left: auto;
padding-left:15px;
padding-right:15px;
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
PAGE_NIEUWSBERICHTEN
\*------------------------------------*/
@media (min-width:768px) and (max-width:991px) {
.single-nieuws .mt-5 > .container > .row > .col-md-3 {
max-width: 40%
}
.single-nieuws .mt-5 > .container > .row > .col-md-9 {
max-width: 60%
}
}
@media (max-width:767px) {
.single-nieuws .mt-5 > .container > .row > .col-md-3 {
order: 2;
}
.single-nieuws .mt-5 > .container > .row > .col-md-9 {
order: 1;
}
}
@media (min-width:576px) and (max-width:767px) {
.single-nieuws .mt-5 > .container {
max-width: 100%;
padding-left: 0;
paddding-right: 0;
}
.single-nieuws .col-md-9,
.single-nieuws .filter-blok-groen {
padding-left: 45px;
padding-right: 45px;
}
}
/*------------------------------------*\
PAGE_HOMEPAGE
\*------------------------------------*/
/* introblokken */
@media (min-width:1200px) {
.intro.homeblocks .col-lg-3 {
max-width: 25%;
}
}
.icon-circle {
text-align: center;
color: #fff;
border: none;
width: 80px;
height: 80px;
background: rgb(138,185,103);
background: linear-gradient(180deg, rgba(138,185,103,1) 0%, rgba(130,168,99,1) 50%, rgba(99,136,66,1) 100%);
border-radius: 50%;
margin-left: 32%;
margin-top: -52px;
margin-bottom: 30px;
}
.nieuwsevents {
margin-bottom:35px;
}
.homenieuws {
width:75%;
/*margin-right:2%;*/
}
.nieuwsblok {
display:flex;
}
.nieuwsblok .column_spacing:first-child {
margin-left:0px;
}
.nieuwsblok .column_spacing:last-child {
margin-right:0px;
}
.nieuwsblok .index_column2_left {
margin-right: 00px;
}
.nieuwsblok .index_column2_right {
margin-left: 0px;
}
.sidebar #agenda {
padding-top: 0px;
}
.sidebar #agenda a {
margin-right: 0px;
}
.sidebar #agenda h3 {
font-size: inherit;
}
.sidebar #agenda h4 {
text-align:left;
}
.homeevent {
width:25%;
padding-left:3%!important;
}
.bigleden-container {
width:100%;
}
.bigleden-bg {
background-color: #8ab969;
padding: 25px;
width: 100%;
}
.bigleden-border {
border-radius: 0 75px 75px 0;
border: 2px solid #395522;
padding: 25px 25px 17px;
background-size: cover;
margin-left:-15%;
padding-left: 80px;
left:0;
}
.bigleden-border h4 {
font-size: 24px;
}
.bigleden-button {
background-color: #395522;
color: #fff;
padding: 15px 100px;
border-radius: 25px;
font-weight: bold;
}
.banner-wrapper {
margin-top: 30px;
background: #638842 url('img/big-logo-bg.png');
background-repeat:no-repeat;
padding:35px;
}
.banner-wrapper h2 {
font-size: 2.25rem;
font-weight: 700;
margin-top:15px;
}
.banner-wrapper p {
color: #fff;
text-align:left;
font-weight:700;
padding:10px 30px 30px 0px;
}
.footerbanner-wrapper {
margin-top: 0px;
padding:35px 0px;
background: #527733 url('img/big-logo-bg.png');
background-repeat:no-repeat;
color: #fff;
}
.footerbanner-wrapper .row {
max-width:1240px;
margin:0 auto;
color:#fff;
}
.footerbanner-wrapper p {
color: #fff;
text-align:left;
font-weight:700;
padding:10px 30px 30px 0px;
}
.footerbanner-wrapper h2 {
font-size: 2.5rem;
font-weight: 700;
margin-top:15px;
}
.subfooter-wrapper {
margin-bottom:35px;
}
.subfooter-wrapper .subcolumn {
padding-right:20px;
margin-left: 0px;
margin-right:0px;
margin-bottom: 50px;
}
.subfooter-wrapper .column_spacing:first-child #subfooter{
margin-left: 0px;
padding-left: 0px;
margin-right: 0px;
}
.subfooter-wrapper .column_spacing:last-child #subfooter{
padding-right: 0px;
margin-right: 0px;
}
.subfooter-wrapper .rpwe-summary,
.subfooter-wrapper {
color:#454542;
font-size:16px;
}
.subfooter-wrapper h4 {
color: #9AC37C;
font-size: 27px;
min-height: 50px;
margin-bottom: 20px;
}
.subfooter-wrapper > .subcolumn > .widget_text h4 {
min-height: auto!important;
margin-bottom: 5px;
}
.subfooter-wrapper h3 ,
.subfooter-wrapper h3.rpwe-title {
color:#48662D!important;
font-weight:700;
font-size:18px!important;
line-height: 1.25em;
margin-bottom:5px!important;
}
.subfooter-wrapper h3 a,
.subfooter-wrapper h3.rpwe-title a{
color:#48662D!important;
}
.subfooter-wrapper .button-text-home a {
font-weight:bold;
font-size: 16px;
bottom: 0;
position: absolute;
right: 30px;
}
.subfooter-wrapper .column_spacing:last-child .button-text-home a {
right: 10px;
}
.subfooter-wrapper ul {
padding-left:0px;
list-style-type: none;
}
.subfooter-wrapper ul li{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #638842;
}
/*---*/
footer .menu{
padding-left: 0px;
}
footer {
background: #395522;
color: #8ab969;
width: 100%;
padding: 20px;
line-height: 1.8em;
font-size:14px;
font-family:'Proxima Nova Rg';
}
footer a {
color: #8ab969;
font-family: 'Proxima Nova Rg';
font-size:14px;
}
footer a:hover {
color:#fff;
}
footer .col/*, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9*/ {
padding-left:0px;
padding-right:0px;
}
.widget-titel {
color: #8ab969;
font-weight: bold;
}
.intro{
text-align: center;
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:50px;
}
.call2{
/*text-align: center;*/
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:40px;
}
h1.introheading {
margin-top:45px;
font-weight:700;
font-size:1.75em;
}
.intro_text{
max-width:60%;
display: block;
margin-left: auto;
margin-right: auto;
font-size:1.15em;
line-height:26px;
font-weight:600;
}
.intro_text .button_green,
.intro_text .button_greener {
font-size:16px;
}
.author{
font-size: 18px;
display: inline-block;
padding-bottom: 20px;
}
.share{
font-size: 14px;
display: inline-block;
padding-bottom: 20px;
}
.agenda_item{
color: #48662D;
padding-bottom: 10px;
text-align: left;
margin-bottom: 20px;
margin-left: 0px;
padding-right: 20px;
border-bottom: 1px solid #638842;
}
.agenda_item_datum{
color:#686967;
padding-bottom:20px;
font-family: 'museo_sans300';
}
.nieuws_item{
color: #000;
padding-bottom: 10px;
text-align: left;
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
border-bottom: 1px solid #e0e0e0;
}
.nieuws_item .row{
margin-left: 0;
margin-right: 0;
}
.nieuws_item h3 {
font-size:16px !important;
padding-left:10px;
padding-right:10px;
margin-bottom: 0px !important;
}
.tab-titel {
float:left;
padding-left:20px;
}
.button-text-home a {
color: #8ab969;
float: right;
font-size: 18px;
}
.button-text-home a::after {
font-family:'FontAwesome';
content:"\f054";
font-size: 10px;
padding-left: 5px;
}
.project-bg {
background-color: #f0f0f0;
}
.locked_popup{
text-align: left;
position: absolute;
display: block;
margin: 40px;
background: #ffffff;
border: 1px solid #000;
z-index: 80;
padding: 40px;
min-width: 85%;
font-family: 'museo500';
}
.locked_popup h1{
margin-top: 0px;
}
.locked_popup img{
padding-bottom: 8px;
margin-bottom: 0px;
}
.locked_popup .btn{
background:#009fe0;
border:1px solid #009fe0;
border-radius: 0px;
color:#ffffff;
padding:10px;
width: 150px;
font-family: 'museo300';
font-size: 14px;
vertical-align: inherit;
}
.locked_popup .form-group{
margin:0;
}
.locked_popup .form-control{
background:#ffffff;
border:1px solid #686967;
color:#686967;
padding:10px;
width: calc(100% - 150px);
font-family: 'museo300';
font-size: 14px;
border-radius: 0px;
display: initial;
}
.locked_popup .form-control::placeholder {
color: #686967;
opacity: 1; /* Firefox */
}
.locked_popup .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #686967;
}
.locked_popup .form-control::-ms-input-placeholder { /* Microsoft Edge */
color: #686967;
}
.locked_popup .help-block{
padding-top: 10px;
color:red;
}
.locked_popup .alert-success{
border:0px;
background:transparent;
padding:0px;
padding-top: 10px;
color:green;
}
section.filter_page{
min-height: calc(100vh - 770px);
}
section.filter_page h2 {
margin-top: 30px;
margin-bottom: 30px;
}
.agenda-title{
margin-bottom: .5rem !important;
}
.addthis_inline_share_toolbox{
margin-top: 10px;
}
.article_title{
font-size: 16px;
line-height: 18px;
font-weight: 600;
}
.single-agenda .article_image{
margin-right: 10px;
}
.article_image img{
width:100%;
margin-bottom:20px;
}
.article_image iframe{
width:100%;
margin-bottom:20px;
}
.article_text{
margin-bottom:20px;
}
.article_text.locked {
min-height: 280px;
}
.article_text .overlay{
position: absolute;
width: -moz-available;
height: 300px;
z-index: 70;
background: -moz-linear-gradient(top, transparent 0%, white 100%);
background: -webkit-gradient(top, transparent 0%, white 100%);
background: -webkit-linear-gradient(top, transparent 0%, white 100%);
background: -o-linear-gradient(top, transparent 0%, white 100%);
background: linear-gradient(to bottom, transparent 0%, white 100%);
background: -ms-linear-gradient(top, transparent 0%, white 100%);
min-height: 280px;
}
/* AGENDA */
.filter-blok-groen a[href="https://bigleidingen.eu/agenda_categories/toekomstige-evenementen/"] {
display: none;
}
/*------------------------------------*\
BUTTONS
\*------------------------------------*/
.button_light{
background: #8ab969;
display: inline-block;
text-align: center;
font-family: 'Proxima Nova Rg';
font-weight: bold;
color:#353533 !important;
padding:15px 25px;
font-size: 16px;
margin-top: 20px;
border-radius:50px 0 0 50px;
float:left;
}
.button_white{
background: #ffffff;
display: inline-block;
text-align: center;
font-family: 'Proxima Nova Rg';
font-weight: bold;
color:#395522 !important;
padding:15px 25px;
font-size: 16px;
margin-top: 20px;
border-radius:0 50px 50px 0;
float:left;
}
.marginleft2px {
margin-left:2px!important;
position:relative;
}
.button_white2{
background:#ffffff;
display: block;
text-align: center;
font-family: 'museo_sans300';
color:#000;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
/*padding:10px;*/
width: -moz-fit-content;
--notchSize: 20px;
clip-path:
polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - 0px) 0%,
100% 0px,
100% calc(100% - var(--notchSize)),
calc(100% - var(--notchSize)) 100%,
0px 100%,
0% calc(100% - 0px)
);
}
.button_red2 {
background:#e64d1f;
display: block;
text-align: center;
font-family: 'museo_sans300';
font-size: 18px;
color:#fff;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
padding:10px;
width: 100%;
--notchSize: 20px;
clip-path:
polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - 0px) 0%,
100% 0px,
100% calc(100% - var(--notchSize)),
calc(100% - var(--notchSize)) 100%,
0px 100%,
0% calc(100% - 0px)
);
}
.button_red{
background:#e64d1f;
display: block;
text-align: center;
font-family: 'museo_sans300';
color:#fff;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
padding:10px;
width: 100%;
--notchSize: 20px;
clip-path:
polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - 0px) 0%,
100% 0px,
100% calc(100% - var(--notchSize)),
calc(100% - var(--notchSize)) 100%,
0px 100%,
0% calc(100% - 0px)
);
}
.button_red:hover {
color: #fff;
}
.button_green{
background: #648841;
display: block;
text-align: center;
font-family: 'Proxima Nova Rg';
font-weight:bold;
color:#fff;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
border-radius:50px 0 0 50px;
padding:10px;
width: 100%;
}
.button_greener {
background: #48662d;
display: block;
text-align: center;
font-family: 'Proxima Nova Rg';
font-weight:700;
color:#fff;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
padding:10px;
border-radius: 0 50px 50px 0;
width: 100%;
}
.button a {
text-decoration: none !important;
}
.blok_blauw input[type="text"],.blok_blauw input[type="email"],.blok_blauw input[type="tel"],.blok_blauw textarea {
width:100%;
}
.blok_blauw p {
margin:0px;
}
.blok_blauw input[type="submit"] {
font-family: 'museo_sans300';
background: transparent;
text-align: center;
color: #fff !important;
border: 1px solid #ffffff;
padding: 10px 20px;
font-size: 18px;
margin-top: 20px;
}
.draagbij .button_white{
/*background:transparent;*/
text-align: center;
font-family: 'museo_sans300';
color:#fff !important;
border:1px solid #ffffff;
padding:10px;
font-size: 18px;
min-width: unset;
margin-top: 0px;
position: absolute;
top: 25%;
right: 20px;
}
.draagbij.blok_rood {
text-align: left;
margin-bottom:20px;
}
.draagbij h4{
margin-bottom:10px !important;
}
.draagbij.blok_rood.padding_20 {
padding: 20px;
padding-top: 25px;
padding-bottom: 25px;
}
.message1 .button_white{
/*background:transparent;*/
text-align: center;
font-family: 'museo_sans300';
color:#fff !important;
border:1px solid #ffffff;
padding:10px;
font-size: 18px;
margin-top:10px;
}
.message1.blok_rood {
text-align: left;
margin-bottom:20px;
}
.message1 h4{
margin-bottom:10px !important;
}
.message1.blok_rood.padding_20 {
padding: 20px;
padding-top: 25px;
padding-bottom: 25px;
}
.sidebar .blok_wit, .sidebar .blok_blauw, .sidebar .blok_rood{
margin-bottom: 20px;
}
.blok_wit{
background:#ffffff;
text-align: center;
font-family: 'museo_sans300';
color:#000;
/*border: 1px solid #f2f2f2;*/
padding-top:20px;
}
.blok_wit .readmore_position{
text-align:right;
display: none;
}
.blok_blauw{
background-color: #395522;
color:#fff;
}
.blok_wit h4, .blok_blauw h4, .blok_rood h4{
font-size: 20px;
margin-bottom:20px;
font-family: 'Proxima Nova Rg';
/*margin-left: -10px;
margin-right: -10px;*/
}
.blok_wit h4 {
color:#8ab969;
}
.blok_wit h3 {
color:#395522;
}
.blok_wit h2 {
font-size: 16px;
margin-bottom: 20px;
}
.blok_wit h3, .blok_blauw h3, .blok_rood h3{
font-size: 18px;
margin-bottom:20px;
font-family: 'Proxima Nova Rg';
font-weight:bold;
}
#leden.blok_wit h3{
padding-left:10px;
padding-right:10px;
}
.blok_rood{
background-color: #e64d1f;
background: url('img/achtergrond.png') left top;
background: url('img/achtergrond.png') left top, -moz-linear-gradient(top, #e64d1f 0%, #c51718 100%);
background: url('img/achtergrond.png') left top, -webkit-gradient(top, #e64d1f 0%, #c51718 100%);
background: url('img/achtergrond.png') left top, -webkit-linear-gradient(top, #e64d1f 0%, #c51718 100%);
background: url('img/achtergrond.png') left top, -o-linear-gradient(top, #e64d1f 0%, #c51718 100%);
background: url('img/achtergrond.png') left top, linear-gradient(to bottom, #e64d1f 0%,#c51718 100%);
background: url('img/achtergrond.png') left top, -ms-linear-gradient(top, #e64d1f 0%, #c51718 100%);
text-align: center;
font-family: 'museo_sans300';
color:#fff;
position: relative;
--notchSize: 20px;
clip-path:
polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - 0px) 0%,
100% 0px,
100% calc(100% - var(--notchSize)),
calc(100% - var(--notchSize)) 100%,
0px 100%,
0% calc(100% - 0px)
);
}
.index_column2_left{
margin-right:10px;
}
.index_column2_middle{
margin-left:10px;
margin-right:10px;
}
.index_column2_right{
margin-left:10px;
}
.filter_tags{
display: block;
margin-bottom: 20px;
float:right;
}
.filter_tags .tags{
background:#ffffff;
padding:5px 15px;
margin:3px;
text-transform: uppercase;
border: 1px solid #000000;
border-radius:5px;
font-size:12px;
font-family: 'museo500';
display: inline-block;
}
.filter_tags .tags.active{
background:#e64d1f;
color: #fff;
}
.padding_10{
padding:20px;
}
.padding_20{
padding:20px;
padding-top:35px;
padding-bottom:35px;
}
/* INDEX_COLUMN1 */
.nieuws.index_column1, .agenda.index_column1{
border: 1px solid #f2f2f2;
margin-bottom:20px;
display: flex;
}
.nieuws.index_column1 p, .agenda.index_column1 p {
margin:0px;
}
.nieuws.index_column1 h1, .agenda.index_column1 h1 {
padding:10px;
padding-bottom: 0px;
}
.nieuws.index_column1 .item_content .bottom-right, .agenda.index_column1 .item_content .bottom-right{
right:0;
bottom:0;
}
.nieuws.index_column1 .experp_text, .agenda.index_column1 .experp_text{
padding-top: 6px;
padding:10px;
font-size: 14px;
line-height: 18px;
/*min-height: 66px;*/
color:#686967;
height: 64px;
overflow: hidden;
margin-bottom: 5px;
}
/* GOOGLE_MAPS */
#map {
height: 400px;
width: 100%;
}
/*----*/
/* INDEX_COLUMN2 */
.nieuws.index_column2 p, .agenda.index_column2 p, .leden.index_column2 p {
margin: 0px;
text-align: left;
}
.nieuws.index_column2, .agenda.index_column2, .leden.index_column2 {
border: 2px solid #395522;
border-radius: 20px;
padding: 20px;
margin-bottom: 20px;
background-color: #f0f0f0;
}
.nieuws.index_column2 img, .agenda.index_column2 img{
/*height: 100%;*/
width: 100%;
}
.nieuws.index_column2 .experp_text, .agenda.index_column2 .experp_text {
padding: 10px 0;
font-size: 14px;
line-height: 18px;
/*min-height: 66px;*/
color:#686967;
height: 64px;
overflow: hidden;
margin-bottom: 5px;
}
.leden.index_column2 .experp_text{
padding: 20px;
font-size: 14px;
line-height: 18px;
color:#686967;
overflow: hidden;
height: 110px;
margin-bottom: 20px;
}
.nieuws.index_column2 .featuredimage, .agenda.index_column2 .featuredimage {
position: relative;
text-align: center;
color: white;
overflow: hidden;
max-height:174px;
}
/* LEDEN */
.filter-blok-groen {
background-color: #8ab969;
color: #000;
width:300px;
height: auto;
position: relative;
z-index: 1;
padding: 25px;
padding-left: 0;
}
.align_left {
text-align: left;
}
.leden.index_column2 {
text-align:center;
padding-top:20px;
}
.leden .leden_image{
/*border-radius: 200px;*/
/*height: 200px;*/
/*width: calc(100% - 80px);*/
overflow: hidden;
vertical-align: middle;
text-align: center;
margin-left: auto;
margin-right: auto;
/*line-height: 200px;*/
}
.leden .leden_image img{
vertical-align: top;
margin-top: 0;
}
.leden .more_button{
background: #648841;
display: block;
padding: 10px;
border-radius: 20px;
color: #fff;
border-bottom: 1px solid #f9f9f9;
}
.leden_navigatie{
text-align: center;
}
/*add 19-5*/
.leden-search-text{
border: 5px solid #88997a;
border-radius: 16px;
padding: 7px 5px 7px 10px;
font-size: 14px;
border-radius: 35px;
}
.leden-search-text:focus{
border-color: #8ab969;
}
.leden-search-button{
background: #597d3e;
border-color: #597d3e;
border-radius: 16px;
font-size: 14px;
padding: 10px;
border-radius: 35px;
}
.leden-search-button:hover, .leden-search-button:focus{
background: #597d3e;
border-color: #597d3e;
}
.leden-list-c-search .btn-primary:not(:disabled):not(.disabled):active {
background-color: #88997a;
border-color: #597d3e;
}
.leden-list-c-search .btn-primary:not(:disabled):not(.disabled):active:focus {
box-shadow: 0 0 0 0.2rem rgb(136, 153, 122);
}
/*end 19-5*/
.leden_filter .col-12:nth-of-type(4) .filter_tags{
line-height: 60px;
text-align: right;
}
.agenda .signup_button{
background: #009fe0;
padding: 10px;
color: #fff;
width:100%;
text-align: center;
display: block;
}
.filter_tags h3{
font-weight: 600;
font-size: 1.5rem;
display: inline-block;
}
.leden_filter .filter_tags button{
background:transparent;
border:0px;
font-weight: 600;
font-size: 1.75rem;
font-family: inherit;
color: inherit;
line-height: 1.1;
}
.leden_filter .filter_tags option{
width: 220px;
}
.leden_detail_image{
padding-right:10px;
}
.leden_image .featuredimage2{
/*max-height:200px;*/
margin-top: 0;
}
.button_biglid_green {
background: #648841;
display: block;
text-align: center;
font-family: 'Proxima Nova Rg';
font-weight: bold;
color:#fff;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
border-radius:50px 0 0 50px;
padding:15px 25px;
width: 50%;
float: left;
}
.button_biglid_greener {
background: #48662d;
display: block;
text-align: center;
font-family: 'Proxima Nova Rg';
font-weight: bold;
color:#fff;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
padding:15px 25px;
border-radius: 0 50px 50px 0;
width: 50%;
float: right;
}
/*----*/
/* INDEX_COLUMN_FULL */
.nieuws.index_column_full p, .agenda.index_column_full p {
margin: 0px;
}
.nieuws.index_column_full .experp_text, .agenda.index_column_full .experp_text{
padding: 14px;
font-size: 14px;
line-height: 18px;
min-height: 80px;
/*overflow: hidden;*/
color:#686967;
overflow: hidden;
margin-bottom: 5px;
}
/*----*/
/* INDEX_COLUMN_TOP */
.nieuws.index_column_top p, .agenda.index_column_top p {
margin: 0px;
}
/*----*/
/* INDEX_COLUMN ALL */
.nieuws.index_column1 h1, .nieuws.index_column2 h1, .nieuws.index_column_full h1, .agenda.index_column1 h1, .agenda.index_column2 h1, .agenda.index_column_full h1{
margin:0 !important;
font-size:16px;
font-weight: bold;
font-family: 'Proxima Nova Rg';
color:#527733;
}
.leden.index_column2 h1{
font-size: 18px;
/*margin-bottom:20px !important;*/
font-family: 'Proxima Nova Rg';
font-weight:bold;
min-height: 60px;
padding-left: 5px;
padding-right: 5px;
color:#527733;
}
.nieuws.index_column1 .label, .nieuws.index_column2 .label, .nieuws.index_column_full .label, .nieuws.index_column_top .label, .agenda.index_column1 .label, .agenda.index_column2 .label, .agenda.index_column_full .label, .agenda.index_column_top .label {
background:#ffffff;
color:#000000;
padding:5px 10px;
text-transform: uppercase;
border: 1px solid #000000;
border-radius:5px;
font-size:12px;
font-family: 'museo500';
}
.nieuws.index_column1 .date, .nieuws.index_column2 .date, .nieuws.index_column_full .date, .agenda.index_column1 .date, .agenda.index_column2 .date, .agenda.index_column_full .date{
padding-bottom: 2px;
display: inline-block;
font-size: 14px;
}
.nieuws.index_column1 .readmore_position, .nieuws.index_column2 .readmore_position, .nieuws.index_column_full .readmore_position, .agenda.index_column1 .readmore_position, .agenda.index_column2 .readmore_position, .agenda.index_column_full .readmore_position {
text-align:right;
}
/*----*/
.home .nieuws.index_column1 .item_content .bottom-right{
right:0;
bottom:20px;
}
.icon_premium{
width:20px !important;
}
.index_column_full{
border: 1px solid #f2f2f2;
margin-bottom:20px;
}
.index_column_full .featuredimage {
position: relative;
text-align: center;
color: white;
overflow: hidden;
max-height:360px;
}
/*.column_spacing{
padding-left: 10px;
padding-right: 10px;
margin-left: -10px;
margin-right: 10px;
}*/
.index_column_top h1{
margin:0 !important;
}
.index_column_top .bottom-left {
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 14px;
line-height: 18px;
text-align: left;
padding: 12px 12px 40px 12px;
background: rgba(255, 255, 255, 0.9);
font-family: 'museo_sans300';
color:#000;
min-height: 110px;
}
.index_column_top .featuredimage {
position: relative;
text-align: center;
color: white;
overflow: hidden;
max-height:300px;
}
.index_column_full .featuredimage2, .index_column_top .featuredimage2 {
width: 100%;
height: 100%;
}
.index_column_top .featuredimage2 {
vertical-align:top;
}
.videoimage {
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
left: 0;
}
.index_column_top .bottom-right{
bottom: 0px;
right: 0px;
}
.btn_social{
border: 1px #fff solid;
border-radius: 60px;
width: 60px;
height: 60px;
display: inline-flex;
padding: 16px;
margin: 0px 5px;
margin-top: 10px;
}
.bottom-left {
position: relative;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
font-size:16px;
line-height: 18px;
text-align: left;
padding: 15px 0px 10px 0px;
/*background: -moz-linear-gradient(top, transparent 0%, black 100%);
background: -webkit-gradient(top, transparent 0%, black 100%);
background: -webkit-linear-gradient(top, transparent 0%, black 100%);
background: -o-linear-gradient(top, transparent 0%, black 100%);
background: linear-gradient(to bottom, transparent 0%, black 100%);
background: -ms-linear-gradient(top, transparent 0%, black 100%); */
}
.bottom-left.full_row{
/*padding: 75px 14px 10px 14px;*/
}
/* Bottom right text */
.bottom-right {
position: absolute;
bottom: 14px;
right: 8px;
text-align: right;
z-index: 9;
}
/* Bottom right text */
.bottom-right_2 {
position: absolute;
bottom: 124px;
right: 10px;
text-align: right;
}
/* Bottom right text */
.bottom-right_3 {
text-align: right;
margin-left: auto;
}
.readmore{
color:#8ab969;
/*position: absolute;
bottom: 10px;
right: 10px;*/
padding:10px;
display: inline-block;
font-size:14px;
/*font-family: 'museo300';*/
}
.readmore a{
color:#ffffff;
}
.row .top{
margin-left:10px;
margin-right:10px;
}
.wrapper_tab{
margin-bottom: 20px;
}
/* Style the tab */
.tab {
float: left;
background-color: #ffffff;
width: 40%;
}
/* Style the buttons inside the tab */
.tab button {
display: block;
background-color: inherit;
color: #8ab969;
padding: 0 16px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
border-left: 2px solid #f2f2f2;
border-top: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
border-radius:20px 0 0 20px;
font-family: 'Proxima Nova Rg';
height:25%;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ffffff;
color: #638842;
}
/* Create an active/current "tab button" class */
.tab button.active {
background-color: #ffffff;
color: #527733;
border-left: 1px solid #395522;
border-top: 1px solid #395522;
border-bottom: 1px solid #395522;
border-radius:20px 0 0 20px;
}
/* Style the tab content */
.tabcontent {
/*float: left;*/
width: 60%;
/*border-left: none;*/
}
/* Style the tab */
.item_left {
float: left;
border: 1px solid #ccc;
background-color: #f1f1f1;
width: 40%;
height: 160px;
}
.item_left img {
width: 100%;
height: 160px;
}
.item_left .bottom-right{
position: relative;
bottom: 32px;
right: 8px;
}
/* Style the tab content */
.item_content {
float: left;
/* padding: 0px 12px;*/
/*border: 1px solid #ccc;*/
width: 60%;
border-left: none;
height: 160px;
}
.nieuwsbrief_balk .align_right{
text-align: right;
}
.single .align_right{
text-align: right;
}
.leden_text{
padding: 20px;
}
/* LEDEN DETAIL */
.leden_article_text{
padding:10px;
padding-top: 0px;
display: block;
}
.leden_top{
margin:0px;
}
/*---*/
/* OVER_BIG */
.over-warmtenetwerk h4{
font-style:italic;
}
.over-warmtenetwerk h1{
text-align: center;
}
.over-warmtenetwerk main p{
/*width:80%;*/
margin-left:auto;
margin-right: auto;
text-align: center;
}
.over_left, .over_middle, .over_right{
font-size: 90%;
}
.over_left {
text-align: center;
margin-left: 20px;
margin-right: 10px;
padding: 10px;
}
.over_middle{
text-align: center;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
}
.over_right{
text-align: center;
margin-left: 10px;
margin-right: 20px;
padding: 10px;
}
.over_left h4,.over_middle h4,.over_right h4 {
min-height: 32px;
padding-top: 5px;
padding-bottom: 5px;
}
/*----*/
/*LANDINGSPAGINA*/
.over_left33 {
padding: 10px;
}
.over_right33 {
text-align: right;
padding-bottom: 10px;
}
.landingspagina-header {
width:100%;
height: auto;
}
.landingspagina-space {
padding: 10px;
}
.landingspagina-bg {
background-image: url("https://warmtenetwerk.nl/wp-content/uploads/aardwarmte-in-warmtenetten-bg.png");
background-repeat:no-repeat;
background-position: top center;
}
.landingspagina-float-right {
float: right !important;
}
landingspagina-logos2 {
background-position: center center;
margin-top:50px !important;
}
.download-button{
background: #009fe0;
color: #ffffff;
/*position: absolute;
bottom: 10px;
right: 10px;*/
padding: 20px;
display: inline-block;
font-size: 18px;
/*font-family: 'museo300';*/
}
.download-button a{
color:#ffffff;
}
.gray-bg {
background-color:#e5e7e7;
padding:10px 10px;
text-align: left;
}
.tekst-quotes {
line-height:15px;
}
blockquote {
font-size: 15px;
line-height: 1.5em;
margin: 30px 0;
}
blockquote em {
color: #979797;
font-weight: 400;
font-size: 16px;
}
.post-content blockquote p {
font-weight: 700;
font-size: 2rem;
}
blockquote:before {
content: '”';
}
blockquote:after {
content: '”';
}
blockquote:before,
blockquote:after {
display: inline-block;
vertical-align: bottom;
color: #48662D;
font-size: 4em;
top: .2em;
position: relative;
}
/* HEADER */
/* SEARCH */
.searchbar-header{
background: #48662d;
font-family: 'Proxima Nova Rg';
font-size: 13px;
color: #fff;
padding: 9px;
max-width: 300px;
border-radius: 20px 0 0 20px;
}
.searchbar{
background: #48662d;
font-family: 'Proxima Nova Rg';
font-size: 13px;
color: #fff;
padding-left: 9px;
max-width: 300px;
border-radius: 20px 0 0 20px;
height:40px;
}
.search_position{
position: absolute;
right: 0;
z-index: 4;
}
.search-submit {
color: #fff;
border: none;
width: 40px;
height: 37px;
background: rgb(138,185,103);
background: linear-gradient(180deg, rgba(138,185,103,1) 0%, rgba(130,168,99,1) 50%, rgba(99,136,66,1) 100%);
border-radius: 50%;
}
.searchbar .search-submit{
background:transparent;
border:0px;
color:#ffffff;
}
.searchbar .search-input{
background:transparent;
border:0px;
color:#ffffff;
width: 215px;
padding-left:15px;
line-height: 38px;
}
.searchbar .search-input::placeholder {
color: #ffffff;
opacity: 1; /* Firefox */
}
.searchbar .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ffffff;
}
.searchbar .search-input::-ms-input-placeholder { /* Microsoft Edge */
color: #ffffff;
}
.searchbar_large{
text-align: left;
font-family: 'Proxima Nova Rg';
font-size:13px;
color:#fff;
padding:20px;
margin-top: 40px;
margin-bottom: 20px;
--notchSize: 20px;
clip-path:
polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - 0px) 0%,
100% 0px,
100% calc(100% - var(--notchSize)),
calc(100% - var(--notchSize)) 100%,
0px 100%,
0% calc(100% - 0px)
);
}
.searchbar_large svg{
margin-right: 5px;
}
.searchbar_large .search-submit{
background:transparent;
border:1px solid #ffffff;
color:#ffffff;
padding:10px;
width: 150px;
font-family: 'museo300';
font-size: 14px;
}
.searchbar_large .search-input{
background:#ffffff;
border:0px;
color:#686967;
padding:10px;
width: calc(100% - 180px);
font-family: 'museo300';
font-size: 16px;
}
.searchbar_large .search-input::placeholder {
color: #686967;
opacity: 1; /* Firefox */
}
.searchbar_large .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #686967;
}
.searchbar_large .search-input::-ms-input-placeholder { /* Microsoft Edge */
color: #686967;
}
/*----*/
/* LID WORDEN */
.lidwordenbar{
background:#8ab969;
font-family: 'Proxima Nova Rg';
font-size:13px;
color:#fff;
padding:10px 10px 10px 20px;
width:550px;
border-radius: 20px 0 0 20px;
float:right;
z-index: 2;
position: absolute;
right: 0;
}
/*----*/
/* CONTACT */
.contactbar{
background:#527733;
font-family: 'Proxima Nova Rg';
font-size:13px;
color:#fff;
padding:10px 10px 10px 20px;
width:400px;
border-radius: 20px 0 0 20px;
float:right;
position: absolute;
z-index: 3;
right: 0;
}
/*----*/
/* INLOGGEN */
.inlogbar{
background:#009fe0;
font-family: 'Proxima Nova Rg';
font-size:13px;
color:#fff;
padding:10px;
max-width:300px;
border-radius: 20px 0 0 20px;
float:right;
}
/*----*/
/* PAGE NAVIGATION */
#wp_pagination{
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: 20px;
font-family: 'Proxima Nova Rg';
font-size:13px;
color:#686967;
}
#wp_pagination .button{
border: 1px solid #8ab969;
padding: 10px;
display: inline-block;
width: 40px;
text-align: center;
margin-left: 3px;
margin-right: 3px;
}
#wp_pagination .button:hover {
background: #395522;
color:#ffffff;
}
#wp_pagination .active{
background: #395522;
color:#ffffff;
}
#wp_pagination .first-page-button {
background-color: #f0f0f0;
color: #527733;
border: none !important;
padding: 10px;
width: 32px;
display:inline-block;
border-radius: 20px 0 0 20px;
}
#wp_pagination .previous-page-button {
background-color: #f0f0f0;
color: #527733;
border: none !important;
padding: 10px;
width: 32px;
display:inline-block;
}
#wp_pagination .next-page-button {
background-color: #f0f0f0;
color: #527733;
border: none !important;
padding: 10px;
width: 32px;
display:inline-block;
}
#wp_pagination .last-page-button {
background-color: #f0f0f0;
color: #527733;
border: none !important;
padding: 10px;
width: 32px;
display:inline-block;
border-radius: 0 20px 20px 0;
}
/*----*/
.home-project_kennis_wrapper {
background-color:#F3F3F3;
/*padding:35px 0px;*/
display: inline-block;
width: 100%;
border-top:2px solid white;
}
.home-project_kennis_innerwrapper {
max-width:1240px;
padding-left:15px;
padding-right:15px;
margin:0 auto;
}
.home-project_kennis_wrapper .wrapper_tab.projecten {
padding:35px 0;
float:left;
width:73%;
margin-right:2%;
margin-bottom: 0;
}
.home-project_kennis_wrapper .wrapper_informatiekennis {
padding:35px 0 35px 3%;
width:23%;
border-left:2px solid #fff;
display:inline-block;
}
.wrapper_informatiekennis h3 {
color:#48662D;
font-weight:700;
margin-bottom:10px;
}
.wrapper_informatiekennis .experp_text {
font-size:14px;
}
.wrapper_informatiekennis a {
border-bottom: 1px solid #638842;
margin-bottom: 15px;
display: inline-block;
padding-bottom: 5px;
width: 100%;
}
.wrapper_informatiekennis li:last-child a {
border-bottom: 1px none #1d0707;
}
.home-project_kennis_wrapper .wrapper_informatiekennis ul {
padding-left:0px;
}
.home-project_kennis_innerwrapper .tab {
float: left;
background-color: transparent;
width: 35%;
}
.home-project_kennis_innerwrapper .tab button {
border-radius: 10px 0 0 10px;
border: 2px solid rgba(154,195,124,0.5);
border-right: 2px solid #fff;
background-color: #f7f7f7;
}
.home-project_kennis_innerwrapper .tab button:hover,
.home-project_kennis_innerwrapper .tab button.active {
background-color: #fff;
border-left: 2px solid #395522;
border-right: 2px solid #fff;
border-top: 2px solid #395522;
border-bottom: 2px solid #395522;
opacity:1;
}
.home-project_kennis_innerwrapper .nieuws.index_column_top {
border-radius: 10px;
border: 2px solid#395522;
background-color:#fff;
padding: 10px;
margin-left: -6px;
}
.home-project_kennis_innerwrapper .nieuws.index_column_top .readmore {
color:#fff;
border-radius:15px 0px 0px 15px;
padding:5px 20px;
background-color:#8ab969;
position: absolute;
bottom: 0px;
right: -10px;
}
.home-project_kennis_innerwrapper .nieuws.index_column_top .readmore:hover {
background-color:#395522;
}
.home-project_kennis_innerwrapper .nieuws.index_column_top .p-readmore {
position: relative;
right: 0;
z-index: 100;
}
.home-project_kennis_innerwrapper .tabrechts {
float: left;
width: 65%;
}
.home-project_kennis_innerwrapper .tabcontent {
float: none;
width: 100%;
}
/* NIEUWSBRIEF */
.nieuwsbrief_balk{
background-color: #009fe0;
background: url('img/achtergrond.png') left top;
background: url('img/achtergrond.png') left top, -moz-linear-gradient(top, #009fe0 0%, #0d6496 100%);
background: url('img/achtergrond.png') left top, -webkit-gradient(top, #009fe0 0%, #0d6496 100%);
background: url('img/achtergrond.png') left top, -webkit-linear-gradient(top, #009fe0 0%, #0d6496 100%);
background: url('img/achtergrond.png') left top, -o-linear-gradient(top, #009fe0 0%, #0d6496 100%);
background: url('img/achtergrond.png') left top, linear-gradient(to bottom, #009fe0 0%,#0d6496 100%);
background: url('img/achtergrond.png') left top, -ms-linear-gradient(top, #009fe0 0%, #0d6496 100%);
color:#fff;
width: 100%;
padding: 25px;
height: unset;
margin-top:20px;
font-family: 'museo500';
font-size:18px;
}
.nieuwsbrief_balk input[type="text"], .nieuwsbrief_balk input[type="email"] {
color:#3a6692;
font-family: 'museo_sans300';
padding:5px;
border: 1px solid #ffffff;
font-size: 14px;
margin-left: 20px;
}
.nieuwsbrief_balk input[type="text"]::placeholder, .nieuwsbrief_balk input[type="email"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #3a6692;
opacity: 1; /* Firefox */
}
.nieuwsbrief_balk input[type="text"]:-ms-input-placeholder, .nieuwsbrief_balk input[type="email"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #3a6692;
}
.nieuwsbrief_balk input[type="text"]::-ms-input-placeholder, .nieuwsbrief_balk input[type="email"]::-ms-input-placeholder { /* Microsoft Edge */
color: #3a6692;
}
.nieuwsbrief_balk input[type="submit"] {
font-family: 'museo_sans300';
background:transparent;
text-align: center;
color: #fff !important;
border: 1px solid #ffffff;
padding: 5px 10px;
font-size: 16px;
margin-left: 20px;
}
/*----*/
/* LEDENVOORDEEL */
.ledenvoordeel_logo{
margin:10px;
}
.ledenvoordeel_form_sub{
font-size: 12px;
color: #b5b5b5;
padding-top: 10px;
display: block;
padding-bottom: 10px;
}
.ledenvoordeel_form label{
margin-bottom: 10px;
}
.ledenvoordeel_form a {
color:#fff;
text-decoration: underline;
}
.ledenvoordeel_form {
padding-bottom:20px;
}
.ledenvoordeel_form .wpcf7-form{
text-align: left;
}
.ledenvoordeel_form .wpcf7-list-item{
margin-top: 10px;
margin-left: 0px;
}
.ledenvoordeel_form .wpcf7-form-control-wrap input[type="text"], .ledenvoordeel_form .wpcf7-form-control-wrap input[type="email"], .ledenvoordeel_form .wpcf7-form-control-wrap input[type="tel"], .ledenvoordeel_form .wpcf7-form-control-wrap textarea {
color:#3a6692;
font-family: 'museo_sans300';
padding:10px;
border: 1px solid #ffffff;
font-size: 14px;
}
.ledenvoordeel_form .wpcf7-form-control-wrap input[type="text"]::placeholder, .ledenvoordeel_form .wpcf7-form-control-wrap input[type="email"]::placeholder, .ledenvoordeel_form .wpcf7-form-control-wrap input[type="tel"]::placeholder, .ledenvoordeel_form .wpcf7-form-control-wrap textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #3a6692;
opacity: 1; /* Firefox */
}
.ledenvoordeel_form .wpcf7-form-control-wrap input[type="text"]:-ms-input-placeholder, .ledenvoordeel_form .wpcf7-form-control-wrap input[type="email"]:-ms-input-placeholder, .ledenvoordeel_form .wpcf7-form-control-wrap input[type="tel"]:-ms-input-placeholder, .ledenvoordeel_form .wpcf7-form-control-wrap textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #3a6692;
}
.ledenvoordeel_form .wpcf7-form-control-wrap input[type="text"]::-ms-input-placeholder, .ledenvoordeel_form .wpcf7-form-control-wrap input[type="email"]::-ms-input-placeholder, .ledenvoordeel_form .wpcf7-form-control-wrap input[type="tel"]::-ms-input-placeholder, .ledenvoordeel_form .wpcf7-form-control-wrap textarea::-ms-input-placeholder { /* Microsoft Edge */
color: #3a6692;
}
.ledenvoordeel_form.blok_blauw input[type="submit"] {
width:100% !important;
}
/*----*/
/* CONTACTVERZOEK POPUP */
#popmake-223,
#popmake-1375{
background-color: #009fe0;
background: url('img/achtergrond.png') left top;
background: url('img/achtergrond.png') left top, -moz-linear-gradient(top, #009fe0 0%, #0d6496 100%);
background: url('img/achtergrond.png') left top, -webkit-gradient(top, #009fe0 0%, #0d6496 100%);
background: url('img/achtergrond.png') left top, -webkit-linear-gradient(top, #009fe0 0%, #0d6496 100%);
background: url('img/achtergrond.png') left top, -o-linear-gradient(top, #009fe0 0%, #0d6496 100%);
background: url('img/achtergrond.png') left top, linear-gradient(to bottom, #009fe0 0%,#0d6496 100%);
background: url('img/achtergrond.png') left top, -ms-linear-gradient(top, #009fe0 0%, #0d6496 100%);
text-align: center;
font-family: 'museo_sans300';
margin:20px;
padding: 20px;
color:#fff;
--notchSize: 20px;
clip-path:
polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - 0px) 0%,
100% 0px,
100% calc(100% - var(--notchSize)),
calc(100% - var(--notchSize)) 100%,
0px 100%,
0% calc(100% - 0px)
);
}
#popmake-223 a,
#popmake-1375 a {
color:#fff;
}
#popmake-223 .pum-title,
#popmake-1375 .pum-title{
font-size: 1.5em;
margin-bottom: 20px;
font-family: 'museo500';
text-align: center;
}
#popmake-223 label,
#popmake-1375 label{
width: 100%;
font-family: 'museo500';
margin-bottom: 10px;
}
#popmake-223 span,
#popmake-1375 span{
width: 100%;
font-family: 'museo300';
}
#popmake-223 .wpcf7-form-control-wrap input[type="text"],
#popmake-223 .wpcf7-form-control-wrap input[type="email"],
#popmake-223 .wpcf7-form-control-wrap input[type="tel"],
#popmake-223 .wpcf7-form-control-wrap textarea,
#popmake-1375 .wpcf7-form-control-wrap input[type="text"],
#popmake-1375 .wpcf7-form-control-wrap input[type="email"],
#popmake-1375 .wpcf7-form-control-wrap input[type="tel"],
#popmake-1375 .wpcf7-form-control-wrap textarea {
color:#3a6692;
font-family: 'museo_sans300';
padding:10px;
border: 1px solid #ffffff;
font-size: 14px;
width: 100%;
}
#popmake-223 .wpcf7-form-control-wrap input[type="text"]::placeholder,
#popmake-223 .wpcf7-form-control-wrap input[type="email"]::placeholder,
#popmake-223 .wpcf7-form-control-wrap input[type="tel"]::placeholder,
#popmake-223 .wpcf7-form-control-wrap textarea::placeholder,
#popmake-1375 .wpcf7-form-control-wrap input[type="text"]::placeholder,
#popmake-1375 .wpcf7-form-control-wrap input[type="email"]::placeholder,
#popmake-1375 .wpcf7-form-control-wrap input[type="tel"]::placeholder,
#popmake-1375 .wpcf7-form-control-wrap textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #3a6692;
opacity: 1; /* Firefox */
}
#popmake-223 .wpcf7-form-control-wrap input[type="text"]:-ms-input-placeholder,
#popmake-223 .wpcf7-form-control-wrap input[type="email"]:-ms-input-placeholder,
#popmake-223 .wpcf7-form-control-wrap input[type="tel"]:-ms-input-placeholder,
#popmake-223 .wpcf7-form-control-wrap textarea:-ms-input-placeholder,
#popmake-1375 .wpcf7-form-control-wrap input[type="text"]:-ms-input-placeholder,
#popmake-1375 .wpcf7-form-control-wrap input[type="email"]:-ms-input-placeholder,
#popmake-1375 .wpcf7-form-control-wrap input[type="tel"]:-ms-input-placeholder,
#popmake-1375 .wpcf7-form-control-wrap textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #3a6692;
}
#popmake-223 .wpcf7-form-control-wrap input[type="text"]::-ms-input-placeholder,
#popmake-223 .wpcf7-form-control-wrap input[type="email"]::-ms-input-placeholder,
#popmake-223 .wpcf7-form-control-wrap input[type="tel"]::-ms-input-placeholder,
#popmake-223 .wpcf7-form-control-wrap textarea::-ms-input-placeholder,
#popmake-1375 .wpcf7-form-control-wrap input[type="text"]::-ms-input-placeholder,
#popmake-1375 .wpcf7-form-control-wrap input[type="email"]::-ms-input-placeholder,
#popmake-1375 .wpcf7-form-control-wrap input[type="tel"]::-ms-input-placeholder,
#popmake-1375 .wpcf7-form-control-wrap textarea::-ms-input-placeholder { /* Microsoft Edge */
color: #3a6692;
}
#popmake-223 span.wpcf7-list-item,
#popmake-1375 span.wpcf7-list-item {
margin: 0;
display: block;
}
#popmake-223 p,
#popmake-1375 p {
margin:0px;
}
#popmake-223 input[type="submit"],
#popmake-1375 input[type="submit"] {
width:100% !important;
font-family: 'museo_sans300';
background: transparent;
text-align: center;
color: #fff !important;
border: 1px solid #ffffff;
padding: 10px 20px;
font-size: 18px;
margin-top: 20px;
}
.contact_button{
float: right;
right: 300px;
position: absolute;
top: 12px;
color: #3a6692;
font-size: 14px;
}
.lidworden_button{
float: right;
right: 300px;
position: absolute;
top: 12px;
color: #3a6692;
font-size: 14px;
}
.row{
/*margin-left:0px;
margin-right:0px;*/
}
.view_on_mobile{
display: none;
}
.view_on_web{
display: block;
}
#cookieChoiceInfo{
padding:30px !important;
background-color: #8ab969!important;
/*
background: url('img/achtergrond.png') left top;
background: url('img/achtergrond.png') left top, -moz-linear-gradient(top, #e64d1f 0%, #c51718 100%);
background: url('img/achtergrond.png') left top, -webkit-gradient(top, #e64d1f 0%, #c51718 100%);
background: url('img/achtergrond.png') left top, -webkit-linear-gradient(top, #e64d1f 0%, #c51718 100%);
background: url('img/achtergrond.png') left top, -o-linear-gradient(top, #e64d1f 0%, #c51718 100%);
background: url('img/achtergrond.png') left top, linear-gradient(to bottom, #e64d1f 0%,#c51718 100%);
background: url('img/achtergrond.png') left top, -ms-linear-gradient(top, #e64d1f 0%, #c51718 100%);*/
text-align: center;
/*font-family: 'museo_sans300';*/
color:#fff;
position: relative;
/* --notchSize: 20px;
clip-path:
polygon(
0% var(--notchSize),
var(--notchSize) 0%,
calc(100% - 0px) 0%,
100% 0px,
100% calc(100% - 0px),
calc(100% - 0px) 100%,
0px 100%,
0% calc(100% - 0px)
);*/
}
#cookieChoiceInfo a{
padding:10px !important;
border:1px solid #fff;
color:#fff;
margin-left:24px !important;
display: inline-block;
}
#cookieChoiceInfo a:hover {
background-color:#395522
}
#cookieChoiceInfo span{
margin-bottom: 20px;
display: block;
}
#cookieChoiceDismissIcon{
border:0 !important;
background-color:transparent !important;
display: none !important;
}
.formulier .wpcf7-form.sent p,
.formulier .wpcf7-form.sent h3,
.ledenvoordeel_form .wpcf7-form.sent p,
.ledenvoordeel_form .wpcf7-form.sent h3,
#popmake-223 .wpcf7-form.sent p,
#popmake-223 .wpcf7-form.sent h3,
#popmake-1375 .wpcf7-form.sent p,
#popmake-1375 .wpcf7-form.sent h3 {
display: none;
}
.formulier div.wpcf7 .ajax-loader,
.ledenvoordeel_form div.wpcf7 .ajax-loader,
#popmake-223 .ajax-loader,
#popmake-1375 .ajax-loader {
display: none;
}
.formulier div.wpcf7-response-output,
.ledenvoordeel_form div.wpcf7-response-output,
#popmake-223 div.wpcf7-response-output,
#popmake-1375 div.wpcf7-response-output {
margin: 1em 0;
padding: 0;
padding-bottom: 20px;
border: 0;
font-size: 26px;
font-weight: bold;
text-align: center;
}
.formulier span.wpcf7-not-valid-tip,
.ledenvoordeel_form span.wpcf7-not-valid-tip,
#popmake-223 span.wpcf7-not-valid-tip,
#popmake-1375 span.wpcf7-not-valid-tip {
color: azure;
text-align: left;
padding: 10px;
padding-left: 0px;
}
.formulier .wpcf7-validation-errors,
.ledenvoordeel_form .wpcf7-validation-errors,
#popmake-223 .wpcf7-validation-errors,
#popmake-1375 .wpcf7-validation-errors{
display: none !important;
}
.formulier .wpcf7-not-valid,
.ledenvoordeel_form .wpcf7-not-valid,
#popmake-223 .wpcf7-not-valid,
#popmake-1375 .wpcf7-not-valid{
border:2px solid red !important;
}
.page-id-355 article .formulier, .page-id-353 article .formulier, .page-id-1196 article .formulier{
margin-left: auto;
margin-right: auto;
max-width: 60%;
}
.formulier .wpcf7-form h3
{
margin-bottom: 1rem;
}
.formulier .wpcf7-form input[type=text],
.formulier .wpcf7-form input[type=email],
.formulier .wpcf7-form input[type=tel],
.formulier .wpcf7-form textarea{
padding:5px;
width:100%;
margin-bottom: 1rem;
}
.formulier .wpcf7-form input[type=file]
{
margin-bottom: 1rem;
}
.page-id-355 section, .page-id-314 section, .page-id-353 section, .page-id-1196 section{
width: 100%;
}
.formulier .wpcf7-form span.wpcf7-list-item {
display: block;
margin: 10px 0px;
}
.formulier .wpcf7-form .wpcf7-form-control.wpcf7-radio{
margin-bottom: 30px;
display: block;
}
.formulier .wpcf7-form input[type="submit"] {
width:100% !important;
font-family: 'museo_sans300';
background: transparent;
text-align: center;
color: #fff !important;
border: 1px solid #ffffff;
padding: 10px 20px;
font-size: 18px;
margin-top: 20px;
}
.formulier{
font-family: 'museo_sans300';
padding-bottom: 20px;
}
.formulier .wpcf7-form a{
color:#fff !important;
}
.nav-mobile{
display: none;
}
/*.nav-web{
display: block;
}
*/
.nav-web ul {padding:0px;}
.form_left_col{
width: 49.5%;
padding-right:5px;
display: inline-block;
}
.form_right_col{
width: 49.5%;
display: inline-block;
}
/*
.index_column2_2:nth-child(2n) .nieuws.index_column2, .index_column2_2:nth-child(2n) .agenda.index_column2{
background:#ff9;
margin-left:10px;
margin-right:0px;
}
.index_column2_2 .nieuws.index_column2, .index_column2_2 .agenda.index_column2{
background:#999;
margin-right:10px;
}
*/
.wrapper_tab{
}
.wrapper_tab_mobile{
display: none;
}
.wpcf7-form-control-wrap.is_lid{
display: block;
margin-bottom: -20px;
}
.hide{
display: none;
}
@media only screen and (min-width: 1200px) {
.container {
width: 1240px;
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
.green-transparent-home-header {
display: none;
}
.header-spacing {
margin-top: 0;
}
.column-block {
margin-top:0 !important;
margin-bottom: 30px !important;
}
.button_green {
border-radius:20px !important;
}
.button_greener {
border-radius:20px !important;
}
.container{
width: 100% !important;
}
h1 {
font-size: 1.5em;
margin: 1em 0;
}
footer {
padding: 20px 10px;
}
.nav-mobile{
display: block;
}
.nav-web{
display: none;
}
.wrapper_tab{
display: none;
}
.wrapper_tab_mobile{
display: flex;
}
.topnav #myLinks {
display: none;
}
.logo{
z-index:101;
background: #fff;
}
.topnav a {
color: #48662d;
padding: 14px 16px;
text-decoration: none;
font-size: 24px;
display: block;
z-index: 102;
}
.topnav a.icon {
display: block;
position: absolute;
right: 0;
top: 15px;
}
.topnav a:hover {
color: #8ab969;
}
.active {
color: #009fe0;
}
.ledenvoordeel_form {
margin-left: auto;
margin-right: auto;
max-width: 60%;
}
#overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 100;
cursor: pointer;
overflow: hidden;
}
#myLinks {
width: 100%;
z-index:103;
position: absolute;
}
#myLinks ul{
padding-left: 0px;
margin:0px;
}
#myLinks li{
border-bottom: 1px solid #3a6692;
background: #fff;
}
.logo{
position: relative;
background: #fff;
}
.logo-img {
width: 40%;
margin-bottom:10px;
margin-left:16px;
}
.leden_detail_image img{
max-height: 150px;
}
/*.index_column2_left {
margin-right: 0px;
}
.index_column2_middle{
margin-left:0px;
margin-right:0px;
}
.index_column2_right {
margin-left: 0px;
}*/
.column_spacing {
padding-left: 0px;
padding-right: 0px;
}
.intro {
margin-top:10px;
margin-bottom:20px;
text-align: left;
}
.intro_text{
max-width:unset;
}
.button_white{
font-size: 16px !important;
}
.padding_20 {
padding: 15px;
padding-top: 35px;
padding-bottom: 35px;
}
.draagbij .button_white {
position: unset;
margin-top:10px;
}
.btn_social {
margin: 0px 0px;
margin-top:10px;
}
.row .top {
margin-left: 0px;
margin-right: 0px;
}
.page-id-355 article form{
max-width: unset;
}
/* INDEX_COLUMN2 */
.nieuws.index_column_full p, .agenda.index_column_full p, .leden.index_column_full p {
margin: 0px;
}
.nieuws.index_column_full, .agenda.index_column_full, .leden.index_column_full {
border: 1px solid #f2f2f2;
margin-bottom:20px;
}
.nieuws.index_column_full img, .agenda.index_column_full img{
height: 100%;
width: 100%;
}
.nieuws.index_column_full .experp_text, .agenda.index_column_full .experp_text {
padding: 14px;
font-size: 14px;
line-height: 18px;
/*min-height: 66px;*/
color:#686967;
}
.leden.index_column_full .experp_text{
padding: 20px;
font-size: 14px;
line-height: 18px;
min-height: 180px;
color:#686967;
}
.nieuws.index_column_full .featuredimage, .agenda.index_column_full .featuredimage {
position: relative;
text-align: center;
color: white;
overflow: hidden;
max-height:unset;
}
.img-search-bar {
display:none;
}
.searchbar {
max-width: unset;
margin-left:16px;
}
.search_position{
position: unset;
}
.nieuwsbrief_balk {
padding: 15px;
}
.nieuwsbrief_balk h2{
margin-bottom: 20px;
}
.nieuwsbrief_balk .container{
padding-right: 0px;
padding-left: 0px;
}
.nieuwsbrief_balk .align_right{
text-align: left;
}
.nieuwsbrief_balk input[type="text"], .nieuwsbrief_balk input[type="email"] {
margin-left: 0px;
margin-bottom:10px;
width: 100%;
}
.nieuwsbrief_balk input[type="submit"] {
margin-left: 0px;
}
.over_left {
text-align: center;
/*margin-left: 0px;
margin-right: 0px;*/
padding: 5px;
}
.over_middle{
text-align: center;
/*margin-left: 0px;
margin-right: 0px;*/
padding: 5px;
}
.over_right{
text-align: center;
/*margin-left: 0px;
margin-right: 0px;*/
padding: 5px;
}
.widget_nav_menu{
margin-bottom:20px;
}
.filter_tags select{
width: 50%;
padding:5px;
}
.view_on_mobile{
display: block;
}
.view_on_web{
display: none;
}
.leden_article_text {
padding:0px;
padding-top:20px;
}
.leden .leden_image {
margin-top: 10px;
margin-bottom: 10px;
line-height: 150px;
height:150px;
}
.leden_image .featuredimage2 {
max-height: 150px;
}
.gallery-item {
/* width: 48% !important;*/
margin-right: 5px !important;
}
.single .align_right {
text-align: left;
}
.page-id-355 article .formulier, .page-id-353 article .formulier, .page-id-1196 article .formulier {
max-width: unset;
}
#cookieChoiceInfo{
padding:20px !important;
text-align: left !important;
font-size:14px !important;
}
#cookieChoiceInfo div{
padding:0px !important;
}
#cookieChoiceInfo a{
padding:10px !important;
border:1px solid #fff;
color:#fff;
display: inline-block;
margin-left:0px !important;
margin-right: 24px !important;
}
#cookieChoiceDismissIcon{
border:0 !important;
background-color:transparent !important;
}
.form_left_col{
width: 100%;
padding-right:0px;
display: inline-block;
}
.form_right_col{
width: 100%;
display: inline-block;
}
}
@media only screen and (max-width: 575px) {
.green-transparent-home-header {
display: none;
}
.img-search-bar {
display:none;
}
.header-spacing {
margin-top: 0;
}
.column-block {
margin-top:0px !important;
margin-bottom: 30px !important;
}
.button_green {
border-radius:20px;
}
.button_greener {
border-radius:20px;
}
.container{
width: 100%;
}
.noscroll{
overflow: hidden;
}
.searchbar_large .search-submit{
width: unset;
}
.searchbar_large .search-input{
width: 80%;
}
.searchbar_large svg {
margin-right: 0px;
}
.mobile_hide{
display: none;
}
h1 {
font-size: 1.5em;
margin: 1em 0;
}
footer {
padding: 20px 10px;
}
.nav-mobile{
display: block;
}
.nav-web{
display: none;
}
.wrapper_tab{
display: none;
}
.wrapper_tab_mobile{
display: flex;
}
.topnav #myLinks {
display: none;
}
.logo{
z-index:101;
background: #fff;
}
.topnav a {
color: #48662d;
padding: 14px 16px;
text-decoration: none;
font-size: 24px;
display: block;
z-index: 102;
}
.topnav a.icon {
display: block;
position: absolute;
right: 0;
top: 15px;
}
.topnav a:hover {
color: #8ab969;
}
.active {
color: #009fe0;
}
#overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 100;
cursor: pointer;
overflow: hidden;
}
#myLinks {
width: 100%;
z-index:103;
position: absolute;
}
#myLinks ul{
padding-left: 0px;
margin:0px;
}
#myLinks li{
border-bottom: 1px solid #3a6692;
background: #fff;
}
.logo{
position: relative;
background: #fff;
}
.logo-img {
width: 75%;
margin-bottom:10px;
margin-left:16px;
}
.index_column2_left {
margin-right: 0px;
}
.index_column2_middle{
margin-left:0px;
margin-right:0px;
}
.index_column2_right {
margin-left: 0px;
}
.column_spacing {
padding-left: 0px;
padding-right: 0px;
}
.intro {
margin-top:10px;
margin-bottom:20px;
text-align: left;
}
.intro_text{
max-width:unset;
}
.button_white{
font-size: 16px !important;
}
.padding_20 {
padding: 15px;
padding-top: 35px;
padding-bottom: 35px;
}
.draagbij .button_white {
position: unset;
margin-top:10px;
}
.btn_social {
margin: 0px 0px;
margin-top:10px;
}
.row .top {
margin-left: 0px;
margin-right: 0px;
}
.page-id-355 article form{
max-width: unset;
}
/* INDEX_COLUMN2 */
.nieuws.index_column_full p, .agenda.index_column_full p, .leden.index_column_full p {
margin: 0px;
}
.nieuws.index_column_full, .agenda.index_column_full, .leden.index_column_full {
border: 1px solid #f2f2f2;
margin-bottom:20px;
}
.nieuws.index_column_full img, .agenda.index_column_full img{
height: 100%;
width: 100%;
}
.nieuws.index_column_full .experp_text, .agenda.index_column_full .experp_text {
padding: 14px;
font-size: 14px;
line-height: 18px;
/*min-height: 66px;*/
color:#686967;
}
.leden.index_column_full .experp_text{
padding: 20px;
font-size: 14px;
line-height: 18px;
min-height: 180px;
color:#686967;
}
.nieuws.index_column_full .featuredimage, .agenda.index_column_full .featuredimage {
position: relative;
text-align: center;
color: white;
overflow: hidden;
max-height:unset;
}
.leden.index_column2 .experp_text {
/* min-height: unset !important;*/
}
.searchbar {
max-width: unset;
margin-left:16px;
}
.search_position{
position: unset;
}
.nieuwsbrief_balk {
padding: 15px;
}
.nieuwsbrief_balk h2{
margin-bottom: 20px;
}
.nieuwsbrief_balk .container{
padding-right: 0px;
padding-left: 0px;
}
.nieuwsbrief_balk .align_right{
text-align: left;
}
.nieuwsbrief_balk input[type="text"], .nieuwsbrief_balk input[type="email"] {
margin-left: 0px;
margin-bottom:10px;
width: 100%;
}
.nieuwsbrief_balk input[type="submit"] {
margin-left: 0px;
}
.over_left {
text-align: center;
margin-left: 0px;
margin-right: 0px;
padding: 5px;
}
.over_middle{
text-align: center;
margin-left: 0px;
margin-right: 0px;
padding: 5px;
}
.over_right{
text-align: center;
margin-left: 0px;
margin-right: 0px;
padding: 5px;
}
.widget_nav_menu{
margin-bottom:20px;
}
.filter_tags select{
width: 100%;
padding:5px;
}
.view_on_mobile{
display: block;
}
.view_on_web{
display: none;
}
/* LEDENLIJST */
.page-container {
margin-top: 750px;
}
.white-container {
margin-left: 0;
}
.white-rounded-header {
width: 85%;
}
.bigleden-border {
height: 300px;
}
.bigleden-bg {
height: 350px;
}
.button_biglid_green {
width: 100%;
border-radius: 50px;
}
.button_biglid_greener {
width:100%;
border-radius:50px;
}
.magazine-border {
height: 300px;
}
.magazine-bg {
height: 350px;
}
.filter-blok-groen {
width: 383px;
}
.leden_article_text {
padding:0px;
padding-top:20px;
}
.leden .leden_image {
margin-top: 10px;
margin-bottom: 10px;
line-height: unset;
}
.gallery-item {
width: 48% !important;
margin-right: 5px !important;
}
.single .align_right {
text-align: left;
}
.page-id-355 article .formulier, .page-id-353 article .formulier, .page-id-1196 article .formulier {
max-width: unset;
}
#cookieChoiceInfo{
padding:20px !important;
text-align: left !important;
font-size:14px !important;
}
#cookieChoiceInfo div{
padding:0px !important;
}
#cookieChoiceInfo a{
padding:10px !important;
border:1px solid #fff;
color:#fff;
display: inline-block;
margin-left:0px !important;
margin-right: 24px !important;
}
#cookieChoiceDismissIcon{
border:0 !important;
background-color:transparent !important;
}
.form_left_col{
width: 100%;
padding-right:0px;
display: inline-block;
}
.form_right_col{
width: 100%;
display: inline-block;
}
.locked_popup{
margin: 5px;
padding: 20px;
}
.locked_popup h1{
font-size: 1.2em;
}
.locked_popup img{
padding-bottom: 0px;
}
.locked_popup .btn{
width: 100%;
}
.locked_popup .form-control{
width: 100%;
}
.landingspagina-header {
width:350px !important;
height: auto;
}
.landingspagina-float-right {
float: left !important;
}
.landingspagina-bg {
background-repeat:repeat;
height:100%;
}
.landingspagina-logos {
width:100px !important;
height: auto;
padding: 10px
}
.landingspagina-logos2 {
width:100px !important;
height: auto;
padding: 10px
}
}
@media print {
/* Print CSS rules go here */
/* Note: You need a separate @media screen group for other rules */
}}
#loginform > p > label {
display:none;
}
#loginform > p > input[type="text"],
#loginform > p > input[type="password"] {
font-size: 18px;
padding: 10px 15px !important;
font-weight: 600;
max-width:83.333333%;
width: 100%;
}
#loginform [type="submit"] {
background: #48662d;
text-align: center;
color: #fff;
padding: 10px 50px;
box-shadow: none;
border: none;
position: relative;
border-radius: 0px 30px 30px 0px;
font-size: 18px;
}
#loginform .login-submit {
position: relative;
}
#loginform .login-submit::before {
content: "\f1d8";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-family: "Font Awesome 5 Free";
line-height: 1;
font-size: 20px;
color: #fff;
font-weight: 900;
left: 12px;
position: absolute;
z-index: 9;
top: 13px;
}
/***************************************
*
* popup design
*
******************************************/
#logingform p{
/*//background-color: #000;
transition: opacity .15s linear;*/
font-size: 16px;
font-family: 'Proxima Nova Rg';
}
#logingform.fade.show{
/*opacity: .5;*/
}
#logingform .modal-content{
background: #fff;
}
#logingform .modal-body{
padding: 0px;
}
#logingform .modal-body .do-padding{
padding: 25px 200px;
}
#logingform .modal-header{
border: none;
}
#logingform .modal-body h2{
font-family: 'Proxima Nova Rg';
font-weight: bold;
font-style: normal;
font-size: 38px;
line-height: 48px;
color: #638842;
}
#logingform .width-100{
display: block;
width: 100%;
float: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#logingform .width-50{
display: block;
width: 50%;
float: left;
}
#logingform .green-inner{
background: #fff;
border: 70px solid rgba(57, 85, 34, 0.6);
padding: 30px 200px;
border-radius: 0px 160px 160px 0px;
border-left: none;
margin: 18px 0px;
margin-right: 80px;
margin-left: -2px;
padding-bottom:15px;
}
#logingform .modal-header .close {
font-size: 36px;
}
#logingform .width-50 a.pop-bigle-cta{
background-color: #48662d;
color:#fff;
}
#logingform .width-50 a{
color:#fff !important;
margin-top: 0px;
padding: 15px 15px !important;
font-size: 14px;
}
#logingform .width-50 a .fas,
#logingform .width-50 a .far {
padding-right: 5px;
}
#logingform .width-50 h3{
color: #000;
font-size: 17px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
padding-right: 25px;
}
#logingform .r-block.width-50 {
padding-left: 15px;
}
#logingform .model-footer a{
text-decoration: underline;
}
#logingform .login-form-container {
position: relative;
}
#logingform .green-inner {
position: relative;
}
#logingform .green-inner:before {
content: "\f023";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: "Font Awesome 5 Free";
font-size: 65px;
color: #8ab969;
font-weight: 900;
left: 65px;
position: absolute;
top: 35px;
}
#logingform #wpmpLoginForm .form-control,
#logingform #wpmpResetPasswordForm .form-control{
font-size: 16px;
padding: 5px 15px !important;
font-weight: 600;
}
#logingform #wpmpLoginForm label,
#logingform #wpmpLoginForm h3{
display: none;
}
#logingform #wpmpLoginSection .col-xs-8.col-md-10 {
padding: 0px;
}
#logingform #wpmpLoginForm .help-block {
color: red;
font-size: 14px;
}
#logingform #wpmpLoginForm #btnForgotPassword {
position: absolute;
left: 0px;
bottom: -62px;
background: transparent;
border: none;
font-size: 16px;
padding: 0px;
}
#logingform #wpmpLoginForm button{
background: #48662d;
text-align: center;
color: #fff;
padding: 5px 50px;
box-shadow: none;
border: none;
position: relative;
border-radius: 0px 30px 30px 0px;
font-size: 16px;
}
#logingform #wpmpLoginForm input{
padding: 10px !important;
}
#logingform #wpmpLoginForm button[type="submit"]:before {
content: "\f1d8";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-family: "Font Awesome 5 Free";
line-height: 1;
font-size: 16px;
color:#fff;
font-weight: 900;
left: 12px;
position: absolute;
z-index: 9;
top: 10px;
}
#wpmpResetPasswordSection.hidden{
display: none;
}
#wpmpRegisterForm .alert,
#wpmpLoginForm .alert,
#wpmpResetPasswordSection .alert {
position: absolute;
top: -82px;
}
#wpmpResetPasswordForm label{
display: none;
}
#wpmpResetPasswordForm h3{
font-size: 24px;
}
#wpmpResetPasswordForm button{
background: #48662d;
text-align: center;
color: #fff;
padding: 11px 30px !important;
box-shadow: none;
border: none;
border-radius: 7px;
font-size: 14px
}
@media (min-width: 1200px){
#logingform .modal-lg {
max-width: 1100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
#logingform .modal-body .do-padding {
padding: 25px 50px;
}
#logingform .width-50 a {
color: #fff !important;
margin-top: 0px;
padding: 11px 15px !important;
font-size: 14px;
}
#logingform #logingform .green-inner:before {
display: none;
}
#logingform .green-inner{
padding: 30px 50px;
}
#logingform #wpmpLoginForm #btnForgotPassword {
bottom: -82px;
}
}
@media (max-width: 1199px){
#logingform .green-inner:before {
display: none;
}
#logingform #wpmpLoginForm button[type="submit"]{
position: relative;
right: 0px;
top: 0PX;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#logingform #wpmpLoginForm #btnForgotPassword {
position: relative;
left: 0px;
bottom: 0px;
background: transparent;
border: none;
font-size: 16px;
color: #638842;
}
#logingform .green-inner{
padding: 15px 20px;
}
#logingform .modal-body .do-padding {
padding: 15px 20px;
}
#logingform .green-inner {
margin-right: 0px;
margin-left: 0px;
border: none;
margin: 0px;
}
#logingform .width-50 {
display: block;
width: 100%;
float: left;
margin-bottom: 10px;
}
#logingform .r-block.width-50 {
padding-left: 0px;
}
#logingform .modal-body h2 {
font-size: 22px;
line-height: 28px;
}
.modal-dialog {
margin: 2.5rem auto;
}
#logingform .width-100 {
display: block !important;
}
#logingform .width-50 a {
color: #fff !important;
margin-top: 0px;
padding: 15px 15px !important;
font-size: 14px;
margin-top: 10px;
width: 100%;
border-radius: 30px;
}
#logingform .width-50 h3 {
padding-right: 0px;
}
}
@media (max-width: 767px){
#wpmpResetPasswordForm button{
margin-bottom: 10px;
}
#logingform #wpmpLoginForm .form-control {
font-size: 14px;
padding: 10px 15px !important;
}
#logingform #wpmpLoginForm button[type="submit"] {
padding: 10px 50px !important;
}
#logingform #wpmpLoginForm #btnForgotPassword {
position: relative;
left: 0px;
bottom: 0px;
background: transparent;
border: none;
font-size: 16px;
color: #638842;
}
#logingform{
padding-right: 0px;
}
#logingform .green-inner{
padding: 15px 20px;
}
#logingform .modal-body .do-padding {
padding: 15px 20px;
}
#logingform .green-inner {
margin-right: 0px;
margin-left: 0px;
border: none;
margin: 0px;
}
#logingform .width-50 {
display: block;
width: 100%;
float: left;
margin-bottom: 10px;
}
#logingform .r-block.width-50 {
padding-left: 0px;
}
#logingform .modal-body h2 {
font-size: 22px;
line-height: 28px;
}
.modal-dialog {
margin: 2.5rem auto;
padding: 15px;
}
#logingform .width-100 {
display: block !important;
}
#logingform .width-50 a {
color: #fff !important;
margin-top: 0px;
padding: 15px 15px !important;
font-size: 14px;
margin-top: 10px;
width: 100%;
border-radius: 30px;
}
#logingform .width-50 h3 {
padding-right: 0px;
}
.leden-list-c-search form{
margin-left: 0;
}
}
/***************************************************
*
* Profile Update
*
****************************************************/
.profile-upblock{
width: 65%;
margin: 10px 0px;
}
.profile-upblock h3 {
font-size: 26px !important;
line-height: 32px;
}
.profile-upblock .form-control{
padding: 5px 15px;
font-size: 20px;
line-height: 32px;
}
.profile-upblock .col-form-label {
font-size: 20px;
color: #48662d;
line-height: 26px;
align-self: center;
}
.profile-upblock .form-check-label {
margin-bottom: 0;
margin-left: 10px;
}
.profile-upblock .small-info-text {
font-size: 90% !important;
color: #000 !important;
}
.profile-upblock select.form-control:not([size]):not([multiple]) {
height: 44px;
}
.profile-inner .p-submit, .tp-submit{
background-color: #638842;
color: #fff;
border-radius: 0px 30px 30px 0px;
font-weight: bold;
font-family: 'Proxima Nova Rg';
font-style: normal;
font-size: 18px;
box-shadow: none;
border: none;
margin-bottom: 20px;
cursor: pointer;
padding-left: 50px;
text-align: left;
min-width: 180px;
}
.profile-inner .form-submit {
position:relative;
}
.profile-inner .form-submit:after {
color: #FFFFFF;
content: "\f1d8";
font-family: FontAwesome;
font-size: 20px;
z-index: 100;
position: absolute;
top: 12px;
left: 30px;
}
.tp-submit{
float: left;
}
.tp-submit:hover {
color: #fff;
}
span.req {
color: red !important;
margin-left: 2px;
}
.page-template-template-profileupdate .tp-submit{
width: auto;
padding: 10px 20px;
}
.page-template-template-profileedit .profile-upblock {
width: 90%;
}
.page-template-template-profileedit .profile-upblock .form-control{
width:90%;
}
.page-template-template-profileedit .post-content h3{
color: #527731;
}
@media (min-width:1200px){
.profile-upblock .form-control{
width:75%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
.profile-upblock{
width: 100% !important;
margin: 20px 0px;
}
}
@media only screen and (min-width: 500px) and (max-width: 767px){
.profile-upblock{
width: 100% !important;
margin: 20px 0px;
}
}
@media only screen and (min-width: 320px) and (max-width: 499px){
.profile-upblock{
width: 100% !important;
margin: 20px 0px;
}
}
/*************************************************
*
* Pop up desing
*
************************************************/
.single-leden #exampleModalCenter h3 label{
font-size: 18px;
font-weight: 700;
}
.single-leden #exampleModalCenter .form-control{
padding: 5px 15px;
font-size: 16px;
line-height: 22px;
margin-bottom: 5px;
}
.single-leden #exampleModalCenter .form-group .col-md-6 .col-form-label{
font-size: 16px;
font-weight: 700;
padding-bottom: 0px;
/* margin-top: 20px;*/
}
.single-leden #exampleModalCenter .form-group .col-md-6 .col-form-label.extraPaddingTop {
margin-top: 25px;
}
.single-leden #exampleModalCenter .col-form-label {
padding-bottom: 0px;
/*margin-top: 20px;*/
}
.single-leden #exampleModalCenter .first-h3 {
margin-top: 0;
}
.single-leden #exampleModalCenter .select2-container{
width:100% !important;
}
.single-leden #exampleModalCenter .select2-container--default .select2-selection--multiple{
border: 1px solid #ced4da;
}
.single-leden #exampleModalCenter .leden-edit-btn {
font-size: 14px;
color: #8ab969;
}
.single-leden #exampleModalCenter .leden-edit-btn:hover{
color:#fff;
}
.single-leden #exampleModalCenter .select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #8ab969;
border: 1px solid #fff;
color: #fff;
}
.single-leden #exampleModalCenter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #fff;
}
.single-leden #exampleModalCenter .modal-header .close {
font-size: 25px;
}
.leden-edit-btn{
margin-bottom: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 450px){
.single-leden #exampleModalCenter .modal-footer {
display: block;
}
.single-leden #exampleModalCenter .leden-edit-btn {
display: inline-block;
float: left;
width: 100%;
margin-bottom: 15px;
}
}
/************************************************
*
* Loging page
*
*************************************************/
#wpmpLoginForm .form-control,
#wpmpResetPasswordForm .form-control{
font-size: 18px;
padding: 10px 15px !important;
font-weight: 600;
}
#wpmpLoginForm label,
#wpmpLoginForm h3{
display: none;
}
#wpmpLoginSection .col-xs-8.col-md-10 {
padding: 0px;
}
#wpmpLoginForm .help-block {
color: red;
font-size: 14px;
}
#wpmpLoginForm #btnForgotPassword {
background: transparent;
border: none;
font-size: 16px;
padding: 5px 15px;
color: #48662d;
}
#wpmpLoginForm button{
background: #48662d;
text-align: center;
color: #fff;
padding: 10px 50px;
box-shadow: none;
border: none;
position: relative;
border-radius: 0px 30px 30px 0px;
font-size: 18px;
}
#wpmpLoginForm input{
padding: 10px !important;
}
#wpmpLoginForm button[type="submit"]:before {
content: "\f1d8";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-family: "Font Awesome 5 Free";
line-height: 1;
font-size: 20px;
color: #fff;
font-weight: 900;
left: 12px;
position: absolute;
z-index: 9;
top: 16px;
}
#wpmpResetPasswordSection.hidden{
display: none;
}
#wpmpRegisterForm .alert,
#wpmpLoginForm .alert,
#wpmpResetPasswordSection .alert {
position: absolute;
top: -82px;
z-index: 999;
}
#wpmpResetPasswordForm label{
display: none;
}
#wpmpResetPasswordForm h3{
font-size: 24px;
}
#wpmpResetPasswordForm button{
background: #48662d;
text-align: center;
color: #fff;
padding: 11px 30px !important;
box-shadow: none;
border: none;
border-radius: 7px;
font-size: 14px;
}
#logingform #wpmpResetPasswordForm button{
padding: 11px 12px !important;
}
#wpmpLoginSection .form-group {
width: 80%;
}
#wpmpLoginSection h3{
color: #638842;
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
#wpmpLoginSection .form-group {
width: 100%;
}
}
@media (max-width: 767px){
#wpmpLoginSection .form-group {
width:100%;
}
}
/* Css Change on 27-03-2020*/
/* main .post-pagination .social-share .share-txt {
padding-top: 16px;
} */
main .post-pagination a {
background: #f3f3f3;
padding: 15.5px;
}
/*************************************************
*
* User-sidebar
*
************************************************/
.page-template-template-profileedit .profile-upblock {
width: 90%;
}
.page-template-template-profileedit .profile-upblock .form-control{
width:90%;
}
.page-template-template-profileedit .post-content h3{
color: #527731;
}
.user-sidebar h3{
margin-bottom: 35px !important;
}
.user-sidebar {
margin-top:70px;
}
.user-sidebar .card-header{
font-size: 18px;
line-height: 24px;
color:#fff;
}
.user-sidebar .card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
border-bottom: rgba(57, 85, 34, 0.6);
background: rgba(57, 85, 34, 0.6);
}
.user-sidebar .card a{
font-size: 17px;
color: #48662d;
line-height: 24px;
padding: 5px 0px;
display: inline-block;
}
.user-sidebar .userbl .userlist li a:first-child{
position: relative;
padding-left: 0px !important;
width:50%;
padding-right: 35px;
}
.user-sidebar .userbl .userlist li {
-webkit-box-align: self-start;
-ms-flex-align: self-start;
align-items: self-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 35px;
}
.user-sidebar .userbl .userlist li a:first-child .fa{
position: absolute;
right: 0;
top: 8px;
}
.user-sidebar .userbl .userlist li a:nth-child(2){
max-width:140px;
}
.user-sidebar .card.userbl .userlist li a{
padding-left: 10px;
}
.user-sidebar .card .fa{
padding: 0px 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
.user-sidebar {
margin-top:80px;
}
}
@media (min-width: 1700px){
.user-sidebar {
padding-right: 88px;
}
}
@media (max-width: 991px){
.user-sidebar {
margin-top:10px;
}
.user-sidebar .card a {
font-size: 15px;
}
}
/* Craete new user for Submit button*/
@media (max-width: 1699.98px) and (min-width: 1199.98px){
.page-template-template-profileupdate .post-content, .page-template-template-profileedit .profile-upblock {
margin-top: 25px;
}
}
.profile-edit-privacy-text p, .profile-edit-privacy-text u {
font-size:14px !important;
color: #808080 !important;
}
.profile-edit-privacy-text img {
float: left;
margin: 5px 10px 0 0 !important;
}
.big-form.profile-inner .p-submit{
width: auto !important;
}
@media (max-width: 576px){
.big-form.profile-inner .p-submit{
font-size: 14px;
}
}
.single-agenda .post-content .related-lb {
font-size: 22px;
}
/* ===================================================================================== */
/* PLUG-INS */
/* ===================================================================================== */
/* plugin complianz */
@media (max-width:469px) {
#cc-window.cc-type-categories.cc-floating .cc-compliance {
width: 80%;
}
}
@media (min-width:470px) and (max-width:548px) {
#cc-window.cc-type-categories .cc-btn {
max-width:80%;
min-width:80%;
}
#cc-window.cc-type-categories.cc-window.cc-floating.cmplz-categories-no .cc-compliance .cc-dismiss,
#cc-window.cc-type-categories.cc-window.cc-floating.cmplz-categories-hidden .cc-compliance .cc-dismiss,
#cc-window.cc-type-categories.cc-window.cc-floating.cmplz-categories-no .cc-compliance .cc-save,
#cc-window.cc-type-categories.cc-window.cc-floating.cmplz-categories-hidden .cc-compliance .cc-save {
width: 80%;
float: left;
}
}
/* POPUP MAKER */
/* INLOG POPUP */
/*
#popmake-7914 h2 {
font-family: 'Proxima Nova Rg';
font-weight: 700;
font-style: normal;
font-size: 38px;
line-height: 48px;
color: #638842;
margin-bottom: 25px;
}
#popmake-7914 #btnForgotPassword {
display: block;
padding: 0;
margin-top: 25px;
}
#popmake-7914 .text__intro--login {
color: #000;
font-size: 17px;
font-weight: 700;
margin-top: 0;
margin-bottom: 0;
padding-right: 25px;
}
#popmake-7914 .login-popup-btn-cont {
margin-top:25px;
}
#popmake-7914 .login-popup-btn-cont a {
color: #fff !important;
margin-top: 0;
padding: 15px !important;
font-size: 14px;
}
#popmake-7914 .login-popup-btn-cont i {
padding-right: 5px;
}
#popmake-7914 .button_white {
background-color: #48662d;
}
#popmake-7914 hr {
border: 2px solid rgba(57,85,34,.6);
}
#popmake-7914 .pum-close.popmake-close {
border-radius: 50px 0 0 50px;
}
*/
/*------------------------------------*\
PLUGINS_GRAVITY_FORMS
\*------------------------------------*/
/* GRAVITY_FORMS */
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
width: 100% !important;
}
/* GRAVITY_FORMS_POPUP_CONFIRMATION */
#gform-modal-notification {
top: 0 !important;
transform: translateY(-50vh) !important;
padding: 64px 64px !important;
border-radius: 64px !important;
border: 32px solid rgb(72, 102, 45) !important;
}
#gform_confirmation_overlay {
background: rgba(57, 85, 34, 0.6) !important;
}
#gform-modal-notification .button {
font-size: 32px !important;
top: 16px !important;
right: 16px !important;
color: red !important;
text-decoration: none;
}
/* NITROPACK */
div[class*='theme--light'],
div[class$='--light'],
.YTMjjj01MjkT3hNuYAYMzkNAjMNm3Nxtheme--light,
.MNTzFANTyMETDjjkzjk112uNEIZNY3Otheme--light {
display:none !important;
height: 0px !important;
}