heartbeat/css/heartbeat.css

.token-tree {
  display: block;
}


.heartbeat-message {
  border: 1px solid #dfdfdf;
  padding: 16px;
}

.heartbeat-message img {
  display: block;
}


.heartbeat-message img:first-of-type ~ img {
  display: inline-block;
  max-width: 25%;
}

.heartbeat-message img:last-of-type {
  max-width: 100%;
}

/*Main Feed Form*/
#heartbeat-feed-form input[type="radio"] {
    -webkit-appearance: none;
    display: inline-block;
}

#heartbeat-feed-form .form-type-radio {
    display: inline-block;
    position: relative;
    border-right: 1px solid white;

}
#heartbeat-feed-form input.form-radio {
    background: #12ff00;
    min-width: 100%;
    margin-bottom:0;
    padding: 0em 22em 2.5em 0em;
    font-weight: 700;
    display: inline-block;
}

#heartbeat-feed-form input.form-radio:hover {
   background: #1E6100;
 }


#heartbeat-feed-form input[type="radio"]:checked {
   background: #003b00;
 }

#heartbeat-feed-form label {
    font-size:1rem;
    font-weight: 700;
    color: white;
    position:absolute;
    /*top:50%;;*/
    /*left:50%;*/
    display:inline-block;
    width:auto;
    transform:translate(5%, -150%);
}

#heartbeat-feed-form .form-item-feedtabs {
    display: inline-block;
}

#heartbeat-feed-form .form-item-feedsearch,
#heartbeat-feed-form #edit-submit {
  display: none;
}

/*Heartbeat feed re-render block
Temporarily hiding all irrelevant content */

#block-heartbeatblock a.visually-hidden,
#block-heartbeatblock #toolbar-administration,
#block-heartbeatblock header,
#block-heartbeatblock footer,
#block-heartbeatblock .highlighted,
#block-heartbeatblock .region-breadcrumb,
#block-heartbeatblock #sidebar-first,
#block-heartbeatblock .block-page-title-block,
#block-heartbeatblock #block-kekistan-breadcrumbs,
#block-heartbeatblock #block-kekistan-page-title { display: none}

.heartbeat-stream #content {
  margin-left: 0;
}

/*heartbeat-stream section.section {*/
  /*padding: 0;*/
/*}*/

.heartbeat-youtube {
  display: block;
}

/*@media (min-width: 532px)*/
/*and (max-width: 767px) {*/
/*}*/

/*@media (min-width: 300px) and (max-width: 420px)*/
/*and (min-height: 640px) and (max-height: 768px) {*/

/*}*/

/*@media (min-width: 532px) and (max-height: 370px) and (max-width: 767px) {*/
/*}*/

/*@media all and (min-width: 768px) and (max-width: 960px) {*/
/*}*/

/*@media (min-height: 320px) and (max-height: 420px) and (max-width: 768px) {*/

/*}*/

/*@media (min-height: 420px) and (max-width: 768px) {*/
/*}*/

/*@media (min-width: 960px) {*/
/*}*/

/*@media all and (max-width: 767px) {*/

/*}*/

/*@media all and (min-width: 300px) {*/
/*}*/



/*TODO

  //add responsiveness for colorbox on mobile using something like the following:

    max-width: 400px;
height: auto!important;
*/