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

/*
font-family: "Poppins", 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; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; background-color: #FFFFFF;}

h1, h2, h3, h4, h5	{font-weight: 700;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 500;}

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 : 4rem;
	--purple : #9c80b9;
	--yellow : #faa93b;
	--green : #5dc5cb;
	--pink : #e6417e;
}


.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {--bs-offcanvas-width: 300px;}
.text-bg-dark			{background-color: var(--purple) !important;}

.navbar-toggler 		{border-color: rgba(0,0,0,0.50);}
.navbar-toggler-icon 	{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

.offcanvas.offcanvas-end	{border-left: none;}
.offcanvas.offcanvas-end 	{border-top-left-radius: 3rem; border-bottom-left-radius: 3rem;}


.page					{background-image: url("../images/bg.webp"); background-position: top right; background-repeat: no-repeat; background-size: 100% auto}

.menu-area				{position: fixed; top: 0; left: 0; z-index: 110; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.menu-area				{background-color: rgba(255,255,255,0.5);  padding-top: 1rem; padding-bottom: 1rem;}
.menu-area.sticky		{background-color: rgba(255,255,255,1); padding-top: 0.75rem; padding-bottom: 0.75rem; box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.2);}


.menu-area .bg-dark		{background-color: transparent!important;}
.menu-area .navbar		{padding: 0;}
.menu-area .nav-link	{color: #333333; font-weight: 500;}




.banner-area					{padding-top: 9rem; padding-bottom: 7rem; position: relative;}
.banner-block .min-logos		{margin-bottom: 3rem;}
.banner-block .logo-holder		{margin-bottom: 2rem;}
.banner-block .date-hotel		{margin-bottom: 2rem; color: #000000; font-size: 150%;}
.banner-block .register-btn		{}

.banner-block .register-btn a 			{transition: 0.4s ease-in-out; font-weight: 600; padding: 1rem 2rem; border-radius: 5rem; display: inline-block; box-shadow: 0px 0px 15px 0px rgba(230,65,126,0.25);}
.banner-block .register-btn a:hover 	{box-shadow: 0px 0px 100px 0px rgba(230,65,126,0.5);}

.banner-area .cme				{position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; background-color: var(--green); color: #FFFFFF; text-align: center; border-radius: 100rem; padding-top: 1.5rem;}
.banner-area .cme .line-a		{font-size: 100%; font-weight: 500; line-height: 100%;}
.banner-area .cme .line-b		{font-size: 350%; font-weight: 800; line-height: 100%;}
.banner-area .cme .line-c		{font-size: 100%; font-weight: 500; line-height: 100%;}

.banner-area .patronage			{position: absolute; right: 50%; top: 8%; transform: translateX(50%); padding: 0.5rem 1rem; background-color: var(--pink); color: #FFFFFF; border-radius: 100rem; z-index: 5; text-align: center;}


.hops-association				{padding-top: var(--padding); padding-bottom: var(--padding);}



.chairperson-msg		{padding-top: var(--padding); padding-bottom: var(--padding);}
.chair-row				{position: relative;}
.chair-row .chairperson-title		{position: absolute; left: 0; bottom: 5%;}
.chair-row .chairperson-title h1 	{color: #6f6f6f;}
.chair-row img 			{padding-left: 10%;}

.chair-body				{background-color: #dfebec; padding: 3rem; border-radius: 3rem;}




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

.committees-wrap .nav-pills .nav-link	{border-radius: 5rem; font-weight: 600; font-size: 125%;}
.committees-wrap .nav-pills .nav-link.active,
.committees-wrap .nav-pills .show>.nav-link 				{background-color: var(--green);}

.committees-wrap .nav-link	{color: #FFFFFF; background-color: #dfebec; padding: 1rem 2rem;}


.comm-wrap					{background-color: #FFFFFF; padding: 3rem; border-radius: 3rem; box-shadow: 0px 0px 25px 0px rgba(102,102,102,0.1);}

.comm-block					{text-align: center; cursor: pointer;}
.comm-block .comm-img		{margin-bottom: 0.5rem; overflow: hidden; border-radius: 50rem;}
.comm-block .comm-desc		{}

.comm-block .comm-desc .comm-name	{color: #3d7e82; font-weight: 600; text-transform: uppercase;}
.comm-block .comm-desc .comm-desg	{font-size: 87.5%;}

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



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

.speakers-wrap .nav-pills .nav-link				{border-radius: 5rem; font-weight: 600; font-size: 125%;}
.speakers-wrap .nav-pills .nav-link.active,
.speakers-wrap .nav-pills .show>.nav-link 		{background-color: var(--green);}

.speakers-wrap .nav-link	{color: #FFFFFF; background-color: #dfebec; padding: 1rem 2rem;}


.speakers-block							{cursor: pointer;}
.speakers-block .spkr-img				{margin-bottom: 1rem; position: relative;}
.speakers-block .spkr-desc				{text-align: center;}

.speakers-block .spkr-img .spkr-inner			{box-shadow: 0px 0px 25px 1px rgba(51, 51, 51, 0.1); border-radius: 1rem; overflow: hidden; transition: 0.4s ease-in-out;}
.speakers-block:hover .spkr-img .spkr-inner		{box-shadow: 0px 0px 50px 1px rgba(51, 51, 51, 0.2);}

.speakers-block .spkr-desc .line-a		{color: #3d7e82; font-weight: 600; text-transform: uppercase;}
.speakers-block .spkr-desc .line-b		{font-size: 87.5%;}

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

.speakers-block .spkr-img .flag			{position: absolute; width: 100%; bottom: -5px; left: 0; z-index: 2; text-align: center;}
.speakers-block .spkr-img .flag img 	{width: 48px;}





.program-wrap			{padding-top: var(--padding); padding-bottom: var(--padding); background-color: #9fadae; /*background-image: url("../images/prog-bg.webp"); background-repeat: repeat-y; background-position: center top; background-size: 100% auto;*/}


.program-wrap			{}

.program-wrap .nav-pills .nav-item				{margin-right: 0.25rem;}
.program-wrap .nav-pills .nav-item:last-child	{margin-right: 0;}

.program-wrap .nav-pills .nav-link				{border-radius: 1rem; text-align: left;}

.program-wrap .nav-pills .nav-link .line-a		{font-size: 175%; font-weight: 600;}
.program-wrap .nav-pills .nav-link .line-b		{font-size: 125%; font-weight: 600;}

.program-wrap .nav-pills .nav-link.active,
.program-wrap .nav-pills .show>.nav-link 		{background-color: rgba(255,255,255,1.00); color: var(--green);}

.program-wrap .nav-link							{background-color: rgba(255,255,255,0.50); color: #FFFFFF; padding: 1rem 2rem;}


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


.prog-wrap .prog-row.session-row	{background-color: rgba(0,0,0,0.1);}

.prog-row .prog-time				{color: #FFFFFF;}
.prog-row .prog-lecture				{color: #FFFFFF; font-size: 125%; font-weight: 500;}
.prog-row .prog-spkr				{color: #333333; font-size: 100%;}
.prog-row .prog-img					{}
.prog-row .prog-img img				{object-fit: cover; aspect-ratio: 1/1;}
.prog-row .prog-img img 			{border-radius: 10rem;}



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


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



.who-can-wrap					{padding-top: var(--padding); padding-bottom: var(--padding);}
.who-can-wrap .who-can-block	{box-shadow: 0px 0px 25px 0px rgba(102,102,102,0.1); padding: 3rem; border-radius: 3rem; background-color: rgba(156,128,185,0.25); height: 100%;}
.who-can-block ul li 			{padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom: rgba(0,0,0,0.10) 1px solid;}
.who-can-block ul li:last-child {padding-top: 0; padding-bottom: 0; border-bottom: none}




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

.workshop-block						{padding: 2rem; border-radius: 2rem; background-color: rgba(93,197,203,0.10); height: 100%;}
.workshop-block .workshop-time		{margin-bottom: 1rem; font-weight: 600; color: rgba(93,197,203,1);}
.workshop-block .workshop-title		{margin-bottom: 0.5rem; font-size: 150%; font-weight: 600;}
.workshop-block .workshop-spkr		{margin-bottom: 1rem; color: #5dc5cb; font-weight: 500;}
.workshop-block .workshop-details	{margin-bottom: 1rem;}
.workshop-block .workshop-area		{margin-bottom: 1rem;}
.workshop-block .workshop-buttons	{margin-bottom: 0rem;}

.workshop-block .workshop-time span	{/*display: inline-block; background-color: rgba(93,197,203,1); color: #FFFFFF; font-size: 87.5%; padding: 0.25rem 1rem; border-radius: 1rem;*/}




.reg-block							{padding: 3rem; border-radius: 3rem; background-color: rgba(156,128,185,0.25); height: 100%;}
.fees-wrap							{}
.fees-wrap .fees-block				{padding-top: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid rgba(0,0,0,0.1);}
.fees-wrap .fees-block:last-child 	{border-bottom: none;}

.fees-block span					{font-weight: 600; font-size: 112.5%;}


.form-subs-item			{background-color: rgba(94,174,225,0.1);}
.form-subs-item.active	{background-color: rgba(94,174,225,0.25);}

.reg-wshop-row			{padding: 0.5rem 1rem; border-radius: 0.5rem; height: 100%; font-weight: 600;}














.footer				{padding: 2rem 0; color: #FFFFFF; background-color: var(--green); text-align: center;}
.footer a 			{color: #FFFFFF;}
.footer a:hover		{text-decoration: underline;}





/* ===== PRELOADER ===== */
#preloader		{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background-color: #FFFFFF;}
#status			{width: 250px; height: 250px; position: absolute; left: 50%; top: 50%; margin: -125px 0 0 -125px;}
/* ===== PRELOADER ===== */




/* `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%;}
	

.menu-area .nav-link				{color: #FFFFFF;}
.menu-area .navbar-nav .nav-item	{border-bottom: 1px solid rgba(255,255,255,0.10);}
	
	
	
.chair-body				{padding: 2rem; border-radius: 2rem;}	
	
	
.comm-wrap				{padding: 2rem; border-radius: 2rem;}
	
	
	
.reg-block							{padding: 2rem; border-radius: 2rem;}	
	
	
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	
body 				{font-size: 87.5%;}


.page				{background-size: 100% auto}
	
	
.menu-area .nav-link				{color: #FFFFFF;}
.menu-area .navbar-nav .nav-item	{border-bottom: 1px solid rgba(255,255,255,0.10);}	
	
	
.banner-block .date-hotel			{font-size: 125%;}
	
	
.banner-area .cme				{left: 70%; top: 35%; width: 100px; height: 100px; padding-top: 1rem;}
.banner-area .cme .line-a		{font-size: 100%;}
.banner-area .cme .line-b		{font-size: 200%;}
.banner-area .cme .line-c		{font-size: 100%;}
	
	
.chair-body				{padding: 1rem; border-radius: 1rem;}
	
	
.comm-wrap				{padding: 1rem; border-radius: 1rem;}
	
	
	
.speakers-block .spkr-img .flag img 	{width: 36px;}
	
	
	
.who-can-wrap .who-can-block	{padding: 1rem; border-radius: 1rem;}	
	
	
	
.prog-row .prog-lecture				{font-size: 125%;}
.prog-row .prog-spkr				{font-size: 112.5%;}	
	
	
	
.workshop-block						{padding: 1rem; border-radius: 1rem;}	
	
	
	
.reg-block							{padding: 1rem; border-radius: 1rem;}	
	
	
.banner-area .patronage				{right: 50%; top: 9%; width: 90%;}		

	
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
body 				{font-size: 87.5%;}
	
	
.page				{background-size: 100% auto}
	
	
.menu-area .nav-link				{color: #FFFFFF;}
.menu-area .navbar-nav .nav-item	{border-bottom: 1px solid rgba(255,255,255,0.10);}	
	
	
.banner-block .date-hotel			{font-size: 125%;}
	
	
.banner-area .cme				{left: 70%; top: 35%; width: 100px; height: 100px; padding-top: 1rem;}
.banner-area .cme .line-a		{font-size: 100%;}
.banner-area .cme .line-b		{font-size: 200%;}
.banner-area .cme .line-c		{font-size: 100%;}
	
	
.chair-body				{padding: 1rem; border-radius: 1rem;}



.comm-wrap				{padding: 1rem; border-radius: 1rem;}
	
	
	
.speakers-block .spkr-img .flag img 	{width: 36px;}	
	
	
	
.who-can-wrap .who-can-block	{padding: 1rem; border-radius: 1rem;}
	
	
	
.prog-row .prog-lecture				{font-size: 125%;}
.prog-row .prog-spkr				{font-size: 112.5%;}
	
	
.workshop-block						{padding: 1rem; border-radius: 1rem;}
	
	
.reg-block							{padding: 1rem; border-radius: 1rem;}
	
	
.banner-area .patronage				{right: 50%; top: 9%; width: 90%;}	

	
	
	
}