/*
Theme Name: Expert OS Scorecard
Description: A child theme of the Scorecard theme.
Author: Candle Digital
Author URI: https://www.candle.digital
Template: scorecard
Version: 1.0
*/


@import url("https://use.typekit.net/sur0eov.css");

html {
    scroll-behavior: smooth;
}

body {
    background: #fcf8f0;
    color: #333;
    font-family: "roboto", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    line-height: 1.6;
    letter-spacing: 0.01em;
}


h1, h2, h3, h4, h5, h6 {
    font-family: georgiapro, sans-serif;
    font-weight: 600;
    color: #3d1824;
    line-height: 1.2;
    margin-top: 1.2em;
    margin-bottom: 0.5em;
}

.fg-white h1, .fg-white h2, .fg-white h3, .fg-white h4, .fg-white h5, .fg-white h6, .fg-white .h1-subtitle, .fg-white .h2-subtitle {
    color: #fff;
}

h1 {
    font-size: 3.5em;
    line-height: 1.2;
    margin-top: 0.5em;
}

header .logo {
    max-width: 225px;
    width: 75%;
}

#main-menu {
    width: 100%;
}

.top-bar, .top-bar ul {
    background-color: transparent;
    padding: 0;
}


.top-bar ul li a {
    color: #3d1824;
    border-bottom: solid 3px #3e67ee;
    margin: 0 .5rem;
    padding: 0.75rem 0.4rem;
    font-weight: 600;
}

.top-bar ul li a:hover {
    border-bottom: solid 3px #f92868;
    font-weight: 600;
}

.button {
    background-color: #f92868;
    font-weight: bold;
    padding: 1rem 3rem 1rem 1rem;
    border-radius: 10px;
}

.button:hover {
    background-color: #3e67ee;
}

.button.primary, .button.primary.disabled, .button.primary.disabled:focus, .button.primary.disabled:hover, .button.primary[disabled], .button.primary[disabled]:focus, .button.primary[disabled]:hover {
    background-color: #f92868;
    color: #FFF;
}

.button.secondary, .button.secondary.disabled, .button.secondary.disabled:focus, .button.secondary.disabled:hover, .button.secondary[disabled], .button.secondary[disabled]:focus, .button.secondary[disabled]:hover {
    background-color: transparent;
    border: solid 2px #f92868;
    font-weight: bold;
    padding: 1rem 2rem;
    border-radius: 10px;
    color: #333;
}

.button.secondary:hover {
    border: solid 2px #3e67ee;
    background-color: transparent;
    color: #333;
}


.brain-heart-soul-divider {
    max-width: 350px;
    margin: 2rem 0;
    width: 80%;
    height: auto;
}


p.h1-subtitle {
    color: #898185;
    font-size: 1.5em;
    margin-top: -0.75rem;
    margin-bottom: 1.5rem;
}

p.h2-subtitle {
    color: #898185;
    font-size: 1.4em;
    margin-top: -0.75rem;
    margin-bottom: 1.5rem;
}

hr {
    margin: 2rem auto;
    border-bottom: 1px solid #3d1824;
}

hr.bhs, .expert-os-survey hr {
    background-image: url('../images/brain-heart-soul.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 50px;
    border-bottom: none;
}

hr.no-border {
    border-bottom: none;
}

hr.larger-margin, .expert-os-survey hr {
    margin: 4rem auto;
}

hr.extra-large-top-bias {
    margin: 7rem auto 2rem;
}

hr.extra-large-bottom-bias {
    margin: 2rem auto 7rem;
}

.callout {
    border-radius: 1rem;
    border: none;
}

.callout p:last-of-type {
    margin-bottom: 0;
}

blockquote {
    border-left: solid 3px #3d1824;
    padding: 2rem 2rem 1rem;
    margin: 2rem 0;
}

blockquote p {
    font-family: georgiapro, sans-serif;
    font-size: 1.5em;
    line-height: 1.2;
    color: #3d1824;
    font-style: italic;
}

.card.no-margin-bottom {
    margin-bottom: 0;
}

.card {
    border: none;
    border-radius: 25px;
}

.card .card-section {
    padding: 2rem;
}

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
    margin-top: 0;
}

.blog-featured-image-container {
    max-height: 25rem;
    overflow: hidden;
    border-radius: 1rem;
}

.image-container {
    display: flex;
    align-items: center;
    flex-shrink: 1; /* Allow flex items to shrink if necessary */
    max-width: 100%; /* Ensure the image container doesn't exceed the parent width */
    height: 100%;
    width: 100%;
}

.image-container.rounded {
    border-radius: 25px;
    overflow: hidden;
}

.full-height-image {
    width: 100%; /* Make the image fit the width of the container */
    height: 100%; /* Make the image fill the height of the container */
    object-fit: cover; /* Ensures the image maintains aspect ratio and fills the height */
}

.diagnostic-introduction h1 {
    background-color: transparent;
    padding: inherit;
}

[type="email"], [type="number"], [type="password"], [type="text"], textarea {
    border-radius: 10px;
}

.question-text h2 {
    max-width: 600px;
}

.question-text.add-margin-bottom-2rem {
    margin-bottom: 5rem;
}


.question label.option-1 {
    background: #f92868;
}
.question label.option-2 {
    background: #3e67ee;
}
.question label.option-3 {
    background: #66273a;
}

.question label.option-1:hover {
    background: #d52259;
}
.question label.option-2:hover {
    background: #3355c6;
}
.question label.option-3:hover {
    background: #4c1d2b;
}

.answer-text {
    line-height: 1.2;
    padding-right: 2rem;
}

.progress-title p {
    display: block;
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.progressbar .progress-meter {
    background: #d4dd1f;
}

#logo-container {
    max-width: 22rem;
}

.thanks-introduction {
    margin: 2rem 0;
    border-radius: 1rem;
    background-color: #3d1824;
}

.thanks-introduction-score {
    font-family: georgiapro, sans-serif;
    color: #f92868;
}

.thanks-page-next-steps {
    background-color: #3e67ee;
}

.thanks-page-next-steps h3 {
    color: #FFF;
    margin-top: 0.5rem;
}

.thanks-page-next-steps .button {
    margin-top: 1.5rem;
}

.thanks-page-next-steps {
    margin: 4rem -2rem -2rem !important
}

.question label {
    display: flex;
    align-items: center;
}

.question label .ticker {
    flex-shrink: 0;
    margin-right: 2rem;  /* adjust as needed */
    float: none;         /* override existing float */
}

.answer-text {
    padding-top: 0;      /* optional: tidy up spacing */
}

.thanks-page-next-steps h2 {
    color: #FFF;
    margin-top: 0;
    font-size: 1.4em;
    margin-bottom: 1rem;
}

.thanks-page-next-steps .button:hover {
    background-color: #d52259;
}

.thanks-page-next-steps a {
    color: #FFF;
}

.thanks-page-next-steps a:hover {
    text-decoration: underline;
}

#site-footer {
    overflow: hidden;
    clear: both;
    width: 100%;
}
#site-footer p {
    display: block;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

#site-footer p a {
    color: #f92868;
    border-bottom: dotted 1px;
}

#site-footer p a:hover {
    color: #3e67ee;
}


/* Colours */

.bg-white {
    background-color: #fff;
}

.bg-darkgrey {
    background-color: #333;
}

.bg-pink {
    background-color: #f92868;
}

.bg-blue {
    background-color: #3e67ee;
}

.bg-limeyellow {
    background-color: #d4dd1f;
}

.bg-deepbrown {
    background-color: #3d1824;
}

.bg-wine {
    background-color: #66273a;
}

.bg-warmgrey {
    background-color: #898185;
}

.bg-midgrey {
    background-color: #5b5458;
}

.bg-dustyrose {
    background-color: #af8593;
}

.bg-palebeige {
    background-color: #efe8df;
}

.bg-softbeige {
    background-color: #f7f0e2;
}

.bg-eggshell {
    background-color: #fffcf8;
}

.fg-white {
    color: #fff;
}

.fg-darkgrey {
    color: #333;
}

.fg-pink {
    color: #f92868;
}

.fg-blue {
    color: #3e67ee;
}

.fg-limeyellow {
    color: #d4dd1f;
}

.fg-deepbrown {
    color: #3d1824;
}

.fg-wine {
    color: #66273a;
}

.fg-warmgrey {
    color: #898185;
}

.fg-midgrey {
    color: #5b5458;
}

.fg-dustyrose {
    color: #af8593;
}

.fg-palebeige {
    color: #efe8df;
}

.fg-softbeige {
    color: #f7f0e2;
}

.fg-eggshell {
    color: #fffcf8;
}


/* End of colours */


@media screen and (max-width: 39.9375em) {
    #logo {
        max-width: 175px;
        height: auto;
    }

    .page-template-intro .fields.callout .text-right {
        text-align: left;
        margin-bottom: .5rem;
    }

        .answer-text {
            padding-top: 0;
            padding-left: 1rem;
            padding-right: 1rem;
        }

}