*::first-letter{
    text-transform: uppercase;
}

*{
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.blog-header-default-img{
    display: none;
}



.discussion-body {
  margin: 10px 20px;
}
.features-envelope{
  display: flex;
  /*flex-wrap: wrap;*/
  width: 100%;
}
.forum-features-pane{

}
.forum-features-pane,
.forum-main-pane{
  display: flex;
  flex-wrap: wrap;
}
 
.breadcrumb-link {
  padding: 9px 10px;
  text-decoration: none;
  border-right: 1px solid #e4bff9;
  width: fit-content;
  display: inline-block;
  min-width: 75px;
  text-align: center;
}
.destination-breadcrumb-main-wrap {
  display: flex;
  padding-top: 2px;
  margin: 5px 10px;
}
.destination-breadcrumb {
  background-color: #e8e8e8;
  border-radius: 2px;
  overflow: hidden;
  flex-grow: 1;
  margin-bottom: 0px;
  border-radius: 4px;
}
.breadcrumb-link.breadcrumb-selected {
  background-color: rgb(255, 0, 106);
  color: white;
  transition: all 300ms 50ms ease-in-out;
}
.breadcrumb-link:hover {
  background-color: rgb(255, 0, 106);
  color: white;
  transition: all 300ms 50ms ease-in-out;
}
  .discussion-menu {
    border-radius: 4px;
    padding: 10px 10px;
    padding-bottom: 10px;
    flex-shrink: -1;
    flex-grow: 1;
    padding-bottom: 0px;
    margin: 10px;
    padding: 3px;
    box-shadow: 0px 0px 8px 0px #939393;
    /*flex-basis: 50%;*/
    min-width: 280px;
  }
  .my-panel{
    border-radius: 4px;
    padding: 10px 10px;
    padding-bottom: 10px;
    flex-shrink: -1;
    flex-grow: 1;
    padding-bottom: 0px;
    margin: 10px;
    padding: 3px;
    box-shadow: 0px 0px 8px 0px #939393;
    /*flex-basis: 50%;*/
    min-width: 280px;
  }
.discussion-menu-heading{
    /*! background-color: #e8e8e8; */
    /*! padding: 0px 5px; */
    /*! display: flex; */
  /*! justify-content: space-between; */
    padding: 2px;
    position: relative;
}
.discussion-menu-heading-text{
  /*! font-weight: normal; */
  /*! padding: 7px 0px; */
  /*! font-size: 13px; */
  /*! color: #460059; */
  /*! text-transform: uppercase; */
  /*! width: 100%; */
  /*! overflow: hidden; */
  /*! font-weight: normal; */
  /*! padding: 5px 3px; */
  /*! font-size: 11px; */
  /*! color: #460059; */
  /*! text-transform: uppercase; */
  /*! width: 100%; */
  /*! background-color: #e8e8e8; */
  /*! overflow: hidden; */
  font-weight: normal;
  padding: 7px 3px;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  overflow: hidden;
  background-color: #808080;
}
.edit-profile {
  position: absolute;
  top: -1px;
  right: 2px;
}
.discussion-option-list {
  /*display: flex; */
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  /* background-color: #e8e8e8ad; */
  /* border-bottom: 1px solid #8080801f; */
  border-radius: 2px;
  overflow: hidden;
}
.discussion-item {
  margin: 0px auto;
display: inline-block;
}
.summary-text-top{
  font-size: 13px !important;
  font-style: italic;
  /*border-top: 1px solid #ececec;*/
  display: grid;
  grid-template-columns: auto auto auto;
}
.summary-text-bottom{
  font-size: 14px !important;
  font-style: italic;
  padding-top: 5px;
}
.summary-text-pieces-top {
  /*border-bottom: 1px dotted gray;
  border-right: 1px dotted gray;*/
  padding: 0px 5px;
  display: inline-block;
  min-width: 180px;
  width: 180px;
}
.summary-text-pieces-bottom{
  /*border-top: 1px dotted gray;
  border-right: 1px dotted gray;*/
  padding: 0px 5px;
  display: inline-block;
}
.user-info {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0px;
}
.my-options {
  border: 1px solid #cecbcb;
  padding: 10px;
  border-radius: 4px;
}
.user-info-details {
  padding: 10px;
  flex-grow: 1;
}
.user-info-details .user_name{
  font-size: 14px !important;
}
.user-info-details .user_mail{
  font-size: 14px !important;
}

.profile-img-box {
  width: 80px;
  height: 80px;
  padding: 5px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.edit-button #Layer_1 {
 /* width: 20px;
  height: 20px;*/
}
.edit-button {
  padding-right: 0px;
  border-radius: 4px;
  border: none;
  height: 25px;
  right: 3px;
  width: 30px;
  padding-top: 1px;
  position: relative;
  top: 6px;
  text-align: center;
  background: #b7b7b7;
}
.edit-button:hover {
  cursor:pointer;
  background-color: #cacaca;
}
/*.discussion-tax-link:hover{
    background-color: rgb(255, 0, 106);
    color: white;
    transition: all 300ms 50ms ease-in-out;
  }
  */
.my-discussions-text{
  text-decoration: none;
  padding: 20px 0px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  width: 140px;
  font-size: 14px !important;
  /*! border: 2px solid white; */
  /*! border-radius: 4px; */
}
.my-discussions-text a.my-discussions-text-link{
  text-decoration: none;
  padding: 5px 0px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: white;
  min-width: 104px;
  font-size: 13px !important;
  border-radius: 4px;
}
.my-discussions-text:hover{
  background-color: rgb(255, 0, 106);
  transition: all 300ms 50ms ease-in-out;
}
.discussion-tax-link {
  text-decoration: none;
  min-width: 150px;
  display: block;
  padding: 5px 0px;
  font-size: 13px;
  /*color: #001cb5;*/
  width: 170px;
  /*! color: #007cba; */
  color: #4280ff;
}

/*user edit my-panel settings*/
.my-panel-settings{
  display: none;
}
.show-grid-my-panel-settings{
  display: grid;
  grid-template-columns: auto;
}
#user-custom-databox {
  display: none;
}
.buttons-main-box {
  padding: 5px 2px;
}
.box {
  padding: 0px 2px;
  width: 100%;
}
.save-my-panel-settings {
  margin: 1% auto;
  /*! background-color: black; */
  /*! background-color: #0078b3; */
  padding: 0px 10px;
  border-radius: 4px;
  border: none;
  height: 30px;
  color: white;
  font-size: 14px;
  background-color: #007cba;
}
.gui-interface .view-minimal,
.notifications .allow-notifications {
  font-size: 14px;
}
.profile-img-edit-wrap{
  justify-content: center;
  display: inline-block;
  text-align: center;
  width: 100%;
  display: flex;
  background: grey;
  overflow: clip;
  border-radius: 2px;
}
.profile-img-edit-box {
  width: 100%;
  height: 244px;
  flex-grow:1;
}
.cropped-image-preview-box{
  max-width: 280px;
  max-height: 244px;
  width: fit-content;
  height: fit-content;
  flex-grow:1;
  /*display: none;*/
}
.preview-forum-profile-photo{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.forum-profile-photo{
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 350px;
  display:none;
}
.advanced-photo-editing {
  font-size: 14px;
  font-style: italic;
  /*! border: 1px solid #cecbcb; */
  /*! padding: 5px; */
  border-radius: 4px;
  min-width: 280px;
  margin-top: 5px;
  margin-right: 5px;
}
.browse-photo-input{
  width: 0px;
  height: 0px;
}
.crop-button-show{
  display: inline-flex !important;
}
.crop-svg{
    display: flex;
    align-items: center;
}
.my-panel-buttons-load-image{
  flex-grow: 1;
  display: block;
  display: inline-block;
  /*margin: 5px auto;*/
  text-align: center;
  width: fit-content;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-image{
  padding: 5px 10px;
  display: inline;
  text-align: center;
  flex-grow: 1;
  height: 38px;
  /*border: 1px solid #dfdfdf;
  background-color: #eaeaea;
  align-items: center;*/
}
.crop-txt2{
  display: none;
}
.user-image-loading-status-msg {
  display: block;
  font-size: 14px !important;
  width: fit-content;
}
.msg-dissappear{
  transition:opacity 4000ms 3000ms ease-out;
  opacity: 0;
}
.advanced-photo-editing span:hover{
  background-color: #cacaca;
}
.user-image:hover{
  background: #0071a1;
}
.info-text.user_img {
  font-size: 14px !important;
}
.main-profile-editing-buttons{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e8e8e8;
  border-radius: 4px;
  /*! border-top-left-radius:0px ; */
  /*! border-top-right-radius:0px ; */
  /*! border: 1px solid #007cba; */
  border-top: none;
  cursor: pointer; 
  margin: 0px auto 10px auto;
}
.my-panel-buttons{
  flex-grow: 1;
  display: block;
  padding: 5px 10px;
  color: white;
  display: inline-block;
  /*margin: 5px auto;*/
  text-align: center;
  width: fit-content;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-info .profile-img-box .cropped-temp-photo {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.discussion-author-profile-photo .cropped-temp-photo {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
}
.additional-functions{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  padding: 5px;
  flex-wrap: wrap;
  background-color: rgb(238, 237, 237);
}
.additional-functions p{
  display: inline-flex;
  flex-grow: 1;
  margin: 3px;
  align-items: baseline;
}
#rotate-photo,
#zoom-photo {
  width: 100px;
  flex-grow: 1;
}
.notifications {
  font-size: 13px !important;
}
.user-notification-options{
  /*! border-top: 1px solid #cecbcb; */
  padding: 2px;
  border-radius: 4px; /*
  min-width: 280px;*/
  text-align: start;
  margin-top: 5px;
  padding: 5px;
  /*! border-bottom: 1px solid #cecbcb; */
  /*! border: 1px solid #cecbcb; */
}
.user-info-text {
  /*! border: 1px solid #cecbcb; */
  padding: 2px;
  /*! border-radius: 4px; */ /*
  min-width: 280px;*/
  text-align: start;
  /*! margin-top: 5px; */
  /*! padding: 5px; */
}
.info-text.user_name input {
  width: 80%;
}
.info-text.user_name input ,
.info-text.user_mail input ,
.info-text.user_pin input,
.info-text.user_old_pin input{
  margin: 1% auto;
  /*background-color: black;
  background-color: #e8e8e882;*/
  width: 100%;
  border-radius: 4px;
  border: none;
  height: 30px;
  padding: 0px 10px;
  font-size: 13px;
  border: 1px solid #808080;
}
/*create discussions gadget*/
.hide-form{
  display: none;
}
.show-form{
  display: flex;
  justify-content: center;
  align-items: center;
}
.show-form #Layer_1{
  height: 16px;
  width: 25px;
  bottom: 0px;
}
.create-new-discussion-button{
  background-color: mediumpurple;
  padding: 12px 5px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: white;
  font-size: 13px !important;
  height: 40px;
  text-align: center;
  cursor: pointer;
  width: fit-content;
  line-height: 0.8rem !important;
  background: #007cba;
}
.create-new-discussion-button:hover{
  background-color: rgb(82, 172, 200);
}
.my-discussion-count-indicator{
  background-color: white;
  width: fit-content;
  border-radius: 50%;
  margin: 3px;
  width: 45px;
  height: 31px;
  font-size: 13px;
  text-align: center;
  font-style: italic;
  color: #ff468cd9;
}

.heading-create-discussion{
  /*border-bottom: 1px dotted;*/
  background-color: #e8e8e8ad;
  padding: 0px 5px;
  margin-top: 5px;
}
.heading-new-discussion{
  font-weight: normal;
  padding: 7px 0px;
  font-size: 13px;
  color: #460059;
  text-transform: uppercase;
  width: 100%;
  background-color: #e8e8e8ad;
  overflow: hidden;
}
.discussion-create-gadget {
  display: flex;
  margin: 0px 10px;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.my-discussions {
  background-color: #ff468cd9;
  flex-grow: 1;
  margin: 0px;
}
.create-discussion {
  transition-property: height;
  padding: 0px 5px;
  display:none;
  box-shadow: 0px 0px 5px 0px grey;
  margin: 0px 10px;
  margin-top: 10px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 5px;
}
.create-discussion-pane{
  padding-top: 5px;
}
.create-discussion-envelope{
  display: flex;
  flex-wrap: wrap;
}
.image-box{
  flex-grow: 1;
  flex-basis: 280px;
  border: 1px solid #cecbcb;
  padding: 5px;
  border-radius: 4px;
  margin: 1px;
  display: none;
}
.umbrella{
  flex-grow: 1;
  flex-basis: 280px;
  border: 1px solid #cecbcb;
  padding: 5px;
  border-radius: 4px;
  margin: 1px;
}
.disbled-umbrella label{
  color: #e6e6e6;
}
.create-discussion-warning-notice{
  color: red;
  width: 100%;
  font-size: 14px  !important;
  font-style: italic;
}
.tag-post-with-place{
  padding: 0px;
}
.flag-as-urgent-label,
.tag-place-label{
font-size: 14px !important;
color: grey;
}
.tag-post-with-destination{
  padding: 5px;
  min-width: 250px;
  cursor: pointer;
  display: block;
  margin: 5px 0px;
  font-size: 13px;
  border: 1px solid #8080801c;
  border-radius: 4px;
}
.discussion-post-class:hover,
.tag-post-with-destination:hover {
  background: #dcdcdc;
}
.tagged-destination{
}
.tag-post {
  display: flex;
  margin: 10px 0px;
}
.discussion-post-class {
  padding: 5px;
  min-width: 250px;
  cursor: pointer;
  display: block;
  margin: 5px 0px;
  font-size: 13px;
  border: 1px solid #8080801c;
  border-radius: 4px;
}
.discussion-post-class-label {
  font-size: 14px !important;
  color: grey;
}
.discussion-image-display {
  object-fit: cover;
  width: 100%;
  height: fit-content;
  max-height: 350px;
}
.tag-post .urgency-checkbox{
  margin-right: 10px ;
}
.load-file-html{
  display: flex;
  margin: 5px 0px;
}
.upload-discussion-image {
  width: 100%;
  margin: 1% auto;
}
.create-discussion-image-file-input{
  opacity: 0;
  width: 0px;
  height: 0px;
}
.load_image_lbl{
  background-color: #007cba;
  padding: 0px 5px;
  border-radius: 4px;
  border: none;
  height: 30px;
  color: white;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: italic;
  width: 100px;
}
.file-name-display {
  display: inline-block;
  padding: 0px 15px;
  font-size: 13px !important;
  color: #339499;
  font-style: italic;
}
.file-loading-success-msg {
  font-style: italic;
  font-size: 14px !important;
  color: #1bbd53;
}
.discussion-title {
  width: 100%;
  margin: 1% auto;
  background-color: black;
  background-color: #d6eaee;
  width: 100%;
  border-radius: 4px;
  border: none;
  height: 40px;
  padding: 0px 10px;
  font-size: 16px;
}
.discussion-content {
  background-color: #d6eaee;
  width: 100%;
  border-radius: 4px;
  border: none;
  padding: 0px 10px;
  font-size: 16px;
}
.save-discussion {
  margin: 1% auto;
  /*background-color: #46cc4e;*/
  padding: 0px 10px;
  border-radius: 4px;
  border: none;
  height: 30px;
  color: white;
  font-size: 14px;
  background-color: #007cba;
}
.disabled-save-discussion{
  margin: 1% auto;
  background-color: #eee;
  padding: 5px 15px;
  border-radius: 4px;
  border: none;
  height: 40px;
  color: white;
  font-size: 14px;
}
/*styling the recent topics gadget on the side pane*/


.recent-threads {
display: none;
flex-basis: 20%;
margin: 10px;
padding: 0px 5px;
box-shadow: 0px 0px 8px 0px #939393;
flex-grow: 1;
min-width: 280px
}

.thread-heading {
border-bottom: 1px dotted;
}

.heading-text {
font-weight: normal;
font-size: 20px;
padding: 5px;
}
.topic-listing {
list-style: none;
padding: 5px;
}


/*styling the main pane for showint all discussions*/
.discussions-list {
flex-basis: 70%;
flex-grow: 3;
}
/*styling ajax response messages withing the discussion-list box*/
.success_sign{
  text-align: center;
  color: green;
  font-size: 14px !important;
  font-style: italic;
  background-color: #f2f2f2;
  display: block;
  position: static !important;
  height: fit-content;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
  margin: 5px 10px;
  padding: 10px;
  flex-wrap: wrap;
}
.edit-my-discussion-response-target .success_sign {
  padding: unset;
  margin: unset;
  height: unset;
  background-color: unset;
  border: unset;
}
.error_sign{
  text-align: center;
  color: red;
  font-style: italic;
  font-size: 14px !important;
  /*min-height: 100px;*/
  background-color: #fde7e7;
  display: flex;
  position: static !important;
  justify-content: center;
  height: fit-content;
  align-items: center;
  border: 1px solid #ffd1d1;
  border-radius: 4px;
  margin: 2px 10px;
  word-break: break-all;
  flex-wrap: wrap;
}
.malicious-content{
  display: block;
  width: 100%;
  background-color: white !important;
  padding: 0px 5px;
  border-radius: 4px;
}
.post-creation-error-messages{
  display: block;
  word-break: break-all;
}
.view-new-post-text-msg {
  text-align: center;
  font-size: 14px !important;
  font-style: italic;
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-new-post-text-msg a {
  text-decoration: none;
  border: 1px solid #9cb5ff;
  width: fit-content;
  border-radius: 4px;
  padding: 0px 5px;
  margin: 0px auto !important;
  margin-top: 5px !important;
}
.view-new-post-text-msg a:hover {
  background-color: #6a55ff;
  color: white;
}
.question-cpt {
  margin: 20px 1%;
  padding: 5px;
  box-shadow: 0px 0px 8px 0px #939393;
  position: relative;
  /*! border-top: 1px dotted blue; */
  /*! background-color: #f9f9f9; */
  border: 1px solid #acacac;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
}
.discussion-info-wrap-1 {
  /*! min-width: 150px; */
  /*! height: auto; */
  padding: 5px;
  margin-right: 5px;
  border-radius: 4px;
  flex-grow: 1;
  flex-basis: 150px;
  border: 1px solid #9d9d9d;
  background-color: #ececec36;
}
.discussion-creation-date-side-pane{
  color: gray;
  font-size: 13px;
}
.author-name-string {
  text-align: center;
  text-transform: capitalize;
  color: gray;
  font-weight: bold;
}
.last-online-string {
  padding: 6px 10px;
  display: flex;
  border-radius: 4px;
  border: 1px solid #7bd9dd;
  margin-top: 8px;
}
.last-active-time {
  font-size: 13px !important;
  text-align: center;
  font-style: italic;
  color: gray;
  padding-left: 10px;
}
.last-online-index {
  font-size: 13px !important;
  text-align: center;
  font-style: italic;
  color: #626161;
}
/**Suspend button styling*/
.admin-suspend-user {
  font-size: 13px !important;
  font-style: italic;
  color: #ff005c;
  display: inline-block;
  cursor: pointer;
  padding: 0px 10px;
  font-weight: bold;
}
.suspended{
   color: #43db43;
}
.suspend-user-wrap {
  flex-grow: 1;
  text-align: right;
}
/**/
.discussion-written-pots-count {
  font-size: 14px !important;
  text-align: center;
  font-style: italic;
  color: gray;
}
.media-object {
  display: block;
  height: 40px;
  width: 40px;
}
.author-profile-photo {
  width: 40px;
  height: 40px;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
}
.discussion-author-profile-photo .avatar {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #9f9f9f2e;
}
.discussion-author-profile-photo .author-profile-photo{
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid #9f9f9f2e;
}
.discussion-author-profile-photo {
  text-align: center;
}
.show-extra-feature-on-big-screen-only {
  /*border: 1px solid #e1e1e1;*/
  border-radius: 4px;
  padding: 10px 5px;
}
.discussion-author-star-rating {
  text-align: center;
}
.discussion-author-star-rating span {
  font-size: 20px;
  color: rgb(233, 233, 233);
}
.discussion-creation-date {
  color: gray;
  font-size: 13px;
  min-width: 120px;
  font-style: italic;
  text-align: center;
}
.user-icon #Layer_1 {
  width: 32px;
  height: 32px;
}
.user-icon {
  text-align: center;
  padding: 10px;
}

.user-icon svg {
  width: 40px !important;
  height: 40px !important;
}
.red-flag-warning-text {
  font-size: 14px;
  font-style: italic;
  color: red;
  padding: 5px 0px;
  display: none;
}
.discussion-tip-text{
  font-size: 14px;
  font-style: italic;
  color: rgb(0, 184, 193);
  padding: 5px 0px;
  display: none;
}
.show-warning{
  display: block;
}
.discussion-info-wrap-2 {
  flex-grow: 5;
  /*! padding-bottom: 30px; */
  margin-bottom: 0px;
  /*! border-top: 1px solid #e3e3e3; */
  /*! background: #f2f2f2; */
  /*! padding-left: 10px; */
  /*! padding-right: 10px; */
  /*min-width: 360px;*/
  flex-basis: 400px;
}
.deleted-discussion{
  /*transition: background-color 5s 0s ease;*/
  background-color: rgb(255, 0, 115);
  color: white;
  font-size: 14px;
  text-align: center;
  padding: 10px;
}
.online-status-light-online{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #03cca6;
  /*! box-shadow: 0px 0px 5px 1px rgba(0, 255, 0, 0.505); */
  display: inline-block;
  margin-left: 10px;
}
.advanced-feature-online-status-light-online{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.user-is-offline{
  background-color: #ffffff7a;
  box-shadow: 0px 0px 5px #adadad;
}
.user-is-online{
  background-color: #03cca6;
}
.online-status-light-offline{
  border-radius: 50%;
  background-color: red;
  box-shadow: 0px 0px 5px 1px #ff010187;
}
.online-status-light{
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 2px 0px rgba(157, 157, 157, 0.607);
}
.authour-details-card{
  border-bottom: 6px solid #9f9f9f59;
  padding: 5px 0px;
  text-transform: capitalize;
  font-size: 13px;
  color: #024caa;
  font-style: oblique;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.authour-details-card li {
  display: inline-block;
  min-width: 120px;
}
.postcard-info-icons {
  width: 20px;
  height: 20px;
  margin: 1px 5px;
}
.discussion-top-bar {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: right;
}
.question-publish-details {
  /*display: block;
  padding: 5px 0px;
  font-size: 13px;
  font-style: italic;
  */ /*! border-bottom: 1px dotted grey; */ /*
  position: relative;
  color: grey;
  list-style: none;*/
  position: relative;
  padding: 5px 0px;
  font-size: 13px;
  text-transform: capitalize;
  cursor: default;
  display: block;
  /*! background-color: #f9f9f9; */
  /*! border: 1px solid #0f81a45c; */
  /*border-radius: 4px;*/
  font-style: italic;
  color: grey;
  margin-top: 5px;
  flex-grow: 1;
  min-width: 150px;
}
.question-extra-features{
  position: relative;
  padding: 5px 0px;
  font-size: 13px;
  text-transform: capitalize;
  display: flex;
  /*! background-color: #f9f9f9; */
  /*border: 1px solid #0f81a45c;*/
  border-radius: 5px;
  font-style: italic;
  color: grey;
  /*margin-top: 5px;*/
  list-style: none;
  /*! height: 30px; */
  align-items: center;
  margin-left: 3px;
  /*! border: 1px solid #9d9d9d; */
  padding: 0px;
  overflow: hidden;
  flex-grow: 1;
  min-width: 280px;
}
.question-extra-features li{
  display: inline-flex;
  width: 100%;
}
.question-extra-features li span {
  border: none;
  margin: 0px;
  height: 30px;
  width: 100%;
  border-radius: 0px;
  display: inline-block;
}
.post-number-count-wrap{
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
}
.discussion-grammar-button,
.discussion-report-button,
.discussion-copy-link-button{
  display: flex;
  height: fit-content;
  min-width: 36px;
  text-align: center;
  border-right: 1px solid rgb(228, 228, 228);
  list-style: none;
  cursor: pointer;
  font-style: italic;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  padding: 5px 0px;
  /*! background-color: #f9f9f9; */
  border: 1px solid #0f81a45c;
  border-radius: 4px;
  font-style: italic;
  color: #00c6db;
  margin: 0px 6px;
  height: fit-content;
}
.my-discussion-grammar-button-disabled,
.my-discussion-report-button-disabled,
.discussion-attachment-button {
  display: flex;
  height: fit-content;
  min-width: 36px;
  text-align: center;
  border-right: 1px solid rgb(228, 228, 228);
  list-style: none;
  cursor: default;
  font-style: italic;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  padding: 5px 0px;
  background-color: white;
  border: 1px solid #cecece2e;
  border-radius: 4px;
  font-style: italic;
  margin: 0px 6px;
  height: fit-content;
}

.my-discussion-grammar-button-disabled .magnifying-glass {
  fill: #cecece;
}
.my-discussion-grammar-button-disabled .glass-st0 {
  stroke: #cecece;
}
.my-discussion-report-button-disabled #Layer_1 .flag-st0 {
  fill: #FF000038;
}
.my-discussion-report-button-disabled #Layer_1 .flag-st1 {
  fill: #f0f0f0;
  stroke: #a4a4a4;
  stroke-width: 20;
  stroke-miterlimit: 10;

}
.discussion-attachment-button-js-handle{
  border: 1px solid #0f81a45c;
  cursor: pointer;
}
.discussion-attachment-button #Layer_1 path{
  stroke: #cecece;
}
.discussion-attachment-button-js-handle #Layer_1 path{
  stroke:black
}

.discussion-grammar-on,
.discussion-red-flag-on,
.discussion-attachment-on{
  background-color: #ffe1e1;
  border: 1px solid #a40f0f5c;
}

.discussion-grammar-on #Layer_1{
  fill: rgb(0, 99, 248) !important;
  stroke: rgb(0, 99, 248) !important;
}
.discussion-red-flag-on #Layer_1 path,
.discussion-red-flag-on #Layer_1 ellipse,
.discussion-grammar-on #Layer_1 path,
.discussion-grammar-on #Layer_1 ellipse{
  stroke: red  !important;
}
.discussion-grammar-button:hover,
.discussion-report-button:hover,
.discussion-copy-link-button:hover,
.discussion-attachment-button-js-handle:hover {
  /*border: 1px solid #a40f0f5c;*/
  background-color: #c2ebfb;
}
.my-discussion-grammar-button-disabled:hover,
.my-discussion-report-button-disabled:hover{
  background-color: white !important;
}
.discussion-grammar-button #Layer_1,
.discussion-report-button #Layer_1,
.discussion-copy-link-button #Layer_1,
.discussion-attachment-button #Layer_1 {
  width: 18px;
  height: 20px;
}
.question-publish-details li{
  display: inline-block;
}
.discussion-status{

}
.discussion-status-result{
  cursor: pointer;
}
.discussion-urgency-tgt_1{
  cursor: pointer;
  font-size: 13px !important;
  /*! border: 1px solid #007cff; */
  padding: 2px;
  border-radius: 3px;
  min-width: 50px;
  display: inline-block;
  text-align: center;
  background-color: #007cba;
  color: white;
}
.discussion-status-result:hover,
.discussion-urgency-tgt_1:hover{
  background: #7e00ac;
  color: white;
}
.urgency-indicator{
  color: #ffeef9;
  background: rgb(255 0 92);
}
.post-number {
  /*! background-color: #ff009c7d; */
  border-radius: 4px;
  width: fit-content;
  padding: 2px 8px;
  /*! color: rgb(255 255 255); */
  font-size: 13px;
  display: inline-block;
  border: 1px solid grey;
  margin: 0px 3px;
  /*background-color: #f9f9f9;*/
  border: 1px solid #0f81a45c;
  background-color: #3783c6;
  border: 1px solid #0f81a45c;
  color: white;
  height: 26px;
}
.discussion-status-result{
  text-align: center;
  font-size: 13px !important;
  /*! border: 1px solid #007cff; */
  padding: 3px;
  border-radius: 3px;
  background-color: rgb(7, 210, 0);
  color: white;
  min-width: 40px;
  display: inline-block;
  text-align: center;
  /*! border: 2px solid white; */
  /*! border-radius: 4px; */
  background-color: #007cba;
  color: white;
}
.status-indicator{
  color: white;
  background: rgb(255 0 92);
}
.question-text-content {
  display: flex;
  /*! background-color: #f9f9f9; */
  /*! border-bottom: 1px dotted grey; */
  border-top: 1px dotted #020202;
}
.question-text-content-toggled {
  flex-wrap: wrap;
}
.question-thumbnail-box {
  text-align: center;
  max-height: fit-content;
  padding: 8px 3px;
  width: fit-content;
  display: none;
}
.question-text{
  text-align: justify;
  width: 100%;padding: 0px 5px;
}
.qtn-img-responsive.question-thumbnail.wp-post-image {
  object-fit: cover;
  width: 60px;
  height: 60px;
  border: 1px solid #dfdfdf;
  border-radius: 50%;
}
.question-thumbnail-toggled{
  width: 100% !important;
  height: auto !important;
  border-radius: 0% !important;
  border: none !important;
}
.question-thumbnail-box-toggled {
  width: 100% !important;
  max-height: calc(40vw) !important;
  border-radius: 0% !important;
  padding: 0px !important;
  overflow-y: auto;
  display: block;
  height: fit-content;
  /*! background: #4a4a4a; */
}
.question-thumbnail-box-photo-deleted{
  background: #ff044a;
  height: fit-content;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px !important;
  min-height: 50px !important;
}
.question-content {
  padding: 5px 0px;
  font-size: 14px !important;
  /*height: 94px;*/
  overflow: hidden;
  color: #626161;
  word-break: break-all;
  /*! border-bottom: 1px dotted grey; */
}
.question-link{
  text-decoration: none;
  font-size: 15px;
  word-break: break-all;
}
.discussion-buttons-wrapper{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.discussion-cpt-options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  /*padding: 10px 0px;
  */ /*! border-top: 1px dotted grey; */
  margin: 10px 0px;
  width: fit-content;
  border-radius: 4px;
  border: 1px solid #7bd9dd;
  overflow: hidden;
  flex-grow: 1;
  min-width: 280px;
}
.question-option {
  display: flex;
  height: fit-content;
  min-width: 68px;
  color: #ff009c;
  text-align: center;
  list-style: none;
  cursor: pointer;
  font-style: italic;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  padding: 5px 2px;
  font-style: italic;
  color: #646464;
  border: 1px solid #f0f0f066;
  flex-grow: 1;
}
.question-option-view-and-response{
  display: flex;
  height: fit-content;
  min-width: 68px;
  color: #ff009c;
  text-align: center;
  list-style: none;
  cursor: pointer;
  font-style: italic;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  padding: 5px 2px;
  font-style: italic;
  color: #646464;
  border: 1px solid #f0f0f066;
  flex-grow: 1;
  cursor: default;
}
.question-option:hover {
  /*background-color: #ff006c;*/
  color: white;
  background-color: #c2ebfb;
}
.question-option:lasst-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.question-option:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.discussion-replies svg {
  fill: rgb(0, 99, 248);
}
.question-option-edit-disabled,
.question-option-edit-disabled{
  cursor: default;
  background-color: #fff;
  color: rgb(197, 197, 197) !important;
}
.question-option-edit-disabled svg .st0,
.question-option-edit-disabled svg .st1,
.delete-icon.delete-icon-disabled svg .delete-st0,
.edit-icon.edit-icon-disabled svg .edit-st0 {
  stroke: #ececec;
  stroke-miterlimit: 10;
  fill: #d0d0d0;
}
.delete-my-discussion-disabled,
.edit-my-discussion-disabled{
  color: rgb(197, 197, 197);
}
.question-option-edit-disabled:hover{
  background-color: white !important;
  color: rgb(197, 197, 197) !important;
}
.question-option #Layer_1{
bottom:0px;

}
.question-option span{
  display: flex;
}
.postcard-footer-further-details{
  padding: 5px 0px;
  font-size: 13px;
  text-transform: capitalize;
  cursor: default;
  display: grid;
  grid-template-columns: auto;
  background-color: #f9f9f9;
  border: 1px solid #0f81a45c;
  border-radius: 4px;
  font-style: italic;
  color: grey;
  border: none;
  background-color: #ececec36;
}
.postcard-footer-further-details-item{
  list-style: none;
  display: inline-block;
  margin: 5px 2px;
}
.my-discussions-panel-text-link{
  text-decoration: none;
  color:blue;
  color: #4280ff;
}
.discussion-postcard-footer-further-details-text{
  display: inline-block;
  padding:0px 4px;
  text-align: start;
  /*color:rgb(0, 99, 248);*/
  color: rgb(0, 184, 193);
  cursor:default;
}
.discussion-topic-txt{
  color: blue !important;
  text-decoration: unset !important;
  cursor: pointer;
}
.tagged-destination-link{
  color: blue !important;
  text-decoration: unset !important;
  cursor: pointer;
}
.seen-discussion-class .st0,
.seen-discussion-class path{
  fill:rgb(0, 99, 248) !important;
  stroke:rgb(0, 99, 248) !important;
}
#Layer_1 {
  width: 13px;
  height: 13px;
  position: relative;
  bottom: -1px;
  margin: 0px 2px;
}
.edit-icon-disabled #Layer_1 {
  fill: #eaeaea !important;
}
.selected_like .st0{
  fill:rgb(0, 99, 248) !important;
  stroke:rgb(0, 99, 248) !important;
}
.selected_like path{
  fill:rgb(0, 99, 248) !important;
  stroke:rgb(0, 99, 248) !important;
  
}
.pinned-favorites .st0{
  fill:white !important;
}
.edit-my-discussion-response-target{
  display: none;
  border: 1px solid #e1e1e1;
  background-color: #ececec36;
  padding: 5px;
  margin-top: 5px;
  border-radius: 4px;
}
.edit-my-discussion-response-target-active{
  display: block;
}
.edit-question-cpt {
  display: none;
  background-color: white;
  padding: 3px 0px;
  position: relative;
  min-height: 80px;
}
.create-discussion-msg-text-gif,
.deleting-photo-msg-text-gif,
.deleting-msg-text-gif,
.editing-msg-text-gif{
  text-align: center;
  background-color: lightgrey;
  border-radius: 4px;
  border: 1px solid lightblue;
  padding: 10px 0px;
  margin: 5px auto;
  
  width: 100%;
}
.please-wait-message{
  display: block;
  font-style: italic;
  font-size: 14px;
  color: blue;
}
.loading-image-box-delete-photo{
  display:none;
}
.loading-image-box-delete{
  display:none;
}
.loading-image-box{
  display:none;
}
.loading-image-box-create-new-discussion-busy{
  min-height: 100px;
  /*! background-color: #f2f2f2; */
  display: flex;
  position: static !important;
  width: 100%;
  justify-content: center;
  height: fit-content;
  align-items: center;
  /*! border: 1px solid #d1d4ff; */
  border-radius: 4px;
  margin: 0px 10px;
}
.loading-image-box-delete-photo-busy{
  min-height: 100px;
  background-color: #f2f2f2;
  display: flex;
  position: static !important;
  width: 100%;
  justify-content: center;
  height: fit-content;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
}
.loading-image-box-delete-busy{
  min-height: 100px;
  background-color: #f2f2f2;
  display: flex;
  position: static !important;
  width: 100%;
  justify-content: center;
  height: 100%;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
}
.loading-image-box-busy{
  background-color: #f2f2f2;
  display: flex;
  position: absolute;
  width: 100%;
  justify-content: center;
  height: 100%;
  align-items: center;
  border: 1px solid #d1d4ff;
  border-radius: 4px;
}
.discussion-body-busy{
  position: relative;
}
.edit-my-discussion-body-busy{
  /*background-color:grey;*/
}
.delete-discussion-loading-gif,
.edit-discussion-loading-gif{
  height: 35px;
}
.discussion-edit-tip{
  /*color: rgb(255, 0, 102);*/
  color: rgb(0, 184, 193);
  font-style: italic;
  font-size: 14px !important;
}
.delete-thumbnail{
  position: absolute;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #e8e8e8;
  padding: 3px;
  display: none;
  margin: 5px;
  cursor: pointer;
}
.delete-thumbnail:hover {
  background: #e8e8e8;
  border: 2px solid white;
}
.delete-thumbnail #Layer_1 {
  width: 26px;
  height: 25px;
  margin: 0px;
  padding: 0px;
}
.edit-question-file-img {
  width: 0px;
  height: 0px;
}
.edit-discussion-image-display-box{
  display: none;
  /*! border: 1px solid grey; */
  border-radius: 4px;
  padding: 5px;
  width: fit-content;
  overflow: auto;
  flex-grow: 1;
  margin: 3px;
}
.browse-photo-label{
  cursor: pointer;
  border-radius: 4px;
  padding: 3px;
  border: 1px solid #007cba;
  background-color: #007cba;
  color: white;
  display: inline-block;
  margin: 5px auto;
  text-align: center;
  width: 100px;
  font-size: 14px;
  font-style: italic;
}
.edit-file-loading-success-msg {
  font-size: 14px !important;
  color: #1bbd53;
}
.edit-discussion-extra-features {
  /*! border: 1px solid gray; */
  border-radius: 4px;
  padding: 5px;
  width: fit-content;
  overflow: auto;
  flex-grow: 1;
  margin: 3px;
}
.edit-discussion-features-envelope {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid gray;
  border-radius: 4px;
  /*border: 1px solid #e1e1e1;
  background-color: #ececec36;*/
  border: 1px solid #9d9d9d;
  background-color: #ececec36;
}
.edit-discussion-features-envelope-busy{
  display: none;
}
.update-image-only-input {
  margin: auto 0;
}
.update-image-only-text {
  font-size: 14px !important;
  color: grey;
  padding: 5px 0px;
}
.update-image-only-option {
  padding: 5px 0px;
}

.edit-file-name-display {
  display: inline-block;
  font-size: 14px !important;
  color: grey;
  font-style: italic;
  text-transform: lowercase;
}
.discussion-edit-image{
  object-fit: cover;
  width: 100%;
  height: fit-content;
  max-height: 350px;
}
.edit-discussion-label-txt-envelope {
  /*! display: flex; */
  justify-content: inherit;
}

.edit-question-title {
width: 100%;
margin: 1% auto;
background-color: #d6eaee;
width: 100%;
border-radius: 4px;
border: none;
height: 40px;
padding: 0px 10px;
font-size: 14px;
font-style: italic;
}
.edit-question-content {
  width: 100%;
  margin: 1% auto;
  background-color: #d6eaee;
  width: 100%;
  border-radius: 4px;
  border: none;
  padding: 0px 10px;
  font-size: 14px;
  font-style: italic;
}
.question-save-changes,
.question-cancel-changes {
  margin: 1% auto;
  padding: 0px 5px;
  border-radius: 4px;
  border: none;
  height: 30px;
  color: white;
  font-size: 14px;
  background-color: #007cba;
  width: fit-content;
}
.edit-discussion-fatal-error-msg{
  color: red;
  font-style: italic;
  font-size: 14px !important;
}

/*styling the comment toggle button*/

.comment-dropdown-toggle-button {
  margin-right: 10px;
  padding: 0px !important;
}
.comment-dropdown-toggle-button span img {
  width: 30px;
  height: 30px;
  display: block;
}
.comment-dropdown-toggle-button .comment-arrow .my-comment-panel-minimize-button{
  display: none;
}
.comment-dropdown-toggle-button .comment-arrow {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: clip;
  border-radius: 50%;
}
.response-count-number svg {
  width: 20px !important;
  height: 20px !important;
  display: inline-block;
  display: none;
}

/*modifying the mods styling*/
.inner-list-item-inline-blog-single {
  list-style: none;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
.comment-action-button.comment-action-buttons {
}
.comment-reply-link{
}
.edit-approve-report-box .comment-action-button{
  list-style: none;
  margin: 2px 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  text-align: center;
  min-width: 40px;
  width: fit-content;
  background-color: #fafafa;
  border-radius: 4px;
  height: 24px;
  cursor: pointer;
  border: 1px solid #168da84f;
}
div.inner-list-inline-blog-single li.comment-action-button {
  list-style: none;
  margin: 2px 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  text-align: center;
  padding: 0px 5px;
  min-width: 64px;
  background-color: #fafafa;
  border-radius: 4px;
  height: 24px;
  cursor: pointer;
  width: fit-content;
  border: 1px solid #168da84f;
}
.comment-reported {
  background-color: #ff00302e !important;
  border: 1px solid #fd0000;
}
.comment-approved {
  background-color: #51ea86;
}
.report-comment:hover {
  color: #fff;
  background-color: #b4e6ff;
  border: 1px solid #07d1ff4f;
}
.approve-comment:hover {
  color: #fff;
  background-color: #b4e6ff;
  border: 1px solid #07d1ff4f;
}
.edit-link.comment-action-button.comment-action-buttons .comment-edit-link {
  /*! background-color: #fff0; */
  /*! width: fit-content; */
  /*! display: block; */
  /*! height: fit-content; */
  /*! text-align: center; */
  /*! padding: 0px; */
  /*! margin: 0px; */
  
}
.edit-link.comment-action-button.comment-action-buttons .comment-edit-link svg {
}
.viewer-expression-buttons,
.edit-link{
  /*! border: 1px solid #168da84f; */
  /*! border-radius: 4px; */
  /*! min-width: 89px; */
  /*! height: 24px; */
  /*! background-color: white; */
}
.edit-link:hover {
  color: #fff;
  background-color:#b4e6ff;
  border: 1px solid #07d1ff4f;
}
.comment-action-button.viewer-expression-buttons:hover {
  color: #fff;
  background-color: #b4e6ff;
  border: 1px solid #07d1ff4f;
}
.comment-action-button.viewer-expression-buttons:hover>.count-holder{
  color:white;
}
.comment-action-button svg {
}
.comment-action-button .count-holder {
  min-width: 32px;
  border-radius: 11px;
  font-size: 10px;
  font-style: italic;
  color: #595959;
  overflow: clip;
  padding: 0px 5px;
  line-height: 10px;
}
.inner-list-inline-blog-single {
  display: flex;
  align-items: center;
}
.discussion-body .comment-edit-link {
  background-color: #fafafa;
  cursor: pointer;
  margin-left: 2px;
  border-radius: 4px;
  min-width: fit-content;
  padding: 0px !important;
  border: 1px solid #2fa9ff40;
  height: 24px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px;
  margin-right: 3px;
}
.discussion-body .comment-edit-link:hover {
  color: #fff;
  background-color: #b4e6ff !important;
}
/*responsive ui*/
/*
manipulating the discussion advanced features 
*/
@media screen and (max-width: 768px) {
  .show-extra-feature-on-big-screen-only{
    display: none;
  }
  .question-cpt{
    flex-direction: column;
  }
  .discussion-info-wrap-1{
    flex-basis: unset;
    background-color: white;
    border: none;
  }
  .discussion-info-wrap-2{
    flex-basis: fit-content;
  }
}
@media screen and (min-width: 769px) {
  .authour-details-card{
    display: none;
  }
  .question-cpt{
    flex-direction: row;
  }
}
/*aux custom comment form css*/
#commentform {
  padding: 5px;
  border-radius: 4px;
  color: gray;
  /*border: 1px solid #80808082;*/
}
#reply-title{
  font-size: 25px;
  font-weight: normal;
  text-align: center;
  padding-bottom: 4px;
  color: #3e3e3e;
  font-weight: normal;
  border: none;
  /*border-bottom: 6px solid #80808063;*/
  }
  .comment-form .form-submit {
    text-align: start;
    padding-top: 5px;
  }
/**media quiries for the whole forum*/
@media screen and (max-width:767px){
  .discussion-option-list {
    display: grid;
    justify-content: unset;
    grid-template-columns: auto auto auto;
  }
  .discussion-body {
    margin: 20px 0px;
  }
  .summary-text-top {
    grid-template-columns: auto auto auto;
  }
  .postcard-footer-further-details {
    display: grid;
    grid-template-columns: auto auto;
  }
  .postcard-footer-further-details-item {
    display: block;
    margin: 5px 0;
  }
  .show-grid-my-panel-settings {
    display: grid;
    grid-template-columns: auto;
  }
  .question-thumbnail-box-toggled {
    max-height: calc(50vw) !important;
  }
  .features-envelope {
    display: flex;
    flex-direction: column;
  }
  .show-media-wrap {
  display: none;
}
  @media screen and (max-width:540px){
    .postcard-footer-further-details {
      display: grid;
      grid-template-columns: auto auto !important;
    }
    .discussion-option-list {
      display: grid;
      justify-content: unset;
      grid-template-columns: auto auto !important;
    }
    .summary-text-top {
      grid-template-columns: auto auto;
    }
    .question-thumbnail-box-toggled {
      max-height: calc(60vw) !important;
    }
    @media screen and (max-width:480px){
      .postcard-footer-further-details {
        display: grid;
        grid-template-columns: auto auto !important;
      }
      .discussion-option-list {
        display: grid;
        justify-content: unset;
        grid-template-columns: auto auto !important;
      }
      .summary-text-top {
        grid-template-columns: auto auto;
      }
      .question-thumbnail-box-toggled {
        max-height: calc(60vw) !important;
      }
      @media screen and (max-width:360px){
        .postcard-footer-further-details {
          display: grid;
          grid-template-columns: auto !important;
        }
        .discussion-option-list {
          display: grid;
          justify-content: unset;
          grid-template-columns: auto !important;
        }
        .summary-text-top {
          grid-template-columns: auto !important;
        }
        .question-thumbnail-box-toggled {
          max-height: calc(60vw) !important;
        }
      }
    }
  }
}




@media screen and (min-width:768px){
  .features-envelope {
    display: flex;
    flex-direction: row;

  }
  .postcard-footer-further-details {
    display: grid;
    grid-template-columns: auto auto;
  }
  .summary-text-top {
    grid-template-columns: auto auto;
  }
  .discussion-option-list {
    display: grid;
    justify-content: unset;
    grid-template-columns: auto auto;
  }
  @media screen and (min-width:1080px){
    .postcard-footer-further-details {
      display: grid;
      grid-template-columns: auto auto auto;
    }
    .summary-text-top {
      grid-template-columns: auto auto auto;
    }
    .discussion-option-list {
      display: grid;
      justify-content: unset;
      grid-template-columns:  auto auto auto;
    }
    @media screen and (min-width:1280px){
      .postcard-footer-further-details {
        display: grid;
        grid-template-columns: auto auto auto auto;
      }
      .summary-text-top {
        grid-template-columns: auto auto auto ;
      }
      .discussion-option-list {
        display: grid;
        justify-content: unset;
        grid-template-columns:auto auto auto;
      }
      @media screen and (min-width:1500px){
        .summary-text-top {
          grid-template-columns: auto auto auto auto;
        }
      }
    }
  }
}