:root {
  --color-white: #FFFFFFFF;
  --color-grey-90: #E6E6E6FF;
  --color-grey-80: #CCCCCCFF;
  --color-grey-70: #B3B3B3FF;
  --color-grey-60: #999999FF;
  --color-grey-50: #808080FF;
  --color-grey-40: #666666FF;
  --color-grey-30: #4D4D4DFF;
  --color-grey-20: #333333FF;
  --color-grey-10: #1A1A1AFF;
  --color-black: #000000FF;
  --color-background: #F7F3EDFF;
  --color-background-light: #FCFAF8FF;
  --color-background-dark: #F0E6DBFF;
  --color-red: #A32A34FF;
  --color-red-light: #B62F3AFF;
  --color-red-dark: #7A1F27FF;
  --color-green: #009750FF;
  /*--color-green: #537930FF;*/
  --color-green-light: #65923AFF;
  --color-green-dark: #4B6D2CFF;
  --color-blue: #3F5873FF;
  --color-blue-light: #486584FF;
  --color-blue-dark: #364C63FF;
  --color-yellow: #F5C749FF;

  --spacing-xs: 2px;
  --spacing-s:  5px;
  --spacing-m: 10px;
  --spacing-l: 15px;
  --spacing-xl: 30px;
  --spacing-xxl: 45px;
  --spacing-xxxl: 60px;

  --border: 1px solid var(--color-grey-20);
  --border-input: 1px solid var(--color-grey-80);
  --border-focus: 1px solid var(--color-grey-60);

  /*--border-radius-s:  5px;*/
  --border-radius-s:  0px;

  --container-width: 600px;

  --linear-gradient-red: linear-gradient(0, var(--color-red-dark), var(--color-red-light));
  --linear-gradient-green: linear-gradient(0, var(--color-green-dark), var(--color-green-light));
  --linear-gradient-blue: linear-gradient(0 var(--color-blue-dark) var(--color-blue-light));
  --linear-gradient-background: linear-gradient(0 var(--color-background-dark) var(--color-background-light));

  --box-shadow-l: 0 2px 5px 5px rgba(0,0,0,0.05), 0 2px 9px 9px rgba(0,0,0,0.03);
  --box-shadow-input: 0 1px 1px 1px rgba(0,0,0,.1), 0 3px 5px 3px rgba(0,0,0,0.03);
  --box-shadow-focus: 0 1px 1px 1px rgba(0,0,0,.15), 0 3px 5px 3px rgba(0,0,0,0.05);
}

body {
  background: #FFFFFFFF;
  font-family: 'Droid Sans', sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
  margin: 0;
  padding: 0 0 40px;
}

input {
  border: var(--border-input);
  border-radius: var(--border-radius-s);
  box-shadow: var(--box-shadow-input);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
  outline: none;
  padding: var(--spacing-s) var(--spacing-s);
  width: 240px;
}

input:focus {
  border: var(--border-focus);
  box-shadow: var(--box-shadow-focus);
}

a.button, button {
  background-color: var(--color-green);
  border: none;
  border-radius: var(--border-radius-s);
  color: var(--color-white);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
  outline: none;
  padding: var(--spacing-s) var(--spacing-l);
  text-decoration: none;
}

legend {
  display: none;
}

fieldset {
  border: none;
  padding: 0;
}

#civicrm-menu-nav {
  display: none;
}

.standalone-page-padding {
  padding: 0;
}

#crm-main-content-wrapper {
  margin: var(--spacing-l) 0;
}

.crm-not-you-message {
  display: none;
}

h1.crm-page-title {
  display: none;
}

div.crm-section {
  margin: var(--spacing-l) 0;
}

div.crm-section div.label {
  display: inline-block;
  margin-right: 10px;
  text-align: right;
  width: 120px;
}

div.crm-section div.content {
  display: inline-block;
}

div.event_address-section div.label {
  vertical-align: top;
}

label.crm-inline-error, label.error {
  margin-left: var(--spacing-m);
  color: var(--color-red);
  font-size: 0.8em;
}

span.crm-marker {
  color: var(--color-red);
}

.crm-actionlinks-bottom {
  margin-top: var(--spacing-l);
  margin-left: 136px;
}

.crm-submit-buttons {
  margin-left: 136px;
}

.event_map-section {
  margin-top: var(--spacing-l);
  height: 360px;
}

.messages {
  border: 1px solid var(--color-red);
  color: var(--color-red);
  margin-bottom: 20px;
  padding: 5px 20px;
  width: fit-content;
}

.event_thankyou_text-section {
  border: 1px solid var(--color-green);
  color: var(--color-green);
  margin-bottom: 20px;
  padding: 5px 20px;
  width: fit-content;
}

@media (width < 400px) {

  div.crm-section div.label {
    display: block;
    margin-right: 0;
    text-align: left;
    width: initial;
  }

  div.crm-section div.content {
    display: block;
  }

  .crm-actionlinks-bottom {
    margin-left: 0;
    margin-top: var(--spacing-l);
  }

  .crm-submit-buttons {
    margin-left: 0;
  }

}