body {
	--focus-outline: #000;
}
.elementor-12 .elementor-element.elementor-element-5faca61 .elementor-nav-menu--dropdown a:focus {
	/* accessibility fix: match the hover state colors for focus state */
    background-color: var( --e-global-color-bb31adb );
    color: #fff;
}
.elementor-tab-title:focus { 
	border: 1px solid var(--focus-outline) !important;
}
.elementor-icon.elementor-social-icon:focus {
    outline-offset: 4px;
}
.elementor a.elementor-accordion-title {
    text-decoration: none;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E") no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
  filter: invert(1);
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: .5;
  pointer-events: all;
}

#contactform .elementor-field-group:not(.elementor-field-type-select) label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}


body .elementor-search-form,
body .elementor-search-form__container {
    border-radius: 3px;
}
body .elementor-search-form button:focus, 
body .elementor-search-form input[type=search]:focus {
    background: var(--e-global-color-accent);
    color: #fff;
    border-radius: 0;
}

body .elementor-search-form:focus-within button {
    background: #fff;
    color: var(--e-global-color-accent);
}
body .elementor-search-form:focus-within button:focus {
    color: #fff;
    background: var(--e-global-color-accent);
}
body .elementor-search-form:focus-within {
    box-shadow: 0 0 0 1px var(--e-global-color-accent);
}
body .elementor-nav-menu .sub-arrow { /* added extra weight because there's no sensible way to add this styles.css file below the elementor widget styles, which are inside of the body itself and thus has more weight than any <link> css file properly embedded in the head */
	/* just to make the outline shape less strange when focusing on the parent links */
    padding-top: 0;
    padding-bottom: 0;
}
.elementor a  {
	text-decoration: underline;
}
.menu-item a,
.elementor a.elementor-toggle-title,
.elementor a.elementor-button {
	text-decoration: none;
}
.elementor-icon.elementor-social-icon .elementor-screen-only {
	/* this text isn't visible with our default styles - just trying to reduce the number of issues WAVE picks up on */
    color: #000; 
	background-color: #fff;
}
/*#skip_to_main {
	transition: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
    top: 1rem;
    left: 1rem;
	text-decoration: none;
}
.admin-bar #skip_to_main{
    top: 3rem;
}
#skip_to_main:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
  
}*/
#wpadminbar a.screen-reader-shortcut {
	/* this text isn't visible unless focused on, but WAVE picks up on contrast issues even when it is accessibibly hidden so let's just simplify and provide the colors now */
    background: #f0f0f1;
    color: #2271b1;
	text-decoration: none;
}
body .elementor-posts .elementor-post__excerpt p {
	color: #474747;
}
body .elementor-posts .elementor-post__meta-data {
	color: #757575;
}

/* start LAYOUT div-table - see /ada-information/retail-services/#tab9 for an example usage */
div.table {
	display: table;
    background-color: transparent;
    width: 100%;
    margin-bottom: 15px;
    font-size: .9em;
    border-spacing: 0;
    border-collapse: collapse;
}
div.table .caption {
	display: table-caption;
}

div.table .tr {
	display: table-row;
}
div.table .tbody,
div.table .thead {
	display: table-row-group;
}
div.table .td,
div.table .th {
	display: table-cell;
}
div.table .td,
div.table .th,
div.table .caption.as-row {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid #ccc;
}
div.table .caption.as-row {
	border-bottom: none;
}

div.table .th {
    font-weight: 700
}

div.table .tfoot .th,
div.table .thead .th {
    font-size: 1em
}

div.table .caption+.thead .tr:first-child .td,
div.table .caption+.thead .tr:first-child .th,
div.table .colgroup+.thead .tr:first-child .td,
div.table .colgroup+.thead .tr:first-child .th,
div.table .thead:first-child .tr:first-child .td,
div.table .thead:first-child .tr:first-child .th {
    border-top: 1px solid #ccc;
}

div.table:not(.has-caption) .tbody>.tr:nth-child(odd)>.td,
div.table:not(.has-caption) .tbody>.tr:nth-child(odd)>.th,
div.table.has-caption .tbody>.tr:nth-child(even)>.td,
div.table.has-caption .tbody>.tr:nth-child(even)>.th,
div.table.has-caption .caption {
    background-color: #f7f7f7;
}

div.table .tbody .tr:hover>.td,
div.table .tbody .tr:hover>.th,
div.table .caption.as-row:hover {
    background-color: #e9e9e9;
}

div.table .tbody+.tbody {
    border-top: 2px solid #ccc;
}

@media (max-width: 767px) {
    div.table table,
	div.table div.table{
        font-size:.8em
    }

    div.table .table .td,div.table .table .th,
    div.table table td,div.table table th  {
        padding: 7px;
        line-height: 1.3
    }

    div.table .table .th,
    div.table table th {
        font-weight: 400
    }
}


