/*
Primary color: #e76535;
Default color: #cccccc;
Text color: #63686d;
*/

/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/webfonts/montserrat-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/webfonts/montserrat-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html {
	overflow-y:scroll;	
}

body {
	font-family:'Montserrat', sans-serif;
	font-size:17px;
	color:#63686d;
	padding-top:150px;
}

#header {
	position:fixed;
	z-index:999;
	top:0px;
	left:0px;
	right:0px;
	background:#ffffff;
	padding:30px 0px;
	height:150px;
	border-bottom:1px solid #f4ebe3;
}

#logo {
    display:block;
    float:left;
    width:425px;
    height:91px;
    background:url(/media/logo.svg) center no-repeat;
    background-size:contain;
}

.container {
	min-width:360px;	
	position:relative;
}

.position {
	position:relative;
	top:-150px;
}

a {
	color:#e76535;
	text-decoration:none;
}
	
.btn:focus,
.btn:active,
a:focus,
a.active {
  outline:none !important;
}

.background2 {
	background:#f4ebe3;
}

.text2 {
	text-align:center;
}

/* Navigation -------------------------------- */

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

	.navbar {
		padding:30px 0px 0px 0px;	
	}
	
	.navbar-expand-lg .navbar-nav .nav-item {
		padding-left:20px;	
	}
	
	.navbar-expand-lg .navbar-nav .nav-link {
		-webkit-transition:all 0.5s linear;
	    -ms-transition:all 0.5s linear;
	    transition:all 0.5s linear;
	    padding:5px 15px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;    
	}
	
	.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
		color:#ffffff;
	}
	
	.navbar-nav > li > a {
		color:#63686d;
	}
	
	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus,
	.navbar-nav > .active > a,
	.navbar-nav > .active > a:focus,
	.navbar-nav > .active > a:hover,
	.navbar-nav > li:last-child > a {
		background:#e76535;
		color:#ffffff;
	}

}

/* Headlines --------------------------------- */

.headline {
	text-align:center;
	padding:90px 0px 70px 0px;
}

h1, h2,	h3 {
	margin-top:0px;	
	word-wrap:break-word;
	overflow-wrap:break-word;
}

.line1 h1,
.line1 h2,
.line1 h3 {
	padding-bottom:15px;
	border-bottom:2px solid #e76535;
} 

h1 {
	font-size:4rem;
	color:#e76535;
}

h2 {
	font-size:2.8rem;
	color:#e76535;
}

h3 {
	font-size:2rem;
	color:#e76535;
}

h4 {
	font-size:1.4rem;
	color:#e76535;
}

/* Hint -------------------------------------- */

.hint {
	background:#e76535;
    color:#ffffff;
    text-align:center;
    padding:60px 0px;
} 

.hint .title {
	font-size:2rem;
}

.hint .wysiwyg {
	padding-bottom:40px;
}

.hint h1,
.hint h2,
.hint h3,
.hint h4 {
	color:#ffffff;	
}

.hint a {
	color:#333333;
}

.hint a:hover,
.hint a:focus {
	color:#ffffff;
}

.hint a.btn-secondary {
	background:#ffffff;
	color:#333333;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px; 	
	border:0px;
}

.hint a.btn-secondary:hover,
.hint a.btn-secondary:focus,
.hint a.btn-secondary:active {
	background:#ffffff;
	color:#e76535;
}

/* Text -------------------------------------- */ 

.text {
	padding-bottom:50px;
}

.text.background2 {
	padding-bottom:70px;
}

.wysiwyg ul {
	list-style-type:'-';
	padding-left:5px;
}

.wysiwyg li {
	padding-left:15px;
}

table {
	border:0px;
}

table td {
	vertical-align:top;
	padding-bottom:10px;
}

table td:first-child {
	width:100px;
}

#article-5 table {
	margin-bottom:10px;
}

#article-5 table td {
	padding-bottom:0px;
}

#article-5 table td:first-child {
	width:110px;
}

/* Image(s) ---------------------------------- */

.images {
	padding-bottom:50px;
}

.images img {
	margin-bottom:20px;
}

.image {
	padding-bottom:50px;
}

/* Faq --------------------------------------- */

.faq {
	padding-bottom:100px;
}

.faq .box {
	border-top:1px solid #e76535;
}

.faq .box:last-child {
	border-bottom:1px solid #e76535;
}

.faq .question {
	font-size:1.4rem;
	color:#e76535;
	padding:10px 0px;
	cursor:pointer;
	background:url(/media/question.png) right center no-repeat;
	padding-right:65px;
}

.faq .open .question {
	background:url(/media/question-open.png) right center no-repeat;
}

.faq .answer {
	display:none;
}

/* Footer ------------------------------------ */

#footer {
	padding:50px 0px 30px 0px;
	background:#63686d;
	color:#ffffff;
}

.wrapper.footer .container {
	position:relative;
}

#footer .col-sm-6 {
	padding-bottom:20px;	
}

#footer .footer-2 {
	text-align:right;	
}

#footer ul {
	padding:0px;	
	margin:0px;
}

#footer li {
	display:inline-block;
	list-style:none;	
	padding-left:35px;
}

#footer a {
	color:#ffffff;	
	text-decoration:none;
}

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

	#logo {
		width:300px;
	}
	
	.navbar-expand-lg .navbar-nav .nav-item {
    	padding-left:5px;;
  	}
	
}

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

	body {
		padding-top:100px;
	}
	
	.position {
		position:relative;
		top:-100px;
	}
	
	#header {
		padding:10px 0px;
		height:100px;
	}
	
	.navbar {
		padding-top:20px;
		position:static;
	}
	
	.navbar-toggler {
		background:#e76535;
		border:1px solid #e76535;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;  		
	}
	
	.navbar-toggler:focus {
		box-shadow:none;
	}
	
	.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%28255, 255, 252, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
	}
	
	#navbarSupportedContent {
		position:absolute;
		z-index:10;
		left:0px;
		right:0px;
		top:90px;
		background:#ffffff;
		border:1px solid #e76535;
		padding:5px 15px;
	}
	
	.text .col-lg-4 {
		padding-bottom:20px;
	}
	
	#footer .footer-2 {
		text-align:left;
	}
	
	#footer li {
		padding:0px 15px 0px 0px;
	}
	
	#doctolib {
		width:120px !important;
		font-size:14px !important;
	}

}

@media screen and (max-width:767px) {
	
	#logo {
		width:250px;
	}
	
	h1 {
		font-size:2.5rem;
	}
	
	h2 {
		font-size:1.8rem;
	}
	
	h3 {
		font-size:1.5rem;
	}
	
	h4 {
		font-size:1.2rem;
	}
	
}