/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
Modifications: Shaylynn Rackers for Catholic Charities of Northeast Kansas
*/

/*
    Add your custom styles here
*/



/* Change the background color of a highlighted text selection */
::selection {
  background-color: #D8F1FD;
  color: #3077B8;
}

/* Basic link style */

a {
    color: #E6AC2C;
}

a:hover {
    color: #0D608C;
}

/* Remove custom link styling from Elementor Button Links */

.elementor-button-text
a {
    text-decoration: none;
}

/* Custom Paragraph link styles, only overridden by more specific selectors within Elementor */

p a {
    outline: none;
    text-decoration: none;
    color: #343139;
    text-decoration: none;
		border-bottom: .06em solid #FABF31;
		box-shadow: inset 0 -0.125em 0 #FABF31;
		transition: box-shadow 270ms cubic-bezier(0.77, 0, 0.175, 1), color 270ms cubic-bezier(0.77, 0, 0.175, 1);
}

p a:hover {
    box-shadow: inset 0 -1.25em 0 #FABF31;
    color: white;
}

p a:active {
    box-shadow: inset 0 -1.25em 0 #3077B8;
    color: white;
    border-bottom: #3077B8;
}

p a:focus {
    box-shadow: inset 0 -1.125em 0 #4890CB;
    color: white;
    border-bottom: #4890CB;
}


/*Remove the extra paragraph spacing which follows the lastchild in every Elementor paragraph*/
.elementor-widget-text-editor p:last-child{ 
	margin-bottom:0px;
}

/* All sections classed ".footer"  footer links remove the text decoration*/
.footer a {
    font-weight: 500;
    text-decoration: none;
}

/* Create gentler FADE IN entrance animations on Elementor. Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}