/*
Theme Name:     DocNext 2012 child
Description:    Customized theme for Docnextnetwork
Author:         Studio Takken - martin@studiotakken.nl
Author URI: 	http://www.studiotakken.nl/
Template:       twentytwelve
Version: 1.0
(optional values you can add: Theme URI, Author URI, Version)
*/




@import url("/dnn/dnn_wp_html/wp-content/themes/twentytwelve/style.css");

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

body.custom-font-enabled {
	font-family: Arial, Helvetica, sans-serif;
}


.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;

}

a {
	outline: none;
	color: #E53026;
	text-decoration: none;
}

a:hover {
	color: #AD211E;
}

#page_container {
	background-color: #8E8E8E;
	max-width: 990px;
	max-width: 70, 71428571428571rem;
	margin: 0 auto;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

body.page-template-default .site-content, body.page-template .site-content {
	width: 100%;
}

.site-header {
	position: relative;
	padding: 0 0;
}

#homelogo a {
	line-height: 0;
}

body .site {
	background-image: url("/dnn/dnn_wp_html/wp-content/themes/docnext-2012-child/images/grey_header_line.png");
	background-position: center top;
	background-repeat: repeat-x;
	max-width: 930px;
	max-width: 66, 42857142857143rem;
	box-shadow: 0 0px 0px rgba(100, 100, 100, 0.3);
	margin-bottom: 0rem;
	margin-top: 0;
	padding: 0 2.85714rem;
}

#masthead {
	height: 185px;
}


.main-navigation ul.nav-menu, .main-navigation div.nav-menu>ul {
	border-bottom: 0px solid #EDEDED;
	border-top: 0px solid #EDEDED;
	display: inline-block !important;
	text-align: left;
	width: 100%;
}

.main-navigation {
	margin-top: -1.2rem;
	margin-top: -20px;
	text-align: left;
	margin-left: 120px;
}


#menu-remixroommenu .menu-item {
	background-color: #bbb;
	padding: 0 5px;
	margin: 0px;

}

#menu-remixroommenu .current_page_item {
	background-color: #000;
	padding: 0 10px 3px 10px;
}


#menu-remixroommenu .menu-item a {
	color: #fff;
}

#menu-remixroommenu li a {
	border-bottom: 0;
	color: #6a6a6a;
	line-height: 2.1;
	text-transform: none;
	white-space: nowrap;
}


.site {
	margin: 0 auto;

	max-width: 68.571428571rem;
	overflow: hidden;
}

.site-content {
	float: left;
	width: 70%;
	margin: 0 0 0;
}


footer[role="contentinfo"] {
	border-top: 0px;
	clear: both;
	font-size: 0.857143rem;
	line-height: 2;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0rem;
	max-width: 910px;
	max-width: 66, 42857142857143rem;
	padding: 1.2rem 0;

	color: #eee;

}

footer[role="contentinfo"] a {

	color: #eee;
	text-decoration: none;
}

#footer-sidebar {
	display: block;
	height: 40px;
}

#footer-sidebar1 {
	float: left;
	width: auto;
	margin-left: 0px;
	margin-right: 10px;
	padding-bottom: 20px;

}

#footer-sidebar2 {
	float: left;
	width: 230px;
	margin-right: 10px;
}

#footer-sidebar3 {
	float: left;
	width: 430px;
}

.widget-area {
	margin: 0 0 0;
	margin: 0rem 0 0;
}

.widget-area .widget h3 {
	margin-bottom: 5px;
	margin-bottom: 0.35714285714286rem;
}

.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 13px;
	font-size: 0.92857142857143rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: none;
	color: #636363;
}

#recent-posts-3 li a {
	color: #f00;
}


#footer-sidebar .widget-title {
	font-family: "Lato", arial, sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-transform: none;
	color: #222;
	border-bottom: thin solid #000;
	margin-bottom: 5px;
}

.entry-header {

	margin-bottom: 0rem;
	background-color: #000;
	color: #E53026;
	padding: 20px 40px;
	text-align: center;
}


.entry-header {
	font-family: "Lato", arial, sans-serif;
	font-weight: 300;
}

/*
.entry-header .entry-title {
	font-size:36px;
	font-weight:100;
	word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;	
}
*/

.entry-header .entry-title {
	-moz-hyphens: none;
	font-size: 32px;
	font-weight: 300;
	word-wrap: normal;
	margin-bottom: 10px;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.content-intro {
	background-color: #000;
	color: #eee;
	padding: 5px 100px 20px;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 0px;
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.content-main {
	position: relative;
	width: 560px;
	clear: both;
}


.post-align-right .content-main {
	position: relative;
	width: 560px;
	padding-left: 350px;

}

.post-align-center .content-main {
	position: relative;
	width: auto;
	text-align: left;
	padding: 0 100px;
}



.site-content article {
	border-bottom: 0px solid #EDEDED;
	margin-bottom: 5.14286rem;
	padding-bottom: 1.71429rem;
	word-wrap: break-word;
}




.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}




.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	font-size: 11px;
	font-size: 0, 78571428571429rem;
	font-style: normal;
	line-height: 2;
	background-color: #000;
	color: #ccc;
	padding: 2px;
	margin-top: 0px;

}

.wp-caption .wp-caption-text {
	margin: 0px 3px;
}

.page img.alignright {
	margin: 0rem 0 0rem 0rem;

	position: relative;
	right: auto;

}

.page .content-main .alignright {
	position: absolute;
	right: -350px;
	width: auto; // 315px; /*nu kunnen ook kleinere plaatjes worden gebruikt */ 
}

.post-align-center .content-main .alignright, .post-align-right .content-main .alignright {
	position: relative;
	right: auto;
	width: auto; // 315px; /*nu kunnen ook kleinere plaatjes worden gebruikt */ 

}

.archive .page div .alignright {
	left: 0;
	position: relative;

}


.archive .page div .alignright {
	margin: 12px 0 12px 24px;
	margin: 0.5rem 0 0.857142857rem 1.714285714rem;
}

.archive div .content-main {
	width: auto;
}


.archive-header, .page-header {
	margin-bottom: 5px;
	margin-bottom: 0, 35714285714286rem;
	padding-bottom: 0px;
	padding-bottom: 0rem;
	border-bottom: 0px solid #ededed;
}


.postdateautor {
	font-size: 80%;
	color: #333;
}

.post-align-right .content-main .alignleft {
	left: 0px;
	position: absolute;
	width: 325px;
}


.wp-caption {
	background-color: #000;
	max-width: 100%;
	padding: 7px 0 0 0;
}



/** front panels **/

#front-panels {
	position: relative;
	margin-left: -10px;
}

.front-panel {
	position: relative;
	float: left;
	width: 220px;
	height: 140px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-family: "Lato", arial, sans-serif;
	font-weight: 300;
	text-align: center;
	text-decoration: none;

}

.front-panel-text {
	clear: both;
	height: 140px;
}


.floater {
	float: left;
	height: 47%;
	width: 100%;
	margin-bottom: -50px;
}


.panel-clicker {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	/* edit: fixes overlap error in IE7/8, 
	make sure you have an empty gif */
	background-image: url('/dnn/dnn_wp_html/wp-content/themes/docnext-2012-child/images/empty.gif');

}


.clearer {
	clear: both;
}


#searchform-top {
	position: absolute;
	bottom: 40px;
	right: 0px;
}

#social-widget-2 {
	position: absolute;
	right: -10px;
	top: 42px;
	width: 200px;
	text-align: right;
}



blockquote, q {
	background-color: #eee;
}




#breadcrumbs {
	font-size: 90%;
	color: #999;
}


/* blog */

.blog .entry-header img.wp-post-image, .single-post .entry-header img.wp-post-image, .search-results img.wp-post-image {
	margin-top: 20px;
	margin-bottom: 10px;
}


.single-post .content-main {
	width: auto;
}


.catlist {
	clear: both;
}

.cat_but {
	color: #000;
	font-size: 80%;
	padding: 0px 6px;
	float: left;
	background-color: #ccc;
	margin: 1px;
}

.cat_but_active {
	background-color: #E53026;
	color: #fff;
}

.cat_but a {
	color: #fff;
}

.tag_but {
	font-size: 80%;
	padding: 0px 6px;
	float: left;
	margin: 1px;
	background-color: #000;
}

.tag_but a {
	color: #fff;
}

.entry-meta {
	border-style: solid;
	border-top: thin dashed #000;
	border-bottom: thin dashed #000;
}

/* wpfb file pages */

.single-wpfb_filepage .entry-content {
	margin-top: 20px;
}


.table.dataTable tr.even td.sorting_1 {
	background-color: #0ff;
}

.single-wpfb_filepage .site-content {
	position: relative;
	text-align: left;
	padding: 0 130px;
}

.rr_front_title {
	font-size: 23px;
	color: #fff;
}





/* robert */


.single_user_row {

	position: relative;
	width: 426px;
	border: 1px solid #eee;
	padding: 5px;
	margin: 8px 5px 5px 8px;
	float: left;

	height: 101px;
	overflow: hidden;
	background-color: #fff;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 3px 2px 4px -1px #999999;
	-webkit-box-shadow: 3px 2px 4px -1px #999999;
	box-shadow: 3px 2px 4px -1px #999999;
}

.single_user_row .hoofdzaken_box {

	display: table-column;
	float: left;
	padding: 0 5px;
	margin: 0 5px;
	width: 306px;
	font-size: 80%;
	color: #666;
}

.kp_single_profile_icon_big {
	display: table-column;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.kp_single_profile_icon {
	display: table-column;
	float: left;
}

.country_icon {
	float: right;
}

.profile_name {
	font-size: 1.2rem;

}


a.fill-div {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	z-index: 2;

	top: 0;
	left: 0;
}

.single_user_row_content {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
}

.flag {
	padding: 1px;
	border: 1px solid #BCBCBC;
	background-color: #BCBCBC;
}



.kp_single_profile_big {
	position: relative;
	width: 780px;
	margin-left: 58px;
}

.linktolist {
	position: absolute;
	right: 0px;
}



/* =Media queries
-------------------------------------------------------------- */


/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

	h1 {
		page-break-before: always;
	}

	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
	}

	ul, ol, dl {
		page-break-before: avoid;
	}

}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
-------------------------------------------------------------- */
@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {

	body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {


	#homelogo img {
		width: 450px;
	}

	#social-widget-2 {
		position: absolute;
		right: -10px;
		top: 33px;
	}

	.post-align-center .content-main {
		position: relative;
		width: auto;
		text-align: left;
		padding: 0 50px;
	}

	#searchform-top {
		position: absolute;
		top: 82px;
		bottom: none;
		right: -2px;
	}

	.main-navigation {
		margin-top: -2.8rem;
		text-align: left;
		margin-left: 100px;
	}

	.main-navigation li {
		margin: 0 12px 0 0;
		margin: 0 0.85714285714286rem 0 0;
		position: relative;
	}

	#masthead {
		height: 154px;
	}

	body .site {
		max-width: 100%;
		padding: 0 0.5rem;
	}

	.page div .alignright {
		left: 0;
		position: relative;

	}

	img.alignleft {
		margin: 12px 24px 12px 0;
		margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
	}

	.page div .alignright {
		margin: 12px 0 12px 24px;
		margin: 0.5rem 0 0.857142857rem 1.714285714rem;
	}

	.content-main {
		width: 100%;
	}

	.post-align-right .content-main {
		position: relative;
		width: 100%;
		padding-left: 0;
	}

	.page .content-main .alignright {
		position: relative;
		width: auto;
	}


	.post-align-right .content-main .alignleft {
		left: 0px;
		position: relative;
	}

	.content-intro {
		padding: 5px 60px 20px;
	}

	footer[role="contentinfo"] {
		padding: 5px 5px;
	}

	#footer-sidebar1 {
		/* width: 25%; */
	}

	#footer-sidebar2 {

		width: 25%;

	}

	#footer-sidebar3 {
		width: 45%;
	}

	.front-panel {
		position: relative;
		float: left;
		width: 181px;
		height: 115px;
		margin-left: 10px;
		margin-bottom: 10px;
		font-family: "Lato", arial, sans-serif;
		font-weight: 300;
		text-align: center;
		text-decoration: none;
		font-size: 80%;
	}


	.floater {
		height: 53%;
	}

	.front-panel {
		background-size: 100% auto;
	}

}

@media screen and (max-width: 650px) {

	.site-content {
		width: auto;
	}


	.widget-area {
		float: none;
		width: auto;
	}

}

@media screen and (max-width: 480px) {}

@media screen and (max-width: 320px) {

	body {}


}

@media screen and (max-width: 240px) {

	body {}

}




/* ipad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* For portrait layouts only */
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* For landscape layouts only */
}



/* iphone */
@media only screen and (max-device-width: 480px) and (orientation:portrait) {
	/* For portrait layouts only */
}

@media only screen and (max-device-width: 480px) and (orientation:landscape) {
	/* For landscape layouts only */
}


@media only screen and (orientation:portrait) {
	.onlandscapehide {
		display: block;
	}

	.onportraithide {
		display: none;
	}
}

@media only screen and (orientation:landscape) {
	.onlandscapehide {
		display: none;
	}

	.onportraithide {
		display: block;
	}
}