body {
  font-family: "Typonine Sans Regular";
  background: #ecf1f1;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.3px;
  color: #879191;
  visibility: hidden;
}
.wf-active body {
  visibility: visible;
}
.wrapper {
  width: 100%;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 1200px) {
  .wrapper {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (max-width: 480px) {
  .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}


div.arduino-bbq.bbq-overlap div.user-profile div.dropover.simple svg {
  fill: #20A3A8;
}

textarea:focus {
  outline: none;
}

/*  -- NOTIFICATIONS --  */
.react-editor-messenger {
  z-index: 12000;
  padding: 0;
  width: auto;
  top: 62px;
  right: 20px;
}
.alert, .alert-danger, .alert-success {
  padding: 15px 35px;
  margin-bottom: 20px;
  border: none;
  border-radius: 3px;
}
.alert-danger {
  background-color: #F1C40F;
}
.alert-success {
  background-color: #7F8C8D;
}
.react-editor-messenger .messenger-body {
  padding: 0;
  border-left: none;
  border-radius: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  font-weight: 600;
  font-family: "Typonine Sans Bold";
  color: #886A50;
  letter-spacing: 0.6px;
}
.react-editor-messenger .alert-success .messenger-body {
  color: #fff;
}
.react-editor-messenger .messenger-body .messenger-close-button {
  background: transparent;
  border: none;
  position: absolute;
  top: 0;
  right: 8px;
  font-size: 23px;
  padding: 0;
  line-height: 23px;
}
.close {
  text-shadow: none;
  color: white;
  opacity: 1;
}
.alert-top {
  background: #7F8C8D;
  border-color: transparent;
  border-radius: 3px;
  color: #FFF;
  padding: 6px 30px 6px 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  font-family: "Typonine Sans Bold";
  text-align: center;
  display: inline-block;
  min-width: 250px;
  width: auto;
  margin-bottom: 6px;
}
.alert-top.alert-success {
  background: #7F8C8D;
  border-color: transparent;
}
.alert-warning {
  background-color: #7F8C8D;
  border-color: transparent;
  color: white;
}
.alert-warning .alert-link {
  color: white;
  font-weight: 600;
  font-family: "Typonine Sans Bold";
  text-decoration: underline;
  opacity: 1;
  transition-property: opacity;
  transition-duration: .2s;
}
.alert-warning .alert-link:hover {
  opacity: 0.7;
  transition-property: opacity;
  transition-duration: .2s;
}
/*  -- END NOTIFICATIONS --  */



/* -- SLIDESHOW -- */
.image-gallery-container button.fa {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  color: #00979C;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 15px;
  padding: 20px 0;
  position: relative;
}

.image-gallery-container button.fa:hover {
  color: #006569;
}

.slick-dots li {
    width: 15px;
}

.slick-dots li.slick-active button:before, .slick-dots li:hover button:before {
  color: #00979C;
}

.image-gallery-container button.fa.fa-chevron-left {
  float: left;
}

.image-gallery-container button.fa.fa-chevron-right {
  float: right;
  padding-right: 17px;
}

.image-gallery-container button.fa:before {
  font-family: 'FontAwesome';
  padding-right: 6px;
}

.image-gallery-container button.fa.fa-chevron-right:before {
  padding-right: 0;
  position: absolute;
  right: 0;
}

.slick-slider {
    margin-bottom: 75px;
}

.slick-slider .slick-dots {
    bottom: -58px;
    width: calc(100% - 180px);
    margin-left: 90px;
}
/* -- END SLIDESHOW -- */


/* -- TOOLTIP CONTRIBUTOR -- */
.popover.fade {
    border-radius: 0;
    border-bottom: 3px solid #00979C;
    background-color: #F7F7F7;
    box-shadow: 0 0 0 3px rgba(0,0,0,.1);
}

.popover.fade .popover-title {
  border: none;
  background: transparent;
  font-family: "Typonine Sans Regular";
  font-weight: 400;
  letter-spacing: 0.8px;
  font-size: 13px;
  text-align: center;
  padding: 8px 14px;
}

.popover.fade .popover-content {
  box-shadow: none;
  border-top: none;
  padding: 0px 14px 12px;
  text-align: center;
}

.popover.fade.bottom h3.popover-title + .popover-content {
  padding: 0 0 20px 0;
  border-top: 3px solid #20A3A8;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
}

.popover.fade.bottom h3.popover-title + .popover-content .alert.alert-warning {
  padding-top: 0;
}

.popover.fade.bottom h3.popover-title + .popover-content .alert.alert-warning:first-child {
  padding-top: 20px;
}

.popover.fade.bottom h3.popover-title + .popover-content .simple_form .form-group {
  text-align: left;
}

.popover.top>.arrow, .popover.top>.arrow:after {
  border-top-color: #00979C;
}

.popover.top>.arrow {
  margin-left: -6px;
  border-bottom-width: 0;
  bottom: -6px;
}

.popover.top>.arrow:after {
  bottom: -3px;
  margin-left: -9px;
  border-bottom-width: 0;
}

.popover>.arrow {
  border-width: 6px;
}

.popover>.arrow:after {
  border-width: 9px;
}

/* -- END TOOLTIP CONTRIBUTOR -- */


/*  -- CREATE TOOLBAR --  */
body.collapsed-nav #main {
  padding-top: 65px;
}
div.arduino-bbq {
  background: white;
  width: 100%;
  z-index: 1002;
}
div.arduino-bbq.bbq-overlap {
  z-index: 11;
}

#ino-create-nav {
  z-index: 11;
}

#ino-create-nav .menu-toggle {
  fill: #879191;
}

#ino-create-nav.nav-visible .nav-bar {
  height: 65px;
}

/*  -- END CREATE TOOLBAR --  */





/*
=================
NEW SPINNER
=================
*/
.fa.fa-spin.fa-spinner,
.fa.fa-spin.fa-spinner:before,
.fa.fa-spin.fa-spinner:after {
  border-radius: 50%;
}
.fa.fa-spin.fa-spinner:before,
.fa.fa-spin.fa-spinner:after {
  position: absolute;
  content: '';
}
.fa.fa-spin.fa-spinner:before {
  background: #ecf1f1;
  width: 6em;
  height: 12em;
  border-radius: 12em 0 0 12em;
  top: -1em;
  left: -1em;
  -webkit-transform-origin: 6em 6em;
  transform-origin: 6em 6em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}

.fa.fa-spin.fa-spinner {
  color: #00979C;
  font-size: 6px;
  text-indent: -99999em;
  margin: 20px auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.fa.fa-spin.fa-spinner:after {
  background: #ecf1f1;
  width: 6em;
  height: 12em;
  border-radius: 0 12em 12em 0;
  top: -1em;
  left: 5em;
  -webkit-transform-origin: 0px 6em;
  transform-origin: 0px 6em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*
=================
END NEW SPINNER
=================
*/


/*
=================
NEW SPINNER VARIANTS
=================
*/
.btn-secondary .fa.fa-spin.fa-spinner {
  color: #7f8c8d;
  font-size: 2.5px;
  margin: 0;
  padding: 0;
}
.btn-secondary .fa.fa-spin.fa-spinner:before,
.btn-secondary .fa.fa-spin.fa-spinner:after {
  background: #DAE3E3;
}

.comments .fa.fa-spin.fa-spinner:before,
.comments .fa.fa-spin.fa-spinner:after {
  background: #FFF;
}

.comments .fa.fa-spin.fa-spinner {
  font-size: 4px;
}
/*
=================
END NEW SPINNER VARIANTS
=================
*/



section#projects-list a.btn.btn-info.btn-sm:active,
section#projects-list a.btn.btn-info.btn-sm:focus {
  background-color: transparent;
  box-shadow: none;
  border: none;
  margin-left: 1px;
}
.section-thumbs {
  font-size: 16px;
}
.user-profile .dropover.simple button {
  font-size: 13.5px;
  line-height: 20px;
  padding: 6px 14px;
}
div.project-widget-with-user-thumbs p {
  font-size: 16px;
}
div#user-profile-box {
  width: 100%;
  position: relative;
  display: inline-block;
  margin: 30px 0 20px 0;
  border-bottom: 3px solid white;
  padding-bottom: 50px;
}
div#user-profile-box div.container-user-info {
  width: calc(50% - 15px);
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 15px;
}
div#user-profile-box div.user-projects {
  width: calc(50% - 5px);
  border-left: 1px solid #d4d4d4;
  position: relative;
  display: inline-block;
  float: left;
  padding-left: 15px;
  min-height: 150px;
}
div#user-profile-box div.user-projects ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#user-profile-box div.user-projects ul span.proj-number {
  float: right;
  background-color: #777777;
  border-radius: 27px;
  color: white;
  min-width: 20px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  line-height: 21px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  padding: 0 7px;
  letter-spacing: 1px;
  margin-top: 3px;
}
div#user-profile-box .user-projects ul li:first-child span.proj-number {
  background-color: #F47A20;
}
h2 span.badge {
  font-size: 22px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  border-radius: 70px;
  min-width: 29px;
  letter-spacing: 1.2px;
}
.container-userproj-info h2#public-proj span.badge {
  background-color: #F47A20;
}
div#user-profile-box div.user-projects ul a:hover span.proj-number {
  background-color: #00979C;
}
div#user-profile-box div.user-projects ul li {
  border-bottom: 1px solid #d4d4d4;
  padding: 3.5px;
  width: 100%;
}
div#user-profile-box div.user-projects ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
div#user-profile-box div.profile-pic,
div#user-profile-box div.user-info {
  position: relative;
  float: left;
}
div#user-profile-box div.profile-pic {
  width: 150px;
  height: 170px;
  margin-right: 30px;
}
div#user-profile-box div.profile-pic div.profile-img-container {
  background-size: 150px;
  border-radius: 80px;
  overflow: hidden;
  max-height: 150px;
  max-width: 150px;
  margin: 10px auto;
}

div#user-profile-box div.profile-pic div.profile-img-container.placeholder-pic {
  background-color: #fff;
  background-image: url(https://dcw9y8se13llu.cloudfront.net/avatars/default.svg);
  height: 100%;
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center center;
}

div#user-profile-box div.profile-pic div.profile-img-container.placeholder-pic img {
  display: none;
}


div#user-profile-box div.profile-pic img {
  width: 100%;
  max-width: 100%;
}
div#user-profile-box div.user-info {
  width: calc(100% - 180px);
  height: 170px;
  display: inline-block;
}
div#user-profile-box div.user-info ul {
  list-style-type: none;
  padding: 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  letter-spacing: 1px;
}
div#user-profile-box div.user-info ul span.number {
  font-weight: 600;
  font-family: "Typonine Sans Bold";
}
div#user-profile-box div.user-info a.btn-default {
  position: absolute;
  bottom: 2px;
}

/* FE_PROFILE */
div#user-profile-box div.user-info div.react-btn {
  position: relative;
  bottom: 0;
}
/* END FE_PROFILE */

div#user-profile-box div.user-info a.follow-button:hover {
  bottom: 3px;
}
div#user-profile-box div.user-info a.follow-button:active {
  bottom: 0;
}


a.view-profile {
    display: block;
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 940px) {
  a.view-profile {
      position: relative;
      bottom: auto;
      margin-top: 17px;
  }

  /* FE_PROFILE */
  div#user-profile-box div.user-info div.react-btn button.follow-button.btn.btn-secondary {
    margin: 0;
  }
  /* END FE_PROFILE */
}

/* FE_PROFILE */
@media screen and (max-width: 550px) {
  #platform-page div#user-profile-box div.user-info a.follow-button {
    display: inline-block;
    font-size: 13px;
    margin: 0;
  }
}
/* END FE_PROFILE */








/* FIX VIEW ARDUINO PROFILE
============================= */

.profile-buttons-container {
    position: absolute;
    bottom: 0;
    display: inline-block;
    padding-bottom: 12px;
}

.profile-buttons-container a {
    display: block;
    margin: 15px 0 -12px 0;
}

.profile-buttons-container a.follow-button {
    display: inline-block;
    margin: 0;
}

@media screen and (max-width: 940px) {
  .profile-buttons-container {
    position: relative;
  }
}

/* END FIX VIEW ARDUINO PROFILE
============================= */



.user #projects-list h2.user-name {
  margin-top: 0;
  margin-bottom: 12px;
}


@media screen and (max-width: 940px) {
  div#user-profile-box div.container-user-info,
  div#user-profile-box div.user-projects {
    width: 100%;
  }
  div#user-profile-box div.user-projects {
    border-left: 0;
    padding-left: 155px;
    margin-top: 40px;
  }
  div#user-profile-box div.profile-pic {
    width: 120px;
    margin-right: 40px;
    height: auto;
  }
  div#user-profile-box div.profile-pic div.profile-img-container.placeholder-pic {
    height: 120px;
  }
  div#user-profile-box div.user-info {
    height: auto;
  }
  div#user-profile-box div.user-info div.react-btn {
    position: relative;
    bottom: auto;
    width: 100%;
  }
  button.follow-button.btn.btn-secondary {
    margin: 8px auto 16px auto;
  }
  div#user-profile-box div.user-info a.btn-default {
    position: relative;
    bottom: auto;
    display: inline-block;
    margin-top: 6px;
  }
}


@media screen and (max-width: 550px) {
  div#user-profile-box {
    margin-top: 10px;
  }
  div#user-profile-box div.user-projects {
    padding-left: 0;
  }
  div#user-profile-box div.profile-pic {
    width: 100%;
    height: auto;
    padding: 0 30%;
    margin-bottom: 20px;
    margin-right: 0;
  }
  div#user-profile-box div.profile-pic div.profile-img-container {
    border-radius: 150px;
  }
  div#user-profile-box div.user-info {
    width: 100%;
    text-align: center;
  }
  div#user-profile-box div.user-info a {
    display: block;
    text-align: center;
    font-size: 16px;
  }
  div#user-profile-box div.user-info ul {
    margin: 0 auto 18px auto;
    display: inline-block;
    display: block;
  }
  div#user-profile-box div.user-info ul li {
    display: inline-block;
    margin-right: 15px;
  }
  div#user-profile-box div.user-projects ul li {
    font-size: 16px;
    line-height: 30px;
  }
  div#user-profile-box div.user-projects ul span.proj-number {
    margin-top: 5px;
  }
  div#user-profile-box div.user-info ul li:last-child {
    margin-right: 0;
  }
  .user #projects-list h2.user-name {
    text-align: center;
  }
  div#user-profile-box div.user-info div.react-btn {
    text-align: center;
  }
  button.follow-button.btn.btn-secondary {
    margin: 8px auto 16px auto;
  }
  div#user-profile-box div.profile-pic div.profile-img-container.placeholder-pic {
    height: 120px;
    width: 120px;
  }
}





.protip-section-title, .protip-section-img {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.protip-section-title {
  margin-bottom: 35px;
}
.protip-section-img {
  text-align: center;
}
.protip-section-title ul.protip-parts {
  list-style-type: none;
  padding: 0;
}
.protip-section-title ul.protip-parts li img {
  width: 80px;
  height: auto;
}
.protip-section-title ul.protip-parts li span {
  position: absolute;
  left: 95px;
  margin: 8px 15px;
}
.protip-section-title ul.protip-parts li {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  color: #879191;
  position: relative;
  min-height: 52px;
  width: 50%;
  float: left;
  border-right: 1px solid #d4d4d4;
  padding-right: 25px;
  padding: 10px 0;
  background-image: url("/projecthub/img/icon-components-placeholder.svg");
  background-repeat: no-repeat;
  background-size: 21px;
  background-position: 30px 50%;
}
.protip-section-title ul.protip-parts li:nth-child(even) {
  border-right: none;
  padding-right: 0;
  padding-left: 25px;
  background-position: 56px 50%;
}
.protip-section-title ul.protip-parts li:nth-child(even) span {
  left: 120px;
}
.protip-section-title ul.protip-parts li a {
  color: #879191;
}
.protip-section-title ul.protip-parts li a:hover {
  color: #00979C;
}


.tooltip-inner {
  max-width: none;
  padding: 3px 7px;
  color: #c1cbcd;
  text-align: center;
  text-decoration: none;
  background-color: #2a3236;
  border-radius: 0;
  border-bottom: 3px solid black;
}

/* POPOVER SHARE */
section.protip-section-heading .btn:last-child {
  margin-right: 5px;
}
.popover.bottom {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.react-btn a.btn-link {
  margin-right: 15px;
}
.popover-content {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.7px;
  border-top: 3px solid #20A3A8;
  background-color: #F7F7F7;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
  padding: 0;
}
.sharing-actions ul li {
  margin-bottom: 0;
}
.sharing-actions ul li a {
  color: #434F54;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  font-size: 13.5px;
  line-height: 20px;
  padding: 8px 10px;
}
.sharing-actions ul li a:hover {
  background-color: #dae3e3;
}
.popover.bottom>.arrow {
  margin-left: -5px;
  border-bottom-color: #20A3A8;
  top: -14px;
  border-width: 8px;
}
.popover.bottom>.arrow:after {
  border-bottom-color: transparent;
}
/* END POPOVER SHARE */

.document-widget .file {
  background: #ecf1f1;
  border: none;
  padding: 30px;
}
.document-widget .file a {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.document-widget .file i {
  margin-right: 15px;
}
.document-widget .file span {
  letter-spacing: 1px;
}

/* PLACEHOLDER COMPONENTS */
table.sortable-table tr.fields.part-row td.part-img {
  background-image: url("/projecthub/img/icon-components-placeholder.svg");
  background-repeat: no-repeat;
  background-size: 21px;
  background-position: 50%;
}
ul.list-inline.protip-parts i.fa-circle-o {
  display: none;
}


/* COMMENTS FORM */
.r-comments .comments-form .comments-preview, .r-comments .comments-form .comments-form-nav .comments-form-tab.active {
  background: #ecf1f1;
}
.r-comments .comments-form .comments-textarea, .r-comments .comments-form .comments-preview {
  min-height: 190px;
}
.comments-form-button-container {
  border: none;
  padding: 0;
}
.comments-form-button-container button.btn-primary {
  position: relative;
}
.comments-form div.comments-preview p, .r-comments .comments-form .comments-textarea {
  background-color: white;
  padding: 20px;
  margin: 0;
  min-height: 190px;
  color: #666;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  letter-spacing: 0.6px;
}
@media screen and (max-width: 500px) {
  .comments-form div.comments-preview p, .r-comments .comments-form .comments-textarea {
    min-height: 250px;
  }
}

.r-comments .comments-form .comments-textarea {
 border: 6px solid #ecf1f1;
 padding: 20px;
 width: 100%;
 max-width: 100%;
}
.r-comments .comments-form .comments-preview {
  padding: 6px;
}
.r-comments .comments-form .comments-form-button-container {
  border: none;
  margin-top: 10px;
}
/* END COMMENTS FORM */


.part-row .part-img {
  padding: 15px;
}

.table>thead>tr>th, .table-condensed-bordered>thead>tr>th, .table>thead>tr>td, .table-condensed-bordered>thead>tr>td, .table>tbody>tr>th, .table-condensed-bordered>tbody>tr>th, .table>tbody>tr>td, .table-condensed-bordered>tbody>tr>td, .table>tfoot>tr>th, .table-condensed-bordered>tfoot>tr>th, .table>tfoot>tr>td, .table-condensed-bordered>tfoot>tr>td {
  padding: 0;
}


.user #projects-list hr {
  margin-bottom: 10px;
}
section#projects-list div.pull-right a {
  color: #00979C;
  margin-top: 26px;
  display: inline-block;
}
section#projects-list div.pull-right a:hover {
  color: #006569;
}

.highlight-flash {
  text-shadow: none;
  padding: 20px 0;
  background-color: #F39C12 !important;
  color: white !important;
}
.highlight-flash .help-block, .highlight-flash a {
  color: white;
}
.highlight-flash a.btn.btn-default {
  color: #879191 !important;
}
.highlight-flash .form-control, .highlight-flash .select2-container--default .select2-selection--multiple {
  border: 1px solid transparent;
}



a.similar-proj-btn {
  transition: all ease-out .1s;
  width: 100%;
  height: 181px;
  background-color: #F47A20;
  display: inline-block;
  background-image: url("/projecthub/img/icon-similar-projects.svg");
  color: white;
  background-repeat: none;
  background-repeat: no-repeat;
  background-size: 321px;
  background-position: 0px 46px;
  text-align: center;
  padding: 18px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 1px;
}
a.similar-proj-btn:hover, a.similar-proj-btn:focus, a.similar-proj-btn:active {
  transition: all ease-out .1s;
  background-color: #F39C12;
  color: white;
}


.media.protip-author.pull-left-desktop div.media-left {
  width: 100px;
  height: 100px;
  padding: 0;
  position: relative;
  float: left;
}
.media.protip-author.pull-left-desktop div.media-left img {
  width: 100%;
  height: auto;
}
.media.protip-author.pull-left-desktop div.media-body {
  margin: 0 0 0 20px;
  display: inline-block;
  position: relative;
  float: left;
  height: 100px;
}
.media.protip-author.pull-left-desktop div.media-body div.media-heading a, .member-thumb-body h5 a {
  font-size: 27px;
  line-height: 31px;
  margin: 40px 0 20px 0;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  color: #666;
}
.media.protip-author.pull-left-desktop div.media-body div.media-heading a:hover, .member-thumb-body h5 a:hover {
  color: #00979C;
}
.media.protip-author.pull-left-desktop div.media-body ul.list-inline.project-stats {
  list-style-type: none;
  padding: 0;
}
.media.protip-author.pull-left-desktop div.media-body ul.list-inline.project-stats li {
  width: 100%;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  letter-spacing: 1px;
  color: #879191;
}
.media.protip-author.pull-left-desktop div.media-body ul.list-inline.project-stats li span.stat-figure {
  font-weight: 600;
  font-family: "Typonine Sans Bold";
  font-size: 100%;
}


.code-widgets .sidebar ul li a {
  margin-top: 13px;
  color: #666;
}

.protip-parts {
  margin-top: 15px;
}

code, kbd, pre, samp {
  font-size: 14px;
}
.code-widget pre>span, .code-widgets pre>span {
  font-size: 14px;
  line-height: 20px;
}

section.protip-section-heading div.pull-right-desktop a.respect-button {
  display: block;
  margin-bottom: 25px;
}





div.project-actions div.text-center {
  margin-top: 16px;
}
div.project-actions div.text-center a {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  font-size: 15px;
  letter-spacing: 0.6px;
}
div.project-actions div.text-center button {
  font-weight: 600;
  font-family: "Typonine Sans Bold";
  font-size: 15px;
  letter-spacing: 0.6px;
}
div.project-actions div.text-center a[data-target="#embed-popup"] {
  margin-top: 0;
  position: relative;
  top: 5px;
}
.react-btn+.btn:not(.btn-block) {
    margin-left: 15px;
    margin-right: 15px;
}




.wide-thumb img {
  width: 120px;
  background-color: #ecf1f1;
  border: 6px solid white;
}
.wide-thumb img[alt="Default"] {
  padding: 0 15px;
}



#content {
  padding: 28px 0 60px;
}

.btn-info, .btn-info:hover {
  background-color: transparent;
  border-color: transparent;
}
.btn-sm {
  padding: 0;
  vertical-align: baseline;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
}

a {
  color: #00979C;
  text-decoration: none;
}
a:hover, a:focus {
  color: #006569;
  text-decoration: none;
}
.form-group a, .box-content a {
  color: #00979C;
}
.form-group a.btn.btn-default.btn-sm,
.box-content a.btn.btn-default.btn-sm,
a.btn.btn-default.btn-xs {
  color: #879191;
}
.box-content a.btn-danger, .box-content a.btn-success, .box-content a.btn-danger:hover, .box-content a.btn-success:hover {
  color: white;
}

.form-group a:hover, .box-content a:hover {
  color: #006569;
}
.box-content p.text-center {
  margin: 10px 0 25px 0;
}

div#checklist li {
  font-size: 16px;
}
div#checklist li a {
  color: #879191;
}
div#checklist li i {
  margin-top: 2px;
}
h4, .h4 {
  font-size: 21px;
  line-height: 23px;
  letter-spacing: 0.5px;
}

div.template-chooser-container + p.help-block {
  text-align: center;
}

.avatar {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.thumb-inner {
  height: 138px !important;
  padding: 17px 20px 10px 20px !important;
}
.thumb p {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.6px;
}
.thumb .project-stats li {
  font-size: 12px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  letter-spacing: 1px;
  width: auto;
  margin-right: 7px;
}
.thumb .project-stats li:last-child {
  margin-right: 0;
  padding-right: 0;
}
@media screen and (min-width: 992px) and (max-width: 1080px) {
  .thumb .project-stats li {
    letter-spacing: 0.5px;
    margin-right: 3px;
  }
}
@media screen and (max-width: 360px) {
  .thumb .project-stats li {
    letter-spacing: 0.5px;
    margin-right: 3px;
    font-size: 11px;
  }
}

.thumb .project-stats li:last-child {
  margin-right: 0;
}
.section-thumbs > h4 {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.6px;
}
.list-inline > li {
  font-size: 12px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  letter-spacing: 1px;
}
.user-name {
  font-family: "Typonine Sans Medium";
  font-weight: 500;
}
.thumb-image-inner-top {
  padding: 24px 24px;
}
.stat-figure {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}
.project-stats {
  color: #879191;
}
.wide-thumb-body-bottom {
  position: absolute;
  bottom: 12px;
}
@media screen and (max-width: 990px) {
  .wide-thumb-body-bottom button.follow-button.btn.btn-secondary {
    margin: 0;
  }
}
a.follow-button {
  position: relative;
  bottom: 0;
}
.btn, .btn-follow {
  border-radius: 0;
  font-size: 13px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  letter-spacing: 0.6px;
}
.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .btn-follow, .btn-group-sm > .btn, .btn-group-sm > .btn-follow, .btn-group-sm > .btn-follow {
  font-size: 15px;
  line-height: 17px;
}
.btn-default {
  transition: all ease-out .1s;
  border: 1px solid #DADADA;
  color: #7F8C8D;
  background-color: white;
}

#projects-list .btn-default,
div.content.projects .btn-default,
div.content.projects .btn-default:hover,
div.content.projects .btn-default:active,
div.content.projects .btn-default:focus {
  border: none;
}
#projects-list .btn-group > .btn-default {
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid #DADADA;
}
#projects-list .btn-group > .btn-default:last-child {
  border-right: none !important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-group.open .dropdown-toggle {
  transition: all ease-out .1s;
  border: 1px solid #DAE3E3;
  color: #434f54;
  background-color: #DAE3E3;
  box-shadow: none;
}








.btn-group > .btn-default {
  border-left: 0;
  border-right: 1px solid #DADADA;
}
.btn-group > .btn-default:first-child {
  border-left: 1px solid #DADADA;
}
.btn-group > .btn-default:first-child:hover {
  border-left: 1px solid #DAE3E3;
}
.btn-group > .btn-default:last-child {
  border-right: 1px solid #DADADA !important;
}
.btn-group > .btn-default:last-child {
  border-right: 1px solid #DAE3E3 !important;
}

ul.list-unstyled.user-comments-list {
  max-width: 750px;
}
.comment-text p {
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.3px;
  color: #879191;
}
h5.comment-project a {
  margin-right: 8px;
}
h5.comment-project {
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  margin-bottom: 12px;
}
h5.comment-project small {
  text-transform: none;
  letter-spacing: 0.6px;
  font-size: 14px;
}

.ellipsis {
  max-height: 48px;
  overflow: hidden;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #434F54;
  text-decoration: none;
  outline: 0;
  background-color: #DAE3E3;
}
.pagination > li > a, .pagination > li > span {
  transition: all ease-out .1s;
  border: none;
  background-color: #DAE3E3;
  margin-right: 7px;
  color: #7f8c8d;
  box-shadow: 0 4px #BDC7C7;
  top: 0;
  font-size: 13px;
  line-height: 13px;
}
.pagination > li > a:hover {
  transition: all ease-out .1s;
  top: 2px;
  background-color: #DAE3E3;
  box-shadow: 0 2px #BDC7C7;
  color: #7f8c8d;
}
.pagination > li > a:active {
  top: 4px;
  box-shadow: none;
}
.pagination > li > a:focus {
  outline: none;
  background-color: #DAE3E3;
}
.pagination > .active > a {
  background-color: #00979C;
  box-shadow: 0 4px #005c5f;
}
.pagination > .active > a:hover {
  background-color: #00979C;
  box-shadow: 0 2px #005c5f;
}
.pagination > .active > a:focus {
  background-color: #00979C;
}
.pagination > li:last-child > a, .pagination > li:first-child > a {
  border-radius: 0;
}
.pagination > li.disabled > a, .pagination > li.disabled > a:hover, .pagination > li.disabled > a:focus {
  background-color: #DAE3E3;
  color: #A5A5A5;
  cursor: default;
}
.pagination > li.disabled > a:hover {
  top: 0;
  box-shadow: 0 4px #BDC7C7;
}

.btn-default.btn-sm, .btn-group-sm > .btn-default.btn, .btn-group-sm > .btn-default.btn-follow {
  padding: 10px 14px;
  margin-right: 7px;
}
body.whitelabel .navbar .navbar-brand {
  padding: 18px 0 0 0;
}
.navbar .navbar-in {
  max-width: 1170px;
  margin: 0 auto;
}
#navbar-right {
  padding-right: 0;
}
.navbar-brand {
  font-family: "Typonine Sans Regular";
  font-weight: 400;
  font-size: 30px;
  line-height: 20px;
  text-transform: uppercase;
}
.navbar-brand a {
  color: #00979C;
  font-weight: 600;
  font-family: "Typonine Sans Bold";
  letter-spacing: 0.4px;
}


.dropdown-menu {
  border-radius: 0;
  border: none;
  box-shadow: none;
  background-color: #f5f5f5;
  box-shadow: 0 0 0 3px rgba(0,0,0,.1);
  border-top: 3px solid #00979C;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 15px;
  color: #434F54;
  letter-spacing: 0.7px;
  min-width: 185px;
}

.dropdown-menu li.active a {
  background-image: url("/projecthub/img/icon-checked.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position-x: calc(100% - 10px);
  background-position-y: 10px;
}

.dropdown-menu > li > a {
  padding: 6px 34px 6px 14px;
  color: #434F54;
  font-size: 13.5px;
  line-height: 20px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #434F54;
  text-decoration: none;
  outline: 0;
  background-color: #dae3e3;
}
div.dropdown-caret {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 8.5px 7.5px;
  border-color: transparent transparent #00979C transparent;
  position: absolute;
  z-index: 3;
  top: -10px;
  left: 12px;
}
div.user-profile div.dropover.simple {
  font-size: 12px;
  line-height: 15px;
  color: #434F54;
  letter-spacing: 0.7px;
}


button.dropdown-toggle+ul.dropdown-menu {
  max-height: 349px;
  overflow-y: auto;
}
.dropdown-menu.pull-right {
  right: auto;
  left: 0;
}
.pe-panel {
  font-size: 16px;
}
div.pe-panel#hardware .table > tbody > tr > td {
  vertical-align: middle;
}
div.pe-panel#team .form-horizontal .fields,
div.panel div.form-fields div.fields {
    margin-bottom: 40px;
}
div.pe-panel#hardware p.text-muted {
  text-align: center;
  margin-bottom: 20px;
}
div.pe-panel#hardware div.btn-group,
div.pe-panel#software div.btn-group {
  width: 100%;
}
div.pe-panel#hardware div.btn-group a.btn.btn-sm.btn-default.modal-open.modal-reset {
  width: 50%;
}
div.pe-panel#software div.btn-group a.btn.btn-sm.btn-default.modal-open.modal-reset {
  width: 33%;
}
.parts-widget td {
  background: #F4F7F7;
}
.parts-widget select {
  border-right: 1px solid #ddd;
}
div.pe-panel#hardware ul.list-inline, div.pe-panel#software ul.list-inline {
  margin: 0;
}
div.pe-panel#hardware div#hardware-parts-form select.form-control.select2 {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.help-block {
  text-align: left;
  color: #879191;
  margin: 10px 0 20px;
  font-size: 16px;
  line-height: 20px;
}

select[multiple] {
  min-height: 160px;
}

div.pe-panel div.box div.form-group a[data-method="patch"] {
  margin-top: 11px;
}

.form-control option {
  margin: 5px 0;
  font-size: 16px;
  line-height: 20px;
  font-family: "Typonine Sans Regular";
  font-weight: 400;
}

.btn .caret, .btn-follow .caret {
  margin-left: 7px;
}

div.navbar a#new_project {
  max-height: 34px;
}

.btn-primary, .btn-secondary, .btn-warning.entry-withdraw {
  transition: all ease-out .1s;
  position: relative;
  background: #00979C;
  border: 0;
  top: 0;
  box-shadow: 0 6px #005c5f;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 13px;
  padding: 12px 20px 9px 20px;
  letter-spacing: 0.9px;
  max-height: 34px;
  font-family: "Typonine Sans Medium";
  font-weight: 500;
}
.btn-warning.entry-withdraw, 
.btn-warning.entry-withdraw:focus {
  color: white;
  background-color: #da5b4a;
  box-shadow: 0 6px #a0433c;
}
.btn-warning.entry-withdraw:hover {
  transition: all ease-out .1s;
  color: white;
  background-color: #da5b4a;
  top: 2px;
  box-shadow: 0 4px #a0433c;
}
.btn-warning.entry-withdraw:active {
  transition: all ease-out .1s;
  color: white;
  background-color: #da5b4a;
  box-shadow: none;
  top: 6px;
}
.project-contest-entry-submit .btn-warning.entry-withdraw, 
.project-contest-entry-submit .btn-primary {
  position: relative;
  float: left;
}

.user-info .btn-primary, .user-info .btn-secondary {
  max-height: none;
  word-break: break-word;
  white-space: normal;
}
.btn-primary.add-project {
  height: 34px;
  border-left: 1px solid rgba(0, 92, 95, 0.5);
  padding-left: 0;
  padding-right: 0;
  width: 47px;
}
.btn-primary.add-project span {
  background-image: url("/projecthub/img/Global-Plus.svg");
  background-size: 11px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
}

.btn-primary i.fa-cloud-download,
.btn-primary i.fa-clipboard {
  color: transparent;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 18px;
  height: 18px;
  position: relative;
  top: -4px;
}
.btn-primary i.fa-cloud-download {
  background-image: url("/projecthub/img/icon-download.svg");
}
.btn-primary i.fa-clipboard {
  background-image: url("/projecthub/img/icon-copy.svg");
  left: 2px;
}

.repository .button-content-container {
  margin-bottom: 15px;
}
.repository .button-content .buttons .btn-primary {
  margin-bottom: 10px;
}

.repository .comment {
  font-size: 18px;
}
.repository h5,
.code-widgets .preview-header h5 {
  margin: 0 0 5px;
  font-size: 20px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  line-height: 25px;
  padding-top: 4px;
}
.code-widgets .preview-header h5 small {
  font-size: 18px;
  font-weight: 300;
  font-family: "Typonine Sans Light";
  margin-left: 10px;
}
.repository .button-content h5 {
  vertical-align: baseline;
}

.btn-secondary {
  background: #DAE3E3;
  box-shadow: 0 6px #BDC7C7;
  color: #7f8c8d;
}

.btn-cancel {
  background: #da5b4a;
  box-shadow: 0 6px #A03D30;
  color: #fff;
  padding: 12px 20px 9px 20px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  font-family: "Typonine Sans Bold";
  line-height: 13px;
  letter-spacing: 0.9px;
  position: relative;
}

.btn-cancel .btn-danger,
.btn-cancel .btn-danger:hover,
.btn-cancel .btn-danger:active,
.btn-cancel .btn-danger:focus {
  background: transparent;
  border: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  font-family: "Typonine Sans Bold";
  line-height: 13px;
  letter-spacing: 0.9px;
}


.part-row .part-img {
  width: 140px;
  padding: 0;
}
.part-row .part-img img {
  max-width: 100%;
  width: 100%;
}

.pe-nav + .pe-nav {
  margin-left: 65px;
}
.pe-nav li a.tab-create {
  background: transparent;
  box-shadow: none;
  color: #95A5A6;
  border: none;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  transition-property: color;
  transition-duration: 0.2s;
  transition-delay: 0s;
  padding: 5px 6px;
  border-radius: 0;
  border: 1px solid transparent;
  margin-right: 16px;
}
.pe-nav li:last-child a.tab-create {
  margin-right: 0;
}
.pe-nav li a.tab-create:hover {
  color: #566262;
  transition-property: color;
  transition-duration: 0.2s;
  transition-delay: 0s;
}
.pe-nav li a.tab-create.active {
  border: 1px solid #95A5A6;
  color: #566262;
}
.btn-primary:hover {
  transition: all ease-out .1s;
  background: #00979C;
  top: 2px;
  box-shadow: 0 4px #005c5f;
}
.btn-secondary:hover {
  transition: all ease-out .1s;
  background: #DAE3E3;
  top: 2px;
  box-shadow: 0 4px #BDC7C7;
  color: #7f8c8d;
}
.btn-cancel:hover {
  transition: all ease-out .1s;
  background: #da5b4a;
  top: 2px;
  box-shadow: 0 4px #A03D30;
  color: #fff;
}
.btn-primary:active {
  transition: all ease-out .1s;
  background: #00979C;
  box-shadow: none;
  top: 6px;
}
.btn-secondary:active {
  transition: all ease-out .1s;
  background: #DAE3E3;
  top: 6px;
  box-shadow: none;
}
.btn-cancel:active {
  transition: all ease-out .1s;
  background: #da5b4a;
  top: 6px;
  box-shadow: none;
}
.btn-primary:focus {
  background: #00979C;
  outline: none;
}
.btn-secondary:focus {
  background: #DAE3E3;
  outline: none;
  color: #7f8c8d;
}
.btn-cancel:focus {
  background: #da5b4a;
  outline: none;
  color: #fff;
}

.ios #sign_in_container {
  position: absolute;
}

.pull-right {
  padding-top: 0 !important;
  margin-top: 12px;
}

div#error.col-md-offset-2 {
    margin-bottom: 130px;
}

.ios #ino-create-nav {
  position: absolute;
}

#navbar-search .form-control, #navbar-search-mobile .form-control {
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0.9px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  background-color: #ecf1f1;
  padding: 0 20px 0 45px;
  height: 40px;
  width: 300px;
  margin-right: 0;
  border-radius: 0;
}
.select2-container--default .select2-selection--multiple {
  border-radius: 0;
  border: 1px solid #DADADA;
}
#navbar-search input[type=text], #navbar-search-mobile input[type=text] {
  text-transform: none;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  color: #7f8c8d;
  letter-spacing: 0.6px;
}


::-webkit-input-placeholder {
   text-transform: uppercase;
   font-weight: 500 !important;
   font-family: "Typonine Sans Medium";
   letter-spacing: 1px;
   padding-top: 2px;
}
:-moz-placeholder {
   text-transform: uppercase;
   font-weight: 500 !important;
   font-family: "Typonine Sans Medium";
   letter-spacing: 1px;
   padding-top: 2px;
}
::-moz-placeholder {
   text-transform: uppercase;
   font-weight: 500 !important;
   font-family: "Typonine Sans Medium";
   letter-spacing: 1px;
   padding-top: 2px;
}
:-ms-input-placeholder {
   text-transform: uppercase;
   font-weight: 500 !important;
   font-family: "Typonine Sans Medium";
   letter-spacing: 1px;
   padding-top: 2px;
}
div#protip_attachments .btn-group {
  width: 100%;
}
div#protip_attachments a.btn.btn-sm.btn-default.modal-open.modal-reset {
  width: 33.333333333%;
}
div#protip_attachments i.fa {
  margin-right: 9px;
}
div.pe-panel div.clearfix {
  min-height: 55px;
}
div.pe-panel.project-editor div.clearfix {
  margin-bottom: 25px;
}
div.pe-panel.project-editor div.clearfix ul.list-unstyled.list-inline li:last-child {
  padding-right: 0;
}
div.pe-panel.project-editor div.clearfix ul.list-unstyled.list-inline a.btn.btn-link {
  font-size: 18px;
}
div.pe-panel.project-editor div.clearfix h3.pull-left {
  margin-top: 36px;
}
div.pe-panel .btn-sm.btn-success {
  padding: 10px 20px;
  font-weight: 600;
  font-family: "Typonine Sans Bold";
}
div.pe-panel#team textarea {
  margin-right: 0;
  width: 100%;
  max-width: 185px;
}
a.btn.btn-sm.btn-danger.remove_nested_fields {
  width: 26px;
  height: 26px;
  border-radius: 13px;
}

.pe-panel#hardware ul.list-inline.pull-right li:last-child,
.pe-panel#software ul.list-inline.pull-right li:last-child {
    position: relative;
    top: -3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  left: 50%;
  margin-left: -4px;
  margin-top: -12px;
  top: 50%;
}

div.pe-panel#team a.btn-xs.btn-success.add_nested_fields,
div.pe-panel#team a.btn-xs.btn-danger.remove_nested_fields,
div.pe-panel#team a.btn-xs.btn-success.nested-field-table.add_nested_fields,
div.panel-body a.btn-xs.btn-danger.remove_nested_fields {
  margin-left: 0 !important;
  float: right;
  position: relative;
  margin-top: 10px;
}
tr.sortable-disabled td {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.table-condensed > tbody > tr > td {
  padding: 15px 5px;
}
.form-horizontal .fields .form-group {
  margin-bottom: 15px;
}
.form-horizontal .fields {
  margin-bottom: 20px;
  margin-top: 20px;
}
.box + .box {
  margin-top: 20px;
  padding-bottom: 20px;
}
.form-horizontal .checkbox {
  margin-bottom: 20px;
}
.table > thead > tr > th {
  border-bottom: 1px solid #C5C5C5;
}
.box-title.small-title .subheading,
div.panel-body p.text-muted {
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  color: #879191;
}
div.panel-body p.text-muted {
  text-align: center;
  padding: 0 40px;
}
div#team-form th {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}

.box-title h4, div.panel-heading h4 {
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  font-size: 24px;
  line-height: 26px;
  color: #666;
  margin-bottom: 10px;
  text-align: center;
}
div.panel-heading h4 {
  margin: 0 0 10px 0;
}
.panel-default > .panel-heading {
  background-color: white;
  border: none;
  padding: 20px 20px 15px;
  border-bottom: 3px solid #ecf1f1;
}
.panel-default {
  border: none;
}
.panel {
  border-radius: 0;
  box-shadow: none;
}

.btn-success {
  background: #39C19D;
  border: 1px solid #39C19D;
}
.btn-success:hover, .btn-success:active, .btn-success:focus {
  background: #38CAA3;
  border: 1px solid #38CAA3;
  box-shadow: none;
}
.btn-danger {
  color: #fff;
  background-color: #da5b4a;
  border-color: #da5b4a;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background-color: #EA6D5C;
  border-color: #EA6D5C;
  box-shadow: none;
}


/* MODERATOR REVIEW */
  #project-review .review-frame {
    top: 3px;
    bottom: 3px;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    border: none;
    right: -15px;
  }

  .review-item-comment, .review-item-decision {
    border-radius: 0;
  }

  .review-item-comment .review-item-header,
  .review-item-decision .review-item-header {
    background: #ecf1f1;
    border: none;
  }

  .review-item.r-comments {
    padding-top: 25px;
    border: none;
  }

  .frame-nav .clearfix .pull-right {
    margin-left: 10px;
    width: 19px;
    margin-top: 0;
  }

  .frame-nav p,
  .review-item-comment .review-item-body,
  .review-item-decision .review-item-body,
  .review-item-header {
    font-size: 16px;
    color: #879191;
  }

  .frame-nav .clearfix .pull-left a.btn-link {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 30px;
  }

  .review-item p:last-child {
    margin-bottom: 10px;
  }

  div#project-review div.alert.alert-warning p {
    color: #fff;
    margin-bottom: 10px;
  }
/* END MODERATOR REVIEW */

@media screen and (max-width: 760px) {
  div#showcase-first-project {
    display: none;
  }
}




/* PROFILE PAGE > TOOLBOX */
.part-thumb {
  border: none;
  border-radius: 0;
  padding: 0;
}
.part-thumb a.img-container:hover .description {
  background: rgba(0,151,156,0.95);
}
.part-thumb .description {
  padding: 28px 24px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.6px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}
.part-thumb .img-container {
  min-height: 270px;
  background-color: #f4f4f4;
}
.part-thumb h3 {
  padding: 30px 20px;
  font-size: 21px;
  line-height: 23px;
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  text-align: left;
  margin: 0;
  background: #fff;
  min-height: 108px;
  white-space: normal;
  transition-property: background;
  transition-duration: 0.2s;
}
.part-thumb h3 a {
  color: #879191;
}
.part-thumb h3 a:hover {
  color: #00979C;
}
.part-thumb a.img-container:hover + h3 {
  background-color: #DAE3E3;
  color: #747B7B;
  transition-property: background-color;
  transition-duration: 0.2s;
}
.part-thumb a.status:hover + .img-container + h3 {
  background-color: #DAE3E3;
  color: #747B7B;
  transition-property: background-color;
  transition-duration: 0.2s;
}
.part-thumb a.status:hover {
  background: linear-gradient(180deg, rgba(0,151,156,0.95) 270px, transparent 1px);
  transition-property: background;
  transition-duration: 0.2s;
}
.toolbox-selector .part-thumb.is-selected .status,
.toolbox-selector .part-thumb.is-loading .status {
  background: transparent;
}
/* END PROFILE PAGE > TOOLBOX */

/* STORY - MAKE LINK */
.react-link-popover-wrapper .react-link-popover {
  box-shadow: none;
  border-radius: 0;
}
.react-link-popover-wrapper .react-link-popover .link-popover-default-container {
  border-radius: 0;
  max-width: 500px;
  padding: 0;
  border-bottom: 3px solid #20A3A8;
  background-color: #F7F7F7;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
}
.react-link-popover-wrapper .react-link-popover .link-popover-default-container a {
  color: #00979C;
}
.react-link-popover-wrapper .react-link-popover .link-popover-default-container a:hover {
  color: #006569;
}
.react-link-popover-wrapper .link-popover-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #20A3A8 transparent transparent transparent;
}
.react-link-popover-wrapper .react-link-popover .link-popover-change-container .link-popover-input {
  color: #434F54;
  width: 100%;
  text-align: left;
  letter-spacing: 0.5px;
  font-size: 13.5px;
  line-height: 14px;
  height: auto;
  display: inline-block;
}
.react-link-popover-wrapper .react-link-popover .link-popover-change-container label {
  color: #434F54;
  font-size: 13.5px;
  line-height: 20px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  padding: 8px 14px;
  margin: 0;
  font-family: "Typonine Sans Bold";
  font-weight: 600;
}
/* END STORY - MAKE LINK */



/* RESPONSIVE COMPONENTS AND SUPPLIES */
@media screen and (max-width: 500px) {
  table.sortable-table.fields-container td.part-img {
    width: 20%;
  }
}
@media screen and (max-width: 400px) {
  table.sortable-table.fields-container td.part-img {
    width: 15%;
  }
  table.sortable-table.fields-container td {
    font-size: 14px;
    line-height: 19px;
    padding-right: 0;
  }
  table.sortable-table.fields-container tr.fields td:last-child {
    padding-right: 10px;
    padding-left: 10px;
  }
  .table>tbody>tr>td {
    padding: 0;
  }
}
/* END RESPONSIVE COMPONENTS AND SUPPLIES */








/* COMPONENTS HOVER */


  /*
  ===================
  FIX COMPONENT TABLE
  ===================
  */

  section#components .part-body {
      margin: 16px 0;
      display: inline-block;
  }

  section#components .part-body .part-name a {
      height: auto;
      min-height: 0;
      padding-top: 0;
  }

  section#components .part-body .part-comment td {
      padding: 4px 10px 0 10px;
  }

  section#components .part-img img {
  }

  /*
  ===================
  END FIX COMPONENT TABLE
  ===================
  */

  .parts-table tr a {
    color: #879191;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-top: 56px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 140px;
  }
  .parts-table tr a:hover {
    color: #879191;
  }
  .parts-table tr td.part-img a {
    padding: 0;
  }
  @media screen and (max-width: 500px) {
    .parts-table tr td.part-img a {
      padding-top: 30px;
    }
  }
  @media screen and (max-width: 400px) {
    .parts-table tr td.part-img a {
      padding-top: 9px;
    }
    .parts-table tr a {
      padding-top: 15px;
      min-height: 70px;
    }
  }
/* END COMPONENTS HOVER */








/* RESPONSIVE CODE BLOCK */
@media screen and (max-width: 500px) {
  .code-widgets {
    height: auto;
  }
  .code-widgets .sidebar {
    border-right: 1px solid #ddd;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
  }
  .code-widgets .preview-pane.active {
    display: block;
    width: 100%;
    position: relative;
    left: 0;
  }
  .code-widgets .sidebar {
    height: auto;
    display: inline-block;
  }
  .code-widgets .preview-body {
    height: 340px !important;
  }
  .code-widgets .preview-header h5,
  .repository .button-content h5 {
    width: 100%;
    display: block;
    margin-bottom: 12px;
  }
  .code-widget .button-content .buttons,
  .repository .button-content .buttons,
  .code-widgets .button-content .buttons {
    position: relative;
    display: inline-block;
    top: auto;
    margin-bottom: 12px;
  }
  .buttons.btn-group.btn-group-default {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
  }
}
/* END RESPONSIVE CODE BLOCK */





/* Editor Project Story */
.react-editor-toolbar-container .react-editor-toolbar-wrapper .react-editor-toolbar .toolbar-btn:hover {
  color: #fff;
  background-color: #00979C;
}
.story-editor .draftster-block {
  font-size: 1.5rem;
  word-wrap: break-word;
  font-family: "Typonine Sans Regular";
  font-weight: 400;
  font-size: 18px;
}
.story-editor h3.draftster-header-three {
  font-size: 27px;
  line-height: 31px;
  margin: 40px 0 20px 0;
  padding-top: 0;
}
.react-editor-carousel,
.react-editor-video {
  margin: 60px 0;
}
.react-editor-carousel .react-editor-carousel-inner .react-editor-figure .react-editor-image-wrapper .react-editor-figcaption,
.react-editor-video .react-editor-carousel-inner .react-editor-figure .react-editor-image-wrapper .react-editor-figcaption {
  color: #879191;
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
  font-family: "Typonine Sans Regular";
  font-weight: 400;
}
.react-editor-toolbar-container .react-editor-toolbar-wrapper .react-editor-toolbar {
  z-index: 0;
}
.react-editor-image-overlay {
  z-index: 0;
}
.react-editor-image-overlay .reit-toolbar .embed-toolbar-btn {
  padding: 12px 15px;
  max-height: 100%;
  width: 55px;
  height: 48px;
}
.react-editor-toolbar-container .react-editor-toolbar-wrapper.fixed-toolbar {
  top: 65px;
}
.react-editor-carousel button {
  border-radius: 0! important;
}
.react-editor-carousel button.btn-danger {
  // max-height: 34px;
  box-shadow: 0 6px #963E3E;
  transition: all ease-out .1s;
  background-color: #da5b4a;
}
.react-editor-carousel button.btn-danger:hover {
  transition: all ease-out .1s;
  top: 2px;
  box-shadow: 0 4px #963E3E;
  background-color: #da5b4a;
}
.react-editor-carousel button.btn-danger:active {
  transition: all ease-out .1s;
  top: 6px;
  box-shadow: none;
  background-color: #da5b4a;
}
.react-editor-carousel button.btn-danger span.fa {
  top: -8px;
}
.react-editor-carousel button span.fa {
  position: relative !important;
  top: -7px;
}





/* End Editor Project Story */

.parts-widget .select2--text-only {
  padding: 23px;
  display: block;
}
.form-horizontal .parts-widget .control-label {
  padding-top: 25px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 12px;
  right: 1px;
  width: 20px;
}
.form-horizontal .parts-widget .control-label.comment-label {
  padding-top: 14px;
}
.react-btn+.btn:not(.btn-block) {
  margin-left: 15px;
}
.react-btn+.btn:not(.btn-block) {
  margin-top: 5px;
}


/* Responsive Dropover Toolbar */
div#feed_cont {
  display: none;
}
.grid_row {
  margin-left: 0;
}
/* End Responsive Dropover Toolbar */


#navbar-search .input-group-addon {
  top: 12px;
  position: absolute;
  z-index: 3;
}
.create-logo {
  float: left;
  background-image: url("/projecthub/img/ProjectHub-logo_compressed.svg");
  background-size: 237px;
  background-repeat: no-repeat;
  height: 36px;
  width: 308px;
  margin-left: -22px;
  margin-top: 10px;
  transition-property: height, background-size;
  transition-duration: 0.2s, 0.1s;
}
.arduino-bbq.collapsed #navigation{
  height: 66px;
  padding-top: 0;
  padding-bottom: 0;
  transition: all ease-out .1s;
}

.arduino-bbq.collapsed #navigation .create-logo {
  background-image: url("/projecthub/img/ProjectHub-logo_compressed.svg");
  margin-top: 13px;
  height: 36px;
  background-size: 237px;
  transition-property: height, background-size;
  transition-duration: 0.2s, 0.1s;
  position: absolute;
  left: 0;
}
a.create-logo:hover {
  opacity: 0.7;
}
body.whitelabel .navbar .navbar-brand {
  display: none;
}
.arduino-bbq #filler-bg-toolbar {
  background: white;
  width: 100%;
  height: 20px;
  position: absolute;
  height: 55px;
  margin-top: -55px;
}
.arduino-bbq.collapsed #filler-bg-toolbar {
  height: 15px;
  margin-top: -15px;
  transition: all ease-out .1s;
}

/* FIXME this is used somewhere? */
div#tob-bar-bg {
  position: fixed;
  width: 100%;
  height: 50px;
  background-color: rgba(255,255,255,1);
  display: inline-block;
  z-index: 10;
}

.user-profile {
  top: 21px;
  right: 27px;
  position: fixed;
}
.ios .user-profile {
  position: absolute;
}

.feedback-dialog {
  z-index: 12001;
}
a#add_project {
  margin-bottom: 9px;
}

#navigation {
  height: auto;
  background: #fff;
  padding: 7px 26px 15px 26px;
  width: calc(100% - 140px);
  margin-left: auto;
  margin-right: auto;
  transition: all ease-out .1s;
  z-index: 11;
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: transparent;
}

.box-title .subheading {
  font-size: 20px;
  line-height: 26px;
  padding: 0 23px;
  font-family: "Typonine Sans Light";
  font-weight: 300;
}

i.fa.fa-circle-o.small {
    font-size: 7px;
    margin-right: 8px;
    top: -1px;
    position: relative;
}

i.fa-code-fork {
  background-image: url("/projecthub/img/icon-fork.svg");
}
i.fa-share-square-o {
  background-image: url("/projecthub/img/icon-share.svg");
}
i.fa-bookmark-o {
  background-image: url("/projecthub/img/icon-bookmark.svg");
}


i.fa-cloud-upload, i.fa-link, i.fa-code-fork, i.fa-share-square-o, i.fa-bookmark-o {
  color: transparent;
  background-size: 15px;
  background-repeat: no-repeat;
  width: 15px;
}
div.pe-panel#hardware i.fa-cloud-upload,
div.pe-panel#hardware i.fa-link,
div.pe-panel#software i.fa-cloud-upload,
div.pe-panel#software i.fa-link {
  margin-right: 9px;
}
i.fa-cloud-upload {
  background-image: url("/projecthub/img/icon-upload.svg");
}
i.fa-link {
  background-image: url("/projecthub/img/icon-link.svg");
  background-size: 18px;
  width: 18px;
}
i.fa-times-circle-o {
  color: transparent;
  background-size: 16px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  background-image: url("/projecthub/img/Global-Close.svg");
  background-position: 50% 50%;
  position: relative;
  top: 5px;
  left: 0;
}

div#mini-footer {
  background-color: white;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
}
div#mini-footer a.logoArduinoGenuino {
  background-image: url("/projecthub/img/Arduino-logo.svg");
  background-size: 124px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 90px;
  width: 170px;
  margin: 15px 0;
  border-right: 1px solid #7fcbcd;
}
div#mini-footer a.logoArduinoGenuino:hover {
  opacity: 0.7;
}
div#mini-footer p {
  font-size: 13px;
  line-height: 17px;
  margin: 31px 0 10px 50px;
  display: inline-block;
}
div#mini-footer a#hackster-logo {
  background-image: url("/projecthub/img/hackster_logo.png");
  background-size: 160px;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  height: 30px;
  width: 160px;
  top: 8px;
  margin-left: 4px;
  transition-property: opacity;
  transition-duration: 0.2s;
}
div#mini-footer a#hackster-logo:hover {
  opacity: 0.7;
  transition-property: opacity;
  transition-duration: 0.2s;
}

@media screen and (max-width: 700px) {
  div#mini-footer {
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
  }

  div#mini-footer a.logoArduinoGenuino {
    margin: 15px 0 6px 0;
    border-right: 0;
    border-bottom: 1px solid #7fcbcd;
    height: 106px;
    width: 122px;
  }

  div#mini-footer p {
    margin: 10px 0 30px;
  }

  div#mini-footer a#hackster-logo {
    background-size: 130px;
    height: 30px;
    width: 130px;
  }
}

#content.project-page {
  padding: 50px 0 60px;
}
div.info-header {
  display: none;
}
.project-banner-inner {
  background-image: none;
  padding: 10px 40px 20px;
  background: #bdc7c7;
}
.project-banner-inner .project-stats {
  color: white;
  letter-spacing: 0.6px;
}
.project-banner-inner h1, .protip-show h1 {
  font-size: 34px;
  line-height: 40px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  letter-spacing: 0.5px;
  margin-bottom: 22px;
}

.project-banner-inner .project-one-liner {
  margin-bottom: 30px;
}

@media screen and (max-width: 414px) {
  .project-banner-inner h1, .protip-show h1 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 18px;
  }
  .project-banner-inner {
    padding: 4px 25px 20px;
  }
  .project-banner-inner .project-one-liner {
    margin-bottom: 25px;
  }
}

.protip-show h1 {
  margin-bottom: 30px;
}




/* SINGLE TOOL PAGE */
.part-box .img-tool-container {
  background-color: #f4f4f4;
}
.part-box h3 {
  font-size: 34px;
  line-height: 40px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  letter-spacing: 0.5px;
  text-align: left;
  margin: 30px 0;
}
.part-box h3 a {
  color: #666;
}
.part-box h3 a:hover {
  color: #00979C;
}
.part-box.box ul.links.list-inline {
  margin-bottom: 20px;
}
.part-box.box ul.links.list-inline a {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  letter-spacing: 0.6px;
  vertical-align: middle;
}
.part-box.box ul.links.list-inline a.btn-secondary {
  line-height: 15px;
  color: #7f8c8d;
  padding-bottom: 26px;
}
.part-box.box .image {
  margin-top: 40px;
  padding-left: 27px;
}
.part-box.box .image .action-buttons {
  text-align: left;
  margin-top: 20px;
}
.part-box.box .image .action-buttons button, .part-box.box .image .action-buttons .follow-button {
  display: inline-block;
  width: auto;
  margin-bottom: 20px;
  color: white;
}

.part-box.box .image .action-buttons .follow-button.btn-secondary {
  color: #7f8c8d;
}
.box-content a.btn-primary {
    color: white;
}

.part-box.box .image .action-buttons a.btn.btn-link {
  text-align: left;
}
.main-section-actions .btn-group button.dropdown-toggle {
  border-left: 3px solid white;
}
.main-section-actions .btn-group button.dropdown-toggle:hover {
  border-left: 3px solid #DAE3E3;
}
.main-section-actions .btn-group button.dropdown-toggle:active,
.main-section-actions .btn-group button.dropdown-toggle:focus {
  border-left: 3px solid #DADADA;
}
.create-first-project {
  background-color: white;
  padding: 20px;
}
.create-first-project .btn {
  margin: 10px 0;
}
@media screen and (max-width: 1000px) {
  .part-box.box .image  {
    padding-left: 15px;
  }
  .part-box.box .image {
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  .part-box.box ul.links.list-inline li:first-child {
    display: block;
    margin-bottom: 20px;
  }
}
/* END SINGLE TOOL PAGE */






div.project-page h3, div.project-page .h3 {
    font-size: 27px;
    line-height: 31px;
    margin: 40px 0 20px 0;
}
.project-thumb-mini {
  height: 150px;
}
.project-thumb-mini-inner {
  background-image: none;
  background: rgba(0,151,156,0.95);
  padding: 10px 15px 10px;
}
.project-thumb-mini-inner h4 {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  margin: 0 0 3px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.5px;
}
.project-banner-inner p.project-one-liner {
  letter-spacing: 0.5px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
}
.copyright {
  font-size: 70%;
  color: white;
}
.tag, .protip-show .tag {
  transition: all ease-out .1s;
  border-radius: 0;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  padding: 4px 6px 6px 6px;
  font-size: 14px;
}
.protip-show .tag {
  font-weight: 400;
  font-family: "Typonine Sans Regular";
}
.tag:hover {
  transition: all ease-out .1s;
  color: #00979C;
}

.project-banner-inner .tag:hover {
  color: #95a5a6;
}

.project-banner-inner .copyright {
  transition-property: color;
  transition-duration: 0.1s;
}

.project-banner-inner .copyright:hover {
  color: #4e5b61;
  transition-property: color;
  transition-duration: 0.1s;
}

.protip-show .tag:hover {
  transition: all ease-out .1s;
  color: #444;
}
.member-thumb img.media-object {
  width: 100px;
  height: 100px;
  margin-right: 15px;
}

.project-banner {
  margin-bottom: 0;
}
.project-banner-inner {
  position: relative;
  bottom: auto;
  margin-bottom: 40px;
}



.section-title .title-toggle, .section-title .title {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-size: 20px;
  line-height: 22px;
}

.wide-thumb-body-bottom a.follow-button {
  width: 100%;
}
b, strong {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}
#scroll-nav li.active > a {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}
.other-projects {
  background: #ecf1f1;
}
.btn-link {
  transition: all ease-out .1s;
  color: #00979C;
}
.btn-link:hover, .btn-link:focus {
  transition: all ease-out .1s;
  color: #006569;
  text-decoration: none;
}
.btn-group, .btn-group-vertical {
  margin-bottom: 5px;
}
.btn-group > .btn, .btn-group > .btn-follow, .btn-group-vertical > .btn, .btn-group-vertical > .btn-follow {
  margin-left: 5px !important;
}
.project-switcher {
  height: 70px;
  margin-top: -35px;
}
.wide-thumb-body h5 {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  letter-spacing: 0.5px;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 4px;
}




section#team .thumb.wide-thumb a:hover img {
  opacity: 0.7;
}
section#team .thumb.wide-thumb a:hover {
  color: #00979C;
}

section#team .thumb.wide-thumb a.btn-secondary:hover {
  color: #7f8c8d;
}


.section-thumbs .thumb.wide-thumb a.placeholder-pic {
  display: inline-block;
  float: left;
  width: 120px;
  height: 120px;
  background-image: url(https://dcw9y8se13llu.cloudfront.net/avatars/default.svg);
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center center;
  background-color: #ecf1f1;
  border: 6px solid white;
  transition-property: background-color;
  transition-duration: 0.2s;
}

.section-thumbs .thumb.wide-thumb a.placeholder-pic:hover {
  background-color: #dae3e3;
  transition-property: background-color;
  transition-duration: 0.2s;
}

.section-thumbs .thumb.wide-thumb a.placeholder-pic img {
  display: none;
}



ul.project-stats.list-inline {
  margin-bottom: 4px;
}
.btn-warning i.fa.fa-plus {
  display: none;
}
.btn-warning {
  color: #00979C;
  background-color: transparent;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
  color: #006569;
  text-decoration: none;
  box-shadow: none;
  background-color: transparent;
}
.box {
  border: none;
  border-radius: 0;
}
.box-content {
  padding-bottom: 30px;
}
.box-title {
  padding: 40px 20px;
  border-bottom: 3px solid #ecf1f1;
}
.box-title h2 {
  text-align: center;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  color: #666;
  margin: 0;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: 1.6px;
}

.form-control {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #DADADA;
}
textarea.form-control {
  max-width: 100%;
}
.form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #909090;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: auto;
  margin: 0 auto;
}
.text-success {
  color: #209171;
}
.template-chooser-container label {
  color: #879191;
}
.template-chooser-container .option-title {
  color: #666;
  font-weight: 600;
  font-family: "Typonine Sans Bold";
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 15px;
  line-height: 19px;
}
.template-chooser-container label:hover,
.template-chooser-container [type="radio"]:checked + label:hover {
  background-color: #F4F7F7;
}
.template-chooser-container label:last-child {
  border-radius: 0;
}
label {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}
div:focus,
.btn:focus,
.btn-follow:focus,
.btn.focus,
.focus.btn-follow,
.btn:active:focus,
.btn-follow:active:focus,
.btn:active.focus,
.btn-follow:active.focus,
.btn.active:focus,
.active.btn-follow:focus,
.btn.active.focus,
.active.focus.btn-follow {
  outline: none;
}
.btn-group > .btn {
  margin-left: 0 !important;
}
.btn {
  margin-right: 5px;
}
.btn:last-child {
  margin-right: 0;
}
div.btn-group a, div.btn-group a:hover {
  margin: 0 !important;
  border-right: 1px solid #C0CECE;
}
div.btn-group .btn-primary,
div.btn-group .btn-primary:hover,
div.btn-group .btn-primary:active,
div.btn-group .btn-primary:focus {
  border-right: 1px solid #007579;
}
div.btn-group a:last-child {
  border-right: none !important;
}
.btn-group .btn-default + .btn-default {
  margin-left: 0 !important;
}
.align-right {
  float: right;
}
.margin-bottom-fix {
  margin-bottom: 30px !important;
}
#content-with-sidebar {
  margin-top: 40px;
  background-color: #ecf1f1;
}
#sidebar-container {
  background: #ecf1f1;
  border: none;
  display: none;
}
#content-with-sidebar {
  padding-left: 0;
}
#projects-list, div#main-content {
  box-shadow: none;
  background: #ecf1f1;
  margin: 0;
}

#projects-list .thumb-list {
  margin-top: 40px;
}
#platform-avatar-image {
  top: 0;
  bottom: 40px;
  border-radius: 0;
  border: none;
}
#platform-body {
  border-bottom: 3px solid white;
  box-shadow: none;
}
hr {
  border-top-color: white;
  border-top: 3px solid white;
}
.user #projects-list h2 {
  font-size: 27px;
  line-height: 31px;
  margin: 30px 0 20px 0;
  font-family: "Typonine Sans Regular";
  font-weight: 400;
  color: #666;
}

.user #projects-list p a {
  color: #879191;
  transition-property: color;
  transition-duration: 0.2s;
}
.user #projects-list p a:hover {
  color: #00979C;
  transition-property: color;
  transition-duration: 0.2s;
}


.user #projects-list .btn-primary, .user #projects-list .btn-primary:hover {
  color: white;
}
.thumb-list .thumb-inner a {
  color: #879191;
  transition-property: color;
  transition-duration: 0.2s;
}
.thumb-list .thumb-inner a:hover {
  color: #00979C;
  transition-property: color;
  transition-duration: 0.2s;
}
#projects-list {
  padding-top: 0;
  margin-top: -20px;
}
.badge {
  vertical-align: middle;
  padding: 4px 7px 3px 7px;
  margin-top: -2px;
  margin-left: 4px;
}

div#platform-websites .list-inline > li {
  font-size: 16px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  line-height: 23px;
}
#platform-page .display a:not(.label):hover {
  color: #00979C;
}
#projects-list p .btn-primary {
  margin: 10px 0 35px;
  position: relative;
  float: left;
  margin-right: 15px;
}
strong.text-muted {
  margin: 10px 0;
  display: block;
  clear: both;
}
#projects-list p.smaller.text-muted {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 15px;
  color: #879191;
}
#platform-name {
  color: #666;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}
#projects-list .main-section-actions .btn-group.pull-right {
  margin-top: 0;
}
div#main-content .header.clearfix .pull-right {
  margin-top: 0;
  margin-bottom: 10px;
}

div.thumb-image.has-link-overlay:hover + div.thumb-inner,
div.thumb-image.has-link-overlay:hover + div.thumb-inner .project-stats {
  background-color: #DAE3E3;
  color: #747B7B;
  transition-property: background-color;
  transition-duration: 0.2s;
}
div.thumb-image.has-link-overlay:hover + div.thumb-inner a {
  background-color: transparent;
  color: #747B7B;
}




button.dropdown-toggle + ul.dropdown-menu {
  margin-top: 0;
  border-top: 0;
  left: 3px;
}
button.dropdown-toggle + ul.dropdown-menu div.dropdown-caret {
  display: none;
}

.btn-group .dropdown-toggle, div.content.projects .btn-default.dropdown-toggle {
  border: 3px solid white;
  border-bottom: none;
}
.btn-group .dropdown-toggle:hover, div.content.projects .btn-default.dropdown-toggle:hover {
  border: 3px solid #DAE3E3;
  border-bottom: none;
}
.btn-group.open .dropdown-toggle, div.content.projects .btn-group.open .btn-default.dropdown-toggle {
  z-index: 1001;
  border: 3px solid #DADADA;
  border-bottom: none;
  background-color: white;
}


/* BOOKMARK BOX */
.list-group-wrapper ul.list-group {
  border: none;
  box-shadow: none;
  overflow: visible;
  padding: 15px 15px 20px 15px;
}
.list-group-wrapper ul.list-group label {
  margin-bottom: 15px;
}
.list-group-wrapper ul.list-group input[type=text] {
  height: 40px;
}
.list-group-wrapper ul.list-group span.input-group-btn {
  top: -3px;
}
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active {
  background-color: #00979C;
  border: none;
  box-shadow: 0 6px #005c5f;
  opacity: 0.6;
}
/* END BOOKMARK BOX */




/* EMBED IFRAME */
#embed-popup #project-embed .project-embed-thumb {
  width: 100%;
}
#embed-popup #project-embed .project-embed-thumb div.thumb-image.has-link-overlay {
  background-size: 100%;
}
#embed-popup .popup-overlay-inner {
  padding: 50px 50px 25px 50px;
  background: #ecf1f1;
}
#project-embed {
  background: transparent;
}
.project-embed-thumb .thumb-image:hover:before {
  background: rgba(0,151,156,0.95);
}
.project-embed-thumb .thumb-image-inner {
  background: #fff;
  padding: 20px;
  color: #7f8c8d;
  transition-property: background;
  transition-duration: 0.2s;
}
.project-embed-thumb .thumb-image:hover .thumb-image-inner {
  background: #DAE3E3;
  transition-property: background;
  transition-duration: 0.2s;
}
#project-embed .thumb-image-inner h4,
#project-embed .thumb-image-inner a,
#project-embed .thumb-image-inner p,
#project-embed .thumb-image-inner li,
#project-embed .thumb-image-inner span {
  color: #7f8c8d;
}

#project-embed .thumb-image-inner h4 {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  font-size: 21px;
  line-height: 23px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
#project-embed .project-stats {
  color: white;
}
.popup-overlay .close {
  color: #879191;
  right: 15px;
  opacity: 1;
}
.popup-overlay .close:hover {
  color: #00979C;
  opacity: 1;
}
.project-embed-thumb ul.list-inline.project-stats {
  margin-bottom: 0;
}
div#project-embed input.embed-code {
  margin-top: 10px;
  padding: 10px 12px;
}
div#project-embed input.embed-code:focus {
  outline: none;
}
.popup-overlay-inner .addthis_toolbox {
  margin-bottom: 25px;
}
.popup-overlay-inner .addthis_toolbox a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 680px) {
  #embed-popup .popup-overlay-inner {
    width: 100% !important;
    margin: 0 !important;
    position: relative;
    top: auto;
    left: auto;
    max-width: none;
  }
}
@media screen and (max-width: 400px) {
  #embed-popup .popup-overlay-inner {
    padding: 30px 15px 25px 15px;
  }
}
/* END EMBED IFRAME */



/* RESTYLE EMBEDDED PROJECT */
body#embed div#project-embed {
  margin: 0;
}

body#embed .thumb-image-inner {
  background: #f4f4f4;
  position: relative;
  bottom: auto;
  padding: 17px 20px;
  height: 140px;
  cursor: pointer;
}

body#embed .project-thumb .thumb-image {
  display: inline-block;
  width: 100%;
}

body#embed .thumb-image-inner a, 
body#embed .project-stats, 
body#embed .thumb-image-inner p {
  color: #7f8c8d;
  letter-spacing: 0.5px;
  cursor: pointer;
}

body#embed .thumb-image-inner h4 {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}

body#embed .thumb .project-stats li {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}

body#embed .project-stats {
  position: absolute;
  bottom: 15px;
  left: 20px;
  width: calc(100% - 40px);
}

body#embed .project-embed-thumb .thumb-image:hover:before {
  background: rgba(0,151,156,0.95);
}

body#embed .project-embed-thumb .thumb-image:hover .thumb-image-inner {
  background-color: #DAE3E3;
  color: #747B7B;
  transition-property: background-color;
  transition-duration: 0.2s;
}

body#embed .thumb-image-inner-top {
  padding: 24px;
}

body#embed .thumb-image-inner-top p.description {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  font-size: 16px;
  letter-spacing: 0.6px;
}
/* END RESTYLE EMBEDDED PROJECT */



/* EDIT PRIVATE PROJECT */
.dropdown-menu .divider {
  margin: 0;
}
.btn-group .dropdown-toggle.btn-primary,
.btn-group .dropdown-toggle.btn-primary:hover,
.btn-group .dropdown-toggle.btn-primary:active,
.btn-group .dropdown-toggle.btn-secondary,
.btn-group .dropdown-toggle.btn-secondary:hover,
.btn-group .dropdown-toggle.btn-secondary:active {
  border: none;
}
.section-thumbs .btn-group.open .dropdown-toggle {
  border: none;
  background-color: #DAE3E3;
  position: relative;
  top: 6px;
  color: #7f8c8d;
}
.section-thumbs .btn-group.open .dropdown-toggle + .dropdown-menu.pull-right {
  left: auto;
  right: 0;
  margin-top: 16px;
}
i.fa.fa-ellipsis-v {
  padding: 0 7px;
}
span + i.fa-caret-down {
  margin-left: 10px;
  margin-right: -5px;
}
.section-thumbs .btn-group.open .popover-carat {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #20A3A8 transparent;
  position: absolute;
  right: 13px;
  top: -9px;
}
.popover.fade.bottom.in {
  z-index: 3;
}
.popover-content .alert-warning {
  background-color: #dae3e3;
  color: #879191;
  font-family: "Typonine Sans Regular";
  font-weight: 400;
}
.popover-content .alert-warning p {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.5px;
  margin: 0;
}
.popover-content .alert-warning p a {
  color: #00979C;
  text-decoration: none;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  margin-bottom: 12px;
  display: inline;
  transition-property: color;
  transition-duration: 0.2s;
}

.popover-content .alert-warning p a.inline-block-link {
  display: inline-block;
}

.popover-content i.fa {
  margin-right: 5px;
}

.popover-content .alert-warning p a:hover {
  color: #006569;
  opacity: 1;
  transition-property: color;
  transition-duration: 0.2s;
}
.popover-content .progress {
  background-color: white;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  height: 32px;
}
.popover-content .progress-bar-warning {
    background-color: #f0ad4e;
}
.popover-content .alert {
  border-radius: 0;
  padding: 20px;
  margin: 0;
}

.popover-content .form-group {
  margin: 20px;
}
.popover-content .help-block,
.popover-content .alert-msg,
.popover-content .note-block {
  font-family: "Typonine Sans Regular";
  font-weight: 400;
  text-align: left;
  color: #999;
  margin: 18px 1px 30px 1px;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.5px;
}

.popover-content .note-block {
  margin: 30px 20px -10px 20px;
}

.popover-content .hr {
  display: none;
}
.popover-content .alert-msg {
  margin: 10px 20px;
}
.popover-content label.select.required.control-label,
.popover-content label.select.optional.control-label {
  font-family: "Typonine Sans Regular";
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-size: 14px;
  line-height: 19px;
}
.popover-content .btn-primary,
.popover-content .btn-secondary,
.popover-content .btn-cancel {
  width: calc(100% - 40px)
}
.popover-content .btn-primary,
.popover-content .btn-secondary,
.popover-content .btn-cancel {
  margin-top: 15px;
}
.popover-content {
  padding-bottom: 30px;
}

@media screen and (max-width: 990px) {
  #edit_private_project {
    display: none;
  }
}
/* END EDIT PRIVATE PROJECT */




/* RESPONSIVE HEADER */

a#my_dashboard-mobile {
  display: none;
}
#navbar-search-mobile {
  display: none;
}

@media screen and (max-width: 320px) {
  .thumb p {
    font-size: 13px;
  }
  .create-logo, .arduino-bbq.collapsed #navigation .create-logo {
    width: 208px;
    left: -111px;
    background-size: 208px;
    margin-top: 12px;
  }
}

@media screen and (max-width: 480px) {
  a.login-link {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  a#add_project.btn-primary,
  a#new_project.btn-primary {
    display: none;
  }
  .create-logo {
    width: 237px;
    margin-left: calc(50% - 120px);
    left: auto;
    position: relative;
  }
  .arduino-bbq.collapsed #navigation .create-logo {
    left: auto;
    top: 3px;
  }

  #content {
    padding-top: 43px;
  }
  .content.projects .btn-group-default .btn-group + .btn-group {
    margin-left: 0 !important;
  }
  .content.projects .btn-group.btn-group-default {
    width: 100%;
  }
  .content.projects .btn-default.btn-sm {
    padding: 7px 5px 10px;
    margin-right: 6px;
  }
  .content.projects .btn-sm {
    font-size: 12px;
    line-height: 12px;
  }
  .content.projects .btn .caret {
    margin-left: -1px;
  }
  .content.projects .btn-group #type {
    margin-right: 0;
  }
  .content.projects .btn-group #difficulty + ul.dropdown-menu,
  .content.projects .btn-group #type + ul.dropdown-menu {
    left: auto;
  }
  .content.projects .btn-group #difficulty + .dropdown-menu.pull-right {
    right: 8px;
  }
  .content.projects .btn-group #type + .dropdown-menu.pull-right {
    right: 3px;
  }
  .filters-container {
    width: 290px;
    margin: 0 auto;
  }
  .filters-container .btn-group button.btn-default.btn-sm {
    margin: 0;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
  }
  .filters-container .btn-group {
    width: calc(50% - 4px);
    position: relative;
    float: left;
    margin-bottom: 8px;
  }
  .filters-container .btn-group:nth-child(even) {
    float: right;
  }
  .filters-container .btn-group:last-child:nth-child(odd) {
    width: 100%;
  }
  .pagination {
    width: 100%;
  }
  ul.pagination li {
    display: none;
  }
  ul.pagination li.prev,
  ul.pagination li.next {
    display: inline-block;
    width: 48%;
    position: relative;
  }
  ul.pagination li.prev {
    float: left;
  }
  ul.pagination li.next {
    float: right;
  }
  ul.pagination li.prev a,
  ul.pagination li.next a {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
  }
  .pull-right a#my_dashboard {
    display: none;
  }
  a#my_dashboard-mobile {
    display: block;
    position: relative;
    width: 275px;
    margin: -4px auto 25px;
  }
  #navbar-search {
    display: none;
  }
  #navbar-search-mobile {
    display: block;
    width: 275px;
    margin: 0 auto 8px auto;
  }
  #navbar-search-mobile .form-control {
    text-align: center;
    padding: 0;
    width: 275px;
    padding: 0 45px;
  }
  #navbar-search-mobile .form-control,
  #navbar-search-mobile .input-group-addon {
    background-color: white;
    border: none;
  }
  #navbar-search-mobile .input-group-addon {
    padding: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
  }
  #navbar-search-mobile .input-group-addon i.fa-search {
    left: 20px;
    position: relative;
    z-index: 3;
    top: 13px;
  }
  #navbar-search-mobile .navbar-form {
    margin: 0;
    padding: 0;
  }

}

@media screen and (max-width: 768px) {
  .user-profile .default-usr-pic {
    width: 33px;
    height: 33px;
  }
  .user-profile {
    top: 16px;
  }
  .navbar-form {
    width: 100%;
  }
  .navbar-default .navbar-form {
    border: none;
  }
  #navbar-search + .pull-right {
    text-align: right;
    display: inline-block;
  }
}
@media screen and (max-width: 760px) {
  #navbar-search + .pull-right {
    margin: 0;
  }
  .arduino-bbq.collapsed #navigation .create-logo {
    position: relative;
  }
}


@media screen and (max-width: 960px) {
  #navbar-search {
    width: 203px;
    text-align: right;
  }
}


@media screen and (max-width: 1024px) {
  .pull-right a#new_project span {
    display: none;
  }
  .pull-right a#new_project span.icon-minified {
    background-image: url("/projecthub/img/Global-Plus.svg");
    background-size: 11px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 11px;
    height: 15px;
  }
}
@media screen and (max-width: 1200px) {
  #navbar-search .form-control {
    width: 203px;
  }
}

@media screen and (max-width: 800px) {
  #navbar-search, #navbar-search .form-control {
    width: 175px; 
  }
}
/* END RESPONSIVE HEADER */


@media screen and (min-width: 768px) {
  .thumb-image:hover:before {
    background: rgba(0,151,156,0.95);
  }
  p.description.show-on-hover {
    font-weight: 500;
    font-family: "Typonine Sans Medium";
  }
}
@media screen and (min-width: 761px) {
  .create-logo {
    float: left;
    background-image: url("/projecthub/img/ProjectHub-logo.svg");
    background-size: 308px;
    background-repeat: no-repeat;
    height: 88px;
    width: 345px;
    margin-left: -8px;
    margin-top: 3px;
    margin-bottom: 4px;
    transition-property: height, background-size;
    transition-duration: 0.2s, 0.1s;
  }
}
@media screen and (max-width: 872px) {
  .create-logo {
    margin-top: 7px;
  }
}
@media (min-width: 980px) {
  div#feed_cont {
    display: flex;
  }
  .grid_row {
    margin-left: -18%;
  }
}

@media (min-width: 1350px) {
  .navbar .navbar-in {
    padding-left: 18px;
    padding-right: 15px;
  }
  .create-logo + div.pull-right {
    margin-right: 0;
  }
}

/* GIVE FEEDBACK */
.btn-secondary.give-feedback {
    display: block !important;
    margin: 16px 0 20px 0;
}
.feedback-modal {
    background: #ecf1f1;
    width: calc(100% - 20px);
    max-width: 700px !important;
    margin: 74px auto 50px;
    padding-bottom: 30px;
}

.feedback-modal label {
  font-weight: 400;
  font-family: "Typonine Sans Regular";
}

.feedback-modal .form-group {
  margin-bottom: 25px;
}
.feedback-modal .close {
  color: #879191;
    right: 15px;
    opacity: 1;
    font-family: "Typonine Sans Regular";
    font-weight: 400;
}
.feedback-modal .close:hover {
  color: #00979C;
}
.feedback-modal .btn-primary.pull-right {
  padding-top: 12px !important;
}
.feedback-dialog .form-header {
    font-size: 24px;
    line-height: 27px;
    font-weight: 500;
    font-family: "Typonine Sans Medium";
    letter-spacing: 0.3px;
    color: #879191;
    margin-bottom: 15px;
}
.feedback-dialog .light {
  color: #879191;
  font-size: 16px;
    line-height: 22.4px;
}
.feedback-dialog .form-control {
  border-radius: 0;
  margin-top: 12px;
}
.feedback-modal .checkbox label {
  padding-left: 0;
}
.hackster-reusable .radio-button-label {
  display: block;
  padding-left: 24px;
  position: relative;
}
.hackster-reusable .radio-button-label  input[type="radio"] + span {
  position: absolute;
  left: -5px;
}
.feedback-dialog .form-section {
  border-top: 1px solid #ddd;
}
.hackster-reusable .radio-group [type="radio"]+span:before {
  background: white;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #b3b3b3;
}
.hackster-reusable .radio-group [type="radio"]:checked+span:before {
  background: #879191;
}
.feedback-modal .checkbox input[type="checkbox"] {
  margin-right: 7px;
}
.feedback-dialog h4 {
  letter-spacing: 0.7px;
}
/* END GIVE FEEDBACK */


.fa.fa-arrow-up.draftster-carousel-arrow-up,
.fa.fa-arrow-down.draftster-carousel-arrow-down {
  width: 21px;
  height: 21px;
}
.fa.fa-arrow-up.draftster-carousel-arrow-up {
   background-image: url("/projecthub/img/icon-arrow-up.svg");
 }
.fa.fa-arrow-down.draftster-carousel-arrow-down {
   background-image: url("/projecthub/img/icon-arrow-down.svg");
 }
.fa.fa-arrow-up.draftster-carousel-arrow-up:before,
.fa.fa-arrow-down.draftster-carousel-arrow-down:before {
  content: '';
 }

.react-editor-toolbar-container .react-editor-toolbar-wrapper .react-editor-toolbar .toolbar-btn:hover i.fa-link {
   background-image: url("/projecthub/img/icon-link-hover.svg");
 }

/* MODAL STORY EDITOR */
.draftster-prompt-container {
  background: rgba(0,0,0,0.5);
}

.draftster-prompt-body {
  box-shadow: none !important;
  background: #ecf1f1 !important;
}

.draftster-prompt-inner-body {
  padding: 30px 30px 35px 30px !important;
}

.draftster-prompt-body input[type=text] {
  border-radius: 0 !important;
  margin-bottom: 10px;
  padding: 8px 12px !important;
}
/* END MODAL STORY EDITOR */

/* STORY EDITOR - REORDER IMAGES */
.dialog .dialog-body {
  background: #ecf1f1 !important;
  padding: 30px 50px 35px 50px !important;
}
.carousel-editor .rce-image-container {
  box-shadow: none;
  background: #fff;
  margin-left: 0;
  margin-right: 0;
}
.carousel-editor .rce-image-container .rce-image-wrapper {
  background-color: #fff;
  min-width: 60%;
    margin: 2%;
}
.carousel-editor .rce-image-container .rce-image-wrapper .rce-image {
  background-position-x: initial !important;
}
.carousel-editor .rce-image-container .rce-order {
  min-width: 10%;
    text-align: center;
}
.carousel-editor .rce-image-container .rce-controls {
  margin-right: 20px;
}
.dialog .dialog-body h4 {
  margin: 5px 0 20px 0;
    text-transform: uppercase;
}
.dialog > div {
  margin-bottom: 100px !important;
}
.draftster-btn-primary,
.draftster-btn-secondary  {
  transition: all ease-out .1s;
  position: relative;
  background: #00979C;
  border: 0;
  top: 0;
  box-shadow: 0 6px #005c5f;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 13px;
  padding: 12px 20px 9px 20px;
  letter-spacing: 0.9px;
  max-height: 34px;
  font-family: "Typonine Sans Bold";
  font-weight: 600;
  border-radius: 0;
}
.draftster-btn-secondary + .draftster-btn-primary {
  margin-left: 5px;
}
.draftster-btn-primary:hover  {
  transition: all ease-out .1s;
  background: #00979C;
  top: 2px;
  box-shadow: 0 4px #005c5f;
}
.draftster-btn-secondary {
  background: #DAE3E3;
  box-shadow: 0 6px #BDC7C7;
  color: #7f8c8d;
}
.draftster-btn-secondary:hover {
  transition: all ease-out .1s;
  background: #DAE3E3;
  top: 2px;
  box-shadow: 0 4px #BDC7C7;
  color: #7f8c8d;
}
/* END STORY EDITOR - REORDER IMAGES */

.mobile-auth-button {
    display: none;
}

/* RESTYLE BANNER */
.alert-info {
  background-color: #7fcbcd;
  color: #fff;
  padding: 30px;
}
.alert-info, .alert-info strong, .alert-info .alert-link {
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 21px;
  line-height: 29px;
}
.alert-info .alert-link {
  color: #fff;
  display: inline-block;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  transition-property: color, border-bottom;
  transition-duration: 0.2s, 0.2s;
}
.alert-info .alert-link:hover {
  color: #00979d;
  border-bottom: 1px solid rgba(0, 151, 157, 0.7);
  transition-property: color, border-bottom;
  transition-duration: 0.2s, 0.2s;
}
.alert-info strong {
  display: block;
}
/* END RESTYLE BANNER */

@media screen and (max-width: 480px) {
    .mobile-auth-button {
        display: block;
    }
}

#my_dashboard.logged-out {
  display: none;
}

div.arduino-bbq.collapsed {
  position: fixed;
}
.ios div.arduino-bbq.collapsed {
  position: absolute;
}

/* TABLET MOBILE FILTERS */
#mobile-filters-form select {
  background: white;
  border: none;
  height: 40px;
  font-family: "Typonine Sans Regular";
  font-weight: 400;
  color: #7F8C8D;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: 0.6px;
  width: 135px;
  margin-right: 7px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 18px;
  cursor: pointer;
  -webkit-border-radius: 0px;
  transition-property: background, color;
  transition-duration: 0.2s, 0.2s;
}
#mobile-filters-form select:last-child {
  margin-right: 0;
}

#mobile-filters-form select:hover {
  background: #DAE3E4;
  color: #434f54;
  transition-property: background, color;
  transition-duration: 0.2s, 0.2s;
}
#mobile-filters-form select:focus {
  outline: none;
}

#mobile-filters-form .select-container {
  position: relative;
  display: inline-block;
}

#mobile-filters-form select + span.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  color: #7F8C8D;
  position: absolute;
  top: 18px;
  margin-left: -24px;
  pointer-events: none;
}

@media screen and (max-width: 760px) {
  #mobile-filters-form .select-container select {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 12px;
  }
  #mobile-filters-form select + span.caret {
    margin-left: -18px;
  }
  #mobile-filters-form .select-container {
    margin: 0 0 10px 0;
    width: calc(50% - 5px);
  }
  #mobile-filters-form .select-container:nth-child(odd) {
    margin-right: 5px;
  }
  #mobile-filters-form .select-container:nth-child(even) {
    margin-left: 5px;
  }
  #mobile-filters-form .select-container:last-child {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  div.mobile-filters {
    width: 275px;
    margin: 0 auto;
  }
}
/* END TABLET MOBILE FILTERS */


.desktop-filters .filters-container button.dropdown-toggle {
  max-width: 195px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
}

.desktop-filters .filters-container button.dropdown-toggle .caret {
  position: absolute;
  right: 8px;
  top: 15px;
}



#navigation a#add_project {
  margin-left: 0;
}
#navigation .btn-primary#new_project {
  margin-left: 0;
  margin-bottom: 8px;
}
#navigation a#my_dashboard {
    max-width: 143px;
    margin-bottom: 8px;
}
@media screen and (max-width: 800px) {
  #navigation .btn-primary#new_project {
    padding-left: 13px;
    padding-right: 13px;
  }
  #navigation a#my_dashboard {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (max-width: 869px) {
  #navigation a#add_project {
    padding-left: 57px;
    padding-right: 57px;
  }
  .collapsed #navigation a#add_project {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 800px) {
  #navigation a#add_project {
    padding-left: 43px;
    padding-right: 43px;
  }
  .collapsed #navigation a#add_project {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 380px) {
  .create-logo {
    margin-left: calc(50% - 107px);
  }
}

@media screen and (max-width: 320px) {
  .create-logo {
    margin-left: calc(50% - 90px);
    width: 208px;
    top: 1px;
  }
}



/* CONTEST SECTION */

#challenge ul.manage {
  margin: 11px 0;
  position: absolute;
  right: 0;
}

#challenge ul.manage .btn-default {
  background: #4e5b61;
  border: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 11px 15px;
}

#challenge ul.entries-list p a.btn-primary {
  margin-top: 6px;
}

#challenge .section-thumbs#entries .btn-danger span {
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Typonine Sans Bold";
}

#challenge ul.entries-list .award h5 a {
  font-size: 20px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  letter-spacing: 1px;
  margin-bottom: 3px;
  display: inline-block;
}

#challenge ul.entries-list .award h5 {
  margin: 9px 0;
}

#contests-list h1 {
  text-transform: uppercase;
  color: #666;
  letter-spacing: 2.5px;
  font-size: 40px;
  line-height: 40px;
}

#contests-list p {
  color: #666;
}

h2.past-contest-title, 
#challenge .project-list .thumb-list + h2, 
#challenge .project-list h2, 
#challenge .project-list p.pull-left {
  font-weight: 600;
  font-family: "Typonine Sans Bold";
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-size: 20px;
  line-height: 22px;
  color: #9e846d;
  margin: 30px 0 20px 0;
  text-align: left;
}

#challenge .project-list p.pull-left {
  margin-top: 20px;
}

#challenge .project-list {
  display: inline-block;
}

#challenge .project-list h2 {
  margin-top: 0;
  clear: both;
}

#challenge .project-list a.btn.btn-primary.btn-block.with-name {
  display: inline-block;
  width: auto;
  margin-bottom: 40px;
  margin-left: 15px;
  float: left;
}
#challenge .project-list a.btn.btn-primary.btn-block.with-name + .project-thumb-container {
  clear: left;
}

section.past-contest-container {
  display: inline-block;
  width: 100%;
}

#contests-list span.highlight, 
a.open-contest span.highlight {
  color: #e67e22;
}

#contests-list a.open-contest, a.open-contest, #contests-list a.past-contest {
  display: inline-block;
  width: 100%;
  position: relative;
}

#contests-list a.past-contest {
  width: calc(50% - 10px);
  float: left;
  margin-bottom: 20px;
}

#contests-list a.past-contest img {
  width: 100%;
}

#contests-list a.past-contest:nth-child(odd) {
  margin-right: 10px;
}
#contests-list a.past-contest:nth-child(even) {
  margin-left: 10px;
}
@media screen and (max-width: 640px) {
  #contests-list a.past-contest {
    width: 100%;
  }
  #contests-list a.past-contest:nth-child(odd) {
    margin-right: 0;
  }
  #contests-list a.past-contest:nth-child(even) {
    margin-left: 0;
  }
}

#contests-list a.open-contest img, 
a.open-contest img {
  width: 100%;
}

#contests-list a.open-contest, 
a.open-contest {
  margin-top: 30px;
}

#contests-list a.open-contest hgroup, 
a.open-contest hgroup {
  position: absolute;
  left: 35px;
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
  max-width: 86%;
}
@media screen and (max-width: 880px) {
  #contests-list a.open-contest hgroup, 
  a.open-contest hgroup {
    max-width: calc(100% - 68px);
  }
}


#contests-list a.open-contest hgroup h2, 
#contests-list a.open-contest hgroup h3, 
a.open-contest hgroup h2, 
a.open-contest hgroup h3, 
#contests-list a.past-contest h4 {
  font-weight: 300;
  font-family: "Typonine Sans Light";
  margin: 0;
  color: #00979d;
}
#contests-list a.past-contest h4 {
  text-transform: uppercase;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 35px;
  max-width: 85%;
}
@media screen and (max-width: 880px) {
  #contests-list a.past-contest h4 {
    font-size: 20px;
    line-height: 22px;
  }
}

#contests-list a.open-contest hgroup h2, 
a.open-contest hgroup h2 {
  letter-spacing: 2.5px;
  font-size: 40px;
  line-height: 40px;
  margin: 0 0 15px 0;
}

#contests-list a.open-contest hgroup h3, 
a.open-contest hgroup h3 {
  letter-spacing: 2.5px;
  font-size: 30px;
  line-height: 34px;
}

#contests-list a.open-contest hgroup h3 span.date, 
a.open-contest hgroup h3 span.date,  
#contests-list a.open-contest hgroup h3 span.prize, 
a.open-contest hgroup h3 span.prize {
  display: block;
}

/* FIX BOX SHADOW - TRANSLATE Y ISSUE */
#contests-list a.open-contest hgroup h3 span.date span.text-background, 
a.open-contest hgroup h3 span.date span.text-background {
  line-height: 37px;
}
/* END FIX */

@media screen and (max-width: 1200px) {
  #contests-list a.open-contest hgroup h2, 
  a.open-contest hgroup h2 {
    font-size: 32px;
    line-height: 36px;
  }
  #contests-list a.open-contest hgroup h3, 
  a.open-contest hgroup h3 {
    font-size: 25px;
    line-height: 28px;
  }
  /* FIX BOX SHADOW - TRANSLATE Y ISSUE */
  #contests-list a.open-contest hgroup h3 span.date span.text-background, 
  a.open-contest hgroup h3 span.date span.text-background {
    line-height: 29px;
  }
  /* END FIX */
}



#contests-list span.text-background, 
.open-contest span.text-background {
  display: inline;
  background: #fff;
  box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
}

#challenge .group-nav, #challenge .group-nav.affix {
  background: #c9d2d2;
}

#challenge .group-nav.affix {
  top: 65px;
}

#challenge .group-nav .nav-tabs {
  padding: 8px 0;
  margin-top: 0;
  width: 100%;
  max-width: 1140px;
  display: inline-block;
  margin-left: calc(50% - 570px);
}

#challenge .group-nav.affix .group-nav-inner {
  width: 100%;
  max-width: 1140px;
  display: inline-block;
  margin-left: calc(50% - 570px);
}

#challenge .group-nav.affix .manage {
  background: transparent; 
}

#challenge ul.list-inline.manage.show-affixed {
  float: right;
}

#challenge ul.list-inline.manage.show-affixed li {
  padding-right: 0; 
}
#challenge .group-nav .nav-tabs>li>a {
  padding: 8px 15px;
  border: none;
  color: #7f8c8d;
}
#challenge .group-nav .nav-tabs>li.active>a, 
#challenge .group-nav .nav-tabs>li>a:hover {
  border: none;
  background: #95a5a6;
  border-radius: 2px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  color: #fff;
}

.group-nav .nav-tabs>li>a small {
  font-size: 100%;
  color: #7f8c8d;
}
#challenge .group-nav .nav-tabs>li.active>a small, 
#challenge .group-nav .nav-tabs>li>a:hover small {
  color: #fff;
}

#challenge .group-nav .nav-tabs li {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  margin: 0;
  margin-right: 10px;
}

#challenge .group-nav .brand {
  display: none;
}

#challenge .group-nav.affix .nav-tabs {
  width: auto;
  max-width: none;
  background: transparent;
  margin-top: 2px;
}

#challenge .col-md-8.col-md-pull-4 {
  padding-right: 30px;
}

#challenge .col-md-4.col-md-push-8 {
  padding-left: 30px;
}

@media screen and (max-width: 991px) {
  #challenge .col-md-8.col-md-pull-4 {
    padding-right: 15px;
  }
  #challenge .col-md-4.col-md-push-8 {
    padding-left: 15px;
  }
}

#challenge em {
  font-style: normal;
}

#challenge .section-thumbs div {
  background: #fff;
  padding: 10px 18px;
}

#challenge .section-thumbs div p, 
#challenge .section-thumbs p {
  margin: 0;
  color: #666;
  font-size: 16px;
  line-height: 24px;
}

#challenge .section-thumbs h4 {
  margin-bottom: 16px;
}
#challenge .section-thumbs#status h4 {
  display: none;
}
#challenge .section-thumbs#status {
  background: #f1c40f;
  padding: 14px 18px;
}

#challenge .section-thumbs#entries p {
  margin-top: 0;
  margin-bottom: 15px;
}

#challenge #entries li.award p.clearfix.small span:first-child {
  margin-bottom: 11px;
  display: block;
}

#challenge #entries li.award p.clearfix.small span a.entry-withdraw {
  margin-bottom: 3px;
}

#challenge .section-thumbs#entries .btn-primary + p {
  margin-top: 20px;
  margin-bottom: 0;
}

#challenge .section-thumbs#entries .btn-danger .fa::before {
  content: 'Unregister';
  font-family: "Typonine Sans Bold";
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

#challenge .section-thumbs#entries .btn-danger {
  padding: 10px 19px;
  border-radius: 3px;
  margin: -5px 0 12px 0;
  display: inline-block;
}


#challenge .challenge-cta {
  margin-bottom: 20px;
  width: 100%;
}
#challenge .section-thumbs#timeline {
  margin-bottom: 30px;
}
#challenge .section-thumbs#status p {
  font-size: 18px !important;
  line-height: 26px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
#challenge .section-thumbs#status p strong {
  font-family: "Typonine Sans Bold";
  font-weight: 600;
}

#challenge .highlight-date {
  border: none;
  color: inherit;
  padding: initial;
}

#challenge .main-section {
  background: #ECF1F1;
}

#challenge .section-thumbs#invite div div {
  padding: 0;
}
#challenge .section-thumbs#invite div {
  background: transparent;
  padding: 0;
}

#challenge .section-thumbs div.award p.small.text-muted {
  margin-bottom: 0;
  color: #F47A20;
}
#challenge .section-thumbs div.award div.place {
  position: absolute;
  top: 6px;
  left: 6px;
  color: #fff;
  font-size: 25px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  text-align: center;
  padding: 22px 0;
  background: #F1C40F;
}


#challenge .section-thumbs div.award div.place.next {
  font-size: 16px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  width: auto;
  height: auto;
  padding: 8px 18px;
  border-radius: 2px;
  top: 10px;
  left: 10px;
}

#challenge .top-banner-image.user-bg .top-banner-image-inner {
  background: transparent;
}

#challenge .section-thumbs div.award a, 
#challenge .section-thumbs div.award p {
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  font-size: 20px;
  line-height: 23px;
  margin-bottom: 6px;
}
#challenge .section-thumbs div.award p {
  color: #9e846d;
}
#challenge .section-thumbs div.award h5 {
  display: none;
}
#challenge .section-thumbs div.award div {
  padding: 0;
}
#challenge .section-thumbs div.award {
  padding: 18px 18px 15px 18px;
  position: relative;
}
#challenge .section-thumbs div.award img {
  margin-bottom: 20px;
}

#challenge .a2a_default_style a {
  padding: 0 4px;
}

#challenge .a2a_default_style a:first-child {
  padding-left: 0;
}

#challenge .a2a_default_style a:last-child {
  padding-right: 0;
}

#challenge .top-banner {
  height: 470px;
}

#challenge .top-banner-image {
  top: 0;
  height: calc(100% - 57px);
}

#challenge .top-banner-image-inner h1 {
  text-shadow: none;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Typonine Sans Light";
  letter-spacing: 5px;
  word-spacing: 5px;
  overflow: visible;
  white-space: normal;
  font-size: 47px;
  margin: 0 0 15px 0
}

#challenge .top-banner-image-inner .sponsored, 
#challenge .top-banner-image-inner .media p {
    margin: 24px 0 0 0;
    letter-spacing: 1.5px;
    word-spacing: 1.5px;
    font-weight: 400;
    font-family: "Typonine Sans Regular";
    font-size: 25px;
    line-height: 31px;
}

#challenge .top-banner-image-inner .sponsored {
  margin-top: 10px;
}

#challenge .top-banner-image-inner h1 span.background-text, 
#challenge .top-banner-image-inner .media p span.background-text, 
#challenge .top-banner-image-inner .sponsored span.background-text {
  text-transform: uppercase;
  color: #00979d;
  display: inline;
  background: #fff;
  box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
}

@media screen and (max-width: 950px) {
  #challenge ul.list-inline.manage.show-affixed {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  #challenge .top-banner-image-inner .media p, 
  #challenge .top-banner-image-inner .sponsored {
    line-height: 24px;
    font-size: 20px;
  }
  #challenge .top-banner-image-inner h1 {
    font-size: 35px;
  }
}

#challenge .top-banner-image-inner .visible-xs {
  display: none !important;
}

#challenge .top-banner-image-inner .hidden-xs {
  display: block !important;
}
#challenge .top-banner-image-inner .media {
  text-shadow: none;
  padding: 0 35% 0 10px;
  text-align: left;
}

@media screen and (max-width: 970px) {
  #challenge .top-banner-image-inner .media {
    padding: 0 12px;
  }
}

#challenge .project-list .btn-group .btn-default {
  margin-right: 10px;
}

#challenge .btn-group > .btn-default[aria-expanded="false"] {
  border-left: 3px solid #fff;
}

#challenge .btn-group > .btn-default[aria-expanded="false"]:hover {
  border-left: 3px solid #DAE3E3;
}

#challenge .btn-group > .btn-default[aria-expanded="true"]:hover {
  border-left: 3px solid #dadada;
}

#challenge .top-banner-image-inner {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    align-items: center;
    -webkit-align-items: center;
    height: 100%;
}
#challenge .back-to-top a {
  display: none;
}

@media screen and (max-width: 1200px) {
  #challenge .group-nav .nav-tabs {
    max-width: none;
    margin-left: 0;
  }
  #challenge .group-nav .group-nav-inner, #challenge .group-nav.affix .group-nav-inner {
    max-width: none;
    margin: 0 14px;
    width: calc(100% - 28px);
  }
}

@media screen and (max-width: 992px) {
  #challenge .container {
    padding-left: 10%;
    padding-right: 10%;
  }
  #challenge .group-nav .group-nav-inner {
    display: block;
  }
  #challenge .group-nav .group-nav-inner, 
  #challenge .group-nav.affix .group-nav-inner {
    margin: 0 10%;
    width: 80%;
  }
  #challenge .top-banner-image-inner .media {
    padding: 0 12px;
  }
}
@media screen and (max-width: 767px) {
  #challenge .group-nav .visible-xs {
    display: block !important;
  }
  #challenge .group-nav .hidden-xs {
    display: none !important;
  }
}

#challenge .submenu-mobile-open {
  padding: 17px 10%;
  color: #7f8c8d;
}
#challenge .nav-pills a {
  color: #666;
  margin-bottom: 0;
}

#challenge .nav-pills>li.active>a {
  background-color: transparent;
  color: #666;
}
#challenge .nav-pills a:hover, 
#challenge .nav-pills>li.active>a:hover {
  background-color: #ecf1f1;
}

#challenge .submenu-mobile {
  margin: 0;
}

#challenge .top-banner {
  background: #c9d2d2;
}

@media screen and (max-width: 414px) {
  #challenge .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  #challenge .submenu-mobile-open {
    padding: 17px 15px;
  }
}
@media screen and (max-width: 992px) {
  #challenge .group-nav li {
    font-size: 14px;
  }
  #challenge .group-nav .nav-tabs {
    padding: 11px 0;
  }
}

#challenge .mini-thumb-image {
  background-size: calc(100% - 14px);
  margin-bottom: 50px;
}

#challenge .mini-thumb-image.placeholder {
  background-size: calc(100% - 70px);
  background-color: #DAE3E3;
  border: 7px solid white;
  border-bottom: 0;
  margin-bottom: 43px;
}
#challenge .mini-thumb-image.placeholder .mini-thumb-image-inner {
  border: 0;
  bottom: -36px;
}

#challenge .row:after {
  display: none;
}

#challenge .mini-thumb-image-inner {
  background: #DAE3E3;
  border: 7px solid white;
  border-top: 0;
  border-bottom: none;
  padding: 0 14px;
  height: 50px;
  bottom: -43px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  overflow: hidden;
}

#challenge .mini-thumb .mini-thumb-image {
  opacity: 1;
}

#challenge .mini-thumb:hover .mini-thumb-image {
  opacity: 0.8;
  transition-property: opacity;
  transition-duration: 0.3s;
}

#challenge .mini-thumb:hover .mini-thumb-image.placeholder {
  opacity: 1;
}

#challenge .mini-thumb:hover .mini-thumb-image-inner {
  background: #f7f9f9;
  transition-property: background;
  transition-duration: 0.2s;
}

#challenge .mini-thumb:hover .mini-thumb-image.placeholder {
  background-color: #f7f9f9;
  transition-property: background-color;
  transition-duration: 0.3s;
}

#challenge .mini-thumb-image-inner h5 {
  margin: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7f8c8d;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  letter-spacing: 0.6px;
}
#challenge .mini-thumb-image-inner h5 a {
  color: #7f8c8d;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  letter-spacing: 0.6px;
}
#challenge .mini-thumb .btn-append-sandwich .btn-default {
  display: none;
}
#challenge .mini-thumb .btn-append-sandwich .follow-button {
  width: calc(100% - 28px);
  display: inline-block;
}
#challenge .mini-thumb.thumb .thumb-image:hover:before {
  background: transparent;
}
#challenge .mini-thumb .btn-append-sandwich {
  background: #DAE3E3;
  padding: 0 0 20px 0;
  border: 7px solid #fff;
  margin-top: -7px;
  border-top: none;
}

#challenge .mini-thumb:hover .btn-append-sandwich {
  background: #f7f9f9;
  transition-property: background;
  transition-duration: 0.3s;
}

#challenge .mini-thumb {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  min-width: 140px;
}

#challenge .project-list .project-award {
  background-color: #f1c40f;
  padding: 8px 12px;
  position: absolute;
  z-index: 3;
  top: -7px;
  left: 7px;
  margin: 0;
  border-radius: 2px;
}
#challenge .project-list .project-award .award-label {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1.7px;
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}

#challenge .project-award i {
  display: none;
}

#challenge .medium-editor hr {
  border-top: 1px solid #ecf1f1;
}

#challenge .project-list .fa-battery-half {
  display: none;
}

#challenge .project-list .project-award + .project-thumb-container .thumb-image-inner-top {
  padding-top: 44px;
}

#challenge div.pagination {
  display: block;
  clear: both;
}

@media screen and (min-width: 580px) and (max-width: 991px) {
  #challenge .section-thumbs div.award div.place {
    left: calc(50% - 224px);
  }
  #challenge .section-thumbs div.award div.place.next {
    left: calc(50% - 209px);
  }
  #challenge .section-thumbs div.award img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  #challenge .section-thumbs div.award {
    text-align: center;
  }
}

#challenge .submit-project-illustration {
  background-color: #81C8CA;
  width: calc(100% - 30px);
  display: flex;
  display: -webkit-flex;
  margin: 0 15px 50px 15px;
  overflow: hidden;
  border-radius: 2px;
  position: relative;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
}

#challenge .submit-project-illustration img {
  max-height: 423px;
  margin: -128px 29px -80px 0;
  transform: rotate(-29deg);
}

#challenge .submit-project-illustration a.btn-primary {
  margin: 60px 30px !important;
}

@media screen and (min-width: 650px) {
  #challenge .submit-project-illustration a.btn-primary {
    font-size: 18px;
    font-weight: 400;
    font-family: "Typonine Sans Regular";
    letter-spacing: 2px;
    word-spacing: 1px;
    padding: 19px 27px;
    max-height: none;
  }
}

#challenge .project-list .pull-right .btn-group:last-child button {
  margin-right: 0;
}

.content.projects .open-contest, 
.content.projects div.alert.alert-flat {
  margin-bottom: 30px;
}

@media screen and (max-width: 980px) {
  .open-contest img {
    display: none;
  }
  #contests-list a.open-contest hgroup, a.open-contest hgroup {
    position: relative;
    transform: none;
    top: auto;
  }
  .open-contest {
    padding: 40px 0;
    background: center center no-repeat;
    background-size: cover;
  }
}

@media screen and (max-width: 480px) {
  #contests-list a.open-contest hgroup h2, 
  a.open-contest hgroup h2 {
    font-size: 25px;
    line-height: 29px;
  }
  #contests-list a.open-contest hgroup h3, 
  a.open-contest hgroup h3 {
    font-size: 19px;
    line-height: 22px;
  }
  /* FIX BOX SHADOW - TRANSLATE Y ISSUE */
  #contests-list a.open-contest hgroup h3 span.date span.text-background, 
  a.open-contest hgroup h3 span.date span.text-background {
    line-height: 22px;
  }
  /* END FIX */
}





/* END CONTEST SECTION */




@media screen and (max-width: 768px) {
  #ino-create-nav .nav-bar .menu-toggle {
    margin: 20px;
  }
}
#ino-create-nav .nav-bar .menu-toggle {
  margin: 22px;
}

@media screen and (max-width: 864px) {
  #navigation {
    padding-left: 0;
    padding-right: 10px;
  }
  div#sign_in_container a.login-link {
    margin-right: 16px;
  }
}

@media screen and (max-width: 1199px) {
  div.container-desktop.container, 
  div.container, 
  .other-projects#similar-proj {
    margin-left: 8px;
    margin-right: 8px;
  }
  .other-projects#similar-proj div.container {
    margin-left: 0;
    margin-right: 0;
    min-width: 0;
  }

  a.open-contest {
    margin-top: 0;
  }
}

@media screen and (max-width: 991px) {
  div.container-desktop.container {
    margin-left: 80px;
    margin-right: 80px;
    min-width: 0;
  }
  .other-projects#similar-proj {
    margin-left: 80px;
    margin-right: 80px;
    padding-top: 0;
  }
  a.similar-proj-btn.smooth-scroll {
    display: none;
  }
}

@media screen and (max-width: 864px) {
  div.container-desktop.container, 
  .other-projects#similar-proj {
    margin-left: 65px;
    margin-right: 65px;
  }
  #content.project-page {
    padding-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  div.container-desktop.container {
    margin-left: 80px;
    margin-right: 80px;
  }
  .container-desktop.container .container-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 760px) {
  div.container-desktop.container {
    margin-left: 5%;
    margin-right: 5%;
  }
  #content.project-page {
    padding-top: 5%;
  }
  .other-projects#similar-proj {
    margin-left: calc(5% - 15px);
    margin-right: calc(5% - 15px);
  }
}

.thumb.project-thumb .thumb-inner p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div#project-embed div.project-embed-thumb {
  padding-left: 0;
  padding-right: 0;
}
#embed-popup div#project-embed div.project-embed-thumb {
  padding-left: 15px;
  padding-right: 15px;
}

div#project-embed div.project-thumb div.thumb-image-inner p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div#project-embed div.project-thumb div.thumb-image-inner h4 {
  max-height: 48px;
  overflow: hidden;
}

div.thumb.project-thumb .thumb-inner h4 {
  font-weight: 500;
  font-family: "Typonine Sans Medium";
}

div.thumb.project-thumb .thumb-inner a {
  color: #879191;
  transition-property: color;
  transition-duration: 0.2s;
}

div.thumb.project-thumb .thumb-inner a:hover {
  color: #00979d;
  transition-property: color;
  transition-duration: 0.2s;
}

section.section-thumbs div.project-contest-entry {
  background: #fff;
  padding: 15px;
  text-align: center;
}

section.section-thumbs div.project-contest-entry div.btn-container {
  display: inline-block;
}

section.section-thumbs div.project-contest-entry .project-contest-entry-name, 
section.section-thumbs div.project-contest-entry .project-contest-entry-status {
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  font-family: "Typonine Sans Regular";
  margin-bottom: 5px;
}

section.section-thumbs div.project-contest-entry .project-contest-entry-status strong {
  color: #666;
}

section.section-thumbs div.project-contest-entry .project-contest-entry-submit {
  margin-top: 20px;
  display: inline-block;
}

section.section-thumbs div.project-contest-entry .project-contest-entry-submit a.btn {
  margin-bottom: 13px;
}

section.section-thumbs div.project-contest-entry .project-contest-entry-submit p {
  margin: 0 0 20px 0;
  line-height: 20px;
}

section.section-thumbs div.project-contest-entry .project-contest-entry-name {
  display: inline-block;
  width: 100%;
}

section.section-thumbs div.project-contest-entry .project-contest-entry-name:before {
  content: 'Contest:';
  font-weight: 500;
  font-family: "Typonine Sans Medium";
  color: #666;
  display: inline-block;
  position: relative;
  float: left;
  width: 67px;
}

section.section-thumbs div.project-contest-entry .project-contest-entry-name a {
  position: relative;
  float: left;
  width: calc(100% - 67px);
}

#project-side-nav #scroll-nav ul.nav {
  margin-top: 0;
}

div.right-column section.section-thumbs h4 {
  margin-bottom: 10px;
}

section.section-thumbs #edit_private_project {
  width: 100%;
}

section.section-thumbs #edit_private_project a.btn-primary {
  width: calc(50% - 17px);
  overflow: hidden;
  text-overflow: ellipsis;
}



@media screen and (min-width: 769px) and (max-width: 991px) {
  section.section-thumbs div.project-contest-entry {
    padding: 30px 40px;
  }
}


.code-form-wrapper {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  max-width: 100%;
  width: auto;
}

.code-form-wrapper p {
  margin: 0 auto 20px auto;
  padding: 0 5px;
  text-transform: uppercase;
  letter-spacing: 1.28px;
  max-width: 370px;
}

.code-form-wrapper p::before {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("/projecthub/img/unlock.svg");
  margin: 0 auto 20px auto;
  background-repeat: no-repeat;
}

.code-form-wrapper form {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;  
  -webkit-flex-direction: row;
}

.code-form-wrapper form input[type="text"] {
  height: 42px;
  margin: 0 10px 0 0;
  padding: 0 12px;
  flex: 1;
  -webkit-flex: 1;
}

.code-form-wrapper form input[type="text"]:focus {
  outline: none;
}

@media screen and (max-width: 414px) {
  .code-form-wrapper {
    width: 100%;
    margin: 50px auto 18px;
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }

  .code-form-wrapper p::before {
    display: none;
  }

  .code-form-wrapper form {
    flex-direction: column;
    -webkit-flex-direction: column;
  }

  .code-form-wrapper form input[type="text"] {
    margin: 0 0 15px 0;
  }
}

.alert-top.alert-danger {
  border: none;
  background: #da5b4a;
}

/* 101 starterkit tutorial page */

.tutorials-header {
  display: inline-block;
  width: 100%;
  margin: 10px 0 40px;
}

.tutorials-header .settings {
  float: right;
  margin-top: 20px;
}

.tutorials-header h1 {
  text-transform: uppercase;
  letter-spacing: 1.28px;
  font-family: "Typonine Sans Light";
  text-align: center;
  padding: 0 10%;
  color: #9e846d;
  margin: 25px 0 30px;
}

.tutorials-header p {
  background: #fff;
  padding: 48px 70px;
  font-size: 20px;
  margin: 0;
  line-height: 30px;
}

@media screen and (max-width: 730px) {
  .tutorials-header h1 {
    padding: 0;
  }

  .tutorials-header p {
    padding: 30px 34px;
    font-size: 17px;
    line-height: 23px;
  }
}

@media screen and (max-width: 414px) {
  .tutorials-header h1 {
    font-size: 28px;
  }
}