/*
Theme Name: Blogrift
Theme URI: https://themeansar.com/free-themes/blogrift/
Author: Themeansar
Author URI: https://themeansar.com
Description: Blogrift is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Blogrift is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Blogrift is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogus/blogrift/ and documentation at https://docs.themeansar.com/docs/blogus/
Version: 99.5
Requires at least: 5.6
Requires PHP: 7.0
Tested up to: 6.5.3
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: blogus
Text Domain: blogrift
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Blogrift WordPress Theme is child theme of Newsup, Copyright 2020 Themeansar
Blogrift is distributed under the terms of the GNU General Public License v3

Blogrift is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
a:focus {
    outline: 1px solid;
} 
.bs-headfive .navbar-wp {  
	border-width: 1px 0 1px 0;
	border-style: solid;
	box-shadow: var(--bxsh);
}
.bs-headfive .bs-header-main .inner {
    display: flex;
    padding: 30px 0;
    margin: 0;
    height: auto;
    align-items: center;
    text-align: center;
}

.bs-headfive .navbar-wp .navbar-nav > li> a {
    padding: 8px 15px;
    font-weight: 600; 
}
.modal .btn-close{
    background-image: none;
}
.right-nav a{
    box-shadow: none;
}
.bs-social li a:focus, .right-nav a:focus{
    outline: none;
}
.bs-blog-category a{
    padding: 0;
    font-weight: 500;
}
.bs-blog-post, .list-blog.bs-blog-post{
    box-shadow: none;
    padding: 0;
    margin-bottom: 3.125rem;
}
.bs-blog-post:hover, .bs-sidebar .bs-widget, .wd-back{
    box-shadow: none;
}
.wd-back{
    padding: 0;
}
.list-blog p{
    margin-bottom: 1rem;
    font-size: 16px;
}
.bs-blog-meta span{
    font-weight: 400;
}
.list-blog .bs-blog-thumb{
    margin-right: 2.5rem;
}
/* .bs-blog-post .bs-blog-thumb{ 
    transition: transform 1s ease-in-out;
}
.bs-blog-post:hover .bs-blog-thumb{
    transform: scale(1.05);
} */
.mainfeatured .list-blog .bs-blog-thumb {
    width: 50.333333%;
    max-width: 50.333333%;
    min-width: 50.333333%;
    height: 400px;
    min-height: 250px;
    margin-right: 25px;
    background-color: #333;
}
.mainfeatured .bs-blog-post .title{
    font-size: 2.5rem;
}
.mainfeatured .bs-blog-post p{
    font-size: 1rem;
}
.mainfeatured .bs-blog-post{
    margin-bottom: 3.84rem;
}

.navbar-brand{
    margin-right: 0;
}
@media (max-width: 767.98px) {
    .mainfeatured .bs-blog-category{
        justify-content: center;
    }
    .mainfeatured .small{
        text-align: center;
    }
    .mainfeatured .list-blog .bs-blog-thumb{
        height: 330px;
        margin-right: 0;
    }
    .mainfeatured .bs-blog-post .title{
        font-size: 2rem;
    }
    .list-blog .bs-blog-thumb{
        margin-right: 0;
    }
}

p a {
    	text-decoration: underline;
}
a:focus {
        outline: 1px solid;
}
.navbar-toggler.x:focus {
    	    outline: 1px solid #000;
}

@media (max-width: 991.98px) {
        .m-header .navbar-toggler:focus {
            outline: 2px solid;
        }
}


/*Membership level*/
.page-id-20 div#content-inside {
    width: 100%;
    margin:0 auto;
}


/* Main Container */
.page-id-20 .pmpro {
    max-width: 1500px;
    margin: 0 auto;
    padding: 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      margin:0 auto;
}

/* Section Styling */
.page-id-20 .pmpro_section {
        background: linear-gradient(to bottom, #f9fafc 0%, #ffffff 100%);
          margin:0 auto;
}

/* Heading */
.page-id-20 h1 {
    font-size: 42px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
}

.page-id-20 h1:after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #4361ee, #3a0ca3);
    margin: 15px auto 0;
    border-radius: 2px;
}

/* Level Group Container */
.page-id-20 .pmpro_level_group {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 40px;
border: 1px dashed #5f5cbf;
}

/* Individual Plan Cards */
.page-id-20 .pmpro_level {
    flex: 1;
    min-width: 290px !important;
    max-width: 320px;
    background: linear-gradient(to bottom, #cbddfb 0%, #ffffff 100%);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    padding: 15px 30px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid #eef2f6;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.page-id-20 .pmpro_level:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* Current Plan Highlight */
.page-id-20 .pmpro_level-current {
    border: 2px solid #4361ee;
    position: relative;
}

.page-id-20 .pmpro_level-current::before {
    content: "Current Plan";
    position: absolute;
    top: 15px;
    right: -35px;
    background: #4361ee;
    color: white;
    padding: 5px 40px;
    font-size: 12px;
    transform: rotate(45deg);
    font-weight: bold;
    z-index: 1;
}

/* Plan Title */
.page-id-20 .plan_title {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    /*margin-bottom: 20px;*/
    text-align: center;
    padding: 12px 0;
   background: linear-gradient(95deg, #3b82f6 0%, #60a5fa 100%);
box-shadow: 0 0 20px rgba(59, 130, 246, 0.6), 0 0 40px rgba(96, 165, 250, 0.4);
    border-radius: 8px;
    position: relative;
    margin-top:10px
}

/* Current Plan Title */
.page-id-20 .pmpro_level-current .plan_title {
    background: linear-gradient(90deg, #4361ee 0%, #3a0ca3 100%);
    color: white;
}

/* Plan Price */
.page-id-20 .plan_price {
    font-size: 36px;
    font-weight: 800;
    color: #2b2d42;
    margin-bottom: 10px;
    text-align: center;
    /*padding-bottom: 20px;*/
    border-bottom: 1px solid #f1f3f5;
}

.page-id-20 .plan_price strong {
    font-weight: 800;
font-size: 25px;
}

/* Free Plan Special Styling */
.page-id-20 #pmpro_level-1 .plan_price {
    color: #2a9d8f;
}

/* Starter Plan Special Styling */
.page-id-20 #pmpro_level-2 .plan_price {
    color: #4361ee;
}

/* Pro Plan Special Styling */
.page-id-20 #pmpro_level-3 .plan_price {
    color: #7209b7;
}

/* Agency Plan Special Styling */
.page-id-20 #pmpro_level-4 .plan_price {
    color: #f72585;
}

/* Plan Features List */
.page-id-20 .plan_description ul {
    list-style: none;
    margin: 0;
    padding: 0;
    flex-grow: 1;
    margin-bottom: 30px;
}

.page-id-20 .plan_description li {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 5px 0;
    display: flex;
    align-items: center;
    color: #4a4e69;
    font-size: 15px;
    border-bottom: 1px solid #f8f9fa;
    line-height: 1.4;
}

.page-id-20 .plan_description li:last-child {
    border-bottom: none;
}

/* Feature Icons */
.page-id-20 .plan_description li span[style*="color: green"] {
    margin-right: 12px;
    font-size: 18px;
}

.page-id-20 .plan_description li span[style*="color: red"] {
    margin-right: 12px;
    font-size: 18px;
    opacity: 0.7;
}

/* Buttons Container */
.page-id-20 .pmpro_level > div:last-child {
    margin-top: auto;
}

/* Base Button Styles */
.page-id-20 .pmpro_btn {
    display: inline-block;
    padding: 16px 24px;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 16px;
    width: 100%;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Select Button */
.page-id-20 .pmpro_btn-select {
    background: linear-gradient(90deg, #4361ee 0%, #3a0ca3 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(67, 97, 238, 0.3);
}

.page-id-20 .pmpro_btn-select:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(67, 97, 238, 0.4);
}

/* Free Plan Button */
.page-id-20 .pmpro_btn.pmpro_btn-select {
  background: linear-gradient(to right, #93c5fd, #3b82f6);
  color: #fff;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 6px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  cursor: pointer;
  transition: box-shadow 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.page-id-20 p.pmpro_level-price {
    color: #002183;
    font-size:13px;
}

/* Starter Plan Button */
.page-id-20 #pmpro_level-2 .pmpro_btn-select {
    
}

/* Pro Plan Button */
.page-id-20 #pmpro_level-3 .pmpro_btn-select {
    
}

/* Agency Plan Button */
.page-id-20 #pmpro_level-4 .pmpro_btn-select {
    
}

/* Current Plan Button */
.page-id-20 .pmpro_btn-outline {
    background: white;
    color: #4361ee;
    border: 2px solid #4361ee;
    box-shadow: none;
}

.page-id-20 .pmpro_btn-outline:hover {
    background: #f8f9fe;
    transform: translateY(-2px);
}

/* Button Hover Effects */
.page-id-20 .pmpro_btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1));
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s;
}


.page-id-20 .pmpro_level-price {
    margin-top: 0px !important;
}
.page-id-20 .pmpro_btn:hover:after {
    opacity: 1;
}

/* Responsive Adjustments */
@media (max-width: 1200px) {
    .page-id-741 .pmpro_level {
        min-width: 280px;
    }
}

@media (max-width: 992px) {
    .page-id-20 .pmpro_level_group {
        gap: 20px;
    }
    
    .page-id-20 .pmpro_level {
        min-width: 250px;
    }
}

@media (max-width: 768px) {
    .page-id-20 h1 {
        font-size: 32px;
    }
    
    .page-id-20 .pmpro_level {
        max-width: 100%;
        min-width: 100%;
    }
    
    .page-id-20 .pmpro_level-current::before {
        right: -30px;
        padding: 5px 30px;
    }
}


.page-id-20 .pmpro_card_content {
    height: auto;
    margin:0 auto;
}