/*  
Theme Name: Nerdcore 2018 v3
Description: A weird Theme for a new age.
Author: Rene Walter
Author URI: http://nerdcore.de
Theme URI: http://wwww.nerdcore.de/
Version: 2

*/

@import 'css/normalize.css';



/* Ugly Hacks */

#thepost iframe.instagram-media, .comment iframe.instagram-media { position:relative!important;max-width: unset!important; }
#thepost p .fluid-width-video-wrapper iframe.instagram-media { position:absolute!important; }

.lg-backdrop {
    z-index: 999999!important;
}
.lg-outer {
    z-index: 9999999!important;
}


/* Basics */

body { font-family: -apple-system, BlinkMacSystemFont, Helvetica, sans-serif; }
body.page-template-page_sans-header_black { background-color:#000; }

img { width: 100%; }

#wrap { 
margin:0 auto; 
padding:0; 
color:#121212; 
line-height: 1.2em;
/* display: -webkit-box; */
max-width: 1200px;
}

.blackwrap { color:#ccc!important; }

#wrapwrap { background-color:black; width:100%; height:auto; }

h1, h2, h3, h4 { font-weight: 700; line-height: 1.2em; }

#queryfooter { width:100%; max-width:1200px; margin: 50px auto; display: -webkit-box;}

#iconsprites {
display:none;
}

.fluid-width-video-wrapper { margin-top:10px; }

.entry-section, .single-section, .single-section-vids, .single-section-pods  {
    float: left;
    position: relative;
    box-sizing: border-box;
}
.entry-section, .single-section, .single-section-pods { width: 60%; margin: 0 0 50px 0; padding: 100px 0px 0px 0px; float:left; } 
 .single-section-vids { padding: 50px 0px 0px 0px; margin: 0 0 50px 0; }

    
.page-section {
	width: 100%;
    padding: 100px 0px 0px 0px;
 }
    
.sidebar-section {
	width: calc(40% - 101px);
    /* height: 100%; */
    padding: 0px 0px 0px 50px;
    border-left: 1px solid #ccc;
	float: right;
    margin-left: 50px;
    /* padding-left: 50px; */
    margin-top: 100px;
    }
    
div.form-section  {
    margin-top: 50px;
    }



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

#header { 
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    z-index: 10;
    }
#header-container { 
	width: auto;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 50px;
    }
#wrap #logo {
width: 170px;
    height: 30px;
    float: left;
    margin-top: 10px;
    /* position: relative; */
    /* left: 50px; */    }

img.twitterlogo,img.facebooklogo{display:none;height:25px;}

#search { display:block; }

#navigation{
float: right;
    font-weight: bold;
    margin-top: 16px;
    font-size:100%;
    /* position: relative; */
    /* top: calc( 50% - 10px ); */
    /* height: 20px; */
    /* margin-right: 50px; */
        }

.twfb { display:inline-block; }
#navigation a { color: #080808; text-transform: uppercase;text-decoration: none;display:inline-block; margin-right:10px; }
#navigation a:last-child { margin-right:0px; }

a#rsslink:hover {color:#f90;}
a#rsslink:hover .rsssvg {fill:#f90;}

a#fblink:hover {color:#3a65ab;}
a#fblink:hover .facebooksvg {fill:#3a65ab;}

a#twlink:hover {color:#36abd2;}
a#twlink:hover .twittersvg {fill:#36abd2;}

a#menuclick:hover{color:#999;}



/* SVG */

#wrap #logo .logosvg { 
    fill: #333;
    width: 100%;
    height: 30px;
}

.prevarrow { 
    fill: #fff;
    width: 30px;
    height: 18px;
    display:inline-block;
    -moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.ncarrow { 
    fill: #000;
    width: 30px;
    height: 16px;
    display: inline-block;
    margin: 0px 0px -2px -30px;
}
.smallarrow {
    fill: #000;
    width: 15px;
    height: 10px;
    display: inline-block;
    margin: 0px 2px 0px -20px;
}

.menusvg { 
    fill: #333;
    display:inline-block;
}

.twittersvg { 
    width: 22px;
    height: 22px;
    margin-top: -12px;
    vertical-align: -webkit-baseline-middle;
}
.rsssvg { 
    width: 14px;
    height: 14px;
    margin-top: -12px;
    vertical-align: -webkit-baseline-middle;
}
.facebooksvg { 
    width: 12px;
    height: 12px;
    margin-top: -12px;
    vertical-align: -webkit-baseline-middle;
    margin-right: 3px;
}




/* Menu */

a.rss-item, a.i, a.metamenu-item, a.b { font-weight: bold; font-size: 1.1em; margin-bottom: 3px;}


#menuwrap { 
    max-width: 1200px;
    display: block;
    margin: 0 auto; }

#headermenu{
	display: none;
    width: 100%;
    background: #000;
    overflow: auto;
    margin: 0px auto;
    position: absolute;
    top: 50px;
	color:#f8f8f8;
} 
#headermenu a {
color: #f8f8f8; text-decoration:none;
} 
#headermenu a:hover {
color: #ee0000;
} 


#headermenu h4 {
    margin:0;
	padding:0;
} 


#menuleft {float:left;width:50%;padding:20px 0px;}
#menuright {float:right;padding:20px 0px;}

#menumid ul, #menuright ul {
	margin:0px;
	list-style-position: inside;
	text-align: right;
    }


#categorylist li a { font-weight: bold; margin-bottom: 3px;}
#categorylist { list-style-type:none; }
#categorylist li { margin-bottom: 3px; }

#headermenu ul li {
    margin: 0px;
    list-style-type: none;
}


input#s {
	font-size: 0.8em;
    height: 20px;
    width: 200px;
    top: 12.5px;
    position: relative;
    padding: 0px;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #121212;
    background-color: transparent;
    float: right;
    color: #121212;
}

input#s:placeholder {
    font-weight: bold;
    color: #999;
}

input#s::-webkit-input-placeholder { /* WebKit browsers */
    color:    #f8f8f8;
}
input#s:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #f8f8f8;
    opacity: 1;
}
input#s::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #f8f8f8;
    opacity: 1;
}
input#s:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #f8f8f8; }

#searchsubmit { 
    background: none;
    border: none;
    margin: 0px 50px 0px 10px;
    padding: 0;
    height: 50px;
    width: 20px;
    float: right;
    position: relative;
    }

#searchsubmit:hover { cursor:pointer; }
    
#searchsubmit svg { 
	width: 40px;
    height: 100%;
    fill: #121212;
    position: absolute;
    top: 0;
    position: relative;
    margin-top: -5px;
    }
    
    
/* Small Headers/Date */
a.date-home, a.dateblack, .sidebar-section .sidebar-header { color:#e00; font-weight:700; text-decoration:none; }
a:hover.date-home, a:hover.dateblack { color:#000; }

a.date-home, a.dateblack { z-index: 9; position:absolute; background: #fff; padding: 0px 25px 2px 0px; background: transparent url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/dateback.png) no-repeat scroll 100% 0%; }
a.datetag { position:relative!important; }

.sidebar-section .sidebar-header {
    margin: 0 0 0 0;
    /* width: inherit; */
    display: inline-block;
}



/* HOME */

.featuredcontainer { 
	position: relative;
    /* overflow: hidden; */ }

.featuredcontainer img { width:100%; display: block; }
img.thumbgif { image-rendering:pixelated; } 

span.featureparagraph {
    margin: 10px 0px 0px 0px;
    padding: 0;
    position: relative;
    display: inline-block;
}



h2.titlesmall {
    font-size: 1em;
    font-weight: 700;
    margin: 0;
}

h2.titlesmallsmall {
    font-size: 0.85em;
    font-weight: 700;
    margin: 0;
}

a { color: #000; text-decoration:none; }
a:hover { color: #e00; }


.edit a {
    font-size: 80%;
    display: block;
    margin-top: -20px;
    padding: 0;
    color:#e00;
}

.pixelated { image-rendering:pixelated; }


/* Home Feature */

.feature { margin:0!important; }

a.feature h2.titlebig {
	color:#000;
    margin: 5px 0px 0px 0px;
    text-decoration: none;
    letter-spacing: 0.03em;
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 700;
 }
 
 a:hover.feature h2.titlebig {
	color:#e00;
}

/* Images Home */

img.posting {
    width: 120px;
    float: left;
    margin: 4px 10px 5px 0;
    z-index: 0;
}

img.mini {
    max-width: 80px;
    margin: 0 10px 0 0;
    float: left;
    /* display: unset; */
}


/* Home Donate */

form.paypaldonate  { width:250px; margin: 0 auto 50px auto; }
.paypaldonate input { width:100%; }

/* Home Posts */


span.paragraph { margin: 5px 0px 0px 0px; padding: 0; }

.postlist { display: inline-block; }

.postlist .post { display: block; clear:both; width: 100%; }

.datecontainer {
/*    border-bottom: 1px solid #ccc; */
    position: relative;
    margin: 0 0 75px 0;
    display: grid;
}


.postlistfirst { display:inline-block; }

.entry-section .post { 
    width: 100%;
    box-sizing: border-box;
    clear: both;
    display: inline-block;
}

.podcasts .post { margin: 5px 0 0 0; }
.vids .post, .links .post, .papers .post { margin: 10px 0 0 0; display:inline-block; }
.regularposts .post, .news .post { margin: 25px 0 0 0; }


.entry-section a.more-link {
    font-weight: bold;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 1px 3px;
    color: #000;
    white-space: nowrap;
    font-size: 0.75em;
}

.entry-section a.more-link:hover { color:#e00; }

.entry-section h1 { margin:0; }

/* Linkposts */
a.linkposting { display:block;} /* Linkposting Link */
.video, .text, .paper { display:block; box-sizing: content-box; clear: both; }
.text, .paper { margin:5px 0 20px 0; }
.video { margin:5px 0px; }

.video h2 { display: inline; }
.linkpostheadlines a { color:#e00; text-decoration:underline; }
.linkpostheadlines a:hover { color:#e00; text-decoration:none; }
.linkpostheadlines { margin: 25px 0 5px 0; font-size:0.8em; color:#e00;}
.linkexcerpt { font-size: 80%;
    line-height: /* 1.1em; */
    display: block; }
.paragraph_small { font-size:0.80em; line-height: 1.2em; }
.vids { width:100%; line-height: 0.8em; }

.vids, .podcasts, .links, .papers { display:block; }


    
.linklink { 
	margin:5px 0px 10px 0px;
	display: block;
	font-style: italic;
	line-height: 1em;
	font-weight:normal!important;
	}

.news p { margin:0 0 10px 0; }

/* .news { display: inline-block; } */
.news p a { color: #000; /* text-decoration: underline; */ border-bottom:1px solid #e00; }
.news p a.more-link { border:0; }

.news a:hover { color: #e00; }

.news img.alignleft, .news img.alignright { width:30%;  }
.news img.alignright { margin:3px 0px 20px 10px; }
.news img.alignleft { margin:3px 10px 20px 0px; }

.news blockquote {
    margin:5px 0 0 40px;
}


/* WIGGLE */
.one { background:transparent; }
.two { background:transparent; }

/* TAGS */
.posttags a {
    font-weight: 400;
    padding: 0px 3px 1px 2px;
    text-transform: uppercase;
    background:transparent;
    color: #777;
    font-size: 80%;
}

.posttags { font-size: 0.75em; color: #999; }

.posttags a:hover { background:#000; color:#fff; }


/* a.posttag-Music { background:#f0f0f0; }
a.posttag-Movies { background:#f0f0f0; }
a.posttag-Fun { background:#f0f0f0; }
a.posttag-Tech { background:#f0f0f0; } */
a.posttag-DasGeileNeueInternet { background:#e00; color:#fff; }
/* a.posttag-Design { background:#f0f0f0; color:#fff; }
a.posttag-Politics { background:#f0f0f0; }
a.posttag-Games { background:#f0f0f0; }
a.posttag-Science { background:#f0f0f0; } */

   .posttag-ncpin,
   .posttag-ncv,
   .posttag-ncp,
   .posttag-nca,
   .posttag-ncn,
   .posttag-nct,
   .posttag-LinksFromPinboard,
   .posttag-MusicvidsFromPinboard,
   .posttag-TrailerFromPinboard,
   .posttag-FunvidsFromPinboard,
   .posttag-VideoEssaysFromPinboard,
   .posttag-LecturesFromPinboard,
   .posttag-FunFromPinboard,
   .posttag-NewsFromPinboard,
   .posttag-PapersFromPinboard,
   .posttag-PodcastsFromPinboard,
   .posttag-ShortfilmsFromPinboard,
   .posttag-Video { display:none; }




.posttags { display: block; padding:0; overflow:visible; }

/* Bits */
.slashes { font-size:80%; color:#ccc; vertical-align: text-bottom; padding-right: 5px; }

/* Pagination */

.pagination {
	max-width: 1200px;
	margin: 10px 0px 0px 0px; 
	background-image: url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/moar.gif);
	background-size: 30%;
    background-repeat: no-repeat;
    background-position: 95% 0px;
    height:300px;
	display:block;
	text-align:center;
}

.pagination a {
    font-size: 1.5em;
    padding: 8px 20px;
    font-weight: 700;
    text-decoration: none;
    background-color: #e00;
    color: #fff;
    display: block;
}

.pagination a:hover{background-color:#000;}

.pagination .paginavinext{float:right;}
.pagination .paginaviprev{float:left;}
.pagination .paginavinext,.pagination .paginaviprev{margin-top:85px;}





.podcast-list, .single-section-pods { 
    width: 60%;
    margin: 70px 0 0 0;
    font-size: 1em;
    float: left;
}
.single-section-pods { 
    width: 60%;
    margin: 0px 0 0 0;
    font-size: 1em;
    float: left;
}
.single-section-pods #comments { margin:50px 0; }
.single-section-pods .posting p a { color: #000; /* text-decoration: underline; */ border-bottom:2px solid #e00; font-weight:bold; }

.podcast-list h1 { font-size:3em; margin:0 0 50px 0; }
.podcast-section h2, .podcast-list h2 { font-size:1em; margin:0; }
.podcast-list .meta { margin:0 0 3px 0; }
.podcast-section .podpost, .podcast-list .podpost { margin: 0 0 20px 0; display:grid; }
.podcast-list .posting { font-size:0.8em; line-height:1.1em; }
.podcast-list .excerpt { display:block; margin: 7px 0 0 0; }
.podcast-list .meta .posttags {
    margin: 0;
    font-size: 0.8em;
    font-weight: 700;
    position: relative;
}

/* VIDEOS */

.videoback { background-color:black; }
.single-section-vids h1 { color:#ccc; }
.single-section-vids p { color:#ccc; }
.single-section-vids img { width:100%; }
.single-section-vids img.alignright, .single-section-vids img.alignleft { width:30%; }

.single-section-vids p a { color:#e00;  }
.single-section-vids p a:hover { color:#fff;  }

.single-section-vids #comments p a {
    color: #ccc;
}

.facetwp-page.active {
	color: #f00;
    cursor: default;
}
.video-section a {
    color: #e00;
}
.facetwp-page {
    padding: 0px 2px!important;
    margin-right: 3px!important;
    cursor: pointer;
}

.single-section-vids { width: 70%; }

.single-section-vids .reply a, .single-section-vids #cancelreply a {
    color: #ccc!important;
}

.single-section-vids .logged-in-as a { color:#ccc!important; }
.single-section-vids .logged-in-as a:hover { color:#fff!important; }
.single-section-vids textarea#comment, .single-section-vids input#author {
    background: #333;
    color:#ccc;
    border:0;
}
.single-section-vids input#submit {
    border: 1px solid #ccc;
    background-color: #000;
    color: #e00;
    /* margin-top: 20px; */
    height: 35px;
    width: 250px;
    /* float: right; */
    font-weight: bold;
}
.single-section-vids input#submit:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #e00;
}

.video-section {
    position: relative;
    
    /* padding: 10px; */
    /* margin: 50px 0 0 0; */
    right: 0px;
    bottom: unset;
    top:212px;
    width: 30%;
    overflow: auto;
    background: #000;
    /* height: calc( 100% - 70px ); */
    height: max-content;
    font-size: 70%;
    line-height: 1.1em;
    font-weight: 600;
    /* z-index: 99999999; */
    text-align: center;
    display: flex;
    flex-flow: column;
}

.video-section img { width: 50%;
    float: left;
    margin: 0px 10px 10px 0; }

.video-section a, .comment-meta a { color:#e00; }
.video-section a:hover, .comment-meta a:hover { color:#fff; }
.video-section h3 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: 100;
}


/* .video-section p { color:#ccc; margin:5px 0; } */
.videobrowserthumb { 
	color: #ccc;
    margin: 0 0 0 15%;
    width: unset;
    height: auto;
    text-align: left;
    display: block;
    padding: 0;
    /* display: inline-flex; */
    /* font-size: 70%; */
    float: left;
    line-height: 1em;
    font-weight: 700;
    /* box-sizing: border-box; */
    /* display: inline-block; */
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}


.videofixer { max-width: 1200px;
    margin: 0 auto;
    display: block; }


.facetwp-template {
	order: 2;
	padding-right: 20px;
}

.facetwp-pager {
    order: 1;
    font-size: 1.2em;
    text-align: right;
    margin: 0 0 20px 0;
    width:unset;
    padding-right:20px;
}






/* Single */
.single-section img { width:100%; margin: 20px 0; }
.single-section .bildunterschrift {display: block; margin: -20px 0 10px 0; }

.single-section img.alignright, .single-section img.alignleft { width:40%; }
.single-section img.alignright { margin: 5px 0 10px 20px; }
.single-section img.alignleft { margin: 5px 20px 10px 0; }

.single-section p .update { padding:2px 6px; background:#ee0000; font-size:90%; }
.single-section p .werbung { padding:2px 6px; background:#ccc; font-size:80%; }

.single-section { /* line-height:1.4em; */ }

.single-section p a { font-weight:bold; color: #000; /* Single Link Typo */
    border-bottom:2px solid #ee0000;
     text-decoration: none;
    }
.single-section p a:hover { 
    border-bottom:2px solid transparent;
    }
    
.meta .posttags { display: inline-block; margin: 10px 0px; font-size:0.8em; font-weight:700; position:relative; }
.single-section h1 {
    font-size: 2em;
    margin: 0px 0px 30px 0px;
}

a.date-single { color:#e00; text-decoration:none; }

/* Comments */

#comments img { width:auto; margin:0px; width: 100%; }
#comments ul { display:contents; list-style-type: none; }




#comments { margin:50px 0 150px 0; padding:0; font-size:100%; border:0; }
#comments #commentscomments { margin: 50px 0 0 0; /* display: inline-block; */ }
ol.comment-list { padding:0; }
.comment-list li {
	clear: both!important;
    list-style-image: none!important;
    list-style-position: outside!important;
    list-style-type: none!important;
    border: 0!important;
    padding: 10px 0!important;
}
.depth-1 { margin-left:0!important; display: block; clear:both; }
.depth-2,.depth-3,.depth-4,.depth-5 { margin-left: 30px; }

    
#comments div.comment { padding: 20px 0px 20px 0px; }
#comments p a { color:#000; font-weight:bold; text-decoration: none; border-bottom:2px solid #ee0000; }
.comment-author, .comment-meta, .reply { }
.comment-author { float: left; }
.comment-author, .comment-meta { 
   margin: 0px 20px 2px 0px; font-size:75%;
    }
#commentstitle { /* font-style:italic; */ color:#e00; /* font-size:1.2em; text-transform:uppercase; */ }

.comment-author .fn {
    font-style: normal;
    /* text-transform: uppercase; */
    color: #ec0000;
    /* background: #ee0000; */
    /* padding: 2px 6px; */
    font-weight: bold;
}
.comment-author .fn a {
    color: #f8f8f8;
    background: #ee0000;
}

#respond { margin: 50px 0 0 0; }

.comment-reply-title { font-size:1em; }
.comment-reply-title a { color:#e00; }

#cancelreply { margin:0 0 0 10px; padding:0; }

.reply a, #cancelreply a { 
	font-weight:500;
    letter-spacing: 0.03em;
    padding: 1px 5px;
    color: #000;
    white-space: nowrap;
    border: 0;
    border: 1px solid #ccc;
    font-size: 70%;
    }
    
.reply a:hover, #cancelreply a:hover { background:#000; border: 1px solid #000; color: #fff; }


.reply { 
    margin: 10px 0px 50px 0px;
    }

.comment p { margin: 10px 0px 0px 0px; }
#respond label { width:100px; }
.comment-form-comment label { display:none; }
.says { display:none; }

input#author, input#email, input#url {
    border: 1px solid #f0f0f0;
    width: 200px;
    background: #f0f0f0;
    box-sizing: border-box;
}

input#submit {
    border: 1px solid black;
    background-color: #fff;
    color: #000;
    /* margin-top:20px; */
    height: 35px;
    width: 250px;
    /* float: right; */
    font-weight: bold;
    }
input#submit:hover {
    border: 1px solid black;
    background-color: #000;
    color: #fff;
	cursor: pointer;
}


.edit-comment-admin-links a, .ajax-edit-time-left, .aec-dropdown-container a {
    display: block;
    height: 16px;
    font-size: 12px;
    padding: 4px 0px!important;
    float: left;
	margin-left: 0;
    font-weight: bold;
}
.aec-icons {
    margin-right: 4px;
}


/* Search.php */
.searchterm { color:#e00; }
.searchtermline { margin: 0 0 50px 0; font-size:1.5em; }


/* Sidebar */

.sidebar-section { font-size: 0.75em; position:relative; }
.fixer { /* position: fixed; */ max-width: 380px; width: 100%; }

.sidebar_headline { margin:0px 0px 10px 0px; font-size: 1em; }
.sidebar_headline a { color:#000; text-decoration:none; }
.sidebar_headline a:hover { text-decoration:underline; }

.supportnc, .contactform, .newsletterform { margin: 0; padding: 0; }

.sidebar-section h4 { margin-top: 0;
    font-size: 1em;
    color: #ee0000; }
    
div.sidebardiv { margin-bottom:40px; }
div.sidebardiv_center { text-align:center; }


.supportnc p { margin:0; }

img.theproducers_black { width:70%; }
img.theproducers_white { width:70%; display:none; }

.shirtdiv {         width: 100%; height:160px;
    background-size: 100%;
    background-position: 50% top;
    background-image: url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/shirtbanner.gif);
    background-repeat: no-repeat; }
.shirtdiv a { display:block; width:100%; height:100%;}

.supportline { display:block; }
.supportlink_patreon { 
    background-image: url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/patreonsmallblack.png);
    width: 109px;
    height: 17px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 10px 10px 0px;
    margin-top: 13px;
    vertical-align: -webkit-baseline-middle;
    }
 
.supportlink_steady { 
	background-image: url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/steadysmallblack.png);
    width: 61px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 0px 0px 0px;
    vertical-align: -webkit-baseline-middle;
}

.supportlink_paypal { 
background-image: url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/paypalsmallblack.png);
width: 91px;
    height: 19px;
        display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 0px 0px 10px;
    vertical-align: -webkit-baseline-middle;
}

.hidelink { visibility:hidden; }


/* see gallery_shortcode() in wp-includes/media.php */

#gallery-1 {
		margin: auto;
	}
#gallery-1 a {
border:0;
	}
	
#gallery-1 .gallery-item {
    float: left;
    text-align: center;
    width: calc( 100%/5 - 8px );
    margin: 0;
    border: 4px solid #fff;
}	

#gallery-1 .gallery-item:hover {
    float: left;
    /* margin-top: 10px; */
    text-align: center;
    width: calc( 100%/5 - 8px );
    margin: 0;
    /* margin: 0.5%; */
    border: 4px solid #e00;
}	

#gallery-1 img {
    width: 100%;
    height: auto;
    display: block;
	margin: 0px;
}
	
#gallery-1 .gallery-caption {
		margin-left: 0;
}



/* Forms */

.wpcf7-textarea, textarea#comment {
	border: 0;
    width: 100%;
    resize: none;
    background: #f0f0f0;
    margin: 0 0 -5px 0;
    box-sizing: border-box;
}

input.wpcf7-submit {
	/* border: 0; */
    background-color: transparent;
    border: 1px solid #ccc;
    color: #000;
    font-size: 1em;
    height: 25px;
    width: 100px;
    float: right;
    font-weight: bold;
 }
input.wpcf7-submit:hover {
	/* border: 0; */
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    cursor: pointer;
}


span.wpcf7-list-item {
    display: block!important;
    margin: 0!important;
}
form.wpcf7-form p { font-weight:bold; margin:0; margin: 0 0 10px 0; }
.wpcf7-list-item-label { font-weight:normal; }


.wpcf7-text { 	border: 1px solid #f0f0f0;
    width: 100%;
    height: auto;
    padding: 5px;
    background: #f0f0f0;
    float: none;
    color:#000;
    box-sizing: border-box;
     }

input.email {
    padding: 0px;
    border: 1px solid #f0f0f0;
    width: 68%;
    background: #f0f0f0;
    float: left;
}

mc_embed_signup_scroll p { display:block; }
#mc_embed_signup div, #mc_embed_signup { margin:0; }
#mc_embed_signup h4 { margin-bottom:20px; } 
.your-name { margin-top:-10px; }

.newsp { display:inline-block; }


#tumblrposts img { width:100%; }

/* Pages */

img.supportpage-images { max-height: 40px; width: auto; display: inline-block; margin: 0 50px 20px 0; }
a.bitcoinlink { margin: 50px 0 0 0; display: inline-block; }
img.bitcoinqr { margin: 0 0 50px 0; width:auto; }
a.supportlink { color:#e00; text-decoration:underline; }
a.supportlink:hover { text-decoration:none; }

.paypalmewp .paypalmewp__image {
    display: block;
    height: 100% \9;
    max-height: 50px;
    width: auto;
    margin: 0 auto 3px;
}
.paypalmewp.black .paypalmewp__header {
    display: none;
}
.paypalmewp.align-left {
    float: none!important;
    margin: 50px 20px 20px 0!important;
    /* clear: both; */
    /* display: block; */
}
.paypalmewp a.paypalmewp__button {
    background: #000!important;
    border: 1px solid #000!important;
}

#cooleleute { line-height:1.6em; text-transform:uppercase; text-align: center; }
#cooleleute img { width:100%; }
#cooleleute .therotator {
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    transition: all 1s;
    transition-timing: ease-in-out;
    z-index: 1;
    width: 300px;
    display: inline-block;
    height: 20px;
}
  
  
  
#cooleleute .therotator:hover { font-weight:bold; font-size:2em; 
    color: hsl(124, 70%, 45%);
    animation: colorrotation 2s infinite;
z-index:9;
	
/*	-webkit-animation: shudder linear 0.1s 0s infinite;
	animation: shudder linear 0.1s 0s infinite;
      display:inline-block; */
    
}

#cooleleute .specialmarkus { margin:50px auto; max-width:720px; }

#cooleleute a { color:#e00; }
#cooleleute a:hover { 
    animation: colorrotation 2s infinite;
}

#impbiz { }
#impkontakt { float:left; margin-right:50px; }



/* Smaller Screens */

@media only screen and (max-width: 1700px) { 
	#wrap { padding:0px 50px; width:auto; }
 }
 
@media only screen and (max-width: 1280px) { 
 .fixer { max-width: unset; width: unset; }
}

@media only screen and (max-width: 1000px) { 
	#wrap {display:block;padding: 0px;}
	#header-container { padding:0px 10px; }
	h2.titlebig { padding: 0 20px; }
	.posttags { padding: 0 20px; }
	span.featureparagraph { padding: 0 20px;  }
	.entry-section .post { padding: 0 20px; }

.smallarrow {
    fill: #000;
    width: 15px;
    height: 10px;
    display: inline-block;
    margin: 0;
}
.feature { padding:0!important; }

a.dateblack {
    padding: 0px 25px 2px 9px;
    background: transparent url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/datebackblack.png) no-repeat scroll 100% 0%;
}
a.date-home {
    padding: 0px 25px 2px 9px;
}


.sidebar-section {
    width: 100%;
    height:unset;
    padding: unset;
    border-left: unset;
    float: unset;
    margin-top: 50px;
    display: block;
    
}
.entry-section, .single-section {
    width: 100%;
    padding: 0;
    float: none;
    position: relative;
}
.single-section { margin-top: 70px; }
.entry-section {margin-top: 50px;order: 2;}


.posttagssingle { padding:0!important; }
.single-section h1 {
    font-size: 1.8em;
    margin: 0px 0px 30px 0px;
}
.meta,
.single-section h1, .single-section-vids h1,
.single-section p, .single-section-vids p,
.single-section h4, .single-section-vids h4,
.single-section #comments, .single-section-vids #comments { padding: 0 10px; 

}

}


@media only screen and (max-width: 900px) { 
#navigation{
float: right;
    font-weight: bold;
    margin-top: 16px;
    font-size:90%;
    /* position: relative; */
    /* top: calc( 50% - 10px ); */
    /* height: 20px; */
    /* margin-right: 50px; */
        }
input#s {
    height: 20px;
    width: 150px;
    top: 12.5px;
    position: relative;
    padding: 0px;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #f8f8f8;
    background-color: transparent;
    float: right;
    color: #f8f8f8;
}
}

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



.single-section-vids {
    width: 100%;
    padding: 0;
    float: none;
    position: relative;
}
.single-section-vids { margin: 20px 0 100px 0;padding: 50px 0; }


/* VIDEOS */

.videoback { background-color:black; }
.single-section-vids h1 { color:#ccc; }
.single-section-vids p { color:#ccc; }
.single-section-vids img { width:100%; }
.single-section-vids p a { color:#e00;  }
.single-section-vids p a:hover { color:#fff;  }

.facetwp-page.active {
	color: #f00;
    cursor: default;
}
.video-section a {
    color: #e00;
}
.facetwp-page {
    padding: 0px 2px!important;
    margin-right: 3px!important;
    cursor: pointer;
}

.single-section-vids { width: 100%; }

.single-section-vids .reply a, .single-section-vids #cancelreply a {
    color: #ccc!important;
}

.single-section-vids .logged-in-as a { color:#ccc!important; }
.single-section-vids .logged-in-as a:hover { color:#fff!important; }
.single-section-vids textarea#comment, .single-section-vids input#author {
    background: #333;
    color:#ccc;
    border:0;
}
.single-section-vids input#submit {
    border: 1px solid #ccc;
    background-color: #000;
    color: #e00;
    /* margin-top: 20px; */
    height: 35px;
    width: 250px;
    /* float: right; */
    font-weight: bold;
}
.single-section-vids input#submit:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #e00;
}

.video-section {
    position: fixed;
    /* padding: 10px; */
    /* margin: 50px 0 0 0; */
    right: 0px;
    bottom: 0px;
    top:unset;
    width: 100%;
    overflow: scroll;
    background: #000;
    /* height: calc( 100% - 70px ); */
    height: 180px;
    font-size: 70%;
    line-height: 1.1em;
    font-weight: 600;
    /* z-index: 99999999; */
    text-align: center;
}

.video-section img { width:100%; /* margin: 5px 10px; */ }

.video-section a, .comment-meta a { color:#e00; }
.video-section a:hover, .comment-meta a:hover { color:#fff; }
.video-section h3 {
    margin: 3px 0 0 0;
    padding: 0;
    font-size: 1em;
    font-weight: 100;
}


/* .video-section p { color:#ccc; margin:5px 0; } */
.videobrowserthumb { 
	color: #ccc;
    margin: 20px 4px;
    width: 100%;
    height: auto;
    text-align: left;
    /* display: block; */
    padding: 0;
    /* font-size: 70%; */
    line-height: 1em;
    font-weight: 700;
    /* box-sizing: border-box; */
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
}
.video-section { height:160px; }


.videofixer { max-width: 1200px;
    margin: 0 auto;
    display: flex; }


.facetwp-template { order:1;
}

.facetwp-pager {
    order: 1;
    font-size: 1.2em;
    text-align: right;
    margin: 0 0 20px 0;
    width:100%;
    padding-right:0;
}





 #searchsubmit {
    background: none;
    border: none;
    margin: 0px 20px 0px 10px;
    padding: 0;
    height: 50px;
    width: 20px;
    float: right;
    position: relative;
}

#wrap{ display:flex; flex-flow: column; }
.sidebar-section { order:1;    margin: 0;
    padding: 0; background:black; }
    .entry-section { margin: 0 0 0 0;}
img.ncshirts {
margin:0 0 0 10px;
width:90%;  
animation: /* rainbowshirts 5s linear infinite; */
filter: brightness(100%) contrast(200%) invert(100%);
    -webkit-filter: brightness(100%) contrast(200%) invert(100%);
}
div.sidebardiv {
    margin-bottom:0;
}
div.sidebardiv_center {text-align:left;}

.twitterdiv { display:none; }


.fixer {    display: flex; }
.supportdiv {order:1;}    
.shirtdiv { order:2; }

.single-section, .entry-section, .podcast-list, .single-section-pods { order:2; }
.single-section, .podcast-list { margin-top: 20px; }
.podcast-section .podpost, .podcast-list .podpost {
    padding: 0 20px;
}

.podcast-list { width:100%; }
.podcast-list h1 { margin: 0 0 20px 0; padding: 0 20px; }

.single-section {
    margin-top: 20px;
    order: 2;
}    

.newsletterdiv, .submitdiv, .spotifydiv { display:none; }

.sidebar-section h4 {
margin: 10px 7px 0px -2px;
    font-size: 1em;
    color: #ee0000;
}

.shirtdiv {         width: 50%; height:145px;
    margin: 60px 0px 0px 0px;
    background-size: 85%;
    background-position: 75% top;
    background-image: url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/shirtbanner_black.gif);
    background-repeat: no-repeat; }
.supportdiv { float: right;
    width: 50%;
    margin: 60px 10px 0 10px;
}
.sidebardiv .smallarrow {
    fill: #fff;
    width: 15px;
    height: 10px;
    display: inline-block;
    margin: 0;
}
img.theproducers_black {
display:none;
width: 80%;
}
img.theproducers_white {
display:block;
width: 80%;
}
.co2uhr { display:none; }
p.supportlink { margin:5px -4px 15px 0; }
.supportlink_patreon {
    background-image: url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/patreonsmallwhite.png);
    width: 80px;
    height: 17px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 10px 10px 0px;
    margin-top: 13px;
    vertical-align: -webkit-baseline-middle;
}
.supportlink_steady {
    background-image: url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/steadysmallwhite.png);
    width: 50px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 0px 0px 0px;
    vertical-align: -webkit-baseline-middle;
}
.supportlink_paypal {
    background-image: url(https://nerdcore.de/wp-content/themes/NC-2018_v3/images/paypalsmallwhite.png);
    width: 70px;
    height: 19px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 0px 0px 10px;
    vertical-align: -webkit-baseline-middle;
}






}

@media only screen and (max-width: 730px) { 
.menusvg {
    display: inline-block;
}
.twfb { display: none; }

.shirtdiv { height:130px; 

}
}

@media only screen and (max-width: 700px) { 
#wrap #logo {
    width: 120px;
    height: 30px;
    float: left;
    margin-top: 10px;
    /* position: relative; */
    /* left: 50px; */
}
h2.titlebig {
    margin: 5px 0px 0px 0px;
    letter-spacing: 0;
    font-size: 1.3em;
}
#searchsubmit {
    background: none;
    border: none;
    margin: 0px 5px 0px 10px;
    padding: 0;
    height: 50px;
    width: 20px;
    float: right;
    position: relative;
}

}


 
@media only screen and (max-width: 620px) { 
.shirtdiv { height:115px; }
#navigation a {
    color: #f8f8f8;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
}
input#s {
    width: 80px;
}
}

@media only screen and (max-width: 480px) { 
.shirtdiv { height:100px; }
.supportlink_patreon {
    width: 60px;
    margin: 0px 5px 0px 0px;
}
.supportlink_steady {
    width: 40px;
    margin: 0px 0px 0px 0px;
}
.supportlink_paypal {
    width: 60px;
    margin: 0px 0px 0px 5px;
}
.vidnum6,.vidnum7,.vidnum8,.vidnum9,.vidnum10 { display:none; 

}


}
@media only screen and (max-width: 440px) {
h2.titlesmaller, h2.titlenews, .video, .text, .paper {
    font-size: 1em;
    margin: 0 0 10px 0;
}

.single-section  {
	width: 100%;
}
.shirtdiv { height:90px; }
.single-section h1, .single-section-vids h1 {
    font-size: 1.5em;
    margin: 0px 0px 30px 0px;
}


a.date-home {
    padding: 0px 25px 2px 20px;
}
a:hover.dateblack { color:#fff; }
	span.featureparagraph { display:none; }
	.posttags { display:none; }
	.post p { display:none; }
	.paragraph { display:none; }
	.paragraph_small { display:none; }
	.newspost { display:none; }
	.linkexcerpt { display:none; }

#header-container {
    padding: 0px 10px;
}

h2.titlesmall {
    margin: 10px 0 10px 0;
}
#wrap #logo {
    width: 100px;
    height: 30px;
    float: left;
    margin-top: 10px;
    /* position: relative; */
    /* left: 50px; */
}


.supportdiv { width:60%;}
.shirtdiv {width:40%}
img.ncshirts { width:95%; }
.sidebar-section h4 {
    font-size: 0.9em;
}


}

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

#navigation a {
    color: #f8f8f8;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-right: 0px;
}
input#s {
height: 15px;
    width: 60px;
    top: 16px;
    position: relative;
    padding: 0px;
    border: 0;
    outline: 0;
    border-bottom: 1px solid #f8f8f8;
    background-color: transparent;
    float: right;
    color: #f8f8f8;
}

#wrap #logo {
    width: 70px;
    height: 30px;
    float: left;
    margin-top: 10px;
    /* position: relative; */
    /* left: 50px; */
}

}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone{margin: 0;}
.alignright{float:right;margin:5px 0 10px 20px; width:30%;}
.alignleft{float:left;margin:5px 20px 10px 0; width:30%;}
.aligncenter{display:block;margin:5px auto 5px auto; width:30%;}

/* Video */
/* ------------------------------------------------------------ */
.wp-video {
    width: 100%!important;
}


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}



/*RUMBLE*/

@keyframes colorrotation {
    from, to { color: hsl(324, 70%, 45%); }
    10%      { color: hsl(360, 65%, 45%); }
    20%      { color: hsl( 36, 80%, 45%); }
    30%      { color: hsl( 72, 75%, 35%); }
    40%      { color: hsl(108, 65%, 35%); }
    50%      { color: hsl(144, 75%, 35%); }
    60%      { color: hsl(180, 75%, 35%); }
    70%      { color: hsl(216, 60%, 45%); }
    80%      { color: hsl(252, 65%, 50%); }
    90%      { color: hsl(288, 60%, 40%); }
}

@keyframes rainbowshirts {
  from {
    -webkit-filter:hue-rotate(10deg);
            filter:hue-rotate(10deg);
  }
  to {
    -webkit-filter:hue-rotate(360deg);
            filter:hue-rotate(360deg);
  }
}

.colorrotation {
    color: hsl(324, 70%, 45%);
    animation: colorrotation 100s infinite;
}