/* CSS Document */
/* BASIC RESTYLING */
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
body, input, textarea, select {
  font-family: Raleway, Open Sans, sans-serif;
  font-weight: 450; }

input, textarea, select {
  font-weight: 500; }

textarea {
  line-height: 1.35; }

h1, h2, h3, button {
  font-family: Helvetica, Arial, "sans-serif";
  font-weight: bold;
  letter-spacing: -0.035em;
  line-height: 1.1 !important; }

.as_context a {
  color: inherit; }

.e_msg {
  padding-bottom: 1.5em; }

textarea {
  max-height: 40vh !important;
  overflow: scroll !important;
  padding-bottom: 0 !important;
  font-size: 17px; }
  @media (max-width: 750px) {
    textarea {
      max-height: 35.5vh !important; } }

.as_gateway {
  min-height: 100vh !important;
  overflow: auto !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  overflow: auto !important; }

.as_body {
  width: 85%;
  flex-grow: 1;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
  max-width: 1350px;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
  box-sizing: border-box; }
  @media (max-width: 1200px) {
    .as_body {
      width: 95%; } }
  @media (max-width: 750px) {
    .as_body {
      display: block !important;
      width: 100%;
      padding-top: 0 !important; } }

.as_body .as_content #elink0 {
  width: 100%;
  display: block; }
.as_body .as_content .as_button {
  background: #ffbd59;
  color: #171717;
  width: 100% !important;
  border-radius: 0.5em;
  font-size: 165%; }
  @media (max-width: 750px) {
    .as_body .as_content .as_button {
      font-size: 145% !important; } }
  .as_body .as_content .as_button::before {
    display: none; }
  .as_body .as_content .as_button:hover {
    background: #ffc773; }
  .as_body .as_content .as_button.copy {
    border: 2px solid rgba(255, 189, 89, 0.7);
    color: #ffbd59;
    background: transparent; }
    .as_body .as_content .as_button.copy:hover {
      color: #ffbd59;
      border-color: #ffbd59; }

.as_gateway .as_body {
  background: #FFFFFF;
  color: #171717;
  min-height: 0;
  padding-top: 1em;
  padding-bottom: 0em; }
  .as_gateway .as_body p {
    font-size: 18px; }
  .as_gateway .as_body .as_context {
    width: 42%;
    min-width: 200px;
    background: white !important;
    padding-bottom: 6em;
    background: #ffbd59;
    color: #171717; }
    @media (max-width: 750px) {
      .as_gateway .as_body .as_context {
        width: 100%;
        padding-bottom: 0; } }
    .as_gateway .as_body .as_context .as_icon {
      background: #171717;
      color: #171717;
      display: none !important; }
    .as_gateway .as_body .as_context p {
      max-width: 19em; }
      @media (max-width: 750px) {
        .as_gateway .as_body .as_context p {
          max-width: none; } }
    .as_gateway .as_body .as_context h1 {
      max-width: 9em;
      padding-top: 0.9em;
      margin-top: 1em;
      position: relative; }
      @media (max-width: 750px) {
        .as_gateway .as_body .as_context h1 {
          max-width: none;
          text-align: left;
          font-size: 48px;
          margin-top: 0; } }
      .as_gateway .as_body .as_context h1::before, .as_gateway .as_body .as_context h1::after {
        font-size: 33%;
        position: absolute;
        display: block; }
      .as_gateway .as_body .as_context h1::before {
        content: "Tell your MP";
        text-transform: uppercase;
        white-space: nowrap;
        background: #ffbd59;
        padding: 0.4em 0.5em;
        left: 0;
        line-height: 1;
        top: 0em;
        letter-spacing: -0.025em; }
      .as_gateway .as_body .as_context h1::after {
        content: '';
        width: 0.5em;
        height: 0.5em;
        border: 0.5em solid #ffbd59;
        border-left-color: transparent;
        border-bottom-color: transparent;
        box-sizing: border-box;
        top: 1.6em;
        left: 6.6em; }
  .as_gateway .as_body .as_content {
    width: 48%;
    justify-content: flex-start; }
    @media (max-width: 750px) {
      .as_gateway .as_body .as_content {
        width: 100%; } }
    .as_gateway .as_body .as_content p.as_label {
      color: #737373;
      font-style: normal;
      font-size: 95%;
      max-width: 625px;
      margin-left: auto;
      margin-right: auto; }
    .as_gateway .as_body .as_content .as_block {
      max-width: 625px;
      width: auto;
      border-radius: 1em;
      margin-bottom: 2em; }
      .as_gateway .as_body .as_content .as_block .as_field .as_label {
        color: #737373;
        font-weight: 700; }
      .as_gateway .as_body .as_content .as_block i {
        color: #ffbd59; }
      .as_gateway .as_body .as_content .as_block input, .as_gateway .as_body .as_content .as_block textarea {
        color: #171717; }
      .as_gateway .as_body .as_content .as_block input {
        padding-right: 0; }
      .as_gateway .as_body .as_content .as_block .copy_hover:after {
        color: rgba(255, 189, 89, 0);
        background: rgba(255, 189, 89, 0); }
      .as_gateway .as_body .as_content .as_block .copy_hover.hovering:after {
        background: rgba(255, 189, 89, 0.75);
        text-shadow: 0 0 5px rgba(255, 189, 89, 0.5); }
    .as_gateway .as_body .as_content .as_content_block {
      width: 100%; }
    .as_gateway .as_body .as_content .email .as_block, .as_gateway .as_body .as_content .email .as_button_block, .as_gateway .as_body .as_content .custom .as_block, .as_gateway .as_body .as_content .custom .as_button_block {
      width: auto;
      max-width: none; }
    .as_gateway .as_body .as_content .econtext {
      font-weight: 600;
      font-size: 90%;
      text-align: center;
      max-width: 500px;
      margin: 2em auto 1.5em auto;
      color: #737373;
      line-height: 1.4; }
  .as_gateway .as_body .as_logo {
    display: none; }

/* ELEC LOOKUP */
.elecSelectCnt {
  background: #ffbd59;
  width: auto;
  padding: 2.9em 2.9em 2.5em 2.9em;
  border-radius: 2.5em;
  max-width: 390px;
  /* or your preferred width */ }
  @media (max-width: 750px) {
    .elecSelectCnt {
      padding: 1.9em 1.9em 1.9em 1.9em;
      border-radius: 1.5em; } }
  .elecSelectCnt h2.electitle1 {
    font-size: 230%;
    margin-top: 0;
    margin-bottom: 0.5em;
    -webkit-transition: font-size 0.2s ease-out;
    -moz-transition: font-size 0.2s ease-out;
    -o-transition: font-size 0.2s ease-out;
    transition: font-size 0.2s ease-out; }
    @media (max-width: 750px) {
      .elecSelectCnt h2.electitle1 {
        font-size: 200%; } }
    .elecSelectCnt h2.electitle1::before {
      content: "Step 1";
      text-transform: uppercase;
      font-size: 48%;
      display: block;
      margin-bottom: 0.5em;
      letter-spacing: -0.015em; }
  .elecSelectCnt p.elecsearchinfo {
    font-weight: 500;
    font-size: 95%;
    padding-left: 1.3em;
    background-size: 0.8em auto;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 224 344'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23171717; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M112,25.962c-57.127,0-103.439,46.311-103.439,103.439s91.826,189.637,103.439,189.637,103.439-132.51,103.439-189.637S169.127,25.962,112,25.962ZM112,179.352c-27.588,0-49.952-22.364-49.952-49.952s22.364-49.952,49.952-49.952,49.952,22.364,49.952,49.952-22.364,49.952-49.952,49.952Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 0.1em;
    margin: 1.7em 0 0 0; }

/* ELEC SELECT STAGES */
.elecSelectCnt {
  display: none; }

.as_content:not(.elec-select) {
  padding-top: 2em; }

.as_content.elec-select .elecSelectCnt {
  display: block; }
.as_content.elec-select .as_content_block {
  display: none !important; }

.as_context_block.elec-select .elecChangeCnt {
  display: none;
  opacity: 0;
  pointer-events: none; }
  @media (max-width: 750px) {
    .as_context_block.elec-select .elecChangeCnt {
      display: none; } }

.elecChangeCnt .chosenElec {
  font-size: 85%;
  padding-left: 1.0em;
  background-size: 0.7em auto;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 224 344'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %237d7d7d; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M112,25.962c-57.127,0-103.439,46.311-103.439,103.439s91.826,189.637,103.439,189.637,103.439-132.51,103.439-189.637S169.127,25.962,112,25.962ZM112,179.352c-27.588,0-49.952-22.364-49.952-49.952s22.364-49.952,49.952-49.952,49.952,22.364,49.952,49.952-22.364,49.952-49.952,49.952Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  text-transform: uppercase;
  font-weight: 600;
  color: #7d7d7d;
  display: block;
  margin: 3em 0 0.8em 0;
  letter-spacing: -0.015em; }
.elecChangeCnt button {
  font-size: 90%;
  padding: 0.75em 1.3em;
  border-radius: 0.5em;
  background: transparent;
  border: 1px solid #242424;
  cursor: pointer;
  color: inherit; }
  .elecChangeCnt button:hover {
    outline: 1px solid #171717; }

.elecfound h2.electitle2 {
  font-size: 0;
  margin-top: 0.75em;
  max-width: 11em;
  opacity: 0;
  -webkit-transition: font-size 0.2s ease-out, opacity 0.4s;
  -moz-transition: font-size 0.2s ease-out, opacity 0.4s;
  -o-transition: font-size 0.2s ease-out, opacity 0.4s;
  transition: font-size 0.2s ease-out, opacity 0.4s; }
.elecfound button {
  display: none !important; }

.elecsearchinfo {
  display: block; }
  .elecsearchinfo a {
    color: inherit; }

.elecSelectCnt.found .elecfound h2.electitle2 {
  font-size: 220%;
  opacity: 1; }
  @media (max-width: 750px) {
    .elecSelectCnt.found .elecfound h2.electitle2 {
      font-size: 200%; } }
.elecSelectCnt.found .elecfound button {
  display: block !important;
  font-size: 150%;
  padding: 0.75em 1.4em;
  border-radius: 0.35em;
  background: transparent;
  border: 1.5px solid #171717;
  cursor: pointer;
  background: transarent;
  display: inline-block;
  margin: 0;
  width: auto !important; }
  .elecSelectCnt.found .elecfound button:hover {
    background: transparent;
    outline: 1px solid #171717; }
  .elecSelectCnt.found .elecfound button::before {
    display: none; }
.elecSelectCnt.found .elecsearchinfo {
  display: none; }
.elecSelectCnt.found h2.electitle1 {
  font-size: 130%; }
  .elecSelectCnt.found h2.electitle1::before {
    display: none; }

.custom-combobox {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle; }

.custom-combobox-input {
  margin: 0;
  width: 100% !important;
  box-sizing: border-box;
  vertical-align: middle;
  height: 34px;
  /* Standard select height */
  font-size: 1em;
  outline: none !important;
  cursor: default;
  font-family: Raleway, Open Sans, sans-serif !important;
  font-weight: 500 !important;
  height: auto !important;
  padding-right: 2.5em !important;
  border: none !important; }
  .custom-combobox-input:active, .custom-combobox-input:focus {
    cursor: text; }

.custom-combobox-toggle {
  position: absolute !important;
  right: 0;
  top: 0;
  height: 100% !important;
  width: 2em;
  border-radius: 0 4px 4px 0 !important;
  border-left: none;
  z-index: 2;
  border: none !important;
  border-left: 1px solid #DDD !important;
  background: #f7f7f7;
  box-shadow: none;
  margin-right: 0 !important; }

.ui-autocomplete {
  max-height: 11.65em;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10000;
  font-size: 130% !important; }

.custom-combobox .ui-autocomplete-input {
  border-radius: 4px !important;
  font-family: Raleway, Open Sans, sans-serif !important;
  font-weight: 500 !important;
  padding: 0.6em 0 0.6em 0.7em;
  color: #171717;
  font-size: 130%; }

.ui-button-icon-only {
  width: 3em !important; }
  .ui-button-icon-only:active {
    background: #DDD !important;
    border-color: #CCC !important; }

.ui-icon-triangle-1-s {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 580.5 310'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23171717; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='st0' points='579.6 10.6 289.8 300.4 0 10.6 579.6 10.6'/%3E%3C/svg%3E") !important;
  background-position: center center !important;
  background-size: 100% auto !important;
  top: 55% !important; }

.ui-menu-item-wrapper.ui-state-active {
  background: #171717 !important;
  border-color: transparent !important;
  font-weight: 500 !important; }

/* ---- */
#jq-modal-overlay {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto; }

#jq-modal-window {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 8px 48px 0 rgba(0, 0, 0, 0.25), 0 1.5px 10px 0 rgba(0, 0, 0, 0.09);
  min-width: 320px;
  max-width: 96vw;
  padding: 2.2em 2em 2em 2em;
  position: relative;
  max-height: 90vh;
  overflow-y: auto;
  outline: none; }

.jq-modal-close {
  position: absolute;
  top: 0.6em;
  right: 0.8em;
  z-index: 10;
  background: none;
  border: none;
  font-size: 2.1em;
  color: #444;
  font-weight: 700;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  transition: color 0.2s; }

.jq-modal-close:hover {
  color: #d33; }

.ui-menu .ui-menu-item {
  cursor: default !important;
  font-family: Raleway, Open Sans, sans-serif !important;
  font-weight: 500 !important; }

/* UI elements */
.as_button {
  background: #2998CC;
  color: white;
  text-align: center;
  font-weight: bold;
  border: none;
  padding: .75em 1.5em;
  line-height: 1;
  font-size: 24px;
  letter-spacing: -0.03em;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  position: relative; }
  .as_button:hover {
    background: #32a6dd; }
  .as_button:before {
    content: ' ';
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.1); }
  .as_button.go i, .as_button.copy i {
    display: inline-block;
    font-size: 75%;
    margin-left: 0.7em; }
  .as_button.copy i {
    font-size: 85%;
    margin-left: 0;
    margin-right: 0.7em;
    opacity: 0.9; }
  .as_button.copy {
    background: transparent;
    border: 2px solid rgba(41, 152, 204, 0.7);
    color: #2998CC;
    box-sizing: border-box; }
    .as_button.copy:hover {
      color: #2998CC;
      border-color: #2998CC; }
    .as_button.copy:after {
      display: none; }
  .as_button.disabled {
    pointer-events: none;
    background: #cccccc;
    color: #808080; }
    .as_button.disabled:before {
      display: none; }

/* Footer SVG effect */
.as_gateway_footer {
  position: relative;
  margin-top: 1.5em;
  flex-shrink: 1;
  background: #171717;
  color: white;
  padding: 1.75em 3em 2.5em 3em;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 85%; }
  .as_gateway_footer .footerlogo {
    display: inline-block; }
    .as_gateway_footer .footerlogo img {
      width: 160px;
      height: auto; }
  .as_gateway_footer .footerlinks {
    color: #ababab; }
    .as_gateway_footer .footerlinks a {
      color: inherit;
      margin-left: 3em; }
  @media (max-width: 750px) {
    .as_gateway_footer {
      display: block;
      text-align: center;
      line-height: 1.4; }
      .as_gateway_footer .footerlogo {
        display: block;
        margin: 0 auto 1em auto; }
      .as_gateway_footer .footerlinks a {
        display: block;
        margin: 1em auto; } }
  .as_gateway_footer:before {
    content: '';
    display: block;
    position: absolute;
    background-size: 101% auto;
    width: 100vw;
    height: 3vw;
    background-position: left bottom;
    transform: translateY(-100%);
    left: 0;
    top: 2px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-image: url("/custom-data/stopcruelimports/div.svg"); }