/*Layouts css goes here*/
body {font-family: "open sans", "helvetica neue", arial, sans-serif !important; font-size: 15px !important; line-height: 1.7 !important;}

@media (min-width: 1200px) {
.container {width: 970px !important;}
}

/* top-bar */
.top-bar {background: rgba(141,198,63,0.5); position: absolute; height: 80px; left: 0px; width: 100%;}


/* site-header */
.site-header {background: #fff;}
.logo {margin-top: 40px;}
h2.header-sub {font-family: "Advent Pro", sans-serif;}
h2.header-sub.iedereen a {color: #8DC63F;}


/* main-footer */
.main-footer {background: #0072BC; padding: 20px 0;}
.main-footer.iedereen {background: #8DC63F;}
.main-footer a, .main-footer a:visited {color: #fff !important; font-weight: 700;}

/* login en wachtwoord */
#loginform .login-submit input, #forgotpasswordform .login-submit input {background: #0072bc; color: #fff; border: none; margin-left: 204px;}
#loginform label, #forgotpasswordform label {width: 200px;}

/* element styles */
img {max-width: 100%;}
h1,h2 {color: #0072BC; font-family: "Advent Pro", "Open Sans", sans-serif; font-weight: 600;}
h3,h4 {color: #69A219 !important; font-family: "Open Sans", sans-serif !important; font-weight: 600 !important;}
h3.widget-title {font-size: 18px;}
a.button, .button a, input.button {background: #0072BC !important; color: #fff !important; padding: 5px 7px !important; font-weight: 400 !important;}
a.button:hover, .button a:hover, input.button:hover {color: #fff !important; text-decoration: none !important; background: #8DC63F !important; }
.divalignright {float: right;}
.black {color: #000;}
.centreren {text-align: center;}
.blauw {color: #0072bc !important;}
.groen {color: #69a219 !important;}
.margintb80 {margin: 80px 0;}
.margintb50 {margin: 50px 0;}
.marginb30 {margin-bottom: 30px;}
.pdf {background: url('https://mnn.wpwh.nl/wp-content/uploads/2020/05/pdf-icon.png') no-repeat 0 -1px; padding-left: 32px;}
.word {background: url('https://mnn.wpwh.nl/wp-content/uploads/2020/05/word-icon.png') no-repeat 0 -1px; padding-left: 32px;}
.hr {margin: 20px 0; border-bottom: 2px solid #0072bc;}
.demo {border: 1px solid #777; box-shadow: 10px 10px 10px #ddd; margin: 24px 0;}

/* Gravity Forms */

.gform_wrapper h2.gsection_title {font-size: 30px;}

/* documenten, tooltips (usage: <a href="example.com" class="mnn-tooltip">link-text<span class="mnn-tooltiptext"> this is the tooltip text</span></a>) */
.mnn-tooltip {position: relative; display: inline-block;}
.mnn-tooltip .mnn-tooltiptext {visibility: hidden; width: 400px; background-color: #fafff1; border: 1px solid #ddd; color: #777; text-align: center; padding: 5px; position: absolute; z-index: 1; top:40%; left: 100%; margin-left: 10px;  transition: all 0.1s ease 0.3s;}
.mnn-tooltip:hover .mnn-tooltiptext {visibility: visible;}
.toelichting {margin: 12px 0;}

/* 404 */
.intro404 {font-size: 17px;}

/* algemene styles */
.mnn-filter {background: #fafff1; padding: 10px; border: 2px solid #0072bc;}
.hor-checkboxes .checkbox {display: inline-block; margin: 0;}
.hor-checkboxes .checkbox label {margin-right: 16px;}
.hor-checkboxes .checkbox input {margin-top: 7px;}
.mnn-filter label[for=wpv-category], .mnn-filter label[for=wpv-documentcategorie], .mnn-filter label[for=wpv-wetenschapcat], .mnn-filter label[for=wpv-product_cat] {margin-top: 12px;} 
/* .wpv-filter-form {font-weight: bold;}*/

/* Lidmaatschappen */
.row.lidmaatschappen {margin: 50px 0;}
.row.lidmaatschappen .col-sm-4 {background: #fafff1; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); transition: box-shadow 0.3s, background 0.3s; padding: 0; width: 32%; margin-right: 1%;}
.row.lidmaatschappen .col-sm-4:hover {box-shadow: none; background: rgba(228,251,194,0.44);}
ul.membership-overzicht { list-style: none outside none; padding: 0 10px; min-height: 540px;}
ul.membership-overzicht2 { list-style: none outside none; padding: 0 10px; min-height: 300px;}
ul.membership-overzicht li {border-bottom: 1px solid #eee; line-height: 35px;}
ul.membership-overzicht2 li {border-bottom: 1px solid #eee; line-height: 35px;}
.yes {background: url('https://mnn.wpwh.nl/wp-content/themes/minimax/images/green-check.png') no-repeat 0 6px; padding-left: 24px;}
.no {background: url('https://mnn.wpwh.nl/wp-content/themes/minimax/images/red-check-opacity33.png') no-repeat 0 6px; padding-left: 24px;  color: #aaa;}
.row.lidmaatschappen a.button {width: 100%; font-weight: 700 !important; display: block;}
.row.lidmaatschappen a, .row-lidmaatschappen a:hover {text-decoration: none;}
.membership-panel:hover .button {background: #69a219;}
.lidmaatschappen .prijs {color: #8dc63f; font-weight: 600; font-size: 30px; padding: 0 10px;}

/* webshop*/
.mnn-shop-product {margin: 24px 0; border: 2px solid #0072bc; background: #fafff1;}
h2.mnn-shop-title {font-size: 19px; font-weight: 500; line-height: 1.3; min-height: 60px; margin: 0; font-family: "Advent pro", sans-serif; border-bottom: 2px solid #0072BC;}
h2.mnn-shop-title:hover {}
.mnn-shop-title a {color: #0072bc; padding: 7px; display: block;}
.mnn-shop-title a:hover {text-decoration: none;}
.mnn-shop-image {min-height: 208px; border-bottom: 2px solid #0072BC;}
.mnn-shop-image img {min-width: 100%;}
.mnn-shop-addtocart a.button {display: block !important; color: #fff !important; background: #0072bc !important; float: unset; border-radius: 0 !important; transition: background 0.3s;}
.mnn-shop-addtocart a.button:hover {background: #8dc63f !important;}
.mnn-shop-product-price {color: #8dc63f; font-weight: 600; font-size: 20px; padding: 0 7px;}
input#terms {position: relative;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #8dc63f; transition: background-color 0.3s;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #0072bc;}
.single-product #secondary {display: none;}
.woocommerce-page div.product div.images {width: 100% !important;}
.woocommerce-product-gallery {width: 100%;}
label[for=product_cat-p100-b30] {display: none;}
label[for=product_cat-p25-b10] {display: none;}
.shopmelding {font-size: 11px; color: #8dc63f;}

/* producten zonder gerelateerde producten */
.postid-8354 .related.products {display: none;}
.postid-8353 .related.products {display: none;}
.postid-8083 .related.products {display: none;}
.postid-8429 .related.products {display: none;}

/* woocommerce my-account page */
.woocommerce-account .page-title {display: none;}
.woocommerce-account .woocommerce-MyAccount-navigation {display: none;}
.woocommerce-account .woocommerce-MyAccount-content {float: left; width: 100%;}
.woocommerce-account .mnn-my-account-header {background: #0072bc; text-align: center; padding: 30px 0; color: #fff; font-size: 20px; margin: 20px auto;}
.woocommerce-account .mnn-my-account-header .post-title {color: #fff; margin-bottom: 30px; font-size: 48px;}
.woocommerce-account .mnn-my-account-header .post-title a, .woocommerce-account .mnn-my-account-header .post-title a:hover {color: #fff; text-decoration: none;}
.woocommerce-account .woocommerce-MyAccount-content {display: none;}
.woocommerce-account.woocommerce-orders .woocommerce-MyAccount-content {display: block;}
.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content {display: block;}
.woocommerce-account.woocommerce-subscriptions .woocommerce-MyAccount-content {display: block;}
.woocommerce-account.woocommerce-view-subscription .woocommerce-MyAccount-content {display: block;}
.woocommerce-account.woocommerce-edit-address .woocommerce-MyAccount-content {display: block;}
.woocommerce-account.woocommerce-downloads .woocommerce-MyAccount-content {display: block;}
.woocommerce-account .mnn-my-account-post-content h2 {margin-bottom: 24px; text-align: center;}
.woocommerce-account .mnn-my-account-post-content h2 span a {background: #8dc63f; padding: 3px 10px 3px; font-size: 18px; border-radius: 5px; color: #fff; text-decoration: none !important; line-height: 2; margin-bottom: 7px; position: relative; top: -2px; transition: background-color 0.3s;}
.woocommerce-account .mnn-my-account-post-content h2 span a:hover {color: #fff; background: #0072bc;}
.woocommerce-account .row.mnn-my-account-menu {margin-top: -32px; margin-left: auto; margin-right: auto;}
.woocommerce-account .mnn-my-account-menu-item {text-align: center;}
.woocommerce-account .mnn-my-account-menu-item a {box-shadow: 1px 1px 3px #8dc63f; padding: 15px; font-size: 16px; border: 3px solid #fff; border-radius: 10px; background: #8dc63f; color: #fff; font-weight: 600; text-decoration: none; transition: background-color 0.3s, box-shadow 0.5s;}
.woocommerce-account .mnn-my-account-menu-item a:hover {background: #0072bc; box-shadow: 1px 1px 10px #0072bc;}
.wcs-switch-link.button, .woocommerce-account .woocommerce a.button {margin-left: 10px !important; background: #8dc63f !important; color: #fff !important; transition: background-color 0.3s;}
.wcs-switch-link.button:hover,  .woocommerce-account .woocommerce a.button:hover {background-color: #0072bc !important;}


/* video's */
.ledenmuur {margin: 100px 0;}
.novideo {padding: 0 10px;}

/* artikelen, events */
.single-post p, .single-event p {margin-bottom: 40px;}
.single-post h1.page-title, .single-event h1.page-title {margin: 40px 0;}

/* agenda */
.agenda-item {margin-bottom: 20px; padding-bottom: 36px;}
.agenda-item-header {background: #eee; margin: 16px 0;}
.agenda-item-content { margin: 8px 0;}
.agenda-title {font-size: 18px; color: #69a219; font-weight: 600; line-height: 1.5;}
.single .agenda-datum {margin-top: 24px;}
.meer-informatie-aanmelden {margin-bottom: 24px;}
.agenda-leesverder {padding-right: 0;}
a.agenda-button {background: #0072BC; color: #fff; padding: 2px 7px; float: right; transition: background 0.3s;}
a.agenda-button:hover {color: #fff; text-decoration: none; background: #8DC63F; }
.agenda-image {padding: 0;}
.agenda-body {}
.mnn-event-gegeven:nth-child(2n+1) {background: #f0f8ff;}
.mnn-event-gegeven:nth-child(2n) {background: #fff8dc;}
.mnn-event-gegeven {margin: 24px 0; padding: 10px;}
.agenda-content {margin: 24px 0;}
.formulier-toelichting {font-size: 12px; color: #777;}

/* nieuwe homepage masseurs*/
.header-masseurs a:hover {text-decoration: none; color: #0072bc;}
.home-masseurs-intro {font-size: 17px; margin: 50px 0 30px;}
.home-masseurs-block {min-height: 188px; position: relative; border: 2px solid #0072bc; background: #fafff1; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); transition: box-shadow 0.3s, background 0.3s;}
.home-masseurs-block:hover {box-shadow: none; background: rgba(228,251,194,0.44);}
.home-masseurs-block .overlay {position: absolute; width: 100%; height: 100%;}
.home-masseurs-block .overlay a {display: block; width: 100%; height: 100%; background: none;}
.home-masseurs-block .overlay a:hover {background: none;}
.home-masseurs-block:hover .home-button-klein a {background: #8dc63f;}
.home-masseurs-block h2 {margin: 0 0 10px; background: #0072bc; color: #fff; padding: 7px 10px; font-size: 24px;}
.home-masseurs-block-text {padding: 10px; color: #333; font-weight: 400; font-size: 17px;}
.home-masseurs-block .home-button-klein {position: absolute; bottom: 0; right: 0; min-height: 22px;}
.home-masseurs-block a, .home-masseurs-block a:visited {background: #0072bc; color: #fff; padding: 3px 7px; font-weight: 400; transition: background 0.3s;}
.home-masseurs-block a:hover {text-decoration: none; background: #8dc63f; color: #fff;}
a.alle.button:hover ~ a.leesverder.button {background: #0072bc;}
.home-category-wrapper {border-bottom: 2px solid #eee; margin: 20px 0;}
.home-category {color: #000; padding: 4px; margin: 0; font-family: "Open sans", sans-serif; font-size: 17px; font-weight: 700; background: #eee; display: inline-block;}
.home-view {position: relative; margin-bottom: 24px; border: 2px solid #0072bc;}
.home-view:hover a.leesverder {background: #8dc63f;}
/* .home-view h3 {position: absolute; top: 0; padding: 7px; color: #fff !important; text-shadow: 1px 1px #000;}
.home-view h3 a, .home-view h3 a:hover, .home-view h3 a:visited {color: #fff !important; text-decoration: none; font-family: "Advent pro", sans-serif !important; font-size: 29px;}
*/
.home-view h3 {position: relative; top: 0; padding: 7px; background-color: #fafff1; margin-top: 0; margin-bottom: 0; width: 100%; min-height: 67px;}
.home-view h3 a, .home-view h3 a:hover, .home-view h3 a:visited {color: #0072bc !important; text-decoration: none; font-family: "Advent pro", sans-serif !important; font-size: 19px;}
.leesverder.button {position: absolute; left:0; bottom: 0;}
.alle.button {position: absolute; bottom: 0; right: 0;}
.home-masseurs-row3 {margin-bottom: 60px; margin-top: 60px;}
.home-masseurs-row5, .home-masseurs-row6 {margin-bottom: 60px;}
.home-masseurs-product {border: 1px solid #0072bc;}
.home-masseurs-product a.button {float: unset;}
.home-masseurs-product .woo-title {font-family: "Open sans", sans-serif; font-size: 15px; font-weight: 600; background: #0072bc; padding: 5px;}
.home-masseurs-product .woo-title a, .home-masseurs-product .woo-title a:visited, .home-masseurs-product .woo-title a:hover {color: #fff; text-decoration: none;}
.home-masseurs-product .woo-img img {width: 100%; height: auto;}
.home-masseurs-product .woo-addtocart a {display: block; font-weight: 600;}
.home-masseurs-product .woo-price .price {background: #fff; margin: 0; padding: 10px; color: #8dc63f; font-weight: 600; font-size: 18px;}


/* nieuwe homepage Home */
.home-logo {margin: 50px 0;}
.home-buttons {margin: 50px 0 0;}
.bigbutton a {display: block;}
.home-button.masseur {padding-left: 0;}
.home-button a, .home-button a:visited, .home-button a:hover {color: #fff; font-size: 28px; font-weight: 700; padding: 15px 25px; text-decoration: none;}
.home-button.masseur a {background: #0072BC;}
.home-button.klant a {background: #8DC63F;}
.home-intro {font-size: 21px;}
.home-ul {list-style: none outside disc; padding-left: 24px; margin: 24px 0; font-size: 17px; font-weight: 600;}
.home-button-klein {text-align: right; min-height: 27px; transition: background 0.3s;}
a.home-button.klein, a.home-button.klein:hover {font-size: 15px; padding: 5px 10px;}
ul.home-ul li {min-height: 40px;}
.uitleg {box-shadow: 10px 10px 10px rgba(0,0,0,0.1); transition: box-shadow 0.3s}
.uitleg .inner {padding: 10px; position: relative;}
.uitleg .overlay {position: absolute; width: 100%; height: 100%;}
.uitleg .overlay a {display: block; width: 100%; height: 100%; background: none; line-height: 15;}
.uitleg .overlay a:hover {background: none;}
.uitleg:hover {box-shadow: none;}
.home-button.masseur .uitleg:hover a.home-button.klein {background: #2da1f9;}
.home-button.klant .uitleg:hover a.home-button.klein {background: #9DDA51;}
.masseur .uitleg {background: url('https://mnn.wpwh.nl/wp-content/uploads/2019/12/home1.jpg') no-repeat;}
.klant .uitleg {background: url('https://mnn.wpwh.nl/wp-content/uploads/2019/12/home2.jpg') no-repeat;}

/* nieuwe homepage iedereen */
.row.home-buttons.iedereen {margin-bottom: 50px;}
.iedereen .uitleg {background: none;}
.iedereen .inner {padding: 0;}
.iedereen .home-button.klant.rechts {padding-right: 0;}
.iedereen .home-button.klant.links {padding-left: 0 !important;}
.iedereen .home-button img {height: auto;}
.iedereen .overlay {padding: 10px; opacity: 0; transition: opacity 0.3s; text-align: center;}
.iedereen .overlay:hover {opacity: 1;}
.iedereen .overlay:hover a {color: #0072bc; background: rgba(255,255,255,0.7);}

/* OBR */
.row.obr {margin-bottom: 32px;}
.obr-filter .checkbox {display: inline-block; margin-right: 28px;}
.obr-filter .checkbox input {margin-top: 7px;}

/* formulier maak profielpagina */
.wpt-form-set-checkboxes-behandeling li.checkbox {display: inline-block; width: 33%;}
.cred-form ul {padding: 0;}
.field-description {font-size: 12px; color: #777;}
.submitbutton {margin: 20px 0;}

/* profielpagina's */
.behandelingen a {background: #0072BC none repeat scroll 0 0; color: #fff; display: inline-block; line-height: 1.5; margin: 0 10px 9px 0; padding: 2px 7px; font-weight: 700;}
.behandelingen a:hover {color: #8DC63F;}
.profielgalerij {list-style: none outside none; padding: 0;}
.profielgalerij li {display: inline-block; margin: 0 10px 10px 0;}
.profiel-content img {float: left; margin: 0 16px 16px 0;}
.certificering {display: inline-block; width: 10%;}
.adres img {display: inline-block;}
.pp-reviews .comment-form-comment label {display: none;}
.pp-reviews .wysija-after-comment {display: none;}
.pp-reviews ul.commentlist {list-style: none outside none; padding: 0;}
.pp-reviews .comment-meta {display: none;}
.pp-reviews .reply {display: none;}
.testing {display: none;}
.sterratings {margin: 24px 0; border-top: 2px solid #8dc63f; padding: 10px 0;}
.bewerklink {margin: 24px 0;}
.bewerklink a {background: #eee; padding: 5px 10px;}

/* overzichtspagina masseurs */
.popup-button {font-weight: 700; color: #fff; background: #0072BC; padding: 5px 7px;}
.popup-button:hover {color: #fff;}
.popup-behandeling {margin: 20px 0;}
.gm-style .gm-style-iw, .gm-style .gm-style-iw div {overflow: unset !important;}
.map-icon-onder-kaart {margin: 12px 0;}

/* Inboxify subscribe */
.inboxify-op-pagina label {width: 120px;}
.inboxify-op-pagina input[type="submit"] {background: #0072bc; color: #fff; font-weight: 600; border: none; padding: 3px 7px;}
.inboxify-op-pagina input[type="submit"]:hover {background: #8dc63f;}
.inboxify-in-footer h2 {color: #fff; font-size: 23px;}
.inboxify-in-footer label {color: #fff; font-size: 14px; width: 105px; line-height: 1;}
.inboxify-in-footer input[type="text"], .inboxify-in-footer input[type="email"] {width: 180px; height: 26px;}

/* leveranciers en opleiders accordion */
.row.panel-post-body { border-top: 2px solid #ddd; padding-top: 12px;}
.leveranciers-filter label.label-filter {display: block;}
.leveranciers-filter .checkbox {display: inline-block; margin-right: 10px;}
.leveranciers-filter input[type="checkbox"] {position: relative; top: 1px; margin-right: 5px;}

/* vacatures */
.vacaturevelden {background: #0072bc; margin: 20px 0; padding: 10px 0 0;}
.vacaturevelden p {border-bottom: 1px solid #eee; padding: 0 10px 10px; color: #fff;}
.vacaturevelden p:last-child {border-bottom: none; margin-bottom: 0;}
.vacaturevelden a {color: #fff;}

.full-bg.site-subheader {position: sticky; top:0; z-index: 200; background-color: #fff;}
/* NAV NAV NAV NAV NAV NAV NAV NAV NAV NAV */
.full-bg.nav-bar {position: sticky; z-index: 200; top: 0;}
.ddl-nav-wrap {margin-top: 0 !important;}
.nav-bar {background: #0072BC !important;}
.nav-bar.iedereen {background: #8dc63f !important;}
.ddl-navbar {min-height: 20px !important; margin-bottom: 0 !important; border: none !important;}
.ddl-navbar-collapse, .woocommerce .ddl-navbar-collapse {padding-right: 0px !important; padding-left: 0px !important; margin-left: 0px !important;}
.ddl-navbar-nav > li > a {padding-top: 0; padding-bottom: 0 !important; color: #fff !important; font-family: "open sans", arial, helvetica, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; transition: background-color 0.3s;}
.ddl-navbar-nav > li.menu-item-home > a {padding-left: 0 !important;}
.ddl-nav > li > a {padding: 7px 15px 7px 7px !important;}
.ddl-nav > li > a:hover, .ddl-nav > li > a:focus {text-decoration: none !important; background-color: #8dc63f !important;}
.iedereen .ddl-nav > li > a:hover, .iedereen .ddl-nav > li > a:focus {background-color: #0072BC !important;}

/* media queries */

@media screen and (max-width: 991px) and (min-width: 768px) {
  .woocommerce-account .mnn-my-account-menu-item a {padding: 15px 4px; font-size: 13px;}
}

@media screen and (max-width: 767px) {
.wpt-form-set-checkboxes-behandeling li.checkbox {display: block; width: 100%;} 
.woocommerce-account .mnn-my-account-header {background: #0072bc; text-align: center; padding: 30px 0; color: #fff; font-size: 20px; margin: 0;}
.woocommerce-account .row.mnn-my-account-menu {margin: 10px 0 0;}
.woocommerce-account .row.mnn-my-account-menu .col-sm-3 {padding: 0;}
.woocommerce-account .mnn-my-account-menu-item a {box-shadow: none; padding: 15px; font-size: 16px; border: none; border-radius: 0; background: #8dc63f; color: #fff; font-weight: 600; text-decoration: none; transition: background-color 0.3s; display: block;}
.woocommerce-account .mnn-my-account-menu-item a:hover {background: #0072bc;}
.row.lidmaatschappen .col-sm-4 {width: unset;}
.col-sm-6.home-button.klant {    padding-left: 0; margin-top: 32px;}
   nav .ddl-dropdown-menu > li > a {color: #fff;}
 nav .menu-item {min-height: 44px;}
  .home-masseurs-block {margin-bottom: 30px;}
  .home-masseurs-product {margin-bottom: 30px;}
  .home-masseurs-intro {margin: 50px 0 0px;}
  .agenda-item {padding-bottom: 0;}
  .form-group.afstanden {max-width: 240px;}
  ul.membership-overzicht {min-height: unset;}
  .page-id-1522 img {height: auto;}
}