/* Twaalfhoven text colors */
.twh-white-t { color: rgb(255,255,255) };
.twh-clay-t { color: rgb(170,169,139) !important; }

.twh-cornelis { color: #b95f50; }
.twh-johannes { color: #d3dcaa; }
.twh-joost { color: #e9cd00; }
.twh-nicolaas { color: #dddc4c; }
.twh-otto { color: #c8dfd4; }
.twh-onbekend { color: #c6c8bb; }

.twh-bg-cornelis { background-color: #b95f50; }
.twh-bg-johannes { background-color: #d3dcaa; }
.twh-bg-joost { background-color: #e9cd00; }
.twh-bg-nicolaas { background-color: #dddc4c; }
.twh-bg-otto { background-color: #c8dfd4; }
.twh-bg-onbekend { background-color: #c6c8bb; }


/* Twaalfhoven background colors */
.twh-clay-b { background-color: rgb(170,169,139) !important; }
.twh-grey-b {background-color: rgba(1,1,1,0.035) !important; }

/* Twaalfhoven type */
html { color: #444; }
em { color: #b95f50; }

html,
.twh-body-font {
	font-family: 'Source Serif Pro', serif;
	line-height: 1.7;
	word-spacing: 1px;
	font-size: 17px;
}
.twh-text-transform-none { text-transform: none; }

h1,
h2,
h3,
h4,
h5,
h6,
.twh-heading-font {
	font-family: 'Source Sans Pro', sans-serif; font-weight: 300;
}
footer {
	border-top: 1px solid #999;
}
.uk-tooltip { font-family: 'Source Sans Pro', sans-serif; }

.twh-font-weight-300 {
	font-weight: 300
}
.twh-font-weight-400 {
	font-weight: 400
}
.twh-font-weight-700 {
	font-weight: 700
}
.twh-font-size-0875rem {
	font-size: 0.875rem
}
.twh-font-size-1rem {
	font-size: 1rem
}
.twh-font-size-11rem {
	font-size: 1.1rem !important
}
.twh-font-size-125rem {
	font-size: 1.25rem
}
.twh-font-size-15rem {
	font-size: 1.5rem
}
.twh-font-size-17px {
	font-size: 17px
}


/* generic */
.twh-m0 {
	margin: 0 !important;
}
.twh-mb10 {
	margin-bottom: 10px;
}
.twh-mb20 {
	margin-bottom: 20px;
}
.twh-mb40 {
	margin-bottom: 40px;
}
.twh-mt5p {
	margin-top: 5%;
}
.twh-mt5px {
	margin-top: 5px !important;
}
.twh-mt60px {
	margin-top: 60px !important;
}

.twh-mr4px {
	margin-right: 4px;
}
.twh-mr10px {
	margin-right: 10px;
}
.twh-pt5px {
	padding-top: 5px;
}
.twh-pb5px {
	padding-bottom: 5px;
}
.twh-pt8px {
	padding-top: 8px;
}
.twh-pb8px {
	padding-bottom: 8px;
}
.twh-pb14px {
	padding-bottom: 14px;
}
.twh-pr0px {
	padding-right: 0px;
}
.twh-pl15px {
	padding-left: 15px;
}
.twh-pl0px {
	padding-left: 0px;
}
.twh-pp20 { padding: 20px 20px;}

.twh-height-38px {
	height: 38px !important;
}

.twh-inline-block {
	display: inline-block;
}
.twh-pos-relative {position: relative; }

.twh-hover a:hover {
	color: white;
}
.twh-subheading {
	font-weight: 600;
    margin-bottom: -20px;
    text-transform: uppercase;
}
.twh-sub-subheading {
	margin-top: 20px;
	font-size: 1rem;
	text-transform: uppercase;
}

.twh-caption {
	color: #666;
	margin-top: 10px;
	font-size: 15px;
	line-height: 1.6;
}
.twh-color-white { color: #ffffff !important;}
.twh-section-small {
    padding-top: 10px;
    padding-bottom: 10px;
}
.twh-search-width {
	width: 400px;
}

/* subnav */
.thw-subnav {
	background-color: white;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.tm-nav>li.uk-active>a:after {
	content: "\2003\2002";
	position: relative;
	top: 11px;
	left: 10px;
	border-top: 1px solid #1e87f0;
}
.uk-link, a {
    color: #b95f50;
    text-decoration: none;
    cursor: pointer;
}
.uk-link:hover, a:hover {
    color: #b95f50;
    text-decoration: underline;
}
.uk-subnav-pill>.uk-active>a {
    background-color: #b95f50;
    color: #fff;
}
.uk-subnav-pill>li#105.uk-active>a {
	background-color: #c8dfd4;
	color: #fff;
}
.uk-subnav-pill>li#106.uk-active>a {
	background-color: #d3dcaa;
	color: #fff;
}
.uk-subnav-pill>li#107.uk-active>a {
	background-color: #c8dfd4;
	color: #fff;
}
.uk-subnav-pill>li#108.uk-active>a {
	background-color: #b95f50;
	color: #fff;
}
.uk-subnav-pill>li#109.uk-active>a {
	background-color: #e9cd00;
	color: #fff;
}
/* 7-2-19 verwijderd op verzoek van Dick
	ul#nav > li span:first-child,
ul#nav > li a:first-child {
	margin-left: 32px;
}
*/




/* scroll to top */
.cd-top {
	position: fixed;
	width: 30px;
    height: 30px;
    background-color: #eee;
    z-index: 10;
    left: 50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, -0%);
	transform: translate(-50%, -0%);
	bottom: 10px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
	transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  	-webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  	transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  	visibility: visible;
  	opacity: 1;
}

.cd-top.cd-top--fade-out {
  	opacity: .5;
}

.cd-top:hover {
  	opacity: 1;
}

/* genealogy */
ol>li>ol>{list-style-type: lower-latin; !important}
ol>li>ol>li>ol>li {list-style-type: none;}
ol>li>ol>li>ol>li>ol>li {list-style-type: none;}

.twh-footnotes { font-size: 12px; line-height: 1.4;}
.uk-table.twh-footnotes td { padding: 2px 12px; }
.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover { background: rgba(0,0,0,0.03); }
.twh-button-small {
    padding: 0 15px !important;
    line-height: 28px !important;
    font-size: .875rem !important;
    text-transform: capitalize !important;
}


.uk-subnav-pill>#105.uk-active>a {
    background-color: #c8dfd4;
    color: #fff;
}
.uk-subnav-pill>#106 .uk-active>a {
    background-color: #d3dcaa;
    color: #fff;
}
.uk-subnav-pill>#107.uk-active>a {
    background-color: #dddc4c;
    color: #fff;
}
.uk-subnav-pill>#108.uk-active>a {
    background-color: #b95f50;
    color: #fff;
}
.uk-subnav-pill>#109.uk-active>a {
    background-color: #e9cd00;
    color: #fff;
}
.twh-album-link {
	   margin-top: 20px;
    font-weight: 300;
    font-size: 1rem;
}


.twh-media-card { border: 1px solid #999; }
.twh-card-body { padding: 20px 20px; }

/* error pages */
.twh-error {
	background-color: #d3dcaa;
}
span.twh-error {
	font-size: 5rem !important;
	font-weight: 700;
	color: rgba(14, 86, 65, 1) !important;
    vertical-align: 36%;
    letter-spacing: -.018rem;
}
.twh-error-message {
    font-size: 2.2rem;
    color: rgba(0,0,0,0.5);
    letter-spacing: .08rem;
    font-weight: 100;
    margin-top: -4rem
	}
.twh-error-title {
	font-size: 18rem!important;
	font-weight: 800;
	color: rgba(14, 85, 64, 0.67) !important;
}
.twh-error-link,
.twh-error-link a {
    margin-top: 7%;
	color: rgba(0,0,0,0.5);
    font-size: 3rem;
}

/* heading */
.twh-main-menu li {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #b2b2b2;
	outline: #b2b2b2;
}
.twh-main-menu .border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #b2b2b2;
    outline: #b2b2b2;
}
.twh-border-bottom,
.twh-main-menu-last {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #b2b2b2;
	outline: #b2b2b2;
}
ul.twh-nav-sub {
    padding: 0px;
    background-color: #f8f8f8;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2
}
.uk-button-default.uk-active, .uk-button-default:active {
    background-color: transparent;
    color: #333;
    border-color: #999;
    background-color: rgba(0,0,0,0.07);
}
.twh-container { padding-left: 0; padding-right: 0; }
.thw-canvas-menu {
}
.twh-padding-15 { padding-left: 15px !important; padding-right: 15px !important; }


@media (max-width: 639px) {
	.twh-heading-padding { padding-left: 15px !important; padding-right: 15px !important; }
}

@media (min-width: 640px) {
	.twh-heading-padding { padding-left: 30px !important; padding-right: 30px !important; }
}

@media (min-width: 960px) {
	.twh-heading-padding { padding-left: 40px !important; padding-right: 40px !important; }
}

@media (min-width: 1200px) {
	.twh-heading-padding { padding-left: 0 !important; padding-right: 0 !important; }
}

/* news */
.thw-super {
	vertical-align: super;
}
.twh-slider .uk-position-center-right {
	right: -15px !important;
	background-color: black;
	width: 20px !important;
}
.twh-slider .uk-position-center-left {
	left: -15px !important;
	background-color: black;
	width: 20px !important;
}