/* 
	@brown: #543902
*/
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
@font-face {
    font-family: 'Lapsus';
    src: url('assets/fonts/lapsuspro-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/lapsuspro-bold-webfont.woff') format('woff'),url('./assets/fonts/lapsuspro-bold-webfont.ttf') format('truetype'),
         url('assets/fonts/lapsuspro-bold-webfont.svg#lapsus_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body, p, a, * {font-family:PT Sans; font-weight:400; text-rendering: optimizeLegibility; background-color:unset;}

.inner {padding:30px 0;}
.centered, .row-fluid [class*="span"].centered {float: none;margin-left: auto;margin-right: auto;}

h1, h2, h3 {font-family:Lapsus; letter-spacing:0.08em;}
h4, h5, h6 {font-weight: 700;}

.brownbg {background: #66490F;}
.greengradient, .eggnav {background:linear-gradient(27deg, #5F9203 20%, #78B904  100%);}
.greengradientkaty {background: linear-gradient(27deg, green 20%, #78B904 100%); }
.greenbg {background: #78b903;}
.lightgreenbg {background:#91c535}

.lightgreentext {color:#CCF842;}
.whitetext {color:white;}
.browntext {color:#66490F;}
.shadowed {text-shadow: 3px 4px 0 rgba(0,0,0,0.50);}


#sitenav {margin-bottom:0px;}
#sitenav .navbar-inner {background:#543902;}
#sitenav .nav.pull-right {top:70px;}
#sitenav .nav > li {padding-bottom:8px;}
#sitenav .nav > li > a {color:#52e1ff; text-shadow: none; font-family:lapsus; font-size:20px; letter-spacing:0.1em; font-weight:300;}
#sitenav .nav > li > a.signin {color:#cef741;}
#sitenav .nav > li:hover > a, #sitenav .nav > li.dropdown.open > a, #sitenav .nav > li:hover > a.signin {color:white;}

#sitenav .dropdown-menu {border-top:none; border-radius:20px; border-top-right-radius: 0px; border-top-left-radius: 0px; border-color:#76684d; box-shadow: 1px 2px 2px 0px #527861; padding-bottom:15px;}
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {left:0; right: auto;}
.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before, .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after {display: none;}
.dropdown-menu > li > a {color:#543902; font-size:16px; font-weight: 700; margin: 8px 0; padding-left: 17px; }
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {background:none;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {background:#543902}

.clouds {background:url(assets/images/clouds.jpg) center center no-repeat; background-size: cover; padding-top:0px;}
.clouds img {margin-top:60px; margin-bottom:-50px; position: relative; z-index:9;}
.clouds img.dinosaur {width:270px; margin-top:60px; margin-bottom:-50px; position: relative; z-index:9;}
.plain .clouds img.dinosaur {opacity: 0;}

.eggnav {position: relative;top: -79%;  width:100%; padding-top:50px;padding-bottom:60px; z-index: 8;}
body.home .eggnav {padding-top:90px;}
body.home .eggnav a { display: inline-block; width:90px; max-width: 11.5%; margin-right: 2.5%; height: auto; line-height: 0;}
body.home .eggnav a:hover {-webkit-animation:wobble 1s; animation:wobble 1s;}
body.home .eggnav a:last-of-type {margin-right:0px;}

.featuredgames [class*="span"], .games [class*="span"] {margin-bottom:25px;}
.featuredgames [class*="span"] img, .games [class*="span"] img {border:2px solid white;}


h1.categorytitle {margin:0; font-size:80px;}
h1.categorytitle span {font-family:Lapsus; position: relative; top:40px;}
h1.categorytitle img {height:300px; width:auto;}
h2.dinotitle {font-size:50px; margin-bottom:50px;}
h2.dinotitle img {height:150px; margin-left:20px; width:auto;}

.span4 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 300px; /* or consistent height */
}


.page-content {background: white; padding:40px; margin-top:-250px;  position: relative; }
.page-content:after {content: ''; position: absolute; top:15px; right:-15px; left: 15px; bottom: -15px; background:  rgba(153,153,153,0.31); mix-blend-mode: multiply; z-index: -1;}
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {color:#553902;}

.page-content h3, .page-content h4, .page-content h5, .page-content h6 {font-family:PT Sans;}
.page-content h3, .page-content h4 {font-weight:700; letter-spacing: 0.02em;}
.page-content p {color:#333; font-size:16px;}
.page-content a {color:#FF471F; font-weight:700;}

.page-content form {margin-top:40px; margin-bottom:40px;}
.page-content label {display: block; color: #553902; font-weight:700; font-size:18px;}
.page-content input {display: block; margin-top:10px; box-shadow: none; border-color: #979797; border-radius: 3px; margin-bottom:25px; padding:8px 20px; font-size:16px; font-family:PT Sans; font-weight:700; color:#333;}
a.button, .button, input[type=button], .redoutline {background:#FF471F; color:white; font-weight:700; font-family: PT Sans; border: 2px solid #FF471F; padding:15px 25px; font-size:18px; border-radius:30px; letter-spacing: 0.06em; transition: all 0.3s ease;}
a.button:hover, .button:hover, input[type=button]:hover, .redoutline:hover {background:white; color:#FF471F;}

footer {background:#66490F}
footer.home {background:#74b304; margin-top:40px;}

footer p, footer a {color:white; letter-spacing:0.06em;}
footer .nav-pills > li {float: none; display: inline-block;}
footer .nav-pills > li > a {font-family:Lapsus; font-size:20px; letter-spacing:0.1em; font-weight:normal;}
footer .nav-pills > li > a:hover, footer a:hover {background: transparent; color:#78b903; text-decoration: none;}
body.home footer .nav-pills > li > a:hover, body.home footer a:hover { color:#543902}
footer p.copyright {margin-top:60px;}

@media screen and (max-width: 1025px) and (min-width: 1020px) { 
	.span4 {width: 30%; }
	.row {margin-left: unset;}
	}

@media screen and (max-width: 770px) and (min-width: 760px) { 
	.span4 {width: 30%; }
	.row {margin-left: unset;}
	}

@media (max-width: 767px) {
body {padding-right: 0px;padding-left: 0px;}
.navbar .btn-navbar {background:transparent; box-shadow: none; border: none; margin-right:0px; padding-right:0px; margin-top:15px;}
.navbar .btn-navbar .icon-bar {width:25px;height:3px;}
.btn-navbar .icon-bar + .icon-bar {margin-top:4px;}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {background: transparent; border: none; outline:none;}
#sitenav .navbar-inner {padding-bottom:10px;}
#sitenav .nav.pull-right {top:auto; margin-top:10px;}
#sitenav .nav > li > a {text-align: center;}
#sitenav .dropdown-menu {box-shadow: none; position: relative; z-index:999}
.dropdown.open a.dropdown-toggle {position: relative; z-index:-1;}
.inner {padding:30px 25px;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {color:white; text-align: center; }
.nav-collapse .dropdown-menu a {padding:0; line-height:28px}

body.home .eggnav a.button:hover {animation:none; -webkit-animation:none;}
body.home .eggnav a.button {width:172px; max-width:100%;color:#FF471F; background: white; font-weight:700; letter-spacing:0.04em; font-family:Lapsus; padding-top:20px; font-size:22px; transition: none;}
body.home .eggnav a.button .caret {border-top-color:#FF471F; border-width:6px; position: relative; top:-2px; right:-6px; transition: all 0.1s ease;}
.dropdownholder {position:relative;}
.dropdownholder.open a.button {border-bottom:none; border-bottom-right-radius: 0px; border-bottom-left-radius:0px; text-decoration: none; }

.dropdownholder.open a.button .caret {transform:rotate(180deg)}
body.home .eggnav .dropdown-menu {left:50%; top:35px; border-top:none; border-top-right-radius: 0px; border-top-left-radius: 0px; transform:translateX(calc(-50%)); border-color: #FF471F; border-width:2px; padding-top:10px; float: none; width:222.6px; padding-top:5px; border-bottom-right-radius: 30px; border-bottom-left-radius:30px;}
body.home .eggnav .dropdown-menu a {display: block; width:100%; max-width: 100%; text-align: center; height:auto; line-height: 32px; font-size:18px; font-family: PT Sans; font-weight:700; color:#FF471F; margin:0 auto;}
h2.dinotitle img  {margin-top:20px;} 
h1.categorytitle img {margin-top:90px;}

.mobilelogo {width: 250px; }
}