/* Colours */
/* Dimension */
/*  Fonts  */
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Parisienne:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:wght@300;400;500;600;700&display=swap");

@font-face {
  font-family: "raleway-regular";
  src: url("../fonts/raleway-regular.eot");
  src: url("../fonts/raleway-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-regular.woff") format("woff"), url("../fonts/raleway-regular.ttf") format("truetype"), url("../fonts/raleway-regular.svg#raleway-regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway-semibold";
  src: url("../fonts/raleway-semibold.eot");
  src: url("../fonts/raleway-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-semibold.woff") format("woff"), url("../fonts/raleway-semibold.ttf") format("truetype"), url("../fonts/raleway-semibold.svg#raleway-semibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "raleway-bold";
  src: url("../fonts/raleway-bold.eot");
  src: url("../fonts/raleway-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-bold.woff") format("woff"), url("../fonts/raleway-bold.ttf") format("truetype"), url("../fonts/raleway-bold.svg#raleway-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "parisienne-regular";
  src: url("../fonts/parisienne-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* General */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Raleway", sans-serif;
}

@media (min-width: 1280px) {
  .container {
    max-width: 1146px !important;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1146px !important;
  }
}
.tracking-0\.5 {
  letter-spacing: 0.5px;
}

.tracking-1 {
  letter-spacing: 1px;
}

.lightyellow-text {
  color: #fbd9c6;
}

.lighteryellow-text {
  color: #fff5ef;
}

.lightgray-text {
  color: #9b9b9b;
}

.gray-text {
  color: #838181;
}

.darkgray-text {
  color: #616161;
}

.lightblue-bg {
  background-color: #7cbed0;
}

.lightgreen-bg {
  background-color: #99d17d;
}

.lightyellow-bg {
  background-color: #fbd9c6;
}

.lightlemon-bg {
  background-color: #ececd4;
}

.vlck {
  display: none;
}

/* -------------------------- Homepage -------------------------- */
/* Billboard */
.billboard {
  height: 742px;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

.billboard_1 {
  background-image: url(https://d6o11c1tri5j4.cloudfront.net/billboard-banner-1.jpg);
  background-position: 85% 0% 
}

.billboard_2 {
  background-image: url("../images/billboard-banner-2.jpg");
}

.billboard_3 {
  background-image: url("../images/billboard-banner-3.jpg");
}

.billboard_4 {
  background-image: url("../images/billboard-banner-4.jpg");
}

.shadow-bg {
  height: 142px;
  background-image: url("../images/shadow.png");
}

/* Hero */
.hero-description {
  max-width: 400px;
}

/* Editor */
.editor-banner {
  height: 350px;
  background-image: url(https://d6o11c1tri5j4.cloudfront.net/editor-banner.jpg);
}

/* Writer */
.writer-banner {
  height: 350px;
  background-image: url(https://d6o11c1tri5j4.cloudfront.net/writer-banner.jpg);
}

/* Publisher */
.publisher-banner {
  height: 350px;
  background-image: url("../images/publisher-banner.jpg");
}

/* -------------------------- Login page -------------------------- */
.form-header {
  border-bottom: 1px solid #dcdcc4;
}

.error-message {
  color: #000000;
  background-color: #ffb6b0;
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  border-left: 0;
  border-right: 0;
}

/* Change Autocomplete styles in Chrome */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px white inset;
  -webkit-text-fill-color: #333;
}

/* -------------------------- Join page -------------------------- */
.active-chip {
  color: black;
  background-color: #afdbeb;
}

.mdc-hidden {
  display: none !important;
}

/* -------------------------- Upload Image page -------------------------- */
.imgContainer {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.imgPreview {
  border-radius: 50%;
  margin-left: 20px;
}

.cropper-view-box {
  border-radius: 50%;
  outline: none;
}

.cropper-face.cropper-move {
  opacity: 0;
}

.ep-slider-bar {
  margin-top: 20px;
}


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