/*
	Theme Name: Rehub child theme
	Theme URI: https://wpsoul.com
	Description: A Hybrid magazine/shop/review/news Wordpress Theme
	Author: Sizam
	Author URI: https://wpsoul.com
	Version: 9.4
	Template: rehub-theme
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
.categories > ul > li > a {
    font-size: 17px !important;
    text-transform: uppercase;
    text-decoration: underline !important;
}

.offer_act_enabled.col_item {
	padding-bottom: 5px;
}
.offer_grid.col_item {
	padding: 0px;
}
.grid_desc_and_btn {
	padding: 12px;
}

article.col_item {
	border: 1px solid #eee;
	border-radius: 5px;
}
.mb20 {
    margin-bottom: 9px !important;
}
.mb15 {
    margin-bottom: 5px !important;
}
.content_constructor {
	padding: 0 5px;
}
body .font90 {
    font-size: 82%;
}
.admin, .price_for_grid {
    display: none;
}
.favour_btn_red .heart_thumb_wrap, .row_social_inpost span.share-link-image {
	border: 1px solid #fff;
	border-radius: 4px;
}
.thumbminus {
	display: none;
}
.widget .title, .widget h2, .elementor-widget .title {
	text-transform: uppercase;
}
.header_top_wrap.dark_style {
    border-bottom: 1px solid #ffffff0f !important;
    background-color: #ffffff05 !important;
}
#main_header {
	background-size: contain;
}
nav.top_menu > ul:not(.off-canvas) > li > a:after {
	top: 36px;
}
.rh-hov-bor-line > a:after, .rh-border-line:after, nav.top_menu > ul:not(.off-canvas) > li > a:after {
	height: 2px;
}
nav.top_menu > ul:not(.off-canvas) > li > a:after {
	background: #98c2ff;
}
.rh-header-icon, .heads_icon_label, .rh-header-icon:hover {
	color: #f9f9f9;
}
@media screen and (max-width: 1224px) {
    .left_st_postproduct .post-meta span {
        line-height: 15px;
    }
}
#comments .title_comments {
	border-bottom:1px solid #eee;
}
.comment-respond {
	background: #f6f6f675 !important;
	box-shadow: none !important;
}
.comment-respond h3 {
	color: #747474 !important;
	font-size: 16px !important;
}
.comment-respond h3:before {
	content: "\2711";
}
#comments .title_comments {
	padding-bottom: 9px !important;
}
.favour_btn_red .heart_thumb_wrap .heartplus, .favour_btn_red .heart_thumb_wrap .heartplus.alreadywish:before {
	color: #b1141a;
}
.favour_btn_red .heart_thumb_wrap {
	background-color: #fff;
}
.favour_btn_red .heart_thumb_wrap {
	border: 1px dashed #b1141a;
}
.favour_btn_red .heart_thumb_wrap {
	padding: 2px 7px 0px 7px;
}
.share-link-image {
	color: #39599f !important;
	border: 1px dashed #939393 !important;
  border-radius: 7px;
}
.social_icon .fb, .rh-social-square .fb:hover, .social_icon .tw, .rh-social-square .tw:hover, .social_icon .pn, .rh-social-square .pn:hover, .social_icon .in, .rh-social-square .in:hover, .favour_btn_red .heart_thumb_wrap {
	background:unset !important;
}
.width-125 {
	width: 152px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #000;
}
body .font110 {
    font-size: 99%;
}
.priced_block .btn_offer_block, .wpsm-button.rehub_main_btn, .priced_block .button {
	font-size: 11px;
	font-weight: 500;
}
.right_st_postproduct.floatright.mobileblockdisplay {
	float: none;
}
.inline_compact_btnblock.priced_block .rh_button_wrapper {
	border: 1px solid #fff;
	border-radius: 12px;
}
.rh_button_wrapper a:before {
    content: "\f08e";
    font-family: 'rhicons';
    padding-right: 5px;
}
.hheading h2 {
    border-bottom: 1px solid #eee;
    padding-bottom: 4px;
}
.hnoibat h2:before {
    content: "\f2eb";
    font-family: 'rhicons';
    padding-right: 5px;
    color: #f3a104;
}
.videoh h2:before {
    content: "\f144";
    font-family: 'rhicons';
    padding-right: 5px;
    color: #eb3838;
}
.hhinhanh h2:before {
    content: "\e919";
    font-family: 'rhicons';
    padding-right: 5px;
    color: #2284b5;
}
.hnoidung h2:before {
    content: "\f1ea";
    font-family: 'rhicons';
    padding-right: 5px;
    color: #cd873c;
}
.hamthanh h2:before {
    content: "\e918";
    font-family: 'rhicons';
    padding-right: 5px;
    color: #3c38eb;
}
.hmoi h2:before {
    content: "\e903";
    font-family: 'rhicons';
    padding-right: 5px;
    color: #96ca4e;
}
.re-line-badge.re-line-table-badge {
	padding: 5px 5px;
}
.widget.better_woocat ul li ul.children li {
	font-weight: 500;
	list-style: circle;
}
.widget.better_woocat ul li>a {
	font-size: 14px;
}
.sdate {
	font-size: 13px;
	display: inline;
}
.featured_box {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
#rehub_latest_tabs_widget-2 h5, #rehub_posts_widget-2 a, .content_constructor h2, .mb10 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.cat {
    font-size: 14px;
}
.breadcrumb, .breadcrumb a {
	color: #000;
	font-size: 15px;
}
.breadcrumb {
	line-height: 21px !important;
}
.wpd-icon-label {
    padding-top: 5px;
    padding-bottom: 5px;
}
.wpd-comment-label2 {
   color: #fff;
    background: linear-gradient(to right, #56ab2f, #a8e063);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-size: 12px !important;
    padding: 2px 6px;
}
#wpdcom .wpd-blog-post_author .wpd-comment-label {
	background: linear-gradient(to right, #619dc2, #286bc2, #61b4df, #0860d0) !important;
	padding:3px;
}
#wpdcom .wpd-blog-guest .wpd-comment-label {
	padding: 3px !important;
	background: linear-gradient(to right,#07d9af, #00B38F, #07d9af, #00B38F) !important;
}
#comments {
	color: #817d7d;
}
#wpdcom .wpd-comment .wpd-comment-right {
    background-color: #f5f5f7;
    padding: 5px 15px;
    border-radius: 12px;
    position: relative;
}

#wpdcom .wpd-comment .wpd-comment-right:before {
    content: '';
    position: absolute;
    left: -10px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #f5f5f7;
    transform: translatey(-50%) rotate(-90deg);
}
#wpdcom .wpd-comment .wpd-comment-right:before {
    top: 31px;
}
.wpd_comment_level-1 {
    margin-bottom: 18px;
}

.recentCommentsWrapper ul.recentComments .widget-comment-content::before {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: 35px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #b5b5b5;
    border-bottom-color: #f5f5f5;
    z-index: 2;
}
.recent-comment-post a:hover {
    color: #1969de;
}
.recent-comment-post a {
    color: #333;
}
.recent-comment-post {
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	
}
.recent-comment-content {
	font-size: 14px;
	color: #333;
}
.comment-avatar img {
    border: 1px solid #fff;
    border-radius: 50%;
}
.wpd_widgets_items_wrapper .recent-comment-content::before {
	content: '';
    display: block;
    position: absolute;
    top: -6px;
    left: 35px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #b5b5b5;
    border-bottom-color: #f5f5f5;
    z-index: 2;
}
@media (max-width: 768px) {
  .wpd-icon-label {
	display: inline;
  margin-left: 5px;
	position: relative;
  top: -4px;
}
.wpd-comment-label2 {
	display: inline;
  margin-left: 5px;
	top: -4px;
  position: relative;
  padding-right: 5px;
}
}

.widget.better_woocat ul li ul.children li {
    list-style: none; 
    position: relative; 
}

.widget.better_woocat ul li ul.children li::before {
	padding-top:11px;
    content: "\22C4"; 
    color: black; 
    font-size: 1em; 
    position: absolute;
    left: -1.2em; 
}

.widget.better_woocat ul li ul.children li:hover::before {
    color: #1969de; 
}
.widget.better_woocat ul li>a:hover {
	color: #1969de;
}
#wpdcom {
	max-width: 100%;
}
.widget.deal_daywoo,
.elementor-widget-wpsm_woofeatured .deal_daywoo {
  position: relative;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  z-index: 0;
}

/* Viền cầu vồng chuyển động dạng vòng tròn tinh tế */
.widget.deal_daywoo::before,
.elementor-widget-wpsm_woofeatured .deal_daywoo::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px; /* Độ dày viền */
  border-radius: inherit;
  pointer-events: none;
  background: conic-gradient(
    from 0deg,
    #ff5f6d,
    #ffc371,
    #f9f871,
    #6ee7b7,
    #60a5fa,
    #a78bfa,
    #ff5f6d
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: rotateBorder 8s linear infinite;
}

@keyframes rotateBorder {
  to {
    transform: rotate(360deg);
  }
}
.footer-bottom {
	background-size: cover;
}
.widget.better_woocat .cat-item:hover > .count {
    color: #1969de; /* màu khi hover, bạn đổi tùy ý */
}
.widget.better_woocat li .count {
	float: right;
	padding-top: 14px;
}
.widget.better_woocat li.current-cat > a, .widget.better_woocat li.current-cat > .count {
    color: #1969de;
	font-weight: bold;
}
form.search-form input[type="text"] {
	background: #e1e1e10f !important;
	border: 1px solid #ffffff45 !important;
	color: #dededeb3 !important;
}
.img-maxh-100 img {
	border: 1px solid #fff;
	border-radius: 3px;
}
.social_icon a {
	width: 23px;
    height: 23px;
    font-size: 16px;
    line-height: 27px;
    border-radius: 3px;
}
.single .tags p .tags-title-post {
	color: #6d6c6c;
	background: none;
}
.single .tags p a {
	border: none;
	text-decoration: underline !important;
	font-weight: normal;
	font-size: 13px;
}
.related_title {
    font-weight: normal;
    font-size
: 25px !important;
}
a.rh-cat-label-title, .rh-cat-label-title a, .rh-label-string {
	background: none;
	color: #333;
	font-size: 13px !important;
	text-decoration: underline !important;
}
.rh-cat-list-title {
	display: inline-block;
}
.catbottom p {
	display: inline-block;
	font-size: 14px !important;
    font-weight: normal !important;
}
.mr15 {padding-top: 9px;}
.cm {
	font-size: 14px;
	display: inline;
}
/* Flash for image */
 .mb20,.mb15 {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.mb20 img,.mb15 img {
  display: block;
  width: 100%;
  height: auto;
}

.mb20::before,.mb15::before {
  content: "";
  position: absolute;
  top: -20%;
  left: -45%;
  width: 40%;
  height: 140%;
  background: linear-gradient(
    75deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.4) 45%,
    rgba(255,255,255,0.8) 50%,
    rgba(255,255,255,0.4) 55%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-20deg);
  opacity: 0;
}

/* chạy animation mỗi khi hover vào */
.mb20:hover::before,.mb15:hover::before {
  animation: shineSweep 1.2s ease forwards;
}

@keyframes shineSweep {
  0% {
    left: -60%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    left: 120%;
    opacity: 0;
  }
}
/* end flash for images */
.re-line-badge.re-line-table-badge {
	padding: 5px 9px !important;
}
span.current {
    color: #1969de;
}
a.rh-cat-label-title.rh-dealstore-cat {color: #fff;border-radius:3px; padding: 5px !important;}
.postviewcomm {
    margin-top: 3px !important;
	font-size: 12px !important;
}
.post-meta-big span.postview_meta {
    color: #959595;
}
a.next.page-numbers.next_text, a.prev.page-numbers.prev_text {
    background: #dfe6ec;
    padding: 3px 9px;
    border-radius: 3px;
}
a.next.page-numbers.next_text:after {
    content: ' \21E2';
    padding-top: 2px;
	font-size: 20px;
}

a.prev.page-numbers.prev_text:before {
	content: '\21E0 ';
	padding-top: 2px;
	font-size: 20px;
}