/*!
Theme Name: sitenerdy
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: sitenerdy
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.

sitenerdy 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/
*/

/* 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 {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

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

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

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

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

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

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

img {
    height: auto;
}


ul.sn-social-media-link.sn-social-brand-btn-link {
    display: none;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    box-shadow: none;
}

.grecaptcha-badge {
    visibility: hidden;
}

ul.sn-list-tick li,
ul.sn-list-cross li,
ul.sn-list-arrow li,
ul.sn-list-tick-c li,
ul.sn-list-tick-c-gray li,
ul.sn-list-cross-c li,
ul.sn-list-cross-gray li,
ul.sn-list-arrow-c li,
ul.sn-list-arrow-c-gray li,
.single ul.sn-list-tick li,
.single ul.sn-list-cross li,
.single ul.sn-list-arrow li,
.single ul.sn-list-tick-c li,
.single ul.sn-list-tick-c-gray li,
.single ul.sn-list-cross-c li,
.single ul.sn-list-cross-gray li,
.single ul.sn-list-arrow-c li,
.single ul.sn-list-arrow-c-gray li {
    line-height: 2;
}

.single .sn-p-highlights {
    background: #f8f8f8 none repeat scroll 0 0 padding-box;
    border-radius: 3px;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 30px;
    line-height: 2;
}

.sn--theme-text,
body,
.sn-wrap .sn-footer a,
.sn-search-page-section a {
    color: #111111;
}

ul.sn-list-tick li::before,
ul.sn-list-cross li::before,
ul.sn-list-arrow li::before,
ul.sn-list-tick-c li::before,
ul.sn-list-tick-c-gray li::before,
ul.sn-list-cross-c li::before,
ul.sn-list-cross-gray li::before,
ul.sn-list-arrow-c li::before,
ul.sn-list-arrow-c-gray li::before,
.single ul.sn-list-tick li::before,
.single ul.sn-list-cross li::before,
.single ul.sn-list-arrow li::before,
.single ul.sn-list-tick-c li::before,
.single ul.sn-list-tick-c-gray li::before,
.single ul.sn-list-cross-c li::before,
.single ul.sn-list-cross-gray li::before,
.single ul.sn-list-arrow-c li::before,
.single ul.sn-list-arrow-c-gray li::before {
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    top: 5px;
    left: -20px;
    width: 22px;
    height: 22px;
    line-height: 20px;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
}

ul.sn-list-tick-c li::before,
ul.sn-list-tick-c-gray li::before,
ul.sn-list-cross-c li::before,
ul.sn-list-cross-gray li::before,
ul.sn-list-arrow-c li::before,
ul.sn-list-arrow-c-gray li::before,
.single ul.sn-list-tick-c li::before,
.single ul.sn-list-tick-c-gray li::before,
.single ul.sn-list-cross-c li::before,
.single ul.sn-list-cross-gray li::before,
.single ul.sn-list-arrow-c li::before,
.single ul.sn-list-arrow-c-gray li::before,
.sn-list-tick-gray li::before {
    top: 8px;
    left: -30px;
    width: 20px;
    height: 20px;
    line-height: 19px;
    border-width: 1px;
    border-style: solid;
    font-size: 10px;
}

ul.sn-list-tick-c li,
ul.sn-list-tick-c-gray li,
ul.sn-list-cross-c li,
ul.sn-list-cross-gray li,
ul.sn-list-arrow-c li,
ul.sn-list-arrow-c-gray li,
.single ul.sn-list-tick-c li,
.single ul.sn-list-tick-c-gray li,
.single ul.sn-list-cross-c li,
.single ul.sn-list-cross-gray li,
.single ul.sn-list-arrow-c li,
.single ul.sn-list-arrow-c-gray li {
    padding-left: 0;
}

.sn-single-article-wrapper h1 span.sn-title-num,
.sn-single-article-wrapper h1 span.sn-title-num-bg-gray,
.sn-single-article-wrapper h1 span.sn-title-num-bg-accent,
.sn-single-article-wrapper h1 span.sn-title-num-bg-black,
.sn-single-article-wrapper h2 span.sn-title-num,
.sn-single-article-wrapper h2 span.sn-title-num-bg-gray,
.sn-single-article-wrapper h2 span.sn-title-num-bg-accent,
.sn-single-article-wrapper h2 span.sn-title-num-bg-black,
.sn-single-article-wrapper h3 span.sn-title-num,
.sn-single-article-wrapper h3 span.sn-title-num-bg-gray,
.sn-single-article-wrapper h3 span.sn-title-num-bg-accent,
.sn-single-article-wrapper h3 span.sn-title-num-bg-black,
.sn-single-article-wrapper h4 span.sn-title-num,
.sn-single-article-wrapper h4 span.sn-title-num-bg-gray,
.sn-single-article-wrapper h4 span.sn-title-num-bg-accent,
.sn-single-article-wrapper h4 span.sn-title-num-bg-black,
.sn-single-article-wrapper h5 span.sn-title-num,
.sn-single-article-wrapper h5 span.sn-title-num-bg-gray,
.sn-single-article-wrapper h5 span.sn-title-num-bg-accent,
.sn-single-article-wrapper h5 span.sn-title-num-bg-black,
.sn-single-article-wrapper h6 span.sn-title-num,
.sn-single-article-wrapper h6 span.sn-title-num-bg-gray,
.sn-single-article-wrapper h6 span.sn-title-num-bg-accent,
.sn-single-article-wrapper h6 span.sn-title-num-bg-black {
    display: inline-block;
    vertical-align: middle;
    float: none;
    padding: 0;
    line-height: 50px;
    text-align: center;
    width: 50px;
    height: 50px;
}

.sn-single-article-wrapper h1 a,
.sn-single-article-wrapper h2 a,
.sn-single-article-wrapper h3 a,
.sn-single-article-wrapper h4 a,
.sn-single-article-wrapper h5 a,
.sn-single-article-wrapper h6 a {
    text-decoration: none;
    color: #C31E39;
}

.sn-single-article-wrapper h1 a:hover,
.sn-single-article-wrapper h2 a:hover,
.sn-single-article-wrapper h3 a:hover,
.sn-single-article-wrapper h4 a:hover,
.sn-single-article-wrapper h5 a:hover,
.sn-single-article-wrapper h6 a:hover {
    color: #000
}

.chevron-bullet li:before,
.hands-out-bullet li:before,
.dot-circle-bullet li:before,
.check-square-bullet li:before {
    font-family: 'Fontawesome';
    position: absolute;
}

.sn-list-cross-gray li:before,
.sn-list-tick-gray li:before {
    font-family: 'Fontawesome';
    content: '\f00d';
    border-radius: 50% !important;
}

.hands-out-bullet li:before {
    content: '\f0a4';
}

.sn-list-tick-gray li:before {
    content: '\f00c';
}

.chevron-bullet li:before {
    content: '\f054';
}

.check-square-bullet li:before {
    content: '\f046';
}

.dot-circle-bullet li:before {
    content: '\f192';
}

.sn-list-tick-gray,
.chevron-bullet ul,
ul.chevron-bullet,
.hands-out-bullet ul,
u.hands-out-bullet,
.check-square-bullet ul,
ul.check-square-bullet,
ul.dot-circle-bullet,
.dot-circle-bullet ul {
    list-style: none;
}

.sn-list-cross-gray li:before,
.sn-list-tick-gray li:before {
    background-color: #ccc;
    border-color: #ccc;
}

.chevron-bullet ul,
ul.chevron-bullet {
    padding-left: 30px;
}

.chevron-bullet li {
    padding-left: 0;
    line-height: 2;
}

.chevron-bullet li:before,
.hands-out-bullet li:before,
.check-square-bullet li:before,
.dot-circle-bullet li:before {
    top: 10px;
    left: -30px;
    width: 20px;
    height: 20px;
    line-height: 19px;
    font-size: 12px;
}

.dot-circle-bullet li:before {
    left: -25px;
}

ul.dot-circle-bullet,
.dot-circle-bullet ul {
    padding-left: 25px;
}

.bullet-list.circle-wrap li:before,
.hands-out-bullet.circle-wrap li:before {
    top: 8px;
    font-size: 10px;
    line-height: 19px;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    border-radius: 50%;
    border-color: #C31E39;
    background-color: #C31E39;
    color: #fff;
}

.hands-out-bullet:not(.circle-wrap) li,
.check-square-bullet li,
.dot-circle-bullet li {
    padding-left: 0 !important;
}

.hands-out-bullet li:before,
.check-square-bullet li:before,
.dot-circle-bullet li:before {
    top: 5px;
}

.hands-out-bullet.circle-wrap li:before {
    top: 4px !important;
}

.bullet-list.circle-wrap.gray li:before,
.hands-out-bullet.circle-wrap.gray li:before {

    border-color: #ccc;
    background-color: #ccc;
    color: #000;
}

.bullet-list.circle-wrap.green li:before,
.hands-out-bullet.circle-wrap.green li:before {

    border-color: #0ead69;
    background-color: #0ead69;
}

.check-square-bullet.red li:before {
    color: #C31E39;
}

.check-square-bullet.green li:before {
    color: #0ead69;
}

.sn-btn,
.sn-btn--primary,
.sn-search-area .search-submit,
.comments-area .comment-form input[type="submit"],
.wp-block-buttons .is-style-fill .wp-block-button__link,
.wp-block-buttons .is-style-outline .wp-block-button__link {
    padding: 0.5rem 1.5rem;
}

.sn-wrap ol li::before {
    width: 30px;
    height: 30px;
    left: -29px;
    top: 1px;
    border-radius: 50%;
    background-color: #000;

}

.sn-wrap ol li::marker {
    font-size: 18px;
    color: #fff;
}

.sn-wrap ol li {
    padding-left: 10px;
    margin-bottom: 20px;
}

.single .sn-single-article-wrapper ol li {
    color: #111;
}

.sn-single-article-wrapper .lwptoc-light .lwptoc_i .lwptoc_item .lwptoc_itemWrap {
    margin-left: 38px;
}

.wp-block-separator {
    height: 1px;
    background-color: #ccc;

    color: #ccc;
    box-shadow: none;
    border: 0;
}

.sn-wrap ol {
    padding-top: 0;
}

.single ul.sn-list-arrow li,
.sn-list-arrow li {
    padding-left: 15px;
}

.single ul.sn-list-arrow li::before,
.sn-list-arrow li::before {
    border-radius: 100%;
    background-color: #C31E39;
    color: #fff;
    top: 7px;
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 18px;
}

.sn-single-article-wrapper a.wp-block-button__link,
.wp-block-button__link {
    text-decoration: none;
    background-color: #C31E39;
    border-radius: 5px;
    padding: 8px 20px;
}

.sn-single-article-wrapper a.wp-block-button__link:hover,
.wp-block-button__link:hover {
    background-color: #000;
    color: #fff;

}

.wp-block-buttons .is-style-outline .wp-block-button__link {
    border-width: 2px;
    border-radius: 5px;
}

.wp-block-buttons .is-style-outline .wp-block-button__link:hover {
    background-color: transparent;
    border-color: #000;
    color: #000 !important;
}

table tr {
    background-color: #eee;
}

.single ul.sn-list-tick li::before,
.single .sn-list-tick li::before,
ul.sn-list-tick li::before,
.sn-list-tick li::before,
ul.sn-list-cross li::before,
.sn-list-cross li::before,
.single ul.sn-list-cross li::before,
.single .sn-list-cross li::before {
    width: 18px;
    height: 18px;
    top: 8px;
    line-height: 17px;
    font-size: 10px;
}

.single ul.sn-list-tick li,
.single .sn-list-tick li,
ul.sn-list-tick li,
.sn-list-tick li,
ul.sn-list-cross li,
.sn-list-cross li,
.single ul.sn-list-cross li,
.single .sn-list-cross li {
    padding-left: 15px;
}

.ss-article-updated .published:not(.updated) {
    display: none;
}

.ss-article-updated .updated {
    display: inline-block;
}

.sn-single-article-wrapper p {
    line-height: 2;
}

.single .sn-hero__title {
    text-transform: none;
    letter-spacing: 1px;
    font-size: 50px;
    font-weight: 500;
}

.single .sn-single-article-wrapper h3 a {
    text-decoration: underline;
}

.sn-single-article-section ul li,
.sn-single-article-section ol li {
    line-height: 2;
}

.single .wp-block-code code {
    background: #f4f4f4;
    padding: 30px;
    margin-bottom: 30px;
}

/* CUSTOM CSS */
.sn-hero__title,
.sn-wrap .sn-hero--main .sn-category-link,
.sn-section-title,
.sn-card-category-title,
.sn-header__menu li {
    text-transform: capitalize;
}

.sn-header__menu li {
    margin-right: 30px;
}

.sn-header__menu .bf-deals>a {
    position: relative;
    padding-left: 25px;
}

.sn-header__menu .bf-deals>a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url('../sitenerdy/assets/image/star-highlight.png');
    background-repeat: no-repeat;
    background-size: contain;
}

/* BLANK POST TEMPLATE */
html {
    scroll-behavior: smooth;
}

.post-template-blank-post .sn-single-article-wrapper,
.post-template-blank-post .sn-single-article__bottom {
    max-width: 1200px;
}

.post-template-blank-post .sn-single-article__bottom>.grid--col {
    grid-column: none;
}

.post-template-blank-post .intro-banner {
    padding: 1rem 1.2rem;
    border-radius: 8px;
    box-shadow: 3px 5px 20px rgb(0 0 0 / 64%);
}

.post-template-blank-post .intro-banner h2,
.post-template-blank-post .intro-banner p {
    margin: 0;
}

.post-template-blank-post .intro-banner h2 {
    font-size: 2rem;
}

.post-template-blank-post .intro-banner p {
    font-size: 1.1rem;
    line-height: 1.5;
}

.post-template-blank-post .intro-text-wrap {
    gap: 0;
}

.post-template-blank-post .intro-text-wrap .wp-block-column {
    position: relative;
    padding: 1.5rem 1.5rem 1rem 3rem;
}

.post-template-blank-post .intro-text-wrap .wp-block-column::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 10px;
    width: 23px;
    height: 22px;
    background-image: url('../sitenerdy/assets/image/star.png');
    background-repeat: no-repeat;
    background-size: contain;
}


.post-template-blank-post .intro-text-wrap p {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 16px;
}

.post-template-blank-post .sn-single-article-wrapper .section-tab-wrap {
    border-bottom: 1px solid #000;
}

.post-template-blank-post .sn-single-article-wrapper .section-tab-wrap h2 {
    margin: 0;
    padding: 0;
}

.post-template-blank-post .sn-single-article-wrapper .section-tab-wrap h2 a {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'SF Pro Display', sans-serif;
    font-weight: 500;
    padding: 12px 22px;
    background-color: #000;
    color: #fff;
    margin-right: 3px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 1;
}

.post-template-blank-post .sn-single-article-wrapper .section-tab-wrap h2 a:hover {
    background-color: #373737;
}

.post-template-blank-post .product-section {
    margin-bottom: 2rem;
}

.post-template-blank-post .sn-single-article-wrapper .section-title {
    background: #C31E39;
    color: #fff;
    padding: 15px 20px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
}

.post-template-blank-post .sn-single-article-wrapper .product-item-wrap {
    padding: 2.5rem 1.5rem;
}

.post-template-blank-post .sn-single-article-wrapper .product-item {
    -webkit-box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.14);
    box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.14);
    padding: 2.5rem;
}

.post-template-blank-post.single .wp-block-image {
    margin: 0 0 25px;
}

.post-template-blank-post.single .wp-block-image img {
    height: 50px;
    object-fit: contain;
    box-shadow: none;
}

.post-template-blank-post .sn-single-article-wrapper .product-item .product-title {
    font-size: 1.7rem;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.3;
}

.post-template-blank-post .content-wrap p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.6;
}

.post-template-blank-post .offer-content-wrap {
    margin-top: 30px;
    margin-bottom: 30px;
}

.post-template-blank-post .offer-content-wrap p {
    line-height: 1.3;
}

.post-template-blank-post .offer-validity {
    font-style: italic;
    font-size: 16px;
}

.post-template-blank-post .offer-discount {
    font-weight: 700;
    font-size: 22px;
    color: #981a26;
    text-transform: uppercase;
}

.post-template-blank-post .product-item .wp-block-buttons {
    margin-bottom: 0;
}

.post-template-blank-post .product-item .wp-block-buttons .wp-block-button__link {
    font-size: 16px;
    letter-spacing: 1px;
}

/* SUBSCRIBE FORM */
.sib_signup_form {
    text-align: center;
}

.sib_signup_form label {
    display: none;
}

.sib_signup_form .sib-email-area {
    margin-bottom: 10px;
}

.sib_signup_form input[type=email] {
    max-width: 480px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    background-color: transparent !important;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.sib_signup_form input::placeholder,
.sib_signup_form input::-moz-placeholder,
.sib_signup_form input::-webkit-input-placeholder {
    color: #fff;
}

.sib_signup_form input[type="submit"] {
    width: auto;
    padding: 0.8rem 3rem;
    border-width: 1px;
    border-style: solid;
    color: #C31E39;
    border-color: #C31E39;
    background-color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: 400ms linear;
}

.sib_signup_form input[type="submit"]:hover,
.sib_signup_form input[type="submit"]:focus {
    background-color: #000;
    color: #fff;
    border-color: #000;
}
.sib_signup_form input[type=email]::placeholder {
	color: #fff;
}