/*
Theme Name: Playgard
Theme URI: https://playgard-wp.themetags.net/
Author: Themetags
Author URI: https://themetags.com/
Description: playgard is a modern and clean WordPress theme suitable for any Gaming provider.
Version: 1.3.1
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: playgard
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
  --primary_color: rgb(251 106 83);
  --secondary_color: #080f2c;
  --hostim_dark_bg_primary: #0b0b0f;
  --hostim_dark_bg_secondary: #13141d;
  --hostim_dark_text: #fff;
}
/* ================ breadcrumb style ==================== */
.breadcrumb-area ol.breadcrumb li.breadcrumb-item span {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
}
/* This style heading multicolor ============== */
.playgard_heading .highlighted__ {
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff0;
}
.blog-details-body .hostingard_blog_content,
.blog-details-body .hostingard_blog_content p {
  color: rgba(255, 255, 255, 0.76);
  font-family: "Public Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.hostingard_blog_content,
.hostingard_blog_content p {
  color: #fff;
  font-family: "Public Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.hostingard_blog_content h1,
.hostingard_blog_content h2,
.hostingard_blog_content h3,
.hostingard_blog_content h4,
.hostingard_blog_content h5,
.hostingard_blog_content h6 {
  color: #d1d1d1;
  margin-bottom: 15px;
}
.blog-details-banner {
  padding-bottom: 340px;
}
.about-banner {
  padding-top: clamp(9rem, 11.5vw + 1rem, 13.75rem);
  background-image: url(../img/shape/shape-sqr.png);
  background-repeat: repeat;
  background-position: center;
  background-size: initial;
}
.blog-details-body {
  position: relative;
  margin-top: -250px;
}
/* ============= 404 page style here ===========  */
.error-page-content .error-text {
  font-size: 96px;
  color: #fff;
}
.error-page-content .error-title {
  font-size: 65px;
  color: #fff;
}
.error-page-content p {
  color: #fff;
}
section.error_page {
  background: #080f2c;
}
section.error_page {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.error-page-content {
  height: calc(100vh - 32px);
  display: flex;
  align-items: center;
}

/* ================= sidebar search style added ================== */
.sidebar-widget.widget_search .search-form input[type="text"] {
  height: 3.25rem;
  font-family: "Be Vietnam Pro", sans-serif;
  border-end-start-radius: 4px;
  border-start-start-radius: 4px;
  border: 1px solid #fff;
  color: #5f5f5f;
  min-width: 78%;
  padding-left: 10px;
}
.sidebar-widget.widget_search .search-form button {
  background-color: var(--primary_color);
  color: #fff;
  border-start-end-radius: 4px;
  border-end-end-radius: 4px;
  border: none;
  margin-left: 0;
  min-width: 50px;
  height: 52px;
}
/* =================== mobile menu icon style added ==================== */
.header_wrapper.enabled_sticky_header
  .navbar-expand-lg
  .navbar-toggler
  i::before {
  color: #fff;
}

/* ===================== sidebar style ===============  */
.sidebar-container .sidebar {
  padding: 32px;
  background: #141414b8;
  border-radius: 0.5rem;
}
.search-widget .search-form .submit-btn,
.hostingard_blog_content .wp-block-search__button,
.sidebar-widget .wp-block-search .wp-element-button {
  background-color: var(--primary_color);
  color: #fff;
  border-start-end-radius: 4px;
  border-end-end-radius: 4px;
  border: none;
  margin-left: 0;
  min-width: 50px;
}
.elementor-widget-wp-widget-tag_cloud h5,
.sidebar-widget .rss-widget-title,
.sidebar-widget .widget-title,
.sidebar-widget .wp-block-search .wp-block-search__label,
.sidebar-widget .wp-block-heading {
  position: relative;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: 800;
  margin-bottom: 2rem;
  line-height: 26px;
  text-decoration: none;
  padding-bottom: 8px;
}
.sidebar-widget .wp-block-search .wp-block-search__label::before,
.sidebar-widget .wp-block-heading::before,
.sidebar-widget .widget-title::before {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  background: rgb(145 158 171 / 0.08);
  position: absolute;
  bottom: 0;
  left: 0;
}
.sidebar-widget .wp-block-search .wp-block-search__label::after,
.sidebar-widget .wp-block-heading::after,
.sidebar-widget .widget-title::after {
  content: "";
  width: 112px;
  height: 2px;
  background: var(--primary_color);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__post-title {
  color: #ffffffc2;
  text-decoration: none;
  font-family: "Public Sans", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}
.bg-white__ {
  background-color: #141414b8;
}

/* ===================== Blog pagination style  ========================= */
.hostingard_blog_content .template-pagination,
.hostingard_blog_content .page-links,
.wp-block-query-pagination .wp-block-query-pagination-numbers,
.blog-pagination > .page-numbers {
  display: flex;
  gap: 10px;
  margin-bottom: 0;
  padding: 0;
}
.hostingard_blog_content .template-pagination .page-numbers.current,
.hostingard_blog_content .template-pagination .page-numbers:hover,
.page-links .post-page-numbers:hover,
.page-links .post-page-numbers.current,
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination
  .wp-block-query-pagination-numbers
  .page-numbers.current,
.wp-block-query-pagination
  .wp-block-query-pagination-numbers
  .page-numbers:hover,
.blog-pagination .page-numbers .page-numbers.current,
.blog-pagination .page-numbers .page-numbers:hover {
  background-color: var(--primary_color);
  color: #fff !important;
  border-color: var(--primary_color);
}
.hostingard_blog_content .template-pagination .page-numbers,
.page-links .post-page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers,
.blog-pagination .page-numbers .page-numbers {
  min-width: 40px;
  line-height: 1;
  height: 35px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  border: 1px solid #e1e1e1;
}

/* ========================= icon size =============== */
.card-body i {
  font-size: 12px;
  color: #ffffffc2;
}

/* ====================== sticky style added  */
.sticky_style__ {
  position: sticky;
  top: 100px;
  height: fit-content;
}

/* ================= header menu style added ===================== */
.playgard_main_menu li ul li:hover a,
.playgard_main_menu > .current-menu-item .current-menu-item a,
.playgard_main_menu > .current-menu-item > a,
.playgard_main_menu > li:hover > a {
  color: #fb6a53;
}
.playgard_main_menu li a {
  color: #fff;
}
.playgard_main_menu li ul li a {
  color: #000;
  padding: 6px;
}
/* ================ comment form style =============== */
.playgard-comment-form p.comment-form-cookies-consent {
  margin-top: 16px;
}

/* ================== blog details tag style ======== */
.d-flex.flex-wrap.align-items-center.gap-2.single_post_tags a {
  border: 1px solid rgb(255 255 255 / 11%);
  border-radius: 4px;
  padding: 2px 12px;
  font-size: 14px;
}
.d-flex.flex-wrap.align-items-center.gap-2.single_post_tags a:hover {
  background: #222;
  border-color: #222;
  color: #fff;
}

/* ============= blog card categories hover style */
.post_wrapepr .card-body .hstack a:hover{
  color: rgb(251 106 83);
}
.post_wrapepr .card-body h4 a:hover {
  color: rgb(251 106 83) !important;
}

/* ================== Here is hero slider 03 style added ==================*/
.slide_content_5 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(-4.32%, #050919),
    color-stop(46.8%, rgba(5, 9, 25, 0.5)),
    color-stop(99.92%, rgba(5, 9, 25, 0))
  );
  background: linear-gradient(
    90deg,
    #050919 -4.32%,
    rgba(5, 9, 25, 0.5) 46.8%,
    rgba(5, 9, 25, 0) 99.92%
  );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hero_5_slide_item {
  position: relative;
  min-height: 500px;
}
.hero_5_slide_item img {
  position: absolute;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hero_5_slide_item .slide_content_5 {
  position: absolute;
  inset: 0;
}
.slide_content_5_main {
  opacity: 0;
}
@media (max-width: 1199px) {
  .slide_content_5_main {
    opacity: 1;
  }
}
.swiper-pagination.swiper-pagination-5 {
  bottom: 0;
}
.swiper-pagination.swiper-pagination-5 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #cfc7c7;
  opacity: 1;
}
.swiper-pagination.swiper-pagination-5
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #1062fe;
}
.hero_5_slide_wrapper {
  padding-bottom: 45px;
}
.hero_5_slide_wrapper .swiper-slide.swiper-slide-active {
  min-width: 660px;
}
@media (max-width: 1199px) {
  .hero_5_slide_wrapper .swiper-slide.swiper-slide-active {
    min-width: inherit;
  }
}
.hero_5_slide_wrapper
  .swiper-slide.swiper-slide-active
  .hero_5_slide_item
  .slide_content_5_main {
  opacity: 1;
}

.tg_slide_item {
  position: relative;
}
.tg_slide_content {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(6.52%, rgba(193, 193, 193, 0)),
    to(rgba(193, 193, 193, 0.5))
  );
  background: linear-gradient(
    180deg,
    rgba(193, 193, 193, 0) 6.52%,
    rgba(193, 193, 193, 0.5) 100%
  );
  backdrop-filter: blur(4px);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.mb-2 {
  margin-bottom: .5rem !important;
}
.gs_eight_card {
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.gs_eight_card .btn {
  border: 1px solid #63687a;
}
.gs_eight_card:hover {
  border: 1px solid hsla(0, 0%, 100%, 0.12);
  background: #050919;
}
.gs_eight_card:hover .btn {
  background: #1062fe;
  border-color: #1062fe;
}



.accordion.light_style.style_5 .accordion-item .faq_title {
  color: #fff;
  font-size: 16px;
}
.accordion.light_style.style_5 .accordion-item .accordion-button[aria-expanded=true] .faq_title {
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
}
.accordion.light_style.style_5 .accordion-item .accordion-button {
  padding-block: 10px;
}
.accordion.light_style .accordion-button {
  padding-inline: 0;
}
.accordion.light_style.style_5 .accordion-item .accordion-button[aria-expanded=true] i {
  border-color: #1062fe;
  background: inherit;
  color: #1062fe;
}
.accordion.light_style.style_5 .accordion-item .accordion-button i {
  color: #fff;
  border: 1px solid #fff;
  font-size: 12px;
}
.border-dashed-start {
  border-left: 1px dashed;
}
/* ----- tranding game tab style added ----- */
.gs_6_card .thumb {
  opacity: .7;
  -webkit-transition: .5s;
  transition: .5s;
}
.gs_6_card:hover .thumb {
  opacity: 1;
}
.nav.tab_nav_style_2.color_style .nav-item .nav-link.active {
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  -webkit-text-fill-color: inherit;
  color: #1062fe;
}
.nav.tab_nav_style_2.color_style .nav-item .nav-link.active::after {
  background: #1062fe;
}

/* --------------- Testimonial layout 04 style added */
.hfive_card {
  border: 1px solid hsla(0,0%,100%,.12);
  background: #050919;
}
.feedback_6_wrapper{
  margin-right: -355px;
}

/* ======================= Card layout 03 style added here ================ */
.tg_slide_item:hover .tg_price {
  background: #1062fe !important;
}
.tg_slide_item:hover .tg_price a {
  color: #fff !important;
}

/* =============== slider layout 04 style added ================= */
.hero_5_bg {
  padding-top: 220px;
  padding-bottom: 220px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.slider_content_5 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}