@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
@font-face {
  font-family: "Congress";
  src: url("../fonts/congress.woff2") format("woff2"), url("../fonts/congress.woff") format("woff");
}
@font-face {
  font-family: "Impact";
  src: url("../fonts/impact.woff2") format("woff2"), url("../fonts/impact.woff") format("woff");
}
@font-face {
  font-family: "Xtra Round";
  src: url("../fonts/xtra-round.woff2") format("woff2"), url("../fonts/xtra-round.woff") format("woff");
}
@font-face {
  font-family: "Britannic";
  src: url("../fonts/britannic.woff2") format("woff2"), url("../fonts/britannic.woff") format("woff");
}
@font-face {
  font-family: "URW Impact";
  src: url("../fonts/urw-impact.woff2") format("woff2"), url("../fonts/urw-impact.woff") format("woff");
}
@font-face {
  font-family: "Univers Extended";
  src: url("../fonts/univers-extended.woff2") format("woff2"), url("../fonts/univers-extended.woff") format("woff");
}
* {
  font-family: "Congress", sans-serif;
}

[class*=col-] {
  padding: 0;
}

#ef-generator {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ef-generator .container-fluid {
  width: 95%;
  padding: 0;
}
#ef-generator .ef-form {
  width: 100%;
  padding: 0 2rem;
}
#ef-generator .ef-form fieldset .bootstrap-select {
  width: 32.6%;
}
#ef-generator .ef-form fieldset .bootstrap-select .dropdown-toggle {
  background-color: #323232;
  color: #ffffff;
}
#ef-generator .ef-form fieldset .bootstrap-select .dropdown-item.active,
#ef-generator .ef-form fieldset .bootstrap-select .dropdown-item:focus {
  background-color: #323232;
}
#ef-generator .ef-form fieldset .bootstrap-select .dropdown-item:active {
  background-color: #fc4e4e;
}
#ef-generator .ef-form fieldset input[type=text] {
  border: 0;
  border-bottom: 3px solid #323232;
  margin-bottom: 1rem;
  padding: 1.4rem 1rem;
  transition: all 0.3s ease-in-out;
}
#ef-generator .ef-form fieldset input[type=text]:focus {
  box-shadow: none;
}
#ef-generator .ef-form fieldset input[type=text]:hover, #ef-generator .ef-form fieldset input[type=text]:focus {
  border-bottom: 3px solid #fc4e4e;
}
#ef-generator .ef-form fieldset #ef-logo-input {
  margin-top: 1rem;
}
#ef-generator .ef-form fieldset#ef-date, #ef-generator .ef-form fieldset#ef-content {
  margin-top: 3rem;
}
#ef-generator .ef-form fieldset#ef-content legend {
  width: auto;
}
#ef-generator .ef-form fieldset#ef-upload-banners {
  margin-bottom: 1rem;
}
#ef-generator .ef-form fieldset#ef-upload-banners legend span {
  font-size: 0.9rem;
  color: #fc4e4e;
  font-weight: 600;
}
#ef-generator .ef-form fieldset#ef-upload-banners .ef-file-button {
  overflow: hidden;
  position: relative;
  width: 49.5%;
  color: #ffffff;
  background-color: #323232;
}
#ef-generator .ef-form fieldset#ef-upload-banners .ef-file-button input {
  top: 0px;
  left: 0px;
  opacity: 0;
  font-size: 100px;
  position: absolute;
  cursor: pointer;
}
#ef-generator .ef-form .ef-button .ef-download,
#ef-generator .ef-form .ef-button .ef-generate {
  transition: filter 0.3s ease-in-out;
}
#ef-generator .ef-form .ef-button .ef-download {
  color: #ffffff;
  background-color: #fc4e4e;
}
#ef-generator .ef-form .ef-button .ef-download:hover {
  filter: brightness(140%);
}
#ef-generator .ef-form .ef-button .ef-generate {
  color: #ffffff;
  background-color: #323232;
  filter: brightness(140%);
}
#ef-generator .ef-form .ef-button .ef-generate:hover {
  filter: brightness(180%);
}
#ef-generator .ef-form #ef-button-change .ef-input {
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  width: 60px;
  height: 24px;
  border-radius: 30px;
  background-color: #fc4e4e;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.2);
}
#ef-generator .ef-form #ef-button-change .ef-input input {
  display: none;
}
#ef-generator .ef-form #ef-button-change .ef-input .ef-bar,
#ef-generator .ef-form #ef-button-change .ef-input .ef-circle {
  position: absolute;
}
#ef-generator .ef-form #ef-button-change .ef-input .ef-bar {
  width: 1px;
  height: 25px;
  background-color: transparent;
  transition: all 0.55s ease-in-out;
}
#ef-generator .ef-form #ef-button-change .ef-input .ef-circle {
  width: 19px;
  height: 19px;
  margin-left: 2px;
  border-radius: 50%;
  background-color: #ffffff;
  transition: all 0.45s ease-in-out;
}
#ef-generator .ef-form #ef-button-change .ef-input:hover .ef-circle {
  background-color: #323232;
}
#ef-generator .ef-form #ef-button-change.ef-active .ef-input .ef-circle {
  margin-left: 37px;
}
#ef-generator .ef-form #ef-button-change.ef-active .ef-input:hover .ef-circle {
  filter: brightness(140%);
}
#ef-generator .ef-form #ef-button-change.ef-active .ef-input .ef-bar {
  width: 100%;
  background-color: #323232;
}

#ef-capture.ef-type-1 {
  padding: 0 15px;
  width: 800px;
  height: 640px;
  background-color: #323232;
}
#ef-capture.ef-type-1 .ef-date,
#ef-capture.ef-type-1 .ef-message,
#ef-capture.ef-type-1 .ef-content .ef-name {
  text-transform: uppercase;
}
#ef-capture.ef-type-1 .ef-date,
#ef-capture.ef-type-1 .ef-message {
  color: #ffffff;
}
#ef-capture.ef-type-1 .ef-date {
  padding: 0.4rem 0;
  line-height: 0.8;
}
#ef-capture.ef-type-1 .ef-date span {
  font-size: 2.6rem;
}
#ef-capture.ef-type-1 .ef-date .ef-day {
  line-height: 1;
}
#ef-capture.ef-type-1 .ef-date.ef-something {
  font-size: 4.4rem;
}
#ef-capture.ef-type-1 .ef-date.ef-have-content * {
  font-family: "Xtra Round", sans-serif;
}
#ef-capture.ef-type-1 .ef-date.ef-have-content .ef-week_day {
  font-size: 1.6rem;
}
#ef-capture.ef-type-1 .ef-message {
  height: 100%;
  margin: 0 auto;
  font-size: 3.4rem;
  background-color: #fc4e4e;
}
#ef-capture.ef-type-1 .ef-content {
  color: #fc4e4e;
  padding: 1rem 0;
  background-color: #ffffff;
}
#ef-capture.ef-type-1 .ef-content .ef-name {
  line-height: 1.3;
  font-size: 3.8rem;
  text-transform: uppercase;
}
#ef-capture.ef-type-1 .ef-content .ef-number {
  font-size: 8.5rem;
  line-height: 1.3;
}
#ef-capture.ef-type-1 .ef-content .ef-number.ef-small {
  font-size: 7rem;
}
#ef-capture.ef-type-1 .ef-content .ef-address {
  font-size: 1.4rem;
}
#ef-capture.ef-type-1 .ef-footer {
  padding: 1rem 0;
}
#ef-capture.ef-type-1.ef-no-logo .ef-date {
  padding: 1.4rem;
}
#ef-capture.ef-type-1.ef-no-logo .ef-content {
  padding: 0 0 1rem 0;
  height: 72%;
}
#ef-capture.ef-type-2 {
  padding: 1rem;
  width: 1190px;
  height: 842px;
  background-color: #cbcbcb;
}
#ef-capture.ef-type-2 .row {
  margin: 0;
}
#ef-capture.ef-type-2 .ef-header,
#ef-capture.ef-type-2 .ef-content {
  padding: 1rem;
  background-color: #ffffff;
}
#ef-capture.ef-type-2 .ef-content,
#ef-capture.ef-type-2 .ef-banners {
  margin-top: 0.86rem;
}
#ef-capture.ef-type-2 .ef-header .ef-message {
  color: #ff0000;
  line-height: 1;
  margin-left: 2rem;
  padding-top: 1rem;
  font-size: 6.2rem;
  font-family: "Bebas Neue", cursive;
  text-transform: uppercase;
}
#ef-capture.ef-type-2 .ef-content {
  padding-bottom: 0;
}
#ef-capture.ef-type-2 .ef-content .ef-name,
#ef-capture.ef-type-2 .ef-content .ef-number,
#ef-capture.ef-type-2 .ef-content .ef-address {
  font-family: "Britannic", sans-serif;
}
#ef-capture.ef-type-2 .ef-content .ef-date span {
  color: #000000;
  font-size: 3rem;
  font-family: "URW Impact", sans-serif;
  text-transform: uppercase;
}
#ef-capture.ef-type-2 .ef-content .ef-name {
  color: #ff0000;
  font-size: 5.6rem;
  text-transform: uppercase;
}
#ef-capture.ef-type-2 .ef-content .ef-number {
  color: #000000;
  font-size: 9rem;
  line-height: 0.8;
}
#ef-capture.ef-type-2 .ef-content .ef-address {
  color: #646464;
  margin-top: 4rem;
  font-size: 1.85rem;
}
#ef-capture.ef-type-2 .ef-banners .col-6:first-child {
  padding-right: 0.8rem;
}
#ef-capture.ef-type-2 .ef-banners .col-6:last-child {
  padding-left: 0.8rem;
}
#ef-capture.ef-type-2 .ef-footer {
  margin-top: 0.9rem;
  padding: 0.4rem;
  font-size: 0.98rem;
  font-family: "Univers Extended", sans-serif;
  color: #646464;
  background-color: #ffffff;
}

@media (max-width: 576px) {
  #ef-generator .ef-form fieldset .bootstrap-select {
    width: 32.4%;
  }
  #ef-generator .ef-form fieldset.ef-upload-banners .ef-file-button {
    width: 49.4%;
  }
}
@media (max-width: 384px) {
  #ef-generator .ef-form fieldset .bootstrap-select {
    width: 32.2%;
  }
}

/*# sourceMappingURL=styles.css.map */