/* ARSGMPI T27 - light layout CSS rebuilt for the Wayback 20240728 homepage (original Rails/Bootstrap 3 assets not archived), todo 6073 */
*,*:before,*:after{box-sizing:border-box}
html{font-size:15px}
body{margin:0;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;color:#3a3a3a;background:#f4f2f6;line-height:1.6}
a{color:#7d3c98;text-decoration:none}
a:hover{color:#5b2c6f;text-decoration:underline}
img{max-width:100%}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;color:#2c2235;line-height:1.3;margin:0 0 .6em}
.container{max-width:1140px;margin:0 auto;padding:0 18px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.row>[class*="col-"]{padding:0 15px;width:100%}
@media (min-width:992px){.col-md-8{width:66.666%!important}.col-md-4{width:33.333%!important}.col-md-6{width:50%!important}.col-md-12{width:100%!important}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* masthead */
.widewrapper.masthead{background:#fff;border-bottom:1px solid #e6e1ea}
.masthead .container{display:flex;align-items:center;min-height:110px;padding-top:14px;padding-bottom:14px}
#logo{display:flex;align-items:center;gap:16px;color:#2c2235;text-decoration:none}
#logo img{height:84px;width:auto}
#logo img:not([src]),#logo img[src=""]{display:none}
#logo .logo-name,#logo .logo-text{font-family:Georgia,serif;font-size:1.45rem;font-weight:bold;color:#2c2235;max-width:620px}

/* nav */
.widewrapper.subheader{background:#3b2a4a}
.top-navbar .container{display:flex;flex-wrap:wrap;align-items:center}
.navbar-header{display:flex;align-items:center}
.navbar-toggle{display:none}
.navbar-brand,.nav.navbar-nav>li>a{display:block;padding:14px 16px;color:#efe7f5;font-size:.95rem;letter-spacing:.02em;text-decoration:none}
.navbar-brand{font-weight:bold;padding-left:0}
.navbar-brand:hover,.nav.navbar-nav>li>a:hover{color:#fff;background:#8e44ad;text-decoration:none}
.navbar-collapse{display:block}
.nav.navbar-nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}

/* main */
.widewrapper.main{padding:36px 0 44px}
.blog-main>div:first-child,.blog-main{min-width:0}
.col-md-8.blog-main>div{background:#fff;border:1px solid #e6e1ea;border-radius:6px;padding:30px 32px;box-shadow:0 1px 3px rgba(60,30,80,.05)}
.col-md-12.blog-main{background:#fff;border:1px solid #e6e1ea;border-radius:6px;padding:28px 30px}
.blog-main h1{font-size:1.9rem;border-bottom:3px solid #8e44ad;display:inline-block;padding-bottom:6px;margin-bottom:22px}
.blog-main p{margin:0 0 1em}
#home-article{font-size:1.02rem;font-style:italic;color:#4a3d55;text-align:center;max-width:680px;margin:0 auto 10px}
.contact-block{background:#f8f4fb;border-radius:6px;padding:16px;margin-top:10px}
.blog-aside{margin-top:24px}
@media (min-width:992px){.blog-aside{margin-top:0}}
.aside-widget{background:#fff;border:1px solid #e6e1ea;border-radius:6px;overflow:hidden}
.col-md-12 .aside-widget{border:0}
.aside-widget>header{background:#8e44ad;padding:10px 16px}
.aside-widget>header h3{color:#fff;font-family:inherit;font-size:1.05rem;margin:0}
.aside-widget .body{padding:6px 16px 14px;overflow-x:auto}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:9px 6px;border-bottom:1px solid #eee7f2;text-align:left;vertical-align:top;font-size:.93rem}
.table th{color:#5b2c6f;font-weight:bold;white-space:nowrap}
.table tr:last-child td{border-bottom:0}
.aside-widget-table td img{max-height:36px;vertical-align:middle;margin-right:8px}
.label{display:none}

/* footer */
.widewrapper.footer{background:#2c2235;color:#d9cfe2;padding:34px 0 22px}
.footer h3{color:#fff;font-family:Georgia,serif;font-size:1.15rem}
.footer a{color:#e5d4f0}
.footer-line{margin:0 0 8px;font-size:.93rem}
.widewrapper.copyright{background:#1f1727;color:#a99bb6;font-size:.85rem;padding:12px 0;text-align:center}

/* mobile */
@media (max-width:767px){
	html{font-size:14px}
	.masthead .container{min-height:0;padding-top:12px;padding-bottom:12px}
	#logo img{height:56px}
	#logo .logo-name,#logo .logo-text{font-size:1.1rem}
	.top-navbar .container{padding:0 10px}
	.navbar-brand,.nav.navbar-nav>li>a{padding:11px 10px;font-size:.9rem}
	.widewrapper.main{padding:20px 0 28px}
	.col-md-8.blog-main>div,.col-md-12.blog-main{padding:20px 16px}
	.blog-main h1{font-size:1.5rem}
	.table th,.table td{font-size:.85rem;padding:7px 5px}
}
.row>.col-md-12.blog-main{margin:0 15px;width:calc(100% - 30px)!important}