/* hind-guntur-300 - latin */
@font-face {
  font-family: 'Hind_Guntur';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/hind-guntur-v5-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Hind Guntur Light'), local('HindGuntur-Light'),
       url('../fonts/hind-guntur-v5-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-guntur-v5-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-guntur-v5-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-guntur-v5-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-guntur-v5-latin-300.svg#HindGuntur') format('svg'); /* Legacy iOS */
}

/* hind-guntur-regular - latin */
@font-face {
  font-family: 'Hind_Guntur';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/hind-guntur-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Hind Guntur Regular'), local('HindGuntur-Regular'),
       url('../fonts/hind-guntur-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-guntur-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-guntur-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-guntur-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-guntur-v5-latin-regular.svg#HindGuntur') format('svg'); /* Legacy iOS */
}

/* hind-guntur-500 - latin */
@font-face {
  font-family: 'Hind_Guntur';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/hind-guntur-v5-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Hind Guntur Medium'), local('HindGuntur-Medium'),
       url('../fonts/hind-guntur-v5-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-guntur-v5-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-guntur-v5-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-guntur-v5-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-guntur-v5-latin-500.svg#HindGuntur') format('svg'); /* Legacy iOS */
}

/* hind-guntur-600 - latin */
@font-face {
  font-family: 'Hind_Guntur';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/hind-guntur-v5-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Hind Guntur SemiBold'), local('HindGuntur-SemiBold'),
       url('../fonts/hind-guntur-v5-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-guntur-v5-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-guntur-v5-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-guntur-v5-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-guntur-v5-latin-600.svg#HindGuntur') format('svg'); /* Legacy iOS */
}

/* hind-guntur-700 - latin */
@font-face {
  font-family: 'Hind_Guntur';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/hind-guntur-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Hind Guntur Bold'), local('HindGuntur-Bold'),
       url('../fonts/hind-guntur-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/hind-guntur-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/hind-guntur-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/hind-guntur-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/hind-guntur-v5-latin-700.svg#HindGuntur') format('svg'); /* Legacy iOS */
}


:root {
	--color-default:#333333;
	--color-primary:#042b61;
	--color-primary-light:#5478B6;
	--color-secondary:#b89f7e;
	--color-call2action:#EC407A;
	
	
	--color-bg:#FAFAFA;
	--color-navbar:#102a63;
	--color-topbar:#FFF;
	--color-border:#3A384433;
	
	--color-footer:#2a384f;
	
}

html { font-size:16px; line-height:24px; font-weight:400; overflow-x:hidden;  font-family:Hind_Guntur;  }
body { font-size:1rem; color:var(--color-default); line-height:1.5rem; font-weight:400; overflow-x: hidden;  font-family:Hind_Guntur;background-color:var(--color-bg); padding-top:0px; }

footer.page-footer .footer-copyright { background-color:var(--color-footer);}
footer.page-footer .footer-copyright img { height:30px; margin-right:20px;}
footer.page-footer .footer-copyright a { color:#BDBDBD;}



.header { min-height:300px; background-color:#062657; background-image:url('../images/assets/header-home-small.jpg'); background-position:center bottom; background-size:cover; }
.header.home { min-height:500px; background-image:url('../images/assets/header-home.jpg'); background-position:center bottom; background-size:cover;  }
.header.cnaps { min-height:300px; background-color:#123456; background-image:url('../images/assets/header-cnaps.jpg'); background-size:cover; background-position:center center; }

main { min-height:calc(100vh - 362px); }
main.home { min-height:calc(100vh - 552px); }

h1 { font-family:Hind_Guntur; font-weight:400; font-size:1.8rem; line-height:2.4rem;  margin-bottom:10px; margin-top:0px; color:var(--color-secondary); letter-spacing:1px; }
h2 { font-family:Hind_Guntur; font-weight:600; font-size:1.8rem; line-height:2.4rem; margin-bottom:30px; margin-top:0px; color:var(--color-primary); letter-spacing:1px; }
h3 { font-family:Hind_Guntur; font-weight:800; font-size:1.75rem; line-height:2rem; margin-bottom:20px; margin-top:0px; }

#header_container { min-height:150px;}
.header.home #header_container { height:350px;}
#header_container .h-100 { min-height:200px;}
.header.home #header_container .h-100 { min-height:350px;}
#header_container h1 { color:var(--color-secondary); font-size:2.4rem; line-height:2.6rem; font-weight:400; margin-top:0px; }

a { color:var(--color-default); font-size:1rem; }
a:hover { color:var(--color-primary); }

#cnil-message { background-color:#5478B6; }
#cnil-message .container { padding:15px; }
#cnil-message .container p { padding:0px; margin:0px; color:white; font-size:0.8rem;}
#cnil-message .container p > a { color:white; font-size:0.8rem; text-decoration:underline;}


.error_404 { border:2px solid #124567; margin-top:50px; margin-bottom:50px; padding:30px; text-align:center;}
.error_404 .title { font-size:2rem; margin-bottom:30px;  }
.error_404 .description { font-size:1rem;  }

.form-group label { font-size:0.8rem; color:var(--color-default);}

.form-control { font-family:Arial; }

.btn { font-family:Arial; font-weight:500; }
.btn-lg { font-weight:600;}

.primary { background-color:var(--color-primary)!important; color:#FFF!important; }
.secondary { background-color:var(--color-secondary)!important; color:#FFF!important; }

.btn-default { background-color:var(--color-default)!important; }
.btn-primary { background-color:#2a384f!important; color:#FFF!important; }
.btn-primary:hover { color:var(--color-secondary)!important; }
.btn-secondary { background-color:var(--color-secondary)!important; }
.btn-call2action { color:white; background-color:var(--color-call2action)!important; }
.btn-call2action:hover { color:white; }

.default-text { color:var(--color-default)!important; }
.primary-text { color:var(--color-primary)!important; }
.secondary-text { color:var(--color-secondary)!important; }
/*
.modal-header p { margin-bottom:0px; }
.modal-secondary .modal-header { background-color:var(--color-2-logo)!important; color:white;}
.modal-primary .modal-header { background-color:var(--color-1-logo)!important; color:white;}
*/
.card { box-shadow:none; width:100%; border-radius:0px;}
.card-link:hover .card-body { background-color:black;}
.card .card-header { background-color:#3A3844; color:white; text-transform:uppercase; font-size:1rem; font-weight:500; text-align:left;}
.card.card-select .card-header {text-align:center; }
/*.card-select:hover .card-header { background-color:var(--color-1-text); color:white; }*/

.navbar { background-color:transparent; padding:0px; box-shadow:none; border-top:0px solid white; border-bottom:1px solid #CCC; }
.navbar .nav-item:last-child { border-right:0px;}
.navbar .nav-item { border-right:1px solid var(--color-border); padding:5px 40px; }
.navbar .social { padding:5px 5px; }
.navbar .social a .fa-fw { color:#bfbebe; font-size:1.3rem; }
.navbar .social a:hover .fa-fw { color:white; }
.navbar .nav-item a { color:white; text-transform:uppercase; font-size:1rem; font-weight:500; font-family:Arial; }
.navbar .nav-item a:hover { color:#b89f7e;}
.navbar .nav-item.active { background-color:#b89f7e; }
.navbar .nav-item.active a:hover { color:#FFF;}

.navbar-brand, .navbar-brand:hover {  padding-left:10px; text-align:right;}
.navbar-brand img { height:60px; padding-bottom:10px; }

.topbar { padding:10px; color:white; background-color:var(--color-primary); border-bottom:1px solid var(--color-2-logo); text-align:center; font-size:0.8rem;}
.topbar a { color:white; }

.text-underline { text-decoration:underline;}

nav ol.breadcrumb { font-size:0.8rem; line-height:1.2rem; background-color:var(--color-2-logo); border-bottom:1px solid var(--color-1-logo); border-radius:0px; margin-bottom:20px; padding-left:0px; }
nav ol.breadcrumb a { color:#7c7c7b; font-size:0.9rem; line-height:1.2rem; }
nav ol.breadcrumb li.active { color:#7c7c7b; font-weight:bold; font-size:0.9rem; line-height:1.2rem; }
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #7c7c7b;
    font-size:0.6rem;
    font-weight:normal;
    font-family: "Font Awesome 5 Pro";
    content: "\f054";

}

.presentation-map {  height:350px; background-size:cover; background-position:center center; position:relative;  }

#page_cnap_detail p { text-align:justify; }

@media (max-width:576px) {
	html { font-size:13px; line-height:18px;  }
	body { font-size:1rem; line-height:1.5rem; }
	
	

	.navbar-toggler .fa { color:var(--color-default); font-size:24px; }
	
	h2 { font-size:1.5rem; line-height:2.25rem; margin-top:20px; }
	
	.navbar { padding:20px 5px; }
	.navbar .nav-item { border-top:1px solid var(--color-border); padding:5px 10px; }
	
	.header { min-height:250px;}
	.header.home { min-height:400px;  }
	.header.cnap { min-height:250px;  }
	
	
	.breadcrumb { display:none;}
	
	
	#header_container { min-height:150px;}
	.header.home #header_container { min-height:270px;}
	#header_container .h-100 { min-height:150px;}
	.header.home #header_container .h-100 { height:270px;}
	#header_container h1 { color:var(--color-secondary); font-size:1.8rem; line-height:2.6rem; font-weight:400; margin-top:30px; margin-bottom:30px; }

	.presentation-map { height:240px; }

}