/*
@fromfull
Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking.

When you update your theme, backup this file and re-add it after.
*/

/* Global */
.mystyle {}

/* Hueman overrides */
#header {
	background-color: rgba(33, 32, 32, 0.86) !important;
}

#nav-header {
    background-color: rgba(51, 54, 59, 0.62) !important;
}

#footer {
    background-color: rgba(33, 32, 32, 0.95) !important;
}

#footer-bottom {
    background: none !important;
}

.post-rating {
	float: right;
	height: 16px;
    margin-top: 3px;
}

.post-excerpt-download,
.post-excerpt-more {
	display: block;
	border-radius: 0px;
	height: 25px;
    color: #fff;
    font-size: 18px;
    background-color: #33363B;
    padding: 8px 0px;
    width: 100%;
    margin: 0px;
    text-align: center;
    text-decoration: none;
}

.download-forbidden {
    cursor: default !important;
    pointer-events: none;
    background: #bdbdbd !important;
    user-select: none;
}
	
.post-excerpt-download:hover,
.post-excerpt-more:hover {
	color: #fff;
	background-color: #3b8dbd;
}

.post-excerpt-meta {
	margin-top: 10px;
	margin-bottom: 10px !important;
}

.required-items {
	position: relative;
}

.required-items:hover:after {
	background-color: #0f70a9;
}

.required-items:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	height: 25px;
	width: 25px;
	padding: 8px;
	background-image: url(/wp-content/plugins/skymods/img/warning_required.png);
	background-repeat: no-repeat;
	background-position: 8px;
	background-color: #797979;
}

.item-image-wrapper {
	max-height: 358px;
	background-color: #f0f0f0;
	text-align: center;
}

.item-post-before ,
.item-single-required {
	background-color: #f1f1f1;
}

.item-post-before {
	padding: 8px;
	margin: 30px 0;
	text-align: center;
}

.item-post-before .post-rating {
	display: inline;
	float: none;
}

.item-single-required h5 {
	color: #787878;
}

.item-single-required {
	text-align: center;
	padding: 15px 10px 20px;
	margin: 30px 0 0;
}

.item-after-notice {
	border-left: 5px solid #dfdfdf;
	border-right: 5px solid #dfdfdf;
	padding: 0 10px;
}

/* Footer Links Menu */
.footer-links li {
	display: inline;
}

.footer-links ul,
.footer-links ol {
	display: none;
}

.footer-links li:not(:last-child):after {
	content: " \00b7 ";
}

/* Ads */
.ad-sidebar-wrap {
	margin-top: 10px;
	margin-left: -10px;
	text-align: center;
	width: 300px;
}

.ab-warning {
    text-align: center;
    background: #f0f0f0;
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 15px;
}

.ab-icon {
    display: inline-block;
    margin-top: 15px;
	width: 45px;
}

.ad-grid-wrap {
    text-align: center;
    margin-left: -15px;
    margin-top: 8px;
    width: 100%;
    margin-bottom: 30px;
    /* tmp */
    overflow: auto;
}

/* NN */
#nn_skin {
  width: 2000px;
  height: 970px;
  z-index: 0;
  position: fixed;
  top: 300px;
  left: 50%;
  margin-left: -1000px;
}

#wrapper {
  position: relative;
  z-index: 1;
}

#footer {
  position: relative; /* prevent #nn_skin overlapping #footer content */
}

/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.ad-grid-wrap {
        margin-left: 0;
    }
    
    .ab-warning {
        margin-right: 0;
    }
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.ad-grid-wrap {
        margin-left: 0;
    }
    
    .ab-warning {
        margin-right: 0;
    }
}