/*
Theme Name: ON X
Theme URI: onx.dk
Author: Martin wolsing
Description: Test-tema til ON X
Version: 0.0.3

*/

/**
 * Table of Contents:
 *
OK * 1.0 - Reset
OK * 2.0 - Repeatable Patterns
OK * 3.0 - Basic Structure
OK * 4.0 - Header
OK * 5.0 - Navigation
OK * 6.0 - Content
OK *   6.1 Post
OK *    6.1.1 Post Title Header
OK *    6.1.2 Post Content
OK *    6.1.3 Post After Content
OK *    6.1.4 Social Tags
OK *    6.1.5 Relatedposts
OK *    6.1.6 Specific
OK *   6.2 - Comments
OK *   6.3 - Error 404
OK *   6.4 - Archive
OK *   6.4.1 - Archive Pagination
OK *   6.5 - Index
OK * 7.0 - Advertorials
OK * 8.0 - Footer

 * 9.0 - Featured Content
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * -----------------------------------------------------------------------------
 */

html, body, div, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea {
	color: #2b2b2b;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
	color:#34495E; /* Flat UI color Wet asphalt */
	line-height: 1.5;
}

body {
	-webkit-font-smoothing: subpixel-antialiased; 
	background: #ffffff;
	width:100%;
	overflow:hidden;
}

a {
	color:#34495E; /* Flat UI color Wet asphalt */
	text-decoration: none;
}

a:active,
a:hover {
	color: #41a62a;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
	margin-bottom: 20px;
}

h1 {
	font-size: 26px;
	line-height: 1.5;

}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 22px;
	font-weight: 400;
}

h4, h5, h6 {
	font-size: 20px;
}

b,
strong {
	font-weight: 700;
}

em,
i {
	font-style: italic;
}

p {
	margin-bottom: 20px;
}

code,
pre {
	font-family: monospace, serif;
	font-size: 15px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	color: #767676;
	font-size: 19px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.2631578947;
	margin-bottom: 24px;
	border-top: 5px solid #ececec;
	border-bottom: 2px solid #ececec;
	padding-top: 17px;
	width: 100%;
	xmargin: 7px 5% 7px 5%;
	display: block;
	margin: 7px auto;
}

blockquote cite {
	margin-top:5px;
	display: block;
	font-size: 16px;
	line-height: 1.3;
	font-weight:400;
}

blockquote.alignright,
blockquote.alignleft {
	margin: 7px 5% 7px 5%;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	list-style: none;
	margin: 0 0 24px 30px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
.button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: 300;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #24890d;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #24890d;
	color: #fff;
	text-shadow: none;
}


/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Input fields */

input,
textarea {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #2b2b2b;
	padding: 8px 10px 7px;
}

textarea {
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline: 0;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #24890d;
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px 30px;
	text-transform: uppercase;
	vertical-align: bottom;
	
}

.wp-polls .Buttons {
	background-color: #24890d;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #41a62a;
	color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #55d737;
}

.search-field {
	width: 100%;
}

.search-submit {
	display: none;
}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: #939393;
}

:-moz-placeholder {
	color: #939393;
}

::-moz-placeholder {
	color: #939393;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #939393;
}

/* Responsive images. Fluid images for posts and comments */

.comment-content img,
.wp-caption {
	max-width: 100%;
}

/**
 * Make sure images with WordPress-added height and width attributes are
 * scaled correctly.
 */

.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
video {
	max-width: 100%;
}

p > embed,
p > iframe,
span > embed,
span > iframe {
	margin-bottom: 0;
}

/* Alignment */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

blockquote p {
	margin-bottom: 17px;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
}

div.wp-caption .wp-caption-text {
	padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
	padding-right: 0;
}

.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.hide {
	display: none;
}

.toggle-on {
	display: none;
}

.searchhide {
	display: none;
}

/* Clearing floats */

.hentry:before,
.hentry:after,
.gallery:before,
.gallery:after,
.slider-direction-nav:before,
.slider-direction-nav:after,
.contributor-info:before,
.contributor-info:after,
.search-box:before,
.search-box:after,
.search-box-mobile:before,
.search-box-mobile:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after,
.tophistorier:after {
	content: "";
	display: table;
}

.hentry:after,
.gallery:after,
.slider-direction-nav:after,
.contributor-info:after,
.search-box:after,
.search-box-mobile:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}

/* Genericons */

.bypostauthor > article .fn:before,
.pagination .prev:before,
.pagination .next:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.profile-toggle:before,
.profilcol:before,
.search-toggle:before,
.slider-direction-nav a:before,
.twitter-ikon:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}

/* Separators */

.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .edit-link:before {
	content: "\0020\007c\0020";
}

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

.site {
	background-color: #fff;
	width:100%;
	position: relative;
}

.inner,
.inner-header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	max-width: 1140px;
	position: relative;
	margin: 0em auto 0em auto;
	padding: 0 2%;
	overflow:hidden;
	Rpadding: 0;
}

.inner-header {
	overflow:visible;
}

.inner:after {
  content: "";
  display: table;
  clear: both;
}

.mobilehide,
.tablethide {
	display: none;
}

.nonemobilehide,
.nonetablethide {
	display: inline-block;
}

.padding-small-screen {
	padding:0 10px;
}

.main-content {
    position:        relative;
    max-width:        1140px;
    margin: 0 auto 0 auto;
    background-color:#ffffff;
    min-height: 85em;

}


/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

.header-margin {
	margin-top: 0;
}

#site-header {
	position: relative;
	z-index: 5;
}

.site-header {
	background:#34495E; /* Flat UI color Wet asphalt */
	position: fixed;
	top:0;
	width: 100%;
	z-index: 3;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
}

.header-main {
	xheight: 50px;
	padding: 0px;
}

.site-title {
	float: left;
	font-size: 28px;
	oldline-height: 50px;
	line-height: 40px;

	margin: 0;
}

.site-logo {
	position:relative;
	height:24px;
	width:auto;
	top: -4px;
	margin-right:5px;

}

.site-title a,
.site-title a:hover {
	color: #ececec;
}




/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */



/* Buttons */

.search-toggle {
	cursor: pointer;
	float: right;
	xheight: 50px;
	xwidth: 50px;
	height: 40px;
	width: 40px;
	text-align: center;
	margin-right: 30px;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #3d566e; /* Flat UI color Wet asphalt:hover */
}

.search-toggle:before {
	color: #fff;
	content: "\f400";
	font-size: 24px;
	oldmargin-top: 13px;
	margin-top: 8px;
}

.menu-toggle {
	background-color: #000;
	border-radius: 0;
	cursor: pointer;
	oldheight: 50px;
	oldwidth: 50px;
	height: 40px;
	width: 40px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	right: 0;
	text-align: center;
}

.menu-toggle:before {
	color: #fff;
	content: "\f419";
	oldpadding: 16px;
	padding: 12px 13px 12px 13px;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
	background-color: #444;
}

.profile-toggle {
	background-color: #34495E;
	border-radius: 0;
	cursor: pointer;
	oldheight: 50px;
	oldwidth: 50px;
	height: 40px;
	width: 40px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	xposition: absolute;
	xtop: 0;
	xright: 50px;
	text-align: center;
	float: right;
	margin-right: 30px;

}

.profile-toggle:before {
	color: #fff;
	content: "\f304";
	oldpadding: 12px;
	padding: 8px;
	font: normal 24px/1 Genericons;

}

.profile-toggle:active,
.profile-toggle:focus,
.profile-toggle:hover {
	xbackground-color: #444;
	background-color: #3d566e; /* Flat UI color Wet asphalt:hover */

}
.profile-content #loginform p{
	margin:5px 0;
}

.profile-content input {
	padding: 2px 4px 3px;
}

.profile-content input[type="submit"] {
	padding: 8px 15px 7px 15px;
	margin:8px 0;
}

.profile-content h1{
	font-size: 18px;
	margin-bottom: 5px;
}

.profilcol {
	position:relative;
	background-color: #7dabd9;
	border-radius: 0;
	height: 100px;
	width:100px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
	float: left;
}

.profilcol:before {
	color: #3d566e; /* Flat UI color Wet asphalt:hover */
	content: "\f304";
	padding: 10px;
	font: normal 80px/1 Genericons;

}

.profilcol img {
	position:absolute;
	top:0;
	left:0;
}

.profilcolto {
	padding:0 10px 0 110px;
}

.profilcolto ul {
	margin: 5px 0;
	list-style-position: inside;
}

.profilcolto a {
	color: #ffffff;
}

.profilcolto a:hover {
	text-decoration: underline;
}

/* Profile in the header */

.profile-content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	min-width:320px;
	max-width: 1140px;
	width: 100%;
	z-index: 2;
	position: absolute;
	oldtop:50px;
	top:40px;

	right: 0px;
	margin: 0em auto 0em auto;
	xbackground-color: #34495E; /* Flat UI color Wet asphalt */
	background-color: #3d566e;
	color:#ffffff;
	padding: 6px;
}

/* Search in the header */

.search-content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	min-width:320px;
	max-width: 1140px;
	width: 100%;
	z-index: 2;
	position: absolute;
	oldtop:50px;
	top:40px;

	right: 0px;
	margin: 0em auto 0em auto;
}

.search-box,
.search-box-mobile {
	background-color: #34495E; /* Flat UI color Wet asphalt */
	padding: 0;
}

.search-box .search-field,
.search-box-mobile .search-field  {
	background-color: #fff;
	border: 0;
	float: right;
	font-size: 16px;
	padding: 2px 2px 3px 6px;
	width: 100%;
}

/* Navigation in the header */

.site-navigation {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	oldpadding-top:50px;
	padding-top:40px;
}

.site-navigation ul {
	list-style: none;
	xbackground:#34495E; /* Flat UI color Wet asphalt */
	margin:0;
	-moz-column-count: 2;
	-moz-column-gap: 3em;
	-webkit-column-count: 2;
	-webkit-column-gap: 3em;
	column-count: 2;
	column-gap: 3em;
}

.site-navigation li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	border-bottom:1px solid #ccc;
}

.site-navigation li:nth-child(5n+5) {
	border:0;
}

.site-navigation a {
	color: #ececec;
	display: block;
	text-transform: uppercase;
	oldfont-size:18px;
	font-size: 17px;
	padding: 5px 0;
	Rpadding: 7px 0;
}

.site-navigation a:hover {
	color: #ffffff;
}

.site-navigation .nav-menu .toggled-on {
	display: block;
}

.menu-buttons {
	float:right;
}

.menu-buttons:after {
  content: "";
  display: table;
  clear: both;
}

.menu-buttons button {
	margin: 0;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	float: right;
	display: block;
	background:#34495E; /* Flat UI color Wet asphalt */
}

.menu-buttons button:hover {
	background:#3d566e; /* Flat UI color Wet asphalt */
}

.menu-buttons a {
	float: right;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
}

.menu-buttons a:hover {
	background-color: #3d566e; /* Flat UI color Wet asphalt:hover */
}

.menu-buttons .current a {
	background-color: #3d566e; /* Flat UI color Wet asphalt:hover */
}

.menu-navigation {
	float: right;
	display: none;
}

.menu-navigation ul {
	list-style: none;
	margin:0;
}

.menu-navigation li {
	display: block;
	float:left;
	height: 40px;
	line-height: 40px;
}

.menu-navigation li:hover > a,
.menu-navigation li.focus > a {
	background-color: #3d566e; /* Flat UI color Wet asphalt:hover */
}

.menu-navigation a {
	color: #ececec;
	display: block;
	text-transform: uppercase;
	font-size: 17px;
	padding: 0 8px;
}

.menu-navigation a:hover {
	color: #ffffff;
}

.menu-navigation .nav-menu {
	xdisplay: block;
}

.container-content {

	xdisplay: none;
	xdisplay: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	min-width:320px;
	max-width: 1140px;
	width: 100%;
	z-index: 2;
	position: absolute;
	top:40px;

	right: 0px;
	margin: 0em auto 0em auto;

	background-color: #3d566e;
	color:#ffffff;
	padding: 6px;
}

.container-content #loginform p{
	margin:5px 0;
}

.container-content input {
	padding: 2px 4px 3px;
}

.container-content input[type="submit"] {
	padding: 8px 15px 7px 15px;
	margin:8px 0;
}

.container-content h1{
	font-size: 18px;
	margin-bottom: 5px;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

#page {
	xpadding-top:50px;
}

#breaking-news{
	background-color:#FFDD00;
	clear:both;
	color:#000000;
	margin:2% 0 0 0;
	padding:1.5% 0 1.5% 0;
	width:100%;
	text-transform:uppercase;
	line-height:1.1;
	font-size:20px;
}

#breaking-news #breaking-news-alert {
	color:#C0392B;
}

/**
 * 6.1 Post
 * -----------------------------------------------------------------------------
 */

.post-section {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	width: 100%;
	overflow: hidden;
}

.post-section a {
	text-decoration:underline;
}


/**
 * 6.1.1 Post Title Header
 * -----------------------------------------------------------------------------
 */

.post-title {
	width:100%;
	background:#edefed;
	padding: 20px 0;
}

.post-category {
	text-transform:uppercase;
	font-weight:400;
}

.post-title h1 {
	font-size: 30px;
	Rfont-size: 50px;
	font-weight: 300;
	line-height: 1.1;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.post-author,
.post-time,
.post-votes,
.post-views,
.post-edit,
.post-comments {
	display: inline-block;
	float:left;
	margin: 0 20px 0 0;
	color:#767676;
	text-transform:uppercase;
	font-size:14px;
}

.post-time {
	swidth:100%;
}

.archive-article-meta {
	width:100%;
	margin:0 0 1% 0;
	float:left;
}

.archive-article-meta .post-views {
	margin-left:0;
}

.archive-article-meta .post-author {
	display: none;
}

.post-author:before,
.post-time:before,
.post-comments:before,
.post-views:before,
.post-edit:before,
.post-votes:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
	color:#767676;
}

.post-author:before {
	content: "\f304";
}

.post-time:before {
	content: "\f303";
}

.post-votes:before {
	content: "\f461";
}

.post-edit:before {
	content: "\f411";
}
.post-views:before {
	content: "\f403";
	margin-right:2px;
}

.post-comments:before {
		content: "\f300";
}

/**
 * 6.1.2 Post Content
 * -----------------------------------------------------------------------------
 */

.post-image {
	max-width:100%;
	xmax-height:500px;
	overflow:hidden;
	float: none;
	clear: both;
	display: block;
	margin:0 auto 0 auto;
}

.post-image img {
	width:100%;
	xmax-width:800px;
	float:left;
}

.post-video {
	position:relative;
	padding-bottom:56.25%;
	padding-top: 0;
	height:0;
	overflow:hidden;
	margin: 0;
}

.post-video iframe, .post-video object, .post-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.post-excerpt {
	margin:20px 0 20px 0;
	font-weight:400;
	font-size:24px;
	color:#34495E; /* Flat UI color Wet asphalt */
	Rfont-size:22px;
	line-height:1.2em;
}

.post-content {
	font-weight:300;
	font-size:20px;
	color:#34495E; /* Flat UI color Wet asphalt */
	margin-top:10px;
	max-width: 800px;
	margin: 10px auto 0 auto;
	line-height: 1.4em;
}

.post-content .size-medium {
	width:100%;
	height:auto;
}

/*-----------------------------------------------------------------------------------*/
/* Tag Links */
/*-----------------------------------------------------------------------------------*/

.content-footer {
	max-width: 800px;
	margin: 0 auto 0 auto;
}

.content-footer .tag-links {
	text-transform: uppercase;
	margin: 0 0 0 0;
}

.content-footer .tag-links a,
.tag-links-header {
	color: #fff;
	display: inline-block;
	text-decoration:none;
	font-weight: 400;
	background: #cccccc;
	padding: 0 5px;
	margin: 0 2px 2px 0;
}

.content-footer .tag-links a:hover,
.tag-links-header {
	background-color: #34495E; /* Flat UI color Wet asphalt */
	color: #ffffff;
}

/**
 * 6.1.3 Post After Content
 * -----------------------------------------------------------------------------
 */

/*-----------------------------------------------------------------------------------*/
/* Post Pagination Links */
/*-----------------------------------------------------------------------------------*/

.page-links {
	clear: both;
	margin: 24px 0;
	xtext-transform: uppercase;
}

.page-links a,
.page-links > span {

	background-color:#D5DADD;
	color: #edefed;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0 4px 0 0;
	text-align: center;
	width: 30px;
}

.page-links a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#edefed;
	color: #34495E;
	text-decoration: none;
}

.page-links a:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#34495E;
	color: #edefed;

}

.page-links > .page-links-title {
	height: auto;
	margin: 0;
	padding-right: 10px;
	width: auto;
}

/*-----------------------------------------------------------------------------------*/
/* Next Previous Posts Navigation */
/*-----------------------------------------------------------------------------------*/

.nextpost-section {
	margin:20px 0 0 0;
	height:36px;
	line-height:36px;
}

.nextpost-section:after,
.post-navigation:after,
.relatedposts-section:after {
  content: "";
  display: table;
  clear: both;
}

.post-nav-prev,
.post-nav-next {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	display:inline-block;
	padding: 0 10px 0 0;
	font-weight:400;
	text-transform:uppercase;
	background:#D5DADD;
	color:#ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.post-nav-next {
	float:right;
	padding: 0 0 0 10px;
}

.post-nav-next {
}

.post-nav-prev:hover,
.post-nav-next:hover {
	background-color:#34495E;
	color: #edefed;
}


.post-nav-prev-button,
.post-nav-next-button {
	color: #fff;
	display: inline-block;
	overflow: hidden;
	height: 36px;
	width: 36px;
	padding: 0;
	content:"";
}

.post-nav-prev-button {
	background: url(img/sprite.png) 3px -6px no-repeat;
	float:left;
}

.post-nav-next-button {
	background: url(img/sprite.png) 4px -71px no-repeat;
	float:right;
}



/**
 * 6.1.4 Social Tags
 * -----------------------------------------------------------------------------
 */

.social-tags {
	width: 250px;
	margin: 20px auto 30px auto;
	overflow: hidden;
}

.facebook-tag:before,
.linkedin-tag:before,
.twitter-tag:before,
.google-tag:before,
.email-tag:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 24px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}

.facebook-tag,
.linkedin-tag,
.twitter-tag,
.google-tag,
.email-tag {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	height:34px;
	width:30px;
	float:left;
	margin:0 10px;
	text-align:center;
	color: #767676;	
}

.linkedin-tag:before {
	content: "\f207";
}

.facebook-tag:before {
	content: "\f204";
}

.twitter-tag:before {
	content: "\f202";
}

.google-tag:before {
	content: "\f206";
}

.email-tag:before {
	content: "\f410";
}

.facebook-tag:hover {
	color: #3b5998;
	border-bottom: 1px solid #3b5998;
}

.linkedin-tag:hover{
	color: #007bb6;
	border-bottom: 1px solid #007bb6;
}

.twitter-tag:hover{
	color: #4099FF;
	border-bottom: 1px solid #4099FF;
}

.google-tag:hover {
	color: #d34836;
	border-bottom: 1px solid #d34836;
}

.email-tag:hover {
	color: green;
	border-bottom: 1px solid green;
}

/**
 * 6.1.5 Related Posts
 * -----------------------------------------------------------------------------
 */

.relatedposts-section {
	margin: 20px 0 0 0;
	border-top:2px solid #edefed;
	border-bottom:2px solid #edefed;
	padding-bottom:20px;
}

.relatedposts-section h1 {
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom:10px;
}

.relatedposts-section .search-small-excerpt,
.relatedposts-section .search-small-excerpt:nth-of-type(4n),
.relatedposts-section .search-small-excerpt:nth-of-type(2n) {
	margin-top:0;
	margin-bottom:4%;
}

/**
 * 6.1.6 Specifics
 * -----------------------------------------------------------------------------
 */


#ikontabel {
	border:0;
	width: 100%;
}

#ikontabel th {
	background-color: #D5DADD;
	color: #767676;
	border: 0;
	padding: 4px;
}

#ikontabel td {
	border: 0;
	border-bottom:1px solid #D5DADD;
	vertical-align: top;
	padding: 18px 8px 18px 8px;
}

#ikontabel img {
	height:30px;
	width:auto;
}

.checkmark:before {
	color: green;
	content: "\f418";
	-webkit-font-smoothing: antialiased;
	xdisplay: inline-block;
	font: normal 32px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
	text-align: center;
}

.noncheckmark:before {
	color: red;
	content: "\f405";
	-webkit-font-smoothing: antialiased;
	xdisplay: inline-block;
	font: normal 32px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
	text-align: center;
}

.widget-ebog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  border: 0px solid #8e44ad;
  border-radius: 4px;
  padding: 0;
  display: table;
  width: 100%;
}

.widget-ebog img {
  display: block;
}

.widget-image-col img {
  height: 180px;
  width: auto;
}

.widget-text-col {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-left: 0; 
}

.widget-buttons {
width: 299px;
margin: 0 auto;
}

.widget-button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  padding: 0 25px;
  font-size: 18px;
  font-weight: 400;
  border: none;
  border-radius: 4px;
  white-space: nowrap;
  text-decoration: none !important;
}

.button-transparent {
  border: 1px solid #000;
}

.widget-buttons img {
  height: 100%;
}

.widget-image-col {
  vertical-align: middle;
  display:none;
}

.widget-ebog h3 {
margin-bottom:3px;
}

.widget-subtitle {
  font-weight: 400; }

.guidebox,
.appbox {
  width: 100%;
  background: #edefed;
  color: #34495E;
}

.guidebox h2,
.appbox h2 {
  margin: 0;
  font-weight: 400;
}

.guidebox h3,
.appbox h3 {
  font-size: 20px;
  font-weight: 400;
}

.guidebox-title,
.appbox-title {
  width: 96%;
  xfont-size: 20px;
  padding: 2%;
  background: #e6e6e6;
}

.guidebox-content,
.appbox-content {
  width: 100%;
}

.guidebox-text {
  width: 46%;
  padding: 2%;
  float:left;
  font-size: 18px;
}

.appbox-text {
  width: 46%;
  padding: 2%;
  float:right;
  font-size: 18px;
}

.guidebox-image {
  width: 46%;
  padding: 2%;
  float:right;
}

.appbox-image {
  width: 46%;
  padding: 2%;
  float:left;
}

.guidebox-image img,
.appbox-image img {
  width: 100%;
  height: auto;
}

.guidebox-content:after,
.guidebox-text:after,
.guidebox-image:after,
.appbox-content:after,
.appbox-text:after,
.appbox-image:after  {
  content: "";
  display: table;
  clear: both;
}

/**
 * 6.2 Comments
 * -----------------------------------------------------------------------------
 */

.comments-section{
	background:#6.5;
	clear: both;
	padding-bottom:20px;
	margin-top:20px;
}

.comments-section-header {
	background:#34495E; /* Flat UI color Wet asphalt */
	color: #ffffff;
	height:80px;
	margin-bottom:24px;
}

.comments-number {
	background:#409edd; /* Flat UI color Belize asphalt */
	color: #34495E; /* Flat UI color Wet asphalt */
	height:80px;
	width:80px;
	float:left;
	line-height:80px;
	font-size:70px;
	text-align: center;
}

.comments-section-header .comments-headline {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #409edd; /* Flat UI color Wet asphalt */
	xclear: none;
	font-weight: 300;
	height:80px;
	Rfont-size:24px;
	text-transform:uppercase;
	margin:0;
	padding:5px;
	Rline-height:1.5;
	line-height:1.2;
	font-size:20px;
	overflow:hidden;
	width:auto;
}

.comments-section-header .comments-headline h2 {
	line-height:1.2;
	font-size:20px;
}

.comment-reply-title,
.comments-title {
	font: 900 16px/1.5;
	margin: 0;
	text-transform: uppercase;
}

.comment-list {
	list-style: none;
	margin: 0 0 48px 0;
}

.comment-author {
	font-size: 14px;
	line-height: 1.7142857142;
}

.comment-list .reply,
.comment-metadata {
	font-size: 12px;
	line-height: 2;
	text-transform: uppercase;
}

.comment-list .reply {
	margin-top: 12px;
}

.comment-author .fn {
	font-weight: 900;
}

.comment-author a {
	color: #2b2b2b;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #767676;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #41a62a;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	xborder-top: 1px solid rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
	xborder-radius:3px;
	margin-bottom: 24px;
	xpadding-top: 24px;
	padding:15px;
	background-color:#e6e6e6;
}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
	xborder-top: 0;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	height: 80px;
	width: 80px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
}

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
	padding-left: 100px;
}

.comment-edit-link {
	margin-left: 10px;
}

.comment-edit-link:before {
	content: "\f411";
}

.comment-reply-link:before,
.comment-reply-login:before {
	content: "\f412";
	margin-right: 2px;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 22px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .children {
	list-style: none;
	margin-left: 15px;
}

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 24px;
}

.comment-respond h3 {
	margin-top: 0;
	margin-bottom: 24px;
}

.comment-respond a {
	text-decoration: underline;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #767676;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 14px;
	line-height: 1.7142857142;
}

.no-comments {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	margin-top: 24px;
	text-transform: uppercase;
}

.comment-form label {
	display: block;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
}

.allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
	line-height: 1.5;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #2b2b2b;
	float: right;
	height: 24px;
	overflow: hidden;
	width: 24px;
}

.comment-reply-title small a:hover {
	color: #41a62a;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
	text-transform: uppercase;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}

.comment-content a {
	text-decoration: underline;
}

.comment-content a:hover,
.comment-content a.button {
	text-decoration: none;
}

.comment-content table {
	font-size: 14px;
	line-height: 1.2857142857;
	margin-bottom: 24px;
}

.comment-content th {
	font-weight: 700;
	padding: 8px;
	text-transform: uppercase;
}

.comment-content td {
	padding: 8px;
}

/**
 * 6.3 Error 404
 * -----------------------------------------------------------------------------
 */

.error404 .post-content {
	margin: 20px 0;
}

.error404 .post-content .search-form {
	margin: 24px 0;
}

/**
 * 6.4 Archive
 * -----------------------------------------------------------------------------
 */

.archive-section {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	width: 100%;
	overflow: hidden;
}

.archive-header {
	width:100%;
	background:#edefed;
	padding: 20px 0;
}

.archive-header h1 {
	Rfont-size: 40px;
	font-size: 30px;
	font-weight: 300;
	line-height: 1.1;
	text-transform: uppercase;
	margin: 0 0 0 0;
}

.archive-article {
	Rborder:1px solid #ececec;
	border-bottom: 1px solid #ececec;
	padding-bottom:2%;
	margin-top:2%;
	width:100%;
}

.archive-article:last-of-type {
	border-bottom: 0;
}

.archive-article:after,
.archive-article-meta:after {
	content: "";
	display: table;
	clear: both;
}

.archive-article-image {
	text-align: center;
	margin: 0 2% 0 0;
	width: 40%;
	overflow: hidden;
	float:left;
}

.archive-article-image img {
	xheight:100px;
	margin: 0 -9999px 0 -9999px;
	width:120%;
	height:auto;
}

.article-excerpt-latest-image {
	text-align: center;
	margin: 0 0 2% 0;
	width: 100%;
	xheight: 20%;
	overflow: hidden;
	float:left;
}

.article-excerpt-latest-image img {
	xheight:100px;
	xmargin: 0 -9999px 0 -9999px;
	margin: -5% auto;

	Rwidth:120%;
	width: 100%;
	height:auto;
}

.article-excerpt-latest-title {
	text-transform:uppercase;
	font-weight:300;
	color:#34495E; /* Flat UI color Wet asphalt */
	font-size: 18px;
	line-height:1.1;
	margin-bottom:0;
}

.archive-article-title {
	text-transform:uppercase;
	font-weight:300;
	color:#34495E; /* Flat UI color Wet asphalt */
	Rfont-size:36px;
	font-size:16px;
	line-height:1.2;
	margin-bottom:0;
}

.archive-excerpt {
	margin:0;
	display:none;
}

.archive-excerpt a {
	color:#767676;
}

.archive-footer {
	width:100%;
	background:#edefed;
	padding: 8px 0 20px 0;
}

.ad-archive-box {
	width:100%;
	margin: 2% auto 6% auto;
	overflow:hidden;
	xpadding-bottom:1%;
	-moz-column-count: 1;
	-moz-column-gap: 0em;
	-webkit-column-count: 1;
	-webkit-column-gap: 0em;
	column-count: 1;
	column-gap: 0em;
}

/**
 * 6.4.1 Archive Navigation
 * -----------------------------------------------------------------------------
 */

.archive-pagination:after {
  content: "";
  display: table;
  clear: both;
}

.pagination .nav-links {
	position: relative;
	text-align: center;
}

.pagination .page-numbers {
	font-weight:400;
	color: #34495E;
	display: inline-block;
	line-height: 36px;
	margin: 0 10px;
	height: 36px;
	width: 36px;
}

.pagination a:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#34495E;
	color: #ffffff;
}

.pagination .current {
	display: inline-block;
	background-color:#D5DADD;
	color: #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.pagination .prev,
.pagination .next {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background-color: #333;
	color: #fff;
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.pagination .prev:before,
.pagination .next:before {
	xposition: relative;
	height: 36px;
	width: 36px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #34495E;
}

.pagination .prev,
.pagination .next {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.pagination .prev {
	background: url(img/sprite.png) 3px -6px no-repeat #D5DADD;
	left: 0;
	top:12px;
}

.pagination .next {
	background: url(img/sprite.png) 4px -71px no-repeat #D5DADD;
	right: 0;
	top:12px;
}

.pagination .prev:before,
.pagination .next:before {
	content:"";
}

.no-posts {
	margin-bottom:20px;
}








/**
 * 6.5 Index
 * -----------------------------------------------------------------------------
 */

.wide-underline {
	xwidth: 100%;
	xmargin:0;
	xpadding:0;
	xborder-bottom:2px solid #34495E;
}

.wide-underline h2 {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:20px;
	line-height:20px;
	text-transform: uppercase;
	xbackground-color:#34495E; /* Flat UI color Wet asphalt */
	background-color:#edefed; /* Flat UI color Wet asphalt */
	color:#34495E;
	display: inline-block;
	xheight:31px;
	width:97%;
  	padding:4px 1.5% 5px 1.5%;
	margin:0;
	overflow:hidden;
}

.latest-apps {
	margin: 2% 0 0 0;
}



.call-to-action {
	margin: 2% 0 0 0;
	text-align:center;
}

.call-to-action a {
	color:#ffffff;
}

.call-to-action:after {
	content: "";
	display: table;
}

.call-to-action .button {
	display: inline-block;
}

.gadgets-inner:after,
.tips-inner:after,
.latest-apps:after,
.latest-news:after,
.latest-news-main:after,
.latest-news-under:after,
.front-app-excerpt:after,
.front-news-main:after,
.front-news-side:after,
.front-small-excerpt_after {
  content: "";
  display: table;
  clear: both;
}

.latest-news {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	width:100%;
	clear: both;
	border-bottom: 1px solid #ececec;
	padding-bottom:3%;
	margin: 2% 0 3% 0;
}

.latest-news-under {
	width:100%;
	margin-top:2%;
	padding-top:2%;
}

.front-news-main {
	width: 100%;
}

.front-news-side {
	width:100%;
	margin: 3% 0 0 0;
}

.front-large-excerpt {
	width:100%;
	float:left;
	border-bottom: 1px solid #ececec;
	padding-bottom:4%;
	margin-top:5%;
}

.front-large-excerpt:first-of-type {
	margin-top:2%;
	margin-bottom:2%;
}

.latest-section .front-large-excerpt:nth-of-type(2) {
	border-top: 1px solid #ececec;
	margin-top:2%;
	padding-top: 2%;
}

.front-large-excerpt:last-of-type {
	border-bottom: 0;
}

.latest-news .front-large-excerpt:nth-of-type(2) {
	border-bottom: 1px solid #ececec;
}

.front-news-side .front-app-excerpt:nth-of-type(2),
.latest-news-under .front-app-excerpt:nth-of-type(3),
.latest-news-under .front-app-excerpt:nth-of-type(4) {
	border-bottom: 0;
}

.large-excerpt {
	margin:0;
	display:none;
}

.large-excerpt a {
	color:#767676;
}

.large-excerpt-meta {
	width:100%;
	margin:0 0 1% 0;
	float:right;
}

.large-excerpt-meta .post-views {
	margin-left:0;
}

.large-excerpt-meta .post-author {
	display: none;
}

.large-excerpt-meta:after {
	content: "";
	display: table;
	clear: both;
}

.large-excerpt-image {
	text-align: center;
	margin: 0 0 2% 0;
	width: 100%;
	overflow: hidden;
	float:left;
}

.large-excerpt-image img {
	margin: -5% auto;
	width:100%;
	height:auto;
}

.large-excerpt-title {
	text-transform:uppercase;
	font-weight:300;
	color:#34495E; /* Flat UI color Wet asphalt */
	margin-bottom:0;
	font-size:24px;
	line-height:1.1;
}



.search-small-excerpt {
	margin: 2% 4.0% 6% 0;
	width:48.0%;
	xdisplay: inline-block;
	xvertical-align:top;
	float:left;
}

.search-small-excerpt:nth-of-type(2n) {
	margin: 2% 0 6% 0;
}

.search-small-excerpt:nth-of-type(2n+1) {
	clear: left;
}

.search-small-excerpt-image {
	margin: 0;
	width: 100%;
	overflow: hidden;
}

.search-small-excerpt-image img {
	width:100%;
	height:auto;
}

.search-small-excerpt-title {
	text-transform:uppercase;
	xfont-weight:300;
	font-size:18px;
	line-height:1.2;
	margin:5px 0 0 0;
}

.search-count {
	color: #767676;
	text-transform:uppercase;
	margin-top:0.6%;
	font-size:16px;
}

.search-cat {
	text-transform: uppercase;
	color: #999999;
	font-size:14px;
	xline-height:14px;
	font-weight:400;
	margin:15px 0 0 0;
}




.front-small-excerpt {
	Rstoremargin:6.34042553191% 0 0 0;
	Rstorepadding-bottom:6.34042553191%;
	Rstorewidth:23.5%;
	Rstorefloat:left;
	display: inline-block;
	width: 100%;
}

.front-small-excerpt:last-of-type {
	Rstoreposition:absolute;
	Rstoretop:50%;
	Rstoremargin:0;
	Rstoreborder-top: 1px solid #ececec;
	Rstorepadding-top:6.34042553191%;

}

.front-small-excerpt-image {
	text-align: center;
	xmargin: 0;
	margin: 0 2% 0 0;
	xwidth: 100%;
	width: 40%;
	overflow: hidden;
	float: left;
}

.front-small-excerpt-image img {
	width:100%;
	height:auto;
}

.debate-recent-comments .front-small-excerpt-image img {
	width: 177.5700934579%;
	height: auto;
	overflow: hidden;
	margin-left: -39%;
}

.front-small-excerpt-title {
	text-transform:uppercase;
	font-weight:300;
	xcolor:#34495E; /* Flat UI color Wet asphalt */
	font-size:18px;
	xfont-size:20px;
	line-height:1.2;
	margin-bottom:0;
	margin-top:5px;

	width: 58%;
	float: left;
}

.front-small-excerpt-title p {
	margin: 0 0 2% 0;
	text-transform: none;
}

.front-app-excerpt {
	width:100%;
	border-bottom: 1px solid #ececec;
	padding-bottom:4%;
	margin-top:4%;
}

.recommended-content .front-app-excerpt {

	border-bottom: 1px solid #34495E;
}

.latest-apps .front-app-excerpt:nth-of-type(4n),
.recommended-content .front-app-excerpt:nth-of-type(4n),
.front-tips .front-app-excerpt:nth-of-type(4n),
.front-gadgets .front-app-excerpt:nth-of-type(4n) {
	border-bottom: 0;
}

.front-app-excerpt-image {
	text-align: center;
	Rstoremargin: 0;
	margin: 0 0 2% 0;
	float:left;
	width: 100%;
	overflow: hidden;
}

.front-app-excerpt-image img {
	margin: -5% auto;
	width: 100%;
	height:auto;
}


.latest-news-under .front-app-excerpt-image {
	margin: 0 0 2% 0;
	width: 100%;
	overflow: hidden;
}

.latest-news-under .front-app-excerpt:nth-of-type(3) .front-app-excerpt-image img,
.latest-news-under .front-app-excerpt:nth-of-type(4) .front-app-excerpt-image img {
	height:auto;
	xmargin: 0;

}

.front-app-excerpt-title {
	text-transform:uppercase;
	font-weight:300;
	xcolor:#34495E; /* Flat UI color Wet asphalt */
	xfont-size:20px;
	margin-bottom:0;
	margin-top:5px;
	font-size:24px;
	line-height:1.1;
}

.latest-news-under .front-app-excerpt:nth-of-type(1),
.latest-news-under .front-app-excerpt:nth-of-type(2) {
	border-bottom: 1px solid #ececec;
	padding-bottom:8%;
	margin-top:5%;

}

.latest-news-under .front-app-excerpt:nth-of-type(3),
.latest-news-under .front-app-excerpt:nth-of-type(4) {
	margin: 4% 2% 0 0;
	width:49.0%;
	float:left;
	padding-bottom:0;
}

.latest-news-under .front-app-excerpt:nth-of-type(4) {
	margin: 4% 0 4% 0;
}

.latest-news-under .front-app-excerpt:nth-of-type(3) .front-app-excerpt-title,
.latest-news-under .front-app-excerpt:nth-of-type(4) .front-app-excerpt-title {
	font-size: 18px;

}

.front-featured-excerpt {
	margin:0 0 1% 0;
	width:50%;
	float:left;
	Xbackground-color:#edefed;
	xborder:1px solid #edefed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

.front-featured-excerpt:after {
  content: "";
  display: table;
  clear: both;
}

.front-featured-excerpt:nth-of-type(n+3) {
	display: none;
}

.tophistorier .wide-underline {
	margin:0 0 2% 0;
}

.front-featured-excerpt-image {
	text-align: center;
	margin: 0;
	width: 100%;
	overflow: hidden;
	float:left;
}

.front-featured-excerpt-image img {
	width:100%;
	height:auto;
}

.front-featured-excerpt-title {
	text-transform:uppercase;
	font-weight:300;
	font-size:18px;
	Rfont-size:26px;
	padding:1% 3% 0 3%;
	line-height:1.1;
	float:left;
	width:94%;
	display:inline;
	margin:0;
	overflow:hidden;

}

.device,
.device .tabs-menu {
	margin:4% 0 0 0;
	height:1.4em;
	text-align:left;
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-size:18px;
}

.device ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.device li {
	display: inline;
	margin:0.2em;
	padding:0 5px;
	color: #34495E;

}

.device .current {
	xdisplay: inline-block;
	background-color:#D5DADD;
	color: #ffffff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.device a:hover {
	color: #ffffff;
}


.tabs-menu a {
	xmargin:0.2em;
	xpadding:0 5px;
}
.tab-content {
    display: none;
}

#tabs-0 {
 display: block;   
}



.pagination .page-numbers {
	font-weight:400;
	color: #34495E;
	display: inline-block;
	line-height: 36px;
	margin: 0 10px;
	height: 36px;
	width: 36px;
}

.device li:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#34495E;
	color: #ffffff;
}

.recommended-content {
	margin: 4% 0 0 0;
	background-color:#7dabd9;
	padding:2% 0 2% 0;
}

.recommended-content .wide-underline {
	margin:0 0 2% 0;
}

.recommended-content h2 {
	color:#7dabd9;
	background-color:#34495E;

}

.tophistorier {
	margin:2% 0 0 0;
}

.debate-content {
	margin: 2% 0 0 0;
	background-color:#e6e6e6;
	padding:2% 0 2% 0;
}

.debate-content .wide-underline {
	xmargin:0 0 2% 0;
}

.debate-content h2 {
	color:#34495E;
	background-color:#7dabd9;
}

.debate-content h3 {
	text-transform: uppercase;
	margin-bottom: 2%;
}

.debate-recent {
	margin: 0;
	width:100%;
	float:left;
}

/**
 * 7.0 Advertorials
 * -----------------------------------------------------------------------------
 */

.ad-top {
	display:block;
	width:320px;
	max-height:100px;
	margin: 2% auto 0 auto;
	overflow:hidden;
	oldpadding-top:50px;
	padding-top:40px;

}

.ad-menu,
.ad-leaderboard {
max-width:930px;
max-height:180px;
margin: 30px auto 30px auto;
overflow:hidden;
}

.afterpost-section {
	margin:2% 0 0 0;
}

.afterpost-section:after {
  content: "";
  display: table;
  clear: both;
}


.afterpost-most-popular,
.afterpost-most-viewed {
    	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	background:#34495E; /* Flat UI color Wet asphalt */
	color:#ffffff;
	margin:0;
	padding:10px 20px;
	xheight:250px;
	width:100%;
	float:left;
}

.afterpost-most-popular {
	margin-right:2%;
	margin-bottom:2%;
}

.afterpost-section a {
	color:#ffffff;
}

.afterpost-section a:hover {
	color: #409edd;
}

.widget-title {
	text-transform:uppercase;
	}

.ad-afterpost-left {
	width:300px;
	height:250px;
	background-color: #ccc;
	margin:0 auto;
}

.ad-afterpost-right {
	display:none;
	width:300px;
	height:250px;
	background-color: #ccc;
	margin:20px auto 0 auto;
}

.ad-top img,
.ad-menu img,
.ad-leaderboard img {
width:100%;
height:auto;
}

.ad-post {
	width:320px;
	height:100px;
	float:left;
	margin:0 20px 10px 0;
	overflow:hidden;
	display:none;
}

.ad-front {
	width:300px;
	height:250px;
	margin:0 auto 0 auto;
	overflow:hidden;
}

.ad-front-bottom {
	width:300px;
	height:250px;
	margin:0 auto 0 auto;
	overflow:hidden;
}


.ad-comments {
		display:block;
		width:300px;
		max-height:250px;
		margin: 2% auto 0 auto;
		overflow:hidden;
}

.ad-search {
		display:block;
		width:300px;
		max-height:250px;
		margin: 2% auto 6% auto;
		overflow:hidden;
}

.ad-archive {
		display:block;
		width:300px;
		height:250px;
		margin: 2% auto 0 auto;
		overflow:hidden;
}

.ad-bottom {
		display:block;
		width:300px;
		height:250px;
		margin: 20px auto 0 auto;
		overflow:hidden;
}


/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

.footer-section {
	background:#34495E; /* Flat UI color Wet asphalt */
	padding:2% 0;
	margin:2% 0 0 0;
}

.footer-section .wide-underline {
	xborder-bottom:2px solid #ececec;
	margin: 0 0 2% 0;
}

.footer-section  .wide-underline h2 {
	background-color:#ececec; /* Flat UI color Wet asphalt */
	color:#34495E;
}

.latest-articles-wrapper {
  font-size: 0;
}

.latest-articles {
	font-size: 18px;
	xfloat:left;
	width:100%;
	margin:0;
	padding:10px 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color:#ececec;
	display:inline-block;
	vertical-align: top;
}

.latest-articles ol{
	list-style:none;
	margin:0;
}

.latest-articles li{
	border-bottom:1px solid #ececec;
	padding:5px 0;
	line-height:1.2;
}

.latest-articles li:nth-of-type(5n+5) {
	border-bottom:0;
	margin-bottom:10px;
	padding-bottom:0;
}

.latest-articles a {
	color:#ececec;
}

.latest-articles a:hover {
	color:#409edd;
}


.latest-image-iphone {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	xposition: relative;
	xpadding:5px;
	background: url(img/sprite-devices.png) 0px 0px no-repeat;
	height:40px;
	width:50px;
	margin: 0 auto;
}

.latest-image-ipad {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	xposition: relative;
	xpadding:5px;
	background: url(img/sprite-devices.png) 0px -50px no-repeat;
	height:40px;
	width:50px;
	margin: 0 auto;
}

.latest-image-watch {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	xposition: relative;
	xpadding:5px;
	background: url(img/sprite-devices.png) 0px -150px no-repeat;
	height:40px;
	width:50px;
	margin: 0 auto;
}

.latest-image-mac {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	xposition: relative;
	xpadding:5px;
	background: url(img/sprite-devices.png) 0px -100px no-repeat;
	height:40px;
	width:50px;
	margin: 0 auto;
}

.latest-image-tv {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	xposition: relative;
	xpadding:5px;
	background: url(img/sprite-devices.png) 0px -200px no-repeat;
	height:40px;
	width:50px;
	margin: 0 auto;
}

.site-footer,
.site-footer a {
	color: #ececec;
}

.site-footer a:hover {
	color: #ffffff;
}

.site-footer {
	background-color: #000000;
	font-size: 14px;
	padding: 20px 0;

}

.footer-logo {
	float: left;
	height:60px;
	width:auto;
}

.footer-title {
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	float: left;
	font-size: 60px;
	line-height: 60px;
	margin: 0 0 0 10px;
}

.site-info-title {
	font-family: 'Oswald', sans-serif;
	float:left;
	text-transform:uppercase;
	margin:0 5px 0 0;
}

.site-info-copyright {
	width: 100%;
	margin:2% 0 0 0;
	float:left;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	xtext-transform:uppercase;
}

.site-info-medier {
	width: 100%;
	margin:1% 0 0 0;
	float:left;
}

.site-info-information {
	width: 100%;
	margin:1% 0 0 0;
	float:left;
}

.site-info-socialt {
	width: 100%;
	margin:1% 0 0 0;
	float:left;
}

.twitter-ikon:before {
	content: "\f202";
	xfont-size: 24px;
}

.site-info {
	width: 100%;
	margin:1% 0 0 0;
	float:left;
}

.site-info-media p {
	margin-bottom: 0;

}

.latest-section {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	width: 100%;
	overflow: hidden;
	margin-top:2%;


}

.latest-main {
    	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	float:left;
	overflow: hidden;
	width:        100%;
}

.latest-sidebar {
	xwidth:        100%;
	xmargin-top:2%;
	xfloat: left;
}

.ad-sidebar1,
.ad-sidebar2,
.ad-sidebar3 {
	width:300px;
	margin: 0 auto;
}


.nyhedsbrev-boks,
.twitter-boks {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	background-color:#ececec;
	Rwidth:300px;
	width:100%;
	margin: 2% auto 0 auto;
	padding:4%;
}

.nyhedsbrev-boks {
	background-color: #1abc9c;
	color: #ffffff;
}

.twitter-boks {
	background-color:#4099ff;
	color: #ffffff;
}

.nyhedsbrev-boks h3,
.twitter-boks h3 {
	width:92%;
	margin: 0 auto 4% auto;
	text-align:center;
	font-size:20px;
	font-weight: 300;
	line-height: 1.1;	
}
.nyhedsbrev-felt {
	border:1px solid #dddddd;
	width:92%;
	margin: 0 auto;
}
.nyhedsbrev-knap {
	margin: 4% auto 0 auto;
	text-align:center;
}

.nyhedsbrev-knap input[type="submit"]{
	background-color:#1abc9c;
	display: inline-block;
	border:1px solid #ffffff;
}

.twitter-knap {
	margin: 0 auto 0 auto;
	text-align:center;
}

.twitter-knap:after {
	content: "";
	display: table;
}

.twitter-knap .button {
	background-color:#4099ff;
	display: inline-block;

	border:1px solid #ffffff;
}

.excerpt-article {
	padding-bottom:16px;
	padding-top:16px;
	border-bottom: 0.1em solid #cccccc;
	xbackground: #f2ca27;
}

.excerpt-article:first-child {
	padding-top:0px;
}

.excerpt-article:last-child {
	padding-bottom:0px;
	border-bottom: 0;
}

.page-content {
	margin-bottom: 48px;
}



.front-tips {
	width:100%;
	margin: 2% 0 0 0;
	float:left;
	padding: 0 0 2% 0;
}

.front-gadgets {
	width:100%;
	margin: 2% 0 0 0;
	float:left;
	padding: 0 0 2% 0;
}

/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

.featured-content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position: relative;
	width: 100%;
}

.featured-content-inner {
	overflow: hidden;
}

.featured-content .hentry {
	position: relative;
	margin: 0;
	width: 100%;
	background-color: #eaeaea;
}

.featured-content .post-thumbnail,
.featured-content .post-thumbnail:hover {
	background: transparent;
}

.featured-content .post-thumbnail {
 	max-width: 50%;
 	height: auto;
 	float:left;
	position: relative;
}


.featured-content .entry-header {
	float:left;
	max-width: 50%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	padding:5px;
}

.featured-content a {
	color: #000000;
}

.featured-content a:hover {
	color: #41a62a;
}

.featured-content .entry-meta {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.0;
}

.featured-content .cat-links {
	font-weight: 700;
}

.featured-content .entry-title {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.25;
	margin: 0;
	text-transform: uppercase;
}


/* Slider */

.slider .featured-content .hentry {
	-webkit-backface-visibility: hidden;
	display: none;
	position: relative;
}

.slider .featured-content .post-thumbnail {
	padding-top: 55.49132947%;
}

.slider-control-paging {
	background-color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	float: left;
	list-style: none;
	margin: -24px 0 0 0;
	position: relative;
	width: 100%;
	z-index: 3;
}

.slider-control-paging li {
	float: left;
	margin: 2px 4px 2px 0;
}

.slider-control-paging li:last-child {
	margin-right: 0;
}

.slider-control-paging a {
	cursor: pointer;
	display: block;
	height: 44px;
	position: relative;
	text-indent: -999em;
	width: 44px;
}

.slider-control-paging a:before {
	background-color: #4d4d4d;
	content: "";
	height: 12px;
	left: 10px;
	position: absolute;
	top: 16px;
	width: 12px;
}

.slider-control-paging a:hover:before {
	background-color: #41a62a;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #24890d;
}

.slider-direction-nav {
	clear: both;
	list-style: none;
	margin: 0;
	position: relative;
	width: 100%;
	z-index: 3;
}

.slider-direction-nav li {
	border-color: #fff;
	border-style: solid;
	border-width: 2px 1px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	float: left;
	text-align: center;
	width: 50%;
}

.slider-direction-nav li:last-child {
	border-width: 2px 0 0 1px;
}

.slider-direction-nav a {
	background-color: #000;
	display: block;
	font-size: 0;
	height: 46px;
}

.slider-direction-nav a:hover {
	background-color: #24890d;
}

.slider-direction-nav a:before {
	color: #fff;
	content: "\f430";
	font-size: 32px;
	line-height: 46px;
}

.slider-direction-nav .slider-next:before {
	content: "\f429";
}

.slider-direction-nav .slider-disabled {
	display: none;
}

/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

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

.widget-image-col {
  display: table-cell;
}

.widget-text-col {
  padding-left: 40px; 
}

.widget-buttons {
width: 100%;
margin: 0;
}

	.front-featured-excerpt {
		margin:0 0 1% 0;
		width:33.33333333%;
	}

	.front-featured-excerpt:nth-of-type(3) {
		display: block;
	}

	.latest-articles {
		width:49%;
		margin:0 2% 0 0;
	}

	.latest-articles:nth-of-type(2n) {
		margin:0;
	}

	.archive-article-title {
		font-size:28px;
		Rfont-size:36px;

	}

	.large-excerpt-title {
		font-size:28px;
		Rfont-size:36px;

	}

	.archive-article-image img {
		width:100%;
	}

	.device,
	.device .tabs-menu {
		text-align:right;
	}



}


@media screen and (min-width: 768px) {

.guidebox-text,
.appbox-text {
  font-size: 20px;
}

	.header-margin {
		margin-top: 40px;
	}

	.menu-buttons .menu-toggle{
		display: none;
	}

	#menu-container {
		display: none;
	}


	.menu-navigation {
		display:block;
	}

	.front-large-excerpt {
		float:left;
		margin:3% 0 0 0;
	}

blockquote {
	width: 60%;
}

blockquote.alignright,
blockquote.alignleft {
	width: 30%;
}


.latest-news-under .front-app-excerpt:nth-of-type(1),
.latest-news-under .front-app-excerpt:nth-of-type(2) {
	border: 0;
}

.latest-news-under .front-app-excerpt:nth-of-type(3) .front-app-excerpt-title,
.latest-news-under .front-app-excerpt:nth-of-type(4) .front-app-excerpt-title {
	font-size: 24px;
}

.latest-section .front-large-excerpt:nth-of-type(1) {
	margin-bottom:3%;
	padding-bottom: 3%;
	border-bottom: 1px solid #ececec;
}

.latest-section .front-large-excerpt:nth-of-type(n+2) .large-excerpt-title{
	font-size: 22px;
	line-height: 1.2;
}

.latest-section .front-large-excerpt:nth-of-type(2),
.latest-section .front-large-excerpt:nth-of-type(3) {
	margin-top: 3%;
}

.latest-section .front-large-excerpt:nth-of-type(n+2) {
	width: 49%;
	margin-right: 2%;
	float: left;
	border-top: 0;
	padding-top: 0;
}

.latest-section .front-large-excerpt:nth-of-type(2n+3) {
	margin-right: 0;
	float: right;
}

.latest-section .front-large-excerpt:nth-of-type(n+2) .large-excerpt {
	display: none;
}

.ad-front {
	width:728px;
	height:90px;
	padding-bottom: 3%;
	border-bottom: 1px solid #ececec;
}


.ad-front-bottom {
	width:728px;
	height:90px;
}

	.debate-recent {
		margin: 2% 5% 0 0;
		width:47.5%;
		float:left;
	}

	.debate-content .debate-recent:nth-of-type(3) {
		margin: 2% 0 0 0;
		float: right;
	}

	.debate-recent .front-small-excerpt-title {
		font-size:16px;
	}

	.device,
	.device .tabs-menu {
		margin:2% 0 2% 0;
	}

	#breaking-news{
		margin:0 0 0 0;
		padding:1.0% 0 1.0% 0;

	}

	.footer-section .wide-underline {
		border-bottom:2px solid #ececec;
	}


	.ad-search {
			display:block;
			width:728px;
			max-height:90px;
			margin: 2% auto 6% auto;
			overflow:hidden;
	}

	.search-small-excerpt h1{
		font-size:20px;
	}

	.relatedposts-section .search-small-excerpt,
	.relatedposts-section .search-small-excerpt:nth-of-type(4n),
	.relatedposts-section .search-small-excerpt:nth-of-type(2n) {
		margin-bottom:0;
	}

	.search-small-excerpt {
		margin: 2% 4% 6% 0;
		width:22.0%;
	}

	.search-small-excerpt:nth-of-type(2n+1) {
		clear: none;
	}

	.search-small-excerpt:nth-of-type(4n+2) {
		margin: 2% 4% 6% 0;
	}


	.search-small-excerpt:nth-of-type(4n) {
		margin: 2% 0 6% 0;
	}

	.search-small-excerpt:nth-of-type(4n+1) {
		clear: left;
	}

	.wide-underline {
		width: 100%;
		margin:0;
		padding:0;
		border-bottom:2px solid #34495E;
	}

	.wide-underline h2 {
		font-family: 'Oswald', sans-serif;
		font-weight:300;
		font-size:20px;
		line-height:31px;
		text-transform: uppercase;
		background-color:#34495E; /* Flat UI color Wet asphalt */
		color:#ececec;
		display: inline-block;
		height:31px;
		width:auto;
	  	padding:3px 8px 0 8px;
		margin:0;
		overflow:hidden;
	}

	.latest-content {
	    xpadding-right:300px;
	}

	.latest-main {
		xposition:        relative;
		xpadding-right: 2%;

	}

	.front-small-excerpt-title {
		text-transform:uppercase;
		font-weight:300;
		xcolor:#34495E; /* Flat UI color Wet asphalt */
		font-size:20px;
		xfont-size:16px;
		line-height:1.2;
		margin-bottom:0;
		margin-top:5px;
	}

	.front-app-excerpt {
		margin:0 2% 0 0;
		width:23.5%;
		float:left;
		border-bottom: 0;
	}

	.front-app-excerpt:nth-of-type(2n) {
		margin:0 2% 0 0;
		float:left;
	}

	.front-app-excerpt:last-of-type {
		margin:0;
		float:right;
	}

	.latest-news .front-app-excerpt {
		margin:0 2% 0 0;
		padding: 0;
		width:49%;
		float:left;
	}

	.latest-news .front-app-excerpt:nth-of-type(2n+1) {
		margin:0 2% 0 0;
		padding: 0;
	}

	.latest-news .front-app-excerpt:nth-of-type(2n) {
		margin:0 0 0 0;
		padding: 0;
		float: right;
	}

	.latest-news .front-app-excerpt:nth-of-type(3),
	.latest-news .front-app-excerpt:nth-of-type(4) {
		margin-top: 3%;
	}





	.recommended-content,
	.debate-content {
		margin: 2% 0 0 0;
	}

	.recommended-content .front-app-excerpt {
		border-bottom: 0;
	}

.front-tips .front-app-excerpt,
.front-gadgets .front-app-excerpt {
	margin:0 4% 0 0;
	width:48%;
	float:left;
}

.front-tips .front-app-excerpt:nth-of-type(2n+2),
.front-gadgets .front-app-excerpt:nth-of-type(2n+2) {
	margin:0;
	float:right;
}

.front-tips .wide-underline,
.front-gadgets .wide-underline {
	margin-bottom:4%;
}
	.ad-archive-box {
		-moz-column-count: 2;
		-moz-column-gap: 0em;
		-webkit-column-count: 2;
		-webkit-column-gap: 0em;
		column-count: 2;
		column-gap: 0em;
	}

	.ad-box-to {
		display:block;
	}

	.archive-article-meta {
		width:58%;
		float:right;
	}

	.large-excerpt-meta {
		xwidth:48%;
		xfloat:right;
	}

	.archive-header h1 {
		font-size: 50px;
	}
	.profile-toggle {
		margin-right: 0;
	}
	
	.mobilehide {
		display: inline-block;
	}

	.nonemobilehide {
		display: none;
	}

	.search-box-mobile {
		display: none;
	}
	.latest-articles {
		width:32%;
		margin:0 2% 0 0;
	}

	.latest-articles:nth-of-type(2n) {
		margin-right:2%;
	}

	.latest-articles:nth-of-type(3n) {
		margin-right:0;
	}

	.ad-top {
		display:block;
		width:728px;
		max-height:90px;
		margin: 0px auto 10px auto;
		overflow:hidden;
	}

	.ad-post {
		display:block;
		width:300px;
		height:250px;
	}

	.ad-comments {
			display:block;
			width:728px;
			max-height:90px;
			margin: 2% auto 0 auto;
			overflow:hidden;
	}

	.ad-afterpost-left {
		float:left;
		margin:0 10px 0 0;
	}

	.afterpost-most-viewed,
	.afterpost-most-popular {
		overflow:hidden;
		width:49%;
		height:250px;
		margin-bottom:0;
	}



	/* Header + Navigation */

	#page {
		padding-top:0;
	}
	.site-header {
		position: relative;
		xoverflow:hidden;
	}

.header-fixed {
	top: 0;
	z-index: 3;
	position: fixed;
	width: 100%;
	margin-left: 0;
	left: 0;
	padding: 0;
}

	.inner-header {
		padding: 0 0 0 10px;
	}

	.menu-toggle {
		display: none;
	}

	.search-toggle {
		margin-right: 0;
	}
	.toggle-on {
		display: block;
	}

	.site-navigation {
		float: right;
		margin: 0 1px 0 -12px;
		padding: 0;
	}

	.site-navigation ul {
		-moz-column-count: 1;
		-moz-column-gap: 0em;
		-webkit-column-count: 1;
		-webkit-column-gap: 0em;
		column-count: 1;
		column-gap: 0em;
	}

	.site-navigation li {
		border:0;
		display: inline-block;
		oldheight: 50px;
		oldline-height: 50px;
		height: 40px;
		line-height: 40px;
		position: relative;
	}

	.site-navigation a {
		display: inline-block;
		Rpadding: 0 12px;
		padding: 0 8px;
		white-space: nowrap;
	}

	.site-navigation li:hover > a,
	.site-navigation li.focus > a {
		background-color: #3d566e; /* Flat UI color Wet asphalt:hover */
	}

	.site-navigation ul li:hover > ul,
	.site-navigation ul li.focus > ul {
		left: auto;
	}

	.post-title h1 {
		font-size: 50px;
	}

	.post-excerpt {
		font-size:22px;
		line-height:1.4em;
	}

	.comments-section-header .comments-headline {
		line-height:1.5;
		font-size:24px;
	}

	.comments-section-header .comments-headline h2 {
		line-height:1.5;
		font-size:24px;
	}

	.front-featured-excerpt {
		margin:0 0 1% 0;
		width:25%;
	}

	.front-featured-excerpt:nth-of-type(4) {
		display: block;
	}

}

@media screen and (min-width: 1024px) {

	.menu-navigation a {
		font-size:18px;
	}

	.front-large-excerpt {
		border: 0;
		padding-bottom:0;
	}

.latest-news .front-large-excerpt:nth-of-type(2) {
	border: 0;
	padding-bottom:0;
}

.front-app-excerpt-title,
.latest-news-under .front-app-excerpt:nth-of-type(3) .front-app-excerpt-title,
.latest-news-under .front-app-excerpt:nth-of-type(4) .front-app-excerpt-title,
.search-small-excerpt-title {
	font-size:22px;
	line-height:1.2;
}

.latest-news .large-excerpt-meta,
.latest-news .large-excerpt {
	display: none;
}

.ad-front {
	width:300px;
	height:250px;
	padding-bottom: 0;
	border: 0;
}

.ad-front-bottom {
	width:930px;
	height:180px;
}

.front-news-main {
	width: 74.5%;
	float:left;
	border-right: 1px solid #ececec;
	padding-right:1%;
}

.front-news-main .large-excerpt-image {
	margin: 0 2% 0 0;
	width:50%;
}

.front-news-main .large-excerpt-image img {
	margin: 0 -9999px 0 -9999px;
}

.large-excerpt-title {
	font-size:36px;
	line-height:1.2;
}

.front-news-side {
	margin: 1.57718120805% 0 0 0;
	width: 23.5%;
	float:right;
}

.front-news-side .front-app-excerpt {
	margin: 0 0 0 0;
	width:100%;
	float:left;
	overflow:hidden;
}

.front-news-side .front-app-excerpt:first-of-type {
	margin: 0 0 12.5957446809% 0;
}

.front-news-side .front-app-excerpt:before{
  content:'';
  padding-top: 89.266517357%;/* vertical value as  100% equals width */
  float:left;;
}

.latest-news-under {
	border-top: 1px solid #ececec;
}

.latest-section .front-large-excerpt:nth-of-type(1) {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}


.latest-news-under .front-app-excerpt:nth-of-type(1),
.latest-news-under .front-app-excerpt:nth-of-type(2) {
	border: 0;
	padding-bottom:2%;
	margin-top: 0;

}

.latest-news-under .front-app-excerpt:nth-of-type(3),
.latest-news-under .front-app-excerpt:nth-of-type(4) {
		margin:0 2% 0 0;
		xwidth:23.5%;
		float:left;
		border-bottom: 0;
		padding-bottom: 0;
}


.latest-news-under .front-app-excerpt:nth-of-type(4) {
	margin: 0 0 4% 0;
}

.latest-news-under .front-app-excerpt:nth-of-type(3) .front-app-excerpt-image img,
.latest-news-under .front-app-excerpt:nth-of-type(4) .front-app-excerpt-image img {
	margin: -5% auto;
	width: 100%;
	height:auto;
}





	.front-tips {
		width:49%;
		margin: 2% 2% 2% 0;
		float:left;
	}

	.front-gadgets {
		width:49%;
		margin: 2% 0 2% 0;
		float:left;
	}
	.tablethide {
		display: inline-block;
	}

	.nonetablethide {
		display: none;
	}

	.latest-sidebar {
		width:        300px;
		margin-top:2%;
		float: left;
	}


.latest-section .front-large-excerpt:nth-of-type(1) {
	width: -moz-calc(99% - 300px);
	width: -webkit-calc(99% - 300px);
	width: calc(99% - 300px);
	margin-right:1%;
}

	.large-excerpt {
		display:block;
	}

	.debate-recent {
		margin: 2% 5% 0 0;
		width:30%;
		float:left;
	}

	.debate-content .debate-recent:nth-of-type(3) {
		margin: 2% 5% 0 0;
		width:30%;
		float:left;
	}

	.debate-content .debate-recent:nth-of-type(4) {
		margin: 2% 0 0 0;
		float: right;
	}

	.site-navigation a {
		font-size:18px;
	}

	.front-featured-excerpt {
		margin:0 0 1% 0;
		width:20%;
	}

	.front-featured-excerpt:nth-of-type(5) {
		display: block;
	}

}


@media screen and (min-width: 1140px) {

/* De 1140px skal måske ændres */

	.inner {
		padding: 0 20px;
	}

	.ad-archive-box {
		-moz-column-count: 3;
		-moz-column-gap: 0em;
		-webkit-column-count: 3;
		-webkit-column-gap: 0em;
		column-count: 3;
		column-gap: 0em;
	}

	.ad-box-tre {
		display:block;
	}

	.archive-excerpt {
		display:block;
	}



	.ad-top,
	.ad-comments,
	.ad-search,
	.ad-archive
	{
		width:930px;
		max-height:180px;
	}

	.latest-articles {
		width:18.8%;
		margin-right:1.5%;
		font-size:16px;
	}

	.latest-articles:nth-of-type(n){
		margin-right:1.5%;
	}

	.latest-articles:last-of-type {
		margin-right:0;
	}


}

@media screen and (min-width: 1150px) {

/* De 1150px skal ændres */

	.inner {
		padding:0 10px;
	}

}

@media screen and (min-width: 1160px) {

/* De 1160px skal ændres */

	.inner {
		padding:0;
	}

}

@media screen and (min-width: 9100px) {

	.search-box .search-field {
		width: 50%;
	}

	.grid .featured-content .hentry {
		float: left;
		width: 49%;
		margin-right:2%;
	}

	.grid .featured-content .hentry:last-child {
		margin-right:0;
	}

	.xgrid .featured-content .hentry:nth-child( 2n+1 ) {
		clear: both;
	}

	.slider .featured-content .entry-title {
		font-size: 22px;
		line-height: 1.0909090909;
	}

	.slider .featured-content .entry-header {
		min-height: inherit;
		padding: 24px 30px 48px;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 50%;
		z-index: 3;
	}

	.slider-control-paging {
		background: transparent;
		margin-top: -48px;
		padding-left: 20px;
		width: 50%;
	}

	.slider-direction-nav {
		clear: none;
		float: right;
		margin-top: -48px;
		width: 98px;
	}

	.slider-direction-nav li {
		border: 0;
		padding: 0 1px 0 0;
	}

	.slider-direction-nav li:last-child {
		padding: 0 0 0 1px;
	}

	.slider-direction-nav a {
		height: 48px;
	}

	.slider-direction-nav a:before {
		line-height: 48px;
	}

	.comment-author .avatar {
		height: 50px;
		top: 2px;
		width: 50px;
	}

	.comment-author,
	.comment-awaiting-moderation,
	.comment-content,
	.comment-list .reply,
	.comment-metadata {
		padding-left: 65px;
	}

	.comment-list .children {
		margin-left: 20px;
	}

	.featured-content {
		margin-bottom: 0;
	}
}




/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */

@media print {
	
}

.featured-content, .xcomments-section {
  border: 1px solid #f2ca27;

}

.entry-footer {
margin-top:10px;
}

/* Register & Edit Profile Forms*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Forms
3.0 - Alignments
4.0 - Errors & Notices
5.0 - User Listing 
6.0 - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
.wppb-user-forms,
.wppb-user-forms *{
	-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
	box-sizing: border-box !important;         /* Opera/IE 8+ */
}

/*--------------------------------------------------------------
2.0 Forms
--------------------------------------------------------------*/
.wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]),
.wppb-user-forms select,
.wppb-user-forms textarea{
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
.wppb-user-forms input[type="checkbox"],
.wppb-user-forms input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
.wppb-user-forms input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
.wppb-user-forms input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
.wppb-user-forms button::-moz-focus-inner,
.wppb-user-forms input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="url"],
.wppb-user-forms input[type="password"],
.wppb-user-forms input[type="search"],
.wppb-user-forms textarea{
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.wppb-user-forms input[type="text"]:focus,
.wppb-user-forms input[type="email"]:focus,
.wppb-user-forms input[type="url"]:focus,
.wppb-user-forms input[type="password"]:focus,
.wppb-user-forms input[type="search"]:focus,
.wppb-user-forms textarea:focus {
	color: #111;
}
.wppb-user-forms input[type="text"],
.wppb-user-forms input[type="email"],
.wppb-user-forms input[type="url"],
.wppb-user-forms input[type="password"],
.wppb-user-forms input[type="search"] {
	padding: 3px;
}
.wppb-user-forms textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}
.wppb-user-forms .wppb-wysiwyg .wp-editor-wrap { /* properly align wysiwyg editor among form fields */
    float:left;
    width:69.9%;
}
.wppb-user-forms .wppb-wysiwyg button:hover{ /* wysiwyg - overwrite the theme inherited background color on hover*/
    background: none;
}
.wppb-user-forms .wppb-wysiwyg div.mce-tinymce.mce-panel{   /*Display the borders for the TinyMCE editor - Visual tab*/
    border: 1px solid #ccc !important;
    color: #666 !important;
}
.wppb-user-forms .wppb-wysiwyg div.mce-panel.mce-first{
    border-width: 0 0 1px 0 !important;
}
.wppb-user-forms .wppb-wysiwyg div.mce-panel.mce-last{
    border-width: 1px 0 !important;
}
.wppb-user-forms .wppb-wysiwyg .quicktags-toolbar {      /*Display the borders for the TinyMCE editor - Text tab*/
    border: 1px solid #dedede;
    border-bottom: 0;
}
#wp-link label input[type="text"] {    /*Fix the looks of the Add Link window for TinyMCE editor*/
    padding: 0px;
}

#wppb-search-fields{
    min-width: 250px;
    float:left;
    margin-right:20px;
}

.wppb-user-forms .wppb-search-button{
    margin-right:10px;
    padding:7px 20px;
    line-height: 24px;
}

.wppb-search-users-wrap{
    margin-bottom: 20px;
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.wppb-user-forms ul{
	max-width:900px;
	list-style:none;
	margin-left:0;
	margin-right:0;
    padding-left:0;
    padding-right:0;
}

.wppb-user-forms ul li{
    list-style:none;
}

.wppb-user-forms ul li,
#wppb-login-wrap p,
#select_user_to_edit_form p{
	overflow:hidden;
	margin:0;
	padding-bottom:14px;
}

.wppb-form-field label,
#wppb-login-wrap .login-username label,
#wppb-login-wrap .login-password label{
	width:30%;
	float:left;
	min-height:1px;
}
.wppb-form-field input,
.wppb-form-field input[type="text"], .wppb-form-field input[type="email"], .wppb-form-field input[type="url"], .wppb-form-field input[type="password"], .wppb-form-field input[type="search"],
.wppb-form-field select,
.wppb-form-field textarea,
.wppb-checkboxes,
.wppb-radios,
#wppb-login-wrap .login-username input,
#wppb-login-wrap .login-password input{
	width:69.9%;
	float:left;
}

.wppb-user-forms .wppb-wysiwyg .wp-editor-wrap .wp-editor-tabs *{
    box-sizing: content-box !important;
}

.wppb-user-forms .wp-editor-wrap input {
    float: none;
    width: auto;
}

input#send_credentials_via_email{
	float:none;
	width:auto;
	margin-right:10px
}

.wppb-send-credentials-checkbox label{
	width:auto;
}

.wppb-form-field > span{
	display:block;
	clear:both;
	margin-left:30%;
	font-size:80%;
	font-style:italic;
}

.wppb_upload_button{
    display:inline-block;
}

.wppb-user-forms .wppb-checkboxes li,
.wppb-user-forms .wppb-radios li{
	display:inline-block;
	padding:0 20px 0 0;
}

.wppb-form-field .wppb-checkboxes label,
.wppb-form-field .wppb-radios label{
	float:none;
	min-width:0;
	padding-left:5px;
}

.wppb-checkbox-terms-and-conditions input,
.wppb-checkboxes li input,
.wppb-radios li input{
	min-width:0;
	float:none;
	width:auto;
}

.wppb-edit-user .wppb-checkbox-terms-and-conditions {
	display:none;
}

.wppb-form-field.wppb-heading span,
.wppb-default-about-yourself-heading span,
.wppb-default-contact-info-heading span,
.wppb-default-name-heading span,
.wppb-checkbox-terms-and-conditions span{
	margin-left:0;
}

.wppb-checkbox-terms-and-conditions label {
    width: 100%;
}

.wppb-form-field.wppb-checkbox-terms-and-conditions input[type="checkbox"].custom_field_toa {
    float:none;
    width:auto;
    margin-right:10px
}


.g-recaptcha{
	display: inline-block;
}
.g-recaptcha iframe{
    margin-bottom: 0;
}

/*--------------------------------------------------------------
4.0 Errors & Notices
--------------------------------------------------------------*/

#wppb_general_top_error_message,
.wppb-error,
.wppb-warning {
    padding: 6px 9px;
    margin: 0 auto 25px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #ffebe8;
    border: 1px solid #C00;
}

.wppb-required{
	color: red;
}

.wppb-required,
.wppb-checkbox-terms-and-conditions span.wppb-required{
    margin-left:5px;
}

#wppb_form_success_message,
.wppb-success {
    padding: 6px 9px;
    margin: 0 auto 25px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #e7f7d3;
    border: 1px solid #6c3;
}

.wppb-register-user .wppb-field-error,
.wppb-edit-user .wppb-field-error,
#wppb-recover-password .wppb-field-error{
	background-color: #FFDFDF;
    border: 1px dotted #C89797;
    margin-bottom: 6px !important;
    padding: 6px !important;
}

.wppb-field-error > input,
.wppb-field-error > select,
.wppb-field-error > textarea,
.wppb-field-error > label{
    margin-bottom: 10px;
}

.wppb-field-error img{
    box-shadow: none;
    -webkit-box-shadow:none;
    border:none;
    border-radius:0px;
    vertical-align: middle;
    margin-top: -3px;
    padding-left:5px;
}

.wppb-form-field > span.wppb-form-error{
    margin-top:10px;
    padding-top: 5px;
    border-top:1px dotted #c89797;
    font-size:100%;
    margin-left: 0;
}




/*--------------------------------------------------------------
5.0 User Listing
--------------------------------------------------------------*/
.wppb-table *{
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.wppb-table{
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    border-spacing: 0.5rem;
    border-collapse: collapse;
    width: 100%;
}

.wppb-table th{
    background: #f4f4f4;
    padding: 7px;
    border:1px solid #e1e1e1;
    text-align: left;
}

.wppb-table thead tr:hover{
    background: none;
}

.wppb-table .wppb-sorting .wppb-sorting-default {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/sorting-default.png') no-repeat center center;
    vertical-align: middle;
}

.wppb-table .wppb-sorting .wppb-sorting-ascending {
    background-image: url('../images/sorting-ascending.png');
}

.wppb-table .wppb-sorting .wppb-sorting-descending {
    background-image: url('../images/sorting-descending.png');
}

.wppb-table tr:hover{
    background: #f1fcff;
}
.wppb-table td{
    padding: 7px;
    border:1px solid #e1e1e1;
}

.wppb-table .wppb-posts,
.wppb-table .wppb-moreinfo{
    text-align: center;
}

.wppb-avatar img {
    max-width: none;
}

ul.wppb-profile{
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    padding-left:0;
    padding-right: 0;
}

ul.wppb-profile li{
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}

ul.wppb-profile li label{
    display: block;
    width:30%;
    float:left;
    min-height:1px;
    font-weight: bold;
}

ul.wppb-profile li span{
    display: block;
    width:69.9%;
    float:left;
}

ul.wppb-profile li h3,
ul.wppb-profile li h3:first-child{
    margin:20px 0;
    padding-top:20px;
    border-top:1px solid #d2d2d2;
}

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

    .wppb-table {
        border: 0;
    }

    .wppb-table thead {
        display: none
    }

    .wppb-table tr {
        display: block;
        margin-bottom: 30px;
    }

    .wppb-table td {
        display: block;
        text-align: right;
        border-bottom: 0;
    }

    .wppb-table td:last-of-type {
        border-bottom: 1px solid #e1e1e1;
    }

    .wppb-table .wppb-posts,
    .wppb-table .wppb-moreinfo{
        text-align: right;
    }

    .wppb-table td:before {
        content: attr(data-label);
        float: left;
    }

    .wppb-table td:after {
        content: '';
        display: block;
        clear: both;
    }

}

/*--------------------------------------------------------------
6.0 Media Queries
--------------------------------------------------------------*/

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

	.wppb-form-field label,
	#wppb-login-wrap .login-username label,
	#wppb-login-wrap .login-password label,
    ul.wppb-profile li label{
		width:100%;
		display:block;
		float:none;
	}

	.wppb-form-field input,
	.wppb-form-field select,
	.wppb-form-field textarea,
	.wppb-checkboxes,
	.wppb-radios,
	#wppb-login-wrap .login-username input,
	#wppb-login-wrap .login-password input,
    ul.wppb-profile li span{
		width:100%;
		float:left;
	}

	.wppb-form-field > span{
		margin-left:0;
	}

	.wppb-checkboxes li label, 
	.wppb-radios li label{
		display:inline;
	}
	
	.wppb-form-field .wppb-avatar-nofile,
	.wppb-form-field .wppb-avatar-file,
	.wppb-form-field .wppb-upload-nofile,
	.wppb-form-field .wppb-upload-file{
		margin-left:0;
	}
	
}

/*--------------------------------------------------------------
7.0 Password Strength
--------------------------------------------------------------*/
#pass-strength-result {
    background-color: #eee;
    border: 1px solid #ddd;
    display: none;
    float: left;
    margin: 13px 5px 5px 30%;
    padding: 3px 5px;
    text-align: center;
    width: 200px;
    height:28px;
}
#pass-strength-result.short {
    background-color: #ffa0a0;
    border-color: #f04040;
}
#pass-strength-result.bad {
    background-color: #ffb78c;
    border-color: #ff853c;
}
#pass-strength-result.good {
    background-color: #ffec8b;
    border-color: #fc0;
}
#pass-strength-result.strong {
    background-color: #c3ff88;
    border-color: #8dff1c;
}

/**************************************************/
/* Profile Builder Subscription Plans Field
/**************************************************/
.wppb-form-field.wppb-subscription-plans label {
    width: 100%;
    float: none;
}

.wppb-form-field.wppb-subscription-plans input {
    display: inline-block;
    width: auto;
    float: none;
    margin-right: 10px !important;
}

.wppb-form-field.wppb-subscription-plans span.description {
    display: block;
    font-size: 100%;
    font-style: italic;
    margin-left: 0;
    margin-bottom: 1.5em;
}