/*
 Theme Name:   Sproutworth
 Theme URI:    https://wordpress.org
 Description:  A child theme based on GeneratePress for Sproutworth
 Author:       Tom Usborne
 Author URI:   https://wordpress.org
 Template:     generatepress
 Version:      1.0.0
*/

html {
    --spacing: 0.25rem;
    font-size: 14px;
}

html body {
    font-size: 1rem;
}

h2 {
    font-weight: bold;
}

.main-nav .menu .menu-item.button > a,
body .button,
body .wp-block-button .wp-block-button__link {
    border-radius: calc( .625rem - 2px);
    font-weight: 500;
    line-height: 1.4;
    padding: calc(var(--spacing) * 4) calc(var(--spacing) * 8);
}

.site-content  header.entry-header h1 {
    color: #1a365d;
    font-weight: bold;
    font-size: 3rem;
    line-height: 1.4;
}

body h3 {
    color: #1A365D;
    font-weight: bold;
    font-size: 1.5rem;
}

body ul li {
    margin-bottom: 10px;
}

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

.rounded-lg {
    border-radius: 0.625rem;
}

.no-padding .wp-block-group__inner-container,
.no-padding {
    padding: 0;
}

.inverse-link-styling a {
    color: #4A5568;
}

.inverse-link-styling a:hover {
    color: #3182CE;
}

.has-medium-font-size {
    font-size: 1.25rem;
}

.mt-8 {
    margin-top: 2rem;
}

.main-nav .menu .menu-item.button > a {
    background: #f56500;
    color: #fff;
    text-align: center;
}

.main-nav .menu .menu-item.button > a:hover {
    color: #fff;
    background-color: #E55A2B;
}

.home-hero {
    text-align: center;
}

.home-hero ul {
    text-align: left;
    max-width: 588px;
    margin: 28px auto 28px;
    color: #4A5568;
    font-size: 1.125rem;
    list-style: none;
}

.home-hero ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}

.home-hero h1 {
    font-size: 3rem;
    font-weight: bold;
    max-width: 785px;
    margin: 0 auto 20px;
}

.home-hero h1 strong {
    color: #DC2626;
}

.home-hero h1 + p {
    max-width: 672px;
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0 auto 28px;
}

.home-hero ul li:before {
    content: "\2717";
    color: #d4183d;
    position: absolute;
    left: 0;
    top: 0;
}

.home-hero ul ~ p {
    font-size: 1rem;
}

.insight-column {
    border-radius: 0.625rem;
	padding: 21px;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
        rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
}

.insight-column p {
    color: #4A5568;
    margin-bottom: 7px;
    font-size: 1rem;
}

.insight-column h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 14px;
}

.insight-column h3 strong {
    color: #3182CE;
    font-size: 1.875rem;
}

body .site-main .wp-block-group__inner-container {
    padding: 56px 21px;
}

body .no-padding .wp-block-group__inner-container {
    padding: 0;
}

body .has-narrow-container .wp-block-group__inner-container {
    max-width: 826px;
}

.personalized-reports h2,
.home-insights h2 {
    margin-bottom: 3rem;
}

.personalized-reports h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.personalized-reports ol,
.personalized-reports ul {
    list-style: none;
    margin: 0;
    font-size: 1rem;
    padding: 0
}

.personalized-reports ol li,
.personalized-reports ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 10px;
}

.personalized-reports ul li:before {
    content: '\2022';
    color: #3182ce;
    position: absolute;
    left: 0;
    top: 0;
}

.personalized-reports ol {
    counter-reset: reportCounter;
}

.personalized-reports ol li {
    padding-left: 31px;
    counter-increment: reportCounter;
}

.personalized-reports ol li:before {
    content: counter(reportCounter);
    color: #fff;
    position: absolute;
    background: #4A5568;
    width: 21px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3182CE;
    left: 0;
    top: 0;
    border-radius: 50%;
}

.insights-blockquote {
    padding: 1rem;
    border-radius: 0.625rem;
    font-size: 1rem;
    margin-top: 2rem;
}

.mb-12 {
    margin-bottom: 3rem;
}

.p-8 {
    padding: 2rem;
}

.b2b-quote {
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.125rem;
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 0.625rem;
    border-left: 4px solid #3182CE;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0) 0px 0px 0px 0px,
        rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
        rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
}

.days-list-styling {
    list-style: none;
    margin: 0;
    padding: 0;
}

.days-list-styling li {
    position: relative;
    padding-left: 52px;
    margin-bottom: 11px;
    min-height: 22px;
}

.days-list-styling li > strong {
    position: absolute;
    font-weight: normal;
    background-color: #3182CE;
    position: absolute;
    color: #fff;
    left: 0;
    top: 0;
    font-size: 0.75rem;
    border-radius: 45px;
    padding: 0.25rem 0.5rem;
}


.inside-footer-widgets h3 {
    color: #fff;
    font-size: 1.25rem;
    margin: 0 0 1rem !important;
}

.site-footer .footer-widgets .widget {
    padding-left: 0;
    margin: 0;
}

.inside-footer-widgets {
    margin: 0 0 2rem !important;
    padding-bottom: 2rem;
    border-bottom: 1px solid #4a5565;
    gap: 2rem;
}

.site-footer .inside-footer-widgets a {
    text-decoration: none;
}

.inside-footer-widgets p {
    margin-bottom: 0.5rem !important;
}

.footer-widgets-container.grid-container {
    padding-left: 21px;
    padding-right: 21px;
    padding-bottom: 1px;
}

.inside-site-info.grid-container {
    padding: 0 0 42px;
    font-size: 0.875rem;
}

.entry-summary p {
    font-size: 1.25rem;
    line-height: 1.5;
}

footer.entry-meta a {
    text-decoration: none;
}

@media all and (max-width: 767px) {
    .home-hero h1 {
        font-size: 2.2rem;
    }
    h2 {
        font-size: 2rem;
    }
}

/* Blog Styling */
.blog .site-main {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; /* spacing between posts */
}

.blog .site-main article {
    flex: 1 1 calc(50% - 2rem);
    background: #fff;
    border: 1px solid #eee;
    border-radius: 0.5rem;
    padding-bottom: 0 !important;
    overflow: hidden;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.05);
    transition: transform 0.2s ease;
}

.blog .site-main article:hover {
    transform: translateY(-0.25rem);
}

.blog .site-main article .inside-article {
    padding: 1.5rem;
}

/* Featured Image */
.blog .site-main article .post-image img {
    display: block;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #eee;
}

/* Titles */
.blog .site-main article .entry-title {
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 0 1rem;
}

.blog .site-main article .entry-title a {
    text-decoration: none;
}

/* Meta (date, author, etc.) */
.blog .site-main article .entry-meta {
    font-size: 0.875rem;
    color: #666;
    margin-bottom: 1rem;
}

/* Summary/excerpt */
.blog .site-main article .entry-summary {
    font-size: 1rem;
    line-height: 1.6;
    color: #444;
    margin-top: 0.25rem;
    margin-bottom: 0;
}

/* Footer (categories, comments) */
.blog .site-main article footer.entry-meta {
    display: none;
}

/* Responsive: 1 column on small screens */
@media (max-width: 768px) {
    .blog .site-main article {
        flex: 1 1 100%;
    }
}


.blog .site-main article .inside-article {
    display: flex;
    flex-direction: column;
}

.blog .site-main article .post-image {
    order: -1;
    margin-bottom: 1.25rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1.5rem;
}

/* Pagination container */
nav#nav-below {
    text-align: center;
    margin-top: 2rem;
    width: 100%;
    font-size: 1rem;
}

/* Links wrapper */
nav#nav-below .nav-links {
    display: inline-flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

/* Page number links */
nav#nav-below .page-numbers {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    text-decoration: none;
    border: 1px solid #1a365d;
    color: #1a365d;
    transition: all 0.2s ease;
}

/* Hover / focus */
nav#nav-below .page-numbers:hover,
nav#nav-below .page-numbers:focus {
    background-color: #3182CE;
    border-color: #3182CE;
    color: #fff;
}

/* Current page */
nav#nav-below .page-numbers.current {
    background-color: #1a365d;
    border-color: #1a365d;
    color: #fff;
    font-weight: 600;
    cursor: default;
}

/* Ellipsis (dots) */
nav#nav-below .page-numbers.dots {
    border: none;
    background: none;
    color: #666;
    padding: 0.5rem;
}

/* Next / Previous links */
nav#nav-below .next,
nav#nav-below .prev {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 500;
    color: #3182CE;
    text-decoration: none;
    transition: color 0.2s ease;
}

nav#nav-below .next:hover,
nav#nav-below .prev:hover {
    color: #1a365d;
}


@media all and (max-width: 767px) {
    .inside-footer-widgets {
        text-align: center;
    }

    .inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 0;
    }
}