/*
Theme Name: Ollie Child
Theme URI: 
Description: Child theme for Ollie
Author: KSM Consulting
Author URI: 
Template: ollie
Version: 1.0.1
*/

/* Add your custom CSS below this line */


/*
Theme Name: Ollie Child
Description: KSM Consulting - Child theme for Ollie
Author: KSM Consulting
Template: ollie
Version: 1.0.0
*/

/* ==============================
   KSM CONSULTING - CUSTOM STYLES
   ============================== */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Button border radius */
.wp-block-button__link {
    border-radius: 6px !important;
    padding: 14px 28px !important;
    letter-spacing: 0.02em;
}

/* Coral accent button variant */
.wp-block-button.is-style-coral .wp-block-button__link {
    background-color: #F75C46 !important;
    color: #FFFFFF !important;
}

.wp-block-button.is-style-coral .wp-block-button__link:hover {
    background-color: #0D1B3E !important;
}

/* Remove default list styling in nav */
.wp-block-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Clean image rendering */
img {
    height: auto;
    max-width: 100%;
}


/****Style header button*********/

#modal-1-content > div > div > a.wp-block-button__link {
    font-weight: 600;
    transition: background-color 0.2s ease;
}

#modal-1-content > div > div > a.wp-block-button__link:hover {
    background-color: #FFFFFF !important;
    color: #0D1B3E !important;
}


/**************Space out header elements******************/

#modal-1-content > ul {
    column-gap: 1em;
    padding-right: 1em;
}


/***************Make footer menu responsive******************************************** */

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

body > div.wp-site-blocks > footer > div > div.wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-010e51cd.wp-block-columns-is-layout-flex {
    display: none;
}

body > div.wp-site-blocks > footer > div.wp-block-group {
    padding-top: 0px !important;
}

body > div.wp-site-blocks > footer > div {
    padding-bottom: 63px !important;
}

}


/******************Home Page Hero img*************************/

#wp--skip-link--target > div > div.wp-block-group.alignfull.has-tertiary-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-13138de1.wp-block-group-is-layout-constrained {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/*********BG img for section home page***********************/

/* #wp--skip-link--target > div > div:nth-child(3) > div > div:nth-child(1) {
    background: url(https://jeexinnovations.com/wp-content/uploads/2025/03/Home-Page-Top-Right-Image.jpg);
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 672.72px;
} */

#wp--skip-link--target > div > div:nth-child(3) > div.wp-block-columns {
    column-gap: 0px;
}


/* Hero two-column row */

#ksm-hero-row {
    display: flex !important;
    align-items: stretch !important; /* Forces both columns to equal height */
}

/* Background image column */
#ksm-hero-row > div.wp-block-column.is-vertically-aligned-center.ksm-hero-image-col.is-layout-flow.wp-block-column-is-layout-flow {
    background: url(https://ksmconsulting.org/wp-content/uploads/2026/02/Home-Page-Digital-Steps-Column-BG-Image.jpg);
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    align-self: stretch;
}


/* Stack on mobile */
@media (max-width: 781px) {
    #ksm-hero-row {
        flex-direction: column !important;
    }

    #ksm-hero-row > div.wp-block-column.is-vertically-aligned-center.ksm-hero-image-col.is-layout-flow.wp-block-column-is-layout-flow {
        min-height: 300px !important; /* Give image visible height when stacked */
        width: 100% !important;
        order: 10;
    }
}


/***************Fixing spacing menu items spacing*****************/

[id^="modal-"] > ul {
    row-gap: 0px;
}


/******Eliminating spacing above footer for mobile view****************/

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

    body > div.wp-site-blocks > footer > div > hr.wp-block-separator {
    margin-top: 0px;
}

}


/************Mobile menu styles*********************/

/* Mobile menu overlay link colors */
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: #FFFFFF !important; /* Overlay background */
    color: var(--wp--preset--color--ksm-text) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    color: var(--wp--preset--color--ksm-text) !important;
}

/* Hover state */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--ksm-blue) !important;
}

/* Close button color */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    color: var(--wp--preset--color--ksm-text) !important;
}


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

    body > div.wp-site-blocks > footer > div > div.wp-block-group.alignwide.is-layout-flow.wp-block-group-is-layout-flow > div > nav.is-responsive {
    display: none;
}

}


#modal-1-content > ul > li.wp-block-navigation-item.has-sm-font-size.has-child.open-on-hover-click.wp-block-navigation-submenu > ul > li > a {
    color: var(--wp--preset--color--ksm-text);
}


/**************Remove margin lowest section About page************************/

#wp--skip-link--target > div > div.wp-block-group.alignfull.has-base-color.has-primary-background-color.has-text-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-9f65a5da.wp-block-group-is-layout-constrained {
    margin-bottom: 0px !important;
}

/***********Columns spacing on the Services page********************************/

#wp--skip-link--target > div.entry-content > div.wp-block-group > div.wp-block-columns.alignwide.is-layout-flex {
    column-gap: 2em;
}

#wp--skip-link--target > div.entry-content > div.wp-block-group > h2.wp-block-heading {
    margin-bottom: 1em;
}


/*styling contact form on Contact Us page */
form.wpcf7-form #cf-name {
	display: flex;
}

form.wpcf7-form #cf-first-name {
	padding-right: 1em;
}

form.wpcf7-form input[type=email], form.wpcf7-form input[type=number], form.wpcf7-form input[type=password], form.wpcf7-form input[type=reset], form.wpcf7-form input[type=search], form.wpcf7-form input[type=tel], form.wpcf7-form input[type=text], form.wpcf7-form input[type=url], form.wpcf7-form select, form.wpcf7-form textarea {
	border-color: black;
	color: black;
	border-radius:0px;
}

form.wpcf7-form input[type=submit] {
	border-radius: 10px;
}

form.wpcf7-form input::placeholder {
	color: #000;
}




form.wpcf7-form input[type=email]:focus, form.wpcf7-form input[type=number]:focus, form.wpcf7-form input[type=password]:focus, form.wpcf7-form input[type=reset]:focus, form.wpcf7-form input[type=search]:focus, form.wpcf7-form input[type=tel]:focus, form.wpcf7-form input[type=text]:focus, form.wpcf7-form input[type=url]:focus, form.wpcf7-form select:focus, form.wpcf7-form textarea:focus {
border: 1px solid black;
}

.wpcf7-submit {
font-family: FontAwesome !important;
}


form.wpcf7-form textarea {
  resize: none;
}

.wpcf7-form-control.wpcf7-textarea::placeholder {
    color: #000;
}

form.wpcf7-form input[type=submit] {
    border-radius: 5px;
    padding: 0.5em;
    background-color: var(--wp--preset--color--ksm-blue);
    color: #fff;
    border: 0px;
}

/********Client sites screenshots****************/

#wp--skip-link--target > div.entry-content.alignwide.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained > div > div > div.wp-block-column > div.wp-block-cover > img.wp-block-cover__image-background {

    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var( --e-global-color-primary );
    border-radius: 25px 25px 25px 25px;
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);

}


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

    #wp--skip-link--target > div.entry-content.alignwide.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained > div > div > div:nth-child(1) {
    order: 10;
}

}


/*******Text color footer menu**************/

#modal-7-content > ul.wp-block-navigation__container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
    color: #d4d4ec;
}


#modal-8-content > ul.wp-block-navigation__container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
    color: #d4d4ec;
}



#modal-9-content > ul.wp-block-navigation__container > li.wp-block-navigation-item > a.wp-block-navigation-item__content {
    color: #d4d4ec;
}



/********Contact form field fit to container***************/

#wpcf7-f4287-p4279-o1 > form > p > span.wpcf7-form-control-wrap > input.wpcf7-form-control {
    width: 100%;
}

#wpcf7-f4287-p4279-o1 > form > p > span > textarea {
    width: 100%;
}

/***************Fix form submission response color******************/

#wpcf7-f4287-p4279-o1 > form > div.wpcf7-response-output {
    color: #fff;
}