/*
Theme Name: Esotera-child
Theme URI: http://www.cryoutcreations.eu/wordpress-themes/esotera
Description: Esotera Child (Orangepixel modified)
Author: Orangepixel
Author URI: http://www.orangepixel.net
Template: esotera
Version: 2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, flexible-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, photography, portfolio
Text Domain: esotera-child
*/

@import url("../esotera/style.css");

.store-buttons {
	background-color:black;
	border-radius:10px;
	padding:20px;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	margin-right:20px;
	margin-bottom:20px;
	font-weight: bold;
	color: white;
	/*width:120px;*/
}

.store-buttons img {
	width:95%;
	height:95%;
}

.storebuttonswhite {
	background-color:white;
	border-radius:10px;
	padding:20px;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	margin-right:20px;
	margin-bottom:20px;
	font-weight: bold;
	color: black;
}

.lp-block {
    position: relative;
    float: left;
    display: block;
    overflow: hidden;
    border-right: 0px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 0%;
    background: transparent;
}

#container:not(.esotera-landing-page) .main {
    position: relative;
    z-index: 9;
    padding-top: 2em;
    padding-bottom: 4em;
    padding-left: 4em;
    padding-right: 4em;
    border-radius: 4px;
}

#container:not(.esotera-landing-page) .main {
    position: relative;
    z-index: 9;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 4px;
}

.sidey {
    position: relative;
    display: block;
    float: left;
    padding-top: 2em;
}

/* make textareas on landing page full width */
.lp-text-card {
	max-width: 100%;
}

/* fonrtpage featured IP boxes */
.containerip {
  position: relative;
  width:33%;
  float: left; 
  padding-right: 10px;
}

.containerip img {
  width: 100%;
  height: 100%;
}

.containerip a {
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: white;
  color: black;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  text-decoration: none;
}

.containerip a:hover {
  background-color: rgba(255,255,255,0.5);
	text-decoration: none;
}

.containerip strong {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
 	color:white;
	font-size:18px;
}

.post-thumbnail-container .featured-image-overlay::before {
   background: none!important;
	background: none!important;
}

/* boxes shown on game page with two latest recent updates */
.recentupdates {
	float:left;
	width:50%;
	padding:10px;
}


.recentupdates img {
	width: 100%;
	opacity: 1.0;
}
.recentupdates img:hover {
 	opacity: 0.2;
}

.recentupdates .entry-title {
	font-size: 85%;
}

.recentupdatesmall {
	height: 110px;
}
.recentupdatesmall img {
	float:left;
	padding: 0px 10px 0px 10px;
}

.frontpostsmain {
	width:100%;
	padding:25px 10px;
}
.frontpostsmaininfo {
	float:left; 
	width:33%; 
	padding:0px;
}
.frontpostsmain img {
	width:66%;
	opacity: 1.0;
	float:left;
	padding-right:10px;
}
@media (max-width: 800px) {
	.frontpostsmain img {
		width:100%;
		opacity: 1.0;
		float:left;
		padding-right:10px;
	}
	.frontpostsmaininfo {
		width : 100%;
	}
}

.frontpostssmall {
	width:33%;
	padding:10px;
	float:left;
}
.frontpostssmall img {
	width:100%;
	opacity:1.0;
	margin-bottom:10px;
}
.frontpostsmall a {
	color: black;
}

.authorinfo {
	margin-top:25px;
	display:inline-block;
	width:100%;
}

.authorinfo img {
	float:left;
	padding: 10px;
	width:48px;
}

.authorinfo span {
	margin:0px;
	line-height:1.3;
	display: block;
}

.frontpostssmallest {
	width: 25%;
	padding: 10px;
	float:left;
}
.frontpostssmallest img {
	width:100%;
	margin-bottom:10px;
}
.frontpostssmallest .entry-title {
	font-size: 85%;
}

@media (max-width: 800px) {
	.frontpostssmall {
		width:100%;
		padding:10px;
	}
	.frontpostsmall img {
		width:50%;
		float:left;
	}
	.frontpostsmall .entry-title {
		width:50%;
		float:left;
	}
	
	.frontpostssmallest {
		width:100%;
	}
}

#lp-page {
	padding:0px;
}

.esotera-landing-page .lp-blocks-inside, .esotera-landing-page .lp-boxes-inside, .esotera-landing-page .lp-text-inside, .esotera-landing-page .lp-posts-inside, .esotera-landing-page .lp-page-inside, .esotera-landing-page .lp-section-header, .esotera-landing-page .content-widget {
	max-width: none !important;
	width:95% !important;
}

.main .article-inner > header {
	margin-bottom: 0em;
}

/* less space between the slider and the frontpage blocks */
.lp-blocks-inside {
	padding-top: 0px;
}

/* I prefer things to be more wide/fullscreen then the theme provided */
/*body #content #container {
	max-width: none;
	width: 100%;
}*/

.lp-dynamic-slider {
	background-color:black;
}

/* hide betterdocs social share buttons */
.betterdocs-social-share {
    display: none;
}
.betterdocs-article-reactions {
	display:none;
}

.cryout #nav-toggle {
    color: white;
}
