@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/notifications/text-only.css

multitheme Front-end code based on Randstad Human Forward components

.notice-text-only {
  background: #edf6ff;
  color: #2e2e2e; }

.notice-text-only__closable {
  -webkit-transition: max-height 0.2s 0.2s, border 0.2s 0.2s;
  transition: max-height 0.2s 0.2s, border 0.2s 0.2s; }

.notice-text-only__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px; }

.notice-text-only__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%; }

.notice-text-only__description {
  max-width: 90%; }
  .notice-text-only__description .description,
  .notice-text-only__description p {
    font-family: Montserrat, arial, sans-serif;
    font-size: 16px;
    text-transform: none;
    line-height: 25px;
    margin-bottom: 0; }
    @media (min-width: 941px) {
      .notice-text-only__description .description,
      .notice-text-only__description p {
        font-family: Montserrat, arial, sans-serif;
        font-size: 18px;
        text-transform: none;
        line-height: 30px; } }
  .notice-text-only__description .icon {
    border: 3px solid #fff;
    border-radius: 50%;
    height: 50px;
    width: 50px; }
    .notice-text-only__description .icon .optional-icon {
      height: 50px;
      width: 50px; }

.notice-text-only__close {
  display: inline-block;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

@media (min-width: 941px) {
  .notice-text-only__wrapper {
    padding-top: 30px;
    padding-bottom: 30px; }
  .notice-text-only__description {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .notice-text-only__description .icon {
      margin-right: 20px; }
    .notice-text-only__description p {
      margin-right: 10px; }
    .notice-text-only__description a.standalone {
      display: inline-block; }
  .notice-text-only__close {
    top: unset; } }

/*# sourceMappingURL=text-only.css.map */