/*  
    // Extra small devices (portrait phones, less than 576px)
	// No media query since this is the default in Bootstrap
	
	// Small devices (landscape phones, 576px and up)
	@media (min-width: 576px) { ... }
	
	// Medium devices (tablets, 768px and up)
	@media (min-width: 768px) { ... }
	
	// Large devices (desktops, 992px and up)
	@media (min-width: 992px) { ... }
	
	// Extra large devices (large desktops, 1200px and up)
	@media (min-width: 1200px) { ... }
   
    FullHD=1920x1080 WUXGA=1920x1200
    2K=2048x1080 QXGA=2048x1536
    UWHD=2560x1080 WQHD=2560x1440 WQXGA=2560x1600 QSXGA=2560x2048
    UWQHD=3440x1140
    UHD-1=3840x2160
    4K=4096x2160
    5KUD=5120x2160 5K=5120x2880  

    browser window: width=-20px height=-150px
   
    font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));

 */
:root {
	--custom-highcontrast-color: #EF8204;
	--custom-brand-color: #0066CC;
	--custom-text-color: #4a4a4a;
	--custom-accent-text-color: #497D92;
	--custom-title-color: #003063;
	--custom-primary-button-color: #85b0be;
	--custom-primary-button-border-color: #456872;
	--custom-primary-button-color-hover: #6a9fb0;
	--custom-dark-background-color: #002242;  
	--custom-light-background-1-color: #CFD3D6;
	--custom-light-background-2-color: #E6E6E7;
	--custom-light-grey-1: #ccc;
	
	--bs-link-color: var(--custom-title-color);
    --bs-link-hover-color: #3082A0;

	--custom-max-width: 2048px;  /* changer aussi setMaxWidthToRatio dans main-x.x.js _body_common.php */
}

html {
  font-size: 16px;
}
@media screen and (max-width: 767px){
  html { font-size: 15px; }
}
@media screen and (min-width: 1900px) and (min-height: 1050px) {
  html { font-size: 18px; }
}
@media screen and (min-width: 2540px) and (min-height: 1450px) {
  html { font-size: 22px; }
}
@media screen and (min-width: 3420px) and (min-height: 1890px) {
  html { font-size: 30px; }
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  color: var(--custom-text-color);
  line-height: 1.8;
  max-width: var(--custom-max-width);
  min-width: 360px;
  margin:0 auto;
}

body.layout-boxed {
  background-repeat: repeat;
  background-color: #ccc;
}

.font-body {
  font-size: 1rem;
  color: var(--custom-text-color);
  line-height: 1.8;
}

.line-height-default {
	line-height: 1.8 !important;
}

.line-height-compact {
	line-height: 1.5 !important;
}

p {
    margin: 0 0 0.8em;
}

hr {
	opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 5px;
  font-family: "Raleway", sans-serif;
  color: var(--custom-title-color);
  font-weight: 600;
}

section {
  margin-bottom: 60px;
}

a {
  color: var(--bs-link-color);
  text-decoration: none;
}
a:hover, a:focus {
  color: var(--bs-link-hover-color);
  text-decoration: none;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
  outline: 0 !important;
}

hr {
  border-color: #eaeaea;
}

.btn {
	font-family: "Raleway", sans-serif;
}

/* ----------------------------------------------------- */
/* Typography
/* ----------------------------------------------------- */

.text-accent-color {
  color: var(--custom-title-color);
}

.lead {
  color: var(--custom-accent-text-color);
  margin-bottom: 1.25em;
  font-size: 1.5em;
  font-weight: 400; 
}
@media screen and (min-width: 768px) {
  .lead {
    font-size: 1.4em;
  }
}

.lead-bolder {
	font-weight: 500;
}

.font-xs {
	font-size: 0.5em;
}

.font-sm {
	font-size: 0.75em;
}

.font-lg {
	font-size: 1.5em;
}

.font-xl {
	font-size: 2em;
}

.font-xxl {
	font-size: 3em;
}

/* ----------------------------------------------------- */
/* Icons
/* ----------------------------------------------------- */

.icon-facebook, a .icon-facebook { color: #1877f2; }
.icon-linkedin, a .icon-linkedin { color: #1666c5; }
.icon-twitter, a .icon-twitter { color: #1b95e0; } 
.icon-instagram, a .icon-instagram { color: #e1306c; }
.icon-pdf, a .icon-pdf { color: #b92825; }


/* ----------------------------------------------------- */
/* Wrapper
/* ----------------------------------------------------- */

.wrapper {
  background: #fff;
}

.container { max-width: 92%; }

.layout-boxed .wrapper {
  max-width: 1200px;
  margin: 0 auto;
  box-shadow: 0 0 5px #ccc;
}

.widget {
  margin-bottom: 40px;
}

.widget-title {
  font-size: 18px;
}

.section-heading {
  margin-bottom: 20px;
  font-size: 22px;
}
.section-heading:after {
  display: block;
  content: '......';
  /*color: #406da4;*/
  font-weight: 300;
}
.section-heading.panel-title:after {
  display: none;
}

.page-content {
  margin: 40px 0;
}

/* ----------------------------------------------------- */
/* Bootstrap overrides 									 */
/* ----------------------------------------------------- */

.text-info {
    color: var(--custom-accent-text-color)!important;
}

.btn-primary, .btn-primary:focus, .btn-primary:active {    
    background-color: var(--custom-primary-button-color);
    border-color: var(--custom-primary-button-color);
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--custom-primary-button-color-hover);
  border-color: var(--custom-primary-button-color-hover);
}

.btn-outline-primary {
    color: var(--custom-primary-button-color);
    border-color: var(--custom-primary-button-color);
}
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--custom-primary-button-color-hover);
    border-color: var(--custom-primary-button-color-hover);
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(106 159 176 / 50%);
}

.carousel-item {
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
}

.carousel-caption .lead {
  color: #fff;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 2em;
  height: 2em;
  border-radius: 25%;
}

.nav-tabs > li > button {
  font-size: 1.125em;
}

.nav-tabs {
    border-bottom: 1px solid #ccc;
	display:flex;
}
@media screen and (max-width: 991px) {
	.nav-tabs {	display:none; }
}

.nav-tabs .nav-link:hover {
  border-color: transparent;
  background-color:#EEE;
}

.nav-tabs .nav-link:focus {
  background-color:transparent;
}

.nav-tabs .nav-link.active:hover {
  color: #495057;
  background-color: #fff;
  border-color: #ccc #ccc #fff;
}

.pagination {
  display: flex;
  justify-content: center;
}

.pagination > li > a,
.pagination > li > span {
   color: #888;
   font-weight: 600;
   margin-left: .25em;
   margin-right: .25em;
}

.pagination > li > a:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > span:focus {
  background-color: #ddd;
  border-color: #ddd;
  color: #888;  
}

.pagination > li.active > a, .pagination > li.active > a:hover {
	color: #FFF;
	background-color: var(--bs-link-hover-color);
	border-color: var(--bs-link-hover-color); 
}

.list-inline > li {
  display: inline-block;
  padding-right: 0.5em;  
}

/*-------------------*/
/* Custom components */
/*-------------------*/

/* credit attribution for Wikimedia Commons images */
.credit-attribution {
   font-size: 0.65rem;
   color: #aaa;
}

/* call to action */
.call-to-action {
  background-color: var(--custom-light-background-1-color);
  padding: 25px 0;
  margin-bottom: 0;
}
.call-to-action-lighter {
  background-color: var(--custom-light-background-2-color);
  padding: 25px 0;
  margin-bottom: 0;
}
.call-to-action .section-heading {
  margin: 0;
  font-size: 2em;
  line-height: 1.4; 
}
.call-to-action .section-heading:after {
  display: none;
}
.call-to-action span {
	position: relative;
	top: 0.125em;
    font-size: 1.125em;
	color: var(--custom-title-color);	
}

@media screen and (max-width: 480px) {
	.call-to-action img {
		width: 75%;
	}
}

@media screen and (max-width: 768px) {
  .call-to-action .pull-left, .call-to-action .pull-right {
    width: 100%;
    float: none !important;
  }
  .call-to-action .btn {
    margin-top: 10px;
  }
  .call-to-action span {
    top: 7px;
  }
}

/* general portfolio item with hovered caption */

.portfolio-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.portfolio-item .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(20, 20, 20, 0.5);
}
.portfolio-item:hover .overlay {
  
}

.portfolio-item .info {
  top: inherit;
  margin-top: inherit;
  margin-bottom: inherit; 
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
}
.portfolio-item .media-wrapper {
  overflow: hidden;
}
.portfolio-item .title {
  font-family: inherit;
  color: #fff;
  padding-bottom: 1rem;
}
.portfolio-item .brief-description {
  font-weight: 300;
}
.portfolio-item .overlay, .portfolio-item .info {
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
  opacity: 1;
}

.portfolio-item img {
  max-width: 100%;
}
.portfolio-item:hover img {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.portfolio-item:hover .overlay, .portfolio-item:hover .info {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 1;
}
.portfolio-item a, .portfolio-item a:hover, .portfolio-item a:focus {
  color: #fff;
}
.portfolio-item .btn {
 	background-color: rgba(0,0,0,0.5);
	 border: 1px solid #fff;
	 color : #fff;
}

.portfolio-item .btn:hover, .portfolio-item .btn:focus {
  color: #fff;
  background-color: var(--custom-primary-button-color-hover);
  opacity: 0.8;
}

/* ----------------------------------------------------- */
/* Top bar / navigation bar
/* ----------------------------------------------------- */

.navbar-logo > img {
  height:auto;
  width:auto;
  padding-right: 0.625em;
  max-width: 15rem;
}
@media screen and (max-width: 1200px) {
	.navbar-logo > img {
		max-width: 200px;
	}
}
@media screen and (max-width: 1100px) {
  .navbar-logo > img {
	max-width:150px;	
  }
}




/* ----------------------------------------------------- */
/* HERO UNIT 
/* ----------------------------------------------------- */

.hero-left {
  max-width: 50%;
}

.hero-button {
	font-family: "Raleway", sans-serif;
}

/* hero unit slider */
.hero-unit-slider {
    
}
.hero-unit-slider .carousel-inner > .item {
  display:flex;
  overflow: hidden;
  align-items: center;
}
.hero-unit-slider .carousel-caption {
  bottom: auto;
  top: auto;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
  background-color: rgba(25, 25, 25, 0.6);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
 }
 
.hero-unit-slider .hero-heading {
  font-size: 2rem;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .hero-unit-slider .hero-heading { font-size: 3rem; } }

.hero-unit-slider .hero-button {
  border: 3px solid #fff;
  color: #fff;
}
.hero-unit-slider .hero-button:hover, .hero-unit-slider .hero-button:focus {
  background: #406da4;
  color: #fff;
}
 
.hero-unit-slider .carousel-indicators {
  bottom: 0;
}
.hero-unit-slider .carousel-control {
  background: rgba(0, 0, 0, 0.2);
}
.hero-unit-slider .carousel-control:hover {
  background: rgba(0, 0, 0, 0.3);
}

/* fullscreen hero unit */
html.fullscreen,
html.fullscreen body,
html.fullscreen .wrapper {
  height: 100%;
}

.hero-inherit-vcenter {
  top: inherit;
  margin-top: 0;
  margin-bottom: 0;
}

.hero-unit-fullscreen {
  display: flex;
  align-items: center;
  font-size: 1.5em;
  text-align: center;
  color: #fff;
  min-height: 600px;
  background: url('/assets/img/fullscreen-bg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  height: 100%;
}

.hero-unit-fullscreen .overlay {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  opacity: 0.7;
  background-color: #1D3758;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.hero-unit-fullscreen .container {
  position: relative;
}

.hero-unit-fullscreen .hero-heading {
  margin-bottom: 20px;
  font-size: 3rem;
  font-weight: 600;
  color: #fff;
}
.hero-unit-fullscreen .lead {
	color: #fff;
    font-size: 2rem;
    margin-bottom: 2rem;
}
@media screen and (min-width: 992px) {
 .hero-unit-fullscreen .hero-heading { font-size: 4rem; }
 .hero-unit-fullscreen .lead { font-size: 2rem; }
}

.hero-unit-fullscreen .hero-button {
  padding: 15px 30px;
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
@media screen and (max-width: 768px) {
	.hero-unit-fullscreen .hero-button {
		font-size: 1rem;
		line-height: 1;
	}
}

.hero-unit-fullscreen .hero-button:hover, .hero-unit-fullscreen .hero-button:focus {
  background-color: #4E98F3;
  border-color: #4E98F3;
}

.hero-unit-fullscreen .down-arrow {
  position: absolute;
  left: 50%;
  margin-left: -30px;
  text-align: center;
  display: none;
}
@media screen and (min-width: 1200px) {
  .hero-unit-fullscreen .down-arrow {
    display: block;
    bottom: 1em;
  }
}
.hero-unit-fullscreen .down-arrow a {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  border: 2px solid #fff;
}
.hero-unit-fullscreen .down-arrow a:hover, .hero-unit-fullscreen .down-arrow a:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

img.hero-img {
	max-width: fit-content;
}

@media screen and (min-width: 900px) {
  img.hero-img {
    width: 100%;
	max-width: 100%;
  }
}
@media screen and (min-width: 900px) {
  img.hero-img-blog {
    width: auto;
  }
}

/* ----------------------------------------------------- */
/* Plugins
/* ----------------------------------------------------- */

.parsley-errors-list {
	padding-left: 0;
}
	
.parsley-errors-list li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
	color: var(--bs-danger);
	font-size: 0.9em;
    margin-top: 3px;
}

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

.wrapper > footer {
  font-size: 0.875em;
}

footer {
  background-color: #052138;
  background: url("/assets/img/footer-bg.jpg") top center no-repeat;
  background-size: cover;
  font-weight: 300;
  color: #eaeaea;
}
footer .overlay {	   
    background-color: rgba(1, 11, 16, 0.8);
}

footer .container {
    padding-top: 1.25em;
    padding-bottom: 0;	
}

footer .col-md-4 {
  padding-bottom: 1.25em;
 }

footer a {
  color: #fff;
  text-decoration: none;
}
footer a:hover, footer a:focus {
  color: #fff;
  text-decoration: underline;
}
footer .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
footer .logo {
  width: 11em;
  height: auto;
}

footer .social-icons.light-icons a {
  background-color: #3c3c3e;
}
footer .social-icons.light-icons a:hover {
  background-color: #353536 !important;
}
@media screen and (max-width: 768px) {
  footer .container {
    padding: 30px 15px;
  }
}

.footer-heading {
	color: white;
	font-size: 1.25em;
	line-height: 1;
	margin: 0.75em 0 0.75em 0;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}

.margin-bottom-footer {
  margin-bottom: 0.625em !important;
}
.footer-nav > li {
  margin-bottom: 10px;
}

.copyright {
  padding: 1em 0;
  background-color: #051A2B;
  font-size: 0.75em;
  font-weight: 400;
  color: #aaa;
}

.footer-minimal .copyright {
  border: none !important;
  font-size: 11px;
  padding-bottom: 0;
  background-color: transparent;
}


/*------------------------------------------------*/
/*	Page: About Us
/*------------------------------------------------*/

.aboutus hr.tab-hr { display:none; }

@media screen and (max-width: 991px) {
	.aboutus .tab-content > .tab-pane {
		display: block;
		opacity: 1;
	}
	.aboutus hr.tab-hr { display: block; }
}

.team-member {
  margin-bottom: 60px;
}

.team-member.media {
  margin-top: 2.5em;
  margin-bottom: 0px; 
}

.team-member.media > .pull-left {
  margin-right: 30px;
  padding-right: 0;
}
.team-member .team-name {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 5px;
  line-height: 1.6;
  color: #fff;
  background-color: #406da4;
}
.team-member strong {
  display: block;
  font-size: 0.9em;
}
.team-member hr {
  width: 50px;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  margin-left: 0;
}
.team-member .social-icon > li {
  padding-right: 12px;
}
.team-member .social-icon > li > a {
  color: #989898;
  font-size: 18px;
}
.team-member .social-icon > li > a:hover, .team-member .social-icon > li > a:focus {
  color: #797979;
}
@media screen and (max-width: 480px) {
  .team-member {
    text-align: left;
  }
  .team-member.media > .pull-left {
    display: inline;
    float: none !important;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .team-member hr {
    float: none !important;
  }
}

@media screen and (max-width: 480px) {
  .team {
    padding-bottom: 0;
  }
}

/*------------------------------------------------*/
/*	Page: Newsroom
/*------------------------------------------------*/

.margin-bottom-30px {
  margin-bottom: 30px !important;
}

.blog h2 {
    font-size: 1.75em;
}

.blog hr {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

.blog a:hover, .blog a:focus {
  text-decoration: none;
}
.blog .entry-title a {
  color: inherit;
}
.blog .entry-title a:hover, .blog .entry-title a:focus {
  color: #406da4;
}
.blog .entry-header {
  margin-bottom: 20px;
}

.blog .meta-line {
	color: #595959;
}
.blog .meta-line span {
  margin-right: 15px;
}
.blog .meta-line .post-comment {
  margin-right: 0;
}
.blog .meta-line a {
  color: inherit;
  font-weight: 600;
}
.blog .meta-line a:hover, .blog .meta-line a:focus {
  color: #406da4;
}
.blog .featured-video,
.blog .featured-image {
  margin-bottom: 20px;
}
.blog .featured-image img {
  max-width: 100%;
}
.blog .featured-video iframe {
  border: none;
}
.blog .featured-video .post-date-info {
  z-index: 9999;
}
.blog.medium-thumbnail .featured-video .fluid-width-video-wrapper {
  position: relative;
  height: 0;
  padding-top: 1px !important;
  padding-bottom: 70%;
}
.blog.medium-thumbnail .featured-video .fluid-width-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .blog .meta-line > div {
    display: block;
    float: none !important;
  }
}
@media screen and (max-width: 480px) {
  .blog .post-tags {
    display: none;
  }
}

/* blog body */
.blog-body {
   line-height: 1.8;
}

.blog-body h2, .blog-body h1 {
    margin-top: 1em;
    margin-bottom: 0.8em;
}

.blog-body p {
    margin: 0 0 1.5em;
}

/* latest posts, recent posts */
.blogposts, .recent-comments {
  margin-bottom: 0;
}
.blogposts li, .recent-comments li {
  margin-bottom: 20px;
}
.blogposts li:last-child, .recent-comments li:last-child {
  margin-bottom: 0;
}

.blogposts .post-title {
  margin-bottom: 0;
  font-family: inherit;
  line-height: 1.2;
  font-size: 0.9rem;;
}

.blogposts span {
  font-size: 0.75em;
}

.blog-post-padding {
  padding-right: 1.875em;
}

/* blog single item */
.blog.single .section-heading {
  margin-top: 0;
  font-family: inherit;
  font-size: 21px;
  font-weight: 600;
}

/* blog misc */
.social-share a {
  font-size: 1.4rem;  
  display: inline-block;
  background: #85b0be;
  color: #fff;
  line-height: 1;
  padding: 0.75rem 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 2.8rem;
  height: 2.8rem;
  transition: 0.3s;
}
.social-share a:hover {
  background: #649aac;
  color: #fff;
  text-decoration: none;
}

.debate-frame {
  background-color: #4f8abe;
  background-image: url('/assets/img/debate-overlay.jpg');
  background-size: cover;
  background-position: 50% 25%;
}

.debate-frame .textbox {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.6;
  padding: 1.5em 1.5em 1.5em 1.5em;
  text-align: center;
}

.debate-frame .textbox a {
	color: #fff;
	text-decoration: underline;
} 

.reference-list {
	line-height : 1.5em;	
} 

.reference-list ol {
	padding-left: 2em;
}

.reference-list .card-body li {
	margin-bottom: 2em;
}

.reference-title { 
	font-weight: 600;
	font-style: italic;
}

.reference-abstract { 
	color: #707070;	
	font-size: 1rem;
	margin-top: 0.5em;
}

.blog-author {
  padding-top: 20px;
}
.blog-author .author-name {
  font-weight: 700;
}
.blog-author em {
  display: block;
  line-height: 1.0;
}

/* blog responsive behaviour */
.blog-container {		
}
@media screen and (min-width: 1650px) {
	.blog-container {
		width:85%;
		margin:auto;
	}
}
	
@media screen and (max-width: 1199px) {
	.blog-wrapper {
	}
	.blogtextbox {
		border-bottom: 1px solid #DDD;
		padding-bottom: 1rem;
	}
	.blogsidebox {
	}
}
@media screen and (min-width: 1200px) {
	.blog-wrapper {
	   background-color: #EEE;
	}
	.blogtextbox {		
		background-color: #FFF;
		box-shadow: 0px 0px 0.125em #888;
		padding:1.5rem;
		border-radius: 0.3rem;
	}
	.blogsidebox {		
		background-color: #FFF;
		box-shadow: 0px 0px 0.125em #888;
		padding:1rem;
		border-radius: 0.3rem;
	}
}

/*------------------------------------------------*/
/*	Page: Legal Pages
/*------------------------------------------------*/

.legal {
	line-height: 1.6; 
}

.legal h1 { color: #094d6e; }

.legal h1, .legal h2, .legal h3 {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.legal li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 0.5em;
}

/*------------------------------------------------*/
/*	Page: Error Page
/*------------------------------------------------*/

.page-error {
  padding: 2em 0 6em 0;
}
.page-error h1 {
  font-size: 6em;
  line-height: 1;
}

/* ----------------------------------------------------- */
/* HELPERS / MISC
/* ----------------------------------------------------- */

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.text-responsive {
  font-size: calc(100% + 1vw + 1vh);
}

.invert-color {
    filter: invert(100%);
}

p.pullquote {
	margin-left: 2em;
	margin-right: 2em;
    font-size: 1.2em;
}

.round-icon {
  display: inline-block;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  padding-top: 0.65em;
  margin-top: -0.3em;
  line-height: 1;
  height: 2.5em;
  width: 2.5em;
  text-align: center;
  background-color : #eee;
}
.large-icon {
  font-size: 3rem;
  color: #85b0be;
  margin-top: -1.3rem;
  min-width: 7rem;

}

.icon-textbox {
  margin-left: 6em;
}

.bg-darkoverlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.boderless, .borderless a {
  border: 0 !important;
}

.adaptative-main-col {
}
@media screen and (min-width: 1600px) {
	.adaptative-main-col {
		width: 90%;
		margin: auto;
	}
}

.page-theme h1 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2rem;
}