/*
Theme Name: Louise Pode Child
Template: louise-pode
*/
ol
{
    margin-left: 0 !important;
}
ol li
{
    color: #ff8189 !important;
}
ul li
{
    color: #173d70 !important;
}
:target { scroll-margin-top: 150px; }
.copyright
{
    font-size: 16px !important;
}
.container_wrap
{
    border: none !important;
}
.logo-box {
    /*border: 1px #ff8189 solid !important;*/
    background-color: #ffe5ea;
    position: relative;
    height: auto !important;
    min-height: 90px !important;
    border-radius: 12px;
    width: 100%;
    padding: 20px;

    display: flex;              /* Enable flexbox */
    justify-content: center;    /* Horizontal center */
    align-items: center;        /* Vertical center */
}
.logo-box img {
    max-width: 150px;
}
.feature-box
{
    position: relative;
    height: auto !important;
    min-height: 550px !important;
    border-radius: 12px;
    width: 100%;
}
.feature-box.quote
{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    font-size: 36px;
    font-weight: 300;
    line-height: 40px;
    padding: 30px 100px;
    min-height: 250px !important;
    font-family: 'hedvig',Helvetica,Arial,sans-serif;
}
.feature-box a
{
    display: inline-block;
    font-family: 'hedvig',Helvetica,Arial,sans-serif;
    color: #173d70 !important;
    font-size: 26px;
    margin-top: 0px !important;
}
.feature-box h1, h2, h3, h4, h5
{
    text-transform: none !important;
    color: #173d70 !important;
    font-weight: 300;
}

.feature-box h1
{
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 0px !important;
}

.feature-box .top
{
    position: absolute;
    top: 30px;
    left:20px;
    margin-right: 20px;
    max-width: 500px;
}

.feature-box .bottom
{
    position: absolute;
    bottom: 30px;
    left:20px;
    margin-right: 20px;
    max-width: 500px;
}
.feature-box .text-column
{
    max-width: 250px;
}

.feature-box.pink
{
    background-color: #f8bcbd !important;
}
.feature-box.blue
{
    background-color: #65b2e8 !important;
}
.feature-box.light-blue
{
    background-color: #98c6e8 !important;
}
.feature-box.salmon
{
    background-color: #fdc99a !important;
}
.feature-box.yellow
{
    background-color: #f4d67c !important;
}
.feature-box.light-yellow
{
    background-color: #fce6c8 !important;
}
.feature-box.beige
{
    background-color: #e3c69c !important;
}
.feature-box.grey
{
    background-color: #e6e6e6 !important;
}
.feature-box.olive
{
    background-color: #cfdebb !important;
}
.feature-box.green
{
    background-color: #c9dea6 !important;
}
.feature-box.social-links
{
    min-height: 20px !important;
    background-color: #fce6c8 !important;
    padding: 40px;
}
.feature-box.no-minimum
{
    min-height: 300px !important;
    padding: 40px;
}
.feature-box.social-links .link-underline
{
    margin-top:0px !important;
    margin-right: 50px;
    color: #f2808b !important;
}
.feature-box.im-lou {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/Hi-Im-Lou.jpg');
    background-repeat: no-repeat;
    background-position: right bottom; /* keeps image anchored to the left */
    background-size: 500px auto;
}
.feature-box.im-lou-about {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/Hi-Im-Lou.jpg');
    background-repeat: no-repeat;
    background-position: 250px 50px;
    background-size: 500px auto;
}
.feature-box.books {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/books.jpg');
    background-repeat: no-repeat;
    background-position: 80% bottom;
    background-size: 900px auto;
}
.feature-box.podcast {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/podcast.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 800px auto;
}
.feature-box.lou-skiwear {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/lou-skiwear.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 700px auto;
}
.feature-box.lou-coaching {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/coaching.jpg');
    background-repeat: no-repeat;
    background-position: 450px -100px;
    background-size: 900px auto;
}
.feature-box.lou-contact {
    background-color: #ffbdbe !important;
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/contact.jpg');
    background-repeat: no-repeat;
    background-position: 850px -100px;
    background-size: 650px auto;
}
.feature-box.books-header {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/books-header.jpg');
    background-repeat: no-repeat;
    background-position: 450px -100px;
    background-size: 900px auto;
    background-color: #fbd66b;
}
.feature-box.books-how-to-get-there {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/how-to-get-there.png');
    background-repeat: no-repeat;
    background-position: 550px 30px;
    background-size: 700px auto;
    background-color: #aac37e;
}
.feature-box.coaching-skicoaching {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/09/ski-hero-image-transparent.svg');
    background-repeat: no-repeat;
    background-position: 680px -280px;
    background-size: 675px auto;
}
.feature-box.coaching-mindsetcoaching {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/free-woman-transparency.svg');
    background-repeat: no-repeat;
    background-position: 450px -50px;
    background-size: 900px auto;
}

.feature-box.lou-podcasts {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/lou-podcasts.jpg');
    background-repeat: no-repeat;
    background-position: 550px -100px;
    background-size: 700px auto;
}
.feature-box.podcasts-mother-daughter {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/moth-daughter-podcast.jpg');
    background-repeat: no-repeat;
    background-position: 450px -50px;
    background-size: 1000px auto;
    background-color: #f4d09e;
}
.feature-box.podcasts-what-to-expect {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/podcasts.svg');
    background-repeat: no-repeat;
    background-position: 850px 150px;
    background-size: 500px auto;
    min-height: 750px !important;
}
.feature-box.my-latest {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/my-latest.jpg');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 800px auto;
}
.feature-box.svg-bg {
    background-repeat: no-repeat;
    background-position: right;
    background-size: 1000px auto;
}
.feature-box.svg-bg.free-woman {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/free-woman-transparency.svg');
}
.feature-box.svg-bg.looking-up {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/skier-looking-up.svg');
}
.feature-box.full-width-image.lou-bench {
    background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/lou-bench.jpg');
    background-repeat: no-repeat;
    background-position: 80% -140px; /* keeps image anchored to the left */
    background-size: 1500px auto;
}

/*header button*/


#menu-item-33 a .avia-menu-text {
    padding: 13px 25px;
    border-radius: 12px;
    background-color: #f2808b;
    border: solid 2px  #f2808b;
    color: #fce6c8 !important;
    -webkit-transition: border .7s ease-in-out, background-color .7s ease-in-out, box-shadow .7s ease-in-out;
    -moz-transition: border .7s ease-in-out, background-color .7s ease-in-out, box-shadow .7s ease-in-out;
    -o-transition: border .7s ease-in-out, background-color .7s ease-in-out, box-shadow .7s ease-in-out;
    transition: border .7s ease-in-out, background-color .7s ease-in-out, box-shadow .7s ease-in-out;
}

#menu-item-33 a:hover .avia-menu-text {
    border: solid 2px   #f2808b;
    background-color: #fce6c8;
    color: #f2808b !important;
    -webkit-transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-out;
    -moz-transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-out;
    -o-transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-out;
    transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-out;
    /*box-shadow: 6px -6px 20px rgb(5, 242, 130),-4px 4px 14px rgb(0, 0, 255);*/
}

#menu-item-33 a::after, #menu-item-33 a > .avia-menu-fx
{
    display: none !important;
}
/*header button*/

/*underline links*/
.link-underline {
    position: relative;
    text-decoration: none;
    color: inherit;
    font-weight: 400;
    transition: color 250ms ease, font-weight 250ms ease;
}

.link-underline::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -6px;
    height: 2px;
    width: 100%;
    background: currentColor;

    transform: scaleX(1);
    transform-origin: right;
    transition: transform 300ms cubic-bezier(.4,0,.2,1), width 250ms ease;
}

/* Hover / focus state */
.link-underline:hover,
.link-underline:focus-visible {
    color: #005cc8 !important;       /* brighter highlight color */
    font-weight: 500 !important;     /* subtle bold */
}

.link-underline:hover::after,
.link-underline:focus-visible::after {
    transform: scaleX(0.4);
    width: 105%;
}



/*Contact form 7*/
.wpcf7-form
{
    margin-bottom: 0px !important;
}

.contact-column
{
    width: 45%;
    float: left;
}
.contact-column-full
{
    width: 95%;
    float: left;
}
.contact-column-end
{
    width: 45%;
    float: left;
    margin-left: 5%;
}

.wpcf7-form
{
    margin-top: 20px !important;
}

.wpcf7-form p label
{
    font-size: 16px !important;
    font-weight: 100 !important;
}

.wpcf7-form-control
{
    margin-top: 10px !important;
    padding: 15px 24px !important;
    background-color: #ffffff !important;
    color: #f2808b !important;
    font-size: 18px !important;
    font-weight: 100 !important;
    border: #f2808b 1px solid !important;
    border-radius: 12px !important;
}

.wpcf7-submit
{
    cursor:pointer;
    padding: 13px 25px !important;
    border-radius: 12px !important;
    background-color: #f2808b !important;
    border: solid 2px  #f2808b !important;
    color: #fce6c8 !important;
    -webkit-transition: border .7s ease-in-out, background-color .7s ease-in-out, box-shadow .7s ease-in-out;
    -moz-transition: border .7s ease-in-out, background-color .7s ease-in-out, box-shadow .7s ease-in-out;
    -o-transition: border .7s ease-in-out, background-color .7s ease-in-out, box-shadow .7s ease-in-out;
    transition: border .7s ease-in-out, background-color .7s ease-in-out, box-shadow .7s ease-in-out;
    text-align: left;
    height: 40px !important;
    font-size: 18px;
    font-weight: 100 !important;
    line-height: 9px;
    display: inline-block;
}

.wpcf7-submit:hover
{
    border: solid 2px   #f2808b !important;
    background-color: #fce6c8 !important;
    color: #f2808b !important;
    -webkit-transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-out;
    -moz-transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-out;
    -o-transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-out;
    transition: border .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-out;
}


.wpcf7-not-valid-tip
{
    color: #bf0020 !important;
}

.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output
{
    border-radius: 60px !important;
}
/*End::Contact form 7*/


/*video*/
.motto-video-container
{
    position: relative;
    border-radius: 12px !important;
    overflow: hidden;
}

.cb-full-vid-title
{
    position: absolute;
    top:40px;
    left:40px;
    height: auto;
    width: 500px;
    z-index: 2;
}

.cb-full-vid-title p
{
    font-size: 16px;
    line-height: 18px;
    font-weight: 100;
    color: #ffffff;
}
/*video*/

@media (prefers-reduced-motion: reduce) {
    .link-underline::after {
        transition: none;
    }
}


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

    .feature-box h1
    {
        font-size: 40px;
        font-weight: 300;
    }
    .feature-box.im-lou-about {
        background-image: url('https://lou.pode.mottostudio.co.uk/wp-content/uploads/2025/08/Hi-Im-Lou.jpg');
        background-repeat: no-repeat;
        background-position: 150px 50px;
        background-size: 500px auto;
    }
    .feature-box.full-width-image.lou-bench {
        background-position: 50% -140px; /* keeps image anchored to the left */
        background-size: 1400px auto;
    }
    .feature-box.lou-skiwear {
        background-position: 400px top; /* keeps image anchored to the left */
        background-size: 700px auto;
    }
    .feature-box.coaching-skicoaching {
        background-position: 510px -190px;
        background-size: 600px auto;
    }
    .feature-box.coaching-mindsetcoaching {
        background-position: 410px 60px;
        background-size: 700px auto;
    }
    .feature-box.lou-podcasts {
        background-position: 410px -100px;
        background-size: 700px auto;
    }
    .feature-box.podcasts-mother-daughter {
        background-position: 270px -50px;
        background-size: 1000px auto;
    }
    .feature-box.podcasts-what-to-expect {
        background-position: 650px 270px;
        background-size: 400px auto;
    }
    .feature-box.books-header {
        background-position: 350px -100px;
        background-size: 900px auto;
    }
    .feature-box.books-how-to-get-there {

        background-position: 420px 100px;
        background-size: 550px auto;
    }
}

@media only screen and (max-width: 1058px) {
    .feature-box
    {
        height: auto !important;
        min-height: 650px !important;
    }
    .feature-box h1
    {
        font-size: 30px;
        font-weight: 300;
    }
    .feature-box.im-lou {
        background-position: 150px -10px;
        background-size: 500px;
    }
    .feature-box.im-lou-about {
        background-position: 50px 250px;
        background-size: 400px auto;
    }
    .feature-box.lou-coaching {
        background-position: 300px -100px;
        background-size: 900px auto;
    }
    .feature-box.coaching-skicoaching {
        background-position: 290px 45px;
        background-size: 500px auto;
    }
    .feature-box.coaching-mindsetcoaching {
        background-position: 60px 190px;
        background-size: 700px auto;
    }
    .feature-box.lou-podcasts {
        background-position: 200px 90px;
        background-size: 600px auto;
    }
    .feature-box.podcasts-mother-daughter {
        background-position: 90px 190px;
        background-size: 800px auto;
    }
    .feature-box.podcasts-what-to-expect {
        background-position: 460px 220px;
        background-size: 400px auto;
        min-height: 700px !important;
    }
    .feature-box.books-header {
        background-position: 250px 50px;
        background-size: 700px auto;
    }
    .feature-box.books-how-to-get-there {

        background-position: 120px 220px;
        background-size: 550px auto;
    }
    .feature-box.no-minimum
    {
        min-height: 400px !important;
        padding: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container
    {
        width: 90%;
        max-width: 90%;
    }
    .feature-box
    {
        height: auto !important;
        min-height: 450px !important;
    }
    .feature-box h1
    {
        font-size: 30px;
        font-weight: 300;
    }
    .feature-box.im-lou {
        background-position: 60px 90px;
        background-size: 400px;
    }
    .feature-box.svg-bg {
        background-repeat: no-repeat;
        background-position: -400px -70px;
        background-size: 750px auto;
    }

    .feature-box.social-links
    {
        min-height: 20px !important;
        background-color: #fce6c8 !important;
        padding: 40px 20px;
    }
    .feature-box.social-links .link-underline:not(:first-child) {
        margin-top: 40px !important;
    }

    .feature-box.social-links .link-underline
    {
        margin-right: 50px;
        color: #f2808b !important;
    }
    .feature-box.im-lou-about {
        background-position: -40px 260px;
        background-size: 400px auto;
        min-height: 650px !important;
    }
    .large-content
    {
        min-height: 875px !important;
    }
    .feature-box.full-width-image.lou-bench {
        background-position: 30% -90px; /* keeps image anchored to the left */
        background-size: 1000px auto;
    }
    .feature-box.lou-skiwear {
        background-position: 100px 550px; /* keeps image anchored to the left */
        background-size: 300px auto;
        min-height: 850px !important;
    }
    .feature-box.lou-coaching {
        background-position: 10px 300px; /* keeps image anchored to the left */
        background-size: 450px auto;
        min-height: 650px !important;
    }
    .feature-box.coaching-skicoaching {
        background-position: -100px 326px; /* keeps image anchored to the left */
        background-size: 500px auto;
        min-height: 950px !important;
    }
    .feature-box.coaching-mindsetcoaching {
        background-position: -350px 430px; /* keeps image anchored to the left */
        background-size: 700px auto;
        min-height: 850px !important;
    }
    .feature-box.lou-podcasts {
        background-position: -100px 200px; /* keeps image anchored to the left */
        background-size: 450px auto;
        min-height: 650px !important;
    }
    .feature-box.podcasts-mother-daughter {
        background-position: -160px 400px; /* keeps image anchored to the left */
        background-size: 650px auto;
        min-height: 750px !important;
    }
    .feature-box.podcasts-what-to-expect {
        background-position: 50px 790px;
        background-size: 300px auto;
        min-height: 1150px !important;
    }
    .feature-box.books-header {
        background-position: 10px 200px; /* keeps image anchored to the left */
        background-size: 450px auto;
        min-height: 550px !important;
    }
    .feature-box.first-time-here {
        min-height: 550px !important;
    }
    .feature-box.books-how-to-get-there {

        background-position: -50px 400px;
        background-size: 350px auto;
        min-height: 700px !important;
    }
    .feature-box.quote
    {
        font-size: 24px;
        font-weight: 300;
        line-height: 28px;
        padding: 30px 30px;
        font-family: 'hedvig',Helvetica,Arial,sans-serif;
    }


}