/*
Theme Name:         United Community Action Network
Theme URI:          https://ucancap.org/
Description:        United Community Action Network's website designed and maintained by Clark Five Design
Version:            1.0.0
Author:             Clark Five Design
Author URI:         https://clarkfivedesign.com
Template:     		c5v-joints
*/


/* ----------------------------------------------------------------------------
	Headers & Heros 
---------------------------------------------------------------------------- */
.hero-tagline-ctas .hero-tagline-text a,
.hero-tagline-ctas .hero-tagline-text a:hover { color: #fff; font-weight: 700; }

.hero-standard-image .hero-tagline-text a,
.hero-standard-image .hero-tagline-text a:hover { color: #fff; font-weight: 700; }

.hero-tagline-text a, { color: #fff; font-weight: 700; }
.hero-tagline-text a:hover { color: #fff; font-weight: 700; }

/* ----------------------------------------------------------------------------
	Alignment
---------------------------------------------------------------------------- */

/* Left-aligned images */
.alignleft {
	float: left;
	margin-right: 1em; /* Add spacing to the right of the image */
	margin-bottom: 1em; /* Optional: Add spacing below the image */
}

/* Right-aligned images */
.alignright {
	float: right;
	margin-left: 1em; /* Add spacing to the left of the image */
	margin-bottom: 1em; /* Optional: Add spacing below the image */
}

/* Center-aligned images */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em; /* Optional: Add spacing below the image */
}

/* Justify-aligned images (text wraps around on both sides) */
.alignjustify {
	display: inline-block;
	margin: 0 auto;
	margin-bottom: 1em; /* Optional: Add spacing below the image */
	text-align: justify; /* This applies only to accompanying text */
}


/* ----------------------------------------------------------------------------
	Links, Buttons, Action States
---------------------------------------------------------------------------- */
/* Links on text elements */
.elementor-text-editor a { color: #14A6F0; }
.elementor-text-editor a:hover { color: #F02B3F; }

.elementor-icon-box-description a { color: #14A6F0; }
.elementor-icon-box-description a:hover { color: #F02B3F; }

#footer-description .elementor-text-editor a { color: #fff; }
#footer-description .elementor-text-editor a:hover { color: #fff; }

.pdf-download .elementor-button { text-align: left; }

/* Careers Table */

tbody .career-title a .uael-table__text-inner,
tbody .application-link a .uael-table__text-inner { font-weight: 600 !important; } 


/* ----------------------------------------------------------------------------
	Forms
---------------------------------------------------------------------------- */
.gform_footer .button { 
	background-color: #51B8D9; 
	border-radius: 3px; 
	color: #fff;
	font-family: "Arial", sans-serif; 
	font-size: 16px;
	font-weight: 600;
	padding-left: 30px;
	padding-right: 30px; 
	text-transform: uppercase; }
.gform_footer .button:hover { background-color: #F1945D; }

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper select { padding: 5px 15px !important; }
.gform_wrapper textarea { padding: 15px !important; }

.gform_wrapper.gravity-theme .gfield_label { font-family: "Arial",sans-serif; }
.homepage-contact .gfield_label { color: #fff; font-family: "Arial", sans-serif; }
.homepage-contact .gform_footer .button { background: #795796; }


/* Navigation Elementor Search */
.elementor-element input[type="search"].elementor-search-form__input { height: 50px; }





@media (max-width: 1028px) { 

/* Change to styles on mobile submenu */
.elementor-nav-menu li ul.sub-menu.elementor-nav-menu--dropdown { background: #fff !important; }
.elementor-nav-menu li ul.sub-menu.elementor-nav-menu--dropdown li:not(:last-child) { border-color: rgba(88,89,91,.05) !important; }
.elementor-nav-menu li ul.sub-menu.elementor-nav-menu--dropdown a { color: #14455D !important; }
.elementor-nav-menu li ul.sub-menu.elementor-nav-menu--dropdown a:hover { background: rgba(255,73,92,0.10) !important; color: #14455D !important; }
.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item { font-size: 16px !important; }

}