/***** STATE INTERACTION 5/2020 JA *****/
.statemap {position: relative;}
.statemap #us-map {display: block; position: relative; top: 0; left: 0; width: 100%; height: 100%;}
.statemap path, .statemap circle {fill: #a9b0b7 !important; stroke: #fff !important; line-height: 120%;}
.statemap circle {fill: #fff !important;}
.statemap path.active, .statemap circle.active {stroke: #a9b0b7 !important; stroke-width:2px; stroke-linejoin: round; fill: #1167a6 !important;}
.statemap path.active:hover, .statemap circle.active:hover {stroke: #a9b0b7 !important; stroke-width:2px; stroke-linejoin: round; fill: #f2a200 !important; cursor: pointer;}
#path67 {fill: none !important; stroke: #a9b0b7 !important;}
.statemap #info-box {display: none; position: absolute; top: 0px; left: 0px; z-index: 100; background-color: #fff; border: 2px solid #f2a200; border-radius: 5px; padding: 10px; font-family: arial; font-size: 12px; max-width: 220px; line-height: 140%;}
.statemap #info-box div {margin-bottom: 10px; line-height: 140%;}
.statemap #info-box strong {display: block; font-size: 14px; margin-bottom: 3px;}
.statemap .additional {text-align: center; margin: 20px auto;}
.statemap .additional h3 {display: inline-block; padding: 20px; margin: 0;}
.statemap .additional h3 a {color: #1167a6 !important; text-decoration: underline !important;}
.statemap .additional h3 a:hover, .statemap .additional h3 a:focus {color: #2d3890 !important; text-decoration: none !important;}
.ambassadors {display: none; margin: 15px 15px 15px 15px; padding: 0px 15px 15px 15px;}
.ambassadors h3 {font-size: 32px; color: #1167a6;}
.ambassadors p {font-size: 22px;}
.ambassadors ul {column-count: 4;}
.elementor-editor-active .ambassadors {display: block;}
/**********/


@media (max-width: 62.5em){
  .ambassadors ul {column-count: 3;}
}

@media (max-width: 47.99em){
  .ambassadors ul {column-count: 1;}
}
