@import url('../lib/open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('../lib/boxicons/css/boxicons.min.css');

@import url('https://fonts.googleapis.com/css?family=Catamaran');
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700');

body {
	background-color: #ffffff;
	font-family: "Catamaran", sans-serif;
	font-size: 1.6rem;
	color: #1B2432;
	line-height: 1.6;
}

::selection {
	/*background: #fee036;*/
	background: #511165;
	color: #1B2432;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Ubuntu Mono", monospace;
}

/*Main Background Area*/
.main-bg {
	/*top: 0;*/
	/*bottom: 0;*/
	/*left: 0;*/
	/*right: 0;*/
	height: 100%;
	width: 100%;
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: -999;
}

.main-bg::before {
	max-width: calc(100% - 4rem);
	content: url('/media/images/logo.png');
	/*background: blue;*/
	opacity: .04;
	z-index: -999;
}


/*Main Navigation*/
.main-nav {
	line-height: 1.33333;
	font-family: "Ubuntu Mono", monospace;
	font-size: 1.7rem;
}

.main-nav a {
	-webkit-text-decoration-style: dotted;
	text-decoration-style: dotted;
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #1B2432;
}

.main-nav a::before {
	content: '';
	z-index: -1;
	width: 0;
	height: 100%;
	position: absolute;
	background: #511165;
	top: 0;
	left: 0;
	-webkit-transition: width .3s;
	transition: width .3s;
}

.main-nav a.active {
	color: #ffffff;
	-webkit-text-decoration-color: #ffffff;
	text-decoration-color: #ffffff;
	background: #511165;
}

.main-nav a.active::before {
	width: 100%;
}

@media (min-width: 992px) {
	.main-nav {
		font-size: 2.2rem;
	}

	.main-nav a:hover {
		color: #ffffff;
		-webkit-text-decoration-color: #ffffff;
		text-decoration-color: #ffffff;
	}

	.main-nav a:hover::before {
		width: 100%;
	}

	.main-nav a.active {
		background: none;
	}
}


/* Reusables */
.btn {
	font-family: "Ubuntu Mono", monospace;
}

.smb-title {
	display: block;
	font-size: 3rem;
	margin-bottom: 4rem;
	font-family: "Ubuntu Mono", monospace;
}

@media (min-width: 768px) {
	.smb-title {
		font-size: 5rem;
		letter-spacing: .25rem;
	}
}

.smb-title::after {
	content: '';
	display: block;
	width: 2.2rem;
	height: 0.4rem;
	background: #511165;
	margin-top: .5rem;
}

.smb-title:not(:first-of-type) {
	margin-top: 10rem;
}

.smb-surligne-title {
	font-family: "Ubuntu Mono", monospace;
	color: #ffffff;
	position: relative;
	display: inline-block;
	padding: 0 1rem;
}

.smb-surligne-title::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #511165;
	z-index: -1;
}

.section-cta span {
	font-size: 2rem;
}

.btn--ob-purple,
.btn--ob-purple--outline {
	background: #511165;
	color: #ffffff;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*Responsive Handling*/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}