/*
*   Title:          fonts.scss
*   Description:    This file is created to contain all font-face definitions for global.scss.
*    
*   Fonts available by font family: 
*   GothamLight, GothamMedium, GothamBold, GothamRndBold, GothamRndMedium, GothamRndLight.
*    
*   Nunito, NunitoLight, NunitoSemiBold, NunitoBold.
*    
*   RubikLight, RubikLight-Italic, RubikRegular, RubikMedium, RubikMediumItalic, RubikItalic, 
*   RubikBoldItalic, RubikBold, RubikSemiBold, RubikMedium.
*    
*   OpenSans-Light, OpenSans-LightItalic, OpenSans-Regular, OpenSans-Italic, OpenSans-SemiBold,
*   OpenSans-BoldItalic.
*    
*   PermanentMarker, Roboto-Medium.
*/
@font-face {
  font-family: PermanentMarker;
  src: url("/css/fonts/PermanentMarker.ttf");
}
@font-face {
  font-family: GothamLight;
  src: url("/css/fonts/Gotham/Gotham-Light.otf") format("opentype");
}
@font-face {
  font-family: GothamMedium;
  src: url("/css/fonts/Gotham/Gotham-Medium.otf") format("opentype");
}
@font-face {
  font-family: GothamBold;
  src: url("/css/fonts/Gotham/Gotham-Bold.otf") format("opentype");
}
@font-face {
  font-family: GothamRndBold;
  src: url("/css/fonts/Gotham Rounded/GothamRnd-Bold.otf") format("opentype");
}
@font-face {
  font-family: GothamRndMedium;
  src: url("/css/fonts/Gotham Rounded/GothamRnd-Medium.otf") format("opentype");
}
@font-face {
  font-family: GothamRndLight;
  src: url("/css/fonts/Gotham Rounded/GothamRnd-Light.otf") format("opentype");
}
@font-face {
  font-family: Nunito;
  src: url("/css/fonts/Nunito/Nunito-Regular.ttf");
}
@font-face {
  font-family: NunitoLight;
  src: url("/css/fonts/Nunito/Nunito-Light.ttf");
}
@font-face {
  font-family: NunitoSemiBold;
  src: url("/css/fonts/Nunito/Nunito-SemiBold.ttf");
}
@font-face {
  font-family: NunitoBold;
  src: url("/css/fonts/Nunito/Nunito-Bold.ttf");
}
@font-face {
  font-family: RubikLight;
  src: url("/css/fonts/Rubik/Rubik-Light.ttf");
}
@font-face {
  font-family: RubikLight-Italic;
  src: url("/css/fonts/Rubik/Rubik-LightItalic.ttf");
}
@font-face {
  font-family: RubikRegular;
  src: url("/css/fonts/Rubik/Rubik-Regular.ttf");
}
@font-face {
  font-family: RubikMedium;
  src: url("/css/fonts/Rubik/Rubik-Medium.ttf");
}
@font-face {
  font-family: RubikMediumItalic;
  src: url("/css/fonts/Rubik/Rubik-MediumItalic.ttf");
}
@font-face {
  font-family: RubikItalic;
  src: url("/css/fonts/Rubik/Rubik-Italic.ttf");
}
@font-face {
  font-family: RubikBoldItalic;
  src: url("/css/fonts/Rubik/Rubik-BoldItalic.ttf");
}
@font-face {
  font-family: RubikBold;
  src: url("/css/fonts/Rubik/Rubik-Bold.ttf");
}
@font-face {
  font-family: RubikSemiBold;
  src: url("/css/fonts/Rubik/Rubik-SemiBold.ttf");
}
@font-face {
  font-family: RubikMedium;
  src: url("/css/fonts/Rubik/Rubik-Medium.ttf");
}
@font-face {
  font-family: OpenSans-Light;
  src: url("/css/fonts/OpenSans/OpenSans-Light.ttf");
}
@font-face {
  font-family: OpenSans-LightItalic;
  src: url("/css/fonts/OpenSans/OpenSans-LightItalic.ttf");
}
@font-face {
  font-family: OpenSans-Regular;
  src: url("/css/fonts/OpenSans/OpenSans-Regular.ttf");
}
@font-face {
  font-family: OpenSans-Italic;
  src: url("/css/fonts/OpenSans/OpenSans-Italic.ttf");
}
@font-face {
  font-family: OpenSans-SemiBold;
  src: url("/css/fonts/OpenSans/OpenSans-SemiBold.ttf");
}
@font-face {
  font-family: OpenSans-SemiBoldItalic;
  src: url("/css/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf");
}
@font-face {
  font-family: OpenSans-Bold;
  src: url("/css/fonts/OpenSans/OpenSans-Bold.ttf");
}
@font-face {
  font-family: OpenSans-BoldItalic;
  src: url("/css/fonts/OpenSans/OpenSans-BoldItalic.ttf");
}
@font-face {
  font-family: Roboto-Medium;
  src: url("/css/fonts/Roboto/Roboto-Medium.ttf");
}
#ghq-section {
  max-width: 463px;
  width: 100%;
  min-height: 301px;
  padding: 14px 16px 24px 19px;
  border-radius: 8px;
  box-shadow: 0 12px 45px 0 #e0e0e0;
  background-color: #FFFFFF;
  position: absolute;
  top: 28px;
  right: 0px;
  left: 0px;
  margin: auto;
  z-index: 1;
  border: 1px solid #e6e6e6;
}
@media screen and (max-width: 991px) {
  #ghq-section {
    top: 0px;
  }
}
@media screen and (max-width: 768px) {
  #ghq-section {
    max-width: 100%;
  }
}
#ghq-section .overlay-container {
  position: relative;
}
#ghq-section .overlay-container #redactor-disabled-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 200px;
  z-index: 101;
  cursor: pointer;
}
#ghq-section .overlay-container .ghq-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
#ghq-section .overlay-container .ghq-row .title-image {
  width: 27px;
  margin-right: 18px;
}
#ghq-section .overlay-container .ghq-row h2 {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: normal;
  font-family: RubikMediumItalic, sans-serif;
  color: #000080;
  text-transform: uppercase;
}
#ghq-section .overlay-container .ghq-row h2 strong {
  font-family: RubikBoldItalic, sans-serif;
}
#ghq-section .overlay-container .ghq-row .ghq-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#ghq-section .overlay-container .ghq-row .editor-column {
  width: 100%;
  min-height: 131px;
}
#ghq-section .overlay-container .ghq-row .editor-column .redactor-container {
  width: 100%;
  /** Redactor Overwrite */
}
#ghq-section .overlay-container .ghq-row .editor-column .redactor-container .redactor_imperavi_override .redactor-box {
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 0px;
  height: 131px;
}
#ghq-section .overlay-container .ghq-row .editor-column .redactor-container .redactor_imperavi_override .redactor-box.keyword-warning-error {
  border: solid 1.5px red;
}
#ghq-section .overlay-container .ghq-row .editor-column .redactor-container .redactor_imperavi_override .redactor-box .redactor-toolbar {
  z-index: 5;
  font-size: 20px !important;
  box-shadow: none;
  border-radius: 8px 8px 0 0;
}
#ghq-section .overlay-container .ghq-row .editor-column .redactor-container .redactor_imperavi_override .redactor-box .redactor-toolbar li a {
  color: #868387;
}
#ghq-section .overlay-container .ghq-row .editor-column .redactor-container .redactor_imperavi_override .redactor-box .redactor-editor {
  border: none;
  border-top: 1px solid #ccc;
  z-index: 1;
  background-color: #fbfbfb;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
#ghq-section .overlay-container .ghq-row #postQuestion {
  width: 100%;
  height: 50px;
  margin: 24px 0 0;
  border-radius: 100px;
  box-shadow: 0 2px 0 0 #c71585;
  border: solid 1px #c71685;
  background-image: linear-gradient(to bottom, #ff69b4, #ff1493);
  font-size: 12px;
  font-family: RubikMedium, sans-serif;
  letter-spacing: 2.4px;
  font-weight: normal;
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  #ghq-section .overlay-container .ghq-row #postQuestion {
    letter-spacing: 0.6px;
  }
}
#ghq-section .overlay-container .ghq-row #postQuestion:hover {
  background-color: white;
  color: deepPink;
  background-image: none;
  box-shadow: none;
}
#ghq-section .overlay-container .ghq-row #attachFile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  max-width: 122px;
  height: 40px;
  margin: 24px 30px 0 0;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  background-color: #FBFBFB;
  color: #2C2C2C;
  font-size: 12px;
  font-family: OpenSans-SemiBold, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  line-height: 16px;
  font-weight: normal;
}
#ghq-section .overlay-container .ghq-row #attachFile i {
  width: 20px;
  color: #2C2C2C;
  margin-right: 12px;
}
#ghq-section .overlay-container .ghq-row #attachFile:hover {
  background-color: white;
  box-shadow: none;
}
@media screen and (max-width: 472px) {
  #ghq-section .overlay-container .ghq-row #attachFile {
    max-width: 40px;
  }
  #ghq-section .overlay-container .ghq-row #attachFile span {
    display: none;
  }
  #ghq-section .overlay-container .ghq-row #attachFile i {
    margin: 0 auto;
    margin-left: -4px;
  }
}
#ghq-section .overlay-container .title-row {
  margin-bottom: 12px;
}

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