/*
Theme Name:         Spielesnacks.de
Theme URI:          https://github.com/olefredrik/foundationpress.git
Description:        FoundationPress is a WordPress starter theme based on Foundation 5 by Zurb
Version:            1.0.0
Author:             Christian Schulze
Author URI:         http://www.denhartenweg.de/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

html, html a {-webkit-font-smoothing: antialiased !important;}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight:normal;
  background:#c0c0c0;
  margin-top:20px;}

body.home .block-grid.two-up {margin: 0 -6px;}

.alignleft {float:left; margin: 0 2em .4em 0;}
.alignright {float:right; margin: 0 0 .4em 2em;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}

#content {background:#fff; padding-top: 25px;}
body.home #content {padding-top: 0px !important;}

.imglink {display: block; float: left; margin: 0 18px 0 0px;}

#spalte-eins, #spalte-zwei {border-right: 1px solid #c9c9c9;}
#spalte-eins, #spalte-zwei, #spalte-drei {padding-top: 10px;}
#spalte-eins {margin-left: 1px;}

#spalte-zwei, #spalte-drei {border-left: 1px solid #c9c9c9; margin-left:-2px;}

#spalte-eins article:first-child, #spalte-zwei article:first-child {border-top: 1px solid #dcdcdc;}

#spalte-drei > .row > aside:first-child {padding:0;}
#spalte-drei > .row > aside:first-child > div {padding:0 1rem;}
#spalte-drei > .row > aside:first-child h4 {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 12px;
	padding-left: 10px;
	margin-bottom: 28px;}

#spalte-eins .imglink {min-height: 270px;}
#spalte-eins article.small-12 {float: none; min-height: 280px; border-bottom: 1px solid #dcdcdc;}

h1, h2, h3, h4, h5, h6, .top-bar li a {font-weight:bold !important;}

.recentcomments {margin-bottom: 16px;}

#spalte-eins > h2:first-child, #spalte-zwei > h2:first-child,
#spalte-drei > .row > aside:first-child h4, #spalte-onlinespiele h2, #spalte-features h2 {
	position:static;
	line-height: 1.4;
	margin-top: 0px;
	font-size: 24px;}
	
#spalte-eins h2 {top: -8px; position: relative;}

#spalte-eins article.small-12:first-child,
#spalte-zwei article.small-12:first-child  {margin-top: 0px;}

#spalte-eins article.small-12:first-child header,
#spalte-zwei article.small-12:first-child header {margin-top: 30px;}

#spalte-zwei article.small-12, #spalte-eins article.small-12 {
border-bottom: 1px solid #dcdcdc;
margin-top: 2rem;
padding-bottom: 1.6rem;}

#spalte-zwei h2 {font-size: 18px; line-height: 1.3; margin-top: 0px;}
#spalte-zwei img {margin-bottom: 0px; height: 100px; width: 100px;}

#spalte-zwei article p, #spalte-zwei article a.read-more {font-size: 15px; line-height: 1.5;}

#spalte-drei aside{margin-bottom: 60px; padding: 0;}
body.home #spalte-drei aside{margin-bottom: 60px; padding: 0 1rem;}
#spalte-drei .widget{list-style-type:none; font-weight:normal;}
#spalte-drei .widget ul{list-style-type:none; font-weight:700; margin-left:0;}

.wpp-list li {margin-bottom: 20px;}

.wpp-thumbnail {width: 70px;}

article p a:hover, a.read-more:hover  {color: #cb6600; border-bottom: 1px solid #cb6600;}

/* NAVIGATION */
#darkness {
    background:rgba(0, 0, 0, 0.5);
    display:none;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:5;}

#lastrow {background-color: #a6a6a6; border-radius: 0 0 5px 5px;margin-bottom:60px;}
.footer-bar {height: 45px;}
nav.footer-bar {text-align:right;}
section.footer-bar-section {display: inline-block;}

#firstrow {background-color: #ff8001; }
#firstrow > div.columns {padding-left:0 !important;}

#logo a img {margin-top: 12px; margin-bottom: 6px;}

#secondrow {background:#fff; padding-bottom: 10px;border-radius: 5px 5px 0 0;}
#info {margin-top:60px;}

#search {float:right;height: 60px;padding: 20px 0 0;}
#search input.suchfeld {font-size:1em;padding:0.4em;width:230px;float:left; border-radius: 5px 0 0 5px;}

/* Suchinput + Update Input */
#search input.suchfeld,#update input.suchfeld {
background:#fafafa;
border:1px solid #ccc;
color:#333;}

#search input.suchfeld:hover, #search input.suchfeld:focus, #update input.suchfeld:hover, #update input.suchfeld:focus{
border-color:#aaa;
background:#fff;}

#search button, #submit {
	background-color:#FF8001;
	padding: 0.7rem 1.75rem;
	border-radius: 0 5px 5px 0px;
	border:1px solid #d76c00;
	height: 2.3125rem;}

#search button:hover, #submit:hover {
	background-color: #d76c00;
	border:1px solid #9c4f01;}

#submit {border-radius: 5px;}

#wallpaper-link {
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 0;}

#site {
  margin: 0 auto;
  width: 1030px;
  z-index:2;
  background-color:#FFFFFF;}

.top-bar-container, .tab-bar {margin-bottom: 0;}
.top-bar-container, .tab-bar {margin-bottom: 2rem;}

.container > .row {background:#fff;}

.row {max-width: 75rem;}

h1, h2, h3, h4, h5, h6 { font-family: 'PT Sans', sans-serif; }

figure, figcaption {display:block; margin: 0; max-width:100%;}

a {color: #ff8000;text-decoration: none;}
a:hover {color: #cb6600;}

article p a:hover {color: #cb6600; border-bottom:1px solid #cb6600;}
article p a {color: #ff8000; text-decoration: none; line-height: inherit;}

a:hover h2.entry-title {color:#ff8000;}

#dc_jqaccordion_widget-2-item ul a:hover {color: #00802b !important; }

.byline {font-size: 15px; color: #999;}

h1 {font-size:2rem; line-height:1.2; padding: 0 0 4px;}

h1#slogan {
	font-size: 24px;
	font-weight: bold;
	border-bottom: none;
	margin: 35px 0 25px 0;}

h2 {font-size:22px; padding: 0 0 4px;}

body.single .entry-content h2, body.single .entry-content h3 {margin: 1.6rem 0 0.8rem 0;}
body.single .entry-content h2{font-size:24px;}

.entry-content .yarpp-related {margin: 3rem 0 !important;}

.wp-caption-text {
	text-align: left;
	margin-bottom: 2rem;
	font-size: 0.9em;
	line-height: 1.6;
	padding: 6px 20px;
	background: #707171;
	color: #fff;}

.wp-caption-text {
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;}

figure.alignnone figcaption.wp-caption-text {margin-bottom:1.8rem;}

article .entry-content img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom:.8em;}

article .entry-content figure img {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
margin-bottom:20px;}

.wp-block-embed.is-provider-youtube {
    margin-bottom: 15px;
}

article.post li {margin-bottom: 1rem; margin-left: 2rem;}

article {font-size:16px; line-height: 1.7em;}

aside h4 {font-size:17px; font-weight:bold;}
	
#site-title { font-weight: 600; }

article img.right {padding-left:20px; padding-bottom:20px;}
article img.left {padding-right:20px; padding-bottom:20px;}

.pagination-centered {margin: 3rem 0 3rem 0;}
ul.pagination li a {border: 1px solid #ddd; padding: 0.5rem 1rem 0.5rem;font-family: 'PT Sans';font-size: 1rem;}
ul.pagination li a:hover {border: 1px solid #c6c6c6; color: #333;}
ul.pagination li.current a {background: #FF8001;}
ul.pagination li.current a:hover, ul.pagination li.current a:focus {background: #d76c00; color:#fff;}

footer.row {
	background-color: #f9f9f9;
	border-top: 1px solid #ddd;
	padding-top: 2rem;
	padding-bottom: 3rem;}

footer.row h6 {
	color: #444;
	font-size:1.2rem;
	margin-bottom: 2rem;}

/* Archiv Seite Tags / Kategorie / Autor */
header.page-header {margin: 8px 0 38px;}

header.tag-header {margin: 8px 0 0; background:#ececec; border-bottom:none;}

.archive .imglink, .search .imglink {margin: 0 18px 12px 0px;}
.archive .boxed, .search .boxed {margin-top: -9px;}
.archive .pagination-centered, .search .pagination-centered {margin: 0 0 3rem 0; text-align: left;}

#comments {margin-top: 50px;}

ol.commentlist { margin-left: 0; }
.commentlist li { list-style: none; }
li.comment article { margin: 30px 0; background: #fcfcfc; border-radius: 5px; padding: 10px 16px; }
#comment { min-height: 120px; }

.entry-content ul, aside ul { margin-left: 17px; }

.author-meta {font-size:18px; padding: 24px 0;}

#spalte-onlinespiele figure {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	height: 180px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ccc;}

#spalte-onlinespiele figure img {
	position: relative;
	display: block;
	min-height: 100%;
	width: 100%;}

#spalte-onlinespiele figure figcaption a {
	padding: 1em;
	color: #fff;
	font-size: 1.3em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family: 'PT sans';
	line-height: 1.5rem;}

figure.effect-sadie figcaption::before, figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;}

figure.effect-sadie figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);}

figure.effect-sadie a.sadie-titel {
	opacity:0;
	position: absolute;
	top: 75%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);}

figure.effect-sadie:hover a.sadie-titel {
	opacity:1;
	color: #fff;
	text-shadow: 1px 1px 2px #333;
	transition: opacity 0.3s linear;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}

a.sadie-link {
	position: absolute;
	top: 70%;
	left: 0;
	width: 100%;
	padding: 1em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family: 'PT sans';
	line-height: 1.5rem;}

#spalte-features, #spalte-mobile-features, #spalte-onlinespiele {
	border-top: 1px solid #ddd;
	padding-top: 30px;
	padding-bottom: 30px;}

#spalte-features, #spalte-mobile-features {
	border-bottom: 1px solid #ddd;
	background: #ececec;}

img.rsMainSlideImage {display:block;}

.rsContent h2 {
	color:#fff;
	font-size:24px;
	margin-bottom:12px;}

.rsSlide, .rsNav, #new-royalslider-1 {background:#444 !important;}

.rsTmb h4 {
	position: absolute;
	top: 8px;
	font-size: 1.2rem;
	color: #fff;
	padding: 0 20px;
	text-shadow: 1px 1px 4px #333;}

/* Folgende Styles bitte noch mobile only machen */

.sectionlink {background: #ececec;}

.sectionlink a.button {
	padding: 8px 22px;
	margin:0;
	background-color:#FF8001;
	border-radius: 5px;
	border:1px solid #d76c00;
	font-weight:bold;
	font-size:1rem;}
	
.sectionlink a.button:hover {background-color: #d76c00; border:1px solid #9c4f01;}

.entry-content > .yarpp-related > h3 {text-transform:none !important; font-size: 24px !important; margin: 1.6rem 0 0.8rem 0 !important;}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {position:relative;width: auto !important; height:auto !important; min-height: 280px; padding-bottom: 5px; transition: 0.1s ease-in-out; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; top: 0; font-size: 90% !important; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail:hover {top: 4px; border: 1px solid rgba(127,127,127,0.3);}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {overflow:visible !important;}

.teas-s-img {padding:0 6px 0 .93rem;}
.teas-s-txt {padding: 0 .93rem 0 0; margin-top: -4px;}
.teas-l-txt {padding-left: 0;}

#spalte-zwei article header, #spalte-eins article header {margin-bottom:1rem;}

.archive article.small-12, .search article.small-12, .page-id-20805 article.small-12 {border-bottom: 1px solid #dcdcdc; margin-top: 2rem; padding-bottom: 1.6rem;}
.archive article header, .search article header, .page-id-20805 article header {margin-bottom:1.6rem;}
.archive .teas-s-txt, .search .teas-s-txt, .page-id-20805 .teas-l-txt {margin-top: -8px;}

#post-nav {padding: 2rem 0 3rem 0;}
#post-nav article:first-child {float:left;}
#post-nav article:last-child {float:right;}
#post-nav article {display:inline-block;}
#post-nav article a {font-weight:bold;}

.tippy_header, .tippy_body {width: 100% !important;}

.nur-xlarge {display:none;}

#spalte-eins img, #spalte-zwei img, .archive article img {border: 1px solid #ccc;}

div.simplesocialbuttons {margin-top: 50px !important;}

/* MEDIA QUERYS */

 /* max-width 640px, mobile-only styles */
@media only screen and (max-width: 40em) {

	body {margin-top: 0;}
	.top-bar-container, .tab-bar {margin-bottom: 0;}
	ul.dropdown {border: 0; list-style-type: none;}
	#spalte-eins article.small-12 {min-height: 0;}
	.sectionlink {
	border-bottom: 1px solid #dcdcdc;
	margin-top:0 !important;
	padding-top: 1.8rem;
	padding-bottom: 1.8rem !important;}

	.sectionhead {padding: 25px 0 !important;}
	#spalte-onlinespiele h2 {padding: 0 0 0 0; margin-bottom:0;}
	#spalte-onlinespiele h3 {padding: 0 0 25px 0;}
	#spalte-onlinespiele ul {border-top: 1px solid #dcdcdc; padding: 25px 0.5rem;}
	.gamelink{
	font-weight: bold;
	margin: 5px 0 25px;
	display: inline-block;
	font-size: 0.9rem;}

	.rsUni.rsHor .rsArrowLeft {left: -18px !important;}
	.rsUni.rsHor .rsArrowRight {right: -18px !important;}

	#spalte-eins article.small-12, #spalte-zwei article.small-12 {margin-top: 1.6rem; padding-bottom: 1.4rem;}
	#spalte-zwei article header, .archive article header {margin-bottom: .5rem;}
	#spalte-eins article header {margin-bottom: .6rem;}
	#spalte-eins article p,
	#spalte-zwei article p,
	#spalte-zwei article a.read-more,
	.archive article p,
	.archive article a.read-more,
	.page-id-20805 p,
	.search p,
	.page-id-20805 a.read-more,
	.search a.read-more {margin-bottom: .4rem;}
	.archive article.small-12,
	.search article.small-12,
	.page-id-20805 article.small-12  {margin-top: 1.6rem; padding-bottom: 1.4rem; border-bottom: 1px solid #dcdcdc;}
	.archive h2, .search h2, .page-id-20805 h2 {font-size:18px; line-height:1.3;}
	#spalte-eins h2 {font-size:18px; line-height:1.3; margin:0; padding:0; position:static; }
	#spalte-eins article p, #spalte-eins article a, .archive p, .page-id-20805 p {font-size:15px; line-height:1.5;}
	.archive article header {margin-bottom: .5rem !important;}
	#spalte-onlinespiele {padding-bottom:0;}

	.teas-l-img {margin-bottom:.8rem;}
	.teas-l-txt {padding-left:0.9375rem;}

	footer.row {background:#fff; padding:0; margin: 0; border-top:none;}

	#lastrow {margin:0;}
	.footer-bar {height:auto; text-align:left !important;}
	.footer-bar a {padding-left:0 !important;}
	.top-bar-section .divider:first-child {display:none;}
	.top-bar-section .divider, .top-bar-section [role="separator"] {border-top: solid 1px #cdcdcd;}
	.top-bar-section li a:hover, .top-bar-section li.active a:hover {
	background: #9e9e9e !important;}
	
	.social_share_privacy {min-height: 9rem;}
	.social_share_privacy ul li {float:none; margin-bottom: 1.8rem !important;}

	#spalte-zwei img {margin-bottom: 0px;height:100%; max-height: 115px;width: 100%;}

	.rsOverflow {height:280px !important;}

	#spalte-mobile-features .rsSlide, #spalte-mobile-features .rsUni, #spalte-mobile-features .rsOverflow, #spalte-mobile-features .rsNav{
		background:none !important;}

	#spalte-mobile-features .rsUni .rsThumb img {
	opacity: 0.9 !important;
	filter: alpha(opacity=90) !important;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);}

	#spalte-mobile-features .rsUni .rsThumb.rsNavSelected img {
	opacity: 0.9 !important;
	filter: alpha(opacity=90) !important;
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);}

	#spalte-mobile-features .rsImg {margin-top: 0 !important;}
	#spalte-mobile-features .rsThumb.rsNavSelected .thumbIco {border:none !important;}
	#spalte-mobile-features .rsContent h2 {color: #ff8000;font-size: 16px;}
	
	.yarpp-thumbnails-horizontal .yarpp-thumbnail {font-size: 80% !important; }
	.yarpp-thumbnails-horizontal .yarpp-thumbnail:last-of-type {display:none;}
}

/*min-width 641px, ab medium screens */
@media only screen and (min-width: 40.063em) {

	#logo a img {margin-left: 10px;}
	
	.rsUni .rsThumb.rsNavSelected {background: #000 !important;}
	.rsUni .rsThumb.rsNavSelected img {opacity: 0.5 !important; filter: alpha(opacity=50) !important;}
	.rsUni .rsThumb img {opacity: 0.9 !important; filter: alpha(opacity=90) !important;-webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);}
	
	.rsContent .small-7 {height:100%; background-size:cover;}
	.sliderexcerpt {padding-top: 1rem; padding-right:4rem; padding-left:1.4rem;}
	
	.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
		font-size:17px;}
	
	ul.dropdown {
	border: 1px solid #d9d9d9;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
	.top-bar-section .dropdown li:not(.has-form) {border-left: solid 3px #CCC;}
	
	/* Dropdown Links */
	.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
	background: #f2f2f2 !important; color: #777;font-family: 'PT Sans';
	font-size: 15px;border: 1px solid #e6e6e6;border-width: 1px 1px 0 0;line-height: 1.3;padding: 8px 20px;}
	
	.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button) {background: #ebebeb !important; color: #333;}
	
	.top-bar, .top-bar-section ul li, .top-bar-section ul li.active>a, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button) {background:none;}
	
	.top-bar-section li a:hover, .top-bar-section li.active a:hover {background: #d76c00 !important;}
	/*.top-bar-section li:nth-child(2) a:not(.button):hover {border-radius: 5px 0 0 0;}*/
	.top-bar-section ul li a {font-family: "PT Sans", Helvetica, sans-serif;}
	.top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"]{border-right:none;}
	.top-bar-section ul li:hover:not(.has-form)>a, .top-bar-section ul li.active:hover:not(.has-form)>a {background:#d76c00;color:#ffffff;}

 }

 /* min-width 641px and max-width 1024px, use when QAing */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

#search input.suchfeld {width: 180px;}

}

/* Large only */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {

	.featured .imglink{width:60%; min-height:220px !important;}
	.featured p {clear:both;}

 }

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {

}


 /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {

	.nur-xlarge {display:block;}
	.nicht-xlarge {display:none;}
	.row, .contain-to-grid .top-bar {max-width: 83rem;}
	
	.xlarge-1 {width:8.33333%;}.xlarge-2 {width:16.66667%;}.xlarge-3 {width:25%;}.xlarge-4 {width:33.33333%;}.xlarge-5 {width:41.66667%;}.xlarge-6 {width:50%;}.xlarge-7 {width:58.33333%;}.xlarge-8 {width:66.66667%;}.xlarge-9 {width:75%;}.xlarge-10 {width:83.33333%;}.xlarge-11 {width:91.66667%;}.xlarge-12 {width:100%;}
	[class*="column"]+[class*="column"]:last-child {float:right;}[class*="column"]+[class*="column"].end {float:left;}
	
	#spalte-zwei {position: relative; left: 50%; right: auto;}
} 

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {

	.row, .contain-to-grid .top-bar {max-width: 95rem;}
 }