/* ---------------------------------------------------------------------------------------------------- */
/* Stylesheet: Bourse */
/* © 2020/06 VANHORICK Nicolas (Digicious) */
/* Colors HEX: #336996			/	#BA50A5			*/
/* Colors RGB: (51, 105, 150)	/	(186, 80, 165)	*/
/* ---------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------- */
/* --- OVERWRITE BOOTSTRAP THEME ---*/
/* -------------------------------------------------- */
/* Modals */
.modal-dialog .modal-content { border-radius:10px; }
.modal-dialog .modal-content .modal-header {
	background-color:#336996;
	border-bottom-color:#336996;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color:#FFFFFF;
}
.modal-dialog .modal-content .modal-footer {
	background-color:#F6F6F6;
	border-top-color:#E6E6E6;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
/* Paginations */
.pagination > li > a, .pagination > li > span { color:#666666; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color:#BA50A5;
	border-color:#BA50A5;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color:#333333; }




/* -------------------------------------------------- */
/* --- GLOBAL ---*/
/* -------------------------------------------------- */
html, body {
	padding:0px;
	background:#F0F0F0;
	font-family:Arial, sans-serif;
	font-size:12px;
}
html, body {
	/* REMOVE OVERFLOW PROPERTY OF HTML AND USE CONTAINER-FLUID FOR MODAL AND DOUBLE SCROLL OR 15PX MARGIN-RIGHT ON MOBILE BUG */
	overflow-x:hidden;
}
h1 {
	font-family:'Open Sans Condensed', sans-serif;
	font-size:2.5rem;
	font-weight:bold;
	color:#444444;
	text-transform:uppercase;
}
h1 span {
	font-family:'Open Sans', sans-serif;
	font-size:1.5rem;
	color:#BA50A5;
}
h1.text-color-FFF span {
	color:#FFFFFF;
}
h1 span:after {
	content:'';
	display:block;
	height:1px;
	width:30px;
	margin:10px 0px;
	background:#BA50A5;
}
h1.text-align-center span:after {
	margin-left:auto;
	margin-right:auto;
}
h1.text-color-FFF span:after {
	background:#FFFFFF;
}
p {
	margin:0px;
	padding:0px;
	color:#666666;
}
a, a:hover, a.hover, a:focus, a.focus, a:active, a.active {
	color:#666666;
	text-decoration:none;
}
a:hover, a.hover, a:focus, a.focus, a:active, a.active { color:#BA50A5; }
a.link-hidden, a.link-hidden:hover, a.link-hidden.hover, a.link-hidden:focus, a.link-hidden.focus, a.link-hidden:active, a.link-hidden.active {
	color:inherit;
	cursor:default;
}
.wrapper {
	position:relative;
	z-index:10;
	width:100%;
	max-width:1200px;
	margin:0px auto;
}
.overlay {
	position:absolute;
	z-index:5;
	width:100%;
	height:100%;
	background:RGBA(51, 105, 150, 0.5);
}
.overlay.vlight { background:RGBA(51, 105, 150, 0.05); }
.overlay.light { background:RGBA(51, 105, 150, 0.2); }
.overlay.dark { background:RGBA(51, 105, 150, 0.8); }
.overlay.vdark { background:RGBA(51, 105, 150, 0.95); }




/* -------------------------------------------------- */
/* --- NAV ---*/
/* -------------------------------------------------- */
#nav-wrapper {
	height:91px;
	border-bottom:1px solid RGBA(255, 255, 255, 0.1);
	transition-property:height, padding, background, color;
	transition-duration:0.5s;
	transition-timing-function:ease;
}
#nav-wrapper .offcanvas-collapse {
	top:90px;
}
#nav-wrapper .navbar {
	max-width:1200px;
	height:100%;
	margin:0px auto;
	padding:10px 15px;
}
#nav-wrapper .navbar .navbar-brand {
	display:block;
	width:200px;
	height:100%;
	max-height:40px;
	margin:0px;
	padding:0px;
	background-image:url('../images/brand/logo-white.png');
	background-repeat:no-repeat;
	background-position:center left;
	background-size:contain;
}
#nav-wrapper .navbar .navbar-nav .nav-item > a {
	line-height:34px;
	margin:0px 0px 0px 10px;
	padding:5px 10px;
	background:none;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:1.2rem;
	font-weight:600;
	color:#FFFFFF;
	transition-duration:0.25s;
}
#nav-wrapper .navbar .navbar-nav .nav-item > a.active {
	color:#BA50A5;
}
#nav-wrapper .navbar .navbar-nav .nav-item > .dropdown {
	margin:5px 10px;
}
#nav-wrapper .navbar .navbar-nav .nav-item > .dropdown .dropdown-toggle {
	font-family:'Open Sans Condensed', sans-serif;
	font-size:1.2rem;
	font-weight:600;
	color:#FFFFFF;
	box-shadow:none;
	outline:none;
}
#nav-wrapper .navbar .navbar-nav .nav-item > .dropdown .dropdown-toggle::after {
	margin-left:8px;
	vertical-align:.125em;
}
#nav-wrapper .navbar .navbar-nav .nav-item > .dropdown .dropdown-menu .dropdown-item:focus {
	background-color:#336996;
}
/* Small */
#nav-wrapper.size-small {
	height:60px;
	background:RGBA(255, 255, 255, 1);
	border:none;
	box-shadow:0px 1px 2px RGBA(0, 0, 0, 0.2);
}
#nav-wrapper.size-small .offcanvas-collapse {
	top:60px;
}
#nav-wrapper.size-small .navbar .navbar-brand {
	background-image:url('../images/brand/logo-blue.png');
}
#nav-wrapper.size-small .navbar .navbar-nav .nav-item > a {
	color:#444444;
}
#nav-wrapper.size-small .navbar .navbar-nav .nav-item > a.active {
	color:#BA50A5;
}
#nav-wrapper.size-small .navbar .navbar-nav .nav-item > .dropdown .dropdown-toggle {
	color:#444444;
}
/* Link: Back To Top */
.link-back-to-top {
	position:fixed;
	z-index:12;
	bottom:16px;
	right:-72px;
	display:block;
	width:48px;
	height:48px;
	border-radius:24px;
	background:#FFFFFF;
	text-align:center;
	box-shadow:0px 1px 2px RGBA(0, 0, 0, 0.2);
	transition:all 0.5s ease;
}
.link-back-to-top span {
	line-height:44px;
	font-size:1.6em;
	color:#BA50A5;
}
.link-back-to-top:hover { background:#BA50A5; }
.link-back-to-top:hover span { color:#FFFFFF; }




/* -------------------------------------------------- */
/* --- FOOTER ---*/
/* -------------------------------------------------- */
footer p {
	line-height:1.8em;
	font-family:'Open Sans', sans-serif;
	font-size:1.2em;
	color:#CCCCCC;
	text-transform:uppercase;
}
footer a { color:#CCCCCC; }
footer a:hover, footer a:focus { color:#FFFFFF; }



/* -------------------------------------------------- */
/* --- PAGE: CALENDAR ---*/
/* -------------------------------------------------- */
#calendar #next {
	max-width:900px;
	margin:-120px auto 60px auto;
	padding:2.4rem 2rem;
	background:#FFFFFF;
	border-radius:5px;
	box-shadow:0px 1px 2px RGBA(0, 0, 0, 0.2);
}
#calendar #next p.head {
	font-size:1.5em;
	font-weight:600;
	color:#444444;
	text-transform:uppercase;
}
#calendar #next p.date {
	line-height:1.2rem;
	margin:16px 0px 0px 0px;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:4rem;
	font-weight:600;
	color:#BA50A5;
	text-transform:uppercase;
}
#calendar #next ul.info {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:1.2rem;
	font-style:italic;
	color:#888888;
}
#calendar #next ul.info li {
	display:inline-block;
}
#calendar #next a.dgcs-link {
	margin:4px 0px 0px 0px;
}
#calendar .calendar-item {
	margin-bottom:30px;
}
#calendar .calendar-item .item-date {
	margin-right:10px;
	padding:0px 15px 10px 0px;
	border-right:1px solid #999999;
	font-size:1.2rem;
	color:#444444;
	text-align:right;
}
#calendar .calendar-item .item-date span {
	display:block;
	width:50px;
	margin:-4px 0px -8px 0px;
	font-family:'Open Sans Condensed', sans-serif;
	font-size:2.4rem;
	font-weight:600;
	color:#336996;
	text-transform:uppercase;
}
#calendar .calendar-item .item-info p {
	margin:2px 0px 8px 0px;
	font-family:'Open Sans', sans-serif;
	font-size:1.2rem;
	font-weight:600;
	color:#333333;
}
#calendar .calendar-item .item-info ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#calendar .calendar-item .item-info ul li {
	margin-bottom:2px;
	color:#666666;
}
#calendar .calendar-item .item-info ul li .fa {
	font-size:1.2rem;
	color:#336996;
}




/* -------------------------------------------------- */
/* --- PAGE: ABOUT ---*/
/* -------------------------------------------------- */
#about { position:relative; }
#about .about-line {
	position:absolute;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:0px 100vw 120px 0px;
	border-color:transparent #F0F0F0 transparent transparent;
}
#about .about-text p {
	margin:0px 0px 24px 0px;
	line-height:2rem;
	font-size:1.2rem;
	color:#666666;
}
#about .about-image .image-under {
	width:100%;
	max-width:400px;
}
#about .about-image .image-over {
	position:absolute;
	top:170px;
	right:225px;
	border:30px solid #FFFFFF;
}




/* -------------------------------------------------- */
/* --- PAGE: INFORMATION ---*/
/* -------------------------------------------------- */
#information { position:relative; transition:background-color 0.2s; }
#information.visitors { background-color:#BA50A5; }
#information.exhibitors { background-color:#336996; }
#information.visitors .information-exhibitors { display:none!important; }
#information.exhibitors .information-visitors { display:none!important; }
#information .information-pattern {
	position:absolute;
	width:100%;
	height:100%;
	background:url('/images/backgrounds/abstract.png') repeat top left;
	opacity:0.2;
}
#information .information-type .d-flex { flex-direction:column; }
#information .information-type .dgcs-link { max-width:200px; }
#information.visitors .information-type .switch-visitors::before { opacity:1; }
#information.visitors .information-type .switch-visitors:hover::before { transform:scale(1, 1); }
#information.visitors .information-type .switch-visitors::after { border-color:RGBA(255, 255, 255, 0.5); opacity:1; transform:scale(1, 1); }
#information.visitors .information-type .switch-visitors span { color:RGBA(186, 80, 165, 1); }
#information.visitors .information-type .switch-exhibitors::before { opacity:0; background-color:RGBA(51, 105, 150, 1); }
#information.visitors .information-type .switch-exhibitors:hover::before { opacity:1; transform:scale(1, 1); }
#information.visitors .information-type .switch-exhibitors::after { border-color:RGBA(255, 255, 255, 0.5); opacity:1; transform:scale(1, 1); }
#information.visitors .information-type .switch-exhibitors:hover::after { border-color:RGBA(255, 255, 255, 0.5); opacity:1; transform:scale(1, 1); }
#information.visitors .information-type .switch-exhibitors span { color:RGBA(255, 255, 255, 1); }
#information.exhibitors .information-type .switch-exhibitors::before { opacity:1; }
#information.exhibitors .information-type .switch-exhibitors:hover::before { transform:scale(1, 1); }
#information.exhibitors .information-type .switch-exhibitors::after { border-color:RGBA(255, 255, 255, 0.5); opacity:1; transform:scale(1, 1); }
#information.exhibitors .information-type .switch-exhibitors span { color:RGBA(51, 105, 150, 1); }
#information.exhibitors .information-type .switch-visitors::before { opacity:0; background-color:RGBA(186, 80, 165, 1); }
#information.exhibitors .information-type .switch-visitors:hover::before { opacity:1; transform:scale(1, 1); }
#information.exhibitors .information-type .switch-visitors::after { border-color:RGBA(255, 255, 255, 0.5); opacity:1; transform:scale(1, 1); }
#information.exhibitors .information-type .switch-visitors:hover::after { border-color:RGBA(255, 255, 255, 0.5); opacity:1; transform:scale(1, 1); }
#information.exhibitors .information-type .switch-visitors span { color:RGBA(255, 255, 255, 1); }
#information .information-type .dgcs-link .fa-check { display:none; }
#information.visitors .information-type .switch-visitors .fa-blank { display:none; }
#information.visitors .information-type .switch-visitors .fa-check { display:inline-block; }
#information.exhibitors .information-type .switch-exhibitors .fa-blank { display:none; }
#information.exhibitors .information-type .switch-exhibitors .fa-check { display:inline-block; }
#information .information-content .content-item {
	margin:0px 0px 30px 0px;
}
#information .information-content .content-item:last-child {
	margin-bottom:0px;
}
#information .information-content .content-item a { color:#FFFFFF; }
#information .information-content .content-item a:hover { color:#FFFFFF; text-decoration:underline; }
#information .information-content .content-item .item-icon {
	width:64px;
	height:64px;
	margin:0px 15px 0px 0px;
	padding:0px;
	background:#FFFFFF;
	border-radius:32px;
}
#information.visitors .information-content .content-item .item-icon .fa {
	font-size:3rem;
	color:#BA50A5;
}
#information.exhibitors .information-content .content-item .item-icon .fa {
	font-size:3rem;
	color:#336996;
}
#information .information-content .content-item .item-title {
	margin:0px 0px 8px 0px;
	font-size:1.5rem;
	font-weight:600;
	color:#FFFFFF;
	text-transform:uppercase;
}
#information .information-content .content-item .item-text {
	margin:0px 0px 8px 0px;
	font-size:1.2rem;
	color:#FFFFFF;
}




/* -------------------------------------------------- */
/* --- PAGE: CONTACT ---*/
/* -------------------------------------------------- */
#contact {
	position:relative;
	height:800px;
	padding-top:300px;
}
#contact #map {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	max-height:800px;
}
#contact .form {
	padding:5rem;
	background:#FFFFFF;
	border-radius:5px;
	box-shadow:0px 1px 2px RGBA(0, 0, 0, 0.2);
}




/* -------------------------------------------------- */
/* --- PAGE: NEWSLETTER ---*/
/* -------------------------------------------------- */
#newsletter {
	position:relative;
	padding-top:296px;
}