/*=============================================================*/
/* Theme: Torrentigruhi
/* Version: 1.1.0
/* Copyright (c) 2022 ShopThemes - Vendor Marketplace
/* Site Autor: https://shopthemes.ru/
/*=============================================================*/
* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'Montserrat', sans-serif;font-size: 14px;color: var(--dark); line-height: 26px; background: var(--white);}
a {text-decoration: none;border: none;outline: none;color: var(--turquoise);font-weight: 500;overflow: inherit;transition: all 0.3s ease 0s;}
a:hover {text-decoration:none;}
ul {margin: 0; padding: 0;}
li {list-style: none;}
img {max-width: 100%;}
form {width: 100%;}
h1, h2, h3, h4, h5, h6 {color: var(--dark);margin: 0;font-weight: 600;line-height: 28px;}
h1 {font-size: 24px;}
.container {position: relative;max-width: 1280px;margin: 0 auto;padding: 0 30px;box-shadow: rgba(0,0,0,.12) 0 0 50px;}
.right {float: right;}
.center {text-align: center;}
.middle {display: flex; flex-wrap: wrap;padding: 20px 0;}
.main_content {flex: 1;}
[class*="aside_"] {flex: 0 0 300px; max-width: 300px;}
.aside_l {margin-right: 30px;}
.aside_r {margin-left: 30px;}
.aside_block {margin-bottom: 30px;}
.aside_title {background: var(--green); color: var(--white); font-weight: 500; padding: 10px 15px; margin-bottom: 10px;}
.aside_content h5 {text-transform: uppercase;padding: 5px 10px;font-size: 10px;color: var(--turquoise);}
.fullwidth {flex: 0 0 100% !important; min-width: 100%;}
.sect_title {border-left: 3px solid var(--green);padding: 5px 15px;font-size: 22px;margin-bottom: 20px;}
.sect_title::first-letter {color: var(--turquoise);}
.content_block, .related {display: flex; flex-wrap: wrap;margin: 0 -15px;}

/*=============================================================*/
/* HEADER
/*=============================================================*/
.header{box-shadow:var(--box-shadow);}
.header_row {display: flex; justify-content: space-between; flex-wrap: wrap;}
.h_content {flex:1; display: flex; justify-content: space-between; flex-wrap: wrap;align-items: center;}
.h_content i.fa-bars {font-size: 24px; color: var(--turquoise); cursor: pointer; display: none;}
.h_content i.fa-bars.open {color: var(--green);}

/*=============================================================*/
/* LOGO
/*=============================================================*/
.logo {text-transform: uppercase;font-weight: 800;padding: 10px 0;font-size: 24px;margin-right: 30px;color: var(--green);}
.logo span {color: var(--turquoise);}
.logo:hover {color: var(--turquoise);}
.logo:hover span {color: var(--green);}
.logo small {display: block;font-weight: 500;font-size: 9px;color: var(--text-light);text-transform: none;text-align: right;margin-top: -8px;}

/*=============================================================*/
/* TOP NAV
/*=============================================================*/
nav.top_nav ul {display: flex; flex-wrap: wrap;}
.top_nav li {padding: 0px 15px; list-style: none;}
.top_nav li a {display: inline-block; color: var(--dark);}
.top_nav li a:hover {border-bottom: 1px dashed var(--green);}
.top_nav [class*="fa"] {margin-right: 10px; color: var(--green);}

/*=============================================================*/
/* USER PANEL
/*=============================================================*/
a.profile {color: var(--turquoise);font-weight: 600;}
.panel_user a {display: block; white-space: nowrap;}
.panel_user a.avatar {display: flex;justify-content: center;flex-wrap: wrap; margin-bottom: 15px;}
.panel_user a.avatar span {display: flex;justify-content: center; width: 100%;font-size: 16px;font-weight: 700;}
.panel_user a.avatar img {width: 50px; height: 50px; border-radius: 50%; display: block;}
.panel_user .dropdown-item {padding: 5px 15px; color: var(--dark);}
.panel_user .dropdown-item [class*="fa"] {margin-right: 10px; color: var(--text-light); transition: all 0.3s ease 0s;}
.panel_user .dropdown-item:hover {background: var(--turquoise); color: var(--white);}
.panel_user .dropdown-item:hover [class*="fa"], .panel_user .dropdown-item:hover span.right {color: var(--white);}
.dropdown-menu {border: 0;margin: 18px 0 0;box-shadow: var(--box-shadow);border-top: 1px solid var(--turquoise);border-radius: 0px;padding: 30px 0 10px;min-width: 250px;right: -1px;}
.dropdown-menu::before {content: '';position: absolute;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid var(--turquoise);bottom: 100%;right: 30px;}
.panel_user .dropdown-item span.right {color: var(--text-light); transition: all 0.3s ease 0s;}

.login_form {padding: 0 20px;margin-top: -10px;}
.login_form input {width: 100%; margin-bottom: 20px;}
.login_input-btn button {width: 100%; margin-bottom: 10px;}
.login_form__foot {display: flex;flex-wrap: wrap;justify-content: space-between; font-size: 12px;padding: 0 20px;}
.login_form__foot a {text-align: center;}

/*=============================================================*/
/* SEARCH
/*=============================================================*/
._search {background: var(--turquoise);padding: 10px 0;}
._search .container {box-shadow: none;}
._search input {border: 0; box-shadow: none; background: rgba(255,255,255,.2); color: var(--white); font-size: 13px;width: 100%; padding: 0 15px; flex: 1;}
._search input:focus {box-shadow:none !important;}
._search ::-webkit-input-placeholder {color: var(--white) !important; opacity:1;}
._search ::-moz-placeholder          {color: var(--white) !important; opacity:1;}/* Firefox 19+ */
._search :-moz-placeholder           {color: var(--white) !important; opacity:1;}/* Firefox 18- */
._search :-ms-input-placeholder      {color: var(--white) !important; opacity:1;}
._search :focus::-webkit-input-placeholder {color: transparent !important;}
._search :focus::-moz-placeholder          {color: transparent !important;}
._search :focus:-moz-placeholder           {color: transparent !important;}
._search :focus:-ms-input-placeholder      {color: transparent !important;}
.search_form {display: flex;}
.search_form button {background: #2fa5b9;display: inline-flex;align-items: center;}
.search_form button [class*="fa"] {margin-right: 10px;}
.search_form button:hover {background: rgba(255, 255, 255, .1);}

/*=============================================================*/
/* CATEGORY (Aside)
/*=============================================================*/
.category_list {display: flex; flex-wrap: wrap; background: #f7f7f7; margin-bottom: 10px;}
.category_list > li {flex: 0 0 50%; max-width: 50%; font-size: 12px;list-style: none;}
.category_list > li a {color: var(--dark); display: block; padding: 3px 10px; border: 1px solid #fefefe;}
.category_list > li a:hover {background: var(--turquoise); color: var(--white);}
.category_list.for_col > li {flex: 0 0 25%;max-width: 25%; text-align: center;}
.category_list.one_col > li {flex: 0 0 100%; min-width: 100%;}

/*=============================================================*/
/* SHORTSTORY
/*=============================================================*/
.shortstory_item {flex: 0 0 25%;max-width: 25%;padding: 0 15px; margin-bottom: 30px; position: relative;}
.shortstory_item img {width: 100%; height: 300px; object-fit: cover; display: block; margin-bottom: 10px;}
.shortstory_item a {color: var(--dark); font-weight: 700; display: block;}
.shortstory_item a:hover {color: var(--turquoise);}
.shortstory_item h3 {text-align: center;font-size: 14px;line-height: 1.4;}
.shortstory_item .poster {position: relative; width: 100%;}
.shortstory_item i[class*="fa"] { color:var(--grey-light);font-size:16px;position:absolute;top:0;left:15px;z-index:1;width:30px;height:30px;display:inline-flex;justify-content:center;align-items:center;background:rgba(0,0,0,.3)}

/*=============================================================*/
/* INFORMERS
/*=============================================================*/
.popular_inf {padding: 20px 0 0;}
.popular_content {display: flex; margin: 0 -7.5px;}
.popular_item {flex: 0 0 14.3%;max-width: 14.3%;padding:0 7.5px;}
.popular_item img {display: block; height: 240px; width: 100%; object-fit: cover;}
.popular_item h4 a {color: var(--dark);font-weight: 600;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;width: 100%;display: block;}
.popular_item h4 a:hover {color: var(--turquoise)}

.related_item {flex: 0 0 25%;max-width: 25%;padding: 0 15px; margin-bottom: 30px; position: relative;}
.related_item img {width: 100%; height: 300px; object-fit: cover; display: block; margin-bottom: 10px;}
.related_item a {color: var(--dark); font-weight: 700; display: block;}
.related_item a:hover {color: var(--turquoise);}
.related_item h3 {text-align: center;font-size: 14px;line-height: 1.4;}
.related_item .poster {position: relative; width: 100%;}

.random_inf {display: flex; margin: 0 -7.5px;flex-wrap: wrap;}
.random_item { flex:0 0 50%;max-width:50%;padding:0 7.5px;margin-bottom: 15px;position:relative}
.random_item img {height: 210px;width: 100%;display: block;object-fit: cover;}

/*=============================================================*/
/* FOOTER
/*=============================================================*/
.footer {background: var(--turquoise); font-size: 12px; color: var(--white); line-height: 1.5;display: table;margin: 0 -30px;}
.footer_top {display: flex; justify-content: center; flex-wrap: wrap;padding: 10px 15px; }
.footer_top a {color: var(--white); font-weight: 600; text-transform: uppercase; margin: 5px 15px; display: inline-block;}
.footer a {color: rgba(255, 255, 255, 1);}
.footer_bottom {border-top: 1px solid rgba(255,255,255,.2); display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px; align-items: end;}
.footer_info {flex: 1; padding: 0 15px;}
.f_ount {padding: 0 15px;}
.f_ount img {opacity: .3; transition: all ease-in-out .3s;}
.f_ount img:hover {opacity: 1;}
.footer_info p {margin-bottom: 7px;}
.footer_info p:last-child {margin-bottom: 0;}

/*=============================================================*/
/* VIDEO IFRAME
/*=============================================================*/
.videoWrapper {position:relative; height:0;padding-bottom:56.25%; padding-top:0px; margin-bottom: 30px;}
.videoWrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/*=============================================================*/
/* FULLSTORY
/*=============================================================*/
.full_page, .box_in {padding: 0 15px;}
.full_content {display: flex; flex-wrap: wrap;width: 100%;}
.full_left {flex: 0 0 30%; max-width: 30%;min-width: 30%; padding-right: 30px;}
.fill_right {flex: 1;}
.poster {position: relative;}
.poster img {display: block; width: 100%; height: 308px;}

.add_fav_bl, .del_fav_bl {position:absolute;right:0;top:0;color:rgba(255, 255, 255, .8);font-size:24px;padding:5px;line-height:1; height: 36px; width: 36px; display: inline-flex; justify-content: center; align-items: center; transition: all ease-in-out .15s; cursor: pointer;}
.add_fav_bl:hover, .del_fav_bl:hover {color:rgba(255, 255, 255, 1); font-size: 28px;}
.add_fav_bl {background:var(--turquoise);}
.del_fav_bl {background:var(--green);}

.vews{color:#eee;background:linear-gradient(to top,rgb(37, 53, 68) 0%,rgba(0,0,0,0) 100%);position:absolute;bottom:0;width:100%;padding:10px;left:0;right:0;height:auto;font-size:13px;text-align:center;padding-top:100px}
.rating {display: flex; justify-content: space-between; flex-wrap: nowrap; color: var(--white); font-weight: 500; width: 100%;font-size: 14px; height: auto;}
.rating [class*="fa"] {font-size: 16px; line-height: 1;}
.rating .like {background:var(--green);flex:0 0 50%;display:inline-flex;justify-content:center;align-items:center;line-height: 1;}
.rating .dislike {background:var(--red);flex:0 0 50%;display:inline-flex;justify-content:center;align-items:center;line-height: 1;}
.rating .dislike [class*="fa"] {margin-left: 12px;}
.rating .like [class*="fa"] {margin-right: 12px;}
.rating .like > span.masha_index {display: none !important;}
.rating a { padding:10px 15px;color:var(--white);display:flex;width:100%;justify-content:center;align-items:center}

.subscr-lazydev {text-align: center;}
.subscr-btn,
.unsubscr-btn {display: block;text-align: center;padding: 6px;border-radius: 0px;background-color: #2C3E50;color: #fff;font-size: 14px;margin-bottom: 5px; cursor: pointer; transition: all ease-in-out .3s;}
.subscr-btn:hover {background: #2fa5b9;}
.subscr-info span {color: var(--turquoise)}
.subscr-info {font-weight: 500;}

.yx-share-title,
.yx-share-title,
.ya-share2 {text-align: center;font-size: 12px;color: var(--text-light);font-weight: 500;}

.full_left h4 {text-align: center;margin-top: 10px;font-size: 16px; margin-bottom: 10px;}
.fscreens {max-height: 345px;overflow-x: auto;scrollbar-color: #35c535 #e4e4e4;scrollbar-width: thin;}
.fscreens img {display: block;}
.fscreens a {margin-bottom: 15px; display: block;}
.fscreens a:last-child {margin-bottom: 0px;}

.descr_short_info {margin-bottom: 30px;}
.descr_short_info li, .description li  {padding: 5px 15px;display:flex;align-items:center;flex-wrap: wrap;list-style:disc;}
.descr_short_info li:nth-child(2n+1) {background: #f7f7f7;}
.descr_short_info li span {font-weight: 700; display: inline-block; min-width: 150px;}
.descr_short_info a {margin-right: 5px;}
.descr_short_info a::after {content: ",";}
.descr_short_info a:last-child::after {content: "";}
.descr_short_info a:hover {text-decoration: underline;}
.descr_short, .description {hyphens: auto; margin-bottom: 30px;}
.descr_short p, .description p {margin-bottom: 20px;}

.system_req {margin-bottom:30px;background:#f7f7f7;padding:20px;line-height:1.85rem}
.system_req ul {padding-left: 32px;}
.system_req li {list-style:disc;}

.download_bl {text-align: center; margin-bottom: 30px;}
.full_page .btn {background: var(--green); font-weight: 500 !important; font-size: 15px; display: inline-flex; align-items: center; line-height: 1; padding: 10px 15px; margin: 0 10px 10px;}
.full_page .btn [class*="fa"] {margin-right: 12px; font-size: 20px; line-height: 1;}
.full_page .btn:hover {opacity: .85;}
.full_page .btn.rev {background: var(--turquoise);}
.full_page .btn.rev:hover {opacity: .85;}
.full_page button.btn {margin: 0;}
.title_block {text-align: center; margin-bottom: 10px;margin-top: 30px;}

/*=============================================================*/
/* COMMENTS
/*=============================================================*/
.fn_comments {width: 100%; position: relative; display: block; hyphens: auto;}
.fn_comments h4 {text-transform: uppercase;font-size: 16px;font-weight: 600;position: relative; padding-bottom: 15px;margin-bottom: 30px; padding: 0 30px;}
.fn_comm_body h4 span {color: var(--green);}
.fn_comm_body {margin-bottom: 30px;}
.fn_comment_item {border-bottom: 1px solid #eceff2; padding: 20px; display: flex;}
.fn_comment_item .fn_ava_comm {flex: 0 0 35px; max-width: 35px; margin-right: 30px;}
.fn_ava_comm a {position: relative; display: inline-block;}
.fn_ava_comm img {width: 100%; display: block; position: relative; z-index: 1;}
.fn_comments span.count {position: absolute;top: -2px;right: -2px;width: 15px;height: 15px;padding: 0;border-radius: 0;background: var(--red);z-index: 0;}
.fn_comm_item_top {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px;color: #bdbdbd;}
.fn_comm_item_top a {margin-right: 5px;font-weight: 600;color: var(--dark);}
.fn_comm_date {font-size: 10px; margin-left: 5px;color:var(--text-light); position: relative; top: -1px;}
.fn_user_status {font-size: 10px;text-align: center;}
.fn_red_text {color: var(--red); font-weight: 500;}
.fn_grey_text {color:var(--text-light); }
.fn_comment_item .fn_comm_content {flex: 1;}
.fn_dash_comm {display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; position: relative;}
.fn_dash_comm .dropdown-menu [class*="fa-"] {font-size: 14px; margin-right: 7px;}
.fn_dash_comm button {background-color: transparent; color: var(--text-light); font-size: 14px;  padding: 0; line-height: 1;} 
.fn_dash_comm .dropdown-menu {border-radius: 0; padding: 15px 0;border: 1px solid var(--light); min-width: 180px; margin-top: 0;}
.fn_dash_comm .dropdown-menu::before {display: none;}
.fn_dash_comm .dropdown-menu a.dropdown-item {display: flex; align-items: center; padding: 2px 15px; white-space: nowrap; margin-right: 0; color: var(--dark); font-weight: 500; font-size: 12px;}
.fn_dash_comm .dropdown-menu a.dropdown-item [class*="fa-"] {font-size: 16px; margin-right: 10px; width: 25px; text-align: center; opacity: .4; transition: all 0.3s ease 0s;}
.fn_dash_comm .dropdown-menu a.dropdown-item:hover [class*="fa-"] {opacity: .7;}
.fn_dash_comm .dropdown-menu a.dropdown-item:hover {background: #f8f8f8;}
.fn_comm_input {display: flex; justify-content: space-between; margin: 0 -10px 20px; flex-wrap: wrap; }
.fn_comm_input > div {flex: 0 0 50%; padding: 0 10px;}
[id*="comm-id-"] {hyphens: auto;}
.fn_comment_item .quote {font-size: 12px;color: var(--dark);box-shadow: none;background: var(--light);font-weight: 400;}
.fn_comment_item .title_quote {font-weight: 600; padding: 10px 15px !important;background: var(--blue-light);}
.fn_ava_comm img {border-radius: 50%;}
.fn_ava_comm .count {position: absolute;width: 8px;height: 8px;display: inline-block;padding: 0;border-radius: 50%;}
.fn_comm_item_top_rating {margin-right: 20px;}
.fn_heading {text-transform: uppercase;font-weight: 600;padding: 15px 20px;border-bottom: 1px solid #eceff2;}
.fn_comm_input {display: flex; justify-content: space-between; margin: 0 -10px 20px; flex-wrap: wrap; }
.fn_comm_input > div {flex: 0 0 50%; padding: 0 10px;}
form#dlemasscomments {width: 100%;}

/*=============================================================*/
/* LIKE/DISLIKE/STARS
/*=============================================================*/
.unit-rating a {transition: none;}
.rate_stars {display: flex;}
.rate_stars [id*="comments-ratig"] {padding: 0; background: none;}
.rate_like , .rate_like-dislike {color: var(--text-light); font-weight: 400 !important; font-size: 12px;display: flex; align-items: center;}
.rate_like a {margin-right: 0;color: var(--text-light); font-weight: 400 !important;}
.rate_like [class*="fa-"] {padding: 5px;background: var(--green);color: var(--white); border-radius: 3px;box-shadow: var(--box-shadow-btn); line-height: 1;}
[id*="comments-ratig"] {border-radius: 3px;font-weight: 500;background: var(--light); display: inline-block;padding:5px 7px; line-height: 1; text-align: center;}
.rate_like-dislike a {margin-right: 0;}
.rate_like-dislike a [class*="fa-"] {padding: 5px;color: var(--white);border-radius: 3px;box-shadow: var(--box-shadow-btn);line-height: 1;}
.rate_like-dislike a i.fa-thumbs-down {background: var(--red);}
.rate_like-dislike a i.fa-thumbs-up {background: var(--green);} 
.ratingtypeplusminus span {font-weight: 500;display: inline-block; padding:5px 7px;}
.fn_post_rate .rate_like-dislike {display: flex; justify-content: space-between; }
.fn_post_rate .rate_like-dislike > div {flex: 1;display: inline-flex;}
.fn_post_rate a {color: var(--white);flex: 0 0 50%;text-align: center;display: inline-flex;align-items: center; position: relative; overflow: hidden;font-size: 14px;}
.fn_post_rate a:first-child {background: var(--red);}
.fn_post_rate a:first-child:hover {background: rgba(244, 67, 54, 0.85);}
.fn_post_rate a:last-child {background: var(--green);}
.fn_post_rate a:last-child:hover {background: rgba(76, 175, 80, 0.85);}
.fn_post_rate a .fn_rating_post_count {flex: 0 0 65px; min-width: 65px; padding: 20px; font-size: 16px; background: rgba(255, 255, 255, 0.1)}
.fn_post_rate a span {flex: 1;}
.fn_post_rate a [class*="fa-"] {box-shadow: none; background-color: transparent !important;}

/*=============================================================*/
/* PAGINATION
/*=============================================================*/
.pagination {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 100%;margin: 35px 0;}
.pagination a, .pagination span {display: inline-flex; align-items: center; justify-content: center; margin: 5px; font-size: 14px; padding: 5px 10px; min-width: 35px; height: 35px;flex-wrap: wrap;}
.pagination .tp_pages a {margin: 5px; border-radius: 3px; background: var(--turquoise); color:var(--white);box-shadow: var(--box-shadow-btn);}
.pagination .tp_pages a:hover {background-color: var(--green);}
.pagination .tp_pages span { color: var(--dark);background: var(--shadow); border-radius: 3px; font-weight: 500; font-size: 14px;}
.pagination [class*="fa-"] {font-size: 24px; color: var(--text-light); opacity: 0.5;transition: all 0.3s ease 0s; }
.pagination [class*="tp_page_"] a, .pagination [class*="tp_page_"] span {padding: 0;}
.pagination [class*="tp_page_"] a:hover [class*="fa-"] {color: var(--blue); opacity: 1;}
.pagination .tp_page_prev, .pagination .tp_page_next {padding: 0;margin: 0;}
.pagination .tp_pages a span, .pagination .tp_pages span > span {display: none;}

.for_pc { display:flex;flex-wrap:wrap;margin-bottom:30px; padding: 0 20px;}
.for_pc li { flex:0 0 20%;max-width:20%}
.for_pc li a { font-size:13px}

/*=============================================================*/
/* ENGINE STYLES
/*=============================================================*/
[class*="clouds_"] a {background: var(--turquoise); display: inline-block; color: var(--white);padding: 3px 10px; margin: 3px 7px;border-radius: 3px;box-shadow: var(--box-shadow-btn);font-size: 14px; font-weight: 500;}
a.fr-command[data-param1="H2"] {font-size: 22px !important;}
.bb-editor i[class*="fa"] {font-weight: 400 !important;}
#txtselect_marker, #txtselect_marker.show {display: none !important;}
.quote, blockquote {border: 1px solid #eceff2; padding: 15px 25px !important; font-weight: 500; border-left: 4px solid var(--turquoise);box-shadow: var(--box-shadow);}
.uploadedfile .info {text-align: center;font-size: 10px;}
.uploadedfile .uploadimage {margin-bottom: 5px;}
.uploadedfile .info {margin-top: 5px;}
.fa, .fas {font-weight: 400;}
.ui-dialog {z-index: 1000;}
.ui-dialog-content h2 {font-size: 1.4em;}
.mass_comments_action {display: none;}
.title_quote {border-left: 4px solid var(--turquoise); border: 1px solid #eceff2;}
.scriptcode, .title_quote, .title_spoiler, .text_spoiler, .quote {padding: 15px 25px !important;}
.title_quote {padding: 10px 15px;font-size: 12px;font-weight: 500; margin-bottom: -1px;}
form#sendmail, form[name="registration"], form#entryform {width: 100%;} 
.box.story {width: 100%;}
.ui-button {margin: 3px;}
.usinf > li {display: flex; flex-wrap: wrap; margin-bottom: 7px;}
.ui-c1 {font-weight: 600; flex: 0 0 250px;}
.userstop thead td, .pm td.pm_head {text-align: center;}
#dle-comments-form {width: 100%;}
#dle-comments-list > ol {padding-left: 0;}
#comment + .comments-tree-list {padding:0}
[id*="comments-tree-item"] ol {padding-left:30px}
.ui-dialog-buttonset {display: flex;justify-content: space-between;}
.ui-dialog-buttonset > button {font-size: 12px;}
/*=============================================================*/
.progress {height: 20px; box-shadow:none; background-color: whitesmoke; border-radius: 5px;}
.progress .progress-bar {height: 20px; background-color: var(--red); border-radius: 5px;}
/*=============================================================*/
.form-group, .stats_head, .stat_group, .statistics, .combo_field {margin-bottom: 20px;}
.berrors { background:#f7f7f7;padding:10px 20px}
.btn-big { height:auto;padding:7px 22px;border-radius:0;font-weight:500}
/*=============================================================*/
nav#pm-menu > a span {background: var(--turquoise); font-weight: 400 !important; font-size: 15px; display: inline-flex; align-items: center; line-height: 1; padding: 10px 15px; color: var(--white); transition: all ease-in-out .3s;}
nav#pm-menu > a:hover span {background: var(--green);}
/*=============================================================*/
.highslide-controls a { transition: none;}
.addcomment .form-group.combo { display:flex;justify-content:space-between;margin-top:20px;margin-bottom:0;flex-wrap:wrap}
.addcomment .form-group.combo .combo_field {flex: 0 0 49%; max-width: 49%; min-width: 49%;}
/* ===== fastsearch ===== */
/* ===== Base Styles ===== */
.hover-search-results {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 10px;
}

/* ===== Search Item ===== */
.hover-search-item {
    display: flex;
    background: #1e1e1e;
    border-radius: 6px;
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid #333;
    transition: all 0.3s ease;
    min-height: 100px;
}

/* ===== Image ===== */
.hover-item-image {
    width: 90px;
    flex-shrink: 0;
    background: #000;
}

.hover-game-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s;
}

/* ===== Content Area ===== */
.hover-item-content {
    padding: 12px 15px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    transition: background 0.3s;
}

.hover-text-container {
    width: 100%;
}

/* ===== Text Elements ===== */
.hover-item-title {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
    color: #fff; /* White by default */
}

.hover-item-title a {
    color: inherit;
    text-decoration: none;
    display: inline;
    padding: 2px 0;
    position: relative;
}

.hover-item-meta {
    margin-top: 6px;
    font-size: 12px;
    color: #bbb; /* Light gray by default */
    display: flex;
    gap: 15px;
}

/* ===== Hover Effects ===== */
.hover-search-item:hover {
    border-color: #4fc3f7;
}

.hover-search-item:hover .hover-item-content {
    background: #fff; /* White background on hover */
}

.hover-search-item:hover .hover-item-title,
.hover-search-item:hover .hover-item-meta {
    color: #000 !important; /* Black text on hover */
}

.hover-search-item:hover .hover-game-image {
    transform: scale(1.05);
}

/* ===== Advanced Search Text ===== */
.hover-search-results + div {
    color: #999;
    text-align: center;
    padding: 15px;
    font-size: 13px;
}
/* ===== Sticky banner ===== */
.social-float {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.social-float a img {
  width: 50px;
  height: 50px;
  border-radius: 15px;
  background-color: #ffffff;
  padding: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

.social-float a img:hover {
  transform: scale(1.1);
}

.icon-wrapper {
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}

.icon-wrapper img {
  width: 28px;
  height: 28px;
}
.icon-wrapper:hover {
  transform: scale(1.1);
}
/* Mobile responsiveness */
@media (max-width: 768px) {
  .social-float {
    display: none;
  }
}