﻿
/* Simple Items / Home Page Cells */

#qForm {border-radius:2px;background:#FFF;margin-bottom:10px;border:solid 1px #dee0e1 !important;padding:12px 5px 12px 10px;}
#qForm tr td { padding:0;}
#qForm .prompt { background:#F7F7F7;border:solid 1px #D0D0D0;padding:5px 10px;color:#A0A0A0;border-radius:5px;margin-bottom:8px;transition:all ease-in-out 0.2s;position:relative;}
#qForm .prompt:hover { border-color:#09F;}
#qForm .usr.thumb { margin-bottom:0 !important;margin-top:2px;}

body.home .col1 .rpnl { background-color: #065E78;}
body.home .col2 .rpnl { background-color: #065E78;}
body.home .col3 .rpnl { background-color: #15455f;}

#post_share_button, #post_simple_button{ color:#FFF;}
#post_share_button { background-color: #00B3B6;border-color:#00B3B6; }
#post_share_button:hover { background-color: #00A2A5;border-color:#00A2A5; }

#post_simple_button {background-color:#2E83A0;border-color:#2E83A0; }
#post_simple_button:hover {background-color:#1D7290;border-color:#1D7290; }

.simple-columns { width:100%;}
.simple-columns .col1 { padding-right:18px;max-width:58%}
.simple-columns .col2 { width:42%;}

#issueslist article { border-radius:2px;padding-top:12px;background:#FFF;margin-bottom:10px;border:solid 1px #dee0e1 !important;position:relative;}
#issueslist article .img { width:auto;aspect-ratio: 16 / 9;}
#issueslist article p { margin:4px 0; }
#issueslist .s-inner { padding:8px 10px 8px; }
#issueslist .s-inner > h3 { margin-top: 0; }

#issueslist .img .tb { position: relative;border-radius:0 0 2px 2px;background-position:center center;background-repeat:no-repeat;background-size:cover;
border-top:solid 1px rgba(0,0,0,0.4);transition:all ease-in-out 0.2s; aspect-ratio: 16 / 9;}
#issueslist .img .tb img { visibility:hidden;}
#issueslist article .author { padding:0 10px 0px;}
#issueslist article .author .thumb, .usr.thumb{ border-radius:50%; height:32px;width:32px;margin-right:5px;background-size:cover;}
#issueslist article .author strong { text-transform:capitalize}
#issueslist article .ctrls a { margin:0; width:calc(50% - 2px);padding:10px 0;display:inline-block;text-align:center;color:#FFF;border-radius:0;}
#issueslist article .ctrls a.view {background-color:#00B3B6;border-color:#00B3B6; }
#issueslist article .ctrls a.respond { background-color:#2E83A0;border-color:#2E83A0;}
#issueslist article .ctrls a.reports {background-color:#15455f;border-color:#15455f; }

#issueslist article .proposal { margin-bottom:7px;}

#issueslist article .d-info { padding:0 0 0 46px; }
#issueslist article .d-info .note { padding:0px;}
#issueslist article .note.r-count { padding-left: 10px;}

#issueslist .popmenutrigger {min-height:18px; background:rgba(0,0,0,0);border:none !important;color:#000;text-align:center;padding:5px 15px 5px 15px !important;}
#issueslist .popmenutrigger:hover, #issueslist .popmenutrigger:active { color:#2E83A0}
#issueslist .popmenu { margin-top:0;min-width: 100px;}

#issueslist article .post-tags { border-top:solid 1px #EFEFEF;padding-left:10px;padding-right:10px;font-size: 11px;font-weight:bold;}
#issueslist article.issue .post-tags { }

.m-out { position:absolute;right:5px;top:5px;}

#post_share.popUP .inner { padding: 0px;}
#post_share { width:700px;max-width:100vw;background: rgba(0,0,0,0);border:none;box-shadow: rgba(0,0,0,0.1) 0px 0px 5px;}
#post_share .block-pnl { padding:0;margin-bottom:0 !important;}

.post-hdr{ background: #EEE;}
.post-hdr .post-options { display:none;}
#post-tag-option { display:block !important;}


#simple_post { width:800px;position:absolute;}
#simple_post label { color:#05243C; }
#simple_post label.biglabel { font-weight: 500;font-size:18px;}

.wiz-item { }
.wiz-item.hidden { display:none; }


.proposal { color:#065E78;font-weight:bold; }
#proposal-list { max-height: 250px; overflow-y:scroll; }
#proposal-list a { display:block;padding: 5px 12px 6px;border-radius: 5px;border: solid 1px;margin-bottom: 5px;font-size: 14px;cursor: pointer;text-decoration:none;transition: all ease-in-out 0.2s;}
#proposal-list a:hover { border-color:#09F;}
#proposal-list a.selected { background: #09F;border-color: #09F;color: #FFF;}

#proposaldata .commandtext { padding-top:10px;font-size: 18px; }
#proposaldata .btn { border:solid 1px #065E78;color:#065E78;}
.user-note { font-size:11px;}
.popular-issues article { margin-bottom:15px;}

#proposaldata  .cb-buttons input[type=checkbox]:checked + label{background:#065E78;border-color:#065E78;color:#FFF !important;} 

.msg-item { font-size:1em;text-align:justify}




@media only screen and (max-width: 1300px) {

  body.home .section2 .inner { width: calc(98% - 100px);max-width: 100%;}
  #hdr > .middle, #content > .middle, .middle { width: 94%;max-width: 100%; }


  header .table .cells > div.c-search { max-width: 50%;width: 300px;}
}

@media only screen and (max-width: 1025px) {

  .withsidemenu #main-body { width:calc(100% - 20px);margin-left:auto;margin-right:auto;}

  .simple-columns .col1{ padding-right: 20px; }
  .simple-columns .col2 { width:45%;}

  .issue-of-week .list.masonry .item{ }

  #simple_post, #post_share {top:0 !important;}

  header .c-icons { width:100px;}

}

@media only screen and (max-width: 850px) {
  #l-menu { padding-left:10px;top: -26px;}
  .l-menuopen #l-menu {width: calc(100% - 60px); }
  .l-menuopen #l-menuclose { display:inline-block !important;}

  #subjects { }
  #subjects > div {font-size: 1.3em;font-weight:normal;
    padding: 10px 1px 9px 1px;padding-left: 1px;border-bottom: solid 1px #EEE; }

  .l-menu .pnl { border-color:rgba(0,0,0,0)}
  .detail .inner { border-color:rgba(0,0,0,0)}

  .pnl > div { padding-top:0;}
  .detail .pnl, .pnl {padding-top:5px; padding-right:3px;padding-left:3px;}


  .s-inner { font-weight:400;line-height:20px;}


  header .c-profilelinks a {font-size: 22px; }
  a#mobile-btn { font-size:22px;position:relative !important;right:auto;top:auto;color:#05243C !important;}

  /*.scrolled #reportsmenu.stuck, .scrolled.scrolleddeep #reportsmenu.stuck { top:49px}*/
  #l-menu { top:0px;}
}

@media only screen and (max-width: 800px) {

  #simple_post, #post_share{ max-width:98%;}
  #simple_post.popUP .inner, #post_share .inner{ border-radius:0;}

  #welcome-page{ width: calc(100% - 20px); margin-left:auto;margin-right:auto; }

  .rblist  { list-style:none;}
  .rblist li { display:block}

  body.home .section1 .col1 { width:100%;}

  .l-menu .pnl { padding:0 !important;}

  header .table .cells > div.c-search { width:270px;}  

}

@media only screen and (max-width: 769px) {
 .simple-columns .col1{ max-width: 100%;min-width: 100%;width:100%;padding-right: 0; }
 .simple-columns .col2 { display:none;}

  
  body.notsignedin div.table > div > div.c-profilelinks { right:0;top:0;padding-right:0 !important;}


  #simple_post { border-radius:0;}
  #simple_post textarea { min-height: 25vh;}

}


@media only screen and (max-width: 655px){

  .btn, button.btn, input[type="submit"].btn { font-size: 15px; }

  #status { min-width:100px;max-width:100vw;left:5px;right:5px;}

  .detail .caseimage { max-width:300px;}

  #qForm { padding:12px 8px}

}


@media only screen and (max-width: 640px){
  #simple_post, #post_share{ max-width:100%;}

  #post_share_button, #post_simple_button { padding: 8px 20px 8px 20px; }

  #post_share textarea{ min-height: 250px; }
  #post_share .post-hdr { font-size: 17px; }
  #post_share .post-ftr { }
  #post_share .primary-btn { font-size: 17px;padding: 3px 19px 5px 19px !important;margin-top: 5px;  margin-bottom: 5px;}
  .inbounds .dialogclose {top: 4px;right: 5px; }
}

@media only screen and (max-width: 600px) {



}
