/* Cold Ash Parish Heritage Group

  HG_STYLE.CSS

  V-2.01 Don Gibbs 15-04-2025
*/

body { background-color: #E2EDC7;}

input[type="button"] { background-color: #d8ebcc; height: 50px; width: 200px; font-size: 30px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; }
input[type="submit"] { background-color: #f7beb2; height: 50px; width: 200px; font-size: 30px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; }
input[type="reset"]  { background-color: #a1e39d; height: 50px; width: 200px; font-size: 30px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; }
input[type="text"]   { font-size: 24px; }
input[type="radio"]  { height: 30px; width: 30px; border: 5px; }

select        { background: #E0E0E0; width: 200px; font-size: 20px; padding: 8px 8px;margin: 0 0; border-radius: 5px; }
select option { background: #B3F099; width: 200px; font-size: 20px; padding: 8px 8px; margin: 0 0; }

/* Classes */
.hg_banner { background-color: #cad4b4; }

.top_bar_button       { font-family: Garamond, serif; font-size: 30px; border: none; color: black; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; }
.top_bar_button:hover { background-color: #b1cae0; }
.top_bar_selected     { background-color: #ABD454; }

.page_button          { border: none; color: black; padding: 6px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; cursor: pointer; }
.page_button:hover    { background-color: #b1cae0; }


.page_button_selected { border: none; color: black; padding: 6px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; cursor: none; pointer-events: none; background-color: #ABD454; }
.page_button_disabled { border: none; color: black; padding: 6px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; cursor: none; pointer-events: none; opacity: 0.5; }
.page_button_inert    { border: none; color: white; padding: 6px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; cursor: none; pointer-events: none; background-color: #556B2F; }


.coll_button          { border: none; color: black; padding: 6px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; cursor: pointer; background-color: #f0d5e0;}
.coll_button:hover    { background-color: #b1cae0; }

.assc_button          { border: none; color: black; padding: 6px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; cursor: pointer; background-color: #e8dea7;}
.assc_button:hover    { background-color: #b1cae0; }



.inline_button          { border: none; color: black; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 30px; cursor: pointer; }
.inline_button_disabled { border: none; color: black; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 30px; cursor: none; pointer-events: none; opacity: 0.5; }
.inline_button:hover    { background-color: #b1cae0; }

.frameless_button        { border: none; background: none; font-size: 20px; color: blue; padding: 10px 20px; }

.wiz_cancel_button       { border: #ebb8b2 solid 4px; color: black; background-color: #ebb8b2; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 30px; cursor: pointer; }
.wiz_cancel_button:hover { border: blue solid 4px;}
.wiz_next_button         { border: #9ef0ac solid 4px; color: black; background-color: #9ef0ac; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 30px; cursor: pointer; }
.wiz_next_button:hover   { border: blue solid 4px;}
.wiz_retry_button        { border: #e8f09e solid 4px; color: black; background-color: #e8f09e; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 30px; cursor: pointer; }
.wiz_retry_button:hover  { border: blue solid 4px;}
.wiz_action_button       { border: #c7d7f2 solid 4px; color: black; background-color: #c7d7f2; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 30px; cursor: pointer; }
.wiz_action_button:hover { border: blue solid 4px;}


.button_disabled { cursor: none; pointer-events: none; opacity: 0.5; }
.button_selected { cursor: none; pointer-events: none; background-color: #ABD454; }
.button_label    { cursor: none; pointer-events: none; }
.button_inert    { cursor: none; pointer-events: none; color: white; }

.sml_text input[type="text"]     { background-color: #FFF8F8; width: 100px; font-size: 20px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; }
.sml_number input[type="number"] { background-color: #FFF8F8; width: 100px; font-size: 20px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; }

.table_cell   { height: 60px; width: 600px; font-size: 30px; }
.table_centre { margin-left: auto; margin-right: auto; }

.page_table    { background-color: #fafaf5; width: 1200px; padding: 40px; margin-left: auto; margin-right: auto; }
.page_title    { text-align: center; font-size: 30px; font-weight: bold; color: blue; }
.page_para     { text-align: left; font-size: 24px; font-weight: bold; color: blue; }
.page_text     { text-align: left; font-size: 20px; }
.page_title_sm { text-align: center; font-size: 30px; font-weight: bold; color: blue; }
.page_text_sm  { text-align: left; font-size: 20px; }

.section_pic       { width: 300px; height: 200px; text-align: left; border: #eee solid 5px; }
.section_pic:hover { border: blue solid 5px; }
.section_title     { width: 900px; height: 60px; text-align: left; vertical-align: top; padding-left: 40px; font-size: 30px; overflow: hidden; }
.section_text      { width: 900px; height: 140px; text-align: left; vertical-align: top; padding-left: 40px; font-size: 20px; overflow: hidden; }


.icon_catno        { width: 900px; height: 40px; text-align: left; vertical-align: top; padding-left: 40px; font-size: 24px; overflow: hidden; }
.icon_title        { width: 900px; height: 40px; text-align: left; vertical-align: top; padding-left: 40px; font-size: 24px; overflow: hidden; }
.icon_desc         { width: 900px; height: 120px; text-align: left; vertical-align: top; padding-left: 40px; font-size: 20px; overflow: hidden; }
.icon_tbn          { width: 310px; height: 210px; text-align: left; border: #eee solid 5px; }
.icon_tbn:hover    { border: blue solid 5px; }
.icon_button       { background-color: #fafaf5; border: none; color: black; text-align: left; text-decoration: none; font-size: 24px; cursor: pointer; }
.icon_button:hover { background-color: #b1cae0; }
.icon_coll         { background-color: #fafaf5; border: none; color: black; text-align: left; text-decoration: none; font-size: 20px; cursor: pointer; }
.icon_coll:hover   { background-color: #b1cae0; }


.tab_button       { background-color: #fafaf5; border: none; color: black; padding: 5px 5px; text-align: left; text-decoration: none; font-size: 30px; cursor: pointer; }
.tab_button:hover { background-color: #b1cae0; }

.search_text { background-color: #FFF8F8; width: 800px; font-size: 24px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; }

.entry_text    { background-color: #FFF8F8; width:  200px; font-size: 24px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; }
.entry_number  { background-color: #FFF8F8; width:  120px; font-size: 24px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; }
.entry_file    { background-color: #FFF8F8; width:  400px; font-size: 24px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; }
.edit_text     { background-color: #FFF8F8; width:  800px; font-size: 20px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; }
.edit_area     { background-color: #FFF8F8; width:  800px; font-size: 20px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; height: 100px; }
.edit_area_med { background-color: #FFF8F8; width: 1100px; font-size: 20px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; height: 250px; }
.edit_area_big { background-color: #FFF8F8; width: 1100px; font-size: 16px; padding: 8px 8px; margin: 0 0; box-sizing: border-box; border-radius: 5px; height: 1000px; }

.results_text  { text-align: left; font-size: 20px; }


.img_centre { display: block; margin-left: auto; margin-right: auto; }

.list_button       { background-color: #fafaf5; border: none; color: black; padding: 5px 5px; text-align: center; text-decoration: none; font-size: 20px; cursor: pointer; }
.list_button:hover { background-color: #b1cae0; }
.file_select { background: #B3F099; width: 400px; font-size: 20px; padding: 8px 8px; margin: 0 0; }

.map { position: absolute; z-index: 1; top: 0; left: 0; }
.pin { position: absolute; z-index: 2; }
.ad_text { font-size: 30px; }