/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */


.No {
	display: none;
}

a:has(img) {
  display: block;   /* ensures it can take full width */
  width: 100%;
}


.attorney-profile a.elementor-button.elementor-size-sm {
    width: 100%;
}

.nf-form-fields-required {
    display: none;
}

.nf-field-element {
    border: 1px solid #325dad !important;
    background: #ffffff !important;
    color: #000000 !important;
}

input#nf-field-4 {
    width: 100% !important;
    background: #325dad !important;
}

input#nf-field-4:hover {
    width: 100% !important;
    background-color: #223e71 !important;
}

input#nf-field-4_1 {
    color: #ffffff;
    background-color: #315cad;
    width: 100% !important;
}

input#nf-field-4_1:hover {
    color: #ffffff;
    background-color: #223e71;
    width: 100% !important;
}



input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=tel], input[type=number], textarea, select {
    padding: 5px 15px !important;
	border: 50px !important;
}

textarea {
	border: 20px !important;
}

ninja_forms_required_items, .nf-field-container {
    margin-bottom: 15px !important;
}
/* Gravity Forms Styling
 * */

.gform_wrapper [type=button], .gform_wrapper [type=submit], .gform_wrapper button {
	font-size: var(--e-global-typography-text-font-size );
    line-height: var(--e-global-typography-text-line-height );
    letter-spacing: var(--e-global-typography-text-letter-spacing );
    word-spacing: var(--e-global-typography-text-word-spacing );
	font-family: var(--e-global-typography-text-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight );
    font-style: var(--e-global-typography-text-font-style );
    text-decoration: var(--e-global-typography-text-text-decoration );
    fill: var(--e-global-color-secondary ) !important;
    color: var(--e-global-color-secondary ) !important;
	background-color: var(--e-global-color-accent ) !important;
	padding: 10px 20px;
	border: 0;
    border-radius: 50px !important;
	width: 100% !important;
}

.gform_wrapper [type=button]:hover, .gform_wrapper [type=submit]:hover, .gform_wrapper button:hover, .gform_wrapper [type=button]:focus, .gform_wrapper [type=submit]:focus, .gform_wrapper button:focus {
	background-color: #223e71 !important;
	border: 0;
    border-radius: 50px;
	outline: 0;
	width: 100% !important;
}
.gform_wrapper legend, .gform_wrapper label.gfield_label.gform-field-label{
	color: var(--e-global-color-primary) !important;
	margin-bottom:0px !important;
}

.gform_wrapper input[type=date], .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=search], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper select, .gform_wrapper textarea {
    border: 1px solid #325dad !important;
    background: #ffffff !important;
    color: #54595F !important;
	font-size: var(--e-global-typography-text-font-size );
    line-height: var(--e-global-typography-text-line-height );
    letter-spacing: var(--e-global-typography-text-letter-spacing );
    word-spacing: var(--e-global-typography-text-word-spacing );
	font-family: var(--e-global-typography-text-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight );
    font-style: var(--e-global-typography-text-font-style );
    text-decoration: var(--e-global-typography-text-text-decoration );
	border-radius: 50px !important;
}

.gform_wrapper textarea {
		border-radius: 20px !important;
}

.gform-theme--foundation .gform_fields {
	grid-gap:20px !important;
}

.gform-theme--framework .gform_validation_errors, .gfield_validation_message {
	background: #ffffff !important;
	padding: 3px !important;
    border: 2px solid #c02b0b !important;
}

.charleft.ginput_counter.gfield_description {
    background: #ffffff !important;
    padding: 2px !important;
}

/* Custom list-arrow style
   Added: 2025-06-23
   Replaces default bullets with custom arrow image */

.list-arrow ul {
  	list-style: none; /* remove default bullets */
  	padding-left: 25px;
  	margin-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.list-arrow ul li {
  position: relative;
  padding-left: 25px; /* space reserved for custom arrow image */
  margin-bottom: 8px;
}

.list-arrow ul li::before {
  content: "";
  position: absolute; /* allow custom image positioning */
  left: 0;
  top: 0.3em;
  width: 15px;
  height: 15px;
  background-image: url('https://artemisfamilylaw.com/wp-content/uploads/2025/10/artemis-arrowhead.svg');
  background-size: contain; /* scale image proportionally */
  background-repeat: no-repeat;
}

.post {
    margin-bottom: 0 !important; /* removes spacing at the end of a post loop */
}


.elementor-widget-table-of-contents .elementor-widget-container {
    display: flex !important;
    flex-direction: row !important;
    align-content: center !important;
}


.elementor-toc__header {
    width: 300px;
}

.toc .elementor-toc__list-wrapper a::before {
    content: "";
    display: inline-block;
    width: 12px; /* adjust size as needed */
    height: 12px;
    margin-right: 8px; /* spacing before the text */
    background-image: url("https://artemisfamilylaw.com/wp-content/uploads/2025/10/artemis-arrowhead.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    filter: invert(30%) sepia(87%) saturate(622%) hue-rotate(193deg) brightness(91%) contrast(88%);
}

ul.elementor-toc__list-wrapper {
    margin: 0 !important;
}

@media screen and (max-width: 767px) {
	.elementor-widget-table-of-contents .elementor-widget-container {
		display: flex !important;
		flex-direction: column !important;
		align-content: center !important;
	}
	
	.elementor-toc__header {
		width: 100%;
	}

}

.mws-featured .elementor-element {
    background-color: #ebf5fa !important;
}