/****
****************
Ideas Styles
****************
****/

.content-fragment-page,
.single-column.content-fragment-page{background: #fff;}

/****
Home Browser | Ideas
****/
form[action="./"] .home .layout,
form[action="./ideas"] .home .layout {
    max-width: 100%;
    padding: 0;
}
.ideas-browser {
    display: block !important;
    margin-left: auto; margin-right: auto;
    padding-left: 10px; padding-right: 10px;
    width: 100%; max-width: 1178px;
}
.ideas-browser__header{
    border-bottom: 2px solid #0099ff;
}
.ideas-browser__content{

}
.idea__summary-list{
    -webkit-columns: 25em;
    -moz-columns: 25em;
    columns: 25em;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
}
.idea__summary{
    display: table;
    padding: 8px 0;
    border-top: 1px solid #ccc;
    width: 100%;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
}
.idea__summary:last-child {
  border-bottom: 1px solid #ccc;
}
.idea__summary > span {
    display: table-cell;
    vertical-align: middle;
}
.idea__summary-::after {
    display: none;
}
.idea__summary-name{
    display: table-cell;
    float: none;
    padding: 0;
    vertical-align: middle;
}
.idea__summary-ideas-count {
    width: 100px;
    text-align: right;
    font-size: 0.875rem;
    line-height: 1.25em;
}
.idea__summary-ideas-count > span {
    display: block;
    font-size: 0.875rem;
}
.idea__summary-ideas-count-num {
    font-weight: bold;
}
.idea__summary-ideas-count > span {
    display: block;
}

/****
Tags | Ideas
****/
.idea__tag{
    display: inline-block;
    font-size: 0.875rem;
    margin: 0;
    padding: 10px;
}

/****
Create Idea Button | Ideas
****/
.ideascreatebutton__container{margin-top: 20px;}
.ideascreatebutton__create-a{
    display: inline-block;
    padding-top: 13px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-weight: 600 !important;
    height: 44px
}



/****
Ideation Header
****/
.ideaation-header__item {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px;
}
.ideaation-header__item-search {
    margin-left: 20px;
    width: 50%;
}
@media only screen and (max-width: 960px) and (min-width: 670px) {
    .ideaation-header__item-search { width: 65%; }
}

@media only screen and (max-width: 669px) {
    .ideaation-header__item { margin-top: 0; width: 100%; }
    .ideaation-header__item-search { margin-left: 0; width: 100%; }
    .ideaation-header__item .ui-btn { width: 100%; }
}

/****
Ideas List | Ideas
****/
.idealist__filters{padding-top: 0; margin-top: -1px;}
.ideaslist__filters-item{margin: 0px;}
.ideaslist__idea{padding: 25px;}
.ideaslist__idea-summary-name{margin: 0px !important;font-size: 20px !important;}
.ideaslist__idea-summary-status{margin: 0px !important;}
.ideaslist__idea-summary-author-description{padding: 10px;}
/****
Idea | Ideas
****/
.idea__idea-status-container { margin-bottom: 10px; }
.idea__idea-status-label {color: #666; display: inline-block; font-size: 0.875rem; vertical-align: middle;}
.idea__idea-status {display: inline-block; max-width: 300px; vertical-align:middle;}
.idea__idea-status-header { border-radius: none; padding: 5px 10px; }
.idea__idea-status-header-text {float:none; vertical-align: middle;}
.idea__idea-status-header-menu {float:right; padding-left: 10px}
.idea__idea-status-notes {display: inline-block;}
.idea__idea-author {display: table;}

.idea__idea-author-pic,
.idea__idea-author-desc{
    display: table-cell;
    vertical-align: middle;
    padding: 10px
}

.idea__idea-author-desc-name {font-size: 12px;}

/* Status */
.content-fragment.idea-post .idea-status-notes.status-underreview .idea-status-notes-header:before,
.content-fragment.idea-post .idea-status-notes.status-notplanned .idea-status-notes-header:before,
.content-fragment.idea-post .idea-status-notes.status-complete .idea-status-notes-header:before,
.content-fragment.idea-post .idea-status-notes.status-comingsoon .idea-status-notes-header:before,
.content-fragment.idea-post .idea-status-notes.status-already_in_product .idea-status-notes-header:before {display: none;}
.content-fragment.idea-post .idea-status-notes .idea-status-notes-header .idea__idea-status-header-text:before {
  content: "\e866";
  color: #000;
  font-family: Entypo;
  margin: 0 5px;
}
.content-fragment.idea-post .idea-status-notes,
.content-fragment.idea-post .idea-status-notes.status-underreview {border: 0; border-color: #ccc; margin-bottom: 10px;}
.content-fragment.idea-post .idea-status-notes .idea-status-notes-header,
.content-fragment.idea-post .idea-status-notes.status-underreview .idea-status-notes-header {background-color: transparent; padding: 5px;}
.content-fragment.idea-post .idea-status-notes .navigation-list-item a,
.content-fragment.idea-post .idea-status-notes.status-underreview .navigation-list-item a {color: #000;}
.content-fragment.idea-post .idea-status-notes.status-underreview .idea-status-notes-header .idea__idea-status-header-text:before {
  content: "\e826";
  color: #000;
}
.content-fragment.idea-post .idea-status-notes.status-notplanned {border-color: #f13a47;}
.content-fragment.idea-post .idea-status-notes.status-notplanned .idea-status-notes-header {background-color: transparent;}
.content-fragment.idea-post .idea-status-notes.status-notplanned .idea-status-notes-header .idea__idea-status-header-text {color: #f13a47;}
.content-fragment.idea-post .idea-status-notes.status-notplanned .idea-status-notes-header .idea__idea-status-label {color: #000;}
.content-fragment.idea-post .idea-status-notes.status-notplanned .navigation-list-item a {color: #000;}
.content-fragment.idea-post .idea-status-notes.status-notplanned .idea-status-notes-header .idea__idea-status-header-text:before {
  content: "\e814";
  color: #f13a47;
}
.content-fragment.idea-post .idea-status-notes.status-complete {border-color: #35933c;}
.content-fragment.idea-post .idea-status-notes.status-complete .idea-status-notes-header {background-color: transparent;}
.content-fragment.idea-post .idea-status-notes.status-complete .idea-status-notes-header .idea__idea-status-header-text {color: #35933c;}
.content-fragment.idea-post .idea-status-notes.status-complete .idea-status-notes-header .idea__idea-status-label {color: #000;}
.content-fragment.idea-post .idea-status-notes.status-complete .navigation-list-item a {color: #000;}
.content-fragment.idea-post .idea-status-notes.status-complete .idea-status-notes-header .idea__idea-status-header-text:before {
  content: "\e812";
  color: #35933c;
}
.content-fragment.idea-post .idea-status-notes.status-comingsoon {border-color: #c6d3da;}
.content-fragment.idea-post .idea-status-notes.status-comingsoon .idea-status-notes-header {background-color: transparent;}
.content-fragment.idea-post .idea-status-notes.status-comingsoon .idea-status-notes-header .idea__idea-status-header-text {color: #f37f00;}
.content-fragment.idea-post .idea-status-notes.status-comingsoon .navigation-list-item a {color: #000;}
.content-fragment.idea-post .idea-status-notes.status-comingsoon .idea-status-notes-header .idea__idea-status-header-text:before {
  content: "\e862";
  color: #f37f00;
}

.content-fragment.idea-post .idea__idea-status-header ul {width: auto !important;}
.content-fragment.idea-post .idea__idea-status-header ul li {position: relative;}
.content-fragment.idea-post .idea__idea-status-header ul li a {
  display: block;
  height: 25px;
  position: relative;
}
.content-fragment.idea-post .idea__idea-status-header ul li a::before {
    background: #666;
    content: '';
    position: absolute; top: 0; left: 0; bottom: 0;
    width: 1px;
}
/* .content-fragment.idea-post .idea__idea-status-header ul li a .fa.fa-angle-down {margin-left: 10px;} */
.content-fragment.idea-post .idea__idea-status-header ul li a .icon.cog {
  color: #a4b9c3;
  font-style: normal;
  margin-left: 10px;
}
.content-fragment.idea-post .idea__idea-status-header ul li a .icon.cog::before {font-size: 18px;}
.content-fragment.idea-post .idea__idea-status-header ul li a:hover .icon.cog {color: #03a9f4;}
.content-fragment.idea-post .idea-status-notes .idea-status-notes-content {
  border-top: 1px solid #dedede;
  font-size: 0.875rem;
  padding: 10px 5px;
}

/***
Thread List
***/
.thread-list.thread-list--ideas .thread-list__thread .thread__left-sidebar {width: 80px;}

.ui-vote .upvote, .ui-vote .downvote {background-color: transparent;}
.ui-vote .selected {background-color: #a4b9c3;}
.thread__left-sidebar .ui-vote.updownvote {margin-top: 25px;}
.thread__left-sidebar .ui-vote.updownvote,
.thread__left-sidebar .ui-vote.updownvote .score-summary {border: 0;}
.thread__left-sidebar .ui-vote.updownvote .upvote::before,
.thread__left-sidebar .ui-vote.updownvote .score-summary .vote-score,
.thread__left-sidebar .ui-vote.updownvote .downvote::before {
  font-size: 1.125rem;
}
.thread__left-sidebar .ui-vote.updownvote .score-summary .vote-score {
  color: #666;
  margin: 0.25em 0;
  line-height: normal;
}

.idea-post .thread-start .content.full.ui-card {padding-left: 80px;}
.idea-post .thread-start .content.full.ui-card .ui-vote.updownvote {margin: 30px 0 0 20px;}
.idea-post .thread-start .content.full.ui-card .ui-vote.updownvote,
.idea-post .thread-start .content.full.ui-card .ui-vote.updownvote .score-summary {border: 0;}
.idea-post .thread-start .content.full.ui-card .ui-vote.updownvote .upvote::before,
.idea-post .thread-start .content.full.ui-card .ui-vote.updownvote .score-summary .vote-score,
.idea-post .thread-start .content.full.ui-card .ui-vote.updownvote .downvote::before {font-size: 1.125rem;}
.idea-post .thread-start .content.full.ui-card .ui-vote.updownvote .score-summary .vote-score {
  color: #666;
  margin: 0.25em 0;
  line-height: normal;
}
