@charset "utf-8";
:root { --min-width:320px; --max-width:1320px;
  --main-font:16px/1.4em myriad-pro, sans-serif; --alt-font:myriad-pro-condensed, sans-serif;
  --blueP:#242e80; --blueL:#4653a0; --blueD:#11175a; --blueH1:#d9ddff; --blueH2:#e5e8ff;
  --rustP:#832931; --rustH:#e5dadb; --rustD:#5c1d22; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
  box-sizing:border-box; -webkit-tap-highlight-color:rgba(0,0,0,0); }
article, aside, footer, header, main, nav, section { display:block; }
h1, h2, h3, h4, h5, h6, p, dd, dt, ul, li { margin:0; }
span { display:inline-block; }
b, strong { font-weight:600; }
em { font-style:italic; } small { font-size:80%; }
ul, ol, dl { padding:0; margin:0; }
pre, code, kbd, samp { font-family:monospace, monospace; font-size:1em; }
sub, sup { font-size:70%; line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:0; } sup { top:-0.5em; }
abbr[title], acronym { border-bottom:none; text-decoration:none; }
a { color:var(--blueP); text-decoration:underline; background-color:transparent; }
  a:hover { text-decoration:none; } a:focus { text-decoration:none; outline:thin dotted; }
  a:hover, a:active { outline:0; }
hr { box-sizing:content-box; height:0; overflow:visible; }
img { display:block; width:100%; border-style:none; }

::selection { background:#626BB3; text-shadow:none; }
:-moz-selection { background:#626BB3; text-shadow:none; }
::-moz-selection { background:#626BB3; text-shadow:none; }
::-webkit-selection { background:#626BB3; text-shadow:none; }

i[class^="fa"]:before { display:inline-block; text-decoration:none; margin-right:4px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; }

button, input, optgroup, select, textarea { font-family:inherit; font-size:100%; line-height:1.15; margin:0; }
button, input { overflow:visible; } button, select { text-transform:none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance:button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style:none; padding:0; }
button:-moz-focusring, [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText; }
fieldset { padding:0.35em 0.75em 0.625em; }
legend { box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal; }
progress { vertical-align:baseline; }
textarea { overflow:auto; }
[type="checkbox"], [type="radio"] { box-sizing:border-box; padding:0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height:auto; }
[type="search"] { -webkit-appearance:textfield; outline-offset:-2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
::-webkit-file-upload-button { -webkit-appearance:button; font:inherit; }
details { display:block; }
summary { display:list-item; }
template, [hidden] { display:none; }


/* ===== Styles ==================================================================
   Author:Michael Rathmann - mrathmanndesign.com

   ============================================================================ */

html { width:100%; height:100%; font:var(--main-font); font-weight:400; font-style:normal;
  font-size-adjust:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%;
  -o-text-size-adjust:100%; text-size-adjust:100%; }
body { width:100%; height:100%; margin:0; color:#000; background:var(--blueD); }

h1, h2, h3 { font-family:var(--alt-font); letter-spacing:.5px; }
h1 { font-size:1.8em; line-height:1em; font-weight:900; text-transform:uppercase; }
h2 { padding:16px 0 0; font-size:1.5em; line-height:1em; font-weight:700; }
h3 { font-size:1.2em; font-weight:600; }
h4 { font-size:1.1em; font-weight:600; }

input[type="text"], input[type="password"], select, textarea { padding:2px 4px; border-radius:4px; }
input[type="radio"] { cursor:pointer; }
label { display:inline-block; padding:2px 4px !important; cursor:pointer; }

.fltlt { float:left; } .fltrt { float:right; }
.clearfloat { content:' '; clear:both; height:0; font-size:.1em; line-height:0; }

/* ~~ this fixed width container surrounds all other elements ~~ */
.container { margin:0 auto; padding-bottom:6px; }


/* Main layout */
#layout_main { display:block; width:1024px; min-height:100%; margin:0 auto; overflow:hidden;
	background:var(--rustP); border-top:4px solid #fff; }

/* Top section of main layout */
#top { position:relative; background:var(--blueH1); border-top:2px solid var(--blueL); }
	header { padding:20px 20px 12px; }
	header #hdr_logo { width:253px; height:82px; background-size:contain;
		background:transparent url('//www.riverbanks.org/template-v2022/graphics/logo.svg?v=2023.00') no-repeat; }
	#subnav { position:absolute; top:12px; right:2px; z-index:1; list-style:none; padding:0; }
	#subnav li { float:left; display:block; margin:0;
		font-family:var(--alt-font); font-size:.9em; line-height:1em; letter-spacing:.5px; text-transform:uppercase; }
		a.content, a.users { padding:8px 20px; color:#fff; text-decoration:none; background:var(--blueL); }
		a.content { border-bottom-left-radius:8px; } a.users {border-left:2px solid var(--blueH1); }
		#subnav li a:hover, #subnav li a:focus { background-color:var(--blueP); outline:0; }
		#subnav li a:active { background-color:var(--blueD); }
  .subheader { position:absolute; bottom:12px; right:20px;
	  font-family:var(--alt-font); font-size:24px; line-height:1em; color:var(--blueP); letter-spacing:.5px; text-transform:uppercase; }

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi) {
	#logo { background: transparent url(/assets/graphics/2x/logoNEW.png) no-repeat; background-size:contain; }
}

.nav-admin { float:left; width:58px; }
.nav-admin li { padding:10px; cursor:pointer; text-align:center; }
.nav-admin .nav-selected { background:#e5d0c0; }
.nav-admin li:hover { background:#faf7f2; }

section { float:right; width:966px; min-height:390px; padding-bottom:10px; background:#e5d0c0; }
.tools-active { display:block; } .tools-inactive { display:none; }
section h2 { padding:10px 20px; font-size:2em; line-height:1em; font-weight:500; text-transform:uppercase; }
section h3 { clear:both; padding:10px 20px 5px; font-weight:500; text-transform:uppercase; }
.tools-collection { clear:both; width:100%; padding:0 5px 5px; }
.tools-group { float:left; position:relative; width:468px; padding:10px; margin:5px;
  background:#f0e4d9; border:1px solid #ccae97; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
section h4 { font-weight:500; }
a.tools-button, a.add-button { position:absolute; top:7px; right:8px; width:85px; padding:4px 0;
  font-family:var(--alt-font); line-height:1em; letter-spacing:.5px; text-transform:uppercase;
  text-decoration:none; text-align:center;
  background:#faf7f2; border:1px solid #fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
a.add-button { width:150px; top:16px; right:16px; }
a.tools-button:nth-of-type(2) { right:100px; }
a.tools-button:hover, a.add-button:hover { background:#fff; }
.tools-button i, .add-button i { vertical-align:middle; margin-right:0; }
.tools-button i.fa-eye, .tools-button i.fa-list, .add-button i.fa-plus-circle { position:relative; top:-1px; }

/* Mid section of main layout 
#mid { position:relative; z-index:5; padding:38px 0 0 0; background:#ccae97; }
#mid .pgHdr { position:absolute; z-index:6; float:left; top:0; left:0; width:100%; padding:6px; text-align:center; 
	color:#fff; background:var(--rustP); }
#layout_main #mid .content {
	float:left; width:50%;
}*/


/* Revised layout */
main { clear:both; position:relative; padding:0 !important; background:#ccae97; }
main h1 { width:100%; padding:4px; text-align:center; color:#fff; background:var(--rustP); }

form[name="tool"] { padding:16px 12px; }

.app-block { display:block; width:100%; text-align:center; }

.editor-block { padding:2px; text-align:left; background:#e5d0c0; border-radius:4px; }
	.flex-block { display:flex; gap:40px; justify-content:space-between; width:100%; padding:10px 10px 12px; }
    .flex-column { display:flex; gap:16px; align-content:flex-start; flex-wrap:wrap; }
      .single-column .flex-column { width:100%; } .top-centered { padding:12px 8px; }

    .editor-block .table { width:100%; white-space:nowrap; }
      .editor-block .top-centered .table { display:flex; flex-direction:column; gap:8px; }
    .note-footer { padding:2px 4px; margin-top:3px; background-color:#ccae97; border-radius:4px; }
    .note { font-size:.8em; color:#6C5643; } .note a { color:inherit; }

	  .camera-grid { display:flex; gap:20px; }


.content table {	width:100%; }
.tab { float:left; padding:4px 10px 2px 10px; background:#e5d0c0;
	font-size:.9em; text-transform:uppercase; border-radius:4px 4px 0 0; }
.content table .hdrRow { margin:5px; height:25px; padding:5px; background:#e5d0c0; }
.content table .tblHdr { float:left; font-size:18px; font-weight:500; text-transform:uppercase; }
.content table .tblLink { float:right; padding-top:2px; font-size:14px; }
.content table .tblCell1 { width:100%; height:35px; background:#faf7f2;
	font-size:13px; font-weight:500; text-align:center; border-radius:5px; }
.content table .tblCell2 { width:50%; height:35px; background:#faf7f2;
	font-size:13px; font-weight:500; text-align:center; border-radius:5px; }

.admin-header { position:relative; } .admin-header h4 { padding:16px 16px 0; }

#layout_main #mid .content table .subhdrRow { margin:4px; height:25px; padding:5px; background:#e5d0c0; border-radius:5px; }
#layout_main #mid .content table .tblSubHdr { float:left; font-size:14px; font-weight:500; text-transform:uppercase; }
#layout_main #mid .content table .tblSubLink { float:right; font-size:.8em; }

.table-fields td { padding:4px 0; }

#profileForm td { padding:3px; }
.formTag { padding-left:0; }

.key { padding:8px 12px 0; }
  .key img { width:20px; height:20px; margin:0 4px; border:2px solid #e5d0c0; }
  .key .note { padding-right:8px; }

.list-table { clear:both; padding-top:24px; }
.admin .tableHdrLt, .admin .tableHdrRt { float:left; width:50%; font-size:.9em; border-bottom:2px solid #e5d0c0; }
  .admin .tableHdrLt { width:calc(50% - 2px); } .admin .tableHdrRt { width:calc(50% + 2px); }
.admin .entryScroll { max-height:194px; overflow-x:hidden; overflow-y:auto;
	border-width:0 2px 2px 0; border-style:solid; border-color:#e5d0c0; }
.section-header { clear:both; padding:8px 8px 2px; font-size:.8em; font-weight:600; background:#e8ebf3;
   border-width:0 2px 2px 2px; border-style:solid; border-color:#e5d0c0; }
.admin .entryRow { clear:both; position:relative; display:block; width:100%; height:32px;
  border-width:0 2px 2px 2px; border-style:solid; border-color:#e5d0c0; }
  .admin .entryScroll .entryRow, .entryScroll .section-header { border-right:0; }
  .admin .entryRow > div { float:left; display:block; width:auto; padding:4px 8px; font-size:.9em; }
  .admin .entryTitle { width:498px !important; height:32px; border-right:2px solid #e5d0c0;
		overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  .admin .entrySort { float:none; position:absolute; top:2px; right:2px; padding:0 !important; text-align:right; }
    .admin .btnSort { padding:0 8px 4px; margin-right:2px; cursor:pointer;
      font-size:.9em; color:#1d378c; background:#fff; border:1px solid #e5d0c0; border-radius:2px; }
      .admin .btnSort:hover, .admin .btnSort:focus { border:1px solid #41455c; }
.admin .entryPub { width:1004px; background-color:#e5d0c0; display:none; }

.datefield, .table-cell, .timefield { display:inline-block; }
.txtField, .txtFieldNon, .datefield input[type="text"], .timefield input[type="text"] {
	width:380px; background:#faf7f2; border:1px solid #ccae97; }
.datefield input[type=text], .timefield input[type=text] { width:40px; }
.txtFieldNon { color:#999; }
.txtField:hover, .txtField:focus { border:1px solid #b38e72; }
.radioSelect { font-size:13px; font-weight:normal; }
.radio { margin-left:0; }

/* .tool-fields */
.tool-fields { padding:16px; } .top-space { margin-top:16px; }
.tool-fields h4 { padding-bottom:8px; font-weight:600; letter-spacing:2px; text-align:center; }
.tool-fields h3 { display:inline-block; padding:4px; line-height:1.15em; font-weight:500; }
.tool-fields .app-columns { display:grid; grid-template-columns:488px auto; grid-gap:24px; padding:12px; overflow:hidden;
	background:#e5d0c0;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

.tool-buttons { margin:16px auto; text-align:center; }
.tool-fields input, .tool-fields textarea, .tool-fields select {
  font-family:inherit; font-size:100%; line-height:1.15em; margin:0; background:#faf7f2; border:1px solid #ccae97; }
.tool-fields textarea { overflow:vertical; }

.left .aligned-group { display:grid; grid-template-columns:auto auto auto; grid-gap:4px; margin:8px 0 16px; }
.left .aligned-fields { background:#faf7f2; border:1px solid #ccae97; }
.left .aligned-fields [type="tel"] { vertical-align:middle; padding:2px 4px; border:0; background-color:transparent; }
.aligned-fields span { vertical-align:middle; }
.two-digit { width:22px; } .four-digit { width:38px; }

.toggle-active [type="checkbox"] { display:none; }
.toggle-active { position:relative; top:-1px; display:inline-block; vertical-align:middle; width:80px; height:20px;
	border:1px solid #ccae97; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; overflow:hidden; }
.toggle-active:after { clear:both; }
.toggle-inner { position:absolute; top:0; width:200%; margin-left:-100%;
    -moz-transition:margin 0.3s ease-in 0s; -webkit-transition:margin 0.3s ease-in 0s;
    -o-transition:margin 0.3s ease-in 0s; transition:margin 0.3s ease-in 0s; }
.toggle-inner:before, .toggle-inner:after { float:left; width:50%; padding:0;
    font-size:12px; font-weight:500; line-height:20px; text-align:center;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.toggle-inner:before { content:'Active'; padding-right:10%; background-color:green; color:#fff; }
.toggle-inner:after { content:'Inactive'; padding-left:12%; background-color:#faf7f2; color:#000; }
.toggle-switch { position:absolute; top:-1px; right:63px; width:16px; height:24px;
    background:#ccae97; border:1px solid #ccae97; border-radius:2px;
    -moz-transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;
    -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s; }
.toggle-active input[type="checkbox"]:checked + .toggle-label .toggle-inner { margin-left:0; }
.toggle-active input[type="checkbox"]:checked + .toggle-label .toggle-switch { right:-1px; }

.toggle { display:inline-block; }
.radio .toggle { padding:2px 4px; display: none;}
.toggle [type="radio"] { top:3px; }
.toggle label { vertical-align:middle; padding:2px 4px; line-height:1.15em; }
.aligned-item > label { display:block; padding:2px 4px; font-size:12px; }

.input label, .textarea label { display:block; padding:4px; font-size:16px; font-weight:500; }
.textarea label span { font-size:12px; font-style:italic; color:#666; text-transform:uppercase; }
.input [type="text"] { width:452px; }
.textarea textarea { width:478px; height:228px; padding:4px; resize:vertical; }
.right .textarea textarea { width:448px; height:60px; }
.right .aligned-group { display:grid; grid-template-columns:140px 300px; grid-gap:12px; margin-top:8px; }
.right .aligned-group [type="text"] { width:100%; }

.tool-fields [type="submit"], .tool-fields [type="reset"], .tool-fields [type="button"] {
	padding:12px 24px; vertical-align:middle; font-weight:500; color:#663014; letter-spacing:1px; text-decoration:none; text-align:center; cursor:pointer;
  background:#faf7f2; border-width:1px 1px 2px; border-style:solid; border-color:#663014;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-appearance:button;
}
.tool-fields [type="submit"] { margin-right:16px; font-size:16px; line-height:.8em; }
.tool-fields [type="reset"], .tool-fields [type="button"] { line-height:.4em; background:#e5d0c0; }
.tool-fields [type="submit"]:hover, .tool-fields [type="reset"]:hover, .tool-fields [type="button"]:hover { background:#fff; }
.tool-fields [type="checkbox"], .tool-fields [type="radio"] { box-sizing:border-box; padding:0; }

.admin-footer { position:relative; padding:20px 16px; }


/* File upload */
#fileUpload { display:none; z-index:1; position:fixed; top:50%; left:50%;
  width:430px; margin:-70px 0 0 -215px; border:4px solid var(--blueP); }
.uploader { position:relative; }
  .uploader-head { padding:8px 8px 4px;
    font-family:var(--alt-font); font-size:1em; line-height:1em; color:#fff; text-transform:uppercase;
    text-align:left; background:var(--blueL); }
  .uploader-button { display:none; position:absolute; top:0; right:0; z-index:1; }
#fileUpload iframe { background:var(--blueH2); }


/* Publish controls */
.publish-controls { display:inline-flex; flex-direction:row-reverse; gap:4px; align-items:flex-start; padding:16px 0 0; }
	.publish-controls input { padding:8px 12px; cursor:pointer; transition:all .2s ease-in-out;
		font-family:var(--alt-font); font-size:1em; line-height:1em; color:#fff; text-transform:uppercase;
		background:var(--blueL); border-width:1px; border-style:solid; border-color:rgba(229,232,255,.2); border-radius:4px; }
		.publish-controls input:focus { outline:2px solid #fff; } .publish-controls input::-moz-focus-inner { border:0; }
        .publish-controls input:hover { background-color:var(--blueP); }
	.publish-controls [type="submit"] { padding:8px 20px; margin-left:20px; font-size:1.4em; background:var(--rustP);
		border-color:rgba(229,218,219,.2); } .publish-controls [type="submit"]:hover { background-color:var(--rustD); }


/* Users list and form */
.users-list { clear:both; width:100%; padding:40px 12px 12px; }
  .users-list table { border-collapse:collapse; width:100%; padding:0; margin:0; border:0; }
    .users-list table td { width:180px; padding:0; } .users-list table td:last-of-type { width:unset; }
  .users-list iframe { display:block; width:100%; height:163px; border:0; overflow-x:hidden; overflow-y:auto; }

#usersList { border-collapse:collapse; width:100%; border:2px solid transparent; background:#e5d0c0; }
  #usersList td { width:180px; padding:8px; font-size:.9em; border:2px solid #e5d0c0; background:#fff; }
    #usersList tr td:last-of-type { width:unset; }

#dpProfile iframe { width:100%; height:340px; border:0; overflow:hidden; }


/* Footer */
.footer { clear:both; position:relative; padding:20px 20px 80px; font-size:.8em; color:#faf7f2;}
	.footer a { color:inherit; }