Copy
/**
 * Theme Name: Brookwood
 * Theme URI: https://www.brookwood.com/
 * Template:   disle
 * Description: Brookwood is a clean and professional theme that is based on the Disle theme.
 * Version: 1.0
 */

.elementor-kit-6,
#root {
    --e-global-typography-secondary-font-family: 'Calibri', 'Open-Sans', 'Open Sans', 'Roboto', sans-serif;
    --e-global-typography-text-font-family: 'Calibri', 'Open-Sans', 'Open Sans', sans-serif;
    --font-heading: 'Montserrat', 'Open-Sans', 'Open Sans', 'Roboto', sans-serif;
    --font-body: 'Calibri', 'Open-Sans', 'Open Sans', sans-serif;
    --brookwood-blue: #21529b;
    --brookwood-green: #518f52;
    --brookwood-background: #f5f5f5;
    --brookwood-white: #ffffff;
    --brookwood-black: #000000;
    --brookwood-gray: #666666;
    --brookwood-text: #333333;
    --e-global-color-disle_accent: #21529b;
    --e-global-color-accent:21529b #518f52;
    --wpem-primary-color: #21529b;
    --wpem-secondary-color: #518f52;
}

* {
	font-family: var(--font-body)
}

h1.title, h1, h2, .headline, .headline-2,  .main-heading {
	font-family: var(--font-heading)
}

.headline-2, .main-heading {
		color: var(--brookwood-blue);
}

.mf-form-wrapper .metform-form-content .metform-form-main-wrapper .mf-input-wrapper .mf-input {
    font-size: 14px;
}

.hex1 svg path {
    fill: var(--e-global-color-disle_accent);
    color: var(--e-global-color-disle_accent);
}

.hex1:hover svg path, .hex2
 svg path {
    fill: var(--e-global-color-accent);
    color: var(--e-global-color-accent);
}

.disle-menu li.custom-megamenu:hover > .sub-menu {
    pointer-events: unset;
}

.disle-menu .custom-megamenu nav > .e-con-full,
.disle-menu #services-menu nav > .e-con-full {
    border: 1px solid #ccccfc;
    border-top-width: 0;
    background: var(--brookwood-white)
}

.disle-menu .custom-megamenu .master-list .master-icon-text,
.disle-menu .custom-megamenu .master-list .master-icon-text .content-wrap,
.disle-menu .custom-megamenu .master-list .master-icon-text .icon-wrap,
.disle-menu #services-menu .master-list .master-icon-text,
.disle-menu #services-menu .master-list .master-icon-text .content-wrap,
.disle-menu #services-menu .master-list .master-icon-text .icon-wrap
{
    justify-content: left;
    text-align: left;
    vertical-align: top;
    align-items: baseline;
}

.disle-menu .custom-megamenu .master-list .master-icon-text .icon-wrap,
.disle-menu #services-menu .master-list .master-icon-text .icon-wrap {
    padding-top: 2px;
}

.master-testimonial .avatar-wrap {
    display: none;
}

#featured-title {
    background-color: var(--brookwood-background);
}

#featured-title .inner-wrap {
    padding: 2em 0;
}

#featured-title #breadcrumbs .breadcrumb-trail > a:not(:last-child):before,
#featured-title #breadcrumbs .breadcrumb-trail > a, #featured-title #breadcrumbs .breadcrumb-trail > span {
    color: var(--brookwood-gray);
    opacity: 0.7;
}

#featured-title #breadcrumbs .breadcrumb-trail > a {
    color: var(--brookwood-blue);
}

#featured-title #breadcrumbs .breadcrumb-trail > a:hover {
    color: var(--brookwood-blue);
    opacity: 1;
}

.staffing-action,
.staffing-action.elementor-widget-mae-cta,
.staffing-action a.master-cta,
.staffing-action.elementor-widget-mae-cta .elementor-widget-container {
    width: 100% !important;
}

.staffing-header .master-icon-text {
    align-items: center;
    line-height: auto;
}

.skills-box img {
    max-width: 100px;
}

.master-flip-box a.master-link, .master-flip-box a.master-link span  {
    color: #518f52;
}

/* Desktop Styles */

@media (min-width: 940px) {
    .service-box .desc {
        min-height: 325px;
    }

    .success-story .star-rating {
        display: none;
    }

    .success-story .comment {
        min-height: 250px;
    }

    .success-story .comment .equalizeB p {
        min-height: 165px;
    }
}
/* Mobile Styles */

.disle-menu-panel .close-menu {
    color: var(--brookwood-blue);
}

.disle-menu-panel .menu-logo {
    margin-bottom: 0.5em;
    margin-top: -0.5em;
}

@media (max-width: 768px) {
    #site-header-wrap .disle-header-fixed,
    .disle-header-fixed.fixed-show {
        display: none !important;
    }

    .elementor-widget-spacer .elementor-column .elementor-spacer-inner {
        max-height: 2em;
    }   

    .e-con-inner {
        margin-left: 5px;
    }
}