/*
Theme Name:        Shuttle Gamer
Text Domain:	   shuttle-gamer
Template:          shuttle
Version:           1.0.1
Requires at least: 5.0
Requires PHP:      5.6
Tested up to:      6.9
Description:       Shuttle Gamer is designed for professional and amateur web developers. It's great for creating a website for businesses, from small to large companies. Suitable for a wide range of niches, including startups to corporates and even eCommerce sites. It had a multi-purpose design with widget areas in footer, so now even easy to make blog / news website which looks really clean and professional. The theme is responsive and fully compatible with popular translation plugins. Shuttle is fast and lightweight and can be used for any type of website, fully compatible with eCommerce plugins like WooCommerce. Whether you are building a website for yourself, your business or are a freelancer building websites for your cliente, Shuttle is the perfect choice.
Tags:              one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, editor-style, featured-images, featured-image-header, post-formats, sticky-post, translation-ready, flexible-header, custom-background, grid-layout, footer-widgets, blog, e-commerce, portfolio, rtl-language-support
Author:            Shuttle Themes
Author URI:        https://www.shuttlethemes.com
Theme URI:         https://shuttlethemes.com/features-shuttle-gamer/
License:           GPLv2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
*/
#content {
  padding: 10px 10px !important;
}
/* Sub-header Style */
#pre-header {
  background-color: #212529;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#pre-header .header-links > ul > li:before {
  content: "";
}
#pre-header .header-links > ul > li > a {
  font-weight: 400;
}
#pre-header .header-links .menu-hover > a,
#pre-header .header-links > ul > li > a:hover {
  color: #13aff0 !important;
  opacity: 1;
  background-color: transparent;
}
#header .header-links > ul > li a,
#header-sticky .header-links > ul > li a {
  position: relative;
}
#header .header-links > ul > li ul li a::before,
#header-sticky .header-links > ul > li ul li a::before {
  display: none !important;
}
#pre-header .header-links li a,
#pre-header-social li,
#pre-header-social li a {
  color: #fff !important;
  font-weight: 500;
}
#pre-header-social li,
#pre-header-social li a:hover {
  color: #13aff0 !important;
  opacity: 1;
  background-color: transparent !important;
}
#pre-header .header-links li a:hover {
  color: #13aff0 !important;
}
#pre-header .header-links .sub-menu a {
  color: #555 !important;
  border-bottom: none !important;
}
#pre-header .header-links .sub-menu a:last-child {
  border-bottom: none;
}
#pre-header .header-links .sub-menu a:hover {
  color: #13aff0 !important;
  opacity: 1;
}
#pre-header .header-links .sub-menu .sub-menu {
  margin-top: 1px;
  background-color: #fff;
  border-radius: 0px;
  border-left: 1px solid #eee;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.07);
}
#pre-header-social li:last-child,
#pre-header-social li:last-child a {
  border-right: none;
}
#pre-header-social li a {
  border-left: none;
  color: #fff;
}
#pre-header-social li a:hover {
  color: #13aff0 !important;
  opacity: 0.7;
}
#pre-header .header-links .sub-menu {
  background-color: #fff;
  border-radius: 10px;
  border: none;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);
}

/* Header Style */
#header {
  border-bottom: none;
  background-color: #212529;
}
#logo h1,
#logo-sticky h1 {
  z-index: 2;
  color: #fff;
  line-height: 45px;
}
#header .header-links .sub-menu a,
#header-sticky .header-links .sub-menu a {
  border-bottom: none !important;
}
#header .header-links > ul > li a:before,
#header-sticky .header-links > ul > li a:before {
  height: 1px;
  background-color: #fff;
  bottom: 15px;
}
#header .header-links > ul > li > a {
  border: none;
  text-transform: capitalize;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
}
#header .header-links .sub-menu li:last-child,
#header-sticky .header-links .sub-menu li:last-child {
  border-bottom: none !important;
}
#header .header-links .sub-menu li,
#header-sticky .header-links .sub-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
#header .header-links .sub-menu li,
#header-sticky .header-links .sub-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#header .header-links > ul > li a,
#header-sticky .header-links > ul > li a {
  transition: all 400ms;
  position: relative;
  color: #51555e;
}
#header .header-links > ul > li a:hover,
#header-sticky .header-links > ul > li a:hover,
#header .header-links > ul > li a:active,
#header-sticky .header-links > ul > li a:active {
  color: rgba(255, 255, 255, 0.5) !important;
  background-color: transparent;
  opacity: 1;
}
#header .header-links > ul > li.menu-parent a:hover:before,
#header-sticky .header-links > ul > li.menu-parent a:hover::before {
  opacity: 1;
}
#header .header-links .sub-menu a {
  border-bottom: none;
  text-transform: capitalize;
  padding: 0px 10px;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
  position: relative;
  border-radius: 0px;
}
#header .header-links > ul > li a:hover,
#header-sticky .header-links > ul > li a:hover,
#header .header-links > ul > li a:active,
#header-sticky .header-links > ul > li a:active {
  color: #13aff0 !important;
}
#header .header-links .sub-menu {
  padding: 10px 15px;
  top: 73px;
  background-color: #212529;
  border: 1px solid rgba(255, 255, 255, 0.15);
  margin-top: 0px;
  border-radius: 5px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
  min-width: 200px !important;
}
#header .sub-menu li,
#header-sticky .sub-menu li {
  border: none;
  padding: 0px;
}
#header .header-links .sub-menu a:hover,
#header .header-links .sub-menu .current-menu-item a,
#header-sticky .header-links .sub-menu a:hover,
#header-sticky .header-links .sub-menu .current-menu-item a {
  color: #13aff0;
}
#header .header-links .sub-menu .sub-menu {
  top: -10px;
}

/* Header Style - Responsive */
.btn-navbar .icon-bar {
	background-color: #fff !important;
}

/* Cta Style */
.slider-full #slider .rslides-inner {
  border-radius: 0px;
}
#introaction {
  background-color: #1f2326;
  border-bottom: none;
  padding: 80px 0px;
}
#introaction-core,
#outroaction-core,
.sc-action-core {
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding: 60px 30px 50px 30px;
  border-radius: 5px;
  box-shadow: none;
  background-color: #212529;
}
#introaction-core .three_fourth,
#introaction-core .one_fourth {
  margin: 0;
  float: none;
  text-align: center;
  width: 100%;
}
.action-text h3 {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.action-teaser p {
  color: #fff;
}
.action-link a {
  font-size: 14px;
  margin-top: 20px;
  padding: 8px 25px;
  transition: all 0.3s;
  background-color: #13aff0;
  border-radius: 5px;
  border: none;
  text-transform: capitalize;
  color: #fff;
  font-weight: 500;
  position: relative;
}
.action-link a:hover {
  color: #13aff0;
  box-shadow: none;
  background-color: #fff;
  border: none;
  opacity: 1;
}
/* Featured Style */
#section-home {
  border-top: none;
  background-color: #212529;
  padding: 80px 0px;
}
.iconimage {
  border-radius: 5px 5px 0px 0px;
  margin-bottom: 0px;
  min-height: 140px !important;
  height: 140px !important;
  border-bottom: none;
  position: relative;
  z-index: 1;
}
.services-builder.style1 .iconimage img {
  height: 100%;
}
.services-builder.style1 {
  background-color: #212529;
  box-shadow: none;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 0px;
  position: relative;
  z-index: 1;
  text-align: left;
}
.services-builder.style1 h3 {
  color: #fff;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  border-bottom: none;
  padding-bottom: 0px;
}
.services-builder.style1 p {
  color: #fff;
  padding: 0px;
}
.services-builder.style1 .iconmain {
  position: relative;
  z-index: 2;
  border: none;
  margin-top: 25px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px 30px 30px 30px;
  background-color: transparent;
  box-shadow: none;
  border-radius: 10px;
}
.services-builder.style1 .iconurl {
  margin: 0;
  padding: 0px !important;
}
.services-builder.style1 .iconurl a {
  font-size: 14px;
  margin-top: 20px;
  padding: 8px 25px;
  transition: all 0.3s;
  background-color: #13aff0;
  text-decoration: none !important;
  border-radius: 5px;
  border: none;
  text-transform: capitalize;
  color: #fff;
  font-weight: 500;
  position: relative;
}

.services-builder.style1 .iconurl a:hover {
  color: #13aff0;
  box-shadow: none;
  background-color: #fff;
  border: none;
  opacity: 1;
}

/* Footer style */
footer {
  background-color: #1f2326;
  border-radius: 0px;
  margin: 0px;
}
footer.wp-block-latest-comments__comment-meta {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
}
#footer {
  border-top: none;
  background-color: #1f2326;
  border-radius: 30px;
}
#footer .widget-area {
  position: relative;
}
#footer-core .wp-block-heading {
  text-transform: capitalize;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
  padding-left: 0px;
  margin-bottom: 0px;
  position: relative;
  z-index: 3;
}
#footer-core .wp-block-heading::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  background-color: #bfc5d7;
  left: 0;
  bottom: 1px;
}
#footer-core .wp-block-heading::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #3e4451;
  left: 0;
  bottom: 0;
}
#footer .widget ul li a:before {
  display: none;
}
#footer-core,
#footer-core p {
  color: #fff;
}
#footer .wp-block-latest-comments__comment-date,
#footer .wp-block-latest-posts__post-author,
#footer .wp-block-latest-posts__post-date {
  color: #fff;
}
ul.wp-block-categories-list li,
ul.wp-block-archives-list li {
  position: relative;
  padding-left: 15px !important;
}
ul.wp-block-categories-list li::before,
ul.wp-block-archives-list li::before {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #ccc;
  border-radius: 50%;
  left: 0;
  top: 15px;
  content: "";
}
#footer .widget ul li a,
#footer .widget li a {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  text-decoration: none;
}
#footer .widget ul li a:hover,
#footer .widget li a:hover {
  opacity: 1;
  color: #13aff0;
}
#footer .widget ul li span {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}
#footer .widget li {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#footer .widget li:last-child {
  border-bottom: none;
}
#footer .widget_recent_entries ul li,
#footer .widget_recent_comments ul li {
  margin-bottom: 5px;
}
#footer .widget ul li:last-child {
  margin-bottom: 0px;
}
#footer .widget_tag_cloud a {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  font-weight: 400;
  border-radius: 10px;
}
#footer .widget_tag_cloud a:hover {
  color: #fff;
  background-color: #13aff0;
  border-color: #13aff0;
}
#footer input[type="search"] {
  font-size: 13px;
  background-color: rgba(255, 255, 255, 0.1);
  border: none !important;
  border-radius: 5px;
  box-shadow: none;
  color: #7a7a7a;
  padding: 5px 15px;
}
#footer .widget_search button {
  background-color: #fff;
  font-size: 14px;
  text-transform: capitalize;
  border: none;
  border-radius: 5px;
  color: #1e1e1e;
  font-weight: 600;
  transition: all 0.3s;
}
#footer .widget_search button:hover {
  background-color: #13aff0;
  border: none;
  color: #fff;
  opacity: 1;
}

/* Sub footer style */
#sub-footer {
  background-color: #1f2326;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  border-radius: 0px;
  text-align:center;
}
#sub-footer a {
  color: #fff;
  text-decoration: none;
}
#sub-footer a:hover {
  color: #13aff0;
  opacity: 1;
}
#footer-menu li:after {
  display: none;
}

/* Page heading style */
#intro {
  background-color: #1f2326;
  padding: 60px 0px;
}
#intro .page-title {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 700;
}
#intro .page-title span {
  background-color: transparent;
  padding: 0px;
}
#intro #breadcrumbs {
  color: #fff;
  font-weight: 400;
}
#intro #breadcrumbs-core {
  background-color: transparent;
  padding: 0px;
}
#intro #breadcrumbs-core a {
  color: #fff;
}

/*Side Bar Style */
.layout-sidebar-right #sidebar {
  box-shadow: none;
  background: transparent !important;
}
.layout-sidebar-right #sidebar-core {
  margin-left: 10px;
}
#sidebar .widget {
  margin-bottom: 40px;
  background-color: #212529;
  padding: 30px;
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
#sidebar .widget_search .wp-block-search__label {
  display: none;
}
#sidebar .widget_search input[type="search"] {
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background-color: #1f2326 !important;
  border-radius: 50px;
}
#sidebar .wp-block-search__button {
  border-radius: 50px;
  text-transform: capitalize;
  background-color: #13aff0;
  text-transform: capitalize;
  border: none;
  color: #fff;
  transition: all 0.3s;
}
#sidebar .wp-block-search__button:hover {
  background-color: #fff;
  border: none;
  opacity: 1;
  color: #13aff0;
}
#sidebar .widget_search::after,
#sidebar .widget_search::before {
  display: none;
}
#sidebar .wp-block-heading {
  display: inline-block;
  text-transform: capitalize;
  padding-left: 0px;
  border-bottom: none;
  width: 100%;
  margin-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  position: relative;
}
#sidebar .wp-block-heading::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  background-color: #bfc5d7;
  left: 0;
  bottom: 1px;
}
#sidebar .wp-block-heading::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #3e4451;
  left: 0;
  bottom: 0;
}
#sidebar .widget li > a:before {
  color: #13aff0;
}
#sidebar ul.wp-block-categories-list li::before,
#sidebar ul.wp-block-archives-list li::before,
#sidebar ul.wp-block-latest-posts__list li::before {
  display: none !important;
}
#sidebar .widget ul li,
#sidebar .widget li {
  padding-left: 0px !important;
}
#sidebar .widget ul,
#sidebar .widget ol,
#sidebar .wp-block-tag-cloud {
  padding: 0px;
  margin-bottom: 0px;
}
#sidebar .widget li a {
  font-size: 15px;
  text-decoration: none;
  font-weight: 400;
  color: #fff;
}
#sidebar .widget li a:hover {
  color: #13aff0;
}
#sidebar .widget li span {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
#sidebar .widget_recent_entries ul li,
#sidebar .widget_recent_comments ul li {
  margin-bottom: 5px;
  padding-bottom: 5px;
}
#sidebar .widget ul li,
#sidebar .widget li {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#sidebar .widget ul li:last-child,
#sidebar .widget li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
#sidebar .widget_tag_cloud {
  padding-bottom: 25px;
}
#sidebar .widget_tag_cloud a {
  padding: 5px 15px;
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: none;
  border: none;
  color: #fff;
  border-radius: 30px;
  font-weight: 400;
}
#sidebar .widget_tag_cloud a:hover {
  background-color: #13aff0;
  border-color: #13aff0;
  color: #fff;
}

/* Blog Posts Style */
.blog-style2 #content {
  background-color: #212529;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 80px;
}
.blog-article.sticky {
  color: #fff;
  background-color: #212529 !important;
  border: none;
  border-radius: 0px;
  padding: 0px;
}
.blog-style2 .blog-article .blog-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
}
.blog-style2 .blog-article .blog-title a {
  color: #fff !important;
}
.blog-article.sticky .entry-content {
  padding: 0px;
  border: none !important;
}
.blog-style2 .blog-article {
  border: 1px solid #424549 !important;
  border-radius: 10px;
  margin-bottom: 50px;
}
.blog-style2 .blog-article .entry-content {
  text-align: left;
  background-color: #212529;
  border-radius: 10px;
  border: none;
  padding: 30px;
}
.blog-style2 .blog-article .entry-content p {
  margin-bottom: 0px;
}
.blog-article .blog-title {
  padding: 0px;
}
.blog-article .entry-meta {
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #e9ecf3;
}
.blog-article.sticky .entry-meta i,
.blog-article .entry-meta i,
.blog-article.sticky .entry-meta a,
.blog-article .entry-meta a {
  color: #13aff0 !important;
}
.blog-article .entry-content p {
  padding: 0px;
  color: #fff;
}
.blog-article .entry-meta a {
  color: #13aff0 !important;
}
.blog-article .entry-meta {
  border-top: none;
  padding-top: 0px;
  margin-top: 15px;
}
.blog-article .entry-meta i {
  color: #13aff0;
}
.blog-article .blog-thumb {
  border-radius: 10px;
  overflow: hidden;
}
.blog-article .blog-thumb {
  margin-bottom: 0px;
}
.blog-article p.more-link {
  margin-top: 20px;
}
.blog-article p.more-link a {
  font-size: 14px;
  margin-top: 20px;
  padding: 12px 25px;
  transition: all 0.3s;
  background-color: #13aff0;
  border-radius: 5px;
  border: none;
  text-transform: capitalize;
  color: #fff;
  font-weight: 500;
  position: relative;
}
.blog-article .more-link a:hover {
  color: #fff;
  box-shadow: none;
  background-color: #1e1e1e;
  border: none;
  opacity: 1;
}

/* Blog Page Navigation Style */
.navigation.pagination .nav-links {
  border: none;
  display: inline-block;
  margin-top: 60px;
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
  color: #51555e;
  font-weight: 600;
  border: none;
  background-color: #fff;
  border-radius: 50%;
  text-decoration: none !important;
}
.navigation.pagination .nav-links a:hover,
.navigation.pagination .nav-links a.current,
.navigation.pagination .nav-links span:hover,
.navigation.pagination .nav-links span.current {
  background-color: #13aff0;
  border: none;
  color: #fff;
}

/* Single Post Style */
#content {
  background-color: #212529 !important;
}
.single .entry-header {
  background-color: transparent;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-radius: 0px;
  border-bottom: 1px solid #eee;
  box-shadow: none;
}
.single .entry-content {
  position: relative;
  background-color: transparent;
  color: #fff;
  padding: 0px;
  border-radius: 0px;
  border: none;
  border-top: none;
  box-shadow: none;
}
.single .entry-meta {
  margin-top: 0px !important;
}
.single .entry-meta > span:before {
  content: "|";
  color: #ddd;
}
.single .entry-meta > span {
  font-size: 13px;
  text-transform: capitalize;
}
.single .entry-meta i {
  color: #13aff0;
}
.single .entry-meta > span a {
  text-decoration: none !important;
}
.single .entry-meta {
  text-align: left;
  margin-top: 45px;
}
.single .entry-meta a {
  text-transform: capitalize;
  font-weight: 400;
  color: #13aff0;
}
.nav-previous,
.nav-next {
  width: auto;
}
.nav-previous a,
.nav-next a {
  text-transform: uppercase;
  border-radius: 30px;
  font-weight: 500;
  text-decoration: none !important;
  background-color: transparent;
  padding: 0px;
  color: #fff;
  border: none;
  font-size: 15px;
  transition: all 0.4s;
}
.nav-previous a:hover,
.nav-next a:hover {
  opacity: 1;
  color: #13aff0;
  background-color: transparent;
  box-shadow: none;
}
#nav-above,
#nav-below {
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: none;
  border-top: none;
  border-bottom: none;
  border-radius: 5px;
  padding: 15px 30px;
  position: relative;
}

.nav-previous a .meta-icon,
.nav-next a .meta-icon {
  display: inline-block;
}

/* Comments & Leave Comment Style */
#content {
  background-color: #fff;
}
#comments {
  border: none;
  padding: 0px;
  margin-top: 50px;
}
#comments-title h3,
#reply-title {
  margin-top: 0px !important;
  padding-bottom: 0px;
  text-align: left;
  font-size: 28px;
  font-weight: 700;
  text-transform: capitalize;
  border-radius: 0px;
  color: #fff;
  margin-bottom: 40px;
  position: relative;
  border-bottom: none;
  z-index: 2;
}
.commentlist h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
}
.commentlist article.comment {
  padding: 0px 0px;
  margin-bottom: 20px !important;
}
.comment-author h4 {
  color: #fff;
}
.commentlist {
  background-color: transparent;
  padding: 0px;
}
.commentlist .comment,
.commentlist .pingback {
  margin-top: 0px;
}
.commentlist li article {
  margin-top: 0px;
  border-radius: 0px;
  border: none;
  padding: 0px !important;
  color: #fff;
  box-shadow: none !important;
  background-color: #212529 !important;
  margin-bottom: 15px !important;
}
.commentlist article footer {
  background-color: transparent;
  border-top: none;
}
.comment .reply {
  float: right;
}
li.comment article {
  margin-bottom: 0px !important;
}
.comment .reply a {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  color: #13aff0;
  background-color: transparent;
  padding: 0;
  border-radius: 0px;
  border: none;
  text-decoration: none !important;
}
.comment .reply a:hover {
  border: none;
  color: #13aff0 !important;
  background-color: transparent !important;
}
.commentlist .avatar {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  border: none;
  margin: 0;
  margin-bottom: 20px;
}
.commentlist article header {
  text-align: left;
}
.comment-content {
  text-align: left;
}
.commentlist .children article:before {
  display: none;
}
.comment .reply a:hover {
  background-color: #1e1e1e;
  color: #fff;
}
#commentform input[type="text"]:focus,
#commentform textarea:focus {
  background-color: #eee;
}
.logged-in-as {
  color: #fff;
}
.logged-in-as a {
  color: #13aff0;
}
.logged-in-as a:hover {
  color: #13aff0;
}
.comment-respond .form-submit {
  text-align: left;
}
#respond {
  border-radius: 0px;
  padding: 0px;
  background-color: transparent;
}
#commentform input[type="text"],
#commentform textarea {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  color: #fff;
}
#commentform input[type="submit"] {
  font-size: 14px;
  margin-top: 0px;
  padding: 12px 25px;
  transition: all 0.3s;
  background-color: #13aff0;
  border-radius: 5px;
  border: none;
  text-transform: capitalize;
  color: #fff;
  font-weight: 500;
  position: relative;
  text-decoration: none !important;
}
#commentform input[type="submit"]:hover {
  color: #fff;
  box-shadow: none;
  background-color: #1e1e1e;
  border: none;
  opacity: 1;
}







.post-11 h1.wp-block-heading {
  color: #eef1f6 !important;
}

.post-11 h2.wp-block-heading {
  font-family: 'Sora', 'Outfit', sans-serif;
  font-size: 23px !important;
  font-weight: 600;
  color: #eef1f6 !important;
  letter-spacing: 0.01em;
  margin: 22px 0 14px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  position: relative;
  text-transform: none !important;
}

.post-11 h2.wp-block-heading::before {
  display: none !important;
}
.post-11 h2.wp-block-heading::after {
  position: absolute !important;
  content: '' !important;
  width: 40px !important;
  height: 2px !important;
  background-color: #5cad7a !important;
  left: 0 !important;
  bottom: -1px !important;
  border-radius: 2px !important;
}

.post-11 h3.wp-block-heading {
  font-family: 'Sora', 'Outfit', sans-serif;
  font-size: 15px !important;
  font-weight: 700;
  color: #d4854a !important;
  letter-spacing: 0.07em;
  text-transform: uppercase !important;
  margin: 0 0 10px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.post-11 h3.wp-block-heading::before,
.post-11 h3.wp-block-heading::after {
  display: none !important;
}


.post-11 a {
  color: #5cad7a;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s, border-color 0.15s;
}
.post-11 a:hover {
  color: #7dd49a;
  border-bottom-color: #5cad7a;
  opacity: 1 !important;
}


.post-11 .wp-block-image.size-full {
  margin-bottom: 24px;
}
.post-11 .wp-block-image.size-full img {
  border-radius: 10px;
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.12);
}


.styled-column {
  background-color: #161b26;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 7px;
  padding: 12px 18px;
  font-size: 16px;
  line-height: 1.65;
}

.styled-column > p {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #8a95a8;
  margin-top: 0 !important;
  margin-bottom: 7px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.wp-block-columns > .wp-block-column:first-child > .styled-column {
  border-left: 3px solid #d4854a !important;
  background: linear-gradient(135deg, #161b26 0%, rgba(212, 133, 74, 0.1) 100%);
}
.wp-block-columns > .wp-block-column:first-child > .styled-column > p::before {
  content: '✕ ';
  color: #d4854a;
  font-size: 9px;
  font-weight: 900;
  margin-right: 4px;
  vertical-align: middle;
}

.wp-block-columns > .wp-block-column:last-child > .styled-column {
  border-left: 3px solid #5cad7a !important;
  background: linear-gradient(135deg, #161b26 0%, rgba(92, 173, 122, 0.12) 100%);
}
.wp-block-columns > .wp-block-column:last-child > .styled-column > p::before {
  content: '✓ ';
  color: #5cad7a;
  font-size: 11px;
  font-weight: 900;
  margin-right: 4px;
  vertical-align: middle;
}

.styled-column ul.wp-block-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.styled-column ul.wp-block-list li {
  position: relative !important;
  padding: 4px 0 4px 24px !important;
  font-size: 16px !important;
  color: #d6dde8 !important;
  border-bottom: none !important;
  margin-bottom: 0 !important;
}
.styled-column ul.wp-block-list li::before {
  content: '▸' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #5cad7a !important;
  font-size: 25px !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}


.info-colomn {
  background-color: #1c2333;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 7px;
  padding: 16px 18px 18px !important;
  font-size: 16px;
  line-height: 1.7;
}

.info-colomn > p:first-child {
  margin-top: 0 !important;
}

.info-colomn > p {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a95a8;
  margin-top: 16px;
  margin-bottom: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  line-height: 1.4;
}

.wp-block-columns > .wp-block-column:first-child > .info-colomn {
  border-left: 3px solid #5b8fc9 !important;
  background: linear-gradient(135deg, #1c2333 0%, rgba(91, 143, 201, 0.1) 100%);
}
.wp-block-columns > .wp-block-column:first-child > .info-colomn > p::before {
  content: '◈ ';
  color: #5b8fc9;
  font-size: 10px;
  margin-right: 3px;
  vertical-align: middle;
}

.wp-block-columns > .wp-block-column:last-child > .info-colomn {
  border-left: 3px solid #5cad7a !important;
  background: linear-gradient(135deg, #1c2333 0%, rgba(92, 173, 122, 0.12) 100%);
}
.wp-block-columns > .wp-block-column:last-child > .info-colomn > p::before {
  content: '◈ ';
  color: #5cad7a;
  font-size: 10px;
  margin-right: 3px;
  vertical-align: middle;
}

.info-colomn ul.wp-block-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.info-colomn ul.wp-block-list li {
  position: relative !important;
  padding: 5px 0 5px 24px !important;
  font-size: 16px !important;
  color: #d6dde8 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  margin-bottom: 0 !important;
  line-height: 1.5 !important;
}
.info-colomn ul.wp-block-list li:last-child {
  border-bottom: none !important;
}
.info-colomn ul.wp-block-list li::before {
  content: '▸' !important;
  position: absolute !important;
  left: 0 !important;
  top: 44% !important;
  transform: translateY(-50%) !important;
  color: #5cad7a !important;
  font-size: 25px !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}


ul.styled-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 6px 0 9px !important;
}
ul.styled-list li {
  position: relative !important;
  padding: 7px 0 7px 26px !important;
  font-size: 16px !important;
  color: #d6dde8 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  margin-bottom: 0 !important;
}
ul.styled-list li:last-child {
  border-bottom: none !important;
}
ul.styled-list li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 12px !important;
  height: 2px !important;
  background-color: #5cad7a !important;
  border-radius: 2px !important;
  box-shadow: 0 0 5px rgba(92, 173, 122, 0.3) !important;
  border: none !important;
  background-image: none !important;
}


.reciepe-block {
  background-color: #1c2333;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-left: 3px solid #d4854a !important;
  border-radius: 6px;
  padding: 16px 18px;
  margin: 18px 0;
  position: relative;
  overflow: hidden;
  box-shadow: none !important;
}

.reciepe-block::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 150px !important;
  height: 80px !important;
  background: radial-gradient(ellipse at top right, rgba(212, 133, 74, 0.07) 0%, transparent 70%) !important;
  pointer-events: none !important;
  border: none !important;
  border-radius: 0 !important;
}
.reciepe-block::after {
  display: none !important;
}

.reciepe-block h3.wp-block-heading {
  margin-top: 0 !important;
}

.reciepe-block h3.wp-block-heading::before {
  display: inline !important;
  content: '⊕' !important;
  color: #d4854a !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  margin-right: 7px !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border-radius: 0 !important;
}
.reciepe-block h3.wp-block-heading::after {
  display: none !important;
}

.reciepe-block .wp-block-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
}
.reciepe-block .wp-block-list li {
  position: relative !important;
  padding: 5px 0 5px 20px !important;
  font-size: 16px !important;
  color: #c4cedd !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  margin-bottom: 0 !important;
}
.reciepe-block .wp-block-list li:last-child {
  border-bottom: none !important;
}
.reciepe-block .wp-block-list li::before {
  content: '–' !important;
  position: absolute !important;
  left: 2px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #d4854a !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}

.reciepe-block p > strong {
  display: inline-block;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #d4854a !important;
  margin-bottom: 4px !important;
}

.reciepe-block p em {
  color: #8a95a8;
  font-size: 15px;
}

.reciepe-block .wp-block-image {
  margin: 0;
}
.reciepe-block .wp-block-image img {
  border-radius: 7px;
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.reciepe-block .wp-block-columns {
  gap: 16px;
  margin-bottom: 12px;
}

.reciepe-block .storage-tip {
  background-color: rgba(212, 133, 74, 0.07) !important;
  border: 1px solid rgba(212, 133, 74, 0.22) !important;
  border-radius: 5px !important;
  padding: 10px 14px !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

.reciepe-block .storage-tip p {
  font-size: 14px !important;
  color: #c4cedd !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.reciepe-block .storage-tip p > strong {
  display: block !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: #d4854a !important;
}

.post-11 .wp-block-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 16px 0 22px;
}

.post-11 .wp-block-table table,
.post-11 table.mtr-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  background-color: #161b26;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  overflow: hidden;
  color: #d6dde8;
}

.post-11 .wp-block-table table thead tr,
.post-11 table.mtr-table thead tr {
  background-color: #1e2540;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.post-11 .wp-block-table table thead td,
.post-11 .wp-block-table table thead th,
.post-11 table.mtr-table thead td {
  font-family: 'Sora', 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5cad7a;
  padding: 12px 15px;
  text-align: center !important;
  border-right: 1px solid rgba(255, 255, 255, 0.07);
  white-space: nowrap;
  vertical-align: middle;
}

.post-11 .wp-block-table table thead td:last-child,
.post-11 table.mtr-table thead td:last-child {
  border-right: none;
}

.post-11 .wp-block-table table tbody tr,
.post-11 table.mtr-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  transition: background-color 0.12s;
}
.post-11 .wp-block-table table tbody tr:last-child,
.post-11 table.mtr-table tbody tr:last-child {
  border-bottom: none;
}
.post-11 .wp-block-table table tbody tr:nth-child(even),
.post-11 table.mtr-table tbody tr:nth-child(even) {
  background-color: #1a2030;
}
.post-11 .wp-block-table table tbody tr:hover,
.post-11 table.mtr-table tbody tr:hover {
  background-color: rgba(92, 173, 122, 0.05);
}

.post-11 .wp-block-table table tbody td,
.post-11 table.mtr-table tbody td {
  padding: 10px 15px;
  text-align: center !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  line-height: 1.55;
  vertical-align: middle;
  color: #d6dde8;
  font-size: 15px;
}
.post-11 .wp-block-table table tbody td:last-child,
.post-11 table.mtr-table tbody td:last-child {
  border-right: none;
}

.post-11 .wp-block-table table tbody td:first-child,
.post-11 table.mtr-table tbody td:first-child {
  font-weight: 600;
  color: #eef1f6;
  text-align: center !important;
}

.mtr-cell-content {
  display: block;
}
.post-11 table.mtr-table thead td .mtr-cell-content {
  display: inline;
}


.post-11 hr,
.post-11 .wp-block-separator {
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
  margin: 24px 0 !important;
}


@media (max-width: 768px) {

  .post-11 h2.wp-block-heading {
    font-size: 19px !important;
    margin: 18px 0 12px !important;
  }

  .post-11 h3.wp-block-heading {
    font-size: 13px !important;
  }

  .post-11 .wp-block-columns.is-layout-flex {
    flex-direction: column !important;
    gap: 12px;
  }

  .styled-column,
  .info-colomn {
    padding: 12px 14px !important;
    font-size: 15px;
  }

  .styled-column > p,
  .info-colomn > p {
    font-size: 11px;
  }

  .styled-column ul.wp-block-list li,
  .info-colomn ul.wp-block-list li {
    font-size: 15px !important;
  }

  .reciepe-block {
    padding: 14px 15px;
  }

  .reciepe-block .wp-block-list li {
    font-size: 15px !important;
  }

  .reciepe-block p > strong {
    font-size: 12px !important;
  }

  ul.styled-list li {
    font-size: 15px !important;
    padding: 6px 0 6px 22px !important;
  }

  .post-11 .wp-block-table {
    margin: 12px 0 18px;
  }
  .post-11 .wp-block-table table,
  .post-11 table.mtr-table {
    font-size: 13px;
    min-width: 420px;
  }
  .post-11 .wp-block-table table thead td,
  .post-11 table.mtr-table thead td {
    padding: 9px 11px;
    font-size: 10px;
    white-space: nowrap;
  }
  .post-11 .wp-block-table table tbody td,
  .post-11 table.mtr-table tbody td {
    padding: 8px 11px;
    font-size: 13px;
  }
  .post-11 .wp-block-table table tbody td:first-child,
  .post-11 table.mtr-table tbody td:first-child {
    font-size: 13px;
  }
}

@media (max-width: 480px) {

  .post-11 h2.wp-block-heading {
    font-size: 17px !important;
  }

  .reciepe-block .wp-block-columns {
    flex-direction: column !important;
  }
  .reciepe-block .wp-block-image img {
    margin-top: 12px;
  }

  .styled-column,
  .info-colomn {
    padding: 10px 12px !important;
    font-size: 14px;
  }

  .styled-column ul.wp-block-list li,
  .info-colomn ul.wp-block-list li {
    font-size: 14px !important;
  }

  ul.styled-list li {
    font-size: 14px !important;
  }

  .reciepe-block .wp-block-list li {
    font-size: 14px !important;
  }

  .post-11 .wp-block-table table,
  .post-11 table.mtr-table {
    font-size: 12px;
    min-width: 320px;
  }
  .post-11 .wp-block-table table thead td,
  .post-11 table.mtr-table thead td {
    padding: 8px 9px;
    font-size: 9px;
  }
  .post-11 .wp-block-table table tbody td,
  .post-11 table.mtr-table tbody td {
    padding: 7px 9px;
    font-size: 12px;
  }
}

@media (max-width: 650px) {
  table.mtr-table tr:nth-child(2n+1),
  table.mtr-table tr:nth-child(2n+1) .mtr-td-tag,
  table.mtr-table tr:nth-child(2n+1) .mtr-th-tag,
  table.mtr-table tr:nth-child(2n),
  table.mtr-table tr:nth-child(2n) .mtr-td-tag,
  table.mtr-table tr:nth-child(2n) .mtr-th-tag {
    background: transparent !important;
    background-color: transparent !important;
  }
}

@media (max-width: 650px) {
  .mtr-table .mtr-td-tag .mtr-cell-content,
  .mtr-table .mtr-th-tag .mtr-cell-content {
    max-width: 100% !important;
    display: block !important;
  }

  .mtr-table td[data-mtr-content]::before,
  .mtr-table th[data-mtr-content]::before {
    width: 35% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
}