/*
Theme Name:   	Denexa Responsive
Theme URI:    	https://www.denexa.com/
Author:       	Denexa Games
Author URI:	https://www.denexa.com
Description:  	Custom skin for denexa.com
Version:      	3.2.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	denexa-responsive
*/

@font-face { 
    font-family:'Futura web';
    src:url('futura.eot');
    src:url('futura.eot?#iefix') format('embedded-opentype'),
         url('futura.woff') format('woff'),
         url('futura.ttf') format('truetype');
}

html { overflow-y: scroll; overflow-x: hidden; }

body { 
    background-color:#efefef;
    font-size:14px;
    line-height:20px;
    font-family:'DejaVu Sans', 'Verdana', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
    font-weight:normal;
    line-height:100%;
    margin-top:30px;
    margin-bottom:5px;
}

h2 {
    font-size:28px;
}

h3 {
    font-size:24px;
}

h4 {
    font-size:20px;
}

h5 {
    font-size:16px;
}

h6 {
    font-size:14px;
}

img {
    border:0;
    max-width:100%;
    height:auto;
}

hr { 
    border:0; 
    height:0; 
    border-top:1px dotted #aaa;
    margin-top:0px;
}

a:link { 
    color:#008282;
    text-decoration:none;
}

a:hover {
    color:#d70000;
    text-decoration:underline;
}

a:visited {
    color:#4b0878;
}

#breadcrumbs {
    margin:0px;
}

.page-title {
    margin-top:5px;
    font-size:32px;
    color:#008282;
}

.page-title a:visited {
    color:#008282;
}

.small-only {
    display:none;
}

/* Header styling */
#upper-header { 
    display:table;
    text-align:left; 
    vertical-align:bottom;
    width:100%;
}

#logo-image {
    display:table-cell;
    float:left;
    overflow:display;
    vertical-align:bottom;
    width:25%;
    max-width:263px;
    padding:5px;
    margin-right:5px;
}

#logo-image img {
    width:100%;
}

.menu, #search-cart-bar {
    display:table-cell;
    float:left;
    overflow:display;
    vertical-align:bottom;
    font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
    width:70%;
}

#cart-menu
{
    padding:0;
    margin:0;
}

#cart-menu li
{
    display:inline-block;
    list-style-type:none;
    white-space:nowrap;
    padding-right:5px;
}

#cart-menu li:before
{
    content:"♦";
    padding-right:5px;
}

/* Menu styling */
.menu li, .tabs li {
    display:inline-block;
    list-style-type:none;
    background:#008282;
    height:20px;
    line-height:20px;
    margin:3px 3px 1px 1px;
    padding-top:7px;
    padding-bottom:7px;
    white-space:nowrap;
    font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
    font-size:10pt;
}

.menu { padding:0; margin-top:0; align:left; clear:both; width:100%; }

.menu li:hover {
    background:#d70000;
}

.menu a {
    padding:10px 20px;
    color:#fff;
}

#wrapper {
    display:block; 
    width:80%;  
    margin:0px auto;
} 

#main, #main-post { 
    padding:2%;
    text-align:left; 
    background-color:#f9f9f9;
}

#main {
    width:96%;
}

#main-post {
    width:70%;
    float:left;
}

#sidebar { 
    width:19%; 
    float:right; 
    text-align:left; 
    background-color:#f9f9f9;
    padding:2%; 
}

#delimiter { clear:both; }

.byline {  
    font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
    font-size:10pt;
    color:#aaa;
    padding-bottom:20px;
}

.blog-image {
    float:right;
    padding:10px;
}

.blog-pager {
    font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
    font-size:10pt;
}

/* Special classes for pages */
.focus-image, .images {
    padding:10px;
}

.images {
    float:left;
}

.focus-image {
    clear:both;
}

.focus-cell, .focus-cta-cell {
    float:left;
    width:45%;
    text-align:top;
    padding:10px;
}

.focus-cta-cell {
    padding-left:20px;
}

.focus-cell h3 {
    margin-top:5px;
    margin-bottom:5px;
}

.focus-cell p {
    margin-left:320px;
}

/* Hero image page classes */
.parallax-window {
    min-height: 400px;
    width:100%;
    background: transparent;
}

.parallax-overlay-container { 
    display:inline-block; 
    width:50%; 
    height:400px;
    line-height:400px;
    float:left;
    vertical-align:middle;

}

.parallax-overlay {
    display:inline-block;
    background:rgba(22, 22, 22, 0.75);
    color:white;
    line-height:20px;
    font-size:16px;
    font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
    vertical-align:middle;
    text-align:center;
}

.mobile-alt-image {
    display:none;
}

ul.products {
    vertical-align:top;
    padding-left:0;
}

.product, .product-focus {
    display:inline-block;
    list-style-type:none;
    margin:20px;
    padding-top:7px;
    padding-bottom:7px;
    vertical-align:top;
}

.product {
    width:44%;
    font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
    font-size:10pt;
}

.product-focus {
    width:22%;
}

.product h3, .product-focus h3 {
    margin-top:5px;
    margin-bottom:5px;
}

.page-numbers li {
    display:inline-block;
    list-style-type:none;
    background:#008282;
    height:20px;
    line-height:20px;
    margin:3px 3px 1px 1px;
    padding-top:7px;
    padding-bottom:7px;
    white-space:nowrap;
    font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
    font-size:10pt;
}

.page-numbers li:hover {
    background:#d70000;
}

.page-numbers a {
    padding:10px;
    color:#fff;
}

/* Footer styling and social links */
#footer {  
    font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
    font-size:10pt;
    color:#aaa;
    padding-top:20px;
    text-align:center;
    width:100%;
}

.title { font-size:11pt; font-family:verdana; font-weight:bold; }

.social-link {
    display:inline-block;
}

#email-link, #facebook-link, #gplus-link, #igram-link, #tumblr-link, #twitter-link {
    display:block;
    width:32px;
    height:40px;
    text-indent:-99999px;
}

#email-link {
    background:url('images/email.png') bottom;
}

#facebook-link {
    background:url('images/facebook.png') bottom;
}

#gplus-link {
    background:url('images/gplus.png') bottom;
}

#igram-link {
    background:url('images/instagram.png') bottom;
}

#tumblr-link {
    background:url('images/tumblr.png') bottom;
}

#twitter-link {
    background:url('images/twitter.png') bottom;
}

#email-link:hover, #facebook-link:hover, #gplus-link:hover, #igram-link:hover, #twitter-link:hover, #tumblr-link:hover {
    background-position:0 0;
}

.cta, .infobutton {
    overflow:display;
    display:inline-block;
    padding-top:15px;
    padding-bottom:15px;
    white-space:nowrap;
    font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
    font-size:16pt;
    align:center;
}

.cta { background:#d96200; }

.infobutton { background:#008282; }

.cta a:hover, .infobutton a:hover {
    background:#d70000;
}

.cta a, .infobutton a {
    padding: 14px 19px;
    color:#fff;
}

/* Comment styling */
.commentlist, .commentlist .children {
    list-style-type:none;
}

.avatar {
    float:left;
    padding:5px;
}

.comment-body {
    padding-bottom:10px;
    width:95%;
}

.odd {
    background:#eee;
    width:95%;
}

#comment { width:95%; }

/* Media Queries */
@media screen and (max-width: 925px) {
    #wrapper { width:90%; }

    .product { width:100%; }
}

@media screen and (max-width: 480px) {
   .parallax-window, .parallax-mirror { display:none; }

   .mobile-alt-image {
      display:block;
      padding:0;
      overflow:display;
      font-size:16px;
      font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
      vertical-align:middle;
      text-align:center;
   }
   
   .mobile-alt-image img { width:100%; }

   .small-only
   {
      display:block;
      font-family:'Futura', 'Futura web', 'Century Gothic', sans-serif;
      font-size:10pt;
      color:#aaa;
      text-align:center;
   }
   
   .menu li, .menu a { width:100%; }

   .tabs li, .tabs a { width:75%; }

   .menu a { padding:10px 45%; }
   
   .tabs a { padding:10px 20%; }

   #main-post, #sidebar {
      padding:2%;
      width:96%; 
      float:left;
      text-align:left; 
      background-color:#f9f9f9;
   }

   #sidebar { padding-top:0; }
   
   .shop-image, .product-focus { width:100%; }

   .product-focus { margin:0; }

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

}