@charset "utf-8";

/*
@media screen and (min-width: 1400px) {
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
}
@media screen and (min-width: 768px) and (max-width: 992px) {
}
@media screen and (min-width: 576px) and (max-width: 768px) {
}
@media screen and (max-width: 576px) {
}
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

/* common */
/* variable *************************/
:root {
	/* color */
	--footerbg: #e8eaf6;
	--lgray: #cccccc;
	--linkcolor: #0070ba;
	--lightgray: #efefef;
	--purple01: #7f3399;
	--purple02: #e6ceef;
}

/* fonts */
body { font-family: /*'Open Sans',*/ Helvetica, Arial, sans-serif; }

/* fonts */
body { font-family: arial, helvetica, clean, sans-serif; }

/*----------- GENERAL ------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,700);
html, body {
	margin:0;
	font-family:'Roboto', Open Sans, Arial, Helvetica, sans-serif;
	color:#555;
	overflow-x: hidden;
}

body {  }

.container { max-width: 992px; }

h1 { font-size: 56px; font-size: 3.5rem; font-weight: 600; letter-spacing: 0.1rem;  margin-bottom: 3.0rem; }
h2 { font-size: 20px; font-size: 1.25rem; font-weight: 600; letter-spacing: 0.1rem; margin-bottom: 1.25rem; }
h3 { font-size: 18px; font-size: 1.125rem; font-weight: 600; letter-spacing: 0.1rem; }
h4 { font-size: 17px; font-size: 1.0625rem; font-weight: 600; }
h5 { font-weight: 600; }
h6 { font-weight: 600; }
@media screen and (max-width: 576px) {
	h1 { font-size: 44px; font-size: 2.75rem; letter-spacing: 0.0rem;  margin-bottom: 1.5rem; }
	h2 { font-size: 20px; font-size: 1.125rem; }
	h3 { font-size: 18px; font-size: 1.0625rem; }
	h4 { font-size: 17px; font-size: 1.0625rem; }
	h5 {  }
	h6 {  }
	
	.lead { font-size: 18px; font-size: 1.125rem; }
}

header { position: relative; color: #ffffff; /*background-color: #ffffff;*/ }
header img { width: 100%; }
header .headertextdiv { position: absolute; top: 0; left: 0; }
header .headertextdiv h1 { font-size: 40px; font-size: 2.5rem; font-weight: 600; letter-spacing: 0.1rem;  margin-bottom: 2.0rem; }
header .headertextdiv p {  }
header .h1lead { font-size: 24px; font-size: 1.5rem; }
@media screen and (max-width: 576px) {
	header .headertextdiv h1 { font-size: 20px; font-size: 1.25rem; font-weight: 600; letter-spacing: 0.0rem;  margin-bottom: 0.125rem; }
	header .headertextdiv p {  font-size: 16px; font-size: 1.0rem; margin-bottom: 0.0rem; }
	header .h1lead { font-size: 16px; font-size: 1.0rem; margin-bottom: 0.0rem; }
}
footer { background-color: var(--footerbg); color: #000000; }
footer .container-md { max-width: 992px; }
footer .footerp { text-align: center; }
.footerdiv { padding: 20px 0 48px; padding: 1.25rem 0.0rem 3.0rem; }


/* list */
dl {  }
dt {  }
dd { padding-left: 1.0rem; }

/*  */
.hidd { visibility: hidden; }

/*  */
br.smrtph { display: none; }
span.pconly { display: inline; }
@media screen and (max-width: 576px) {
	br.smrtph { display: inline; }
	span.pconly { display: none; }
}

/* utility */
@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth;
	}
}

/* to Top */
#toTopBtn { display: none; /* initially */ right: 1.0rem; bottom: 1.0rem; }
/*.cd-top { display: inline-block; height: 32px; width: 32px; }*/
/*.btn { padding: 0; border-width: 0; }*/
.bi-arrow-up-square-fill { 
	font-size: 1.5rem; line-height: 1.0; color: var(--purple01); 
}
@media screen and (min-width: 576px) and (max-width: 992px) {  }
@media screen and (max-width: 576px) {  }



/*  */
section {  }
.subsection { margin-bottom: 3.0rem; }
.subsection h2 { padding-bottom: 2px; color: var(--purple01); border-bottom: 2px solid var(--purple02); border-right: 1.0rem solid var(--purple02); }
@media screen and (max-width: 576px) {
	.subsection { margin-bottom: 1.5rem; }
}
.subsubsect { margin-bottom: 2.0rem; }
@media screen and (max-width: 576px) {
	.subsubsect { margin-bottom: 1.25rem; }
}


/* nav */
#mainnav { margin: 0.5rem 0.0rem 2.0rem; }
li.nav-item { margin: 0 0.125rem; padding: 0 0.5rem; background-color: var(--lightgray); border-radius: 0.125rem; }
a.nav-link { color: var(--linkcolor); }
@media screen and (max-width: 576px) {
	#mainnav { margin-top: 0.0rem; }
	li.nav-item { margin: 0.0625rem 0.0rem; padding: 0 0.5rem; /*background-color: transparent; border-radius: 1.5rem;*/ width: fit-content; font-size: 0.75rem; }
	a.nav-link { padding-top: 0.25rem; padding-bottom: 0.25rem; }
	#navbars { /*margin-top: 8px;*/ }
	.navbar-toggler { margin-bottom: 8px; }
}


/* section */

.knspeakers {  }
.knspeakers img { display: block; margin: 0 auto 1.75rem; width: 92%; max-width: 224px; }
.knspeakers p {  }

.speakers {  }
.speakers p { box-shadow: 1px 1px 2px var(--purple02); }


.co-organizers p { box-shadow: 1px 1px 2px var(--purple02); }


/* Access */
.mapimg { width: 90%; margin-right: 10%; }
@media screen and (max-width: 768px) {
	.mapimg { width: 100%; margin-right: 0%; }
}

/**/
.bannersdiv img {
	display: block;
	margin: 0 auto 1.0rem;
	width: 100%;
}