body .dialog-off-canvas-main-canvas {
  padding:0;
  position:relative;
}

main {
  background:var(--main-light-beige);
  left:0;
  margin:0 auto;
  padding:0;
  position:relative;
  width:100%;
}

.main-content {
  background:#fff;
  border-radius:8px;
  margin:0 auto;
  max-width:800px;
  padding:20px;
  position:relative;
  width:100%;
  z-index:1;
}

.type-media .main-content {max-width:1200px;}

.type-node .main-content {
  background:unset;
  max-width:unset;
  padding:0;
}

.main-content .messages-container {
  margin:0 auto;
  max-width:800px;
  padding:0 20px;
  width:100%;
}

.main-content .messages-container .messages--status {margin:36px 0 24px 8px;}

.main-content form input,
.main-content form select {
  background:#fff;
  border:1px solid var(--main-light-grey);
  border-radius:8px;
  font-size:1rem;
  font-weight:700;
  height:50px;
  line-height:2em;
  padding:8px 16px;
  margin:0 0 5px;
  width:100%;
}

.main-content form input:focus,
.main-content form select:focus {border:1px solid var(--main-orange);}

.main-content form .form-actions input[type="submit"] {
  background-color:var(--main-orange);
  color:#fff;
}

.main-content form .form-actions input[type="submit"]:focus,
.main-content form .form-actions input[type="submit"]:hover {background-color:var(--main-orange-hover);}

.main-content form textarea {
  font-size:1rem;
  padding:10px;
}

.main-content form .form-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  margin:0;
}


@media (min-width:768px) {
  
  .main-content {padding:40px 20px;}
  
}