/*
Theme Name: Simple Landing Page Theme
Theme URI: 
Author: OCME c/o Ali
Author URI: 
Description: Lightweight WordPress Theme for game landing page
Version: 2.0
Text Domain: gamelanding
*****************************
/**
* #.# RESET
*
* !!--Do not edit--!!
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Lato:400,700|Londrina+Solid');

body{ background: #222323; font-family: Lato, helvetica, sans-serif; }

    a, a:hover { text-decoration: none; }

    .main{width:976px;min-height:500px;margin: 20px auto;background-color: #FFF;/* padding: 20px; */overflow: auto;border-radius:10px;box-shadow: 0 0 20px #212221;}
    
    .main .headline{padding: 2em 2em 0;display: block;height:300px;background: #EEE;}
    .main .headline h1{font-family: 'Londrina Solid', Impact, Helvectica, sans-serif;font-size: 26pt;padding: 10px 0 0;margin-bottom: 5px;}
    .main .headline h2{ margin:0; padding: 0; }
    .main .headline .gamethumb{width:180px;height:180px;float: left;margin-right:20px;object-fit: cover;object-position: center;}
    .main .headline .vid{ float: right; width:400px; height:282px; background-color: #CCC; display: block; margin-left: 20px;}
	.main .headline .ctabtn, .content .ctabtn {width: 100%;padding: 10px 0;float: left;display: block;text-align: center;}
    .main .headline .ctabtn a, .content .ctabtn a {
		min-width: 250px;
		font-family: Oswald, Impact, Helvetica, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		border:2px solid #FFF;
		display:inline-block;
		padding: 10px 35px;
		background-color: green;
		/* border: 2px outset #039c00; */
		left;
		border-radius: 10px;
		color: #FFF;
		text-decoration: none;
		font-size: 27pt;
		text-shadow: 1px 1px 5px #003e00;
		}
     .content .ctabtn { margin: 20px auto; }
	.content .ctabtn a { font-size: 45pt;}
    .main .headline .ctabtn a, .content .ctabtn a{
		transition: all 0.5s ease-in-out;
		background: url(images/ctabg.gif) repeat-x center;
		background-size: auto 100%;
		}

    .main .headline .ctabtn a:hover, .content .ctabtn a:hover{
		/* border:1px solid #000; */
		transition: all 0.5s ease-in-out;
		background: url(images/ctabg2.gif) repeat-x center;
		background-size: auto 100%;
		color:  black;
		text-shadow: 1px 1px 5px white;
		box-shadow: 0px 0px 20px yellow;
		}

    .main .headline p{font-family: Lato, Helvetica, sans-serif;/* min-height: 130px; *//* font-size: 10pt; */line-height: 15pt;}

    .main .carousel{background-color: #eeeeee;display: block;width: 100%;height: 200px;overflow: hidden;position: relative;border-radius:10px;}

    .main .carousel a.leftarrow{ position: absolute;top: calc(50% - 20px);left: 10px;width: 40px;height: 40px;float:left;display:block;background-image:url(images/arrowleft.png);background-size: cover;opacity: 0.7;}
    .main .carousel a.rightarrow{ position: absolute;top: calc(50% - 20px);right: 10px;width: 40px;height: 40px;display:block;background-image:url(images/arrowright.png);background-size: cover;opacity: 0.7;}
    .main .carousel a.leftarrow:hover,
    .main .carousel a.rightarrow:hover {opacity: 1;}
    .main .carousel .carouselslides {
    	margin: 0 40px;
    }.main .carousel .carouselslides a {width:120px;display: block;float: left;font-size: 11pt;text-align: center;margin: 5px 20px;height: 170px;color: #5e6971;transition: all 0.5s ease;padding: 10px 0;border-radius: 10px;text-align: center;text-decoration: none;}
    .main .carousel .carouselslides a:hover {color: black;transition: all 0.5s ease;background-color: #e0e0e0;}
    .main .carousel .carouselslides img{width:120px;height: 120px;object-fit: cover;object-position: center;border-radius: 20px;margin: 5px auto;opacity:0.8;box-shadow: 2px 2px 5px gray;background: gray;}
    .main .carousel .carouselslides a:hover img{ opacity:1;}
    
	.main .featimg img {width: 100%;max-height: 330px;object-fit: cover;object-position: center;}
    
    .main .content{padding: 0 2em;/* margin-top:55px; */}
    .main h1 { font-family: Oswald, Helvetica, sans-serif; }
    .main .content .sidebar{ width:190px; min-height:600px; height: auto; float: right; padding-left: 10px; }
    .main .content p{ line-height:25px; }
    .main .content .featimg{ margin-top:60px; margin-bottom:30px; }

    .main .content .othergames{ font-family: Oswald, Helvetica, sans-serif; background-color:#EEE; padding:20px; }
    .main .content .othergames ul li { list-style-type: none; display: block; width:  100%; margin: 5px auto;}
    .main .content .othergames ul { margin: 0; padding: 0; text-align: center; }
    .main .content .othergames a { color: #3c4246;}
    .main .content .othergames a:hover { color: #000000;}
    .main .content .othergames .menu-item img { display: none; }
    
    .main .content .othergames .title {
    	font-weight: bold;
    	font-size: 14pt;
    	text-align: center;
    	width: 100%;
    	display: block;
    	border-bottom: 1px solid #9c9c9c;
    }
    .cpy, .cpy a { color: #FFF; }