/*
Theme Name: iReview
Theme URI: http://anathemes.com/ireview/
Description: iReview is responsive designed Wordpress theme for any kind of website galleries by AnaThemes.
Author: AnaThemes
Author URI: http://anathemes.com
Version: 2.0
*/

/******* BODY ********/

body {
font-size: 12px;
font-family:Arial, Tahoma, Century gothic, sans-serif;
background:url(../theme/bg.png) repeat;
color: #555;
margin:0;
padding:0;
}

#main {
width:100%;
margin:0;
padding:0;
background:url(../theme/bgright.png) repeat-y right;
overflow:hidden;
}

clear {
clear:both;
}

img {
border:none;
}

/******* POSTS ********/

#contentwrap {
float: left; 
width: 100%; 
margin-right: -341px;
overflow:hidden;
}

#content {
margin-right: 341px; 
padding:0 14px;
overflow:hidden;
}

.title {
margin:14px 1% 20px 1%;
padding:0;
background:url(../theme/h1bg.png) repeat-x bottom;
overflow:hidden;
}

.title h1, .title h1 a {
margin:0;
padding:0 0 2px 0;
font-size:26px;
color:#555;
text-decoration:none;
font-family:Georgia,Arial, Tahoma, Sans-serif;
text-transform: uppercase;
text-shadow: -1px -1px #666, 1px 1px #FFF;
}

/*This will work for firefox*/
@-moz-document url-prefix() {
.title h1, .title h1 a{
margin:0;
}
}

.titleleft {
float:left;
width:70%;
}

.mobile-nav-toggle,
.mobile-sidebar-header,
.mobile-nav-backdrop {
display:none;
}

.titleright {
float:right;
width:25%;
text-align:right;
margin:0;
padding:0;
}

.titleright a {
margin:0 0 0 5px;
padding:0;
}

.cattitle h2 {
font-size:16px;
margin:-15px 0 16px 1%;
padding:0;
}

.notfound {
margin:-14px 0 0 %1;
padding:0;
}

.postpage {
margin:0 0 0 1%;
padding:0;
overflow:hidden;
}

.pagename h2 {
font-size:16px;
margin:0 0 16px 1%;
padding:0;
}

.postsbody {
overflow:hidden;
margin:0;
padding:0;
}

.websites {
overflow:hidden;
margin:0 1% 0 1%;
padding:0;
float:left;
width:23%;
}

.website {
overflow:hidden;
margin:0;
padding:3%;
background:#fff;
border:1px solid #dddddd;
-webkit-box-shadow: 0 6px 10px -8px black;
-moz-box-shadow: 0 6px 10px -8px black;
box-shadow: 0 6px 10px -8px black;
}

.website:hover {
background:#f8f8f8;
}

.webbg {
height:30px;
margin:5px 0 10px 0;
padding:0;
}

.webbg h2, .webbg h2 a {
margin:0;
padding:5px 5px 0 5px;
font-size:12px;
color:#555;
line-height:18px;
}

.webbg h2 a {
margin:0;
padding:0;
text-decoration:none;
color:#555;
}

.webbg h2 a:hover {
color:#999;
}

.thumb {
margin:0;
padding:0;
}

.thumb img {
margin:0;
padding:0;
width:100%;
height:auto;
}

.thumb{
position:relative;
overflow:hidden;
}

.overlay{position:absolute; 
background:url(../theme/zooma.png) no-repeat center center; 
display:none;
margin:0;
width:50px;
height:50px;
}

.thumb:hover .overlay{
display:block;
}

.featured {
position:absolute;
width:100%;
margin:0;
border:none;
padding:0;
display:block;
text-align:right;
}

.featured img {
margin:0 0 0 0;
border:none;
padding:0;
width:80px;
height:80px;
}

.webinfo {
margin:9px 0 0px 0;
padding:0;
overflow:hidden;
}

.webinfo1 {
margin:0 0 0 1%;
padding:0;
float:left;
width:48%;
}

.webinfo11 {
margin:0 0 0 1%;
padding:0;
float:left;
width:48%;
}

.webinfo2 {
margin:0 1% 0 0;
padding:0;
float:right;
width:48%;
text-align:right;
font-size:11px;
}

.webinfo2 a,.webinfo11 a {
margin:0;
padding:0;
font-size:11px;
color:#888;
text-decoration:none;
}

.webinfo2 a:hover,.webinfo11 a:hover {
color:#444;
text-decoration:none;
}

.entry {
line-height:18px;
font-size:12px;
}

.entry a {
color:#111;
}

.entry a:hover {
color:#444;
}

/******* IMAGES ********/

.postpage img.alignleft, img.left { float: left;margin-right:7px; margin-top:5px; }
.postpage img.alignright, img.right { float: right; margin-left:7px; margin-top:5px;}
.postpage img.aligncenter, img.center { margin-bottom:7px;display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
.postpage img.alignnone, img.block { display: block; clear: both; }
.postpage img.frame { background: #eee; border-style: solid; border-color: #ddd; }
.postpage img.stack { clear: none !important; }
.postpage img[align="left"] { float: left; clear: left; }
.postpage img[align="right"] { float: right; clear: right; }
.postpage img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*—:[ image captioning ]:—*/
.postpage .wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
.postpage .wp-caption.alignleft { float: left; }
.postpage .wp-caption.alignright { float: right; }
.postpage .wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.postpage .wp-caption.alignnone { clear: both; }
.postpage .alignright {float: right;}
.postpage .alignleft {float: left;}

.postpage h1 {
font-size:22px;
line-height:26px;
margin:5px 0;
padding:0;
}

.postpage h2 {
font-size:20px;
line-height:24px;
background:none;
color:#4a4b4b;
border-bottom:none;
margin:5px 0;
padding:0;
}

.postpage h3 {
font-size:18px;
line-height:22px;
margin:5px 0;
padding:0;
}

.postpage h4 {
font-size:16px;
line-height:20px;
margin:5px 0;
padding:0;
}

blockquote {
border-left:1px dotted #c2c2c2;
padding-left:10px;
font-style:italic;
color:#999;
}

.postpage ul li, .postpage ol li {
margin:0 0 7px 0;
}

/******* NAVIGATION ********/

.navigation {
margin:65px 0 0 0px;
clear:both;
font-weight:normal;
padding:10px 0 0 0;
color:#141d24;
text-align:center;
}

.Nav {
margin:25px 0 15px 0px;
}

.Nav span {
background:#fff;
padding:6px 8px 6px 8px;
margin-right:5px;
border:1px solid #dddddd;
}

.Nav span.on {
font-weight:bold;
padding:6px 8px 6px 8px;
margin-right:5px;
border:1px solid #dddddd;
background:#fff;
}

.Nav a {
font-weight:bold;
padding:6px 8px 6px 8px;
margin-right:5px;
border:1px solid #dddddd;
font-size:12px;
background:#fff;
color:#4a4b4b;
text-decoration:none;
}

.Nav a:hover {
background:#fff;
color:#888;
}

/******* SINGLE ********/

.websitessingle {
margin:0 0 15px 1%;
padding:0;
overflow:hidden;
}

.singleleft {
margin:0;
padding:0;
float:left;
width:70%;
overflow:hidden;
}

.singleright {
margin:0;
padding:0;
float:right;
width:29%;
overflow:hidden;
}

.webinfosingle {
overflow:hidden;
margin:15px 0 15px 0;
padding:3%;
background:#fff;
border:1px solid #dddddd;
-webkit-box-shadow: 0 6px 10px -8px black;
-moz-box-shadow: 0 6px 10px -8px black;
box-shadow: 0 6px 10px -8px black;
}

.webinfosingle p {
margin:0 0 9px 0;
padding:0;
}

.webstrong {
font-weight:bold;
}

.webinfosingle a {
color:#444;
text-decoration:none;
border-bottom:1px dotted #999;
}

.webinfosingle a:hover {
color:#999;
}

.website-url {
overflow-wrap:anywhere;
}

.website-status-unavailable {
display:inline-block;
margin-left:6px;
color:#b00020;
}

.randwebsite {
margin:0 0 15px 0;
padding:0;
}

.singlelefttitle h2, .singlelefttitle h3 {
font-size:20px;
line-height:24px;
background:none;
color:#4a4b4b;
border-bottom:none;
margin:0 0 8px 0;
padding:0;
}

/*********COMMENTS ******/

.webcom {
margin:0;
padding:0;
overflow:hidden;
}

.comment a{
text-decoration:none;
font-size:12px;
color:#444;
}
.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
margin-top:-3px;
}

.commentlist cite, .commentlist cite a {
color:#444;
font-size:12px;
font-weight:bold;
}

.commentlist p {
line-height:18px;
}

#commentform p {
line-height:16px;
}

.commentmetadata {
}

.commentmetadata a{
color:#444;
font-size:12px;
}

h3.comments {
margin:0 0 10px 0;
padding:0 0 10px 0;
font-size:14px;
line-height:20px;
}

h3#comments {
margin:0 0 10px 0;
padding:0;
font-size:14px;
line-height:20px;
}

#respond {
margin:0 0 15px 0;
padding:0;
overflow:hidden;
}

h3.respond {
margin:10px 0 0 0;
padding:0;
font-size:14px;
line-height:20px;
}

#respond h3{
margin:0;
padding:0;
font-size:14px;
line-height:20px;
}

#respond a {
color:#444;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
margin:0;
}

.commentlist li {
margin: 0px 0 10px 0px;
padding:10px;
list-style: none;
border:1px solid #dddddd;
overflow:hidden;
background:#fdfdfd;
}

.commentlist li.bypostauthor {
margin: 0px 0 10px 0px;
padding:10px;
list-style: none;
border:1px solid #dddddd;
background:#f9f8f8;
}

.commentlist li ul li { 
margin-right: -5px;
margin-left: 10px;
margin-top:10px;
overflow:hidden;
clear:both;
}

.commentlist li ul li.bypostauthor { 
margin-right: -5px;
margin-left: 10px;
margin-top:10px;
overflow:hidden;
clear:both;
}

.commentlist p {
margin: 10px 5px 10px 0;
line-height:18px;
}

.children { padding: 0; }

#commentform p {
margin: 5px 0 0 0px;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

#commentform input {
width: 220px;
padding: 2px 2px 2px 27px;
margin: 5px 5px 1px 0;
border:1px solid #bebebe;
color:#404040;
background:#f5f5f5;
}

#commentform input#author {
background:#f5f5f5 url(../theme/FormName.png) no-repeat left;
}

#commentform input#author:hover {
background:#fafbfb url(../theme/FormName.png) no-repeat left;
}

#commentform input#email {
background:#f5f5f5 url(../theme/FormEmail.png) no-repeat left;
}

#commentform input#email:hover {
background:#fafafb url(../theme/FormEmail.png) no-repeat left;
}

#commentform input#url {
background:#f5f5f5 url(../theme/FormURI.png) no-repeat left;
}

#commentform input#url:hover {
background:#fafbfa url(../theme/FormURI.png) no-repeat left;
}

#commentform input:hover {
background:#fbfafa;
}

#commentform {
margin: 5px 10px 0 0;
}
#commentform textarea {
width: 99%;
padding: 2px;
border:1px solid #bebebe;
background:#f5f5f5;
color:#404040;
}

#commentform textarea:hover {
background:#fbfafa;
}

#commentform #submit {
margin: 0 0 5px auto;
float: right;
background:#f7b50f;
border:1px solid #f9cf71;
padding:3px 3px 3px 3px;
width:135px;
color:#fff;
font-weight:bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}

#commentform #submit:hover {
background:#fcc332;
}

/******* SIDEBAR RIGHT ********/

#sidebar_right {
float: left; 
width: 300px;
padding:10px 20px;
margin:0; 
}

#sidebar_right img {

}

.sidebarbanner {
margin:0 0 15px 0;
padding:0;
}

.sidebarbanner img {
margin:0 10px 15px 0;
padding:5px;
border:1px solid #444;
overflow:hidden;
background:#222222;
}

.sponsor-banner {
box-sizing:border-box;
width:100%;
padding:5px;
border:1px solid #444;
background:#222222;
text-align:center;
}

.sponsor-banner a {
display:block;
}

.sponsor-banner img {
box-sizing:border-box;
display:block;
width:100%;
max-width:none;
height:auto;
margin:0;
padding:0;
border:0;
background:none;
}

#sidebar_right ul h2 {
margin:10px 0 10px 0;
padding:0 0 8px 0;
font-size:16px;
color:#efefef;
font-family:Georgia,Arial, Tahoma, Sans-serif;
text-transform: uppercase;
background:url(../theme/h2bg.png) repeat-x bottom;
clear:left;
}

#sidebar_right ul {
margin:0 0 0px 0;
padding:0;
list-style:none;
overflow:hidden;
}

#sidebar_right ul li {
margin:10px 0 0px 0;
padding:0;
}

#sidebar_right ul li ul {
margin:0 0 10px 0;
padding:0;
}

#sidebar_right ul li ul li {
margin:0 0 10px 0;
padding:0 0 0px 19px;
float:left;
width:130px;
background:url(../theme/li.png) no-repeat left;
}

#sidebar_right ul li ul li a, .tagcloud a {
margin:0;
padding:0;
color:#999;
text-decoration:none;
}

#sidebar_right ul li ul li a:hover,.tagcloud a:hover {
color:#444;
}

#sidebar_right ul li ul li ul {
margin:5px 0 5px 10px;
padding:0;
}

/******* SEARCH ********/

:focus{outline:0;}
input{padding:0;margin:0;}
.arama1{width:300px;height:52px;background:url("../theme/search.png") no-repeat;border:none;padding:0 20px;}
.ara{width:70px;height:52px;background:url("../theme/searchit.png");border:none;}

.search {
margin:14px 0px 14px 0;
padding:0;
overflow:hidden;
width:287px;
}

.main_search{
height:30px;
margin:0px 0 0 0px;
padding:0;
text-align:center;
}

.searchform_top{
padding:0px 0px 0 0;
float:left;
}

.searchform_top_text{
width:146px;
height:20px;
border:none;
font-size:12px;
float:left;
margin:14px 4px 0 26px;
padding:0;
color:#304e62;
background:none;
}

/******* FOOTER ********/

#footer {
clear:both;
text-align:right;
margin:15px 10px;
}

#footer a {
color:#999;
}

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

/****** MEDIA QUERIES *******/
/* for 1040px or less */
@media screen and (max-width: 1040px) {
.webinfo2 a {
font-size:9px;
}
}

/* for 1024px or less */
@media screen and (max-width: 1024px) {
	
.websites {
overflow:hidden;
margin:0 1% 0 1%;
padding:0;
float:left;
width:48%;
}

.website {
overflow:hidden;
margin:0;
padding:3%;
background:#fff;
border:1px solid #dddddd;
}

.webinfo2 a {
font-size:12px;
}
}

/* for 990px or less */
@media screen and (max-width: 990px) {
.singlelefttitle h2, .singlelefttitle h3 {
font-size:18px;
line-height:24px;
}
}

/* for 960px or less */
@media screen and (max-width: 960px) {
.singlelefttitle h2, .singlelefttitle h3 {
font-size:16px;
line-height:24px;
}
}

/* for 920px or less */
@media screen and (max-width: 920px) {
.singlelefttitle h2, .singlelefttitle h3 {
font-size:14px;
line-height:24px;
}
}

/* for 900px or less */
@media screen and (max-width: 900px) {
.titleleft {
float:left;
width:100%;
}

.titleright {
display:none;
}
}

/* for 866px or less */
@media screen and (max-width: 866px) {
.singleleft {
margin:0;
padding:0;
float:none;
width:100%;
overflow:hidden;
}

.singleright {
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:12px;
clear:both;
float:none;
width:100%;
margin:0;
padding:0;
overflow:visible;
}

.singleright .randwebsite {
min-width:0;
margin:0;
}

.singleright .website {
box-sizing:border-box;
width:100%;
}

.singleright .webinfo11 {
float:none;
width:100%;
margin:0;
overflow-wrap:anywhere;
}
}

/* for 768px or less */
@media screen and (max-width: 768px) {
.websites {
overflow:hidden;
margin:0 0 0 1%;
padding:0;
float:left;
width:98%;
}

.website {
overflow:hidden;
margin:0;
padding:3%;
background:#fff;
border:1px solid #dddddd;
}

.webinfo2 a {
font-size:12px;
}
}

/* for 700px or less */
@media screen and (max-width: 700px) {
#main {
background:none;
}

.singleright {
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.title {
display:flex;
align-items:center;
gap:12px;
}

.titleleft {
float:none;
width:auto;
min-width:0;
flex:1;
}

.mobile-nav-toggle {
display:inline-flex;
align-items:center;
gap:6px;
min-height:32px;
padding:5px 8px;
border:1px solid #aaa;
background:#f2f2f2;
color:#555;
font:700 12px Arial, Tahoma, sans-serif;
cursor:pointer;
}

.mobile-menu-icon,
.mobile-menu-icon::before,
.mobile-menu-icon::after,
.mobile-menu-icon span {
display:block;
width:15px;
height:2px;
background:#555;
}

.mobile-menu-icon {
position:relative;
flex:0 0 15px;
height:14px;
background:transparent;
}

.mobile-menu-icon::before,
.mobile-menu-icon::after,
.mobile-menu-icon span {
position:absolute;
left:0;
content:"";
}

.mobile-menu-icon::before {
top:2px;
}

.mobile-menu-icon span {
top:7px;
}

.mobile-menu-icon::after {
top:12px;
}

#contentwrap {
float: left; 
width: 100%; 
margin-right: 0;
overflow:hidden;
}

#content {
margin-right: 0; 
padding:0 14px;
overflow:hidden;
}

#sidebar_right {
display:block;
position:fixed;
top:0;
right:0;
z-index:1001;
box-sizing:border-box;
width:min(100vw, 340px);
height:100vh;
height:100dvh;
padding:10px 20px 24px;
overflow-y:auto;
background:#292929 url(../theme/bgright.png) repeat-y right;
box-shadow:-3px 0 12px rgba(0, 0, 0, .35);
transform:translateX(105%);
visibility:hidden;
transition:transform .2s ease, visibility 0s linear .2s;
}

.mobile-nav-open #sidebar_right {
transform:translateX(0);
visibility:visible;
transition:transform .2s ease;
}

.mobile-sidebar-header {
display:flex;
align-items:center;
justify-content:space-between;
min-height:38px;
margin:0 0 8px;
padding:0 0 7px;
border-bottom:1px solid #555;
color:#efefef;
font-size:16px;
text-transform:uppercase;
}

.mobile-nav-close {
width:34px;
height:34px;
padding:0;
border:0;
background:transparent;
color:#efefef;
font-size:28px;
line-height:32px;
cursor:pointer;
}

.mobile-nav-backdrop {
position:fixed;
inset:0;
z-index:1000;
display:block;
width:100%;
height:100%;
padding:0;
border:0;
background:rgba(0, 0, 0, .55);
cursor:pointer;
}

.mobile-nav-backdrop[hidden] {
display:none;
}

.mobile-nav-open {
overflow:hidden;
}

#sidebar_right .search,
#sidebar_right .searchform_top,
#sidebar_right .arama1 {
box-sizing:border-box;
width:100%;
}

#sidebar_right .search {
height:auto;
margin:12px 0 14px;
overflow:visible;
}

#sidebar_right .main_search {
height:auto;
}

#sidebar_right .searchform_top {
float:none;
}

#sidebar_right .arama1 {
display:grid;
grid-template-columns:minmax(0, 1fr) 58px;
gap:6px;
height:40px;
padding:0;
background:none;
}

#sidebar_right .searchform_top_text {
box-sizing:border-box;
float:none;
width:100%;
height:40px;
margin:0;
padding:0 11px;
border:1px solid #666;
background:#fff;
color:#333;
}

#sidebar_right .ara {
width:58px;
height:40px;
border:1px solid #6f9d3b;
background:#92d050;
color:#263919;
font-size:13px;
font-weight:bold;
}
}

@media (prefers-reduced-motion: reduce) {
#sidebar_right {
transition:none;
}
}

html {
-webkit-text-size-adjust: none;
}

/* Static restoration compatibility */
.clear {
clear:both;
}

.titleleft {
width:100%;
}

.thumb img {
display:block;
aspect-ratio:560 / 462;
object-fit:cover;
}

.rating-stars {
display:flex;
width:60px;
height:12px;
}

.rating-stars img {
display:block;
width:12px;
height:12px;
}

.screen-reader-text {
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}

.ara {
cursor:pointer;
font-size:0;
}

.searchform_top_text::placeholder {
color:#304e62;
opacity:1;
}

.sidebar-links a {
color:#b2b2b2;
text-decoration:none;
}

.sidebar-links .add-site-link {
color:#92d050;
}

.tag-cloud a {
display:inline-block;
margin:0 3px 5px 0;
}

.more-tags-title {
font-size:16px;
}

.archived-entry table {
width:100%;
border-collapse:collapse;
margin:10px 0 18px;
}

.archived-entry th,
.archived-entry td {
padding:7px;
border:1px solid #ddd;
text-align:left;
vertical-align:top;
}

.archived-entry th {
background:#eee;
}

.archived-entry pre {
white-space:pre-wrap;
overflow-wrap:anywhere;
background:#f5f5f5;
border:1px solid #ddd;
padding:8px;
}

.archived-entry input,
.archived-entry textarea {
box-sizing:border-box;
max-width:100%;
margin:3px 0 8px;
padding:5px;
border:1px solid #bebebe;
}

.archived-entry textarea {
width:100%;
min-height:80px;
}

.archived-entry img {
max-width:100%;
height:auto;
}

.archived-entry .control-group {
margin-bottom:8px;
}

.archived-entry .control-label {
display:block;
font-weight:bold;
}

.archived-entry .help-block {
color:#777;
font-size:11px;
}

#footer {
text-align:center;
line-height:18px;
padding:0 14px;
}

.site-notice {
text-align:center;
line-height:18px;
margin:15px 10px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline:2px solid #4c7d16;
outline-offset:2px;
}

#sidebar_right a:focus-visible,
#sidebar_right button:focus-visible,
#sidebar_right input:focus-visible,
#sidebar_right textarea:focus-visible,
#sidebar_right select:focus-visible {
outline-color:#c5ff83;
}

@media screen and (max-width: 700px) {
.titleleft {
width:auto;
}

#sidebar_right .ara {
font-size:13px;
}
}

@media screen and (max-width: 480px) {
.title h1,
.title h1 a {
font-size:22px;
}

.singlelefttitle h2,
.singlelefttitle h3 {
font-size:18px;
}

.webinfosingle,
.website {
box-sizing:border-box;
}

.archived-entry {
overflow-x:auto;
}
}