/**
 * Style webforms.
 */
.webform-submission-form {
  max-width: 60rem;
  margin: 0 auto 2rem;
  padding: 2rem;
  background-color: #fff;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;

  -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.04);
  -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.04);
}
.webform-submission-form #edit-error-message {
  color: red;
}

/**
 * Hero
 */
body.path-webform #hero_bg_wrapper {
  background-image: url("../asset/home-parallax.jpg");
  background-attachment: fixed;
  background-size: cover;
}
body.path-webform #hero_bg_wrapper h1.title {
  margin: 2rem 1rem 6rem;
  text-align: center;
  font-weight: bold;
}

/**
 * Embedded webforms.
 *
 * Webform_share
 */
body.webform-share-page-body .webform-submission-form fieldset {
  border: 0 none;
  padding: 0.7rem 0;
}
body.webform-share-page-body .webform-submission-form label {
  display: block;
}
body.webform-share-page-body .webform-submission-form .form-control {
  
}
body.webform-share-page-body .webform-submission-form .form-control.button {
  width: fit-content;
}
body.webform-share-page-body .webform-submission-form {
  max-width: 60rem;
  margin: 0 auto 2rem;
  padding: 2rem;
  background-color: transparent;
  border-radius: 0;
  box-shadow: 0 0 0 0 transparent;
}
body.webform-share-page-body .alert-wrapper {
  position: static;
  background-color: #353641; 
  color: #fff;
}
body.webform-share-page-body .alert-wrapper .alert {
  padding: 2rem;
}
body.webform-share-page-body .alert-wrapper .alert svg,
body.webform-share-page-body .alert-wrapper .alert .btn-close {
  display: none;
}
body.webform-share-page-body .alert-danger {
  border-right: 5px solid red;
}
body.webform-share-page-body .alert > div > hr {
  display: block !important;
}



/**
 * Special style for arjang FALL1404 webform embedded in https://arjang.ac.ir/s/fall1404
 */
@font-face {
  font-family: mo-rg;
  src: url('https://arjang.ac.ir/s/fall1404/assets/fonts/Modam-Regular.ttf');
}
@font-face {
  font-family: mo-md;
  src: url('https://arjang.ac.ir/s/fall1404/assets/fonts/Modam-Medium.ttf');
}
@font-face {
  font-family: mo-bd;
  src: url('https://arjang.ac.ir/s/fall1404/assets/fonts/Modam-Bold.ttf');
}
@font-face {
  font-family: mo-ebd;
  src: url('https://arjang.ac.ir/s/fall1404/assets/fonts/Modam-ExtraBold.ttf');
}

.webform-submission-arjang-fall1404-form * {
  font-family: mo-rg;
}
.webform-submission-arjang-fall1404-form h2 {
  font-family: mo-md;
}
.webform-submission-arjang-fall1404-form input,
.webform-submission-arjang-fall1404-form textarea {
  padding: 12px;
  font-size: 15px;
}
.webform-submission-arjang-fall1404-form .form-actions input.button {
  padding: 1.5rem 5rem;
  background-color: #f4a261;
  color: #000000;
  border: 0 none;
  margin: 10px 13px 0 0;
}
@media (max-width: 700px) {
  .webform-submission-arjang-fall1404-form input,
  .webform-submission-arjang-fall1404-form textarea {
    max-width: 500px;
  }
}
@media (max-width: 600px) {
  .webform-submission-arjang-fall1404-form input,
  .webform-submission-arjang-fall1404-form textarea {
    max-width: 400px;
  }
}
@media (max-width: 500px) {
  .webform-submission-arjang-fall1404-form input,
  .webform-submission-arjang-fall1404-form textarea {
    max-width: 300px;
  }
}
@media (max-width: 400px) {
  .webform-submission-arjang-fall1404-form input,
  .webform-submission-arjang-fall1404-form textarea {
    max-width: 200px;
  }
}