/*
Theme Name: فیلم های 43
Version: 43.0
Description: 
Author: pilaco
Author URI: http://pilaco.ir
Theme URI: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*************************** General Styling ***************************/

/* Page Styling */
* {
font-family: Arial, Helvetica, sans-serif;
outline: none;
}
html {
margin: 0;
padding: 0;
}
body {
background: #000 url(lib/images/page_bg_1.png) repeat-x;
color: #fff;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
text-align: center;
direction:rtl;
}

/* Text Styling */
a {
color: #FF0;
text-decoration: none;
}
a:hover {
color: #218df3;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
color: #fff;
font-weight: 600;
padding: 0;
margin: 0 0 20px 0;
line-height: 130%;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #fff;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #218df3;
text-decoration: none;
}
h1 {
font-size: 35px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 15px;
}
p {
line-height: 19px;
margin-bottom: 12px;
}
p:last-child {
margin-bottom: 0;
}
p:first-child {
margin-bottom: 12px;
}
em {
font-style: italic;
}
sup {
font-size: xx-small;
vertical-align: top;
line-height: 1em;
} 
sub {
font-size: xx-small;
vertical-align: bottom;
line-height: 1em;
}

/* List Styling */
ol {
padding: 0;
margin: 0;
}
ol li {
list-style: decimal;
padding: 0 0 10px 0;
margin: 0 0 0 20px;
line-height: 19px;
}
ul {
padding: 0;
margin: 0;
}
ul li {
background-image: url(lib/images/widget_arrow.png);
background-position: left 5px;
background-repeat: no-repeat;
list-style-type: none;
margin: 0 0 10px 0;
padding: 0 0 0 15px;
line-height: 19px;
}

/* Form Styling */
input,
textarea,
select,
#content-wrapper input[type="password"] {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 1px solid #323232;
background: #000;
background-image: -moz-linear-gradient(#000, #161616);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#161616));
background-image: -webkit-linear-gradient(#000, #161616);
background-image: -o-linear-gradient(#000, #161616);
background-image: -ms-linear-gradient(#000, #161616);
}
select {
background-image: none;
}
input[type="submit"],
input[type="reset"],
button {
color: #fff;
font-size: 11px;
padding: 7px 10px;
font-weight: bold;
cursor: pointer;
border: 1px solid #323232;
background: #202020;
background-image: -moz-linear-gradient(#202020, #161616);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#161616));
background-image: -webkit-linear-gradient(#202020, #161616);
background-image: -o-linear-gradient(#202020, #161616);
background-image: -ms-linear-gradient(#202020, #161616);
}
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
background: #202020;
}
input[type="radio"],
input[type="checkbox"] {
background: transparent;
border: 0;
}
fieldset {
border: 1px solid #323232;
margin: 0;
padding: 10px;
}
legend {
font-weight: bold;
}
form label {
font-weight: bold;
}

/* Table Styling */
table {
width: 100%;
}
th {
font-weight: bold;
padding: 5px 10px;
}
td {
padding: 5px 10px;
border-top: 1px solid #323232;
}

/* Other Styling */
cite {
float: right;
padding: 0 0 5px 0;
}
hr {
clear: both;
background: #323232;
border: 0;
width: 100%;
height: 1px;
padding: 0 !important;
margin: 20px 0;
position: relative;
}
pre {
background: #202020;
border-top: 1px solid #323232;
border-bottom: 1px solid #323232;
padding: 15px;
margin-bottom: 20px;
line-height: 19px;
font-family: "Courier New";
overflow: auto;
font-size: 12px;
}
code {
font-family: "Courier New";
background: #202020;
border-top: 1px solid #323232;
border-bottom: 1px solid #323232;
clear: both;
display: block;
font-size: 12px;
line-height: 19px;
padding: 5px 15px;
margin: 10px 0 10px 0;
}

/* Alignment Styling */
.left {
float: left;
}
.right {
float: right;
}
.clear {
content: "";
clear: both;
line-height: 0;
padding: 0;
margin: 0;
height: 0;
display:block;
font-size:0;
width:100%;
}
.align-center,
.aligncenter {
position: relative;
margin: 20px auto;
display: block;
clear: both;
}
.align-left,
.alignleft {
position: relative;
float: left;
margin: 4px 20px 5px 0;
}
.align-right,
.alignright {
float: right;
position: relative;
margin: 4px 0 5px 20px;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}


/*************************** Content Areas ***************************/

/* Page Wrap*/
#page-wrapper {
margin: 0 auto;
width: 980px;
padding: 40px 0;
text-align: left;
overflow: hidden;
}

/* Content Wrapper */
#content-wrapper {
float: left;
width: 100%;
padding: 20px 0 40px 0;
position: relative;
}


/*************************** Main Content ***************************/

/* Main Content */
#content {
position: relative;
width: 650px;
}
.sb-right #content {
float: left;
}
.sb-left #content {
float: right;
}
.fullwidth #content {
float: left;
width: 100%;
}


/*************************** Sidebar ***************************/

/* Sidebar */
#sidebar {
width: 300px;
}
.sb-right #sidebar {
float: right;
/*margin-left: 30px;*/
}
.sb-left #sidebar {
float: left;
margin-right: 30px;
}
.fullwidth #sidebar {
display: none;
}


/*************************** Header ***************************/

/* Header */
#header-top {
float: left;
position: relative;
width: 978px;
min-height: 120px;
z-index: 100;
border: 1px solid #323232;
border-bottom-width: 0;
background: #232323;
background-image: -moz-linear-gradient(#232323, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#232323), to(#000));
background-image: -webkit-linear-gradient(#232323, #000);
background-image: -o-linear-gradient(#232323, #000);
background-image: -ms-linear-gradient(#232323, #000);
-moz-border-radius: 10px 10px 0 0;
-khtml-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
#header-bottom {
float: left;
background: url(lib/images/header_bottom.png) no-repeat;
position: relative;
width: 980px;
height: 42px;
z-index: 50;
}

/* User Panel Links */
#login {
float: right;
font-weight: bold;
padding: 0 7px 7px 0;
font-size: 12px;
}
.login-divider {
color: #404040;
padding: 0 3px;
font-weight: normal;
}

/* Logo */
#logo {
display: block;
float: left;
position: relative;
top: 5px;
left: 10px;
margin: 0;
line-height: 0;
}
#logo a {
line-height: 0;
}
.default-logo {
background: url(lib/images/logo.png) no-repeat;
width: 240px;
height: 110px;
display: block;
position: relative;
margin: 5px 0 10px 25px;
line-height: 1;
}
.logo-details {
display: block;
margin-top: -1px;
width: 1px;
height: 1px;
text-indent: -9999px;
}

/* Search Form */
#header-top #searchform {
position: absolute;
top: 70px;
right: 20px;
}
#searchbar {
float: left;
background: url(lib/images/searchbar.png) no-repeat left top;
width: 195px;
height: 20px;
position: relative;
padding: 5px 10px;
margin: 0;
border: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#searchbar:focus {
background: url(lib/images/searchbar.png) no-repeat left bottom;
}
#searchsubmit {
float: left;
background: url(lib/images/searchbar.png) no-repeat right top;
width: 39px;
height: 30px;
position: relative;
padding: 0;
margin: 0;
border: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#searchsubmit:hover {
background: url(lib/images/searchbar.png) no-repeat right bottom;
}

/* Breadcrumbs */
#breadcrumbs {
float: left;
position: relative;
top: 14px;
left: 50px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}
#breadcrumbs a {
color: #fff;
text-shadow: 1px 1px 1px #000;
}

/* Social Icons */
#social-icons {
float: right;
position: relative;
top: 8px;
right: 10px;
height: 10px;
}
#social-icons img {
float: left;
margin-left: 3px;
width: 23px;
}
#social-icons img:hover {
margin-top: 2px;
}

/* Display Options */
#display-options {
float: left;
position: relative;
top: 10px;
left: 10px;
width: 190px;
}
#display-compact {
position: relative;
float: left;
background: url(lib/images/display_options.png) no-repeat left;
width: 84px;
height: 23px;
cursor: pointer;
}
#display-extended {
position: relative;
float: left;
background: url(lib/images/display_options.png) no-repeat right;
width: 84px;
height: 23px;
cursor: pointer;
}


/*************************** Navigation ***************************/

/* Nav Wrapper */
#nav {
float: right;
position: relative;
top: -1px;
right: -1px;
z-index: 100;
}
#nav-left {
float: left;

width: 80px;
height: 50px;
}
#nav .menu {
display: inline;
}

/* Top Level Nav */
#nav ul,
#nav ul ul {
float: left;
position: relative;
max-width: 650px;
background: url(lib/images/nav.png) no-repeat right top;
padding: 17px 0 0 10px;
margin: 0;
list-style-type: none;
}
#nav ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#nav ul a {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
font-size: 13px;
display: block;
text-decoration:none;
text-transform: uppercase;
color: #fff;
}
#nav ul a:hover,
#nav ul .current-menu-item > a,
#nav ul .current-menu-ancestor > a {
color: #218df3;
text-decoration:none;
}
#nav ul li {
float: left;
position: relative;
line-height: 1;
margin: 0;
display: block;
padding: 3px 30px 3px 0;
background: none;
}

/* Drop Down Menus */
#nav .sub-menu {
position: absolute;
top: 33px;
left: -10px;
z-index: 100;
display: none;
width: 180px;
padding: 10px 0;
margin: 0;
border: 1px solid #323232;
border-top-width: 0;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
background: #161616;
background-image: -moz-linear-gradient(#161616, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#000));
background-image: -webkit-linear-gradient(#161616, #000);
background-image: -o-linear-gradient(#161616, #000);
background-image: -ms-linear-gradient(#161616, #000);
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
}
#nav li:last-child .sub-menu {
position: absolute;
top: 33px;
left: -70px;
}
#nav .sub-menu li {
margin: 0;
padding: 0;
height: auto;
position: static;
}
#nav .sub-menu a {
text-transform: none;
width: 140px;
font-size: 11px;
display: block;
height: auto;
float: left;
line-height: 1em;
padding: 10px 20px;
}
#nav .sub-menu a:hover {
background: #1a1a1a;
}
#nav li:hover > .sub-menu {
display: block;
}

/* Sub Drop Down Menus */
#nav ul .sub-menu li ul,
#nav ul .sub-menu li:last-child ul {
top: auto;
left: 150px;
border-top-width: 1px;
}


/*************************** Slider ***************************/

/* Slider */
#slider {
width: 978px;
border-width: 0 1px;
border-style: solid;
border-color: #323232;
position: relative;
overflow: hidden;
cursor: pointer;
}
#slider-error {
border-width: 0 1px;
border-style: solid;
border-color: #323232;
background: #000;
position: relative;
overflow: hidden;
cursor: pointer;
color: #fff;
padding: 20px;
width: 938px;
line-height: 19px;
}
#slider-top {
background: url(lib/images/metallic_line.png) no-repeat center top;
width: 980px;
height: 1px;
clear: both;
}

/* Slides */
#slider {
display: none;
}
#slider.nivoSlider,
.no-js #slider {
display: block;
position: relative;
}
.slide.nivo-imageLink,
.slide.nivo-imageLink a {
float: left;
position:absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
}
.slide.nivo-imageLink a {
display: block;
}
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
.nivo-caption {
display: none !important;
opacity: 0 !important;
}
.slide.nivo-imageLink .read-more-link {
position: absolute;
z-index: 8;
top: 5px;
left: 5px;
padding: 7px 10px;
display: block;
width: auto !important;
height: auto !important;
}

/* Slide Videos */
.slide.nivo-imageLink .play-video {
position: absolute;
top: 0;
left: 0;
z-index: 7;
display: block;
width: 100%;
height: 100%;
cursor: pointer;
}
.video-player {
position: relative;
z-index: 6;
display: none;
background: #000;
}
.slide.nivo-imageLink.video-autostart .video-player {
display: block !important;
}
.slide.nivo-imageLink.video-autostart .play-video,
.slide.nivo-imageLink.video-autostart img {
display: none !important;
}

/* Slider Thumbnails */
.nivo-controlNav {
float: right;
border-bottom: 1px solid #323232;
cursor: pointer;
}
.nivo-controlNav .slider-thumb-caption {
height: 65px;
}
.nivo-controlNav a {
display: block;
position: relative;
z-index: 99;
height: 65px;
padding: 10px;
border-top: 1px solid  #323232;
color: #404040;
overflow: hidden;
background: #000;
background-image: -moz-linear-gradient(#000, #161616);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#161616));
background-image: -webkit-linear-gradient(#000, #161616);
background-image: -o-linear-gradient(#000, #161616);
background-image: -ms-linear-gradient(#000, #161616);
}
.nivo-controlNav a.active {
color: #fff;
background: #000;
}
.nivo-controlNav a:hover {
background: #000;
}
.nivo-controlNav a:first-child {
border-top: 0;
}
.nivo-controlNav img {
float: left;
padding-right: 10px;
width: 80px;
height: 65px;
-khtml-opacity: 0.5;  
-moz-opacity: 0.5;
opacity: 0.5;
filter: alpha(opacity = 50);
}
.nivo-controlNav a.active img {
-khtml-opacity: 1;  
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity = 100);
}
.nivo-controlNav .slider-thumb-caption {
overflow: hidden;
}
.nivo-controlNav .slider-thumb-caption strong {
font-size: 11px;
text-transform: uppercase;
line-height: 18px;
}
.nivo-controlNav .slider-thumb-caption p {
line-height: 15px;
font-size: 11px;
}


/*************************** Page/Post Styling ***************************/

/* Page */
.page-title {
font-size: 24px;
border-bottom: 1px solid #323232;
padding-bottom: 10px;
margin-bottom: 30px;
}
.page-title.post-title {
margin-bottom: 10px;
}
.page-title.dropdown-title {
margin-bottom: 70px;
}

/* Post */
.post-thumbnail {
display: block;
line-height: 0;
position: relative;
float: left;
padding: 5px;
margin: 0 15px 0 0;
background: #000;
border: 1px solid #323232;
}
.single-post .post-thumbnail,
body.page .post-thumbnail {
margin: 0 15px 5px 0;
}
.post-thumbnail.thumbnail-no-wrap {
margin: 0 0 15px 0 !important;
}
.post-loop {
width: 100%;
float: left;
margin-bottom: 30px;
}
.post-text h2 {
font-size: 18px;
margin-bottom: 10px;
}
.post-meta {
font-size: 11px;
color: #808080;
padding: 0 0 20px 0;
}
.post-text .post-meta {
padding: 0 0 10px 0;
}
.post-meta.post-tags {
margin: 0 0 20px 0;
}
.read-more {
color: #fff;
font-weight: bold;
}
.read-more:hover {
text-decoration: underline;
}

/* Post Content */
#post-content {
margin-bottom: 20px;
margin-right: 20px;
direction: rtl;
}

/* Attachments */
.attachment img {
max-width: 100%;
height: auto;
}
.attachment p {
margin-top: 12px;
}


/*************************** Review Page ***************************/

/* Review Container */
#review-container {
width: 100%;
position: relative;
float: left;
margin-bottom: 30px;
}

/* Review Panel Left */
#review-panel-left {
float: left;
padding: 10px;
margin-left: 20px;/**********/
position: relative;
border: 1px solid #323232;
background: #161616;
background-image: -moz-linear-gradient(#161616, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#000));
background-image: -webkit-linear-gradient(#161616, #000);
background-image: -o-linear-gradient(#161616, #000);
background-image: -ms-linear-gradient(#161616, #000);
}
#more-images-link {
float: left;
width: 100%;
font-size: 11px;
display: block;
line-height: 12px;
text-align: center;
margin: 5px 0 15px;
}
#review-panel-left .sc-divider {
margin: 10px 0 0;
}

/* Site Ratings */
.site-rating {
font-weight: bold;
padding-top: 10px;
}
.site-rating > div {
margin: 4px 0;
}

/* User Rating */
.user-rating {
font-weight: bold;
padding-top: 10px;
}
.user-rating .ratingblock {
display: block;
}
.user-rating .ratingtext {
float: left;
font-weight: normal;
color: #808080;
margin: 5px 0 0 0;
padding: 0;
font-size: 11px;
}

/* Multi Rating */
.gdmultitable {
background: none;
border: 0 !important;
padding: 0 !important;
margin: 4px 0 0 !important;
font-size: 11px;
}
.ratingmulti {
margin-bottom: 4px;
}
.gdmultitable tr {
background: none !important;
border: 0 !important;
}
.gdmultitable td {
padding: 0 5px 0 0 !important;
margin: 0 !important;
background: none !important;
border: 0 !important;
color: #fff !important;
}
#review-panel-left .gdmultitable td {
float: none;
padding: 5px 0 0 0 !important;
}
#review-panel-left .gdmultitable td.mtstars {
padding: 2px 0 0 10px !important;
}
.gdtblbottom td {
color: #808080 !important;
}
.gdtblbottom td > div{
float: none !important;
clear: both;
}
#review-panel-left .ratingbutton {
float: left;
margin: 10px 0 0;
padding: 5px 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #323232;
background: #202020;
background-image: -moz-linear-gradient(#202020, #161616);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#161616));
background-image: -webkit-linear-gradient(#202020, #161616);
background-image: -o-linear-gradient(#202020, #161616);
background-image: -ms-linear-gradient(#202020, #161616);
}
#review-panel-left .ratingbutton.gdactive a {
color: #fff;
}
#review-panel-left .ratingbutton.gdactive:hover {
background: #202020;
}
#review-panel-left .ratingbutton.gdinactive {
border-color: #202020;
}
#review-panel-left .ratingbutton.gdinactive a {
color: #444;
}

/* Review Panel Right */
#review-panel-right {
float: left;
padding: 10px 10px 0 10px;
border: 1px solid #323232;
background: #161616;
background-image: -moz-linear-gradient(#161616, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#000));
background-image: -webkit-linear-gradient(#161616, #000);
background-image: -o-linear-gradient(#161616, #000);
background-image: -ms-linear-gradient(#161616, #000);
}
#review-panel-right h1 {
margin-bottom: 10px;
}
#review-tags-list {
margin: 0;
padding: 0 0 10px 0;
line-height: 19px;
}
#review-tags-list li {
padding: 0 0 10px 0;
margin: 0;
list-style-type: none;
background: none;
}
#review-panel-right .post-meta {
width: 100%;
margin: 10px 0 0 0;
}

/* Review Panels */
#review-panels,
.review-panel {
float: left;
width: 100%;
}
#review-panels .review-meta {
padding-bottom: 30px;
}
#review-panel-right .toggle-box {
clear:both;
margin: 0;
padding: 0;
overflow: hidden;
}

/* Review Links */
#review-links {
float: left;
position: relative;
width: 100%;
margin: 0 20px 20px 0;
border-top: 1px solid #323232;
border-bottom: 1px solid #323232;
}
.layout-3 #review-links  {
float: right;
margin: -30px 10px 0 0;
width: 170px;
border: 1px solid #323232;
border-top-width: 0;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
background: #161616;
background-image: -moz-linear-gradient(#161616, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#000));
background-image: -webkit-linear-gradient(#161616, #000);
background-image: -o-linear-gradient(#161616, #000);
background-image: -ms-linear-gradient(#161616, #000);
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
}
#review-links ul {
float: left;
padding: 20px 20px 20px 0;
margin: 0;
}
.layout-3 #review-links ul {
padding: 20px 20px 10px 20px;
}
#review-links li {
float: left;
list-style: none;
background: none;
padding: 0;
margin: 0 20px 0 0;
}
.layout-3 #review-links li {
float: none;
margin: 0 0 10px 0;
}
#review-links li a {
color: #fff;
font-weight: bold;
}
#review-links li.ui-tabs-active a,
#review-links li a:hover {
color: #218df3;
}

/* Tab Images/Videos */
.review-image {
float: left;
padding: 5px;
margin: 5px;
border: 1px solid #323232;
background: #000;
}


/*************************** Review Categories ***************************/

.review-list-ratings {
float: left;
padding-right: 10px;
}
.review-list-ratings .ratingtext {
display: none;
}
.review-list-ratings div {
float: left;
}
.review-list-ratings .ratingblock {
display: block !important;
margin: 0;
padding: 0;
}
.review-list-ratings span {
float: left;
padding: 5px 5px 0 0;
font-weight: bold;
}


/*************************** Lightbox ***************************/

div.dark_square .pp_left,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content {
background: none !important;
}
.pp_gallery li {
background: none;
border: 0;
padding: 0;
}
width: 50px;
height: 33px;
display: block;
}
.html5player {
width: 100%;
height: 100%;
}


/*************************** Drop Down Menu Filter ***************************/

#dropdown-filter {
float: left;
position: absolute;
top: 50px;
left: 0;
width: 100%;
padding: 0 0 15px 0;
margin: 0 0 30px 0;
display: none;
}
.no-js #dropdown-filter {
display: block;
}
.order-by-text {
float: left;
font-weight: bold;
margin-right: 10px;
}
.order-text {
float: left;
font-weight: bold;
margin-right: 10px;
}
.jqTransformSelectWrapper {
width: 45px;
position:relative;
height: 14px;
float: left;
}
.jqTransformSelectWrapper div span {
font-size: 12px;
color: #218df3;
float: none;
position: absolute;
white-space: nowrap;
height: 14px;
overflow: hidden;
cursor: pointer;
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
display: block;
position: absolute;
top: 1px;
right: 25px;
background: url(lib/images/toggle_down.png) no-repeat;
width: 15px;
height: 8px;
}
#content .jqTransformSelectWrapper ul {
position: absolute;
width: 43px;
top: 20px;
left: 0;
list-style: none;
background-color: #000;
border: 1px solid #323232;
display: none;
margin: 0;
padding: 0;
height: 200px;
overflow: auto;
overflow-y: auto;
z-index: 10;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
}
.jqTransformSelectWrapper ul li {
background: none;
list-style: none;
padding: 0;
margin: 0;
}
.jqTransformSelectWrapper ul a {
display: block;
color: #fff;
padding: 10px 10px;
text-decoration: none;
font-size: 12px;
}
.jqTransformSelectWrapper ul a.selected {
color: #218df3;
}
.jqTransformSelectWrapper ul a:hover,
.jqTransformSelectWrapper ul a.selected:hover {
background: #1a1a1a;
}
.jqTransformSelectWrapper ul li:last-child a:hover {
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
.jqTransformHidden {
display: none;
}


/*************************** User Profile ***************************/

/* Profile Avatar & Options */
.profile-avatar {
float: left;
line-height: 0;
padding: 5px;
border: 1px solid #323232;
background: #161616;
margin-right: 15px;
}
.profile-options {
margin-left: 87px;
}
.profile-options li {
background: none;
padding-left: 0;
margin-left: 0;
list-style-type: none;
background: none;
}

/* Profile Recent Posts & Comments */
.profile-list {
margin-top: 30px;
}
.profile-list .left {
width: 450px;
}
.profile-list .right {
text-align: right;
}
.profile-row {
float: left;
line-height: 19px;
padding: 10px 0;
width: 100%;
border-bottom: 1px solid #323232;
}
.profile-row a {
display: block;
padding-bottom: 5px;
}


/*************************** Footer ***************************/

/* Footer */
#footer {
width: 978px;
height: 33px;
position: relative;
font-size: 12px;
color: #666;
border: 1px solid #323232;
background: #161616;
background-image: -moz-linear-gradient(#161616, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#000));
background-image: -webkit-linear-gradient(#161616, #000);
background-image: -o-linear-gradient(#161616, #000);
background-image: -ms-linear-gradient(#161616, #000);
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#footer a {
color: #fff;
}
#footer a:hover {
color: #218df3;
text-decoration: none;
}

#footer-content {
float: left;
width: 935px;
position: relative;
padding: 11px 0 0 10px;
}

/* Footer Navigation */
#footer ul {
float: left;
position: relative;
width: 555px;
list-style-type: none;
background: none;
padding: 0;
margin: 0;
overflow: hidden;
}
#footer li {
float: left;
list-style-type: none;
background: none;
line-height: 1;
padding: 0;
margin: 0 10px 5px 0;
background: none;
}
#footer li ul {
display: none;
}

/* Footer Copyright */
#copyright {
float: right;
text-align: right;
position: relative;
width: 370px;
margin-right: 10px;
}

/* Footer Widgets */
#footer-widgets {
float: left;
border-top: 1px solid #323232;
padding: 20px 0 0 0;
}
#footer-widgets .widgettitle {
margin-bottom: 10px;
font-size: 14px;
}
#footer-widgets a {
color: #218df3;
}
#footer-widgets a:hover {
color: #fff;
}
.footer-widget-outer {
float: left;
margin-left: 60px;
}
.footer-widget-inner {
float: left;
width: 100%;
padding-bottom: 20px;
}
#footer-widgets div:first-child {
margin-left: 0;
}
.footer-whole {
width: 980px;
}
.footer-half {
width: 460px;
}
.footer-third {
width: 286.3px;
}
.footer-fourth {
width: 200px;
}

/* Footer Forms */
.footer-fourth #searchbar {
width: 100px;
}

/* Top Arrow */
#top-arrow {
display: block;
position: absolute;
top: 0;
right: 0;
background: url(lib/images/top_arrow.png) no-repeat center center;
border-left: 1px solid #323232;
width: 31px;
height: 32px;
float: right;
position: relative;
cursor: pointer;
}


/*************************** Shortcodes: Blockquotes ***************************/

blockquote {
background: transparent url(lib/images/bq.png) left top no-repeat;
font-size: 14px;
margin: 5px 20px 10px 20px;
padding: 10px 0 5px 20px;
overflow: hidden;
}
blockquote p {
line-height: 23px;
}
.blockquote-left {
float: left;
margin: 20px 20px 20px 0;
}
.blockquote-right {
float: right;
margin: 20px 0 20px 20px;
}
.blockquote-right, .blockquote-left {
background: transparent url(lib/images/bq.png) left top no-repeat;
width: 30%;
font-size: 14px;
line-height: 23px;
padding: 10px 0 5px 20px;
}


/*************************** Shortcodes: Buttons ***************************/

.sc-button {
display: inline-block;
margin: 5px;
padding: 10px;
text-align: center;
font-size: 11px;
line-height: 1;
font-weight: bold;
color: #fff;
border: 1px solid #323232;
background: #202020;
background-image: -moz-linear-gradient(#202020, #161616);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#161616));
background-image: -webkit-linear-gradient(#202020, #161616);
background-image: -o-linear-gradient(#202020, #161616);
background-image: -ms-linear-gradient(#202020, #161616);
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.sc-button:hover {
background: #202020;
background-image: none;
}


/*************************** Shortcodes: Captions ***************************/

.wp-caption {
position: relative;
padding: 0;
background: #000;
border: 1px solid #323232;
max-width: 100%;
}
.wp-caption img {
margin: 0;
}
.wp-caption-text {
margin: 5px 0 0;
font-size: 11px;
}


/*************************** Shortcodes: Columns ***************************/

.columns {
float: left;
position: relative;
line-height: 19px;
margin-right: 2%;
}
.one {
width: 100%;
}
.two {
width: 49%;
}
.three {
width: 32%;
}
.four {
width: 23.5%;
}
.five {
width: 18.4%;
}
.onethird {
width: 32%;
}
.twothirds {
width: 66%;
}
.onefourth {
width: 23.5%;
}
.threefourths {
width: 74.5%;
}
.last {
clear: right;
margin-right: 0;
}


/*************************** Shortcodes: Contact Form ***************************/

#contact-form {
float: left;
width: 100%;
margin-bottom: 12px;
}
#contact-form .contact-verify {
float: left;
margin-right: 10px;
}
#contact-form .contact-submit {
float: left;
}
#contact-form label {
margin-left: 10px;
}
#contact-form textarea {
width: 95%;
max-width:560px;
}
.required {
color: #ff0000;
}
#contact-form .loader {
display: none;
background: url(lib/images/loader.gif) no-repeat right bottom;
float: left;
padding: 3px 0 0 10px;
width: 16px;
height: 16px;
}
.contact-success, .contact-error {
margin: 0 0 10px 0;
display: block;
min-height: 22px;
line-height: 22px;
padding: 3px 10px 3px 35px;
}
.contact-success {
background: #e3f8bf url(lib/images/success.png) no-repeat 10px center;
border: 1px solid #9bd23a;
color: #5e8a11;
}
.contact-error {
background: #FBE3E4 url(lib/images/error.gif) no-repeat 10px center;
border: 1px solid #FBC2C4;
color: #8a1f11;
}
#contact-form .input-error {
border: 1px solid #ce3439;
}


/*************************** Shortcodes: Dividers ***************************/

.sc-divider {
content: "";
border-top: 1px solid #323232;
clear: both;
width: 100%;
height: 1px;
padding: 0;
margin: 30px 0;
position: relative;
}
.sc-divider.top a {
font-size: 8px;
float: right;
width: 20px;
position: absolute;
top: -20px;
right: 0;
color: #808080;
text-align: right;
cursor: pointer;
}
.sc-divider.small {
margin: 0;
}
.sc-divider.clear {
border: 0;
margin: 20px 0;
}
.sc-divider.small.clear {
border: 0;
margin: 0;
}


/*************************** Shortcodes: Galleries ***************************/

.gallery-item img {
border: 1px solid #323232 !important;
padding: 3px;
}
.gallery-caption {
float: left;
margin: 10px 0;
line-height: 14px;
}


/*************************** Shortcodes: Tabs ***************************/

.ui-tabs {
position: relative;
padding: 0;
padding-top: 0 !important;
top: -4px;
zoom: 1;
}
.ui-tabs .ui-tabs-nav {
display: block;
margin: 0;
padding: 0;
}
.ui-tabs .ui-tabs-nav li { 
z-index: 1;
background-image: none;
list-style: none !important;
float: left;
position: relative;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
border: 0;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
font-weight: bold;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { 
z-index: 3;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li.ui-state-hover a {
color: #333;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
cursor: pointer;
} 
.ui-tabs-nav .tabhead {
cursor:pointer;
font-size: 12px !important;
margin-bottom: 0;
display: block;
}
.sc-tab-panel {
z-index: 2;
position: relative;
height: inherit;
line-height: 19px;
overflow: hidden;
margin: 0 0 10px 0;
padding: 15px;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
position: absolute;
left: -10000px;
}


/*************************** Shortcodes: Toggle Boxes ***************************/

h3.toggle {
background: url(lib/images/toggle_down.png) no-repeat left 4px;
font-size: 15px;
padding: 0 0 10px 20px;
margin: 0;
cursor: pointer;
}
h3.toggle a {
text-decoration: none;
display: block;
}
h3.toggle-active {
background: url(lib/images/toggle_up.png) no-repeat left 4px;
}
.toggle-box {
clear:both;
margin: 0 0 10px 0;
overflow: hidden;
}
.no-js .toggle-box {
display: block !important;
}


/*************************** Shortcodes: Video ***************************/

.sc-video.aligncenter {
text-align: center;
}
.sc-video .sc-video-inner {
margin: 0 auto;
display: inline-block;
}
.ie8 .sc-video .sc-video-inner {
display: block;
}


/*************************** Widgets ***************************/

/* General Widgets */
#sidebar .widget {
float: left;
margin: 35px 0 30px 0;
padding: 15px;
width: 268px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #323232;
background: #161616;
background-image: -moz-linear-gradient(#161616, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#000));
background-image: -webkit-linear-gradient(#161616, #000);
background-image: -o-linear-gradient(#161616, #000);
background-image: -ms-linear-gradient(#161616, #000);
}
#content .widget {
margin: 0 0 30px 0;
}
.homepage-widget {
width: 100%;
margin-bottom: 30px;
}
#sidebar .widget .widgettitle {
width: 288px;
padding: 10px 0 10px 10px;
margin: -50px 0 15px -16px;
font-size: 18px;
border: 1px solid #323232;
background-color: #424242;
background-image: -moz-linear-gradient(#424242, #323232);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#424242), to(#323232));
background-image: -webkit-linear-gradient(#424242, #323232);
background-image: -o-linear-gradient(#424242, #323232);
background-image: -ms-linear-gradient(#424242, #323232);
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
min-height: 13px;
}
.homepage-widget .widgettitle {
width: 100%;
background: url(lib/images/review_title_line.png) no-repeat bottom;
padding-bottom: 10px;
margin-bottom: 20px;
position: relative;
font-size: 22px;
}
.widget a {
color: #fff;
font-weight: bold;
font-size: 17px;
}
.widget a:hover {
color: #218df3;
}
.textwidget {
line-height: 19px;
}

/* Calendar Widget */
#wp-calendar {
margin: 0 auto;
}
#wp-calendar th {
font-weight: bold;
padding: 5px;
text-align: center;
}
#wp-calendar td {
padding: 5px;
text-align: center;
}
#wp-calendar caption {
text-align: right;
font-weight: bold;
margin-bottom: 10px;
}

/* Search Widget */
.widget #searchbar {
width: 200px;
}
#content-wrapper .widget #searchsubmit {
background: url(lib/images/searchbar.png) no-repeat right top;
padding: 0;
margin: 0;
border: 0;
-moz-border-radius: 0;
-khtml-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
#content-wrapper .widget #searchsubmit:hover {
background: url(lib/images/searchbar.png) no-repeat right bottom;
}

/* Recent Comments Widget */
.recent-comments-widget {
float: left;
}
.recent-comments-widget ul li {
list-style: none;
float: left;
padding: 0 0 15px 0;
}
.recent-comments-widget .avatar {
float: left;
padding: 3px;
border: 1px solid #323232;
background: #000;
margin-right: 10px;
}
.recent-comments-widget div {
margin-left: 48px;
line-height: 16px;
font-size: 12px;
}
.recent-comments-widget div span {
font-size: 11px;
color: #808080;
}

/* Latest Members Widget */
.latest-members-widget img {
padding: 3px;
margin: 3px;
border: 1px solid #323232;
background: #000;
}

/* Review Lists Widget */
.review-lists-widget ol {
font-weight: bold;
}
.review-lists-widget span {
font-size: 11px;
margin-top: 3px;
display: block;
}
.review-lists-widget span a {
color: #808080;
font-weight: normal;
}
.review-list-stars {
padding: 0;
margin: 0;
}
.review-lists-widget .see-all {
color: #808080;
float: right;
font-size: 12px;
font-weight: normal;
padding: 15px;
}
.review-list-stars {
margin: 4px 0 0;
}
.review-list-stars .ratingblock {
display: block !important;
margin: 0;
padding: 0;
}
.review-list-stars .ratingtext {
display: none;
}

/* Review & Post Boxes Widget */
.review-boxes-widget .see-all {
color: #808080;
position: absolute;
top: 10px;
right: 5px;
font-size: 12px;
font-weight: normal;
}
.review-box-container {
margin: 0 0 0 -20px;
}
#sidebar .review-box-container {
margin: 0;
}
.review-box {
float: left;
position: relative;
margin: 0 0 20px 20px;
border: 1px solid #323232;
background: #161616;
background-image: -moz-linear-gradient(#161616, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#000));
background-image: -webkit-linear-gradient(#161616, #000);
background-image: -o-linear-gradient(#161616, #000);
background-image: -ms-linear-gradient(#161616, #000);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
}
#footer-widgets .review-box,
#sidebar .review-box {
float: none;
margin: 0 auto 20px auto !important;
}
.review-box .post-thumbnail {
float: none;
border: 0;
margin: 0;
padding: 0;
}
.review-box h2 {
font-size: 12px;
line-height: 10px;
margin: 10px 0 5px;
}
.review-box-text a {
font-weight: bold;
color: #fff;
}
.review-box-text a:hover {
color: #218df3;
}
.review-box-compact p {
display: none;
}
.review-box-compact {
height: auto !important;
}
.review-box-stars {
position: absolute;
bottom: 10px;
right: 10px;
}
.review-box-stars.both-ratings {
margin-bottom: 30px;
}
.review-box-stars .ratingblock {
display: block !important;
margin: 0;
padding: 0;
}
.review-box-stars .ratingtext {
display: none;
}


/*************************** Comments Page ***************************/

/* User Comments */
#comments {
float: left;
width: 650px;
margin: 18px 0 0 0;
}
#comments-title {
background: url(lib/images/comment_header.png) no-repeat;
width: 650px;
height: 42px;
margin-bottom: 30px;
position: relative;
}
#comments-title h3 {
float: left;
font-size: 20px;
position: relative;
top: 10px;
left: 10px;
}
#comments-title span {
float: right;
position: relative;
top: 10px;
right: 10px;
}
#comments-title span a {
color: #fff;
}
#comments-title span a:hover {
color: #218df3;
}
#commentlist, #commentlist li {
list-style: none;
margin: 0;
padding: 0;
}
.comment-container {
float: left;
position: relative;
width: 100%;
padding: 0 0 20px 0;
}
.comment-avatar {
float: left;
width: 72px;
margin: 0 20px 0 0;
text-align: center;
}
.comment-avatar img {
width: 60px;
height: 60px;
padding: 3px;
margin: 0 0 5px 0;
border: 1px solid #323232;
background: #000;
}
.comment-author {
float: left;
font-size: 18px;
font-style: italic;
}
.comment-date {
float: right;
font-size: 11px;
color: #808080;
padding: 0;
}
.comment-arrow {
float: left;
position: relative;
top: 13px;
left: 1px;
width: 19px;
height: 30px;
background: url(lib/images/comment_arrow.png) no-repeat;
}
.comment-user-rating {
margin-top: 5px;
}
.comment-body {
width: auto;
padding: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
border: 1px solid #323232;
background: #161616;
background-image: -moz-linear-gradient(#161616, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#000));
background-image: -webkit-linear-gradient(#161616, #000);
background-image: -o-linear-gradient(#161616, #000);
background-image: -ms-linear-gradient(#161616, #000);
}
.comment-text {
clear: both;
padding: 10px 0 0 0;
}
.comment-text .thumblock,
.comment-text .thumblock div {
display: block;
float: left !important;
margin: 0;
padding: 0;
color: #808080;
font-size: 11px;
}
.comment-text .gdthumbtext {
margin-left: 5px !important;
}
.moderation {
margin: 0 0 10px 0;
}
.comment-text span {
float: right;
}
.comment-text span a {
font-size: 11px;
color: #808080;
}

/* Child Comments */
.children .comment-avatar {
width: 52px;
}
.children .comment-avatar img {
width: 40px;
height: 40px;
}
.children .comment-container {
float: right;
width: 95%;
list-style: none;
background: none;
}

/* Comment Post Author */
#commentlist .post-author {
display: none;
}
#commentlist .bypostauthor > .comment-container .post-author {
display: block;
font-size: 11px;
}

/* Comment Form */
#commentform {
float: left;
clear: both;
width: 100%;
padding: 30px 0 0 0;
margin: 30px 0 0 0;
border-top: 1px solid #323232;
}
#commentform.hidden {
display: none;
}
#respond h3 {
background: none;
margin: 0;
padding: 0 0 2px 0;
}
#respond label {
margin-left: 5px;
}
#respond form {
padding: 30px 0;
}
#respond textarea {
width: 560px;
max-width: 560px;
height: 150px;
}
.cancel-comment-reply a {
text-transform: uppercase;
font-size: 9px;
color: #808080;
}
.cancel-comment-reply a:hover {
color: #218df3;
}

/* Comment Score */
.comment-score {
float: left;
width: 100%;
margin: 0 0 15px 0;
display: none;
}
#commentform .comment-score {
display: block;
}
.comment-score-title {
float: left;
font-weight: bold;
margin: -3px 15px 0 0;
padding: 0 0 15px 0;
}
.comment-score-stars {
float: left;
margin: -10px 0 0 0;
}
.gdmultitable {
margin: 0 !important;
}


/*************************** Page Navigation ***************************/

.wp-pagenavi {
float: right;
width: 120%;
margin-top: 20px;
font-size: 25px;
}
.wp-pagenavi span,
.wp-pagenavi.cat-navi a,
.wp-pagenavi.comment-navi a,
.wp-pagenavi.post-navi a span {
color: #808080;
display: block;
float: left;
padding: 5px 10px;
margin-left: 5px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid #323232;
background: #161616;
background-image: -moz-linear-gradient(#161616, #000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#000));
background-image: -webkit-linear-gradient(#161616, #000);
background-image: -o-linear-gradient(#161616, #000);
background-image: -ms-linear-gradient(#161616, #000);
}
.wp-pagenavi .current,
.wp-pagenavi.cat-navi a:hover,
.wp-pagenavi.comment-navi a:hover,
.wp-pagenavi .page:hover,
.wp-pagenavi.post-navi span,
.wp-pagenavi.post-navi a span:hover {
color: #fff;
background: #404040;
background-image: -moz-linear-gradient(#404040, #202020);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#404040), to(#202020));
background-image: -webkit-linear-gradient(#404040, #202020);
background-image: -o-linear-gradient(#404040, #202020);
background-image: -ms-linear-gradient(#404040, #202020);
}
/************************begin main-menu********************/
#main-menu
{
	direction:rtl;
	width:100%;
	float:right;
	margin:-30px 0 10px;
    background: none repeat scroll 0% 0% rgba(17, 17, 17, 0.6);
}
/************************* menu filmkoshti *************************/
#llov{background:url(../images/head.png);border:1px #393939 solid;box-shadow:0 0 5px #000;margin:0;border-radius:0 0 8px 8px;padding:0;list-style:none;height:50px;padding-left:2px;padding-right:2px}
#llov li{float:right;display:block;background:none;position:relative;z-index:999;margin:0 1px}
#llov li a{display:block;text-decoration:none;color:#cacaca;padding:0 9px;font:700 13px/50px BYekan}
#llov li a:hover,#llov li a.hov{color:#fff;text-shadow:0 0 10px #02aeff,0 0 20px #02aeff,0 0 30px #02aeff,0 0 40px #02aeff,0 0 70px #02aeff,0 0 80px #02aeff,0 0 100px #02aeff,0 0 150px #02aeff;background:#474646;}
.bg-search{float:left;width:231px;height:36px;background:url(../images/bg-search.png);margin-top:5px}
#llov ul{position:absolute;display:none;margin:0;padding:0;list-style:none;-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);-o-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);padding-bottom:3px;right:1px;background:#474646}
#llov ul li{width:200px;border-bottom:1px solid #1a1a1a;text-align:right}
#llov ul li:hover{border-left:0 solid transparent;border-right:0 solid transparent}
#llov ul a{display:block;height:20px;line-height:20px;color:#666;border-bottom:1px solid transparent;text-transform:uppercase;color:#fff;font-weight:400;padding:8px 5px}
#llov ul a:hover{text-decoration:none;border-right-color:transparent;border-left-color:transparent;text-shadow:0 0 10px #02aeff,0 0 20px #02aeff,0 0 30px #02aeff,0 0 40px #02aeff,0 0 70px #02aeff,0 0 80px #02aeff,0 0 100px #02aeff,0 0 150px #02aeff;color:#4e4e4e;background-image:linear-gradient(#FFFFFF,#fff 25%,#e6e6e6);background-image:none;background-size:auto;background-repeat:repeat;background-position:0 0;background-attachment:scroll;background-clip:border;background-origin:padding;background-color:transparent;color:#fff;}
* html #llov ul{margin:0 -2px 0 0}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix{display:inline-block}


#ssech
{
	width:40%;
	float:right;
	margin:45px -55px;
}



#searchmenu {
width: 40%;
float: left;
margin: 8px 0 0 20px;
background: rgba(17, 17, 17, 0.6) none repeat scroll 0% 0%;
}





#ttell {
float: right;
margin-right: -90px;
}


/* Owner-controlled rating stars: large yellow stars only, no label or numeric score. */
#review-panel-left .gp-review-main-image {
position: relative;
width: 100%;
margin: 0;
line-height: 0;
overflow: hidden;
background: #000;
}
#review-panel-left .gp-review-main-image > img {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
}
.gp-admin-rating {
margin: 8px 0 0;
text-align: center;
line-height: 1;
}
.gp-admin-rating-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 8px;
z-index: 5;
margin: 0;
padding: 0;
text-align: center;
background: transparent;
line-height: 1;
}
.gp-admin-rating-stars {
font-size: 34px;
font-weight: normal;
letter-spacing: 3px;
white-space: nowrap;
line-height: 1;
text-shadow: 0 2px 4px rgba(0,0,0,0.85);
}
.gp-admin-rating-stars .star-full {
color: #ffd400;
}

/* Homepage/archive card rating: stars sit directly over the bottom of the featured image. */
.post-thumbnail {
position: relative;
}
.post-thumbnail .gp-admin-rating-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 7px;
z-index: 10;
margin: 0;
padding: 0;
text-align: center;
background: transparent;
}
.post-thumbnail .gp-admin-rating-stars {
font-size: 26px;
letter-spacing: 2px;
}

/* =========================================================
   FIXED 26 - HOMEPAGE MODERN 3-COLUMN GRID
   Sidebar remains on the left.
   ========================================================= */

/* Main homepage content beside the left sidebar */
.sb-left #content {
    float: right !important;
    width: 650px !important;
}

.sb-left #sidebar {
    float: left !important;
    width: 300px !important;
    margin-right: 30px !important;
}

/* Three large cards per row */
#content .review-box-container {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#content .review-box-container .review-box {
    float: right !important;
    position: relative;
    box-sizing: border-box;
    width: calc((100% - 40px) / 3) !important;
    max-width: calc((100% - 40px) / 3) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 28px 20px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

/* No third-card left gap */
#content .review-box-container .review-box:nth-child(3n) {
    margin-left: 0 !important;
}

/* Large poster/image like the supplied reference */
#content .review-box-container .review-box .post-thumbnail {
    display: block;
    position: relative;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 16px !important;
    background: #111;
    box-shadow: 0 8px 22px rgba(0,0,0,.42);
}

#content .review-box-container .review-box .post-thumbnail a {
    display: block;
    width: 100%;
    height: 100%;
}

#content .review-box-container .review-box .post-thumbnail img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    transition: transform .25s ease, filter .25s ease;
}

#content .review-box-container .review-box:hover .post-thumbnail img {
    transform: scale(1.025);
    filter: brightness(1.06);
}

/* Title below image */
#content .review-box-container .review-box .review-box-text {
    display: block;
    width: 100%;
    padding: 10px 4px 0 !important;
    margin: 0 !important;
    text-align: right;
    box-sizing: border-box;
}

#content .review-box-container .review-box .review-box-text h2 {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 28px;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#content .review-box-container .review-box .review-box-text h2 a {
    color: #fff !important;
}

#content .review-box-container .review-box .review-box-text p {
    display: none !important;
}

/* Owner stars: yellow, large, stars only */
#content .review-box-container .gp-admin-rating {
    position: absolute;
    z-index: 5;
    right: 12px;
    bottom: 12px;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    direction: ltr;
}

#content .review-box-container .gp-admin-rating-stars {
    display: inline-flex;
    gap: 2px;
    font-size: 27px !important;
    line-height: 1 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.85);
}

#content .review-box-container .gp-admin-rating-stars .star-full {
    color: #ffd000 !important;
}

/* Hide legacy labels/scores/voting leftovers */
#content .review-box-container .ratingtext,
#content .review-box-container .rating,
#content .review-box-container .review-box-stars {
    display: none !important;
}

/* Keep old clearing divs from creating visual spacing */
#content .review-box-container > .clear {
    clear: both !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tablet */
@media only screen and (max-width: 900px) {
    #content .review-box-container .review-box {
        width: calc((100% - 20px) / 2) !important;
        max-width: calc((100% - 20px) / 2) !important;
    }
    #content .review-box-container .review-box:nth-child(3n) {
        margin-left: 20px !important;
    }
    #content .review-box-container .review-box:nth-child(2n) {
        margin-left: 0 !important;
    }
}

/* Phone */
@media only screen and (max-width: 600px) {
    .sb-left #content {
        width: 100% !important;
    }
    .sb-left #sidebar {
        float: none !important;
        width: 100% !important;
        margin: 20px 0 0 !important;
    }
    #content .review-box-container .review-box {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 24px 0 !important;
    }
}


/* =========================================================
   FIXED 27 - Full Width Responsive Homepage Grid
   3 columns beside the LEFT sidebar.
   Uses the complete available content width.
   ========================================================= */

.review-box-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px 22px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

.review-box-container > .review-box {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.review-box-container > .review-box .post-thumbnail {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.review-box-container > .review-box .post-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 16px !important;
}

.review-box-container > .review-box .review-box-text {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 2px 0 !important;
}

/* Make the main content consume all width available beside the sidebar. */
.sb-left #content {
    box-sizing: border-box !important;
}

/* Large monitors */
@media only screen and (min-width: 1200px) {
    .review-box-container {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 30px 24px !important;
    }
}

/* Tablet */
@media only screen and (max-width: 900px) {
    .review-box-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px 18px !important;
    }
}

/* Phone */
@media only screen and (max-width: 600px) {
    .review-box-container {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .review-box-container > .review-box .post-thumbnail {
        aspect-ratio: 2 / 3 !important;
        border-radius: 14px !important;
    }
}

/* Small phone */
@media only screen and (max-width: 380px) {
    .review-box-container {
        gap: 18px !important;
    }
}


/* =========================================================
   FIXED 28 - Exact Reference Poster Size
   Desktop target: 433 x 675 px, 3 posters per row.
   Sidebar stays LEFT and keeps its 300px width.
   ========================================================= */

/* Widen only the homepage canvas; do not alter sidebar width. */
.home #page-wrapper,
.front-page #page-wrapper {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    box-sizing: border-box !important;
}

/* Keep the left sidebar at its existing size and position. */
.home.sb-left #sidebar,
.front-page.sb-left #sidebar {
    float: left !important;
    width: 300px !important;
    margin-right: 30px !important;
    box-sizing: border-box !important;
}

/* Everything to the right of the sidebar gets the remaining width. */
.home.sb-left #content,
.front-page.sb-left #content {
    float: right !important;
    width: calc(100% - 330px) !important;
    box-sizing: border-box !important;
}

/* Exactly 3 cards. At wide desktop each is the reference width. */
.home #content .review-box-container,
.front-page #content .review-box-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 433px)) !important;
    column-gap: 42px !important;
    row-gap: 28px !important;
    justify-content: start !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Ignore the old PHP inline image/card width. */
.home #content .review-box-container > .review-box,
.front-page #content .review-box-container > .review-box {
    width: 433px !important;
    max-width: 433px !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Reference poster dimensions. */
.home #content .review-box-container > .review-box .post-thumbnail,
.front-page #content .review-box-container > .review-box .post-thumbnail {
    width: 433px !important;
    height: 675px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Fill the poster completely. */
.home #content .review-box-container > .review-box .post-thumbnail a,
.front-page #content .review-box-container > .review-box .post-thumbnail a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.home #content .review-box-container > .review-box .post-thumbnail img,
.front-page #content .review-box-container > .review-box .post-thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    border: 0 !important;
    border-radius: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Keep titles/stars aligned to the same card width. */
.home #content .review-box-container > .review-box .review-box-text,
.front-page #content .review-box-container > .review-box .review-box-text {
    width: 433px !important;
    box-sizing: border-box !important;
}

/* Old clear divs must not become grid items. */
.home #content .review-box-container > .clear,
.front-page #content .review-box-container > .clear {
    display: none !important;
}

/* ---------------------------------------------------------
   Responsive behavior
   --------------------------------------------------------- */

/* If 3 reference-size cards cannot fit, shrink them together. */
@media only screen and (max-width: 1760px) and (min-width: 901px) {
    .home #content .review-box-container,
    .front-page #content .review-box-container {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        column-gap: 24px !important;
    }

    .home #content .review-box-container > .review-box,
    .front-page #content .review-box-container > .review-box,
    .home #content .review-box-container > .review-box .post-thumbnail,
    .front-page #content .review-box-container > .review-box .post-thumbnail,
    .home #content .review-box-container > .review-box .review-box-text,
    .front-page #content .review-box-container > .review-box .review-box-text {
        width: 100% !important;
        max-width: 100% !important;
    }

    .home #content .review-box-container > .review-box .post-thumbnail,
    .front-page #content .review-box-container > .review-box .post-thumbnail {
        height: auto !important;
        aspect-ratio: 433 / 675 !important;
    }
}

/* Tablet */
@media only screen and (max-width: 900px) and (min-width: 601px) {
    .home #page-wrapper,
    .front-page #page-wrapper {
        width: calc(100% - 24px) !important;
        margin-left: 12px !important;
        margin-right: 12px !important;
    }

    .home.sb-left #sidebar,
    .front-page.sb-left #sidebar {
        width: 260px !important;
        margin-right: 20px !important;
    }

    .home.sb-left #content,
    .front-page.sb-left #content {
        width: calc(100% - 280px) !important;
    }

    .home #content .review-box-container,
    .front-page #content .review-box-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 18px !important;
    }

    .home #content .review-box-container > .review-box,
    .front-page #content .review-box-container > .review-box,
    .home #content .review-box-container > .review-box .post-thumbnail,
    .front-page #content .review-box-container > .review-box .post-thumbnail,
    .home #content .review-box-container > .review-box .review-box-text,
    .front-page #content .review-box-container > .review-box .review-box-text {
        width: 100% !important;
        max-width: 100% !important;
    }

    .home #content .review-box-container > .review-box .post-thumbnail,
    .front-page #content .review-box-container > .review-box .post-thumbnail {
        height: auto !important;
        aspect-ratio: 433 / 675 !important;
    }
}

/* Phone */
@media only screen and (max-width: 600px) {
    .home #page-wrapper,
    .front-page #page-wrapper {
        width: calc(100% - 20px) !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .home.sb-left #sidebar,
    .front-page.sb-left #sidebar {
        float: none !important;
        width: 100% !important;
        margin: 0 0 24px 0 !important;
    }

    .home.sb-left #content,
    .front-page.sb-left #content {
        float: none !important;
        width: 100% !important;
    }

    .home #content .review-box-container,
    .front-page #content .review-box-container {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .home #content .review-box-container > .review-box,
    .front-page #content .review-box-container > .review-box,
    .home #content .review-box-container > .review-box .post-thumbnail,
    .front-page #content .review-box-container > .review-box .post-thumbnail,
    .home #content .review-box-container > .review-box .review-box-text,
    .front-page #content .review-box-container > .review-box .review-box-text {
        width: 100% !important;
        max-width: 100% !important;
    }

    .home #content .review-box-container > .review-box .post-thumbnail,
    .front-page #content .review-box-container > .review-box .post-thumbnail {
        height: auto !important;
        aspect-ratio: 433 / 675 !important;
    }
}


/* =========================================================
   FIXED 29 - Sidebar 368x400 + Full Remaining Content
   User specification:
   - LEFT sidebar: exactly 368px wide, 400px high
   - sidebar touches the left side of the page
   - content uses ALL remaining width
   - 3 poster cards per desktop row
   - poster reference size: 433x675px when space allows
   ========================================================= */

/* The old 980px wrapper was causing the large empty area.
   Make the main canvas use the browser width. */
#page-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Do not let the content wrapper create an artificial centered width. */
#content-wrapper {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* EXACT LEFT SIDEBAR SIZE AND POSITION */
.sb-left #sidebar {
    float: left !important;
    width: 368px !important;
    min-width: 368px !important;
    max-width: 368px !important;
    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;
    margin: 0 30px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* All remaining screen width belongs to the post area. */
.sb-left #content {
    float: right !important;
    width: calc(100% - 398px) !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Three reference-size posters. */
.sb-left #content .review-box-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px 24px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    justify-content: stretch !important;
}

/* Let each card fill its grid column. */
.sb-left #content .review-box-container > .review-box {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Preserve the reference poster proportion. */
.sb-left #content .review-box-container > .review-box .post-thumbnail {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 433 / 675 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
}

/* Image fills the complete poster. */
.sb-left #content .review-box-container > .review-box .post-thumbnail a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.sb-left #content .review-box-container > .review-box .post-thumbnail img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
}

/* Keep the title/stars attached to the same card. */
.sb-left #content .review-box-container > .review-box .review-box-text {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 4px 0 !important;
    margin: 0 !important;
}

/* Owner rating: only large yellow stars. */
.sb-left #content .review-box-container .gp-admin-rating {
    position: absolute !important;
    z-index: 20 !important;
    right: 12px !important;
    bottom: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sb-left #content .review-box-container .gp-admin-rating-stars {
    font-size: 27px !important;
    line-height: 1 !important;
}

.sb-left #content .review-box-container .gp-admin-rating-stars .star-full {
    color: #ffd000 !important;
}

/* Hide legacy rating text/numbers. */
.sb-left #content .review-box-container .ratingtext,
.sb-left #content .review-box-container .rating,
.sb-left #content .review-box-container .review-box-stars {
    display: none !important;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

/* Tablet: keep sidebar beside content if there is enough room. */
@media only screen and (max-width: 1100px) and (min-width: 701px) {
    .sb-left #sidebar {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
        margin-right: 20px !important;
    }

    .sb-left #content {
        width: calc(100% - 320px) !important;
    }

    .sb-left #content .review-box-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 22px 18px !important;
    }
}

/* Phone: sidebar becomes full width, then posts below it. */
@media only screen and (max-width: 700px) {
    .sb-left #sidebar {
        float: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
        margin: 0 0 24px 0 !important;
    }

    .sb-left #content {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
    }

    .sb-left #content .review-box-container {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }
}


/* =========================================================
   FIXED 30 - POSTERS EXACTLY 400 x 593
   LEFT sidebar stays 368 x 400.
   The 3-post grid starts immediately beside the sidebar.
   ========================================================= */

.sb-left #content{
    float:right !important;
    width:calc(100% - 398px) !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.sb-left #content .review-box-container{
    display:grid !important;
    direction:ltr !important;
    grid-template-columns:repeat(3, 400px) !important;
    column-gap:24px !important;
    row-gap:30px !important;
    justify-content:start !important;
    align-items:start !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.sb-left #content .review-box-container > .review-box{
    direction:rtl !important;
    width:400px !important;
    min-width:400px !important;
    max-width:400px !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

.sb-left #content .review-box-container > .review-box .post-thumbnail{
    position:relative !important;
    width:400px !important;
    height:593px !important;
    min-width:400px !important;
    max-width:400px !important;
    min-height:593px !important;
    max-height:593px !important;
    aspect-ratio:auto !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    border-radius:16px !important;
}

.sb-left #content .review-box-container > .review-box .post-thumbnail a{
    display:block !important;
    width:400px !important;
    height:593px !important;
    margin:0 !important;
    padding:0 !important;
}

.sb-left #content .review-box-container > .review-box .post-thumbnail img{
    display:block !important;
    width:400px !important;
    height:593px !important;
    min-width:400px !important;
    max-width:400px !important;
    min-height:593px !important;
    max-height:593px !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:16px !important;
}

.sb-left #content .review-box-container > .review-box .review-box-text{
    direction:rtl !important;
    width:400px !important;
    max-width:400px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:10px 4px 0 !important;
}

.sb-left #content .review-box-container > .clear{
    display:none !important;
}

/* At smaller desktop widths, keep exactly 3 columns and preserve 400:593. */
@media(max-width:1640px) and (min-width:1001px){
    .sb-left #content .review-box-container{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        column-gap:18px !important;
    }
    .sb-left #content .review-box-container > .review-box{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }
    .sb-left #content .review-box-container > .review-box .post-thumbnail{
        width:100% !important;
        height:auto !important;
        min-width:0 !important;
        max-width:none !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:400 / 593 !important;
    }
    .sb-left #content .review-box-container > .review-box .post-thumbnail a,
    .sb-left #content .review-box-container > .review-box .post-thumbnail img{
        width:100% !important;
        height:100% !important;
        min-width:0 !important;
        max-width:none !important;
        min-height:0 !important;
        max-height:none !important;
    }
    .sb-left #content .review-box-container > .review-box .review-box-text{
        width:100% !important;
        max-width:none !important;
    }
}

/* Tablet */
@media(max-width:1000px) and (min-width:701px){
    .sb-left #content .review-box-container{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        column-gap:18px !important;
    }
    .sb-left #content .review-box-container > .review-box{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }
    .sb-left #content .review-box-container > .review-box .post-thumbnail{
        width:100% !important;
        height:auto !important;
        min-width:0 !important;
        max-width:none !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:400 / 593 !important;
    }
    .sb-left #content .review-box-container > .review-box .post-thumbnail a,
    .sb-left #content .review-box-container > .review-box .post-thumbnail img{
        width:100% !important;
        height:100% !important;
        min-width:0 !important;
        max-width:none !important;
        min-height:0 !important;
        max-height:none !important;
    }
    .sb-left #content .review-box-container > .review-box .review-box-text{
        width:100% !important;
        max-width:none !important;
    }
}

/* Phone */
@media(max-width:700px){
    .sb-left #content .review-box-container{
        grid-template-columns:1fr !important;
        gap:22px !important;
    }
    .sb-left #content .review-box-container > .review-box,
    .sb-left #content .review-box-container > .review-box .review-box-text{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }
    .sb-left #content .review-box-container > .review-box .post-thumbnail{
        width:100% !important;
        height:auto !important;
        min-width:0 !important;
        max-width:none !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:400 / 593 !important;
    }
    .sb-left #content .review-box-container > .review-box .post-thumbnail a,
    .sb-left #content .review-box-container > .review-box .post-thumbnail img{
        width:100% !important;
        height:100% !important;
        min-width:0 !important;
        max-width:none !important;
        min-height:0 !important;
        max-height:none !important;
    }
}


/* =========================================================
   FILM HAYE 31 - FINAL HOMEPAGE GRID
   Percentage-based cards + fixed 368px left sidebar.
   Desktop = 3 equal columns.
   Poster ratio = 400:593.
   ========================================================= */

/* Remove the old 980px canvas that was shrinking everything. */
#page-wrapper{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:40px 0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
}

#content-wrapper{
    width:100% !important;
    max-width:none !important;
    padding:20px 0 40px 0 !important;
    box-sizing:border-box !important;
}

/* Fixed left sidebar. */
body.sb-left #sidebar,
.sb-left #sidebar,
.home.sb-left #sidebar,
.front-page.sb-left #sidebar{
    float:left !important;
    width:368px !important;
    min-width:368px !important;
    max-width:368px !important;
    margin:0 24px 0 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

/* Content uses every remaining pixel. */
body.sb-left #content,
.sb-left #content,
.home.sb-left #content,
.front-page.sb-left #content{
    float:right !important;
    width:calc(100% - 392px) !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

/* Three percentage columns, not fixed 400px columns. */
.home #content .review-box-container,
.front-page #content .review-box-container,
#content .review-box-container{
    display:grid !important;
    direction:rtl !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    column-gap:24px !important;
    row-gap:30px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    float:none !important;
    overflow:visible !important;
}

/* Each card is exactly one grid percentage. */
.home #content .review-box-container > .review-box,
.front-page #content .review-box-container > .review-box,
#content .review-box-container > .review-box{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-sizing:border-box !important;
}

/* Poster keeps the requested 400:593 shape at every size. */
.home #content .review-box-container > .review-box .post-thumbnail,
.front-page #content .review-box-container > .review-box .post-thumbnail,
#content .review-box-container > .review-box .post-thumbnail{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:400 / 593 !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:16px !important;
    box-sizing:border-box !important;
    background:#111 !important;
}

/* The link and image fill the percentage card. */
.home #content .review-box-container > .review-box .post-thumbnail a,
.front-page #content .review-box-container > .review-box .post-thumbnail a,
#content .review-box-container > .review-box .post-thumbnail a{
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.home #content .review-box-container > .review-box .post-thumbnail img,
.front-page #content .review-box-container > .review-box .post-thumbnail img,
#content .review-box-container > .review-box .post-thumbnail img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-width:0 !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:16px !important;
}

/* Title follows the poster width. */
.home #content .review-box-container > .review-box .review-box-text,
.front-page #content .review-box-container > .review-box .review-box-text,
#content .review-box-container > .review-box .review-box-text{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:10px 4px 0 !important;
    box-sizing:border-box !important;
    text-align:right !important;
}

/* Keep yellow owner stars on the poster. */
.home #content .review-box-container .gp-admin-rating,
.front-page #content .review-box-container .gp-admin-rating,
#content .review-box-container .gp-admin-rating{
    position:absolute !important;
    right:12px !important;
    bottom:12px !important;
    z-index:20 !important;
}

/* Tablet: sidebar remains left, two percentage columns. */
@media only screen and (max-width:1100px) and (min-width:701px){
    body.sb-left #sidebar,
    .sb-left #sidebar,
    .home.sb-left #sidebar,
    .front-page.sb-left #sidebar{
        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;
        margin-right:20px !important;
    }

    body.sb-left #content,
    .sb-left #content,
    .home.sb-left #content,
    .front-page.sb-left #content{
        width:calc(100% - 320px) !important;
    }

    .home #content .review-box-container,
    .front-page #content .review-box-container,
    #content .review-box-container{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        column-gap:18px !important;
    }
}

/* Phone: stack cards and move sidebar below content. */
@media only screen and (max-width:700px){
    #page-wrapper{
        padding:15px 10px !important;
    }

    body.sb-left #content,
    .sb-left #content,
    .home.sb-left #content,
    .front-page.sb-left #content{
        float:none !important;
        width:100% !important;
    }

    body.sb-left #sidebar,
    .sb-left #sidebar,
    .home.sb-left #sidebar,
    .front-page.sb-left #sidebar{
        float:none !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin:24px 0 0 !important;
    }

    .home #content .review-box-container,
    .front-page #content .review-box-container,
    #content .review-box-container{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }
}


/* =========================================================
   FILM HAYE 32 - FINAL HOMEPAGE LAYOUT
   The old 980px / 650px float layout is bypassed.
   Sidebar = 368px on the LEFT.
   Content = all remaining width.
   Cards = 3 equal percentage columns.
   Poster ratio = 400:593.
   ========================================================= */

#page-wrapper{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:40px 14px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}

#content-wrapper{
    display:flex !important;
    flex-direction:row !important;
    direction:rtl !important;
    align-items:flex-start !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    float:none !important;
    position:relative !important;
    padding:20px 0 40px !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

/* DOM order is content then sidebar; RTL flex puts content right,
   sidebar left. */
#content-wrapper > #content{
    order:1 !important;
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    float:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

#content-wrapper > #sidebar{
    order:2 !important;
    flex:0 0 368px !important;
    width:368px !important;
    min-width:368px !important;
    max-width:368px !important;
    float:none !important;
    margin:0 24px 0 0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
}

/* Three equal percentage columns. */
#content-wrapper #content .review-box-container{
    display:grid !important;
    direction:rtl !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:30px 24px !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}

/* Kill old inline width and float rules. */
#content-wrapper #content .review-box-container > .review-box{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    float:none !important;
    clear:none !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    background:transparent !important;
}

/* Poster = exact 400:593 aspect ratio, scaled by column width. */
#content-wrapper #content .review-box-container > .review-box .post-thumbnail{
    display:block !important;
    position:relative !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:400 / 593 !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:16px !important;
    box-sizing:border-box !important;
}

#content-wrapper #content .review-box-container > .review-box .post-thumbnail a{
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
}

#content-wrapper #content .review-box-container > .review-box .post-thumbnail img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:16px !important;
}

/* Text remains under the image. */
#content-wrapper #content .review-box-container > .review-box .review-box-text{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:10px 4px 0 !important;
    box-sizing:border-box !important;
    text-align:right !important;
}

/* Rating stays on the poster. */
#content-wrapper #content .review-box-container .gp-admin-rating,
#content-wrapper #content .review-box-container .gp_admin_rating,
#content-wrapper #content .review-box-container .gp-admin-rating-html{
    position:absolute !important;
    right:12px !important;
    bottom:12px !important;
    z-index:20 !important;
}

/* Remove the old column-break elements from the grid. */
#content-wrapper #content .review-box-container > .clear{
    display:none !important;
}

/* Tablet */
@media only screen and (max-width:1100px) and (min-width:701px){
    #content-wrapper > #sidebar{
        flex-basis:300px !important;
        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;
        margin-right:20px !important;
    }

    #content-wrapper #content .review-box-container{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:24px 18px !important;
    }
}

/* Phone */
@media only screen and (max-width:700px){
    #page-wrapper{
        padding:20px 10px !important;
    }

    #content-wrapper{
        display:flex !important;
        flex-direction:column !important;
        direction:rtl !important;
    }

    #content-wrapper > #content{
        order:1 !important;
        width:100% !important;
        flex:0 0 auto !important;
    }

    #content-wrapper > #sidebar{
        order:2 !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        flex:0 0 auto !important;
        margin:24px 0 0 !important;
    }

    #content-wrapper #content .review-box-container{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }
}

/* =========================================================
   FILM HAYE 36 — SINGLE POST POSITION FIX
   Based on 33. Single page only.
   ========================================================= */
body.single-post #page-wrapper, body.single #page-wrapper{
  width:100%!important; max-width:none!important; margin:0!important; padding:0!important;
  box-sizing:border-box!important; overflow:visible!important;
}
body.single-post #content-wrapper, body.single #content-wrapper{
  display:grid!important;
  grid-template-columns:368px minmax(0,1fr)!important;
  direction:ltr!important;
  width:100%!important; max-width:none!important; min-width:0!important;
  margin:0!important; padding:20px 0 40px!important;
  float:none!important; box-sizing:border-box!important; align-items:start!important;
}
/* Physical left edge: no margin/padding/gap before sidebar. */
body.single-post #content-wrapper > #sidebar, body.single #content-wrapper > #sidebar{
  grid-column:1!important; grid-row:1!important;
  width:368px!important; min-width:368px!important; max-width:368px!important;
  margin:0!important; padding:0!important; float:none!important; box-sizing:border-box!important;
}
body.single-post #content-wrapper > #content, body.single #content-wrapper > #content{
  grid-column:2!important; grid-row:1!important;
  width:auto!important; min-width:0!important; max-width:none!important;
  margin:0!important; padding:0!important; float:none!important; box-sizing:border-box!important;
}
/* The review itself: image RIGHT, information LEFT. */
body.single-post #content #review-container, body.single #content #review-container{
  display:grid!important;
  grid-template-columns:320px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  direction:rtl!important;
  width:100%!important; max-width:none!important; min-width:0!important;
  margin:0!important; padding:0!important; gap:20px!important;
  float:none!important; box-sizing:border-box!important; align-items:start!important;
}
/* Image panel = right column, fixed proportional width. */
body.single-post #content #review-container #review-panel-left,
body.single #content #review-container #review-panel-left{
  grid-column:1!important; grid-row:1!important;
  width:320px!important; min-width:320px!important; max-width:320px!important;
  height:auto!important; min-height:0!important; margin:0!important; padding:10px!important;
  float:none!important; box-sizing:border-box!important; align-self:start!important;
  aspect-ratio:400/593!important; position:relative!important; background:#161616!important;
  border:1px solid #323232!important; overflow:hidden!important;
}
body.single-post #content #review-container #review-panel-left .gp-review-main-image,
body.single #content #review-container #review-panel-left .gp-review-main-image{
  display:block!important; width:100%!important; height:auto!important;
  aspect-ratio:400/593!important; margin:0!important; padding:0!important;
  overflow:hidden!important; background:#000!important; line-height:0!important;
}
body.single-post #content #review-container #review-panel-left .gp-review-main-image > img,
body.single #content #review-container #review-panel-left .gp-review-main-image > img{
  display:block!important; width:100%!important; height:100%!important;
  max-width:none!important; max-height:none!important; object-fit:cover!important;
  object-position:center!important; margin:0!important; padding:0!important; border:0!important;
}
/* Information card = left column and pulled toward sidebar. */
body.single-post #content #review-container #review-panel-right,
body.single #content #review-container #review-panel-right{
  grid-column:2!important; grid-row:1!important;
  width:auto!important; min-width:0!important; max-width:none!important;
  height:auto!important; min-height:0!important; margin:0!important; padding:10px 10px 0!important;
  float:none!important; box-sizing:border-box!important; align-self:start!important;
  direction:rtl!important;
}
/* Old inline widths must not recreate the old gap. */
body.single-post #content #review-container #review-panel-left[style],
body.single-post #content #review-container #review-panel-right[style],
body.single #content #review-container #review-panel-left[style],
body.single #content #review-container #review-panel-right[style]{ width:auto!important; }
body.single-post #content #review-container #review-panel-left[style],
body.single #content #review-container #review-panel-left[style]{ width:320px!important; }
/* Rating overlay stays inside the poster. */
body.single-post #content #review-container #review-panel-left .gp-admin-rating-overlay,
body.single #content #review-container #review-panel-left .gp-admin-rating-overlay{
  position:absolute!important; left:10px!important; right:10px!important; bottom:12px!important; z-index:30!important;
}
@media(max-width:1100px) and (min-width:701px){
  body.single-post #content-wrapper, body.single #content-wrapper{grid-template-columns:300px minmax(0,1fr)!important;}
  body.single-post #content-wrapper > #sidebar, body.single #content-wrapper > #sidebar{width:300px!important;min-width:300px!important;max-width:300px!important;}
  body.single-post #content #review-container, body.single #content #review-container{grid-template-columns:260px minmax(0,1fr)!important;gap:14px!important;}
  body.single-post #content #review-container #review-panel-left, body.single #content #review-container #review-panel-left{width:260px!important;min-width:260px!important;max-width:260px!important;}
}
@media(max-width:700px){
  body.single-post #content-wrapper, body.single #content-wrapper{display:flex!important;flex-direction:column!important;padding:10px 0 30px!important;}
  body.single-post #content-wrapper > #content, body.single #content-wrapper > #content{order:1!important;width:100%!important;}
  body.single-post #content-wrapper > #sidebar, body.single #content-wrapper > #sidebar{order:2!important;width:100%!important;min-width:0!important;max-width:none!important;margin:24px 0 0!important;}
  body.single-post #content #review-container, body.single #content #review-container{display:flex!important;flex-direction:column!important;gap:14px!important;padding:0 10px!important;}
  body.single-post #content #review-container #review-panel-left, body.single #content #review-container #review-panel-left{order:1!important;width:100%!important;min-width:0!important;max-width:none!important;aspect-ratio:auto!important;}
  body.single-post #content #review-container #review-panel-left .gp-review-main-image, body.single #content #review-container #review-panel-left .gp-review-main-image{width:100%!important;height:auto!important;aspect-ratio:400/593!important;}
  body.single-post #content #review-container #review-panel-right, body.single #content #review-container #review-panel-right{order:2!important;width:100%!important;}
}

/* FILM HAYE 38 — sidebar flush-left handled in header.php inline CSS */

/* FILM HAYE 46 — HOMEPAGE FINAL WIDTH/SCROLL FIX (based on FilmHaye 45)
   Keep sidebar flush-left, preserve a 24px gap, and prevent any horizontal overflow. */
@media (min-width: 1201px) {
  html body.home #content-wrapper,
  html body.front-page #content-wrapper,
  html body.home.blog #content-wrapper {
    display: grid !important;
    grid-template-columns: 368px minmax(0, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 20px 0 40px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html body.home #content-wrapper > #sidebar,
  html body.front-page #content-wrapper > #sidebar,
  html body.home.blog #content-wrapper > #sidebar {
    width: 368px !important;
    min-width: 368px !important;
    max-width: 368px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  html body.home #content-wrapper > #sidebar .widget,
  html body.front-page #content-wrapper > #sidebar .widget,
  html body.home.blog #content-wrapper > #sidebar .widget {
    width: 100% !important;
    max-width: 100% !important;
    margin: 35px 0 30px 0 !important;
    box-sizing: border-box !important;
  }
  html body.home #content-wrapper > #content,
  html body.front-page #content-wrapper > #content,
  html body.home.blog #content-wrapper > #content {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html body.home #content .review-box-container,
  html body.front-page #content .review-box-container,
  html body.home.blog #content .review-box-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 28px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html body.home #content .review-box-container > .review-box,
  html body.front-page #content .review-box-container > .review-box,
  html body.home.blog #content .review-box-container > .review-box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  html body.home #content .review-box-container > .review-box .post-thumbnail,
  html body.front-page #content .review-box-container > .review-box .post-thumbnail,
  html body.home.blog #content .review-box-container > .review-box .post-thumbnail {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 400 / 593 !important;
    box-sizing: border-box !important;
  }
  html body.home #content .review-box-container > .review-box .review-box-text,
  html body.front-page #content .review-box-container > .review-box .review-box-text,
  html body.home.blog #content .review-box-container > .review-box .review-box-text {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html body.home,
  html body.front-page,
  html body.home.blog {
    overflow-x: hidden !important;
  }
}
/* FILM HAYE 47 REAL SINGLE POST OVERFLOW FIX
   Keep the approved sidebar position, but make the post column fit the viewport.
   No horizontal scrolling on single-post pages. */
@media (min-width: 1101px){
  html body.single-post,
  html body.single{
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
  html body.single-post #page-wrapper,
  html body.single #page-wrapper{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body.single-post #content-wrapper,
  html body.single #content-wrapper{
    display:grid!important;
    grid-template-columns:368px minmax(0,1fr)!important;
    column-gap:24px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:20px 0 40px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body.single-post #content-wrapper > #sidebar,
  html body.single #content-wrapper > #sidebar{
    width:368px!important;
    min-width:368px!important;
    max-width:368px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  html body.single-post #content-wrapper > #content,
  html body.single #content-wrapper > #content{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body.single-post #content #review-container,
  html body.single #content #review-container{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,320px) minmax(0,1fr)!important;
    column-gap:24px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body.single-post #content #review-container > *,
  html body.single #content #review-container > *,
  html body.single-post #content #review-container .review-panel,
  html body.single #content #review-container .review-panel{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body.single-post #content img,
  html body.single #content img,
  html body.single-post #content iframe,
  html body.single #content iframe,
  html body.single-post #content table,
  html body.single #content table{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* FILM HAYE 48 - SINGLE POST TEXT WRAP FIX */
@media (min-width: 1101px){
  html body.single-post #content,
  html body.single #content,
  html body.single-post #content #review-container,
  html body.single #content #review-container,
  html body.single-post #content .review-panel,
  html body.single #content .review-panel,
  html body.single-post #content .review-content,
  html body.single #content .review-content,
  html body.single-post #content .entry-content,
  html body.single #content .entry-content{
    overflow-wrap:anywhere!important;
    word-wrap:break-word!important;
    min-width:0!important;
  }
  html body.single-post #content p,
  html body.single #content p,
  html body.single-post #content li,
  html body.single #content li,
  html body.single-post #content h1,
  html body.single #content h1,
  html body.single-post #content h2,
  html body.single #content h2,
  html body.single-post #content h3,
  html body.single #content h3,
  html body.single-post #content h4,
  html body.single #content h4,
  html body.single-post #content a,
  html body.single #content a,
  html body.single-post #content span,
  html body.single #content span{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}









.header-top-new{
    display:flex;
    gap:20px;
    width:100%;
    direction:rtl;
    margin-bottom:65px;
	margin-top: 20px;
}


.header-banner{
    width:70%;
}


.header-banner img{
    width:100%;
    height:440px;
    object-fit:cover;
    border-radius:15px;
}


.header-sidebar-new{
    width:30%;
    display:flex;
    flex-direction:column;
    gap:15px;
}


.social-box{
    display:flex;
    align-items:center;
    gap:15px;
    padding:16px 20px;
    border-radius:12px;
    color:#fff;
    font-size:15px;
    font-weight:600;
}


.telegram-box{
    background:#229ED9;
}


.instagram-box{
    background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);
}


.genres-box-new{
    background:#468ae8;;
    padding:18px;
    border-radius:15px;
	margin-top: 25px;
}


.genres-box-new h3{
    margin:0 0 15px;
}


.genres-grid-new{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}


.genres-grid-new a{
    border:1px solid #ddd;
    padding:8px;
    text-align:center;
    border-radius:10px;
    color:white;
}


@media(max-width:768px){

.header-top-new{
    flex-direction:column;
}

.header-banner,
.header-sidebar-new{
    width:100%;
}

.header-banner img{
    height:250px;
}

}