/*
	* Theme Name: Odonnell Custom
	* Description: Custom child theme by Odonnell Company using the Salient parent theme. Optimized for WCAG, ADA compliance, SEO, and speed.
	* Theme URI: https://odonnellco.com/
	* Author: ThemeNectar/Odonnell Company
	* Author URI: https://odonnellco.com/
	* Template: salient
	* Version: 4.2
*/

@import url('helpers.css');

/* -----------------------------------------------------------
    Variables — Color palette
------------------------------------------------------------ */

:root {
    /* Blue (match to Salient "Extra Color 1") */

    --palette-1: #3675b7;
    --palette-1-lt: #188ed3;
    --palette-1-dk: #0e527a;
    --palette-1-rgb: 20, 117, 173;

    /* Maroon (match to Salient "Extra Color 2") */

    --palette-2: #8d2e5a;
    --palette-2-lt: #b33a72;
    --palette-2-dk: #5a1d39;
    --palette-2-rgb: 141, 46, 90;

    /* Yellow (match to Salient "Extra Color 3") */

    --palette-3: #f0b156;
    --palette-3-lt: #fff5e9;
    --palette-3-dk: #a3783a;
    --palette-3-rgb: 240, 177, 86;
	
    /* Orange */

    --palette-4: #e0633a;
    --palette-4-lt: #feebe5;
    --palette-4-dk: #934126;
    --palette-4-rgb: 224, 99, 58;
	
    /* Green */

    --palette-4: #9ac355;
    --palette-4-lt: #f1f8e8;
    --palette-4-dk: #5d7633;
    --palette-4-rgb: 154, 195, 85;
	
    /* Gray */

    --palette-5: #0e0f0d;
    --palette-5-lt: #3a3a3a;
    --palette-5-dk: #020202;
    --palette-5-rgb: 14, 15, 13;

    /* Gradient, Blues */
    
    --gradient-1: linear-gradient(0deg, var(--palette-1) 0%, var(--palette-1-lt) 65%);

    /* Gradient, Maroons */
    
    --gradient-2: linear-gradient(0deg, var(--palette-3) 0%, var(--palette-2-lt) 65%);

    /* Gradient, Yellows */
    
    --gradient-3: linear-gradient(0deg, var(--palette-3) 0%, var(--palette-3-lt) 65%);
}

/* -----------------------------------------------------------
    Variables — Typography
------------------------------------------------------------ */

:root {
    --font-heading: "Montserrat", Arial, sans-serif; /* Set the font for headings, keeping Arial and sans-serif as fallback options */
    --font-body: "Source Sans 3", Arial, sans-serif; /* Set the font for body copy, keeping Arial and sans-serif as fallback options */
    --font-body-color: #292723; /* Set the salient body font color and this to match */
	--font-code: "Lucida Console", monospace; /* System font, do not change */
}

/* -----------------------------------------------------------
    Site-specific
------------------------------------------------------------ */

/* Page Element - Buttons */

:root {
    --oc-button-padding-v: 1em;
	--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-heading);
    --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;
}


/* Primary Navigation */

#header-outer[data-lhe="default"] #top nav > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

@media (min-width: 1200px) {
	#header-outer[data-lhe="default"] #top nav > ul > li > a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 0%;
        height: 4px;
        background-color: #909090;
        opacity: .5;
        transition: all .2s ease;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
    }
}

#header-outer[data-lhe="default"] #top nav > ul > li > a:hover:after {
    width: 100%;
}

#header-outer[data-lhe="default"] #top nav > ul > li.current_page_item > a:after {
    width: 100%;
    background-color: #58c3bb;
    opacity: 1;
}


/* Footer */

body #footer-outer .row {
    display: flex;
    flex-wrap: wrap;
}

body #footer-outer .row > div {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body #footer-outer .row > div:nth-child(1) {
	width: 100% !important;
}

body #footer-outer .row > div:nth-child(2) {
	width: 50% !important;
}

body #footer-outer .row > div:nth-child(3) {
	width: 50% !important;
}

body #footer-outer .row > div:nth-child(4) {
	width: 100% !important;
}

@media (min-width: 768px) {
	body #footer-outer .row {
		display: flex;
	}
	body #footer-outer .row > div {
		flex: 1;
	}
	body #footer-outer .row > div:first-of-type, body #footer-outer .row > div:last-of-type {
		flex: 2;
	}
}

.material #footer-outer #footer-widgets .col ul.wp-block-social-links li,
body #footer-outer .wp-block-social-links .wp-social-link {
	padding: 0 !important;
}

body #footer-outer .wp-block-social-links .wp-social-link a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
	text-align: center;
    background-color: #222223;
    border-radius: 3px;
	opacity: 1 !important;
}

body #footer-outer .wp-block-social-links .wp-social-link-facebook a:hover {
    background-color: #3b5998 !important;
}
body #footer-outer .wp-block-social-links .wp-social-link-instagram a:hover {
    background-color: #e95950 !important;
}
body #footer-outer .wp-block-social-links .wp-social-link-youtube a:hover {
    background-color: #ff0000 !important;
}

body #footer-outer .wp-block-social-links .wp-social-link a svg {
    fill: #fff;
	margin: 0;
}

body #footer-outer .footer-toolkit {
	padding: 2rem;
}