@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css");
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{background-color:#fff;font-family:'Josefin Sans',sans-serif;}
p,li{font-size:14px;line-height:1.5;}
h1,h2,h3,h4{color:#002395;font-weight:700;}
h1{font-size:1.5em;}
h2{font-size:1.25em;}
h3{font-size:1em;}
h4{font-size:0.75em;}
.page-header h1{font-size:1.4em;text-transform:uppercase;}
a,a:hover{color:#002395;text-decoration:none;}

#content{padding:0;}
#content > .row{margin:30px 0;}
#content img.float-start{margin:0 20px 20px 0;}
#content .item-page p{text-align:justify;}
#content .published{font-size:12px;font-style:italic;}
@media screen and (max-width:767px){.com-content-article p img{height:auto;width:100%;}}

/****************	Header	******************/
.tophead{display:flex;margin-top:10px;}
.socialmedia{margin-top:10px;}
.socialmedia .fa-ul{float:right;margin:5px 10px;}
.socialmedia li{float:left;margin:2px 6px;}
.socialmedia a:hover{opacity:0.5;}
.form-search{float:right;margin-top:10px;}
#mod-finder-searchword119{border:1px solid #002395;color:#002395;padding:3px;}
#header img{height:auto;width:100%;}
@media screen and (max-width:767px){#header img{max-width:500px;}}


/****************	Off-Canvas Menu	******************/
.show-on-small{display:none;}

/* our menu */
ul.mod-menu ul li a{font-size:14px;}
#siteNav{background-color:inherit;background-image:none;border:none;padding:0;}
#siteNav li a{color:#002395;font-size:13px;padding:5px;text-align:left;}
@media screen and (max-width:767px){#siteNav li a{color:#fff;font-size:16px;}}
@media screen and (max-width:767px){#siteNav ul.menu{background-color:#000;}}
@media screen and (min-width:768px){#siteNav{box-shadow:none;}#siteNav .nav{display:block;}}
@media screen and (min-width:768px) and (max-width:991px){#siteNav li a{font-size:14px;}ul.mod-menu > li:hover > ul{top:35px !important;}ul.mod-menu ul{width:110px !important;}ul.mod-menu ul li a{font-size:12px !important;}}
@media screen and (min-width:992px) and (max-width:1199px){ul.mod-menu > li:hover > ul{top:37px !important;}ul.mod-menu ul{width:130px !important;}ul.mod-menu ul li a{font-size:12px !important;}}
#siteNav ul.mod-menu{float:right;margin:0;padding:0;font-size:0.9em;}
@media screen and (min-width:768px){#siteNav ul.mod-menu{margin-top:65px;}}

	/* second level */
	ul.mod-menu ul{left:-9999em;opacity:0;position:absolute;background:#002395;margin:0;padding:0;top:40px;width:220px;
		/* the transitions */
		-webkit-transition:opacity 500ms ease-in-out, top 500ms ease-in-out;
		-moz-transition:opacity 500ms ease-in-out, top 500ms ease-in-out;
		transition:opacity 500ms ease-in-out, top 500ms ease-in-out;
	}

	ul.mod-menu > li{display:inline-block;vertical-align:middle;position:relative;transition: 0.2s 1s;}
	ul.mod-menu > li > a{color:#fff;display:inline-block;vertical-align:middle;padding:5px 8px;text-transform:uppercase;}
	@media screen and (min-width:768px) and (max-width:991px){ul.mod-menu > li > a{padding:7px 5px !important;}}
	ul.mod-menu > li > a:hover,ul.mod-menu > li:hover > a{background-color:inherit;color:#fff;opacity:0.5;}

	/* setting the visibility */
	ul.mod-menu > li:hover > ul{opacity:1;top:31px;left:0;z-index:50;}
	ul.mod-menu > li > ul > li:hover ul{opacity:1;top:auto;left:100%;}						/****	second level fix 	****/
	ul.mod-menu > li > ul > li:hover ul ul{opacity:0;top:auto;left:100%;}						/****	third level fix 	****/
	ul.mod-menu > li > ul > li > ul > li:hover ul{opacity:1;top:auto;left:100%;z-index:10;}	/****	third level fix 	****/
	@media screen and (min-width:1200px){ul.mod-menu > li > ul > li:hover ul{margin-top:-37px;position:absolute;}}	/****	second level fix 	****/
	@media screen and (min-width:768px) and (max-width:1199px){ul.mod-menu > li > ul > li:hover ul{margin-top:-22px;position:absolute;}}	/****	second level fix 	****/

		/* second and third level */
		ul.mod-menu ul > li{display:block;}
		ul.mod-menu ul > li a{color:#fff !important;display:block;font-size:14px;padding:2px 10px;}
		ul.mod-menu ul > li a:hover{opacity:0.5;}
		ul.mod-menu ul ul li a:hover{background:#3b94d6;}

		/*	fourth level */
		ul.mod-menu ul ul ul > li a{color:#fff !important;display:block;font-size:14px;padding:2px 20px;}

		/* Active and parent classes- using Joomla! menu classes - use the :after pseudo-classes to add images or icon fonts. */
			/* lower levels */
			ul.mod-menu > li.active > a{color:#fff;}

@media screen and (max-width:767px){
	.show-on-small {background-color:#002395;display:block;height:42px;}
	.menuDiv{padding:0;}
	#siteNav ul.mod-menu{left:-302px;width:300px;z-index:10009;line-height:1.8;position:absolute;z-index:9999;border:1px solid #fff; /* resetting and blocking the elements in order to have a large touch surface */
	/* the transitions */
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	}

	/* the open state -  here we are using the CSS 3D Transforms */
	#siteNav ul.mod-menu.menuIsActive{
		background-color:#002395;
		-webkit-transform:translate3d(300px,0,0);
		-moz-transform:translate3d(300px,0,0);
		transform:translate3d(300px,0,0);
		-webkit-overflow-scrolling: touch;
	}

	#siteNav ul.mod-menu ul{display:block;position:static;opacity:1;width:298px;}
	#siteNav ul.mod-menu ul li{text-indent:15px;font-size:0.9em;}
	#siteNav ul.mod-menu > li,#siteNav ul.mod-menu li,#siteNav ul.mod-menu a,#siteNav ul.mod-menu li > a{display:block;width:100%;}

	/* globally reset all paddings */
	ul.mod-menu a{padding:5px 10x !important;}

	/* support for browsers which do not support 3D transforms */
	.no-csstransforms3d ul.mod-menu.menuIsActive {left:0;}

	/* the visibility toggler */
	#menuToggler .icon{background-image:none;color:#fff;display:inline-block;vertical-align:middle;padding:12px;width:26px;height:24px;}
	#menuToggler span{display:inline-block;vertical-align:middle;font-weight:800;font-size:28px;line-height:20px;}
}
/**************		End of Off-Canvas Menus		********************/


/*	Slideshow	*/
.slider-pro .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{border-bottom:5px solid #0093be;}
.slider-pro .sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{border-bottom:13px solid #0093be;}
.slider-pro .sp-thumbnail-title{margin-top:10px;}
.slider-pro .sp-captiontext a,.slider-pro .sp-thumbnail-title, .slider-pro .sp-thumbnail-description{font-family:'Josefin Sans',sans-serif !important;}

/*	Slideshow CK	*/
.slideshowck{margin-top:30px;}

/*	Breadcrumbs	*/
#crumbs{background-color:#002395;padding-top:2px;}
@media screen and (max-width:767px){#crumbs{margin:2px 0;}}
.breadcrumb{background-color:#002395;margin:0;padding:6px 0 !important;}
.breadcrumb>li>span,.breadcrumb>.active,.breadcrumb a{font-size:14px;text-shadow:none;}
.breadcrumb li span,.breadcrumb-item+.breadcrumb-item::before{color:#fff;text-transform:uppercase;}

/*******	Frontpage	*******/

/*	Blog	*/
.blog .blog-item{dislay:inline-block;clear:both;margin-bottom:40px;}

/*	Accordions	*/
.ssl-title, .ssl-title:hover{background-color:inherit;color:#fff;text-align:center;text-transform:uppercase;}
.ssl-title-open{background-color:inherit;}
.ssl-content{background-color:#fff;}
.slider1{background-color:#43BCE0;}
.slider2{background-color:#1AB6DC;}
.slider3{background-color:#00AED5;}
.slider4{background-color:#009FC8;}
.slider5{background-color:#0093BE;}

/*	Parallax	*/
.parallax{padding:0;}
.lgx-parallax-text a{color:#fff;font-size:28px;}
.lgx-parallax-text a i{margin:0 10px -7px 0;}

/*	Infobox		*/
.infobox{padding:30px 0;}
.infobox.inverse{background-color:#63003d;}
.infobox.inverse img{float:right;}
.infobox.inverse h2,.infobox.inverse p,.infobox.inverse a{color:#fff;}
.infobox h2 i{margin:0 10px -7px 0;}
.infobox .text{padding:50px;text-align:justify;}
.infobox h2{font-size:28px;text-align:center;}
@media screen and (min-width:768px) and (max-width:991px){.infobox .text{padding:0;}.infobox h2{font-size:22px;}.infobox p{font-size:14px;}}
@media screen and (max-width:767px){.infobox.inverse img{margin-bottom:30px;}.infobox .text{padding:10px 50px;}}
.infobox .mask{background-image: url('/templates/malaurie/images/Malaurie_Mask.jpg');display:inline-block;height:40px;margin:0 10px -7px 0;width:40px;}
.infobox p{font-size:17px;}
.infobox p a{display:block;text-align:center;}
.infobox a:hover{opacity:0.7;}
.infobox img{height:auto;width:100%;max-width:550px;}

/*	Frontpage news	& News subpage	*/
#frontpage-news{background-color:#0093be;padding:30px 0;}
#frontpage-news .newsflash .col-md-4, .blog .col-md-4{background-color:#fff;margin:10px;padding:10px;}
@media screen and (min-width:768px){#frontpage-news .newsflash .col-md-4, .blog .col-md-4{width:calc((100% - 60px)/3);}}
@media screen and (max-width:767px){#frontpage-news .newsflash .col-md-4, .blog .col-md-4{width:96%;}}
#frontpage-news h2{font-size:30px;text-align:center;}
#frontpage-news h2 a{color:#fff;}
#frontpage-news .newsflash-image img, .blog .item-image img{height:auto;width:100%;}
#frontpage-news h3, .blog h2{font-size:16px;}
#frontpage-news h3 a, .blog h2 a{color:#000;}
#frontpage-news .date, .blog .date{font-size:12px;}
#frontpage-news p, .blog p{font-size:14px;text-align:justify;}
#frontpage-news .readmore a, .blog .readmore a{background:none;border:none;color:#000;font-size:14px;padding:0;}
#frontpage-news h3 a:hover,#frontpage-news .readmore a:hover{opacity:0.7;}

/*	Pagination	*/
.page-link{color:#002395;}
.pagination .btn{background-color:#002395;border-color:#002395;margin:0 4px;}
.pagination .btn:hover{opacity:0.8;}

/*		About		*/
.about img{height:auto;width:200px;}
.about h3{color:#000;font-size:18px;text-align:center;}

/*		Team		*/
.team .ssl-outer{margin-bottom:20px;}

/*		Buttons	*/
.mbuttons{text-align:center !important;}
a.mbutton{border:2px solid #002395;border-radius:6px;color:#002395;display:inline-block;font-size:14px;font-weight:700;margin:4px;padding:6px;text-transform:uppercase;}
a.mbutton:hover{opacity:0.7;}

/*	Footer		*/
#footer{background-color:#999;padding:20px 0;}
#footer p{color:#fff;}
#footer .photocredit{color:#fff;float:right;margin:20px 0;}
@media screen and (min-width:768px){#footer p{display:table;margin:0 auto;}}
#footer h3{font-size:20px;margin:20px 0;text-align:center;text-transform:uppercase;}
#footer h3 a{color:#fff;}
#footer img{border:8px solid #fff;float:left;height:auto;margin-right:10px;width:160px;}
@media screen and (max-width:767px){#footer img{display:block;float:none;margin:0 auto;}#footer p{display:block;text-align:center;}#footer a{float:none;}#footer .photocredit{float:none;}}

/*	Credit		*/
.credit p{font-size:20px;margin:20px 0;text-align:center;}