@charset "utf-8";
/* CSS Document */

/*
font-family: "Roboto", sans-serif;

Thin 	100
Light 	300
Regular	400
Medium 	500
Bold 	700
Black 	900

font-family: "Gloock", serif;

Regular	400
*/

body 				{color: #FFFFFF; font-size: 1rem; font-family: "Roboto", sans-serif; font-weight: 400; font-style: normal; background-color: #1d1d54;}

h1, h2, h3, h4, h5	{font-weight: 400; font-family: "Gloock", serif; font-style: normal;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 500;}

a					{text-decoration:none; color: #cccccc; transition: 0.5s;}
a:hover				{text-decoration:none; color: #FFFFFF;}
a:visited			{text-decoration:none;}
a:focus,a:hover		{text-decoration:none;}


:root {
	--padding : 5rem;
	--blue : #143e6b;
	--purple : #704F8F;
	--green : #4bdcc3;
	--yellow : #ffcc33;
}



.page						{}

.banner-wrap					{position: relative;}
.banner-wrap .banner-caption	{position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}

.banner-caption .line-a			{margin-bottom: 2rem;}
.banner-caption .line-b			{margin-bottom: 1rem; font-weight: 400; font-family: "Gloock", serif; font-style: normal; color: #FFFFFF; font-size: 500%;}
.banner-caption .line-c			{color: var(--green); font-size: 150%;}
.banner-caption .line-d			{color: #4deb65;  font-size: 150%;}


.banner-caption .line-a img 	{width: 300px;}


.committee-wrap					{padding-top: var(--padding); padding-bottom: var(--padding);}

.comm-block						{text-align: center;}
.comm-block .comm-img			{margin-bottom: 0.5rem; border-radius: 500rem; overflow: hidden;}
.comm-block .comm-name			{font-size: 112.5%; font-weight: 500; color: var(--green);}
.comm-block .comm-title			{font-size: 87.5%;}

.comm-block .comm-img img			{transition: 0.3s ease;}
.comm-block:hover .comm-img img		{transform: scale(1.1);}




.program-wrap							{padding-top: var(--padding); padding-bottom: var(--padding);}
.prog-wrap .prog-row					{padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.20);}
.prog-wrap .prog-row:last-child			{border-bottom: none;}

.prog-row .time							{font-weight: 300; color: #ccccff;}
.prog-row .lecture						{font-weight: 500; color: #9999cc; font-size: 125%;}
.prog-row .speaker						{font-weight: 300; color: #ccccff;}

.prog-wrap .prog-row.session			{}
.prog-wrap .prog-row.session .lecture	{color: var(--green);}
.prog-wrap .prog-row.session .speaker	{color: var(--green);}


.prog-card-wrap					{}
.prog-card-block				{height: 100%; padding: 1rem; background-color: rgba(0,0,0,0.10); border-radius: 1rem;}
.prog-card-block .time			{margin-bottom: 0.25rem; padding-bottom: 0.25rem; font-size: 87.5%; color: rgba(255,255,255,0.70); border-bottom: 1px dashed rgba(255,255,255,0.20);}
.prog-card-block .lecture		{margin-bottom: 0.5rem; font-size: 112.5%; color: #9999cc;}
.prog-card-block .speaker		{color: var(--green);}



.register-wrap							{padding-top: var(--padding); padding-bottom: var(--padding);}



.register-wrap .form-control			{background-color: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.20); color: #FFFFFF;}
.register-wrap .form-select				{background-color: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.20); color: #FFFFFF;}

.register-wrap .form-floating>.form-control-plaintext~label::after,
.register-wrap .form-floating>.form-control:focus~label::after,
.register-wrap .form-floating>.form-control:not(:placeholder-shown)~label::after,
.register-wrap .form-floating>.form-select~label::after 	{background-color: rgba(255,255,255,0); }

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label 							{color: rgba(255,255,255,0.50);}

.register-wrap .form-select option 							{background-color: rgba(29,29,84,1); color: #fff;}




.footer				{padding-top: 2rem; padding-bottom: 2rem; background-color: #000000; color: #FFFFFF; font-size: 87.5%;}
.footer a 			{color: #FFFFFF;}
.footer a:hover		{text-decoration: underline;}



/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}






/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
}





/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	
body 						{font-size: 87.5%;}
	
.prog-wrap .prog-row		{padding-top: 0.75rem; padding-bottom: 0.75rem;}
	
	
.banner-wrap .banner-caption	{top: 15%; transform: translateY(-15%); text-align: center;}

.banner-caption .line-a			{}
.banner-caption .line-b			{font-size: 400%;}

.banner-caption .line-a img 	{width: 250px;}	
	
}




/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

body 						{font-size: 87.5%;}
	
.prog-wrap .prog-row		{padding-top: 0.5rem; padding-bottom: 0.5rem;}
	
	
.banner-wrap .banner-caption	{top: 10%; transform: translateY(-10%); text-align: center;}

.banner-caption .line-a			{margin-bottom: 1rem;}
.banner-caption .line-b			{margin-bottom: 0rem; font-size: 250%;}

.banner-caption .line-a img 	{width: 200px;}	
	
}





/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	

body 						{font-size: 87.5%;}
	
.prog-wrap .prog-row		{padding-top: 0.5rem; padding-bottom: 0.5rem;}
	
	
.banner-wrap .banner-caption	{top: 10%; transform: translateY(-10%); text-align: center;}

.banner-caption .line-a			{margin-bottom: 1rem;}
.banner-caption .line-b			{margin-bottom: 0rem; font-size: 250%;}

.banner-caption .line-a img 	{width: 200px;}
	
	

	
}