/*
Theme Name:        Shuttle Marketing
Text Domain:	   shuttle-marketing
Template:          shuttle
Version:           1.0.1
Requires at least: 5.0
Requires PHP:      5.6
Tested up to:      6.8
Description:       Shuttle Marketing is the awesome free version of Shuttle Pro. It is really good for professionals. If you want to make a business, for big or small this theme is good for you. So if it is a restaurant, sport, medical, startup, corporate, business, ecommerce, portfolio, freelancers or any type of online agency or firm you will want to use this cool design. 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, WPML, Polylang, Retina ready, SEO friendly, and is a super design. Shuttle is fast and lightweight and can be used for any type of website, fully compatible with eCommerce plugins like WooCommerce an JigoShop. Whether you are building a website for yourself, your business or are a freelancer building websites for your cliente, Shuttle is the perfect choice. Plus if works with all the major page builders such as Elementor, Beaver Builder, Visual Composer, Divi, SiteOrigin and so much more!
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-marketing/
License:           GPLv2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
*/
#sub-footer-core .copyright, #post-footer-social, #sub-footer-core #footer-menu {
  text-align: center !important;
}
#section-home {
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  background-color: #fff;
  padding: 0px 0px !important;
}
#section-home-inner {
  max-width: 1140px;
  margin: 0px auto 0 !important;
}
/* Sub-header Style */
#pre-header {
  background-color: #ecf0ff;
  border-bottom: none;
}
#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: #51555e !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: #f5f6f8;
}

#logo h1,
#logo-sticky h1 {
  z-index: 2;
  color: #51555e;
  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: #51555e;
  bottom: 15px;
}
#header .header-links > ul > li > a {
  border: none;
  text-transform: capitalize;
  color: #51555e !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 #eee !important;
}
#header .header-links .sub-menu li,
#header-sticky .header-links .sub-menu li {
  border-bottom: 1px solid rgba(19, 175, 240, 0.1) !important;
}
#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: #51555e;
  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: #fff;
  border: none;
  margin-top: 0px;
  border-radius: 0px;
  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;
}

/* Cta Style */
.slider-full #slider .rslides-inner {
  border-radius: 0px;
}
#introaction {
  background-color: #ecf0ff;
  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: #fff;
}
#introaction-core .three_fourth,
#introaction-core .one_fourth {
  margin: 0;
  float: none;
  text-align: center;
  width: 100%;
}
.action-text h3 {
  color: #1e1e1e;
  font-size: 36px;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.action-teaser p {
  color: #3a3a3a;
}
.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: #fff;
  box-shadow: none;
  background-color: #1e1e1e;
  border: none;
  opacity: 1;
}
/* Featured Style */
#section-home {
  border-top: none;
  background-color: #fff;
  padding: 80px 0px;
}
.iconimage {
  border-radius: 5px;
  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: #fff;
  box-shadow: none;
  border-radius: 5px;
  border: 1px solid #e2f5fd;
  padding: 30px;
  position: relative;
  z-index: 1;
  text-align: left;
}
.services-builder.style1 h3 {
  color: #1e1e1e;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  border-bottom: none;
  padding-bottom: 0px;
}
.services-builder.style1 p {
  color: #565656;
  padding: 0px;
}
.services-builder.style1 .iconmain {
  position: relative;
  z-index: 2;
  border: none;
  margin-top: 30px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px 0px 10px 0px;
  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: 0px;
  transition: all 0.3s;
  background-color: #fff;
  border-radius: 10px;
  border: none;
  text-transform: capitalize;
  color: #1e1e1e;
  font-weight: 500;
  position: relative;
  text-decoration: none !important;
}
.services-builder.style1 .iconurl a::before {
  content: ">";
  width: 30px;
  height: 30px;
  border: 1px solid #e9ecf3;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  color: #13aff0;
  border-radius: 50%;
  margin-right: 8px;
  transition: all 0.3s;
}
.services-builder.style1 .iconurl a:hover {
  color: #13aff0;
  box-shadow: none;
  background-color: transparent;
  border: none;
  opacity: 1;
}
.services-builder.style1 .iconurl a:hover::before {
  background-color: #13aff0;
  border-color: #13aff0;
  color: #fff;
}

/* Footer style */
footer {
  background-color: #23272e;
  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: #23272e;
  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: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  position: relative;
  z-index: 3;
}
#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: #23272e;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 0px;
}
#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: #23272e;
  background-image: url(.//images/heading-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 0px;
  border-top: none;
  padding: 90px 0px;
  text-align: left;
  margin: 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 */
.blog-style2 #content {
  background-color: #fff;
  border-top: 1px solid #e9ecf3;
}
.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: transparent;
  padding: 0px;
  border-radius: 7px;
  box-shadow: none;
  border-bottom: none;
}
#sidebar .widget_search .wp-block-search__label {
  display: none;
}
#sidebar .widget_search input[type="search"] {
  border: none !important;
  background-color: rgba(19, 175, 240, 0.1) !important;
  border-radius: 5px;
}
#sidebar .wp-block-search__button {
  border-radius: 5px;
  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: #1e1e1e;
  border: none;
  opacity: 1;
  color: #fff;
}
#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: 5px;
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 18px;
  color: #1e1e1e;
  position: relative;
}
#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: #1e1e1e;
}
#sidebar .widget li a:hover {
  color: #13aff0;
}
#sidebar .widget li span {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #666;
}
#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: #fff;
  box-shadow: none;
  border: 1px solid #e9ecf3;
  color: #3a3a3a;
  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: #fff;
  border-top: 1px solid #e9ecf3;
  padding-top: 80px;
}
.blog-article {
  padding-bottom: 0px;
}
.blog-style2 .blog-grid .blog-article:before {
  margin-bottom: 30px;
  background-color: transparent;
}
.blog-article.sticky {
  color: #1e1e1e;
  background: #fff !important;
  border: none;
  border-radius: 0px;
  padding: 0px;
}
.blog-style2 .blog-article .blog-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: none;
}
.blog-article.sticky .blog-title a {
  color: #1e1e1e !important;
}
.blog-article.sticky .entry-content {
  padding: 0px;
  border: none !important;
}
.blog-style2 .blog-article {
  border: none;
  margin-bottom: 50px;
}
.blog-style2 .blog-article .entry-content {
  text-align: left;
  background-color: #fff;
  border-radius: 0px;
  border: none;
  padding: 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;
}
.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: 30px;
}
.blog-article .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: 1px solid #e9ecf3;
  background-color: transparent;
  border-radius: 10px;
  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: 1px solid #13aff0;
  color: #fff;
}

/* Single Post Style */
.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: #4a4a4a;
  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: #1e1e1e;
  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: #ecf0ff;
  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;
   padding: 8px 10px !important;
}

#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: #1e1e1e;
  margin-bottom: 40px;
  position: relative;
  border-bottom: none;
  z-index: 2;
}
.commentlist article.comment {
  padding: 0px 0px;
  margin-bottom: 20px !important;
}
.comment-author h4 {
  color: #1e1e1e;
}
.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;
  box-shadow: none !important;
  background-color: #fff !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: #666;
  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 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: #fff !important;
  border: 1px solid #e9ecf3;
  border-radius: 5px;
  color: #3a3a3a;
}
#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;
}
blockquote, q {
  padding: 17px 25px 17px 70px !important;
}




/* ============================================
   HERO IMAGE & TITLE SECTION
   ============================================ */

/* Hero image styling */
.wp-block-image.size-full {
  margin-bottom: 0;
  border-radius: 0;
  overflow: hidden;
  position: relative;
}

.wp-block-image.size-full::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
  pointer-events: none;
}

.wp-block-image.size-full img {
  width: 100%;
  height: auto;
  display: block;
}

/* Main H1 Title */
h1.wp-block-heading {
  font-size: 36px;
  font-weight: 800;
  color: #1a1a2e;
  line-height: 1.3;
  margin: 5px 0 20px 0;
  text-align: center;
  position: relative;
  padding-bottom: 15px;
}

h1.wp-block-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3);
  border-radius: 3px;
}

/* ============================================
   H2 & H3 HEADINGS
   ============================================ */

h2.wp-block-heading {
  font-size: 30px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 20px 0 18px 0;
  position: relative;
  padding-left: 20px;
}

h2.wp-block-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: linear-gradient(180deg, #ff6b6b, #feca57);
  border-radius: 3px;
}

h2.wp-block-heading::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 70%;
  background: rgba(72, 219, 251, 0.3);
  border-radius: 2px;
}

h3.wp-block-heading {
  font-size: 22px;
  font-weight: 600;
  color: #2c3e50;
  margin: 16px 0 15px 0;
  position: relative;
  padding-left: 18px;
}

h3.wp-block-heading::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #48dbfb;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(72, 219, 251, 0.2);
}

/* ============================================
   STYLED CALL BOXES (Colorful Info Cards)
   ============================================ */

/* Base styled-call */
.styled-call table,
.styled-call-1 table,
.styled-call-2 table {
  width: 100% !important;
  border: none !important;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  margin: 20px 0;
  position: relative;
}

.styled-call td {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
  padding: 20px 25px !important;
  border: none !important;
  position: relative;
  overflow: hidden;
}

.styled-call td::before {
  content: "💡";
  position: absolute;
  top: -3px;
  right: 15px;
  font-size: 46px;
  opacity: 0.15;
  transform: rotate(-15deg);
}

.styled-call td::after {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 200px;
  height: 200px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  filter: blur(40px);
}

.styled-call td strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  z-index: 1;
}

.styled-call td br + text() {
  position: relative;
  z-index: 1;
}

/* styled-call-1 - Green/Teal variant */
.styled-call-1 td {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
  color: #ffffff;
  padding: 15px 25px !important;
  border: none !important;
  position: relative;
  overflow: hidden;
}

.styled-call-1 td::before {
  content: "📊";
  position: absolute;
  top: -10px;
  right: 15px;
  font-size: 46px;
  opacity: 0.15;
  transform: rotate(15deg);
}

.styled-call-1 td::after {
  content: "";
  position: absolute;
  bottom: -30%;
  left: -5%;
  width: 180px;
  height: 180px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  filter: blur(30px);
}

.styled-call-1 td strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  z-index: 1;
}

/* styled-call-2 - Orange/Pink variant */
.styled-call-2 td {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  color: #ffffff;
  padding: 15px 25px !important;
  border: none !important;
  position: relative;
  overflow: hidden;
}

.styled-call-2 td::before {
  content: "📖";
  position: absolute;
  top: -15px;
  right: 15px;
  font-size: 46px;
  opacity: 0.15;
  transform: rotate(-10deg);
}

.styled-call-2 td::after {
  content: "";
  position: absolute;
  top: -20%;
  left: -15%;
  width: 220px;
  height: 220px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  filter: blur(50px);
}

.styled-call-2 td strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  z-index: 1;
}

/* Additional decorative elements for all styled-call boxes */
.styled-call table::before,
.styled-call-1 table::before,
.styled-call-2 table::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  z-index: 2;
}

/* ============================================
   STYLED COLUMNS (Two-column layout)
   ============================================ */

.wp-block-columns {
  margin: 25px 0;
  gap: 20px;
}

.styled-col {
  background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
  border-radius: 8px;
  padding: 8px 22px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.styled-col::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 120px;
  height: 120px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  filter: blur(20px);
}

.styled-col::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, rgba(255,107,107,0.5), rgba(254,202,87,0.5));
}

.styled-col h3 {
  color: #2c3e50;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  padding-left: 0;
  position: relative;
  z-index: 1;
}

.styled-col h3::before {
  display: none;
}

.styled-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 1;
}

.styled-col ul li {
  padding: 10px 0 6px 30px;
  position: relative;
  color: #2c3e50;
  font-size: 15px;
  line-height: 1.6;
}

.styled-col ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 10px;
  width: 22px;
  height: 22px;
  background: #ffffff;
  color: #ff6b6b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Second column variant */
.wp-block-column:nth-child(2) .styled-col {
  background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
}

.wp-block-column:nth-child(2) .styled-col::after {
  background: linear-gradient(90deg, rgba(102,126,234,0.5), rgba(72,219,251,0.5));
}

.wp-block-column:nth-child(2) .styled-col ul li::before {
  content: "✗";
  color: #667eea;
}

/* ============================================
   TABLES (Data Tables)
   ============================================ */

.mtr-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 10px 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
  border: 2px solid #f0f0f0;
}

.mtr-table tbody tr:first-child td {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 15px 20px !important;
  border: none !important;
  position: relative;
}

.mtr-table tbody tr:first-child td::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: rgba(255, 255, 255, 0.2);
}

.mtr-table tbody tr:not(:first-child) td {
  background: #ffffff;
  color: #2c3e50;
  padding: 10px 20px !important;
  border: none !important;
  border-bottom: 1px solid #f0f0f0;
  font-size: 15px;
  line-height: 1.6;
}

/* First column (left) styling */
.mtr-table tbody tr:not(:first-child) td:first-child {
  font-weight: 600;
  color: #667eea;
  position: relative;
  padding-left: 30px !important;
  background: linear-gradient(90deg, #f8f9ff 0%, #ffffff 100%);
}

.mtr-table tbody tr:not(:first-child) td:first-child::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #667eea, #48dbfb);
  opacity: 0.5;
}

/* Remove border from last row */
.mtr-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* Alternating row background */
.mtr-table tbody tr:not(:first-child):nth-child(even) td:not(:first-child) {
  background: #fafbfc;
}

/* ============================================
   STYLED SOURCE (References/Citations)
   ============================================ */

.styled-source {
  background: linear-gradient(135deg, #e0e7ff 0%, #f5f3ff 100%);
  border-left: 4px solid #667eea;
  padding: 15px 25px;
  margin: 10px 0;
  list-style: none;
  position: relative;
  box-shadow: 0 3px 15px rgba(102, 126, 234, 0.1);
}

.styled-source::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3));
  pointer-events: none;
}

.styled-source::after {
  content: "SOURCES";
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 10px;
  font-weight: 700;
  color: rgba(102, 126, 234, 0.3);
  letter-spacing: 2px;
}

.styled-source li {
  padding: 8px 0 8px 30px;
  position: relative;
  color: #4a5568;
  font-size: 14px;
  line-height: 1.7;
  border-bottom: 1px dashed rgba(102, 126, 234, 0.2);
}

.styled-source li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.styled-source li::before {
  content: "📚";
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 16px;
}

/* ============================================
   PARAGRAPH & IMAGE STYLING
   ============================================ */

p {
  font-size: 16px;
  line-height: 1.8;
  color: #4a5568;
  margin: 15px 0;
}

.wp-block-image {
  margin: 25px 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
  position: relative;
}

.wp-block-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(102,126,234,0.05), transparent);
  pointer-events: none;
  z-index: 1;
}

.wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

@media (max-width: 1024px) {
  h1.wp-block-heading {
    font-size: 36px;
  }

  h2.wp-block-heading {
    font-size: 26px;
  }

  h3.wp-block-heading {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .styled-call table, .styled-call-1 table, .styled-call-2 table {
  margin: 5px 0;
}
  h1.wp-block-heading {
    font-size: 28px;
    margin: 0px 0 15px 0;
  }

  h2.wp-block-heading {
    font-size: 22px;
    padding-left: 18px;
    margin: 25px 0 12px 0;
  }

  h2.wp-block-heading::before {
    width: 5px;
  }

  h2.wp-block-heading::after {
    display: none;
  }

  h3.wp-block-heading {
    font-size: 18px;
    margin: 20px 0 10px 0;
  }

  .styled-call td,
  .styled-call-1 td,
  .styled-call-2 td {
    padding: 18px 20px !important;
  }

  .styled-call td::before,
  .styled-call-1 td::before,
  .styled-call-2 td::before {
    font-size: 50px;
    top: -10px;
    right: 10px;
  }

  .styled-col {
    padding: 20px 18px;
    margin-bottom: 15px;
  }

  .styled-col::before {
    width: 80px;
    height: 80px;
  }

  .wp-block-columns {
    gap: 15px;
    margin: 20px 0;
  }

  .mtr-table tbody tr:not(:first-child) td {
    display: block;
    width: 100%;
    padding: 10px 15px !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  .mtr-table tbody tr:not(:first-child) td:first-child {
    padding-left: 30px !important;
    background: linear-gradient(90deg, #f8f9ff 0%, #ffffff 100%);
    font-weight: 700;
    font-size: 15px;
    padding-top: 15px !important;
  }

  .mtr-table tbody tr:not(:first-child) td:last-child {
    padding-bottom: 15px !important;
    border-bottom: 2px solid #e0e0e0 !important;
  }

  .mtr-table tbody tr:first-child td {
    padding: 12px 15px !important;
    font-size: 13px;
  }

  .styled-source {
    padding: 18px 20px;
  }

  .styled-source::after {
    display: none;
  }

  .styled-source li {
    font-size: 13px;
    padding: 8px 0 8px 28px;
  }

  p {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  h1.wp-block-heading {
    font-size: 24px;
  }

  h2.wp-block-heading {
    font-size: 20px;
    padding-left: 15px;
  }

  h3.wp-block-heading {
    font-size: 17px;
  }

  .styled-call td,
  .styled-call-1 td,
  .styled-call-2 td {
    padding: 15px 18px !important;
  }

  .styled-col {
    padding: 18px 15px;
  }

  .styled-col ul li {
    padding: 8px 0 8px 28px;
    font-size: 14px;
  }

  .styled-col ul li::before {
    width: 20px;
    height: 20px;
    font-size: 11px;
  }

  .styled-source li {
    font-size: 13px;
  }

  p {
    font-size: 14px;
  }
}