/**
 * styles.scss
 * ---
 * Main `sass` file. Import here `sass` files
 */
/**
 * modules/variables
 * ---
 */
/**
 * Typography
 */
/**
 * Colors
 */
/**
 * Grid
 */
/**
 * modules/mixins
 * ---
 */
/**
 * modules/fonts
 * ---
 * Declare fonts here
 */
/*
@font-face {
  font-family: "Font-Name";
  src: url("fonts/font-name.eot");
  src: url("fonts/font-name.eot?#iefix") format("embedded-opentype"),
    url("fonts/font-name.woff") format("woff"),
    url("fonts/font-name.ttf") format("truetype"),
    url("fonts/font-name.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal;
}
*/
/**
 * partials/reset
 * ---
 * Reset file
 * NOTE: also `normalize.css` is used
 */
*,
*:after,
*:before {
  box-sizing: border-box; }

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
  font-size: 140%;
  line-height: 1.5;
  color: #444;
  background-color: #EFF3F6; }

img {
  max-width: 100%;
  vertical-align: middle; }

a {
  color: #444;
  text-decoration: none !important; }
  a:focus, a:hover {
    text-decoration: underline; }

input[type="text"],
input[type="search"] {
  font-size: inherit;
  line-height: inherit; }

::selection {
  background-color: #04A4CC;
  color: #EFF3F6;
  text-shadow: none; }

/**
 * partials/wordpress
 * ---
 * Wordpess core classes
 */
/**
 * Alignment
 */
.alignnone {
  margin: 5px 15px 15px 0; }

.aligncenter {
  display: block;
  margin: 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 15px 15px; }

.alignleft {
  float: left;
  margin: 5px 15px 15px 0; }

/**
 * Gallery & images
 */
.wp-caption {
  background: #EFF3F6;
  border: thin solid #F0F0F0;
  max-width: 95%;
  padding: 5px 5px;
  text-align: center; }
  .wp-caption img {
    width: auto;
    max-width: 98.5%;
    height: auto;
    border: 0 none;
    padding: 0;
    margin: 0; }

.wp-caption .wp-caption-text,
.gallery-caption {
  margin: 0;
  padding: 0 5px 5px;
  font-size: 140%;
  line-height: 1.5; }

/**
 * partials/utils
 * ---
 * Utils classes
 */
.clear:before, .clear:after {
  content: " ";
  display: table; }

.clear:after {
  clear: both; }

.reset-box {
  padding: 0;
  margin: 0; }

/**
 * partials/wrapper
 * ---
 */
.wrapper {
  max-width: 1280px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative; }

/**
 * partials/header
 * ---
 */
/**
 * partials/nav
 * ---
 * Menus
 */
/**
 * partials/sidebar
 * ---
 */
/**
 * partials/footer
 * ---
 */
/**
 * partials/print
 * ---
 * Print version
 * (from https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css)
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.um-profile {
  width: 100% !important;
  min-width: 100%; }

.um-page-user .container {
  padding: 0; }

.um-profile-meta {
  position: relative;
  left: 230px;
  top: 30px; }

.um-header {
  border-bottom: none !important; }

.um-profile-body {
  position: relative;
  left: -88px; }

.um-field-label {
  border-bottom: none !important;
  margin: 0 !important; }

.um-meta-text {
  font-size: 16px !important;
  max-width: 600px; }

/* .um-profile-edit-a {
    display: none;
} */
.um-profile:not(:last-child) .um-row {
  margin: 0 0 10px 0 !important; }

.um-tip {
  top: -5px !important;
  left: -5px !important; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .um-header {
    position: inherit !important; }
  .um-profile-body {
    position: inherit;
    margin-left: 30px !important;
    margin-top: 0px !important;
    margin-bottom: 30px !important; }
  .um-profile-photo {
    position: inherit !important;
    margin-left: 30px !important;
    margin-bottom: 30px !important; }
  .um-profile-meta {
    position: inherit !important;
    margin-left: 30px !important;
    margin-bottom: 30px !important;
    text-align: center; }
  .um-name {
    margin-top: 180px;
    width: 100%;
    text-align: center; }
  .um-profile-photo-img {
    margin-left: 45px; } }

.comment {
  margin-bottom: 20px; }
  .comment-author {
    font-weight: 700; }
  .comment-meta {
    color: #dedede !important;
    font-size: 13px;
    margin-bottom: 10px; }
  .comment-author a {
    color: #363636 !important; }
  .comment .comment-links {
    color: #999999 !important; }
  .comment .depth-1 .comment-respond {
    width: 600px; }
  .comment .depth-2 {
    margin-left: 55px;
    border-left: 1px solid #dedede;
    padding-left: 20px;
    margin-top: 20px; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 670px) and (-webkit-min-device-pixel-ratio: 2) {
      .comment .depth-2 {
        margin-left: 15px; } }
  .comment .depth-3 {
    margin-left: 55px;
    border-left: 1px solid #dedede;
    padding-left: 20px;
    margin-top: 20px; }
    @media only screen and (min-device-width: 320px) and (max-device-width: 670px) and (-webkit-min-device-pixel-ratio: 2) {
      .comment .depth-3 {
        margin-left: 15px !important; } }
  .comment-text {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 70%;
    margin-left: 52px;
    color: #363636; }
  .comment .comment-interaction {
    font-size: 13px;
    position: relative;
    left: 55px; }
    .comment .comment-interaction ul li {
      display: inline; }
      .comment .comment-interaction ul li:not(:first-child) {
        margin-left: 10px; }
    .comment .comment-interaction a {
      color: #999999; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 670px) and (-webkit-min-device-pixel-ratio: 2) {
    .comment {
      width: 80%; } }

.comment-respond h3 {
  display: none; }

.comment-respond form .logged-in-as {
  display: none; }

.comment-form label {
  margin-bottom: 10px;
  display: none; }

.comment-form textarea {
  margin-top: 20px;
  margin-bottom: 20px; }

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 670px) and (-webkit-min-device-pixel-ratio: 2) {
  select {
    background-color: #fff !important;
    border-color: #dbdbdb !important;
    width: 100% !important; }
  .estimate-box {
    margin-right: 0px !important; }
  .um-account-side {
    width: 100% !important; }
  .um-account-main {
    width: 100% !important;
    margin-top: 30px; }
  .auth-forms {
    width: 100% !important; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .estimate-box {
    margin-right: 0px !important; } }

html {
  height: 100%;
  min-height: 100%; }

.input {
  box-shadow: none !important; }

body {
  min-height: 100%; }

.navbar {
  margin-bottom: 30px !important;
  border-bottom: 1px solid #dedede; }
  .navbar .search-input {
    width: 300px;
    /* input {
        } */ }

.navbar-userinfo {
  margin-right: 20px !important; }

.logo {
  font-size: 25px;
  font-weight: 700;
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
  margin-right: 20px;
  /* &:after {
        content:'BETA';
        font-size: 12px;
        font-weight: 400;
        margin-top: 10px;
        margin-left: -5px;
    } */ }
  .logo a {
    color: #363636 !important; }

.logo-beta:after {
  content: 'BETA';
  font-size: 12px;
  font-weight: 400;
  /* margin-top: 10px;
      margin-left: -5px; */
  position: absolute; }

.container {
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 30px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.04) !important; }
  .container-title {
    font-size: 18px !important; }
  .container-left {
    float: left;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 30px !important; }

.estimate-title {
  margin-bottom: 20px; }
  .estimate-title a {
    text-decoration: none !important; }

.card {
  border-radius: 4px !important; }

.task-category {
  margin-top: 20px;
  padding: 5px;
  border-radius: 4px;
  display: block;
  width: auto;
  max-width: 120px;
  text-align: center;
  font-size: 14px; }
  .task-category-single {
    margin-bottom: 20px; }

.category-Development {
  background-color: #F9E5F3;
  color: #A44183; }

.category-Design {
  background-color: #E7EEFA;
  color: #3969A4; }

.category-Admin {
  background-color: #FFE4DB;
  color: #F54937; }

.category-Other {
  background-color: #dedede;
  color: #363636; }

.loading-spinner.is-loading {
  position: relative;
  pointer-events: none;
  opacity: 0.5; }
  .loading-spinner.is-loading:after {
    position: absolute;
    top: calc(50% - 2.5em);
    left: calc(50% - 2.5em);
    width: 5em;
    border-width: 0.25em;
    height: 5em; }

.acf-fields input {
  padding: 5px !important; }

.acf-fields .acf-field {
  border-top: none !important; }

.acf-fields #acf-field_5b375019114ae {
  width: 20%; }

/* font awesome */
.fas {
  margin-right: 10px; }

.estimate-box {
  margin-right: 30px !important; }
  @media only screen and (min-device-width: 320px) and (max-device-width: 670px) and (-webkit-min-device-pixel-ratio: 2) {
    .estimate-box {
      margin-right: 0px !important; } }

/* Register */
.bp_register #main {
  background-color: #fff;
  border-radius: 4px; }

.auth-forms {
  background-color: #fff !important;
  border-radius: 4px;
  border: 1px solid #dedede;
  padding: 20px;
  width: 50%;
  margin: 0 auto; }
  .auth-forms h3 {
    text-align: center;
    margin-bottom: 10 !important; }
  .auth-forms p {
    text-align: center;
    font-size: 16px;
    color: #999; }
  .auth-forms input {
    margin-bottom: 20px; }

.sidebar-mods {
  display: none; }

.experience-box {
  padding-top: 20px;
  padding-bottom: 20px !important; }

.save-estimate-button {
  width: 100% !important; }

.add-estimate-box {
  height: auto;
  /* position: absolute;
       top: 11px; */ }

.stickyness {
  position: fixed !important;
  top: 20px;
  width: 376px !important;
  float: right;
  right: 212px;
  height: 319px;
  width: 436px; }

.create-estimate-cta {
  display: block;
  margin-bottom: 30px;
  position: absolute;
  right: 0; }

.estimate-info-block {
  margin-top: 20px !important; }
  .estimate-info-block .estimate-card-info {
    /*    & .hours-min-max {
            color: #363636;
            text-align: center !important;
        } */ }
    .estimate-info-block .estimate-card-info .hours {
      color: #363636;
      font-weight: 600;
      text-align: center; }
    .estimate-info-block .estimate-card-info .label {
      text-align: center !important;
      font-weight: 400;
      color: #676767; }

.card-content {
  font-size: 16px; }
  .card-content .title {
    font-size: 18px !important;
    margin-bottom: 10px !important; }
    .card-content .title a {
      color: #363636 !important; }
  .card-content .card-task-category {
    display: block;
    width: auto;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700; }
    .card-content .card-task-category-single {
      margin-bottom: 20px; }
  .card-content .card-category-Development {
    color: #A44183; }
  .card-content .card-category-Design {
    color: #3969A4; }
  .card-content .card-category-Other {
    color: #dedede; }
  .card-content .card-divider {
    height: 1px;
    width: 100%;
    border: 0.5px solid #dedede;
    position: relative;
    top: 20px; }
  .card-content .card-link {
    color: #363636; }

.container-page {
  margin-bottom: 30px !important; }

.navbar-avatar img {
  border-radius: 50%; }

.avatar {
  float: left;
  margin-right: 10px; }
  .avatar img {
    border-radius: 50%; }

.estimate-description {
  min-height: 50px; }

.search-input {
  padding-left: 30px !important; }

.search-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  color: #c6cbd1;
  text-align: center;
  pointer-events: none;
  z-index: 999; }

.logged-out-teaser {
  opacity: 0.5; }

.navbar-container {
  max-width: 1280px; }

.user-job {
  font-weight: 400;
  font-size: 13px;
  color: #999; }

/* .single-estimate  {
    .hours {
        font-size: 20px; 
    }
    .estimate-card-info {
        label {
            font-size: 16px !important;
        }
    }
    
} */
/* .mobile-add-estimation-button {
    width: 100%;
    display: none !important;
    @media only screen and (max-device-width: 908px){
      display: block !important;
    }
} */
.mobile-add {
  width: 100%;
  display: none; }
  @media (max-width: 908px) {
    .mobile-add {
      display: block; }
      .mobile-add .mobile-add-estimation-button {
        width: 100%; } }

.single-estimate-notification {
  position: fixed !important;
  width: 75%;
  margin-bottom: 30px;
  bottom: 0px !important;
  display: none; }

.subtask {
  /* &:nth-child(odd) {
        &:hover {
            background-color: #fafafa;
        }
    } */ }
  .subtask:hover {
    background-color: #f9f9f9; }
  .subtask .subtask-times {
    text-align: right; }

.timeInputError {
  color: red;
  display: none; }

.timeInputHint {
  display: none;
  margin-bottom: 20px;
  font-size: 13px;
  color: #676767; }

#estimatedHours:valid {
  border-color: #23d160; }

/* input:focus+.msg {
  opacity: 1;
} */
/* #estimatedHours:focus+.timeInputError {
    display: block !important;
}

#estimatedHours:focus {
    border-color: pink;
     &.timeInputError {
        display: block;
     }*/
.add-resources-button {
  margin-top: 20px; }

.resource-list {
  margin-top: 20px; }
  .resource-list .resource-list-entry {
    padding-top: 5px;
    padding-bottom: 5px; }
    .resource-list .resource-list-entry a {
      display: block; }

.community-intro {
  max-width: 1250px !important;
  margin: 0 auto !important;
  margin-bottom: 20px !important;
  /* @media only screen and (max-device-width: 1500px) {
          display: none !important;
          background-color: red !important;
        } */ }
  .community-intro p {
    font-size: 20px;
    margin-bottom: 20px;
    hyphens: auto; }
  .community-intro ol {
    font-size: 20px;
    margin-left: 20px; }
  .community-intro .teaser-illustration {
    float: right;
    margin-right: 20px; }
    .community-intro .teaser-illustration-svg {
      width: 400px; }
      @media only screen and (min-device-width: 320px) and (max-device-width: 770px) and (-webkit-min-device-pixel-ratio: 2) {
        .community-intro .teaser-illustration-svg {
          display: none; } }
  .community-intro-button {
    margin-top: 30px;
    font-weight: 600; }

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