/****************************************************************************************************************

                                          Roundhill Society
                                           Stylesheet 2024

*****************************************************************************************************************/

body                                 { background: #eee; margin:0px; font-family:Arial, sans-serif; 
                                       font-variant-ligatures: common-ligatures; 
                                       font-size:15px; color:#000; text-align: center; }
#canvas                              { text-align:left; margin: 0 auto; width: 95%; max-width:770px; 
                                       background:#ffffff; padding: 0 10px; overflow:hidden; }
span.bold                            { font-weight:bold; }
span.italic                          { font-style:italic; }
h3                                   { margin:0px; padding: 0px; }
span.heading, 
div#main_panel h2, 
div.single_column h2, 
div#pdfcol h2, h3                    { display:block; font-size:26px; letter-spacing: -0.04em; 
                                       font-weight:normal; color:#000; font-family: 'Noto Serif', serif;
                                       font-variant-ligatures: common-ligatures; line-height: 1.2;  
                                       padding-bottom:5px; border-bottom:1px solid #ccc; padding-top:5px; }
div.single_column h2                 { margin-top: 0px; }
.break                               { clear:both; }
span.footnote, span.break            { display:block; clear:both; font-size:100%; font-style:italic; 
                                       color:#999; padding-top: 20px; }
span.underline                       { text-decoration:underline; }
.highlight                           { display:block; padding:10px; background:#eee; color:#446; }
a:link, a:visited, 
a:active                             { text-decoration:none; color:#333399; }
span.highlight a:link, 
span.highlight a:visited, 
span.highlight a:active              { color:#228; }
a:hover                              { text-decoration:underline; }
span.update_text                     { font-style:italic; color:#000; }
ol                                   { list-style:upper-alpha; }
li                                   { margin-bottom:10px; }
hr                                   { border:0px; height:0px; color:#fff; }
ul.padded                            { margin-left: 20px; list-style-position: inside; }
.slender                             { color:#fff; border-bottom:1px solid #ccc; }
.hidden                              { display:none; }
code                                 { padding:10px; background:#eeeeff; color:#666666; font-family:courier; 
                                       font-size:120%; margin:10px; display:block; }

/********************************************* header ***********************************************************/
header                               { margin: 0; padding: 0; overflow: hidden; 
                                       background: url("/template/rh-logoback.svg") top center no-repeat #a9d7d7;
                                       background-size: 800px; height: 250px; margin-bottom: 10px; }
h1                                   { display:none; }
#logolink                            { background: url("/template/rh-title.svg") top right no-repeat;
                                       display: block; height: 250px; background-size: 150px; }

/********************************************* columns **********************************************************/
div#main_panel                       { margin-left:270px; margin-right:5px; background:#ffffff; text-align:left; 
                                       padding:0px; padding-left:5px;  }
div.single_column                    { margin: 5px; margin-top: 0px; background:#ffffff; text-align:left; }
div#main_panel h2                    { margin:0px; margin-bottom:5px; }
img.inline, img.bordered             { display:inline; float:left; border:0px; margin:10px; margin-left:0px; 
                                       margin-top:0px; }
img.bordered                         { border:8px solid #ddd; }
p.highlight                          { padding:10px; background:#eeeeff; }
div.search_container                 { padding:4px; background:#eee; }
#info_panel, 
#column_controls                     { width:250px; background:#ffffff; float:left; text-align:left; 
                                       padding:5px; margin:5px; margin-top:0px; margin-left:0px; 
                                       overflow:hidden; border-right:1px solid #fff; }
div#info_panel h3, 
div#column_controls h3               { padding:0px; margin:0px; margin-bottom:5px; font-size:26px; color:#333; 
                                       letter-spacing:-0.05em; font-weight:normal; 
                                       font-family: 'Noto Serif', serif; }
p.bullet                             { padding-left:35px; padding-bottom:10px; padding-top: 6px; 
                                       background-position: top left;
                                       background-size: 30px 30px; background-repeat: no-repeat;
                                       background-image: url("/template/icon-page.png"); }
p.email                              { background-image: url("/template/icon-mail.png"); }
p.facebook                           { background-image: url("/template/icon-facebook.png"); }
p.twitter                            { background-image: url("/template/icon-twitter.png"); }
p.peeps                              { background-image: url("/template/icon-peeps.png"); }
form#searchform                      { display:block; padding-top:10px 0; }
fieldset                             { border: 0; padding: 10px 0; }
div.results_container                { width:210px; margin:2px; background:#cccccc; height:6px; padding:2px; }
div#resultsbaryes                    { height:100%; background:#ffffcc; }
div#resultsbarno                     { height:100%; background:#ffffff; }
div#mobilebutton                     { display: none; text-align: right; padding: 10px; margin-top: 20px; }
div#mobilebutton a:visited,
div#mobilebutton a:hover             { text-decoration: none; }
div.nav_column                       { background:#eee; border-top:1px solid #ccc; border-bottom:5px solid #ccc; 
                                       padding: 5px 10px; margin-top: 10px; }
div.nav_column p                     { margin:0px; margin-top:5px; }
a.nav_link, a.nav_selected           { font-size:26px; letter-spacing:-0.05em; font-family: 'Noto Serif', serif; }
a.nav_selected                       { color:#999; }
a.nav_selected:hover                 { text-decoration:none; }
a.nav_link:hover                     { text-decoration:none; color:#08b; }
div#contentmain, div#archivemain     { width:95%; overflow:hidden; }
div#archivemain                      { background:url("/images/diag.gif"); }
div.parsed_content                   { text-align: left; }

/******************************************** toolbar ***********************************************************/
div.toolbar                          { padding-top:5px; text-align:left; border-top:1px solid #ddd; 
                                       margin-top:5px; margin-right:10px; }

/******************************************** footer ************************************************************/
footer                               { clear:both; padding-top: 120px; padding-bottom: 20px; text-align:center;
                                       background:url('/template/rh-logo.svg') top center no-repeat #fff;
                                       background-size: 100px; background-position: center 20px;
                                       margin-top:30px; margin-bottom:0px; border-top: 5px solid #eee; }
button#scrolltop                     { display: none; position:fixed; right:10px; bottom:10px; cursor:pointer; 
                                       z-index:99; border-width:0px; border-radius: 50px; text-align:center; 
                                       padding: 0px; margin: 0px; background: transparent; }
button#scrolltop img                 { width: 50px; height: 50px; ; }

/********************************************* forms ************************************************************/
form                                 { margin:0px; display:inline; }
legend                               { color:#999999; font-weight:bold; margin:0px; padding:0px;  
                                       padding-top:10px; padding-bottom:10px; }
table.formtable                      { border-collapse:collapse; }
textarea.inv                         { display:none; }
form.padded                          { display:block; margin:5px; }
form.genform                         { border-top:1px solid #ccc; border-bottom: 5px solid #ccc; display:block; 
                                       background:#eee; padding:10px; }
#searchform input                    { -webkit-appearance: none; -moz-appearance: none; appearance: none;
                                       border-radius: 0; }
#searchform                          { background: none; padding: 0; margin: 10px 0; }
#searchform fieldset                 { display: grid; grid-template-columns: auto 25px; background: #fff;
                                       border: 1px solid #ccc; padding: 2px; margin: 0; }
#searchform input                    { display: block; }
#search_button                       { margin-left:5px; cursor:pointer; border: 0; 
                                       background:url('/template/icon-search.svg') center center no-repeat transparent; 
                                       background-size: 12px; content: ""; }
#search_input                        { color:#666; border: none; outline-color: transparent; }
.searchresult td                     { padding-bottom: 10px; }
textarea                             { border:1px solid #ccc; font-family:Arial, sans-serif; font-size:100%; 
                                       text-align: left; -webkit-appearance: none; -moz-appearance: none; 
                                       appearance: none; }
.formButton                          { cursor:pointer; }
.elegant, .formButton                { background:#fff; border:1px solid #cccccc; margin-left:1px; }

/************************************* stats graphs and tables *************************************************
table.graph_table                    { border-collapse:collapse; padding:0px; }
div.graph_count                      { width:6em; font-size:1em; height:30px; margin-left: 0.2em; color:#333; 
                                       padding:1em; padding-top:1.2em; padding-bottom:3em; 
                                       background:url("/images/callout_blue.gif") bottom left no-repeat; }
div.graph_count_left                 { text-align:right; font-size:1em; height:30px; margin-left: 0em; color:#333; 
                                       padding:1em; padding-top:1.2em; padding-bottom:3em;  
                                       background:url("/images/callout_blue_left.png") bottom right no-repeat; }
tr.graph_back                        { background:url("/images/graph_back_tiny.gif") bottom left repeat; }
td.graph_cell                        { width:12px; border:0px; }
div.graph_bar                        { border:0px solid #333; border-bottom:0px; }
table.stats_pages                    { border-collapse:collapse; border:0px; }
th.stats_pages                       { margin:0px; padding:5px; border-bottom:2px solid #666; font-weight:bold; }
td.stats_pages                       { margin:0px; padding:5px; border-bottom:1px solid #666; } */

/***************************************** responsiveness *******************************************************/
@media (min-width: 631px)            { 
  div#info_panel.toggle_column       { display: block !important; }
}
@media (max-width: 630px)            { 
  div#info_panel                     { width: auto; margin: 20px 0; display: none; background: #eee; 
                                       border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; }
  div.nav_column                     { border: 0; padding: 0; padding-top: 10px; }
  div#main_panel                     { margin: 0px; padding: 0px; }
  div#mobilebutton                   { display: block; }
  div#column_controls                { width: 100%; }
  div#contentmain                    { width: 100%; }
  img.bordered                       { border: 0; margin: 10px 0; max-width: 100%; }
  img.rpad                           { border-right: 10px solid #fff; }
  footer                             { border:0px; }
  body                               { background: #fff; width: 100%; }
  a.dir_link                         { display: block; }
}
@media print                         {
  body                               { background:#fff; }
  nav                                { display: none; }
  div#main_panel                     { margin: 0px; padding: 0px; }
}