@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/*Begin Trial CSS Tweaks*/
.webform-custom{
  padding:0px!important;
}
.webform-custom .webform-submission-drupal-cms-trial-form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    max-width: 900px;
    margin: 0 auto;
}
div[data-drupal-messages] {
    grid-column: 1 / 3;
}
div[data-drupal-messages] li a{
  font-size:14px;
}
div[data-drupal-messages] div[role="alert"]{
  border-radius: 6px;
    padding: 8px;
background: #FFC423;
  color: #091942;
font-family: "Noto sans";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 18px; /* 128.571% */
}
.webform-custom label.js-form-required.form-required {
    font-size: 14px;
    font-weight: bold;
    font-family: "Noto sans";
}
.webform-custom .form-item-drupal-association-opt-in .description, .webform-custom .form-item-privacy-policy-acknowledgement .description{
  display:flex;
  margin-bottom:15px;
}
.webform-custom label.js-form-required.form-required::after, .webform-custom .description::after {
    content: "*";
    color: red;
    font-size: 14px;
    padding-left:4px;
    font-weight:bold;
}
fieldset.address--wrapper .fieldset-wrapper .ajax-progress {
    font-size:16px;
}
div[aria-label*='Status message'] {
 display:none!important; 
}
.webform-custom{
  font-family: "Noto sans"
}
.webform-custom .form-item-work-email{
  grid-column-start:1;
  grid-column-end:3;
  display:grid;
}
.webform-custom .form-item-drupal-association-opt-in, .webform-custom .form-item-privacy-policy-acknowledgement{
  display: grid;
    grid-template-columns: fit-content(25px) 1fr;
    grid-column: 1 / 3;
    grid-gap: 20px;
}
.webform-custom .form-item-drupal-association-opt-in .form-item--error-message, .webform-custom .form-item-privacy-policy-acknowledgement .form-item--error-message{
      grid-row: 2;
    grid-column: 1 / 3;
    margin-top: -30px;
    margin-left: 42px;
}
.webform-custom .form-item-drupal-association-opt-in input, .webform-custom .form-item-privacy-policy-acknowledgement input{
   width:24px; 
}
.webform-custom .form-item-drupal-association-opt-in input[required='required']:focus, .webform-custom ..form-item-privacy-policy-acknowledgement input[required="required"]:focus{
  box-shadow:none;
  outline:none;
  border:0px;
}
.webform-custom .webform-type-address{
  margin-top:0em;
  margin-bottom:0em;
  line-height:22px;
}
.webform-custom select.country{
  border-radius:6px;
  border:1px solid #091942;
  color:#091942;
  font-size:16px;
  padding: 6px 15px;
}
.webform-custom .input-box input{
  border-radius:6px;
  border:1px solid #091942;
  color:#091942;
  font-size:16px;
  padding: 6px 15px;
  font-family: "Noto sans"!important;
}
.webform-custom .input-box:has(.form-item--error-message) input{
  border:1px solid #ce2727;
}
.webform-custom .form-item--error-message{
  color:#ce2727;
  font-size:12px;
  line-height:16px;
  font-family: 'Noto Sans';
}
.webform-custom .country-container{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-gap:25px;
}
.webform-custom .country-container:has([autocomplete="address-level1"]){
  grid-template-columns: 1fr;
    grid-gap: 25px;
}
.webform-custom .country-container:has([autocomplete="address-level1"]) .fieldset-wrapper{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-gap: 25px;
}
.webform-custom .country-container .form-text, .webform-custom .country-container .form-select{
  border-radius:6px;
  border:1px solid #091942;
  color:#091942;
  font-size:16px;
  padding: 6px 15px;
}
.webform-custom .country-container label{
    font-size:14px;
}
.webform-custom .input-box label{
  font-size:14px;
  font-family:"Noto sans"!important;
}
.webform-custom .input-box input:focus{
    border:2px solid #006AA9;
  box-shadow:none;
  outline:none;
}
.webform-custom .input-box:focus-within{
  color:#006AA9;
}
.webform-custom:has(.webform-confirmation__message) .webform-submissions-drupal-cms-trial-form {
    display: grid;
    grid-template-columns: 1fr;
}

.webform-custom .webform-submission-drupal-cms-trial-form:has(.webform-confirmation) {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
    max-width: 900px;
    margin: 0 auto;
}

.webform-custom .webform-confirmation {
    font-size: 26px;
    /* text-align: center; */
}
.webform-custom .webform-confirmation h2{
    margin-bottom:15px;
}

.webform-confirmation__back {
    display: none;
}
.webform-custom .webform-confirmation a{
      border-radius: 6px !important;
    background: #091942 !important;
    color: #fff !important;
  border:0px!important;
  text-transform: capitalize!important;
  font-size:16px!important;
  font-weight: bold!important;
  padding: 13px 17px!important;
}
[value="Submit"]:focus{
  outline:2px solid #0975E1; 
  outline-offset:1px;
}
[value="Submit"]{
 grid-column:3 / span 1;
      border-radius: 6px !important;
    background: #091942 !important;
    color: #fff !important;
  border:0px!important;
  text-transform: capitalize!important;
  font-size:16px!important;
}
/*End Trial CSS Tweaks */





@media (max-width: 1024px){
}
@media (max-width: 896px){
  
}
@media (max-width: 650px){
  .webform-custom .webform-submission-drupal-cms-trial-form{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap:15px;
    max-width: 900px;
    margin: 0 auto;
}
 div[data-drupal-messages] {
    grid-column: 1 / 1;
}
.webform-custom .form-item-work-email{
  grid-column-start:1;
  grid-column-end:1;
  display:grid;
}
.webform-custom .form-item-drupal-association-opt-in, .webform-custom .form-item-privacy-policy-acknowledgement{
        display: grid;
        grid-template-columns: 1fr 17fr;
        grid-column: 1 / 1;
        grid-gap: 20px;
}
.webform-custom .form-item-drupal-association-opt-in .form-item--error-message, .webform-custom .form-item-privacy-policy-acknowledgement .form-item--error-message{
      grid-row: 2;
    grid-column: 1 / 3;
    margin-top: -30px;
    margin-left: 42px;
}
  .webform-custom .country-container{
  display: grid;
  grid-template-columns: 1fr;
  grid-column-start: 1;
  grid-column-end: 1;
  grid-gap:15px;
}
  [value="Submit"]{
 grid-column:1 / span 1;
      border-radius: 6px !important;
    background: #091942 !important;
    color: #fff !important;
  border:0px!important;
  text-transform: capitalize!important;
  font-size:16px!important;
    width:100%!important;
}
  .webform-custom .country-container:has([autocomplete="address-level1"]) .fieldset-wrapper{
  display:grid;
  grid-template-columns:1fr;
  grid-gap: 15px;
}
}