/*                                                                      */
/* 		                   BUTTONS                       		        */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL mobile.css     */
/* v002 06 Aug 2019 -   Modified to new content element names           */
/* v003 12 Mar 2022 -   Use home instead of welcome for AZ GMP          */
/*                                                                      */
/*                                                                      */


article.home form fieldset {
  border-radius: 2em;
  padding: 6px 6px 4px 20px;
  height: 41px;
}
article.home form label { 
  display: none;
  margin: 10px 0;
}


article.home input#passcode { 
  width: calc(30vw);
  height: 35px;
  border: 0px solid #C9CAC8 /* __ ARP 3 __ Light Grey */;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

article.home input.submit, 
table#feedback input.submit {
  float: right;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 20px;
  text-align: center;
  padding: 6px 30px 5px 30px;
  height: 40px;
  border-radius: 2em;
  border-style: none;
  -webkit-appearance: none;
  color: white;
  background-color: #dd052b /* __ ARP 3 __ Red (Pantone 186c) */;
  border: 2px solid #D0006F /* AZ Magenta */;
}
article.home input.submit:hover,
table#feedback input.submit:hover {
  background-color: white;
  color: #6E267B /* __ ARP 3 __ Purple (Pantone 259c) */;
}


article.home input#passcode:focus {
  outline:none;         /* New black outline in Chrome from May 2020 */
  border-color: #D0006F /* AZ Magenta */;
  background-color: white;
}


::-webkit-input-placeholder {   /* for Chrome/Safari/Opera (Chrome issue #623345) */
  font-size: 18px;
}
::-ms-input-placeholder {       /* for Edge (also supports webkit prefix)   */
  font-size: 18px;
}
::placeholder {                 /* Standard */
  font-size: 18px;
}

/* ******************************** */
/*      ERROR MESSAGE STYLING       */
/* ******************************** */

form.form-error fieldset {
}
article.home form.form-error input#passcode:focus {
}
article.home form.form-error input.submit:hover {
}
article.home form.form-error input.submit {
}

article.home form {
  position: relative;
}

form p.error {
  display: block;
  text-align: center;
  border: 5px solid red;
  background-color: red;
  color: white;
  padding: 10px 20px;
  margin-top: 20px;
  border-radius: 2em;
}