/*
Theme Name: Interview 101
Author: Keith Jesso
Description: Interview 101 is a child of the Kadence theme.
Template: kadence
Version: 1.0
Text Domain: kadence-child
*/

/* ------------------------------ [ALL SCREEN SIZES] ------------------------------ */

/* /html/body/div[1]/header/div[1]/div/div/div/div[1]/div/div/div/div[2]/div/nav/div/ul/li[1] */
/* page-id-6 */

/*
body.page-id-6 > li#menu-item-26 {
    display: none;
}
*/

figure.youtube-video {
    width: 300px;
    height: 300px;
    overflow: hidden;
    margin: auto;
}

ul > li.wp-social-link.wp-social-link-instagram.wp-block-social-link {
    background: var(--global-palette-btn-bg);
    color: var(--global-palette-btn);
    width: 240px;
    text-align: center;
}

ul > li.wp-social-link.wp-social-link-instagram.wp-block-social-link:hover {
    background: var(--global-palette-btn-bg-hover);
    color: var(--global-palette-btn-hover);
}

ul > li.wp-social-link.wp-social-link-youtube.wp-block-social-link {
    background: var(--global-palette-btn-bg);
    color: var(--global-palette-btn);
    width: 240px;
    text-align: center;
}

ul > li.wp-social-link.wp-social-link-youtube.wp-block-social-link:hover {
    background: var(--global-palette-btn-bg-hover);
    color: var(--global-palette-btn-hover);
}

/* #post-968 > div > div > div > div:nth-child(2) > ul > li.wp-social-link.wp-social-link-instagram.wp-block-social-link */

/*
a:hover {
  color: hotpink;
}
*/

/*
p.has-text-align-center.has-theme-palette-9-color.has-text-color.has-link-color.has-large-font-size.wp-elements-82a1a2995ed8d962015c24be3b1de42a > a:hover {
    color: red;
}
*/

p.has-text-align-center.has-theme-palette-9-color.has-text-color.has-link-color.has-large-font-size > a:hover {
    color: var(--global-palette1);
}

/* #post-6 > div > div > div:nth-child(2) > div:nth-child(1) > a > div > img */
/* #post-6 > div > div > div:nth-child(2) > div:nth-child(2) > div > img */
/* #post-6 > div > div > div:nth-child(3) > div:nth-child(1) > div > img */

#post-6 > div > div > div > div > a > div:hover > span {
    /* opacity: 0.5; */
    background-color: rgba(var(--global-palette3), 0.5);
}

#post-6 > div > div > div > div > a > div:hover > div > p {
    color: var(--global-palette9);
    /* background-color: rgba(var(--global-palette3), 0.7); */
    background-color: rgba(0,0,0, 0.5);
}

/* Returning to the Real Me: #post-6 > div > div > div:nth-child(2) > div:nth-child(1) > a > div > span */
/* Whispers of Why.........: #post-6 > div > div > div:nth-child(2) > div:nth-child(2) > a > div > span */

.image-link {
    float: left;
    opacity: 1;
    display: block;
    width: 100px;
    height: 100px;
}

.book-image1 {
    background-color: var(--global-palette3);
    background-size: cover;
    position: absolute;
    opacity: 0;
    background-color: rgba(var(--global-palette3), 0.5);
    flex-basis: 33%;
    padding: 0;
    margin: 0;
    width: 828px;
    height: 981px;
    /* background-color: rgba(220, 220, 220, 0.4); */
    /* background-color: rgba(var(--global-palette3), 0.2); */
    /* background-blend-mode: lighten; */
    /* You may add things like width, height, background-size... */
}

div.wp-block-cover.aligncenter.footer_button.has-aspect-ratio {
    max-width: 160px;
    min-width: 160px;
}

div.wp-block-cover.aligncenter.footer_button.has-aspect-ratio > div > p {
    /* background-color: #7EA5A8; */
    font-size: 16px !important;
    background: #9FAF96;
    background: linear-gradient(135deg,rgba(159, 175, 150, 1) 0%, rgba(126, 165, 168, 1) 50%, rgba(84, 135, 144, 1) 100%);
}

div.wp-block-cover.aligncenter.footer_button.has-aspect-ratio > div > p:hover {
    /* background-color: #548790; */
    background: #9FAF96;
    background: linear-gradient(135deg,rgba(159, 175, 150, 1) 100%, rgba(126, 165, 168, 1) 50%, rgba(84, 135, 144, 1) 0%);
    cursor: pointer;
}

div.wp-block-cover.aligncenter.footer_button.has-aspect-ratio > div > p > a, div.wp-block-cover.aligncenter.footer_button.has-aspect-ratio > div > p > a:hover {
    text-decoration: none;
    color: #FFFFFF;
}

div.footer-buttons {
    display: flex;
    justify-content: center;
}



/* START OF REGULAR BUTTON STYLES */

/* #post-6 > div > div > div.wp-block-buttons.is-content-justification-center.is-layout-flex.wp-container-core-buttons-is-layout-16018d1d.wp-block-buttons-is-layout-flex > div > a */

#post-6 > div > div h4 {
    margin: 1.5em 0 0 0;
    /* margin: 0; */
}

div.wp-block-button.regular_button {
    max-width: 200px;
    min-width: 200px;
    /* padding: 20px 0 20px 0; */
}

div.book-nav-button, div.book-nav-button > a {
    height: 30px;
    max-width: 180px;
    min-width: 180px;
}

div.book-nav-button > a {
    padding: 0;
    margin: 0;
}

div.wp-block-button.regular_button > a, div.wp-block-button.icon-button > a, div.book-nav-button > a, div.book-nav-button-prev > a, div.book-nav-button-next > a {
    text-decoration: none;
    color: #FFFFFF;

    font-size: 16px;
    background: #9FAF96;
    background: linear-gradient(135deg,rgba(159, 175, 150, 1) 0%, rgba(126, 165, 168, 1) 50%, rgba(84, 135, 144, 1) 100%);
}

div.wp-block-button.regular_button > a:hover, div.wp-block-button.icon-button > a:hover, div.book-nav-button > a:hover, div.book-nav-button-prev > a:hover, div.book-nav-button-next > a:hover{
    background: #9FAF96;
    background: linear-gradient(135deg,rgba(159, 175, 150, 1) 100%, rgba(126, 165, 168, 1) 50%, rgba(84, 135, 144, 1) 0%);
    cursor: pointer;
}

/* START OF BOTTOM ICON BUTTON STYLES */

div.wp-block-button.icon-button {
    max-width: 200px;
    min-width: 200px;
    /* padding: 20px 0 20px 0; */
}


/*
div.wp-block-buttons > div.wp-block-button, div.wp-block-button {
    width: 200px;
}

div.wp-block-button > a {
    text-align: center;
}

div.button_spacer {
    width: 100px;
}

div.button_spacer > a, div.button_spacer > a:hover {
    background-color: rgba(0,0,0, 0);
    cursor: auto;
}
*/

/*
#page-id-6 > div#wrapper > header > div#main-header > div > div > div > div.site-top-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard > div > div > div > div.site-header-top-section-center.site-header-section.site-header-section-center > div > nav > div > ul > li#menu-item-26 {
    display: none;
}
*/

#page-id-6 > div:nth-child(1) > header > div:nth-child(1) > div > div > div > div:nth-child(1) > div > div > div > div:nth-child(2) > div > nav > div > ul > li:nth-child(1) > a {
    display: none;
}

div.book-nav-button-prev, div.book-nav-button-next {
    width: 50%;
}

div.social-media-buttons-hidden {
    display: none;
}

a.social-button.footer-social-item.social-link-youtube {
    display: none;
}

.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button {
    border-radius: unset;
}

svg.kadence-svg-icon.kadence-instagram-alt-svg {
    height: 1.5em;
    width: 1.5em;
}

/* Footer Instagram Logo
a.social-button {
    width: 1.6em;
    height: 1.6em;
    border-radius: 16px !important;
}
*/

a.social-button {
    width: 1.6em;
    height: 1.6em;
    background: none;
}

a.social-button:hover {
    /* filter: invert(0); */
    border-radius: 10px;
    color: #9FAF96 !important;
}

a:hover, a:focus, a:active {
}

.social-show-label-true a.social-button {
    padding: unset;
}

.header-social-wrap .header-social-inner-wrap .social-button {
    border-radius: unset;
    background: unset;
    padding: 4px;
}

/* ------------------------------ [DESKTOP SCREEN SIZES] ------------------------------ */
@media (min-width: 1025px) {
/* START OF HEADER BUTTON STYLES */

    nav#site-navigation > div > ul > li.menu-item > a {
        padding: 0 .5em !important;
        margin: 10px 0;
    }

    div > ul > li.header-button {
        padding: 0 4px;
        /* max-width: 200px; */
        /* min-width: 200px; */
    }

    div > ul > li.header-button > a {
        padding: 0px;
        margin: 0px;
        max-height: 30px;
        vertical-align: middle;

        text-decoration: none;
        color: #FFFFFF !important;

        font-size: 16px !important;
        background: #9FAF96;
        background: linear-gradient(135deg,rgba(159, 175, 150, 1) 0%, rgba(126, 165, 168, 1) 50%, rgba(84, 135, 144, 1) 100%);
        border-radius: 4%;
    }

    div > ul > li.header-button > a:hover {
        color: #FFFFFF !important;
        background: #9FAF96;
        background: linear-gradient(135deg,rgba(159, 175, 150, 1) 100%, rgba(126, 165, 168, 1) 50%, rgba(84, 135, 144, 1) 0%);
        cursor: pointer;
    }

    div.three-button-outer-box {
        min-height: 250px;
    }

    div.three-button-outer-box > span {
        width: 90%;
        margin: auto;
    }

    div.three-button-inner-box {
        gap: 0;
    }

    div.three-button-1-inner-box > div > figure > img, div.three-button-2-inner-box > div > figure > img, div.three-button-3-inner-box > div > figure > img {
        margin: 0;
        width: 155px !important;
    }

    div.three-button-1-outer-box, div.three-button-2-outer-box, div.three-button-3-outer-box {
        padding-bottom: 10px !important;
    }

    /*
    div.three-button-1-back, div.three-button-2-back, div.three-button-3-back {
        background-image: url("http://share745.serveftp.com:8050/interview101/wp-content/uploads/2025/11/hedera-plant-seamless-border-transparent.png");
        background-size: 65%;
    }
    */

    div.wp-block-buttons.is-content-justification-right.is-layout-flex.wp-container-core-buttons-is-layout-818a2fee.wp-block-buttons-is-layout-flex {
        gap: 40px;
        padding-left: 0% !important;
        padding-right: 30px !important;
    }

    div.book-nav-column-prev > div.book-nav-buttons {
        justify-content: flex-end;
    }

    div.book-nav-column-next > div.book-nav-buttons {
        justify-content: flex-start;
    }
    

}

/* ------------------------------ [TABLET SCREEN SIZES] ------------------------------ */
@media (max-width: 1024px) {
    h2 {
        font-size: 46px;
    }

    div.book-top-spacer {
        display: none;
    }

    div.book-nav-button, div.book-nav-button > a {
        height: 20px;
        max-width: 120px;
        min-width: 120px;
        font-size: 10px !important;
    }

    /*
    div.wp-block-buttons > div.wp-block-button, div.wp-block-button {
        width: 200px;
    }

    div.button_spacer {
        width: 20px;
        border-style: solid;
        border-width: 2px;
        border-color: black;
    }

    div.button_spacer > a, div.button_spacer > a:hover {
        background-color: rgba(0,0,0, 0);
        cursor: auto;
    }
    */

    :where(.wp-block-columns.is-layout-flex) {
        gap: 1em;
    }

}

/* ------------------------------ [MOBILE SCREEN SIZES] ------------------------------ */
@media (max-width: 767px) {
    h2 {
        font-size: 24px;
    }

    /*
    div.book-nav-button {
        text-align: center;
    }
    */

    /*
    div.wp-block-buttons > div.wp-block-button, div.wp-block-button {
        width: 200px;
    }

    div.wp-block-button.button_spacer {
        display: none;
    }
    */

    :where(.wp-block-columns.is-layout-flex) {
        gap: 0.5em;
    }

}