/*
Theme Name:  
Theme URI: https://maring-huisarts.nl
Description: template 
Author: Reclamebureau RAM
Author URI: https://www.reclamebureauram.nl/
Version: 1.0
*/

/* -------- FONTS --------- */

/* --------- STANDARDS ------- */
.container_full {/* remember to set a width */ margin-right: auto; margin-left: auto;}
.container_size {/* remember to set a width */ margin-right: auto; margin-left: auto;}

.cmplz-cookiebanner {width:auto !important;}

html,body, div, ul, p {
  	font-family: 'Open Sans', sans-serif !important;
    font-size:16px ;
  	line-height:25px !important;
  	color: #515151;
	width: 100%;
	font-weight:300;
}

ul {padding-left: 15px; margin-left: -10px}
ul.text {padding-left: 15px; margin-left: 0px }
ul.cookie {padding-left: 15px; margin-left: 0px }
ul.categories {padding-left: 10px;list-style: none;}
table, th, td {vertical-align: top;}
a.menulk {color: #515151; text-decoration: none; font-size: 14px !important;}
a.menulk:hover, a.menulk:active, a.menulk:focus {color: #6397cb !important; text-decoration: none !important;}
a {color: var(--blauw) /*#6397cb*/; text-decoration: underline /*none*/; /*font-weight: bold;*/}
a:hover, a:active, a:focus {color: #999; text-decoration: none !important;}
#CybotCookiebotDialogBodyLevelButtonsTable div, #CybotCookiebotDialogDetailBody div {width:auto !important;}

:root {
  --rood: #c24628;
  --oker: #cba647;
  --blauw: #5f9da0;
  --dblauw: #395e60;
  --lblauw: #c3dbdb;
}

/* --------- START NEW 10/2023 ACCORDION -------- */

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {padding: 15px 0px 0px !important; color: #515151 !important; border-bottom: 1px solid #ededed;}
.sp-easy-accordion .sp-ea-single .ea-header a {text-transform: uppercase; font-size: 16px !important; color: #515151 !important;}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {padding-left: 0px !important;}
.sp-easy-accordion > .sp-ea-single > .ea-header a .ea-expand-icon.fa {color: var(--blauw)!important;}
.sp-easy-accordion .sp-ea-single {background: transparent !important; border:none !important;}


/* --------- END NEW 10/2023 ACCORDION -------- */




/* -------------- KOPPEN ---------- */

.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

h1 /* paginatitel */
{	font-family: 'Open Sans', sans-serif !important;
    font-size: 31px !important; /* 38px : 16px */
	line-height: 1.1;
	color: var(--oker) /*#6699cc*/;
  	font-weight: 400;
  	margin-bottom: 25px !important;
}

h1.logo /* paginatitel */
{	font-family: 'Open Sans', sans-serif !important;
    font-size: 25px !important; /* 38px : 16px */
	line-height: 1.1;
	color: #6699cc;
  	font-weight: 400;
  	margin: 20px 0 !important;
}

h2 
{	font-family: 'Open Sans', sans-serif !important;
    font-size:16px !important; /* 14px : 14px */
	font-weight: 800;
	line-height: 20px;
  	text-transform: uppercase;
  	color: #515151;
  	margin: 25px 0 0px 0 !important;
}

h2.submenutitle /*  */ 
{	font-family: 'Open Sans', sans-serif !important;
    font-size:23px !important; /* 14px : 14px */
	font-weight: 400;
	line-height: 20px;
  	text-transform: none !important;
  	color: #fff;
  	margin: 25px 0 15px 0 !important;
}

h3 /*  */
{	font-family: 'Open Sans', sans-serif !important;
    font-size:16px !important; /* 20px : 14px */
	font-weight: 800;
	line-height: 20px;
	margin-bottom: 5px;
  	color: #515151;

}

h4 /*  */
{	font-family: 'myriad-pro-n3', 'myriad-pro' ,sans-serif !important;
    font-size:16px !important; /* 14px : 14px */
	font-weight: 300;
	line-height: 20px;
  	margin-bottom:20px;
  	margin-top:0px;
}

h5 	/*  */
{	font-family: 'Ubuntu', sans-serif !important;
    font-size:12px; 
	font-weight: normal;
	line-height: 20px;
}

h5.date 	/* date Newsitem */
{	font-family: 'myriad-pro-n3', 'myriad-pro' ,sans-serif !important;
    font-size:10px; 
	font-weight: normal;
	margin-bottom: 0px;
}

h6	/*  */
{	font-family: 'Ubuntu', sans-serif !important;
    font-size:10px !important; 
	font-weight: normal;
	line-height: 20px;
}

/* -------------- SIZE CONTENT TEXT ---------- */

#controls  {transition:.25s ease-out;}
#controls a {font-size:24px; font-weight:bold; padding: 5px; text-decoration: none !important;}
#controls a:hover {color:#999; transition:.25s ease-out; }

a.selected {color:#000 !important;}

#small {font-size:10px !important;}
#medium {font-size:14px !important;}
#large {font-size:18px  !important;}

.small {font-size:75%;}


/* --------- PADDING ------- */

.nopadding {padding: 0 0 0 0 ; margin: 0 0 0 0 ; }
.paddingtop {padding: 15px 0 0 0 !important;}
.paddingright {padding: 0 15px 0 0 !important;}
.paddingbottom {padding: 0 0 15px 0 !important;}
.paddingleft {padding: 0 0 0 15px !important;}
.paddingtr {padding: 15px 15px 0 0 !important;}
.paddingtb {padding: 15px 0 15px 0 !important;}
.paddingtl {padding: 15px 0 0 15px !important;}
.paddingrb {padding: 0 15px 15px 0 !important;}
.paddingrl {padding: 0 15px 0 15px !important;}
.paddingbl {padding: 0 0 15px 15px !important;}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;}

.logotext{padding-left:10px;}

/* ---------- HEADER -------------- */

.header_effect {position:relative;}

.header_effect:before{
	content:"";
	position: absolute;
	background-image: url("images/header_effect.png");
	background-repeat: repeat-x;
	z-index:-0;
	display: block;
    width: 100%;
 	height: 100%;
}

.headtop {background: #fff; height: 80px; /*border-top: 1px solid #515151;*/ border-bottom: 1px solid #ececec; margin-top: 10px;}
.headmenu {background: #fff; height: 40px;}
.headsubmenu {background: url('../maring/images/maring_huisarts.webp') no-repeat scroll 0px 0% / cover transparent; background-position: bottom;}
.headtopct {margin: 0 auto; padding-top:1px /*5px*/;  max-width: 1200px; padding-bottom: 4px;}
.headmenuct {margin: 0 auto;  padding-top:5px 0; max-width: 1200px;}
.headsubmenuct {margin: 0 auto;  max-width: 1200px; padding: 65px 0;  }
.logo {padding-top: 20px;}
.spoed, .contact {padding-top:25px;}
.contact {padding-left: 10px;}
.spoedfooter{margin-top:-10px;}
.btn-spoed, .btn-spoedft {background-color: var(--rood) /*#e81e75*/; border: none !important; text-decoration: none !important;}
.btn-spoed:hover, .btn-spoed:active, .btn-spoed:focus {background-color: var(--blauw) /*#336699*/ !important;box-shadow: none !important;}
.btn-spoedft:hover, .btn-spoedft:active, .btn-spoedft:focus {background-color: var(--dblauw) /*#e0ebf5*/ !important; box-shadow: none !important; color:#fff /*#515151*/ !important;}
.btn-contact {background-color: var(--blauw) /*#6397cb*/; border: none !important; text-decoration: none !important;}
.btn-contact:hover, .btn-contact:active, .btn-contact:focus {background-color: var(--dblauw) /*#336699*/ !important;box-shadow: none !important; color:#fff !important;}
/*.panelmaring {margin-left: -30px !important;}*/
.fontresize {margin: 0 auto; padding-top:5px;  max-width: 1200px;}


/* ---------- MENU ----------- */

.submenu { background: var(--blauw) /*#6397cb*/; min-height: 250px; padding: 10px 0px 10px 15px;}

.nav-link {display: block; padding: 1rem 7.5rem 1rem 1rem; background: var(--dblauw) /*#336699*/; margin: 5px 15px 5px 0px; color: #fff; text-decoration: none !important;}
.nav-pills .nav-link.active >  .nav-link {color:#fff!important;}
.nav-link:active, .nav-link:focus, .nav-link:hover {color: var(--lblauw) /*#6397cb*/ !important;}
.nav-link.active, .show > .nav-link { padding: 1rem 0rem 1rem 1rem; background: #fff !important; margin-right: 0px; color: #6397cb !important;}
.tab-content > .active {background: #ffffff; min-height: 300px; padding: 10px 15px;}

.nav-pills .nav-link {border-radius: 0rem;}
.submenutext {padding: 10px 15px;}

/* ---------- CONTENT HOME-------------- */

.full_overlay {
	-webkit-filter: grayscale(75%);
	filter: grayscale(75%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position:relative;
}

.full_overlay:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.home1cont {background: #fff;}
.home2cont {background: #fff;}
.home3cont {background: #fff;}
.home4cont {background: var(--lblauw) /*#e0ebf5*/; margin-top: 45px;}
.home5cont {background: #fff;}

.contenthome1 {margin: 0 auto;  max-width: 1230px; padding-top: 85px;}
.contenthome2 {margin: 0 auto; max-width: 1230px; padding-top: 85px;}
.contenthome3 {margin: 0 auto;  max-width: 1230px;}
.contenthome4 {margin: 0 auto;  background: var(--lblauw) /*#e0ebf5*/; max-width: 1230px; padding: 40px 0px;}
.contenthome5 {margin: 0 auto; max-width: 1230px; padding: 40px 0px;}

.column { border: 1px solid #666; min-height: 500px; }
.columntop {background: #ededed; padding:0px;}
.columnbot {padding: 15px;}
.columnhome2:after, .columnhome3:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 30px;
	border-top: 0px solid transparent;
	border-bottom: 60px solid transparent;
	z-index: 999;
	border-left: 30px solid #f16624;
	right: -30px;
}

.columnhome2, .columnhome3{
	background: #f16624 !important;
	color: #fff;
	margin-bottom: 20px;
	position:relative;
}

.columnhome2:after, .columnhome3:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 30px;
	border-top: 0px solid transparent;
	border-bottom: 60px solid transparent;
	z-index: 999;
	border-left: 30px solid #f16624;
	right: -30px;
}

.columnhome1 a, .columnhome2 a, .columnhome3 a 
{color: #fff;}

.columnhome1 a:hover, .columnhome1 a:active, .columnhome1 a:focus, .columnhome2 a:hover, .columnhome2 a:active, .columnhome2 a:focus, .columnhome3 a:hover, .columnhome3 a:active, .columnhome3 a:focus
{color: #666 !important;}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.flexcontent {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	column-gap: 40px;
}

#wpgmza_map {border: 20px solid #fff; outline: 1px solid #c3c3c3;}

/* ---------- CONTENT -------------- */

.page1cont {background: #fff;}
.content1 {margin: 0 auto;  max-width: 1230px; padding:85px 0 20px 0;}
.column1, .column2, .column3, .column4 {margin-bottom:10px;}
.imgpage {
	border: 20px solid #fff;
	outline: 1px solid #c3c3c3;
	max-width: 540px;
	max-height: 100% /*340px*/;
}

.tnp-subscription {margin: 15px 0 !important;}

/* -------- SINGLE POST --------- */

.post1cont {background: #fff;}
.post2cont {background: #fff;}
.post3cont {background: #fff;}
.post4cont {background: #fff;}
.post5cont {background: #fff;}

.contentpost1 {margin: 0 auto; background: #ededed; height: 200px; max-width: 1230px;}
.contentpost2 {margin: 0 auto; background: #111; height: 200px; max-width: 1200px;}
.contentpost3 {margin: 0 auto; background: #ededed; height: 200px; max-width: 1200px;}
.contentpost4 {margin: 0 auto; background: #111; height: 200px; max-width: 1200px;}
.contentpost5 {margin: 0 auto; background: #ededed; height: 200px; max-width: 1200px;}

.columnpost1{
	background: #ededed !important;
	color: #fff;
	margin-bottom: 20px;
	position:relative;
}

.columnpost2:after, .columnpost3:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 30px;
	border-top: 0px solid transparent;
	border-bottom: 60px solid transparent;
	z-index: 999;
	border-left: 30px solid #f16624;
	right: -30px;
}

.columnpost2, .columnpost3{
	background: #f16624 !important;
	color: #fff;
	margin-bottom: 20px;
	position:relative;
}

.columnpost2:after, .columnpost3:after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 30px;
	border-top: 0px solid transparent;
	border-bottom: 60px solid transparent;
	z-index: 999;
	border-left: 30px solid #f16624;
	right: -30px;
}

.columnpost1 a, .columnpost2 a, .columnpost3 a 
{color: #fff;}

.columnpost1 a:hover, .columnpost1 a:active, .columnpost1 a:focus, .columnpost2 a:hover, .columnpost2 a:active, .columnpost2 a:focus, .columnpost3 a:hover, .columnpost3 a:active, .columnpost3 a:focus
{color: #666 !important;}

/* --------- BUTTONS --------- */

.btn-primary {
    color: #fff;
    background-color: #999 /*#337ab7*/ ;
    border-color: #111 /*#2e6da4*/;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #fff;
    background-color: #555 /*#286090*/ ;
    border-color: #000 /*#204d74*/ ;
}

/* ---------- CATEGORIEN -------------- */

.cat-item {/*margin-bottom:10px;*/}
.cat-item:last-child {margin-bottom:30px;}



/* ---------- COLLAPSE -------------- */
.colomat-hoverv { text-decoration: none !important}

.collapseomatic.arrowblue {
	
	
	background-image: url('images/arrows-blue-down.webp')!important;
    background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ececec;
  	cursor: pointer;
}

.colomat-close.arrowblue {background-image: url('images/arrows-blue.webp')!important;*/}
.collapseomatic_content {margin-top: 0px; margin-left: 0px !important; padding: 0px; border-bottom: 1px solid #ececec;}
.panel-heading {padding: 10px 15px;}



/* ---------- FOOTER -------------- */

.footer1cont {background: var(--blauw) /*#6699cc*/; border-bottom: 1px solid #515151;}
.footer2cont {background: #fff;}
.footer3cont {background: #999;}

.footer1 {margin: 0 auto; max-width:1200px; padding: 60px 0 20px 0px; color: #fff !important;}
.footer2 {margin: 0 auto; max-width:1200px; padding:15px 0 20px 60px;}
.footer2 a {text-decoration: none !important;}
.copyright, .init, .RAM {
	padding-left:0px!important;
	color:#fff!important;
	font-size: 12px !important;
}

.RAM a {color: #fff; text-decoration: none !important;}
.footerlink, .footerlink a {color:#fff; text-decoration: none !important;}

a.footerlink:hover, a.footerlink:active, a.footerlink:focus
{color:#666 !important;}

/* ------- Formulieren ---- */

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .form-control {
    background-color: #eee !important;
    border: none !important;
    width: 100% !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 14px;
    color: #999 !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ------- MEDIA QUERIES ---- */

@media (min-width: 2500px)
{
  
.mobile {display:none}	
#mega-menu-wrap-primary-nav #mega-menu-primary-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    width: 50% !important;
    margin: 0 auto !important;
	float: none !important;
}	

}

/* --------- Bootstrap XL schermen ----------- */
/*---- Extra large devices (large desktops, 1200px and up) ---- */
@media (min-width: 1200px) and (max-width: 2500px)
{
  
.mobile {display:none}	
#mega-menu-wrap-primary-nav #mega-menu-primary-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    width: 1210px !important;
    margin: 0 auto !important;
	float: none !important;
}	

}

/* ------- BOOTSTRAP Desktop GRID LG ----------- */
/*----  Large devices (desktops, 992px and up) ---- */
@media (min-width: 992px) and (max-width: 1199px)
{

.mobile {display:none}
.logotext {padding-left: 10px;}

}

/* -------- BOOTSTRAP TABLET MD -----------------*/
/*----  Medium devices (tablets, 768px and up) ---- */
@media (min-width: 768px) and (max-width: 991px)
{

#mega-menu-wrap-primary-nav #mega-menu-primary-nav {padding: 0px 0px 0px 0px !important;}	
.spoed {padding-left:10px;}
.mobile {display:none}
.logotext {padding-left: 40px;}

}

/* -------- BOOTSTRAP TABLET SM -----------------*/
/*---- Small devices (landscape phones, 576px and up) ---- */
@media (min-width: 576px) and (max-width: 767px)
{

.spoed, .contact {padding: 25px 15px !important;}
.desktop {display:none}
.logotext {padding-left: 45px;}
.menu{padding: 0 !important;}
.headsubmenuct {padding: 150px 0;}

}

/* -------------BOOTSTRAP MOBILE XS ------------------*/
/* ---- Extra small devices (portrait phones, less than 576px) ----*/
@media (max-width: 575px) 
{

.row-eq-height{display:block;}
.desktop, .tablet {display:none;}
.column { margin-bottom: 10px;}
.flexcontent{column-count: 1}
.menu{padding: 0 !important;}
.footer2 { padding: 15px 0 20px 0;}
.logotext {padding-left: 45px;}
.spoed, .contact {padding: 25px 15px !important;}
.headsubmenuct {padding: 150px 0;}
.spoedfooter {margin: 20px 0px;}

}

/* -------------BOOTSTRAP MOBILE XS ------------------*/
/* ---- Extra small devices (portrait phones, less than 576px) ----*/
@media (max-width: 425px) 
{

.logotext {padding-left: 45px;}
.logo {padding-top: 0px;}

}