/* GLOBAL ---------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    /* Monserrat font source : https://fonts.googleapis.com/css?family=Montserrat */
	/* /templates/purity_iii/tpls/blocks/head.php [Line 41] */
	font-family: 'Montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

h1, h2{font-weight: 800; text-shadow: 2px 2px 8px #FFF;}

@media screen and (max-width: 525px){ h3{ font-size:22px; } }

.logo a
{
    background: transparent !important;
}

img.logo-img
{
    max-width: 170px !important;	/* Original value : 160px */
    max-height: 105px !important;
	
	/* Joomla 5 : the logo no longer extends beyond the menu --> Set tan absolute position */
	position: absolute !important;
    z-index: 1000 !important;
	margin-top: -25px !important;
}

/* Increase the logo height on small devices */
img.logo-img-sm{ max-height: 85px !important; }

/* Add a right padding to the site title image */
@media (min-width: 992px) 	 {	img#site_title{ margin-right: 50px; }  }
@media (max-width: 991.98px) {	img#site_title{ margin-right:  5px; }  }

/* Add a top margin to the site title image */
@media (max-width: 1000px) {	img#site_title{ margin-top:  10px; }  }
@media (max-width: 575px)  {	img#site_title{ margin-top:  20px; }  }
#t4-header
{
	border-bottom: none !important;
    background: #222 url(https://neva-tdm.fr/images/background/bg.jpg) top center repeat;
}

/* Hide the dark mode button */
/* #t4-topbar{ display: none !important; }  		/* not working on neva-tdm.fr : the back-to-top button no longer appears :/ */
#t4-topbar{visibility: hidden!important; height: 0px; padding: 0px; margin: 0px; }

/* Reduce the top menu height */
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link { height: 40px !important; }  /* previous value : 80px */
.t4-header .header-wrap { min-height: 60px !important; }

@media (max-width: 575px) {	header.header-block > div.container-xxl{ max-height:  65px !important; }  }

/* Bug fix : on mobile version (landscape orientation), the site_title image is over the menu icon */
#t4-header > header > div > div > div.t4-header-r.d-flex.align-items-center{ z-index: 1000 !important; }


/* Set the drop down menu background to black */
@media (min-width: 992px) { .dropdown-menu.level1.show, .dropdown-menu.level2.show, .dropdown-menu.level3.show {z-index:10000 !important;background: #444444; border-top-left-radius: 0px; border-top-right-radius: 0px; } }
@media (max-width: 991.98px) {	.dropdown-menu.level1.show, .dropdown-menu.level2.show, .dropdown-menu.level3.show {background: #0001;}  .nav-breakpoint-lg .t4-megamenu { background: #444444; 	}	.navbar-toggler {  color: #dee2e6; }}

.dropdown-menu.level1.show li, .dropdown-menu.level2.show li, .dropdown-menu.level3.show li{ border-top:1px #515151 solid; border-bottom:1px #515151 solid;}
.dropdown-menu.level1.show li .item-caret, .dropdown-menu.level2.show li .item-caret, .dropdown-menu.level3.show li .item-caret{ float: right;}

.dropdown-menu.level1.show a, .dropdown-menu.level2.show a, .dropdown-menu.level3.show a { display: inline-block; } /* align left */

@media (min-width: 992px) {
.dropdown-menu.level1, .dropdown-menu.level2, .dropdown-menu.level3{ padding: 16px 24px !important; }
.dropdown-menu-inner ul{ width: 220px !important; }
}

/* Hide 2nd menu on mobile verion */
#triggerButton { display: none !important;	}

/* Enable the stiky top menu on mobile version */
@media (max-width: 575.98px)
{
  .t4-sticky {
    position: sticky !important;
    top: 0 !important;
  }
} 

/* On page load, the background behind the carousel is blue... No idea where this class is added... */
.t4-palette-blue{  background-color: var(--body-link-color) !important;  }


#site_title { max-width: 60%; position: absolute;top: 45px; right: 20px;z-index: 2; }

@media screen and (max-width: 1000px){ .logo-image > a{ max-width: 150px; max-height: 40px; } #site_title { max-width: 50%; top: 35px; right: 20px; } }
@media screen and (max-width: 800px){  .logo-image > a{ max-width: 125px; max-height: 35px; } #site_title { max-width: 50%; top: 38px; right: 20px; } }

/* No longer useful on new template */
/* @media screen and (max-width: 700px){  .logo-image > a{ max-width: 125px; max-height: 35px; } #site_title { max-width: 50%; top: 40px; right: 20px; } } */
/* @media screen and (max-width: 600px){  .logo-image > a{ max-width: 125px; max-height: 35px; } #site_title { max-width: 55%; top: 42px; right: 20px; } } */
/* @media screen and (max-width: 500px){  .logo-image > a{ max-width: 100px; max-height: 28px; } #site_title { max-width: 60%; top: 45px; right: 20px; } } */
/* @media screen and (max-width: 300px){  .logo-image > a{ max-width: 100px; max-height: 28px; } #site_title { max-width: 50%; top: 45px; right: 20px; } } */


.page-masthead
{
	background: none !important;
}	
.page-masthead .row-feature
{
	padding: 10px 0px 0px 0px !important;
}

.t4-content{ background : none !important; }

/* Distance traveled */
.nombre
{
    font-style: oblique;
    font-size: 20px;
    /* float: right; // NOT WORKING ON NEW TEMPLATE */
	position: absolute !important;
	right: 8px !important;
	color: #dee2e6 !important;
	
    margin-top: 3px;
    padding-right: 10px;
}
.kilometer
{
    font-weight: bold;
    font-style: oblique;
    font-family: "Verdana";
    color: #505050;
    font-size: 20px;
    background-color: #dddddd;
    width: 22px;
    text-align: center;
    border-radius: 4px;
    margin-left: 2px;
}
@media screen and (max-width: 991px){ .nombre {	padding-right: 40px;  } }
@media screen and (max-width: 400px){ .nombre {	font-size: 14px; padding-right: 30px;  } .kilometer {	font-size: 14px; width: 18px;  } }
@media screen and (max-width: 330px){ .nombre {	font-size: 12px; padding-right: 30px;  } .kilometer {	font-size: 12px; width: 16px;  } }



/* HOME PAGE - Background image -----------------------------------------------------------------------------------------------------*/
/* .t3-mainnav */
/* {	 */
	/* background-color: #0077bbAA !important; */
/* } */


body
{
	background-image: url(https://neva-tdm.fr/images/background/camera.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
}

.t4-section .t4-section-inner { max-width: 1200px !important; }


/* Phoca Gallery --------------------------------------------------------------------------------------------------------------------*/
div.pg-category-box-info > div { text-align:center !important;}	
div.pg-category-box-info > div > svg { display: none !important; }
div.pg-item-box > figure { margin-bottom: 0px !important; }
div.pg-category-items-box {justify-content: center !important; }

#phocagallery{	margin-top:50px; }
@media screen and (max-width: 900px){  #phocagallery{	margin-top:40px; } }
@media screen and (max-width: 800px){  #phocagallery{	margin-top:30px; } }
@media screen and (max-width: 700px){  #phocagallery{	margin-top:20px; } }
@media screen and (max-width: 600px){  #phocagallery{	margin-top:10px; } }

span.pg-category-box-count { display: none !important; }

#phocagallery .quota-notice
{
	width:100%;
	float:left;
	text-align:justify;
	margin-top:20px;
}


#phocagallery .pg-item-box-title, #phocagallery .pg-category-box-title {     font-size: 110% !important; }



/* Hide Page X/Y */
/* .pagination .counter */
/* { */
	/* display: none !important; */
/* } */

/* Center Pagination (Start) */
/* .pagination-centered */
/* { */
	/* width: 100% !important; */
/* } */

/* .pagination */
/* { */
	/* display: flex !important; */
    /* margin: 20px auto !important; */
/* } */
/* Center Pagination (End) */

/* Set the phoca pagination buttons style */
.pagination .page-item .page-link{ background-color: #ffffff; color: var(--t4-pagination-color); font-weight: 800; }
.pagination .active.page-item .page-link{ background-color: var(--t4-pagination-active-color); color: #ffffff; font-weight: 800; }

/* Reduce the pagination padding and gap */
.pagination, .k-ui-namespace .k-pagination .k-pagination__pages li a
{
	--t4-pagination-padding-x: 0.6rem;
    --t4-pagination-padding-y: 0.175rem;
}
.pagination, .k-ui-namespace .k-pagination .k-pagination__pages li a
{
    gap: 0.3rem;
}


#useful-links >ul > li,
ul.mod-articleslatest li { margin-bottom: 15px !important; }

.pswp__caption__center {text-align: center !important; }

/* Articles -------------------------------------------------------------------------------------------------------------------------*/
/*div.container:has(div.desc-article),*/ .desc-article, div.items-more, .blog-items .item-content {background-color: #fffc; padding: 40px;}
.desc-article .paragraph, .desc-article .line-spacing{ margin-bottom: 15px; text-align: justify; }
.desc-article h1, .desc-article h3, .desc-article h4{ text-align: left; }
.desc-article .intro{ margin-bottom: 40px; }
.desc-article .neva-privacy-notice{ margin-top: 50px; background-color: /*#66ff6644*/ #1112; padding: 10px 20px 15px 20px; font-size: 17px;}
.desc-article .neva-privacy-notice .fa-lightbulb-o{ font-size:28px; color: #ffe680; margin-right:10px; }
.desc-article a{ cursor: pointer; }
.desc-article .colored{ 	color: #0077bbEE; font-weight: 800; }
.desc-article .btn-actions{ margin-top: 25px; margin-bottom: 25px; }

.desc-article .important{ font-weight: 900; color: #005180BB; }

/* Reduce the padding on small devices */
@media (max-width: 400px) { .desc-article { padding: 20px !important;  } }

/* .desc-article li{ margin: 5px 0px; list-style-type: none; } */
/* .desc-article li .fa{ margin-right: 10px; } */

.desc-article .sub-chapter{ padding-left: 25px; }

.desc-article .neva-anchor, .desc-article .neva-anchor:hover{ color: #444444; cursor: default; text-decoration: none}

nav.pagenavigation{ display: table; margin: 0 auto; }
@media screen and (min-width: 768px){ nav.pagenavigation{ margin-bottom: 100px; display: table; margin: 0 auto; } }


div.dga_div_for_1_image_on_the_left .pg-photoswipe { justify-content: left !important; float: left  !important; }
div.dga_div_for_1_image_on_the_right .pg-photoswipe{ justify-content: left !important; float: right !important; }

div.dga_div_for_1_image_on_the_left img.pg-image,
div.dga_div_for_1_image_on_the_right img.pg-image{ max-width: 150px !important; }

@media screen and (max-width: 500px){ div.dga_div_for_1_image_on_the_left img.pg-image, div.dga_div_for_1_image_on_the_right img.pg-image{ max-width: 125px !important; } }
@media screen and (max-width: 400px){ div.dga_div_for_1_image_on_the_left img.pg-image, div.dga_div_for_1_image_on_the_right img.pg-image{ max-width: 100% !important; } }


@media screen and (min-width: 768px){ nav.pagenavigation{ margin-bottom: 100px; display: table; margin: 0 auto; } }

.items-more { margin-bottom: 20px; }
.items-more .nav > li { border-top: 1px solid #eeeeee; }
.items-more .nav > li:hover { background-color: #eeeeee; }

/* set the same style for secondary and primary buttons */
.btn.btn-secondary, .btn.btn-readmore, #infinity-next
{
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
	
	color: #fff !important;
}

.btn.btn-primary:hover, .btn.btn-secondary:hover, .btn.btn-readmore:hover, #infinity-next:hover
{
    background-color: var(--footer-link-hover-color) !important;
    border-color: var(--footer-link-hover-color) !important;
}


/* Articles (infos utiles & contact) ------------------------------------------------------------------------------------------------*/
.item-page.layout-default.no-sidebar .top-article-info, 
.item-page.layout-default.no-sidebar .bottom-article-info {  max-width: 100% !important; }
.bottom-article-info {  clear: both !important; }

.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1,
.page-header h2, .page-header .h2, .categories-list h2, .categories-list .h2
{
    padding: 0px 0px !important;
    text-align: left !important;
	border-bottom: 1px #e9ecef solid;
	margin-bottom: 20px !important;
	text-transform: none !important;
	font-weight: 900 !important;
}

#central > div > p { text-align: justify !important; }


/* Articles (dépenses) --------------------------------------------------------------------------------------------------------------*/

.travel_figures{text-align: justify; }
.travel_figures .boat, .travel_figures .bus, .travel_figures .car, .travel_figures .plane, .travel_figures .taxi, .travel_figures .train{
  display: list-item;
  background: url(https://neva-tdm.fr/images/transport/boat-icon.png) no-repeat center left;
  list-style: none;
  padding: 3px 0px 3px 70px;
  padding-bottom:10px;
  margin-bottom:10px;
}
.travel_figures .bus{
  background: url(https://neva-tdm.fr/images/transport/bus-icon.png) no-repeat center left;
}
.travel_figures .car{
  background: url(https://neva-tdm.fr/images/transport/car-icon.png) no-repeat center left;
}
.travel_figures .plane{
  background: url(https://neva-tdm.fr/images/transport/plane-icon.png) no-repeat center left;
}
.travel_figures .taxi{
  background: url(https://neva-tdm.fr/images/transport/taxi-icon.png) no-repeat center left;
}
.travel_figures .train{
  background: url(https://neva-tdm.fr/images/transport/train-icon.png) no-repeat center left;
}

.travel_figures .india, .travel_figures .nepal, .travel_figures .thailand, .travel_figures .malaisia_singapore, 
.travel_figures .australia, .travel_figures .new_caledonia, .travel_figures .new_zealand, 
.travel_figures .peru , .travel_figures .bolivia , .travel_figures .argentina 
{
  display: list-item;
  background: url(https://neva-tdm.fr/images/countries/Bolivia.png) no-repeat center left;
  list-style: none;
  padding: 3px 0px 3px 70px;
  padding-bottom:10px;
  margin-bottom:10px;
}
.travel_figures .india{
  background: url(https://neva-tdm.fr/images/countries/India.png) no-repeat center left;
}
.travel_figures .nepal{
  background: url(https://neva-tdm.fr/images/countries/Nepal.png) no-repeat center left;
}
.travel_figures .thailand{
  background: url(https://neva-tdm.fr/images/countries/Thailand.png) no-repeat center left;
}
.travel_figures .malaisia_singapore{
  background: url(https://neva-tdm.fr/images/countries/Malaysia_Singapore.gif) no-repeat center left;
}
.travel_figures .australia{
  background: url(https://neva-tdm.fr/images/countries/Australia.png) no-repeat center left;
}
.travel_figures .new_caledonia{
  background: url(https://neva-tdm.fr/images/countries/New_Caledonia.png) no-repeat center left;
}
.travel_figures .new_zealand{
  background: url(https://neva-tdm.fr/images/countries/New_Zealand.png) no-repeat center left;
}
.travel_figures .peru{
  background: url(https://neva-tdm.fr/images/countries/Peru.png) no-repeat center left;
}
.travel_figures .bolivia{
  background: url(https://neva-tdm.fr/images/countries/Bolivia.png) no-repeat center left;
}
.travel_figures .argentina{
  background: url(https://neva-tdm.fr/images/countries/Argentina.png) no-repeat center left;
}

/* Articles (voyage) --------------------------------------------------------------------------------------------------------------------*/
div.neva-article img.gallery-link
{
    /* position: absolute; */
    /* top: 35px; */
    /* right: 45px; */
	max-height:48px;
	max-width:48px;
}

div.com-content-category-blog .pagination {float: none !important; }
div.com-content-category-blog .counter {display: none !important; }

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

/* .t3-footer-sl .t3-module {margin-bottom: 20px !important; } */
h3.module-title
{
    color: #444444 !important;
    margin-bottom: 10px !important;
}

h3.module-title span{ font-weight: bold !important; }

#t4-footnav ul
{
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

/* No background color defined --> not working on mobile devices */
#t4-footnav > div > div > div > div{ background-color: var(--footer-bg-color) !important; }




/* Hide the Joomla copyright */
.footer2 {display: none !important; }

/* Hide the t4 section (contains the custom modules */
.t4-section.custom-modules{ display: none !important;}

/* -- Business View --------------------------------------------------------------------------------------------------------------------*/

/* Set the carousel navigation dots color */
div.owl-carousel .owl-dots .owl-dot.active span {  background-color: var(--body-link-color) !important; }


/* Slideshow : full width   NO LONGER USEFUL ON NEW TEMPLATE (DIFFERENT SLIDESHOW)
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img
{
    min-width:100%;
}
.corporate .slideshow
{
	padding: 0 !important;
}
.corporate .slideshow .container
{
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}


.carousel-caption{ display: none !important; }


@media screen and (max-width: 575px)
{
	.carousel-caption
	{
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		right: 1% !important;
		left: 1% !important;
	}
	.carousel-caption h2
	{
		font-size: 15px !important;
		margin: 0px !important
	}
	.carousel-caption p
	{
		font-size: 10px !important;
		margin: 0px !important
	}
}
@media screen and (min-width: 576px)
{
	.carousel-caption
	{
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		right: 2% !important;
		left: 2% !important;
	}
	.carousel-caption h2
	{
		font-size: 20px !important;
		margin: 0px !important
	}
	.carousel-caption p
	{
		font-size: 14px !important;
		margin: 0px !important
	}
}
@media screen and (min-width: 768px)
{
	.carousel-caption
	{
		padding-top: 5px !important;
		padding-bottom: 35px !important;
		right: 8% !important;
		left: 8% !important;
	}
	.carousel-caption h2
	{
		font-size: 25px !important;
	}
	.carousel-caption p
	{
		font-size: 18px !important;
	}
}
@media screen and (min-width: 992px)
{
	.carousel-caption
	{
		padding-top: 10px !important;
		padding-bottom: 35px !important;
		right: 12% !important;
		left: 12% !important;
	}
	.carousel-caption h2
	{
		font-size: 30px !important;
	}
	.carousel-caption p
	{
		font-size: 25px !important;
	}
}
@media screen and (min-width: 1200px)
{
	.carousel-caption
	{
		padding-top: 20px !important;
		padding-bottom: 30px !important;
		right: 15% !important;
		left: 15% !important;
	}
	.carousel-caption h2
	{
		font-size: 32px !important;
	}
	.carousel-caption p
	{
		font-size: 25px !important;
	}
}
@media screen and (min-width: 1400px)
{
	.carousel-caption
	{
		padding-top: 20px !important;
		padding-bottom: 35px !important;
		right: 20% !important;
		left: 20% !important;
	}
	.carousel-caption h2
	{
		font-size: 35px !important;
	}
	.carousel-caption p
	{
		font-size: 25px !important;
	}
}

*/