/*!
Theme Name: Subscriptionpro
Theme URI: https://subscriptionpro.xyz/
Author: Md. Nafiul PUST
Author URI: https://version001.com/
Description: A custom theme for Subscriptionpro.xyz
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: subscriptionpro
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.

Subscriptionpro is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*General*/
::selection {
    color: #fff;
    background: #E15AAB;
}

.mw-75 {
    max-width: 75px;
}

.entry-content a {
    color: #6387FF !important;
    text-decoration: underline;
}

.everest-forms .g-recaptcha {
    padding-left: 15px !important;
}

.entry-content ul,
.entry-content ol {
    list-style: unset !important;
    margin-left: 20px !important;
}

.box-shadow {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.z-index-3 {
    z-index: 3;
}

img.post-grid-thumb {
    height: 220px !important;
    object-fit: cover;
}

.content-section h2 {
    font-size: 22px;
}

.content-section ul {
    list-style-type: disc;
    margin-left: 22px;
}

.content-section li {
    margin-bottom: 10px;
}

.single-page p,
.single-page ul li,
.single-page ol li,
.single-page a {
    font-size: 18px !important;
    color: #000;
}

/* Navigation
--------------------------------------------- */
.nav-menu ul li ul {
    display: flex;
    flex-direction: column;
    color: #000;
    margin-top: 10px;
    margin-left: 15px;
}

.nav-menu ul li ul li a {
    display: block;
    padding: 15px 20px;
}

.nav-menu .menu-item-has-children > a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f107";
    padding-left: 5px;
}

.v-img-50 img {
    width: 50px !important;
    height: 50px !important;
}

.v-pt-30 {
    padding-top: 30px;
}

@media (min-width: 768px) {
    .nav-menu ul li {
        position: relative;
    }

    .nav-menu ul li ul li a {
        background-color: #fff;
        box-shadow: 0px 0px 10px 0px #e7e7e7;
        display: block;
        padding: 15px 20px;
    }

    .nav-menu ul li ul {
        top: -9999px;
        display: flex;
        position: absolute;
        flex-direction: column;
        min-width: 250px;
        color: #000;
        /* background-color: #fff;
        box-shadow: 0px 0px 10px 0px #e7e7e7; */
        margin-top: 15px;
        margin-left: 0px;
        border-radius: 3px;
        z-index: 999;
    }

    .nav-menu ul li ul::before {
        content: '';
        width: 100%;
        height: 30px;
        background-color: transparent;
    }

    .nav-menu ul li ul::after {
        content: '';
        position: absolute;
        top: 18px;
        left: 20px;
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 13px solid #fff;
    }

    .nav-menu ul li ul li:last-child a {
        border-bottom: none;
    }

    .nav-menu ul li:hover ul {
        top: 0px;
    }

}

@media (max-width: 768px) {
    .price-offer {
        right: 0 !important;
        top: -50px !important;
    }

    .banner-bg h1 {
        font-size: 26px !important;
    }

}

@media (max-width: 1024px) {
    .social-single {
        position: unset !important;
        left: unset !important;
        top: unset !important;
        transform: unset !important;
    }

    .social-single ul li {
        display: inline-block;
        padding: 15px 15px 0 0;
    }

    .banner-bg {
        padding: 100px 0 50px 0 !important;
    }

    .v-cta {
        background-image: unset !important;
        background: rgb(195, 74, 174) !important;
        background: linear-gradient(90deg, rgba(195, 74, 174, 1) 3%, rgba(195, 74, 174, 1) 7%, rgba(195, 74, 174, 1) 17%, rgba(195, 74, 174, 1) 24%, rgba(195, 74, 174, 1) 34%, rgba(250, 162, 71, 1) 59%, rgba(250, 162, 71, 1) 79%) !important;
        border-radius: 15px;
        padding: 70px 15px !important;
    }
}

/*blog*/
.nav-links {
    margin-left: -4px;
}

.nav-links .current {
    margin: 0 4px;
    display: inline-block;
    padding: 8px 15px;
    background-color: #ff6c37;
    color: #fff;
    box-shadow: 1px 1px 5px 1px #e9e9e9;
    border-radius: 3px;
}

.nav-links a.page-numbers {
    margin: 0 4px;
    display: inline-block;
    padding: 8px 15px;
    background-color: #fff;
    box-shadow: 1px 1px 5px 1px #e9e9e9;
    border-radius: 3px;
    transition: all .3s;
}

.nav-links a.page-numbers:hover {
    background-color: #ff6c37;
    color: #fff;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}


@media screen and (min-width: 37.5em) {

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%;
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}


/*Comment*/


/* ## Comments
--------------------------------------------- */
#reply-title {
    display: none;
}

.comment-reply-link {
    color: #ff6c37;
    font-weight: bold;
}

.comment-author img {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
}

.comment-body {
    padding: 30px;
    margin: 25px 0;
    background-color: #fff;
    border-radius: 5px;
}

.comment-body .comment-meta {
    margin-bottom: 20px;
}

.comment-body .comment-meta .comment-author {
    font-size: 20px;
}

.comment-body .comment-content {
    margin-bottom: 20px;
}

.comment.depth-2 > article.comment-body,
.comment.depth-2 form {
    margin-left: 20px;
}

.comment.depth-3 > article.comment-body,
.comment.depth-3 form {
    margin-left: 40px;
}


/* Single Page
--------------------------------------------- */
article .entry-content h2 {
    font-size: 1.5em;
}

article .entry-content h3 {
    font-size: 1.3em;
}

article .entry-content h4 {
    font-size: 1.1em;
}

/* menu*/
.current-menu-item a {
    color: #E15AAB;
    font-weight: 700;
}

.nav-menu a:hover {
    color: #E15AAB;
}

.nav-menu ul li {
    padding: 0 5px;
}

/* menu*/
/* form*/
.everest-forms .evf-submit {
    background: #E15AAB !important;
    width: 100% !important;
    color: #fff !important;
    border: 1px solid #E15AAB !important;
}

.everest-forms .input-text {
    border-radius: 5px;
    padding: 10px !important;
    border: 1px solid #ddd !important;
}

.everest-forms .evf-submit:hover {
    background: #B51D78 !important;
}

/* form*/

.leading-15 {
    line-height: 48px !important;
}

.scale-01 {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01;
}

.mw-300 {
    max-width: 300px;
}

.price-offer {
    right: -130px;
    top: -20px;
}

.v-active {
    background: #0c0c0c;
    color: #fff !important;
}

.show-year {
    display: none;
}

.banner-bg {
    background: linear-gradient(180deg, #FDE9F9 38.8%, rgba(255, 255, 255, 0) 117.43%);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px;
}

.social-single a {
    background: #fff;
    padding: 13px 15px;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 2px 20px 5px rgba(0, 0, 0, 0.059);
}

.social-single {
    position: fixed;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
}

.positive-terms-list li,
.negetive-terms-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}

.positive-terms-list li::before,
.negetive-terms-list li::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
}

.positive-terms-list li:hover::before {
    box-shadow: 1px 3px 10px #7fffbb;
    border-radius: 100%;
}

.negetive-terms-list li:hover::before {
    box-shadow: 1px 3px 10px #ff7f7f;
    border-radius: 100%;
}
.footer-subscription{
 margin-top: 0 !important;
}
.footer-subscription .evf-field-container {
    padding: 0;
}

.footer-subscription form {
    position: relative;
    box-shadow: 0 10px 50px rgb(0 0 0 / 9%);
    padding: 15px;
}

.footer-subscription input {
    border: none !important;
}

.footer-subscription button {

    max-width: 100px;
    position: absolute;
    right: 20px;
    top: 22px;
    border-radius: 5px !important;
    padding: 5px !important;

}

.footer-subscription .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field {
    margin-bottom: 0 !important;
}

.footer-subscription .everest-forms .input-text {
    border: none !important;
    margin-bottom: 0;
    padding: 15px !important;
}

.everest-forms .everest-forms-notice--success {
    background-color: #3858E9;
}

.mw-345 {
    max-width: 345px;
}

@media only screen and (max-width: 500px) {
    .g-recaptcha {
        transform: scale(0.77);
        transform-origin: 0 0;
    }

    .everest-forms .g-recaptcha {
        padding-left: 0 !important;
    }

    .everest-forms .evf-submit-container {
        padding-left: 0;
        padding-right: 0;
    }
}

.offer-form label.evf-field-label {
    position: absolute;
    top: -13px;
    background: #fff;
    left: 16px;
}

.offer-form .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field {
    position: relative;
    margin-top: 15px;
}

.offer-form {
    text-align: left;
}

.offer-form .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-checkbox ul li, .offer-form .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-payment-checkbox ul li, .offer-form .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-payment-multiple ul li, .offer-form .everest-forms .evf-field-container .evf-frontend-row .evf-frontend-grid .evf-field.evf-field-radio ul li {
    align-items: flex-start !important;

}

.offer-form .everest-forms .evf-field-container .evf-frontend-row input[type=checkbox] {
    position: relative;
    top: 1px;
}

.offer-form .everest-forms .evf-submit {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}

@media only screen and (max-width: 600px) {

    .offer-form .evf-container .evf-field.evf-field, .offer-form .evf-container .evf-field.evf-field-likert {
        overflow: unset;
    }
}

@media only screen and (max-width: 320px) {

    .offer-form .everest-forms .input-text, .offer-form .everest-forms .evf-submit {
        max-width: 250px;
    }

}