/* The Umbrella Network — stylesheet
   Ported from the 2012 "Umbrella Network New" WordPress theme (style.css + wide.css) so the
   rebuilt flat site looks the same. Mobile-first; the >=1000px block at the end is the old wide.css.
   WordPress/plugin-only rules dropped; menu toggle, lightbox and form rules added. */

* { box-sizing: border-box; }
div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,button,p,table,blockquote,th,td { margin:0; padding:0; line-height:inherit; }
dl,ul,ol,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,table { margin:1em 0; }
h1,h2,h3,h4,h5,h6 { text-shadow:2px 2px 0 rgba(255,255,255,0.4); margin:1em 0 .5em; line-height:1.2; color:#cd0f67; }
h1 { margin:0 0 .5em; }
table { border-collapse:collapse; border-spacing:0; }
address,caption,cite,code,dfn,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
sup { vertical-align:text-top; } sub { vertical-align:text-bottom; }
input,textarea,select,button { font-family:inherit; font-size:inherit; font-weight:inherit; }
input,textarea,select { padding:0 .4em; }
.clearfix:after, .main_nav:after { content:""; display:block; clear:both; }

html, body { margin:0; padding:0; line-height:1.5; background:#fff; }
html { font-family: Calibri, Carlito, Tahoma, Arial, sans-serif; }
body { color:#09364b; font-size:100%; }

.contentbox { width:100%; margin:auto; font-size:1.25em; }
.main_wrap, .contentbox .sidebar { padding:0 3%; }
.contentbox .sidebar { padding:0 3% 1em; float:right; width:100%; }
.main_wrap { clear:both; padding-top:2em; padding-bottom:2em; background:#fff url(/assets/images/bg.png) fixed;
  box-shadow:inset 0 10px 0px rgba(19,114,156,0.1), inset 0 0 100px rgba(19,114,156,0.3); }
.home .main_wrap { min-height:650px; }

/* Header */
.site_info { padding:1.5em 3%; }
.site_info .contentbox { text-align:center; }
.site_title { text-indent:-9999px; width:0; height:0; margin:0; overflow:hidden; }
.site_logo, .site_logo:hover, .site_logo img { display:block; background:none; position:relative; border:none; }
.site_logo { float:left; }
.site_logo img { max-width:100%; height:auto; }
.facebook_link { display:block; float:right; height:166px; line-height:166px; margin-left:1em; text-decoration:none;
  background:url(/assets/images/facebook_icon.png) 0 50% no-repeat; padding-left:100px; font-size:1.3em; color:#3a5998; }
@media only screen and (max-width:750px) {
  .site_logo, .site_logo:hover, .facebook_link { float:none; max-width:100%; display:inline-block; }
  .facebook_link { margin:1em 0 0; line-height:80px; height:80px; font-size:.9em; }
}
#skiplinks { position:absolute; left:-9999px; }
#skiplinks a:focus { position:fixed; left:1em; top:1em; background:#fff; color:#cd0f67; padding:.5em 1em; z-index:1000; }

/* Navigation */
.nav, .nav ul, .nav li { margin:0; padding:0; list-style:none; }
.main_nav { background:#cd0f67; border-bottom:1px solid rgba(0,0,0,0.1); line-height:1.5; padding:4% 3%; }
.sub-menu { padding:.25em 0; background:#ac0c56; }
.nav a { color:#fff; border-bottom:2px solid transparent; margin:0 1em 0 0; display:block; text-decoration:none; }
.nav a:hover, .nav a:active, .nav a:focus, .nav li:hover > a { border-bottom:2px dotted rgba(255,255,255,0.3); color:#fff; }
.nav .current_page_item > a, .nav .current_page_ancestor > a { border-bottom:2px solid #fff; font-weight:bold; }
#menu-icon { display:none; }

@media only screen and (min-width:750px) {
  .nav li { position:relative; display:inline-block; }
  .nav li ul { display:none; position:absolute; top:2.2em; left:-.75em; z-index:100; width:250px; }
  .nav li:hover > ul, .nav li:focus-within > ul, .nav li.open > ul { display:block; }
  .nav li li { display:block; width:250px; }
  .sub-menu { border-radius:0 0 2px 2px; border-top:1px solid rgba(0,0,0,0.2); box-shadow:5px 5px 10px rgba(0,0,0,0.2); }
  .sub-menu a { padding:.25em .75em; border:none; margin:0; }
  .sub-menu a:hover { background:rgba(0,0,0,0.05); }
}
@media only screen and (max-width:750px) {
  #menu-icon { width:100%; border:0; padding:0 .75em; display:block; text-align:center; line-height:3; font-weight:bold; color:#fff;
    background:#a70c53; border-radius:3px; cursor:pointer; }
  #menu-icon:after { content:" \2193"; display:inline-block; position:relative; top:.1em; margin:0 0 0 .35em; transition:transform 100ms linear; line-height:1; }
  #menu-icon[aria-expanded="true"]:after { transform:scaleY(-1); top:-.1em; }
  .nav { display:none; margin:1em 0 0; text-align:center; }
  .nav.open { display:block; }
  .nav a { margin:0; padding:.25em 0; border:none; }
  .has-children > a:after { content:" \2193"; }
  .nav ul, .nav li { float:none; display:block; }
  .nav li ul { display:none; }
  .nav li.open > ul, .nav li.current_page_ancestor > ul { display:block; }
}

/* Main content */
article h1 { font-size:1.8em; }
.single-post h1 { margin:0; }
article h2 { font-size:1.4em; }
article h3 { font-size:1.2em; }
article h4, article h5, article h6 { font-size:1em; }
.home article { font-size:1.25em; }
article a, .sidebar a { color:#cd0f67; }
article a:hover, .sidebar a:hover { color:#690734; }
.navigation { padding:.75em; background:#fff; border-radius:4px; box-shadow:0 0 15px rgba(19,114,156,0.15); margin:1.5em 0 0; }
.wp-paginate { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.35em; align-items:center; }
.wp-paginate li { margin:0; }
.wp-paginate .title { color:#000; margin-right:.65em; }
.wp-paginate a, .wp-paginate .current { display:inline-block; padding:.1em .6em; border:1px solid #cd0f67; border-radius:3px; text-decoration:none; }
.wp-paginate a { background:#cd0f67; color:#fff; }
.wp-paginate a:hover { color:#fff; background:#690734; border-color:#690734; }
.wp-paginate .current { background:#690734; border-color:#690734; color:#fff; font-weight:bold; }
.blog_navigation { clear:both; }
article ul, article ol { background:rgba(255,255,255,0.5); padding:.75em 1em .75em 2em; border-radius:3px; }
article li { color:#0c4864; }
article .alignleft, article .alignright, article .aligncenter { text-align:center; margin:1.5em auto; display:block; }
img { max-width:100%; height:auto; }
a img { border:none; }
article img { vertical-align:middle; }
.wp-caption { background:#eee; overflow:hidden; max-width:100%; }
.wp-caption.alignnone { margin:1.5em 0; }
.wp-caption > a, .wp-caption img { display:block; }
.wp-caption img { width:100%; }
.wp-caption-text { padding:0; margin:.75em 1em; line-height:1.3; }
.gallery .wp-caption-text { margin:.25em 1em 0 0; font-size:.9em; }
.gallery { background:none; padding:0; margin:1.5em 0; overflow:hidden; }
.gallery .gallery-item { float:left; margin:0 0 3%; }
.gallery dt, .gallery dd { margin:0; }
.gallery a, .gallery img { display:block; }
.gallery img { max-width:95%; width:auto; height:auto; }
@media only screen and (max-width:450px) {
  .gallery dl.gallery-item { float:none; margin:0 0 1em; width:auto; text-align:center; }
  .gallery a { display:inline-block; }
  .gallery .wp-caption-text { text-align:center; font-size:inherit; }
  .gallery br { display:none; }
}
.gallery-columns-0 .gallery-item, .gallery-columns-1 .gallery-item { width:100%; }
.gallery-columns-2 .gallery-item { width:50%; }
.gallery-columns-3 .gallery-item { width:33.33%; }
.gallery-columns-4 .gallery-item { width:25%; }
.gallery-columns-5 .gallery-item { width:20%; }
.gallery-columns-6 .gallery-item { width:16.66%; }
.gallery-columns-7 .gallery-item { width:14.28%; }
blockquote { position:relative; padding:0 0 0 3em; margin:1.5em 0; }
blockquote:before { content:"\201C"; font-size:5em; position:absolute; left:0; top:0; line-height:.88; color:#1daeef; }
table, th, td { border:1px solid #ddd; text-align:left; border-collapse:collapse; }
table { margin:1em 0; }
td, th { line-height:1.3; padding:.4em .6em; }
@media only screen and (max-width:500px) {
  article table { border:none; }
  article tr, article td, article th { display:block; border:none; }
  article tr { margin:0 0 1em; }
}
.button { color:#fff; background:#cd0f67; border:none; cursor:pointer; font-weight:bold; border-radius:3px;
  box-shadow:inset 0 0 15px rgba(0,0,0,0.15); padding:.35em .7em; text-decoration:none; display:inline-block; }
.button:hover { background:#690734; color:#fff; }
.video { position:relative; padding-top:56.25%; margin:1em 0; background:#000; }
.video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.facebook_wrap { margin:1.5em 0; text-align:left; }
.facebook_button { font-size:1.1em; padding:.6em 1em; }

/* Forms (replaces WPForms) */
.utform { background:rgba(255,255,255,0.6); border-radius:4px; padding:1em 1.25em; margin:1.5em 0; max-width:40em; }
.utform .field { margin:0 0 1em; }
.utform label, .utform legend { display:block; font-weight:bold; margin:0 0 .25em; }
.utform label.opt { font-weight:normal; display:block; margin:.15em 0; }
.utform fieldset { border:0; padding:0; margin:0 0 1em; }
.utform input[type=text], .utform input[type=email], .utform input[type=tel], .utform textarea { width:100%; max-width:100%; padding:.4em .5em; border:1px solid #b9c7cf; border-radius:3px; background:#fff; font-size:.95em; }
.utform input:focus, .utform textarea:focus { outline:2px solid #1daeef; outline-offset:1px; }
.utform .req { color:#cd0f67; }
.utform .hp { position:absolute; left:-9999px; }
.utform .form-note { font-size:.8em; margin:.5em 0 1em; }
.utform .form-status { font-weight:bold; margin:.5em 0 0; }
.utform .form-status.error { color:#a70c53; }
.utform .form-status.ok { color:#0c4864; }
.utform[data-sending] button { opacity:.6; }

/* Sidebar */
.sidebar { background:#fff; box-shadow:0 0 15px rgba(19,114,156,0.15); border-radius:3px; list-style:none; margin:0; }
.sidebar ul, .sidebar li { padding:0; margin:0; list-style:none; clear:both; }
.sidebar li { margin:1em 0; }
.sidebar figure { margin:0; }
.sidebar img { display:block; max-width:100%; height:auto; margin:0 auto; }

/* News archive cards */
.postdate, .postmetadata { font-size:0.8em; font-style:italic; margin:.25em 0 1em; }
.blocklist, .blocklist li { list-style:none; margin:0; padding:0; background:none; }
.blocklist li { text-align:left; display:inline-block; vertical-align:top; margin:0 0 1.5em; width:30%; }
.blocklist li:nth-child(3n+2) { margin:0 5% 1.5em; }
@media only screen and (max-width:750px) {
  .blocklist li:nth-child(1n) { width:100%; text-align:center; margin:0 0 1.5em; }
}
.blocklist a, .blocklist img { display:block; text-decoration:none; }
.blocklist img { padding:2px; margin:0 auto; background:#fff; border:2px dotted #1daeef; transition:all 50ms linear; transform:rotate(2deg); max-height:180px; width:auto; }
.blocklist a:hover img { border:2px solid #1daeef; transform:rotate(0deg); }
.blocklist h2 { margin:.25em 0 .5em; color:#1daeef; font-size:1.2em; }

/* Footer */
footer { border-top:1px solid rgba(0,0,0,0.05); margin-top:-1px; background:transparent; clear:both; }
footer .contentbox { padding:2em 0; }
.footer_sponsors, .footer_sponsors li { list-style:none; margin:0; padding:0; }
.footer_sponsors { text-align:center; }
.footer_sponsors li { display:inline-block; vertical-align:middle; margin:0 1em 1em; }
.footer_sponsors a, .footer_sponsors img { display:block; }
footer a { color:#e2b776; }
.credits { clear:both; color:#e2b776; margin:1em 0 0; text-align:center; font-size:.85em; }
.credits p { margin:.25em 0 0; }

/* Lightbox */
.lightbox { border:0; padding:0; background:transparent; max-width:100vw; max-height:100vh; width:100vw; height:100vh; }
.lightbox::backdrop { background:rgba(0,0,0,0.9); }
.lightbox figure { margin:0; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.lightbox img { max-width:96vw; max-height:88vh; width:auto; height:auto; box-shadow:0 0 30px rgba(0,0,0,0.6); background:#fff; }
.lightbox figcaption { color:#fff; margin:.75em 0 0; font-size:1em; text-shadow:none; max-width:90vw; text-align:center; }
.lightbox button { position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.5); color:#fff; border:0; font-size:2.5em; line-height:1; padding:.2em .4em; cursor:pointer; border-radius:3px; }
.lightbox .lb-prev { left:.5em; } .lightbox .lb-next { right:.5em; }
.lightbox .lb-close { top:.5em; right:.5em; transform:none; font-size:2em; }
.lightbox button:focus { outline:2px solid #1daeef; }

/* Print */
@media print { nav, form, .facebook_link, .sidebar, footer .footer_sponsors { display:none; } img { max-width:100%; height:auto; } .main_wrap { background:none; box-shadow:none; } }

/* ---- wide.css: screens >= 1000px ---- */
@media only screen and (min-width:1000px) {
  .contentbox { width:90%; max-width:1600px; }
  .contentbox .sidebar { width:31.5%; clear:none; }
  article.narrow { width:68.5%; padding:0 3% 0 0; float:left; }
  article.wide { width:100%; margin:auto; }
  .main_nav { padding:.75em 3%; }
  article .alignleft { float:left; margin:0 1.5em 1em 0; }
  article .alignright { float:right; margin:0 0 1em 1.5em; }
  article .aligncenter { text-align:center; margin:0 auto; }
}
@media only screen and (min-width:1400px) { body { font-size:115%; } }