
/*---------------------------------------------------------

	Custom Styles for Inovie v2 & Labs

	# NOTE:
	# do not edit the CSS file, you have to change the generator PHP file
	# this file is generated each time someone saves options in the backend ;)
	#
	# this means you have to save OPTIONS to see it change!

------------------------------------------------------------

+ by MANYFOLD
	- wearemanyfold.com
	- Questions? support@wearemanyfold.com
*/

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/

	/* Foreground */

		/* Basics */
		.black,
		.black a,
		.black a:hover {
			color: #2C3442;
		}

		.white,
		.white a,
		.white a:hover {
			color: #fff;
		}

		.grey,
		.grey a,
		.grey a:hover {
			color: #54565d;
		}

		/* Programmatic Brand Colors */
		.brand-color-1,
		.brand-color-1 a,
		.brand-color-1 a:hover {
			color: #085186;
		}

		.brand-color-2,
		.brand-color-2 a,
		.brand-color-2 a:hover {
			color: #1279ad;
		}

		.brand-color-3,
		.brand-color-3 a,
		.brand-color-3 a:hover {
			color: #6fa3d3;
		}

		.brand-color-4,
		.brand-color-4 a,
		.brand-color-4 a:hover {
			color: #527cb9;
		}

	/* Backgrounds */

		/* Basics */
		.bg-black 	{ background-color: #2C3442; }
		.bg-white 	{ background-color: #ffffff; }
		.bg-grey 	{ background-color: #54565d; }

		/* Programmatic Brand Colors */
		.bg-brand-color-1 { background-color: #085186; }
		.bg-brand-color-2 { background-color: #1279ad; }
		.bg-brand-color-3 { background-color: #6fa3d3; }
		.bg-brand-color-4 { background-color: #527cb9; }

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

	body,
	button,
	input,
	select,
	optgroup,
	textarea,
	blockquote,
	blockquote p:first-child {
		color: #085186;
	}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

	a {
		color: #085186;
	}

	.cta {
		color: #fff;
		background-color: #085186CC;
	}

	.cta:hover {
		background-color: #fff !important;
		color: #085186 !important;
	}

	.cta.reverse {
		color: #fff;
		background-color: #085186;
	}

	.cta.reverse:hover {
		color: #fff;
		background-color: #085186CC;
	}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

	/* Breadcrumbs */
	#breadcrumbs li a {
		color: #2C3442;
	}

	#breadcrumbs li a:hover,
	#breadcrumbs li.current_page_item > a,
	.page-parent #breadcrumbs li.page_ancestor > a {
		background-color: #1279ad;
		color: #fff;
	}

	#breadcrumbs svg * {
		fill: #2C3442;
	}

	#breadcrumbs li:hover svg *,
	#breadcrumbs li.current_page_item svg *,
	.page-parent #breadcrumbs li.page_ancestor svg * {
		fill: #fff;
	}

	/* Blocks */
	.block-wrap .section-header h1:before {
		background-color: #1279ad	}

	/* Block: Text */
	.block-text .section-content p em,
	.block-text .section-content p a {
		color: #1279ad	}

	.block-text .section-content p strong,
	.block-text .section-content p a:hover,
	.block-text .section-content li strong,
	.block-text .section-content li a:hover {
		color: #085186	}

		/* Block Text: Gallery */
		.block-text .gallery .image-mask .svg svg *,
		.block-text .gallery .image-mask .secondary-svg svg .b {
			fill: #6fa3d3		}

		.block-text .gallery .image-mask .secondary-svg svg .c {
			fill: #1279ad		}

		.block-text .gallery .image-mask .secondary-svg svg .d {
			fill: #085186		}

		.block-text .gallery .caption:after {
			background-color: #1279ad		}

	/* Block: Keywords */
	.keywords .icon svg .b {
		fill: #fff;
	}

	.keywords .icon.brand-color-1 svg .a {
		fill: #085186	}

	.keywords .icon.brand-color-2 svg .a {
		fill: #1279ad	}

	.keywords .icon.brand-color-3 svg .a {
		fill: #6fa3d3	}

	/*.keywords .icon.brand-color-4 svg * {
		fill: #527cb9	}*/

	.keywords .description p strong {
		color: #085186	}

	/* Block: Infographics */
	.stats .secondary-svg svg * {
		fill: #000;
	}

	.block-infographics:not(.has-bg) .stats li .svg svg .b {
		opacity: .3;
	}

	.block-infographics:not(.has-bg) .stats li:first-child .svg svg *,
	.block-infographics:not(.has-bg) .stats li:last-child .svg svg *,
	.block-infographics:not(.has-bg) .stats li:first-child .secondary-svg svg *,
	.block-infographics:not(.has-bg) .stats li:last-child .secondary-svg svg * {
		fill: #085186 !important;
	}

	.block-infographics:not(.has-bg) .stats li:nth-child(even):not(:first-child):not(:last-child) .svg svg *,
	.block-infographics:not(.has-bg) .stats li:nth-child(even):not(:first-child):not(:last-child) .secondary-svg svg * {
		fill: #1279ad !important;
	}

	.block-infographics:not(.has-bg) .stats li:nth-child(odd):not(:first-child):not(:last-child) .svg svg *,
	.block-infographics:not(.has-bg) .stats li:nth-child(odd):not(:first-child):not(:last-child) .secondary-svg svg * {
		fill: #6fa3d3 !important;
	}

	.block-infographics:not(.has-bg) .stats li .secondary-svg svg .b {
		opacity: .7;
	}

	.block-infographics:not(.has-bg) .stats li:first-child .prefix,
	.block-infographics:not(.has-bg) .stats li:last-child .prefix,
	.block-infographics:not(.has-bg) .stats li:first-child .counter,
	.block-infographics:not(.has-bg) .stats li:last-child .counter,
	.block-infographics:not(.has-bg) .stats li:first-child .label,
	.block-infographics:not(.has-bg) .stats li:last-child .label {
		color: #085186 !important;
	}

	/* Block: Infographics Full Width */
	.block-infographics.has-bg .stats li .svg svg .b {
		opacity: .3;
	}

	.block-infographics.has-bg .stats li:nth-child(even) .svg svg *,
	.block-infographics.has-bg .stats li:nth-child(even) .secondary-svg svg * {
		fill: #6fa3d3 !important;
	}

	.block-infographics.has-bg .stats li:nth-child(odd) .svg svg *,
	.block-infographics.has-bg .stats li:nth-child(odd) .secondary-svg svg * {
		fill: #1279ad !important;
	}

	.block-infographics.has-bg .stats li .secondary-svg svg .b {
		opacity: .7;
	}

	/* Block: Timeline */
	.block-timeline ul:before {
		background: #6fa3d3;
		background: linear-gradient(180deg, #6fa3d3 0%, #1279ad 50%, #085186 100%);
	}

	.block-timeline.horizontal ul:before {
		background: #6fa3d3;
		background: linear-gradient(-45deg, #6fa3d3 0%, #1279ad 50%, #085186 100%);
	}

	.block-timeline ul li .description,
	.block-timeline ul li:nth-child(odd) .description:before,
	.block-timeline ul li:nth-child(even) .description:after {
		background-color: #6fa3d3;
	}

	.block-timeline ul li .year {
		color: #6fa3d3;
		background-color: #fff;
	}

	.block-timeline ul li .description .label {
		color: #fff;
	}

	.block-timeline ul li .description p {
		color: #085186;
	}

	/* Block: Form */
	#content form input:not([type="button"]),
	#content form textarea {
		/*color: #6fa3d3;*/
		color: #2C3442;
		border-bottom: 1px solid #085186;
	}

	#content form input:not([type="button"]):focus,
	#content form textarea:focus {
		color: #2C3442;
	}

	#content form label {
		color: #2C3442;
	}

	#content form input[type="button"] {
		color: #fff;
		background-color: #6fa3d3;
	}

	#content form input[type="button"]:hover {
		background-color: #085186;
	}

	/* CTA */
	/* .block-cta {
	background-image: url();
	} */

	/* Grid / Damier */
	.block-tiles .section-content > ul > li:nth-child(even) {
		background-color: #fff;
		border-color: #1279ad;
	}

	.block-tiles .section-content > ul > li:nth-child(even) .tile-details .tile-title {
		color: #085186;
	}

	.block-tiles .section-content > ul > li:nth-child(even) .tile-details,
	.block-tiles .section-content > ul > li:nth-child(even) .tile-details p,
	.block-tiles .section-content > ul > li:nth-child(even) .tile-details .link {
		color: #1279ad;
	}

	.block-tiles .section-content > ul > li:nth-child(even) .lab-category li {
		border-color: #1279ad;
	}

	.block-tiles .section-content > ul > li:nth-child(odd) {
		background-color: #085186;
		border-color: #085186;
	}

	.block-tiles .section-content > ul > li:nth-child(odd) .tile-details .tile-title {
		color: #1279ad;
	}

	.block-tiles .section-content > ul > li:nth-child(odd) .tile-details,
	.block-tiles .section-content > ul > li:nth-child(odd) .tile-details p,
	.block-tiles .section-content > ul > li:nth-child(odd) .tile-details .link {
		color: #fff;
	}

	/* Tabs */
	.section-content .tabs-controller li:not(.active):hover a {
		color: #fff;
	}

	.section-content .tabs-controller li:nth-child(odd) a {
		border-color: #6fa3d3 !important;
	}

	.section-content .tabs-controller li:nth-child(even) a {
		border-color: #1279ad !important;
	}

	.section-content .tabs-controller li:nth-child(odd) a:hover,
	.section-content .tabs-controller li:nth-child(odd).active a {
		background-color: #6fa3d3;
	}

	.section-content .tabs-controller li:nth-child(even) a:hover,
	.section-content .tabs-controller li:nth-child(even).active a {
		background-color: #1279ad;
	}

	/* Organigramme */
	#organigramme .tab-section ul li:nth-child(odd) {
		background-color: #6fa3d3;
	}

	#organigramme .tab-section ul li:nth-child(even) {
		background-color: #085186;
	}

	#organigramme #services-supports-tab-contents .tab-section ul li:nth-child(odd) {
		background-color: #1279ad;
	}

	#organigramme #services-supports-tab-contents .tab-section ul li.tab-subtitle,
	#organigramme #services-supports-tab-contents .tab-section ul li.tab-subtitle-filler,
	#organigramme .tab-section ul li.tab-subtitle,
	#organigramme .tab-section ul li.tab-subtitle-filler {
		background-color: #085186;
	}

	#organigramme .tab-section ul li:nth-child(even) .details {
		color: #fff;
	}

	#organigramme .tab-section ul li:nth-child(odd) .details:before {
		border-right: 10px solid #6fa3d3;
	}

	#organigramme .tab-section ul li:nth-child(even) .details:before {
		border-right: 10px solid #085186;
	}

	#organigramme #services-supports-tab-contents .tab-section ul li:nth-child(odd) .details:before {
		border-right: 10px solid #1279ad;
	}

	.faq-catname { color: #527cb9; }
	.col.text-col.black .qa-faq-anchor { color: #085186; }
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

	.site-header #navigation li a {
		color: #085186;
	}

	.site-header #navigation li.highlight a {
	    color: #fff !important;
		background: #085186 !important;
	    padding: 5px;
	    border-radius: 4px;
	}

	.site-header #navigation li a:hover,
	.site-header #navigation li.current-menu-item a,
	.site-header #navigation li.current-page-ancestor:not(.current-page-parent) a {
		color: #085186;
		border-bottom-color: #085186;
	}

	.site-header #navigation li.highlight:hover a {
		color: #085186 !important;
	    background: #fff !important;
	}

	.site-header #navigation li.current-menu-item a,
	.site-header #navigation li.current-page-ancestor:not(.current-page-parent) a {
		border-bottom-color: #085186;
	}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/

	.hero-section .slide .image:before {
		background: #085186;
		background: linear-gradient(90deg, #085186FF 0%, #1279adFF 48.6%, #6fa3d3FF 100%);
		mix-blend-mode: multiply;
	}

	.hero-section .slide .slide-content h1 {
		color: #085186;
	}

	/* Dots */
	.slick-dots:after {
	    background-color: #1279ad;
	}

	.slick-dots li button {
		background-color: #6fa3d3;
	}

	.slick-dots li.slick-active button,
	.slick-dots li button:hover {
		background-color: #085186;
	}

	/* Home Grid */
	#home-grid .home-tile a {
		background: #527cb900;
	}

	#home-grid .home-tile a:hover {
		background: #527cb9D9;
	}
	
	#home-news .slides {
	}

/*--------------------------------------------------------------
# Nos Laboratoires / Notre Groupe
--------------------------------------------------------------*/

	#labs-list .lab-item {
		box-shadow: 0 9px 20px #08518680;
	}

	#labs-list .lab-item .lab-header-wrap {
		background: rgba(26,45,121,0);
	}

	#labs-list .lab-item:hover .lab-header-wrap,
	#labs-list .lab-item .lab-header-wrap:hover {
		background: rgba(26,45,121,.85);
	}
	
	#content .page-template-tm-notre-groupe .gm-style-iw .lab-category li.sites-de-prelevement, #labs-grid .lab-category li.sites-de-prelevement,
	#laboratoires-legende li.sites-de-prelevements span {
		background-color: #085186 !important;
	}

	/* Arrows */

	/* Labs Grid */
		/* Infowindow */
		/*#content .page-template-tm-notre-groupe .gm-style-iw .lab-category li {
			border-color: #1279ad;
		}*/

		#content .page-template-tm-notre-groupe .gm-style-iw .laboratoire-link a {
			color: #1279ad;
		}

		/* Tiles */
		/*#labs-grid li:nth-child(even) .lab-category li {
			border-color: #1279ad;
		}*/

/*--------------------------------------------------------------
# TODO Default Pages (img and download links)
--------------------------------------------------------------*/

	a.ddownload-link {
		background-color: #085186;
	}

	a.ddownload-link:hover {
		background-color: #085186;
	}

	.content-section .section-content a.cta {
	    color:#fff;
		background-color: #085186;
	}
	
/*--------------------------------------------------------------
# Single Lab
--------------------------------------------------------------*/

	/* Content */
	.single-laboratoire .section-content h4 {
		color: #1279ad;
	}

	.single-laboratoire .section-content h5 {
		color: #085186;
	}

	/* Category */

/*--------------------------------------------------------------
# Partenaires
--------------------------------------------------------------*/

	/* Content */
	.page-template-tm-nos-partenaires-php #main > .block-wrap .section-content h2:before {
		background-color: #1279ad	}

	/* Partenaires Grid */
	#partenaires-legende li {
		background-color: #f2f2f2;
	}

	#partenaires-legende li:hover {
		color: #fff;
		background-color: #085186;
	}

	#partenaires-legende li.activeFilter {
		color: #fff;
		background-color: #085186;
	}

	/* Partenaires Grid */
	#partenaires-grid .partenaire .partner-category li {
		color: #fff;
		opacity: .7;
	}

	#partenaires-grid .partenaire:nth-child(even) .partner-category li {
		color: #1279ad;
		opacity: .7;
	}

/*--------------------------------------------------------------
# Carrières
--------------------------------------------------------------*/

	/* Tiles */
	#emplois-grid .emploi .emploi-category li {
		color: #fff;
		opacity: .7;
	}

/*--------------------------------------------------------------
# Single Emploi
--------------------------------------------------------------*/

	/* Back */

	/* Content */
	.single-emploi .emploi .post-info {
		background-color: #085186;
	}

	.single-emploi .emploi p,
	.single-emploi .emploi span {
		color: #fff;
	}

	.single-emploi .emploi .post-tags a {
		color: #1279ad;
	}

	.single-emploi .emploi .post-title,
	.single-emploi .emploi .post-title:hover {
		color: #6fa3d3;
	}

	.single-emploi .emploi .post-summary .description-title {
		color: #6fa3d3;
	}

	.single-emploi .emploi .post-summary h3 {
		color: #1279ad;
	}

	.single-emploi .emploi .post-details .post-details-item:before {
		background-color: #1279ad;
	}

	.single-emploi .emploi .post-details strong {
		color: #6fa3d3;
	}

/*--------------------------------------------------------------
# Actualités
--------------------------------------------------------------*/

	#news-posts .post-read-more {
		color: #fff;
		background-color: #085186;
	}

	/* Sidebar */
	#news-sidebar #search-form input[type="search"],
	#news-sidebar #search-form input[type="text"] {
		color: #085186;
	}

	#news-sidebar #search-form input[type="search"]::-webkit-input-placeholder {
		color: #085186;
	}

	#news-sidebar #search-form input[type="search"]:-moz-placeholder {
		color: #085186;
	}

	#news-sidebar #search-form input[type="search"]::-moz-placeholder {
		color: #085186;
	}

	#news-sidebar #search-form input[type="search"]:-ms-input-placeholder {
		color: #085186;
	}

	#news-sidebar .post-tags li a:hover {
		color: #085186;
	}

	/* Breadcrumbs */
	.archive #breadcrumbs li a,
	.search #breadcrumbs li a {
		color: #fff;
		opacity: .6;
	}

	.archive #breadcrumbs span,
	.search #breadcrumbs span {
		color: #fff;
	}

	.archive #breadcrumbs li a:hover,
	.search #breadcrumbs li a:hover {
		background-color: transparent;
		opacity: 1;
		color: #fff;
	}

/*--------------------------------------------------------------
# Contact Forms
--------------------------------------------------------------*/

	.nf-response-msg p {
	    background:#085186;
	}

/*--------------------------------------------------------------
# Error
--------------------------------------------------------------*/

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

	.site-footer #footer-navigation li a:hover,
	.site-footer #footer-navigation li.current-menu-item a {
		color: #085186;
	}

	.site-footer #footer-navigation li.current-menu-item a,
	.site-footer #footer-nnavigation li.current-page-ancestor:not(.current-page-parent) a {
		color: #085186;
	}

/* Custom CSS */

/* color overrides */
body { color:#5b5b5b; }
.home .site-branding { max-width:260px; }
#home-news .slides { background:#AFDDED; }
#home-news .slides p, #home-news .slides a, #home-news .slides a.home-news-slide-title { color:#fff !important; }
.hero-section .slide .image:before { background:linear-gradient(180deg, #ffffff 10%, #527CB9cc 80%, #085186cc 100%); }
.block-tiles .section-content ul li:nth-child(odd) { background-color: #085186cc; } 
.block-tiles .section-content ul li:nth-child(odd) * { color: #5b5b5b; }
.section-content .tabs-controller li:nth-child(even) a { color:inherit; } 
.section-content .tabs-controller li a.active { color:#fff; } 
.section-content .tabs-controller li:nth-child(even) a:hover, .section-content .tabs-controller li:nth-child(even).active a { color:#fff; } 
.section-content .tabs-controller li:nth-child(odd) a:hover, .section-content .tabs-controller li:nth-child(odd).active a { color:#fff !important; } 
/* bump nav size */
.site-header #navigation li a { font-size:15px; line-height:18px; } 
/* hide bio portraits on labs */
.single-laboratoire .section-content .lab-biologistes  .biologiste-portrait { display:none !important; }
.single-laboratoire .section-content .lab-biologistes .col-wrap { flex-direction:column; } 
.single-emploi .emploi .post-summary h3 { color:#fff; font-weight:bold; }