@charset "utf-8";
/* CSS Document */

/*
font-family: "Montserrat", sans-serif;

Thin		100
Extralight	200
Light 		300
Regular		400
Medium		500
SemiBold	600
Bold		700
ExtraBold	800
Black		900
*/


body 				{color: #333333; font-size: 1rem; background-color: #FFFFFF; font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100;}




h1, h2, h3, h4, h5	{font-weight: 900; color: #3a4894;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 600;}

a					{text-decoration:none; color: #000000; transition: 0.5s;}
a:hover				{text-decoration:none; color: #333333;}
a:visited			{text-decoration:none;}
a:focus,a:hover		{text-decoration:none;}


:root {
	--padding : 5rem;	
	--pink : #a4337e;
	--blue : #4854a5;
}



.page						{}




.banner-area					{position: relative; height: 95vh; background-image: url("../images/banner.webp"); background-repeat: no-repeat; background-size: cover; background-position: top center;}
.banner-area .banner-block		{position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); text-align: center;}

.banner-block .conf-logo		{margin-bottom: 3rem;}
.banner-block .conf-name		{margin-bottom: 2rem; font-size: 300%; line-height: 100%; font-weight: 900; color: #FFFFFF;}
.banner-block .conf-date		{margin-bottom: 2rem; color: #13446e; font-size: 125%; font-weight: 500;}
.banner-block .conf-btn			{}


.banner-block .conf-logo img 			{}
.banner-block .conf-btn a 				{background-color: #13446e; display: inline-block; width: auto; padding: 1rem 2rem; text-transform: uppercase; color: #FFFFFF; border-radius: 0.5rem;}
.banner-block .conf-btn a:hover 		{background-color: #62599b;}




.program-wrap						{padding-top: var(--padding); padding-bottom: var(--padding);}

.prog-block							{}
.prog-block .prog-row				{padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #f2f2f2;}
.prog-block .prog-row:last-child	{border-bottom: none;}

.prog-block .prog-row.session-row	{background-color: rgba(152,98,250,0.20); text-align: center;}


.prog-block .time			{font-weight: 500;}	
.prog-block .lecture		{font-size: 112.5%; font-weight: 600;}	
.prog-block .speaker		{color: #2e1459; font-weight: 500;}	


.prog-block .session-row .session	{font-size: 150%; font-weight: 600;}
.prog-block .session-row .moderator	{font-size: 100%; font-weight: 600;}





.registration-wrap			{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #f2f2f2;}




.sponsor-wrap				{padding-top: var(--padding); padding-bottom: var(--padding);}


































.footer				{padding: 2rem 0; color: #FFFFFF; background-color: #333333; 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: 88.89%;}
	
	



	

	
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
body 				{font-size: 88.89%;}
	
	

	
	
	
	

	
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
body 				{font-size: 88.89%;}
	
	

	
	


	
	
}





