.primary-btn {
   color: #fff;
   font-size: 14px;
   letter-spacing: 1px;
   text-transform: uppercase;
   padding: 10px 20px;
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   position: relative;
   background: var(--ecbz-primary);
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}
.primary-btn:before,
.secondary-btn:before,
.primary-btn:before{
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: #333;
   -webkit-transform: scaleY(0);
   transform: scaleY(0);
   -webkit-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-transition-property: transform;
   transition-property: transform;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}
.primary-btn:hover:before,
.primary-btn:focus:before,
.primary-btn:active:before,
.secondary-btn:hover:before,
.secondary-btn:focus:before,
.secondary-btn:active:before {
   -webkit-transform: scaleY(1);
   transform: scaleY(1);
}
.primary-btn:hover,
.primary-btn:focus,
.primary-btn:active {
   color: var(--ecbz-white);
   border-color: #333;
}
.secondary-btn {
   color: var(--ecbz-white);
   font-size: 14px;
   letter-spacing: 1px;
   text-transform: uppercase;
   padding: 10px 20px;
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   position: relative;
   background: var(--ecbz-secondary);
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}
.secondary-btn:hover,
.secondary-btn:focus,
.secondary-btn:active {
   color: #fff;
   border-color: var(--ecbz-primary);
}
.default-btn {
   color: var(--ecbz-secondary);
   font-size: 14px;
   letter-spacing: 1px;
   text-transform: uppercase;
   padding: 10px 20px;
   display: inline-block;
   vertical-align: middle;
   -webkit-transform: perspective(1px) translateZ(0);
   transform: perspective(1px) translateZ(0);
   position: relative;
   background: #ddd;
   -webkit-transition-property: color;
   transition-property: color;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
}
.default-btn:hover,
.default-btn:focus,
.default-btn:active {
   color: var(--ecbz-secondary);
   border-color: var(--ecbz-secondary);
}
.welcome-section-title ol {
   list-style-type: decimal !important;
   padding-left: 1rem;
}
.welcome-section-title ol li {
   margin-bottom: 0.3rem;
}
.single-team-member {
   /*padding-bottom: 0 !important;*/
}
.single-team-member .single-team-member-content .single-team-member-social {
   /*display: none !important;*/
}

/* Redesign Overrides */
.top-area .top-menu ul li a {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.top-area .header-social ul li a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.logo-area {
    padding: 15px 0 !important;
}

.logo-area .header-info-box {
    margin-top: 0 !important;
    padding-left: 55px !important;
}

.logo-area .header-info-box .header-info-icon {
    height: 40px !important;
    width: 40px !important;
    line-height: 40px !important;
    font-size: 20px !important;
}

.mainmenu-area .navbar-nav .nav-link {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

a.header-search {
    height: 54px !important;
    width: 54px !important;
    line-height: 54px !important;
}

.sticky-menu.sticky .mainmenu-area .navbar-nav .nav-link {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.sticky-menu.sticky a.header-search {
    height: 48px !important;
    width: 48px !important;
    line-height: 48px !important;
}

/* Tighten footer call to action */
.callto-action-padding {
    padding: 30px 0 !important;
}

/* ============================================================
   GLOBAL READABILITY FIXES
   Force white backgrounds on all content sections so that
   text is always readable regardless of the admin's primary
   color choice.
   ============================================================ */

/* Force white body background */
body {
    background-color: #ffffff !important;
}

/* All page section content areas must have a white background */
.section-padding,
.welcome-section-padding,
.section-back-image,
section:not(.slider-section):not(.page-banner):not(.callto-action-padding):not(.footer-padding) {
    background-color: #ffffff !important;
}

/* Ensure paragraph text is always dark and readable */
p,
.section-padding p,
.welcome-section-title p,
.welcome-section-title li,
.section-title p,
article p {
    color: #444444 !important;
}

/* Ensure body text base colour is always dark */
body,
.auto-container,
.container {
    color: #444444;
}

/* Section headings must be dark */
.section-padding h1,
.section-padding h2,
.section-padding h3,
.section-padding h4,
.section-padding h5,
.section-padding h6,
.welcome-section-title h1,
.welcome-section-title h2,
.welcome-section-title h3,
.welcome-section-title h4 {
    color: #1a1a2e !important;
}

/* Only the theme-color accent class should use the primary color */
.theme-color {
    color: var(--ecbz-primary) !important;
    background-color: transparent !important;
}