/* PORTAL CSS */







#be-portal img {



	width: 100%;



}







#be-portal a {



	color: #007fff;



}







#be-portal #portal-intro {



	background: #007fff url("") 100% 100% repeat-x;



	color: white;



	text-shadow: 0 0 0px #9b9b9b;



}







#be-portal #portal-cats .row {



	background-position: center;



	background-repeat: no-repeat;



	background-size: cover;



	margin: 0 !important;



	display: flex;



	align-items: center;



	justify-content: center;



	text-shadow: 0 0 0px #9b9b9b;



}







#be-portal #portal-cats .col-md-6 {



	padding: 5%;



}







#be-portal .catButton {



	background-color: white;



	color: #007fff;



	padding: 10px 20px;



	text-transform: uppercase;



	border: none;



	cursor: pointer;



	transition: background-color 0.3s;



}







#be-portal .catButton:hover {



	background-color: #efefef;



	transition: background-color 0.3s;



}







/* Even cats */



#be-portal #portal-cats .row:nth-child(even) {



	background-color: #e4e4e4;



	color: rgb(0, 0, 0);



}







#be-portal #portal-cats .row:nth-child(even) .catButton {



	background-color: #007fff;



	color: white;



	transition: background-color 0.3s;



}







#be-portal #portal-cats .row:nth-child(even) .catButton:hover {



	background-color: #0261bf;



	transition: background-color 0.3s;



}







/* Odd cats */



#be-portal #portal-cats .row:nth-child(odd) {



	/* background-color: #efefef; */



	color: #030303;



	background: #efefef url() 0% 0% repeat-y;



}







#be-portal #portal-cats .row:nth-child(odd) .catButton {



	background-color: #007fff;



	color: white;



	transition: background-color 0.3s;



}







#be-portal #portal-cats .row:nth-child(odd) .catButton:hover {



	background-color: #0261bf;



	transition: background-color 0.3s;



}







#be-portal h1 {



	font-size: 3em;



}







#be-portal h2 {



	font-size: 2.5em;



	padding: 20px 0;



	text-wrap: balance;



}







#be-portal h3 {



	font-size: 2em;



	padding: 0 0 20px 0;



	text-transform: uppercase;



}







@media (max-width: 767px) {



	#be-portal #portal-cats .row {



		background-image: none;



	}



	#be-portal h1 {



		font-size: 2.5em;



	}



	#be-portal h2 {



		font-size: 1.7em;



	}



	#be-portal .catImage {



		order: 1;



	}



	#be-portal .catText {



		order: 2;



	}



	#be-portal #portal-cats .row:nth-child(odd) {



		/* background-color: #efefef; */



		color: #030303;



	}



	#be-portal .catText > div {



		display: flex;



		flex-direction: column;



		align-items: center;



	}



	#be-portal .catText > div .mr-3 {



		margin-right: 0!important;



	}



}







@media screen and (min-width: 1200px) {



	#be-portal #portal-intro .col-12.p-5,



	#be-portal #portal-footer .col-12.p-5 {



		padding: 3rem 15rem!important;



	}



}







/* MENU SETTINGS */







#be-portal .navBar,



#be-portal .navBar .navItem,



#be-portal .navBar .navItem .navDropdownButton {



	background-color: #007fff;



	color: #ffffff;



	font-size: 16px;



}







#be-portal .navBar .navItem:hover,



#be-portal .navBar .navItem:hover .navDropdownButton,



#be-portal .navBar .navActive .navDropdownButton {



	background-color: #006dda;



	color: white;



}







#be-portal .navBar .navDropdownContent a {



	background-color: white;



	color: #7d7d7d;



}







#be-portal .navBar .navDropdownContent a:hover {



	background-color: #007fff;



	color: white;



}







@media screen and (min-width: 767px) {



	#be-portal .navBar .navCurrentPage {



		background-color: #006dda;



		pointer-events: none;



	}



}







@media screen and (min-width: 767px) and (max-width: 1300px) {



	#be-portal .navBar {



		display: grid;



		grid-template-columns: repeat(4, 1fr);



		grid-auto-rows: 54px;



		grid-gap: 2px;



		background-color: #006fdf;



		border-top: 2px solid #006fdf;



		border-bottom: 2px solid #006fdf;



	}



}







@media screen and (min-width: 1300px) {



	#be-portal .navBar {



		display: grid;



		grid-template-columns: repeat(4, 1fr);



		grid-auto-rows: 54px;



		grid-gap: 2px;



		background-color: #006fdf;



		border-top: 2px solid #006fdf;



		border-bottom: 2px solid #006fdf;



		



		/* PORTAL CSS */







#be-portal img {



	width: 100%;



}







#be-portal a {



	color: #007fff;



}







#be-portal #portal-intro {



	background: #007fff url("") 100% 100% repeat-x;



	color: white;



	text-shadow: 0 0 0px #9b9b9b;



}







#be-portal #portal-cats .row {



	background-position: center;



	background-repeat: no-repeat;



	background-size: cover;



	margin: 0 !important;



	display: flex;



	align-items: center;



	justify-content: center;



	text-shadow: 0 0 0px #9b9b9b;



}







#be-portal #portal-cats .col-md-6 {



	padding: 5%;



}







#be-portal .catButton {



	background-color: white;



	color: #007fff;



	padding: 10px 20px;



	text-transform: uppercase;



	border: none;



	cursor: pointer;



	transition: background-color 0.3s;



}







#be-portal .catButton:hover {



	background-color: #efefef;



	transition: background-color 0.3s;



}







/* Even cats */



#be-portal #portal-cats .row:nth-child(even) {



	background-color: #d8d8d8;



	color: rgb(0, 0, 0);



}







#be-portal #portal-cats .row:nth-child(even) .catButton {



	background-color: #007fff;



	color: white;



	transition: background-color 0.3s;



}







#be-portal #portal-cats .row:nth-child(even) .catButton:hover {



	background-color: #0261bf;



	transition: background-color 0.3s;



}







/* Odd cats */



#be-portal #portal-cats .row:nth-child(odd) {



	/* background-color: #efefef; */



	color: #030303;



	background: #efefef url() 0% 0% repeat-y;



}







#be-portal #portal-cats .row:nth-child(odd) .catButton {



	background-color: #007fff;



	color: white;



	transition: background-color 0.3s;



}







#be-portal #portal-cats .row:nth-child(odd) .catButton:hover {



	background-color: #0261bf;



	transition: background-color 0.3s;



}







#be-portal h1 {



	font-size: 3em;



}







#be-portal h2 {



	font-size: 2.5em;



	padding: 20px 0;



	text-wrap: balance;



}







#be-portal h3 {



	font-size: 2em;



	padding: 0 0 20px 0;



	text-transform: uppercase;



}







@media (max-width: 767px) {



	#be-portal #portal-cats .row {



		background-image: none;



	}



	#be-portal h1 {



		font-size: 2.5em;



	}



	#be-portal h2 {



		font-size: 1.7em;



	}



	#be-portal .catImage {



		order: 1;



	}



	#be-portal .catText {



		order: 2;



	}



	#be-portal #portal-cats .row:nth-child(odd) {



		/* background-color: #efefef; */



		color: #030303;



	}



	#be-portal .catText > div {



		display: flex;



		flex-direction: column;



		align-items: center;



	}



	#be-portal .catText > div .mr-3 {



		margin-right: 0!important;



	}



}







@media screen and (min-width: 1200px) {



	#be-portal #portal-intro .col-12.p-5,



	#be-portal #portal-footer .col-12.p-5 {



		padding: 3rem 15rem!important;



	}



}







/* MENU SETTINGS */







#be-portal .navBar,



#be-portal .navBar .navItem,



#be-portal .navBar .navItem .navDropdownButton {



	background-color: #007fff;



	color: #ffffff;



	font-size: 16px;



}







#be-portal .navBar .navItem:hover,



#be-portal .navBar .navItem:hover .navDropdownButton,



#be-portal .navBar .navActive .navDropdownButton {



	background-color: #007fff;



	color: white;



}







#be-portal .navBar .navDropdownContent a {



	background-color: white;



	color: #7d7d7d;



}







#be-portal .navBar .navDropdownContent a:hover {



	background-color: #007fff;



	color: white;



}







@media screen and (min-width: 767px) {



	#be-portal .navBar .navCurrentPage {



		background-color: #e9e9e9;



		pointer-events: none;



	}



}







@media screen and (min-width: 767px) and (max-width: 1300px) {



	#be-portal .navBar {



		display: grid;



		grid-template-columns: repeat(4, 1fr);



		grid-auto-rows: 54px;



		grid-gap: 2px;



		background-color: #e9e9e9;



		border-top: 2px solid #e9e9e9;



		border-bottom: 2px solid #e9e9e9;



	}



}







@media screen and (min-width: 1300px) {



	#be-portal .navBar {



		display: grid;



		grid-template-columns: repeat(8, 1fr);



		grid-auto-rows: 54px;



		grid-gap: 2px;



		background-color: #e9e9e9;



		border-top: 2px solid #e9e9e9;



		border-bottom: 2px solid #e9e9e9;



	}



	#be-portal .navBar .navDropdownContent a {



		min-width: 184px;



	}



}







/* ALGEMENE MENU CSS */







#be-portal .navBar {



	overflow: hidden;



}







#be-portal .navBar .navItem {



	float: left;



	text-align: center;



	text-decoration: none;



	transition: background-color 0.3s;



}







#be-portal .navBar .navItem:hover {



	transition: background-color 0.3s;



}







#be-portal .navBar .navDropdownButton {



	border: none;



	outline: none;



	color: #ffffff;



	background-color: inherit;



	font-family: inherit;



	width: 100%;



	transition: background-color 0.3s;



}







#be-portal .navBar .navDropdownContent {



	display: none;



	position: absolute;



	background-color: #007fff;



	min-width: 160px;



	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);



	z-index: 2;



}







#be-portal .navBar .navDropdownContent a {



	float: none;



	padding: 15px;



	text-decoration: none;



	display: block;



	text-align: left;



	transition: background-color 0.3s;



}







#be-portal .navBar .navIcon {



	display: none;



}







#be-portal .navBar .navDropdown.navActive .navDropdownContent {



	display: block;



}







@media screen and (max-width: 767px) {







	#be-portal .navBar .navItem:not(:first-child):not(:last-child),



	#be-portal .navBar .navDropdownButton {



		display: none;



	}







	#be-portal .navBar .navItem {



		padding: 15px;



	}







	#be-portal .navBar.navMenuOpen {



		position: relative;



	}







	#be-portal .navBar .navIcon {



		float: right;



		display: block;



	}







	#be-portal .navBar.navMenuOpen .navIcon {



		position: absolute;



		right: 0;



		top: 0;



	}







	#be-portal .navBar.navMenuOpen .navItem,



	#be-portal .navBar.navMenuOpen .navDropdownButton {



		float: none;



		display: block!important;



		text-align: left;



	}







	#be-portal .navBar.navMenuOpen .navDropdown {



		float: none;



	}







	#be-portal .navBar.navMenuOpen .navDropdownButton {



		display: block;



		width: 100%;



		text-align: left;



		padding: 0;



	}







	#be-portal .navBar.navMenuOpen .navDropdownContent {



		position: relative;



		margin-top: 15px;



	}



}







@media screen and (min-width: 767px) {



	#be-portal .navBar a {



		display: flex;



		justify-content: center;



		align-items: center;



	}







	#be-portal .navBar .navDropdown a {



		justify-content: start;



	}







	#be-portal .navBar .navDropdownButton {



		height: 100%;



		display: flex;



		justify-content: center;



		align-items: center;



		padding: 0;



	}







	#be-portal .navBar .navIcon {



		display: none !important;



	}







	#be-portal .navBar .navDropdownContent a {



		padding: 15px !important;



	}



};



	}



	#be-portal .navBar .navDropdownContent a {



		min-width: 184px;



	}



}







/* ALGEMENE MENU CSS */







#be-portal .navBar {



	overflow: hidden;



}







#be-portal .navBar .navItem {



	float: left;



	text-align: center;



	text-decoration: none;



	transition: background-color 0.3s;



}







#be-portal .navBar .navItem:hover {



	transition: background-color 0.3s;



}







#be-portal .navBar .navDropdownButton {



	border: none;



	outline: none;



	color: #ffffff;



	background-color: inherit;



	font-family: inherit;



	width: 100%;



	transition: background-color 0.3s;



}







#be-portal .navBar .navDropdownContent {



	display: none;



	position: absolute;



	background-color: #007fff;



	min-width: 160px;



	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);



	z-index: 2;



}







#be-portal .navBar .navDropdownContent a {



	float: none;



	padding: 15px;



	text-decoration: none;



	display: block;



	text-align: left;



	transition: background-color 0.3s;



}







#be-portal .navBar .navIcon {



	display: none;



}







#be-portal .navBar .navDropdown.navActive .navDropdownContent {



	display: block;



}







@media screen and (max-width: 767px) {







	#be-portal .navBar .navItem:not(:first-child):not(:last-child),



	#be-portal .navBar .navDropdownButton {



		display: none;



	}







	#be-portal .navBar .navItem {



		padding: 15px;



	}







	#be-portal .navBar.navMenuOpen {



		position: relative;



	}







	#be-portal .navBar .navIcon {



		float: right;



		display: block;



	}







	#be-portal .navBar.navMenuOpen .navIcon {



		position: absolute;



		right: 0;



		top: 0;



	}







	#be-portal .navBar.navMenuOpen .navItem,



	#be-portal .navBar.navMenuOpen .navDropdownButton {



		float: none;



		display: block!important;



		text-align: left;



	}







	#be-portal .navBar.navMenuOpen .navDropdown {



		float: none;



	}







	#be-portal .navBar.navMenuOpen .navDropdownButton {



		display: block;



		width: 100%;



		text-align: left;



		padding: 0;



	}







	#be-portal .navBar.navMenuOpen .navDropdownContent {



		position: relative;



		margin-top: 15px;



	}



}







@media screen and (min-width: 767px) {



	#be-portal .navBar a {



		display: flex;



		justify-content: center;



		align-items: center;



	}







	#be-portal .navBar .navDropdown a {



		justify-content: start;



	}







	#be-portal .navBar .navDropdownButton {



		height: 100%;



		display: flex;



		justify-content: center;



		align-items: center;



		padding: 0;



	}







	#be-portal .navBar .navIcon {



		display: none !important;



	}







	#be-portal .navBar .navDropdownContent a {



		padding: 15px !important;



	}



}