/* =========================================================================== 
Admin
=========================================================================== */
body.wp-admin input.mkbIconsSelectField { display: none; }
body.wp-admin .mkbIconsSelect {}
body.wp-admin .mkbIconsSelect .mkbIconS {
	display: inline-block; 
	width: 50px; 
	height: 50px;
	margin: 0 2px 2px 0;
	/*background-color: rgba(255,255,255,0.9);*/
	transition: all .3s ease;
}
body.wp-admin .mkbIconsSelect .mkbIconS:hover {
	transform: scale(1.5);
	cursor: pointer;
}
body.wp-admin .mkbIconsSelect .mkbIconS img{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	background-color: rgba(255,255,255,0.9);
}

body.wp-admin .mkbIconsSelect .mkbIconS.selected {}
body.wp-admin .mkbIconsSelect .mkbIconS.selected img {
	border: 1px solid green;
	border-radius: 5px;
}
body.wp-admin .mkbIconsSelect .mkbIconS.selected svg{ display: block; }
body.wp-admin .mkbIconsSelect .mkbIconS.selected svg polygon,
body.wp-admin .mkbIconsSelect .mkbIconS.selected svg rect,
body.wp-admin .mkbIconsSelect .mkbIconS.selected svg path { fill: green; }

 
body.wp-admin.post-type-verzekering #updateTextMessage {
	border: 1px solid #dadada;
	text-transform: uppercase;
	padding: 3px 5px;
	display: none;
}
body.wp-admin.post-type-verzekering #updateTextMessage.success {
	border-color: #008000;
	display: block;
}
body.wp-admin.post-type-verzekering #updateTextMessage.fail {
	border-color: #da0808;
	display: block;
}

/* =========================================================================== 
Front: Algemeen
=========================================================================== */

.verz-overview::after {
  clear: both;
  content: " ";
  display: block;
}
.verz-overview {
	display: inline-block;
	width: 100%;
}
.verz-overview .verzekering {
	display: inline-block;
	width: 31.33%;
	margin: 0 1%;
	text-align: center;
	padding: 10px;
	position: relative;
}
.verz-overview .verzekering > a {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 100;
	color: #666;
}
.verz-icon .verzekering .icon,
.verz-overview .verzekering .icon {
	display: block;
	margin: auto;
	position: relative;
}
.verz-icon .verzekering .icon svg,
.verz-overview .verzekering .icon svg { 
	display: block; 
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.verz-overview .verzekering .info {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 20px;
	width: 100%;
	display: block;
}
.verz-overview .verzekering .info span {
	width: 100%;
	display: inline-block;
}
.verz-overview .verzekering .info span.title { font-weight: 800; }
.verz-overview .verzekering .info span.term {}
.verz-overview .verzekering .info span.term {}


/* Circle icon settings ------------------------------------------- */
.verz-overview.circle .verzekering {
	float: left;
	width: 33.33%;
	margin: 0 0%;
	border-radius: 10px;
	background-color: rgba(0,0,0,0);
	transition: all .3s ease;
}
	.verz-overview.circle .verzekering:hover { background-color: rgba(0,0,0,0.05); }
.verz-overview.circle .verzekering .icon {
	/*display: block;*/
	border-radius: 50%;
	padding: 1%;
	margin: 0% 5% 10px 5%;
	margin: 0% 15% 10px 15%;
	margin: 0% 25% 10px 25%;
}
.verz-overview.circle .verzekering .icon svg polygon,
.verz-overview.circle .verzekering .icon svg rect,
.verz-overview.circle .verzekering .icon svg path { fill: #fff; }
.verz-overview.circle .verzekering span.title { 
	color: #333; 
	text-align: center;
	white-space: nowrap;
}
.verz-overview.circle .verzekering span.title:before {
	content: "";
	margin-left: -100%;
}
.verz-overview.circle .verzekering span.title:after {
	content: "";
	margin-right: -100%;
}
.verz-overview.circle .verzekering span.term { color: #006c82; }

/* Button icon settings ------------------------------------------- */
.verz-overview.button .verzekering {
	width: 15%;
	padding-top: 0px;
	margin-bottom: 2%;
	background-color: #fff;
	border-radius: 30px;
	/* border: 1px solid #dadada; */
	box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
	transition: all .3s ease;
}
	.verz-overview.button .verzekering:hover {
		box-shadow: 1px 2px 3px rgba(0,0,0,0.7);
	}
/*.verz-overview.button .verzekering .icon {
	width: 50%;
	margin-bottom: -9%;
}*/
.verz-overview.button .verzekering .info {
	font-size: 16px;
	line-height: 15px;
}
.verz-overview.button .verzekering .icon {
	width: 37%;
	margin-bottom: -7%;
}
.verz-overview.button .verzekering span.term { color: #333; }

/* List settings ------------------------------------------- */
.slashList .verz-overview.list ul {}
.slashList .verz-overview.list ul li {
	display: inline-block;
	margin: 0 3px;
}

.slashList .verz-overview.list ul li:not(:last-child):after { 
	content: "/"; 
	margin-left: 3px;
}
/* =========================================================================== 
Single: 
=========================================================================== */
body.single-verzekering #main-content .et_builder_inner_content {
  z-index: 999 !important;
}

.verz-icon {
	position: absolute;
	bottom: -40px;
	max-width: 220px;
	left: calc(50% - 110px);
}
.verz-icon .verzekering .icon {
	border-radius: 50%;
	/*padding: 1%;*/
	/*margin: 0% 5% 10px 5%;*/
	/*border: 4px solid #fff;*/
	background-color: #fff;
}
.verz-title {}
.verz-title h1 {
	border-bottom: 2px solid #000;
}
.verz-title h1 span{
	color: #006c82;
	color: #666;
	font-weight: normal;
}


/* Media Queries - Divi: 
================================================== */
@media all and (min-width: 1100px) {
	.et_pb_column_4_4 .verz-overview.circle .verzekering { width: 18% !important; }
	.et_pb_column_2_3 .verz-overview.circle .verzekering,
	.et_pb_column_3_5 .verz-overview.circle .verzekering { width: 33.33% !important; }
	.et_pb_column_1_2 .verz-overview .verzekering .info { font-size: 16px; line-height: 17px; }
	.et_pb_column_1_2 .verz-overview.circle .verzekering { width: 33.33% !important; }	
	.et_pb_column_1_3 .verz-overview.circle .verzekering,
	.et_pb_column_2_5 .verz-overview.circle .verzekering { width: 50% !important; }	
	.et_pb_column_1_3 .verz-overview .verzekering .info,
	.et_pb_column_2_5 .verz-overview .verzekering .info { font-size: 13px; line-height: 15px; }
}
@media all and (min-width: 981px) and (max-width: 1100px) {
	.verz-overview .verzekering .info { font-size: 16px; line-height: 17px; }
	.et_pb_column_4_4 .verz-overview.circle .verzekering { width: 33.33% !important; }
	.et_pb_column_4_4 .verz-overview .verzekering .info { font-size: 16px; line-height: 17px; }
	.et_pb_column_1_2 .verz-overview .verzekering .info { font-size: 12px; line-height: 14px; }
	.et_pb_column_1_3 .verz-overview.circle .verzekering,
	.et_pb_column_2_5 .verz-overview.circle .verzekering { width: 50% !important; }	
	.et_pb_column_1_3 .verz-overview .verzekering .info,
	.et_pb_column_2_5 .verz-overview .verzekering .info { font-size: 11px; line-height: 13px; }
	.verz-overview.button .verzekering { width: 18% !important; }
}
@media all and (min-width: 768px) and  (max-width: 980px) {
	.verz-overview .verzekering .info { font-size: 14px; line-height: 15px; }
	.verz-overview.circle .verzekering { width: 25% !important; }
	.verz-overview.button .verzekering { width: 23% !important; }

}
@media all and (max-width: 768px) {
	.verz-overview .verzekering .info { font-size: 14px; line-height: 15px; }
	.verz-overview.circle .verzekering { width: 33.33% !important; }
	.verz-overview.button .verzekering .info { font-size: 12px; line-height: 14px; }
	.verz-overview.button .verzekering { width: 31.33% !important; }

}
@media all and (max-width: 479px) {
	.verz-overview .verzekering .info { font-size: 14px; line-height: 15px; }
	.verz-overview.circle .verzekering { width: 50% !important; }
	.verz-overview.button .verzekering { width: 48% !important; }
}