<!------Q&A Form Style--------->

.answerbase-widget {
    margin: 30px auto 0 auto;
    font-family: arial;
    font-weight: normal;
}


.answerbase-widget .simple-ask-form label {
    font-family: arial;
    font-size: 10pt;
    font-weight: normal;
}


.answerbase-widget .simple-ask-form a {
    font-family: arial;
    font-size: 10pt;
    font-weight: normal;
}



.answerbase-widget .questions-list .item .follow {
    display: none;
}


.answerbase-widget .questions-list .item .timestamp {
    display: none;
}


#ask-question-box {
    height: 3.5rem;
    font-size: 1.5rem;
}

#Text {
    height: 5.5rem;
    font-size: 1.5rem;
}

#EmailAddress {
    height: 3.5rem;
    font-size: 1.5rem;
}

#ab_ask  {
    font-size: 1.5rem;
}

#simple-ask-submit  {
    font-size: 1.5rem;
}


.title   {
    font-size: 1.5rem;
    font-weight: bold;
}

.text   {
    font-size: 1.5rem;
    font-weight: normal;
}


.answerbase-widget h5 { 
  font-size: 2rem;
}


.answerbase-widget .simple-ask-form input[type=checkbox] + input[type=hidden] + label  {
    margin-top: -37px;
    margin-left: 25px;
    display: block;
}




<!------Q&A List Style--------->




/* Hide current answer voting images */
.vote-up img[data-image-vote-up],
.vote-down img[data-image-vote-down] {
    visibility: hidden; /* hides the image but keeps space */
    width: 39px;  /* adjust as needed */
    height: 24px; /* adjust as needed */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

/* Replace up arrow */
.vote-up {
    background-image: url('https://trainoasis.services.answerbase.com/images/vote-yes.png'); /* your new image */
}

/* Replace down arrow */
.vote-down {
    background-image: url('https://trainoasis.services.answerbase.com/images/vote-no.png'); /* your new image */
    margin-left: 5px;
}


/* Replace up arrow that shows when user has selected it */
.vote-up.voted {
  background-image: url(' https://trainoasis.services.answerbas...); /* your new image */
}

/* Replace down arrow that shows when user has selected it */
.vote-down.voted {
  background-image: url(' https://trainoasis.services.answerbas...); /* your new image */
  margin-left: 5px;
}




/* Add engaging text before answer voting */

.voting:before {
    content: "Did this answer your question?";
    position: static;
    display: block;
    display: inline-flex;
    font-size: 12px;
    margin-left: 0px;
    font-family: arial;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    font-weight: normal;
    margin-right: 15px;
}



/* Add engaging text before option to follow a question */

.follow:before {
    content: "Do you have this question?";
    position: static;
    display: block;
    display: inline-flex;
    font-size: 12px;
    margin-left: 0px;
    font-family: arial;
    align-items: center;
    justify-content: center;
    font-family: sans-serif;
    font-weight: normal;
    margin-right: 15px;
}





/* Add an icon to make it clear where the question is */


.ab-link:before {
    content: "Q";
    position: absolute;
    display: block;
    font-size: 18px;
    margin-left: -45px;
    font-family: arial !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    background-color: #e3e3e3;
    border-radius: 50%;
    font-weight: bold;
    font-family: sans-serif;
}






/* Add an icon to make it clear where the answer is */

.answers-list .answer-item .cell.auto .text:before {
    content: "A";
    position: absolute;
    font-size: 18px;
    font-family: arial !important;
    width: auto;
    margin-left: -45px;
    margin-top: -2px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    background-color: #e3e3e3;
    border-radius: 50%;
    font-weight: bold;
    font-family: sans-serif;
}





/* Style various texts within list */

span.timestamp {
    font-size: 10pt;
    font-weight: normal;
}



.answerbase-widget .item a.expand {
    font-size: 10pt;
    font-weight: normal;
    margin-top: 10px;
    display: block;
    float:left;
}


.answerbase-widget .item a.collapse {
    font-size: 10pt;
    font-weight: normal;
    margin-top: 10px;
    display: block;
    float:left;
}


.answerbase-widget .item a.see-more {
    font-size: 10pt;
    font-weight: normal;
    margin-top: 10px;
    display: block;
    float:left;
}



.answerbase-widget .item a.read-more {
    font-size: 10pt;
    font-weight: normal;
    text-decoration: underline;
}


.answerbase-widget .item a.see-more {
    font-size: 10pt;
    font-weight: normal;
    margin-top: 10px;
    display: block;
    float:left;
}

.answers-list .answer-item .cell.auto .text {
    margin-bottom: 10px;
    display: block;
    float:left;
}



a.ab-link {
    margin-bottom: 5px;
    display: block;
    float:left;
}


.answerbase-widget a {
    font-size: 12pt;
    font-weight: bold;

}



.answerbase-widget {
  font-size: 12pt;
}


.grid-x.grid-margin-x.item > .cell.auto {
  background-color: #f8f8f8;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 75px
}