/* eerste test blauw: #16B2E3 */
/* volgende test blauw: #21D2F5 */


/* eigen icons */
.willem-icon{
	width:25px;
	margin-bottom:2rem; 
	display:inline-block;
	position:relative
}
.feature-column.left .willem-icon{float:left}
.breedte-32{
	width:30px;
}
.insprong li {
padding-left: 0.9em;
text-indent: -0.9em;
}

.insprong-cijfers li {
padding-left: 1.85em;
text-indent: -1.85em;
}

.vet{
font-weight:700; 
color:#333; 
display: inline;
}

.onderstreept{
text-decoration: underline;
font-style: italic;
display: inline;
}

.tm-pageloader.fixed-width-bar:after{
	background-image: url(../images/willem/preloader-wondzorg-v2.png);
}

/* kleur pageloader */
.tm-pageloader{
	height: 0.225rem;
}
.tm-pageloader #tm-pl-bar{
	width: 0;
	background-color: #FF000D;
}

.color-blauw{
	color: #1DBAD9;
}

/* Kleuren overlay menu */

.overlay-navigation-wrapper .navigation-hide a:hover{
	color: #de131b;
}
.overlay-navigation .sub-menu .current a{
	color: #111;
}
.overlay-navigation .sub-menu a:hover{
	color: #de131b;
}
/* Overlay Nav Hover Colors */
.overlay-navigation > ul > li > a:hover,
.overlay-navigation ul li.current > a:hover{
	color: #de131b;
}
/* Overlay Nav Hover Colors */

.overlay-navigation > ul > li.current > a{
	color: #111;
}
/*kleur breadcrums */

.box a:not(.button),
.shop .breadcrumb a{
		color: #000;
	padding-bottom: 2px;
	-webkit-transition-timing-function: cubic-bezier(.18,1,.21,1);
			transition-timing-function: cubic-bezier(.18,1,.21,1);
	-webkit-transition-duration: 900ms;
			transition-duration: 900ms;
}

.footer-top .footer-logo{
	width: 16rem;
	margin-bottom: 2rem !important;
}

.list-group.small li{padding: 0rem 0
}
/* blauwe kleur */
.bkg-theme{
	background-color: #1DBAD9;
	border-color: #1DBAD9;
}
.bkg-hover-theme:hover{
	background-color: #de131b;
	border-color: #de131b;
}
.border-theme{
	border-color: #5efc71;
}
.border-hover-theme:hover{
	border-color: #1DBAD9;
}
.color-theme{
	color: #1DBAD9;
}
.color-hover-theme:hover{
	color: #de131b;
}

.separator{

	background-color: #1DBAD9;
}


.pagination-2 a:hover{
	background-color: #1DBAD9;
}
/* Inspring caption doktersafbeeldingen home-pg niet wit maar bkg-lichtgrijs */



.groep{
margin-top:2rem;
}

p span{
font-weight:700; 
}


/* link zelf gemaakt blauwe kleur in pg spataderen*/


.link-blauw a {
	color: #1DBAD9;
}
.link-blauw a:hover{
	color: #9CE5F3;
}

.link-rood a {
	color: #de131b;
}


.post-content a {
	color: #000;
}

.title-medium{
	font-size: 3.8rem;
	line-height: 1;
}

/* !!!!!!!!!!!!!!Als we dit opnemen moeten hier nog responsive aanpassingen aan gebeuren voor de kleinere schermen!!!!!!!!!!!!!!!!*/
.pagination-2 .indication-large{
	font-size: 8rem;
	top: -2rem;
}

/* doorhalen header weg*/
.header .navigation > ul > li.current > a{
	text-decoration: none;
	font-weight:500;
}
/* header font iets groter*/
.header .navigation > ul > li > a{
	font-size: 1.25rem;
}


/* Header Color iets donkerder*/
.header .navigation > ul > li > a{
	color: #666666;
}

/* Accordion */
.accordion > ul > li > a{
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	color: #222222;
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
}

/* veranderen kleur accordion naar wit*/
.accordion.style-2 > ul > li.active > a,
.accordion.style-2 > ul > li.active > a:hover{
	color: #fff;
}

.accordion > ul > li.active > a,
.accordion > ul > li.active > a:hover{
	border-color: transparent;
	background-color: #de131b;
	color: #fff;
}


.widget a:not(.button):hover{
	color: #b0070f;
}


.footer .footer-bottom a:hover{
	color: #fff;
}
.fadein a:hover{
	color: #fff;
}

.footer .widget a:not(.button):hover
{
	color: #fff;
}

/* f8f8f8*/
.footer-light{
	background: #f8f8f8;
}
.footer-light .widget-title, 
.footer-light .widget-title a{
	color: #111;
	font-weight:700;
}


.header .navigation > ul > li.test > a{
	color:#fff;
	background-color: #000;
	padding-left:20px;
	padding-right:20px;
}




/* Buttonwwillem */
.buttonwillem{
	padding: 1.45em 2.5rem;
	margin-bottom:0.3rem;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
	color: #000000;
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
	width:100% !important;
	border: none;
}
.buttonwillem > a,
.buttonwillem > a:hover{
	border-color: transparent;
	background-color: #7befb2;
	color: #111;
}
.buttonwillem > a:hover{
	border-color: transparent;
	background-color: #ddd;
}








h3,.h3{
	line-height:2.8rem;
	font-size: 2.20rem
}
.titel{
	line-height:3.2rem;
	font-size: 2.5rem;
	padding-right:40px;
}
@media only screen and (max-width: 768px){
	h3{
		font-size: 1.8rem;
	line-height:2.3rem;		
	}
	.titel{
		font-size: 1.8rem;
	line-height:2.3rem;	
}
h1.title-medium{
	font-size: 2.5rem;
	line-height: 1;
}
}

.separator{

	background-color: #ffffff;
}

/* afstand bullets: oplossing: in core.min "list-style-position: outside" toegevoegd en de ul zelf naar rechts laten opschuiven met code onderaan */

.uitsprong{
        padding-left:1.5rem;
}
.uitsprong-cijfers{
        padding-left:2.5rem;
}


/* read-more origineel houden en niet onderstreept zoals de andere linken */

.link-fadeinbg a.read-more,
.link-fadeinbg a.read-more [class*="icon-"]{
	border-bottom: none;
	color:#444;
	font-size: 1.2rem;
	font-weight: 400;
	text-transform: uppercase;
}


.link-fadeinbg.read-more [class*="icon-"]{
	position: relative;
	top: 0.1rem;
}
.read-more:hover [class*="icon-"]{
	margin-left: 1rem;
	background-color: #444;
}


.link-fadeinbg .read-more:hover,
.link-fadeinbg .read-more:hover [class*="icon-"]{
	
	background-color: transparent;
}


/* h3 spataderaandoeningen onder de thumbnails origineel houden en niet onderstreept zoals de andere linken */

.product-title a{
	text-decoration:none;
}

.product-title a:hover{
	color:#de131b;
}


/* de link van de footer beetje anders kleuren */

.link-fadeinbg .footer-top a{
	border-bottom: 1px solid #999;
}
.link-fadeinbg .footer-top a:hover{
	border-bottom: none;
}
.link-fadeinbg .footer-bottom a{
	border-bottom: 1px solid #999;
}
.link-fadeinbg .footer-bottom a:hover{
	border-bottom: none;
}



.rode-disc{
	color: #de131b;
}


/* de ruimte voor de foto van de dokter op de gsm */

@media only screen and (max-width: 600px) {
.pt-mobile-50{
padding-top:8rem;
}
.pt-150.mobiel{
padding-top:120px;
}
.pt-110.mobiel{
padding-top:60px;
}
.pt-100.mobiel{
padding-top:60px;
}

.pt-90.mobiel{
padding-top:50px;
}
.pb-90.mobiel{
padding-bottom:30px;
}

.section-block.mobiel{
padding-bottom:60px;
}

.padding-index-mobiel
{
padding-top:60px;
padding-bottom:60px;
}
}

@media only screen and (max-width: 481px) {
.pt-mobile-50{
padding-top:6rem;
}

}
.dontbreak{
display:inline;	
 white-space: nowrap;
}


/* problemen lange woorden, zoals 'slagaderaandoeningen' in masonry index */

.post-title .homepg{
	font-size:2.5rem; 
	line-height:3.2rem
}
@media only screen and (max-width: 1200px) {
.post-title .homepg{
		font-size:2.2rem; 
		line-height:2.8rem
}
}

@media only screen and (max-width: 800px) {
.post-title .homepg{
		font-size:1.8rem; 
		line-height:2.5rem
}
}
@media only screen and (max-width: 770px) {
.post-title .homepg{
		font-size:2.2rem; 
		line-height:2.8rem
}
}
@media only screen and (max-width: 350px) {
.post-title .homepg{
		font-size:1.5rem; 
		line-height:2.2rem
}
}


/* Probleem: te veel menuknoppen -> Aanpassingen om header langer te krijgen*/

/* 1. twee dingen uit thema.css: 960 naar 1100 gezet*/

@media only screen and (max-width: 1100px){
	.header .logo-inner{
		display: table-cell;
		vertical-align: middle;
	}
	.header .logo a{
		position: relative;
	}
	.header .logo a:first-child{
		opacity: 1;
		top: 0;
		-webkit-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
	.header:not(.header-dark) .logo a:last-child{
		display: none !important;
	}
}

@media only screen and (max-width: 1100px){
	.header .header,
	.header .header-inner,
	.header.header-transparent .header-inner{
		background-color: transparent;
	}
	.header .header-inner{
		border-bottom: 1px solid transparent;
	}
	.header + .content{
		margin-top: -8rem;
	}
	.header .header-inner > .nav-bar{
		padding: 0;
	}
}

/* 2. twee dingen aangepast in core.min.css: 960 naar 1100 gezet

@media only screen and (max-width:1100px) {
    .header {
    background: 0 0;
    position: static!important;
}

}@media only screen and (max-width:1100px) {
    .row, body.boxed .wrapper-inner {
    max-width: 76rem;
}
*/

.accordion{
    margin: 0 0 0rem;
}

/* Juiste kleur knop*/

.bkg-hover-pinterest:hover, .bkg-pinterest{
    background-color: #FF000D;
    border-color: #FF000D;
}

/* Disclaimer*/
.intro-title-2-1{
	background-image: url(../img/disclaimer.jpg);	
}