/*
	Theme Name: Odonnell Custom
	Description: This is a custom child theme developed by Odonnell Company using the Salient parent theme. Optimized for WCAG and ADA compliance, Search Engine Optimization (SEO), and speed.
	Theme URI:   https://odonnellco.com/
	Author: ThemeNectar/Odonnell Company
	Author URI:  https://odonnellco.com/
	Template: salient
	Version: 1.0
*/

/* -----------------------------------------------------------
    COG Color Palette
------------------------------------------------------------ */

:root {
    --cog-green: #008257;
    --cog-green-light: ;
    --cog-green-dark: ;

    --cog-blue: #001c42;
    --cog-blue-light: ;
    --cog-blue-dark: ;

    --cog-yellow: #cfbf29;
    --cog-yellow-light: ;
    --cog-yellow-dark: ;

    --cog-gray: #eaedf1;
    --cog-gray-light: ;
    --coo-gray-dark: ;
}


/* -----------------------------------------------------------
    Helpers
------------------------------------------------------------ */

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-inline {
    display: inline !important;
}

.w-100 {
    width: 100% !important
}

.img-border {
    border: 1px solid rgba(0, 0, 0, .3);
}

.text-bold {
    font-weight: 700
}

.text-uppercase {
    text-transform: uppercase
}

.background-cover,
.background-cover .row-bg.using-image,
.background-cover .column-image-bg {
    background-size: cover !important;
}

.background-contain,
.background-contain .background-contain .row-bg.using-image,
.background-contain .background-contain .column-image-bg {
    background-size: contain !important;
}

.background-initial,
.background-initial .row-bg.using-image,
.background-initial .column-image-bg {
    background-size: initial !important;
}

.background-h100,
.background-h100 .row-bg.using-image,
.background-h100 .column-image-bg {
    background-size: auto 100% !important;
}

@media (min-width: 768px) {
    .list-col-2 {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

    .list-col-3 {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
}


/* -----------------------------------------------------------
    Page Element - Buttons
------------------------------------------------------------ */

:root {
    --oc-button-padding-v: .75em;
    --oc-button-padding-h: 2em;
    --oc-button-font-size-small: 12px;
    --oc-button-font-size-medium: 14px;
    --oc-button-font-size-large: 16px;
    --oc-button-font-size-jumbo: 18px;
    --oc-button-font-family: var(--oc-font-body);
    --oc-button-font-weight: 700;
    --oc-button-line-height: 20px;
    --oc-button-text-transform: initial;
    --oc-button-letter-spacing: 0;
    --oc-button-border: 0;
    --oc-button-border-radius: 0;
    --oc-button-box-shadow: 0;
    --oc-button-hover-opacity: .87;
}

.nectar-button.has-icon.w-100 {
    text-align: left !important
}

.nectar-button {
    padding: var(--oc-button-padding-v) var(--oc-button-padding-h) !important;
    font-family: var(--oc-button-font-family) !important;
    font-weight: var(--oc-button-font-weight) !important;
    line-height: var(--oc-button-line-height) !important;
    text-transform: var(--oc-button-text-transform) !important;
    letter-spacing: var(--oc-button-letter-spacing) !important;
    border-radius: var(--oc-button-border-radius) !important;
    box-shadow: var(--oc-button-box-shadow) !important;
}

.nectar-button.small {
    padding: calc(var(--oc-button-padding-v) * 0.8) calc(var(--oc-button-padding-h) * 0.8) !important;
    font-size: var(--oc-button-font-size-small);
}

.nectar-button.medium {
    padding: calc(var(--oc-button-padding-v) * 1.0) calc(var(--oc-button-padding-h) * 1.0) !important;
    font-size: var(--oc-button-font-size-medium);
}

.nectar-button.large {
    padding: calc(var(--oc-button-padding-v) * 1.15) calc(var(--oc-button-padding-h) * 1.15) !important;
    font-size: var(--oc-button-font-size-large);
}

.nectar-button.jumbo {
    padding: calc(var(--oc-button-padding-v) * 1.3) calc(var(--oc-button-padding-h) * 1.3) !important;
    font-size: var(--oc-button-font-size-jumbo);
}

.nectar-button span {
    z-index: 1;
}

.forminator-button {
    padding: calc(var(--oc-button-padding-v) * 1.15) calc(var(--oc-button-padding-h) * 1.15) !important;
    font-family: var(--oc-button-font-family) !important;
    font-size: var(--oc-button-font-size-large) !important;
    font-weight: var(--oc-button-font-weight) !important;
    line-height: var(--oc-button-line-height) !important;
    text-transform: var(--oc-button-text-transform) !important;
    letter-spacing: var(--oc-button-letter-spacing) !important;
    border: var(--oc-button-border) !important;
    border-radius: var(--oc-button-border-radius);
    box-shadow: var(--oc-button-box-shadow) !important;
    opacity: 1 !important;
    border-radius: 0 !important;
}

.forminator-button:hover {
    opacity: var(--oc-button-hover-opacity) !important;
}


/* -----------------------------------------------------------
    Text with Icons (Salient)
------------------------------------------------------------ */

.iwithtext .iwt-icon img {
    width: 60px !important;
}

.iwithtext .iwt-text {
    padding-left: 90px !important;
}


/* -----------------------------------------------------------
    Header & Navigation (Salient)
------------------------------------------------------------ */

body #header-outer .menu-item-btn-style-button_extra-color-1>a,
body #header-outer #top nav .menu-item-btn-style-button_extra-color-1>a {
    color: var(--nectar-extra-color-3) !important;
}


/* -----------------------------------------------------------
    Single Posts (Salient)
------------------------------------------------------------ */

body[data-ext-responsive=true].single-post #page-header-bg[data-post-hs=default_minimal] h1,
body[data-ext-responsive=true].single-post .container-wrap.no-sidebar .comment-list>li,
body[data-ext-responsive=true].single-post .container-wrap.no-sidebar .post-area,
body[data-ext-responsive=true].single-post .heading-title[data-header-style=default_minimal] .entry-title,
body[data-ext-responsive=true].single-post.material #page-header-bg.fullscreen-header h1,
body[data-ext-responsive=true].single-post.material .comment-wrap #respond,
body[data-ext-responsive=true].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments {
    max-width: initial !important;
}