/*
Theme Name: Edge Child
Theme URI: https://themefreesia.com/themes/edge
Author: Theme Freesia
Author URI: https://themefreesia.com
Template: edge
Description: Edge is a Responsive Blogger WordPress Theme, Designed and Developed by Theme Freesia. Edge is Simple, clean, blog-focused, and designed for clarity. It is also translation ready and easily customizable with lots of options using Customizer. It consists contact us template, gallery template, widgets and sidebar. Get free support at https://tickets.themefreesia.com/ and View demo site at http://demo.themefreesia.com/edge.
Version: 1.0
Text Domain: edge-child
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.social-links a[href*="youtube.com"]:hover {
  background-color: #FF0000;
  color: #FFF;
}

.text-center {
  text-align: center;
}

.frontpage-section article {
  width: 33.33%;
  float: left;
  padding: 15px;
}


.landscape-articles {
  height: 616px;
}

.landscape-articles article {
  position: relative;
  height: 100%;
}

.landscape-articles article .entry-title {
  padding-top: 15px;
  padding-bottom: 15px;
}

.landscape-articles article footer {
  border: 0;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.landscape-articles .post-featured-image {
  margin-bottom: 15px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 150px;
}

.landscape-articles .image-placeholder {
  height: 200px;
}

@media only screen and (max-width: 1023px) {
  .frontpage-section article {
    display: none;
  }

  .frontpage-section article:first-child {
    display: block;
    width: 100%;
    float: none;
    padding: 0;
    padding-bottom: 60px;
  }

  .landscape-articles .post-featured-image {
    height: 200px;
  }

  .landscape-articles {
    height: auto;
  }
}

.page-template-landing-template .page-header {
  display: none;
}

.page-template-landing-template #content {
  padding-top: 0;
}

.page-template-landing-template #content > .container {
  width: 100%;
  max-width: 100%;
}

.section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section > h2, .section > h1 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 15px;
}

.titles > h1, .titles > h2, .titles > h3, .titles > h4 {
  text-align: center;
}

.titles > h3 {
  font-size: 20px;
}

.titles > h4 {
  text-transform: uppercase;
  font-size: 14px;
  padding: 0;
  margin: 0;
}

.titles > h1 {
  font-weight: bold;
  padding-bottom: 0;
  font-size: 30px;
  margin-bottom: 5px;
}

.section-gray {
  background: #f8f8f8;
}

/******************
 * START GAME RECAP
 ******************/
.column-container {
  width: 100%;
  margin: 0 -15px;
  box-sizing: border-box;
}

.column-half {
  width: 50%;
  float:left;
  padding: 15px 15px;
  box-sizing: border-box;
}

@media(max-width: 768px) {
  .column-half {
    width: 100%;
  }
}

.column-third {
  width: 33.33%;
  float:left;
  padding: 0 15px;
  box-sizing: border-box;
}

@media(max-width: 768px) {
  .column-third {
    width: 100%;
  }
}

.game {
  position: relative;
}
.game img {
  width: 100%;
  background-color: transparent;
}

.game .description-container {
  color: white;
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
  position: absolute;
  left: 0px;
  bottom: 0;
  overflow: hidden;
}

.game .description-container .description {
  position: relative;
  padding: 15px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  opacity: 0;
  height: 100%;
  bottom: -50%;
  transition: all 0.3s;
  font-size: 16px;
}

.game:hover .description-container .description {
  opacity: 1;
  bottom: 0;
}


/* CUSTOM CSS MOVED BY SETTINGS */
#parallax-bg {
  background-repeat: no-repeat;
  background-color: #EAEAEA;
}

/**********
 * GLOBALS
 **********/

body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Helvetica Neue', 'Lato', Arial, sans-serif;
}

/*********
 * SLIDER
 *********/
.slider-content {
  text-align: left;
  font-weight: bold;
}
.slider-text {
  max-width: 500px;
}
.slider-text h3 {
  padding: 0;
}
.slider-text h3:after {
  content: '...';
  position: relative;
  left: -2px;
}
.slider-buttons a {
  margin: 0;
}
.slider-content .slider-text h3 {
  font-weight: 400;
}
.slider-prev i, .slider-next i {
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
color: black;
}
.slider-buttons, .slider-title, .slider-text {
  clear: both;
  float: left;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
  padding: 10px;
}

/*********
 * VIDEO
 *********/
.video-size-limiter {
  max-width: 640px;
  margin: 0 auto;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

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

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
  max-width: 100%;
}

#primary a {
  text-decoration: underline;
}

/* Article format enhancements */
article h3, article h2, article h1 {
  padding-top: 30px;
  font-weight: 500;
}

/* Graphics fixes */

.menu-item > a > img {
  padding-top: 7px;
}

.menu-item .lang-item img {
  padding-top: 4px;
}

.search-field {
  -webkit-appearance: none;
}

.post-featured-image {
  height: 200px;
  overflow: hidden;
  position: relative;
}
.post-featured-image img {
  position: absolute;
  left:0;
  top: 0;
}

/* Main menu enhancements */

.main-navigation .pll-parent-menu-item ul.sub-menu {
  width: auto;
}

.main-navigation .pll-parent-menu-item ul.sub-menu li {
  width: auto;
}

/* Fonts setup */

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading p,
.wf-loading li {
  opacity: 0;
}

.ie.wf-loading h1,
.ie.wf-loading h2,
.ie.wf-loading h3,
.ie.wf-loading p,
.ie.wf-loading li {
  visibility: hidden; /* Old IE */
}


.full-width-featured {
	text-align: center;
	height: 400px;
	width: 100vw;
	transform: translate(-50vw);
	margin-left: 50%;
	background-size: cover;
	position: relative;
	margin-bottom: 3rem;
	background-position: center center;
}

.full-width-featured > div {
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}

.full-width-featured h1 {
	background: rgba(255, 255, 255, 0.8);
	display: inline-block;
	padding: 1rem;
	font-weight: bold;
	font-size: 4rem;
	margin-bottom: 2rem;
	color: black;
	line-height: 100%;
	margin-bottom: 2rem;
}

@media only screen and (max-width: 768px) {
	.full-width-featured {
		height: 600px;
	}
}

@media only screen and (min-width: 1280px) {
	.full-width-featured {
		height: 600px;
	}
}

.store-links img {
	padding: 3px;
	height: 70px;
	vertical-align: middle;
	transition: transform 200ms;
}

.store-links img:hover {
	transform: scale(1.05);
}

@media only screen and (max-width: 768px) {
	.store-links img {
		height: auto;
		max-width: 200px;
		width: 100%;
	}
}