/* channelisles.net - static temporary site */
:root { --blue: #0b64b5; --red: #b71a19; --text: #000; }
* { box-sizing: border-box; }
html { background: #fff; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: var(--text); background: #fff; }
.wrap { max-width: 1140px; margin: 0 auto; padding: 0 16px; }
img { max-width: 100%; height: auto; }

.top .logo { display: inline-block; padding: 18px 0; }
.navbar { background: var(--blue); }

.nav ul { list-style: none; margin: 0; padding: 0; }
.nav > ul { display: flex; flex-wrap: wrap; }
.nav > ul > li { position: relative; }
.nav a { display: block; color: #fff; text-decoration: none; padding: 14px 18px; }
.nav > ul > li > a:hover, .nav > ul > li.sel > a { background: #084f90; }
.nav li ul { display: none; position: absolute; left: 0; top: 100%; min-width: 240px; z-index: 10; background: var(--red); }
.nav li:hover > ul, .nav li:focus-within > ul { display: block; }
.nav li ul a { padding: 10px 18px; border-bottom: 1px solid rgba(255,255,255,.2); }
.nav li ul a:hover, .nav li ul li.sel a { background: var(--blue); }

.content { padding-top: 10px; padding-bottom: 40px; }
.content p { line-height: 180%; margin: 25px 0; }
.content h1, .content h2, .content h3, .content h4, .content h5 { color: var(--blue); font-weight: 500; margin: 25px 0; }
.content h1 { font-size: 45px; } .content h2 { font-size: 25px; } .content h3 { font-size: 20px; }
.content h4 { font-size: 18px; } .content h5 { font-size: 16px; }
.content a { color: var(--blue); }
.content pre { white-space: pre-wrap; font-family: inherit; background: none; border: 0; }
.content table { border-collapse: collapse; max-width: 100%; }
.content td, .content th { padding: 4px 8px; vertical-align: top; }
.content .row, .content .container { width: 100%; }
.content [class*="col-"] { width: 100%; }

.foot { background: var(--blue); color: #fff; padding: 16px 0; font-size: 13px; }
.foot a { color: #fff; }

.notice { border-left: 6px solid var(--red); background: #fdf3f3; padding: 4px 24px; margin: 20px 0 10px; }
.notice h2 { color: var(--red) !important; margin-bottom: 0 !important; }
.notice p { margin: 14px 0 !important; }