@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,700,900&display=swap);

#special-offers {width: 100%; margin-top: 1%;}
#special-offers iframe {height: 26vw;}
#special-offers-mobile {display: none;}
#navbar {
  background: orange;
  position: sticky;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.1s;
  border-bottom: 0.4vw black solid;
  z-index: 1;
}

#navbar h1 {
    font-size: 4vw;
    font-weight: 800;
    padding: 0.1vw;
    color: white;
    text-align: center;}
/*********************************************************************************************

0. CSS Reset

*********************************************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {border: 0;}

address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;

}

ol, ul {list-style: none;}
caption, th {text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;

}

q:before, q:after {content: '';}
abbr, acronym {border: 0;}
.morecontent span {
    display: none;
}
h2.empty {text-align: center; padding-top: 2%; padding-bottom: 2%;}
/*********************************************************************************************

1. Basic Setup (Body, Fonts, etc.)

*********************************************************************************************/
html,
body {
display: initial;
width: 100%;
height: auto;
background: black;
font-family: 'Nunito Sans', sans-serif;
font-weight: 400;
font-size: 15px;
color: silver;
}
#sidebar-home {width: 96%; font-size: 2vw; line-height: 100%; clear: both; margin: 0 0 0 2vw; height: auto;}
#title {font-size: 3vw; font-weight: 800; line-height: 150%; color: silver; margin-bottom: 5px;}
#title span {vertical-align: middle !important; color: silver;}
#homepage-recent-posts, #homepage-pages, #homepage-categories, #homepage-archives, #home-partofnetwork {float: left; display: block; list-style: inside; line-height: 150%}
#homepage-recent-posts {width: 50%; line-height: 150%; margin-bottom: 5vw;}
#homepage-pages {width: 50%;}
#main ul li {list-style: none;}
#homepage-archives li {list-style: outside none disc !important;}

#breaker-main {    clear: both;
    color: Gold;
    display: block;
    float: left;
    font-size: 2vw;
    font-weight: 700;
    margin-left: 0.5%;
    margin-right: 0.5%;
    text-align: center;
    width: 49%;
	height:32vw;}
#breaker-main button {

	background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 5%, rgba(0, 0, 0, 0) 100%), url("images/button_bg_home_tablet.jpg");
	background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,1)), url("images/button_bg_home_tablet.jpg");
	background-image: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 15%,rgba(0,0,0,0) 100%), url("images/button_bg_home_tablet.jpg");
    background-size: cover;
	background-position: center top;
    border: 0.3vw solid Gold;
    font-size: 2.7vw;
    font-weight: 800;
    height: 26.6vw;
    line-height: 100%;
    margin-top: 0;
    padding-top: 14.5vw;
	padding-right: 1.5vw;
    text-align: right;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 2px 0 #000, 2px 2px 0 #000;
    white-space: normal;
    width: 100%;}
#breaker-main strong {font-weight: 800; color: Orange;}
#breaker-main button img {    height: auto;
    max-width: 15vw;
    padding-top: 4.5vw;
    vertical-align: bottom;}
#breaker-main button:hover {border: 0.3vw solid white;}


#breaker-main-right {
    color: Gold;
    display: block;
    float: left;
    font-size: 2vw;
    font-weight: 700;
    margin-left: 0.5%;
    margin-right: 0.5%;
    text-align: center;
    width: 49%;
	height:32vw;}
#breaker-main-right button {

	background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 5%, rgba(0, 0, 0, 0) 100%), url("images/button_bg_home_right_tablet.jpg");
	background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,1)), url("images/button_bg_home_right_tablet.jpg");
	background-image: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 15%,rgba(0,0,0,0) 100%), url("images/button_bg_home_right_tablet.jpg");
    background-size: cover;
	background-position: center top;
    border: 0.3vw solid Gold;
    font-size: 2.7vw;
    font-weight: 800;
    height: 26.6vw;
    line-height: 100%;
    margin-top: 0;
    padding-top: 14.5vw;
	padding-right: 1.5vw;
    text-align: right;
    white-space: normal;
	text-shadow: -1px -1px 5px #000, 1px -1px 5px #000, -1px 2px 5px #000, 2px 2px 1px #000;
    width: 100%;}
#breaker-main-right strong {font-weight: 800; color: Orange;}
#breaker-main-right button img {    height: auto;
    max-width: 15vw;
    padding-top: 4.5vw;
    vertical-align: bottom;}
#breaker-main-right button:hover {border: 0.3vw solid white;}

#breaker-main-middle {
    color: Gold;
    display: block;
    float: left;
    font-size: 2vw;
    font-weight: 700;
    margin-left: 0.5%;
    margin-right: 0.5%;
    text-align: center;
    width: 49%;
	height:32vw;}
#breaker-main-middle button {

	background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 5%, rgba(0, 0, 0, 0) 100%), url("images/button_bg_home_middle.jpg");
	background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,0.7)), url("images/button_bg_home_middle.jpg");
	background-image: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 5%,rgba(0,0,0,0) 100%), url("images/button_bg_home_middle.jpg");
    background-size: cover;
	background-position: center center;
    border: 0.3vw solid Gold;
    font-size: 2.7vw;
    font-weight: 800;
    height: 26.6vw;
    line-height: 100%;
    margin-top: 0;
    padding-top: 14.5vw;
    text-align: center;
    white-space: normal;
    width: 100%;}
#breaker-main-middle strong {font-weight: 800; color: Orange;}
#breaker-main-middle button img {    height: auto;
    max-width: 15vw;
    padding-top: 1vw;
    vertical-align: bottom;}
#breaker-main-middle button:hover {border: 0.3vw solid white;}

#breaker-horizontal {width: 100%; margin: 0 0 2vw 0; display: block; text-align: center; clear: both;}
#breaker-horizontal button {background: black url("images/bg.jpg") no-repeat scroll center top; border: 0.4vw solid Gold;     font-size: 4vw;     font-weight: 800;  padding: 1vw;   line-height: 120%;     margin-top: 0;     text-align: center; 	text-shadow: 1px 1px 1px black;     white-space: normal;     width: 100%;}
#breaker-horizontal button img {max-width: 13vw; height: auto; vertical-align: -0.9vw;}
#breaker-horizontal button:hover {border: 0.4vw solid white;}

#breaker {padding-top: 0vw; margin-bottom: 3vw; display: block; text-align: center;clear:both; font-size: 1.5vw;}
#breaker button {background: rgba(0, 0, 0, 0) url("images/bg.jpg");
    border: 0.4vw solid Gold;
    font-size: 3.6vw;
	padding: 1vw;
	line-height: 5vw;
    font-weight: 800;
    margin-top: 1vw;
    text-align: center;
    white-space: normal;
	background-size: cover;
    width: 100%;}
#breaker button:hover {border: 0.4vw solid white;}
#breaker button img {height: auto;
max-width: 19vw;
    vertical-align: -0.8vw;}
.widgettitle {text-align: center; color: grey; font-size: 2vw; margin-bottom: 2vw;}
#TrailerClip {font-size: 3.5vw;background: blueviolet; border: 0;}
#title-single {font-size: 1.6vw; padding-bottom: 1vw;}
#LongClip {font-size: 3.5vw; background: blueviolet;border: 0;}
h1 {font-size: 1em;}
.model {color: silver; font-size: 2vw; padding-top: 1vw;}

#breadcrumbs h2 {font-size: 3vw;
    font-weight: 700 !important;
    line-height: 3vw;
	margin-top: 1vw;}
.title {line-height: 1em;}
h3 {font-size: 21px; color: white;}
#index-starring {      clear: both;
    font-size: 3.5vw;
    height: 6vw;
    width: 100%;}

.wp-pagenavi {color: white;
    font-size: 2vw;
    text-align: center;
	margin-bottom: 4vw;
    width: 99%;}
a:link, a:visited {
color: #888888;
}
.description
{	display: none;
    font-size: 4vw !important;
    height: 30vw;
    line-height: 4vw !important;
    margin-bottom: 1vw !important;
    overflow-y: auto;
	}
a:hover {
color: #808080;
}

abbr,acronym {
border-bottom: 1px dotted;
cursor: help;
}

em {font-style: italic;}
ol,ul {margin: 0;}
ol li {list-style: decimal outside;}
ul li {list-style: none;}

th,td {
border: 1px solid;
padding: 8px;
}

th {
font-weight:bold;
text-align:center;
}

caption {
margin-bottom: 8px;
text-align: center;
}


a:link, a:visited {text-decoration: none;}

:focus {
outline: 0;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}


/*********************************************************************************************

2. Header Styles

*********************************************************************************************/
#header {
width: 100%;
font-size: 1.4vw;
line-height: 1.7vw;
float: left;
color: white;
text-shadow: 1px 1px 1px #111;
border: 0;
}
#header {	background-image: url(images/bg.jpg);
background-size: cover;
font-weight: 400;
background-repeat: no-repeat;
background-color: #000000;
background-position: top center;
padding-bottom: 0;}
#header::after {
 content: "";
 background-image: linear-gradient(to right, black, silver, black);
 height: 1px; /*for horizontal border; width for vertical*/
 display: block;
}
#logo_home {height: auto;    padding-left: 1vw;    padding-right: 0.6vw;    padding-top: 1.4vw; width: 12vw; float: left;}
#logo_single {height: auto;    padding-left: 1vw;    padding-right: 0.6vw;    padding-top: 1.2vw; width: 8vw; float: left;}
#header-inside p {padding: 1vw;     text-align: justify;}
#header-inside {min-height: 3vw;}
#batonik {font-size: 4vw; color: white; width: 100%; text-align: center;}
#batonik a {width: 90%; font-weight: 600; color: white; padding-left: 15px; padding-right: 15px; margin-bottom: 20px;}
.advanced_recent_posts_widget ul li { width: 33.3%; font-size: 1.8vw; margin-bottom: -0.7vw;}
.advanced_recent_posts_widget img {  width: 100%; height: auto; border: 0; }
.advanced_recent_posts_widget .post-entry-data {position: absolute; width: 100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 170%, rgba(0,0,0,0.9) 55%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 170%,rgba(0,0,0,0.9) 55%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 170%,rgba(0,0,0,0.9) 55%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
padding-left: 5px;
padding-bottom: 5px;
bottom: 0vw;
height: 2.6vw;
font-size: 1.5vw;
color: white;
text-shadow: 1px 1px 1px black, -1px 1px 1px black, 0 0 5px black;
font-weight: 600;
}
/*********************************************************************************************

3. Navigation Wrapper and Menu Styles

*********************************************************************************************/
#navigation {
background: #2A2A2A url(images/navigation-bg.jpg) top left repeat-x;
width: 100%;
float: left;
}

#navigation-inside {
width: 960px;
margin: 0px auto;
}

.menu, .menu * { /* SuperFish Menu Styles */
margin: 0;
padding: 0;
list-style: none;
}

.menu {
background: url(images/menu-li-bg.jpg) top left no-repeat;
line-height: 1;
float: left;
padding: 0 0 0 10px;
}

.menu a {
display: block;
position: relative;
}

.menu a, .menu a:visited  {
color: #FFFFFF;
}

.menu a:hover  {
color: #CCCCCC;
}

.menu ul li {
width: 100%;
}

.menu ul {
position: absolute;
top: -15000px;
width: 160px; /* Left Offset of Sub-Menus Need to Match */
}

.menu li:hover ul,
.menu li.sfHover ul {
left: 0;
top: 28px; /* Match Top UL List Item Height */
z-index: 10000;
}

ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
top: -15000px;
}

ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
left: 160px; /* Match ul width. */
top: 0;
}

ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
top: -15000px;
}

ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
left: 160px; /* Match ul width. */
top: 0;
}

.menu li {
background: url(images/menu-li-bg.jpg) top right no-repeat;
float: left;
padding: 10px 25px 12px 15px;
position: relative;
}

.menu li:hover {
visibility: inherit; /* Fixes IE7 Sticky Bug */
}

.menu li ul {
background: url(images/menu-ul-bg.png) repeat;
margin: 6px 0 0 0;
padding: 8px 0 10px 0;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

.menu li li {
background: none;
padding: 5px 12px 5px 15px;
}

.menu li li:hover {
background: none;
}

.menu li li ul {
background: url(images/menu-ul-bg.png) repeat;
margin: -8px 0 0 0;
padding: 8px 0 10px 0;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}

li.subscribe {
background: url(images/rss.png) top right no-repeat;
padding-right: 45px;
}


/*********************************************************************************************

4. Main Content

*********************************************************************************************/
#content {
background: black;
width: 100%;
float: left;
}
#banner {max-width: 100%;
    padding-top: 1vw;}
#pokapoka {width: 100%; text-align: center; font-size: 5vw; margin-bottom: 2vw;}
.button-warning {background: #eac103; }
#banner-button {border: 0.7vw solid white;
    display: block;
    font-size: 6.8vw;
    font-weight: 600;
    margin: 1vw auto 4vw;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 0.4vw;
    white-space: normal;
    width: 96%;}
#content-inside {

width:96%;
margin: 0 0 0 2%;
}

#main {
float: left;
width:100%;
margin-top: 1vw;
}

#main-full {
float: left;
}

#single-logo {display: none;}
.thumbs-rating-container {font-size: 3vw !important;padding: 1vw !important;}
.thumbs-rating-container span {width: 6vw !important;}
#buttons {width: 100%; text-align: center; margin-top: 2%; margin-bottom: 2%;}
/*********************************************************************************************

5. Breadcrumbs

*********************************************************************************************/
#breadcrumbs {
background: black;
color: #E6E6E6;
line-height: 1;
width: 100%; /* Compensate for Borders */
margin-left: auto;
margin-right: auto;
display: block;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-align:left;
}

#breadcrumbs p {
width: 100%;
float: left;
margin: 0;
padding: 9px 10px 0 10px;
}

#breadcrumbs a {
color: white;
}

#breadcrumbs a:hover {
color: #B0B0B0;
}

#breadcrumbs strong {
color: white;
}


/*********************************************************************************************

6. Search Form

*********************************************************************************************/
input#s {
background: black;
border-left: 1px solid #444444;
border-top: none;
border-right: 1px solid #444444;
border-bottom: none;
color: #808080;
font-size: 12px;
width: 230px;
margin: 0;
padding: 9px 8px 8px 8px;
}

input#search-submit {
border: none;
background: #333333;
color: #808080;
cursor: pointer;
font-size: 12px;
width: 50px;
margin: 0 0 0 -4px;
padding: 8px 0 7px 0;
text-align: center;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
}

input#search-submit:hover {
background: #555555;
}


/*********************************************************************************************

7. Multiple Post Pages

*********************************************************************************************/
.multiple {
margin: 0;
float: left;
width: 49%;
height: 32vw;
margin-left: 0.5%;
margin-right: 0.5%;
}

.wp-post-image {border: 0;}
#title-posta {margin: 0;}
#title-posta h2 {font-size:1.7vw; font-weight: 700;}
#title-posta h2 a {color: white;}
#starrings { text-shadow: 0 0 12px black, 0 2px 6px black, 1px 1px 0 black;     color: white;     position: absolute;     right: -1px; 	color:silver; 	font-weight: bold;     text-align: right;     top: 1px;     width: 100%; 	font-size: 1.4vw; 	}
#starrings a {margin-right: 0.6vw; color: white;}
#starrings img {border: 0;}
.entry-multiple {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 8%, rgba(0,0,0,0.9) 120%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 8%,rgba(0,0,0,0.9) 120%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 8%,rgba(0,0,0,0.9) 120%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );

	bottom: 7px;
	height: 6vw;
    left: 1px;
    position: absolute;
    width: 100%;

}

.post-image {
float: left;
width: 100%;
margin: 0 0 2vw;
}
 
.thumbz {

position: relative;
}

.thumbz img {
border: 1px solid gray;
width: 100%;
height: auto;
}
.thumbz img:hover
{border: 1px solid silver;}

.instant {
display: none;
z-index: -100;
}

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

ul.post-meta li {
    color: silver;
    font-size: 1.5vw;
    margin-left: 0.4vw;
    margin-top: 2.2vw;
    padding: 1.6vw 0.4vw 0 0;
    text-shadow: 1px 1px 1px black;
}
.post-meta li img {border: 0;}
.post-meta li img:hover {border: 0;}
#time {max-width: 1.2vw; height: auto;}
#views {height: auto;     margin-left: 1vw;     max-width: 1.4vw;     vertical-align: -0.2vw;}
#star {max-width: 1.1vw; height: auto; vertical-align: inherit;}
#views-single {margin-left: 0.2vw; max-width: 1.3vw; height: auto; vertical-align: -0.2vw; width: 1.3vw;}
#star-single {margin-left: 0.2vw; max-width: 1.3vw; height: auto;vertical-align: -0.1vw;}
#category {margin-left: 0.2vw; max-width: 1.8vw; height: auto; vertical-align: -0.2vw;}
#time-single {margin-left: 0; max-width: 1.1vw; height: auto; vertical-align: 0vw; width: 1.1vw;}

.entry-sidebar {display: block; width: 21%; float: right; margin-left: 0.5vw;}
.entry-sidebar-1080p, .entry-sidebar-720p, .entry-sidebar-mobile {display: none;}
.entry-sidebar button {
white-space: normal;
height: 42.2vw;
width: 100%;
font-size: 2.3vw;
font-weight: 800;
line-height: 100%;
padding-top: 30vw;
background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,0.7)), url("images/button_bg_single.jpg");
background-image: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 5%,rgba(0,0,0,0) 100%), url("images/button_bg_single.jpg");
background-size: cover;
background-position: center center;}

.entry-sidebar button img { width: 15vw; margin-top: 5vw;}

.entry h2 {color: silver; padding: 1vw; line-height: 120%; font-size: 3vw;}
.entry h3 {color: silver; padding-bottom: 2vw; font-size: 3vw; line-height: 110%;}
.entry p strong {color: silver;}
.entry ul li {list-style: inside none disc; margin-left: 5px; padding: 0.5vw; color: grey; line-height: 120%;}
.entry li {color: silver; text-align: left; text-decoration: none; list-style: inside none disc; padding: 1vw; font-size: 2vw;}
.entry blockquote {color: grey; font-size: 150%; line-height: 150%; padding: 1vw;}
.entry blockquote img {padding-left: 1vw; margin: 0;}

/*********************************************************************************************

8. Single Post Pages

*********************************************************************************************/
.single {
width: 100%;
}

.full {
width: 100%;
}
.entry p
{color: grey;
font-size: 2.2vw;  line-height: 125%;
padding-bottom: 2vw;
text-align: justify;
}
.entry p strong {color: silver;}
#promo {font-weight: 600;font-size: 8vw; line-height: 1.1em; color: yellow; text-align: center; margin-bottom: 10px;}
.entry
{width: width: 100%;

}
video {width: 78.4% !important; height: auto;}

.entry ol {
margin: 0 0 15px 20px;
}

p img {
padding: 0;
color: #666666;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 5px;
margin: 0 0 2px 15px;
}

img.alignleft {
padding: 5px;
margin: 0 15px 2px 0;
}

.wp-caption {
background: #EBEBEB;
border: 1px solid #CCCCCC;
text-align: center;
padding: 10px 5px 5px 5px;
margin: 0 0 20px 20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.wp-caption img {
padding: 0;
margin: 0 0 5px;
}

.wp-caption-text {
margin: 10px 0 0;
padding: 0;
}

.wp-caption .wp-caption-text, .wp-caption .wp-caption-dd {
font-size: 12px !important;
text-align: center;
margin: 0;
padding: 0;
}

#video {
background: #333333 url(images/video-bg.jpg) top left repeat-x;
width: 100%;
float: left;
}

#video-inside {
width: 960px;
margin: 0px auto;
padding: 20px 0 20px 0;
text-align: center;
}


/*********************************************************************************************

9. Post Comment Styles

*********************************************************************************************/
#comments {
width: 620px;
}

#comments-meta {
background: #EBEBEB;
border: 1px solid #CCCCCC;
line-height: 1;
width: 618px;
height: 32px;
float: left;
margin: 0 20px 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#comments-meta p {
margin: 0;
padding: 9px 10px 0 10px;
}

#comments-meta a {
color: #808080;
}

#comments ol li {
list-style: none;
}

ol.commentlist li {
padding: 0 0 20px 0;
}

ol.commentlist li.alt {
padding: 0 0 20px 0;
}

ol.commentlist li ul.children {
list-style: none;
text-indent: 0;
}

ol.commentlist li ul.children li {
border: none;
padding: 25px 0 0 25px;
}

ol.commentlist li ul.children li.alt {
border: none;
padding: 25px 0 0 25px;
}

ol.commentlist li ul.children li.depth-2 {margin: 0;}
ol.commentlist li ul.children li.depth-3 {margin: 0;}
ol.commentlist li ul.children li.depth-4 {margin: 0;}
ol.commentlist li ul.children li.depth-5 {margin: 0;}

ol.commentlist li div.reply {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 9px;
width: 40px;
height: 20px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

ol.commentlist li div.reply a {
color: #FFFFFF;
}

ol.commentlist li div.reply:hover {
background: #666666;
color: #FFFFFF;
}

.comment-author {
font-size: 14px;
font-weight: normal;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
}

.avatar {
background: #EBEBEB;
border: 1px solid #CCCCCC;
float: right;
margin: 0 0 15px 15px;
padding: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#respond {
width: 100%;
padding: 20px 0 0 0;
}

.cancel-comment-reply a {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
font-size: 9px;
padding: 4px 8px 5px 8px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.cancel-comment-reply a:hover {
background: #666666;
color: #FFFFFF;
}

#author, #email, #url, #comment {
background: #FFFFFF url(images/fields.jpg) top left repeat-x;
border: 1px solid #CCCCCC;
padding: 6px 4px 6px 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#comment {
width: 98%;
max-width: 610px;
}

input#submit {
background: #333333;
border: none;
color: #FFFFFF;
cursor: pointer;
width: 135px;
height: 30px;
text-align: center;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input#submit:hover {
background: #666666;
color: #FFFFFF;
}


/*********************************************************************************************

10. Pagination

*********************************************************************************************/
#pagination {
background: #EBEBEB;
border: 1px solid #CCCCCC;
line-height: 1;
width: 618px;
height: 32px;
float: left;
margin: 0 20px 20px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#pagination p {
margin: 0;
padding: 9px 10px 0 10px;
}

#pagination a {
color: #808080;
}

#pagination a:hover {
color: #B0B0B0;
}


/*********************************************************************************************

11. Sidebar Styles

*********************************************************************************************/
#sidebar {
clear:both;
width: 100%;
display: none;
}
.advanced_recent_posts_widget img {max-width: 100% !important; height: auto !important;}
#sidebar h2 {
font-size: 13px;
font-weight: bold;
}

.widget  {
float: left;
width: 100%;
margin-bottom: 3vw;
}

.cat-posts-item {
float: left;
margin: 4px 0 6px 0;
}

.post-image-sidebar {
margin: 0 20px 0 0;
float: left;
}

.post-image-sidebar img {
margin: 5px 0 0 5px;
}

.post-frame-sidebar {
background: url(images/post-frame-sidebar.png) 0 0 no-repeat;
width: 94px;
height: 74px;
position: absolute;
}

.post-frame-sidebar:hover {
background: url(images/post-frame-sidebar.png) 0 -74px no-repeat;
width: 94px;
height: 74px;
}

.sidebar-ad {
margin: 5px 15px 10px 0;
}

#sidebar ul li ul {
margin: 0 0 0 15px;
}

.widget_categories ul ul{
padding-left:20px;
}


/*********************************************************************************************

12. Footer Styles

*********************************************************************************************/
#footer {
color: white;
width: 100%;
float: left;
font-size: 1.4vw;
line-height: 1.7vw;
border-top: 0;
text-align: center;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: cover;
}
#footer::before {
 content: "";
 background-image: linear-gradient(to right, black, silver, black);
 height: 1px; /*for horizontal border; width for vertical*/
 display: block;
}
#footer-inside p {padding: 1vw;}
#footer-inside {
margin: 0px auto;

}

#footer a {
color: #FFFFFF;
}

#footer a:hover {
color: #CCCCCC;
}

video {object-fit: cover;}

iframe {
    width: 100%;
    aspect-ratio: 16/9;
}