/* Adaptation bécane WEB 2020-02-22 */

/* Général */
/* Hide scrollbar for Chrome, Safari and Opera */
ul#menu-main-2::-webkit-scrollbar {
	display: none;
}
/* Hide scrollbar for IE, Edge and Firefox */
ul#menu-main-2 {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}
.fn-primary-nav.is-visible {
	-webkit-transform: translateY(0) !important;
	-moz-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	-o-transform: translateY(0) !important;
	transform: translateY(0) !important;
}
/* Header */
.fn-logo img {
	display: block;
}
.menu, .site-header {
	display:none;
}
.fn-header.is-fixed {
	position: fixed;
	}
.fn-header a {
	text-decoration:none;
	outline: 0 !important;
}
.fn-primary-nav-trigger {
	float: right;
	margin-top: 71px;
	margin-right: 40px;
}
.fn-primary-nav-trigger .fn-menu-text {
	font-family: 'Work Sans Bold', sans-serif;
	font-size: 40px;
}
.fn-menu-text {
	outline:0 !important;
}
.fn-logo {
	max-width: 170px;
	left: 40px;
	top: 55%;
	display: block;
	position: absolute;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.fn-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1009;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 170px;
	box-shadow: none;
	background-image: linear-gradient(to bottom, #ffffff 60%, rgba(255, 255, 255, 0));
}
/* Niveau parent */
.fn-primary-nav {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	text-align: right;
	-webkit-backface-visibility: hidden !important;
	backface-visibility: hidden;
	overflow: auto;
	-webkit-overflow-scrolling: touch !important;
	-webkit-transform: translateY(-100%) !important;
	-moz-transform: translateY(-100%) !important;
	-ms-transform: translateY(-100%) !important;
	-o-transform: translateY(-100%) !important;
	transform: translateY(-100%) !important;
	-webkit-transition-property: -webkit-transform !important;
	-moz-transition-property: -moz-transform !important;
	transition-property: transform;
	-webkit-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	transition-duration: 0.3s;
	list-style:none !important;
	z-index: 999;
}
.fn-primary-nav a {
	font-family: 'Work Sans Bold', sans-serif;
	font-size: 36px;
	margin: auto;
	letter-spacing: 0px;
	color: #000;
	text-decoration: none !important;
	outline:0;
}
.fn-arrow-down::before, .fn-arrow-up::before {
	font-family: 'Work Sans', sans-serif;
	font-weight: bold;
	font-size: 36px;
	margin-top: 0px;
}
.fn-arrow-down::before {
	content: '\2193';
}
.fn-arrow-up::before {
	content: '\2191';
	color: #ff5a00;
}
ul#menu-main-2.fn-primary-nav {
	padding: 165px 40px 0 40px !important;
}
.mobile-menu .fn-primary-nav li.fn-menu-mobile-parent-item-1024544 a {
	color: #ff5a00;
}
.mobile-menu .fn-primary-nav li.fn-menu-mobile-parent-item-1024544{
	margin-top: 40px !important;
}
/* Pour le testing
.mobile-menu .fn-primary-nav li.fn-menu-mobile-parent-item-1024478, .mobile-menu .fn-primary-nav li.fn-menu-mobile-parent-item-1024482 {
	margin: 40px 0 10px 0 !important;
}
.mobile-menu .fn-primary-nav li.fn-menu-mobile-parent-item-1024508 {
	margin: 0 0 40px 0 !important;
}
*/


/* Niveau enfant */
.fn-primary-nav .fn-mobile-dropdown-content li a {
	font-size: 28px;
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
}
.fn-primary-nav .fn-mobile-dropdown-content li {
	margin: 0px !important;
}
.fn-primary-nav li {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	list-style:none;
	margin-bottom: 10px;
}
.fn-mobile-dropdown-content {
	margin: 0px;
}
/* The container <div> - needed to position the dropdown content */
.fn-secondary-nav > li {
	position: relative;
	display: inline-block;
}
.fn-secondary-nav > ul > li {
	position:relative;
}
/* Dropdown Content (Hidden by Default) */
.fn-secondary-nav > li > ul {
	display:none;
	opacity:0;
	position: absolute;
	min-width: 200px;
	margin:0 !important;
	padding: 0;
}
.fn-secondary-nav > li > ul > li > ul {
	display:none;
	opacity:0;
	left:91%;
	top:0;
	margin-top:-1px;
	width:100%;
	position:absolute;
}
.fn-mobile-dropdown-content {
	display:none;
}
/* responsive */
@media only screen and (min-width: 1170px) {
	.fn-header.is-fixed.is-visible {
		top: -170px;
	}
	.fn-header {
		-webkit-transition: background-color 0.3s;
		-moz-transition: background-color 0.3s;
		transition: background-color 0.3s;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.fn-header.is-fixed {
		position: fixed;
		top: -50px;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
	.fn-header.is-visible {
		-webkit-transform: translate3d(0, 100%, 0);
		-moz-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		-o-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
}
@media only screen and (max-width: 767px) {
	/* Ajustement page lorsque pas de filet sous menu */
	.home .container {
	    margin-top: -50px;
	}
	.single-manifestation .container {
	    margin-top: -10px;
	}
	
	.fn-primary-nav-trigger::after {
 	  	display: block;
  	  	width: 98px;
  	  	height: 1px;
  	  	border-top: solid 2px #000;
    	content: '';
    	margin: 20px auto 20px auto;
	}
	.home .fn-primary-nav-trigger::after, .single-manifestation .fn-primary-nav-trigger::after {
    display: none;
	}
	ul#menu-main-2.fn-primary-nav {
		padding: 100px 40px 0 40px !important;
	}
	.fn-primary-nav a, .fn-primary-nav .fn-mobile-dropdown-content li a, .fn-arrow-down::before, .fn-arrow-up::before {
		font-size: 18px;
	}
	.fn-primary-nav-trigger .fn-menu-text {
		font-size: 30px;
	}
	header {
		height: 245px;
	}
	.fn-header {
		text-align: center;
		height:205px;
		background-image: linear-gradient(to bottom, #ffffff 75%, rgba(255, 255, 255, 0));
}
	.fn-primary-nav-trigger {
		float: none;
		position: relative;
		top: 165px;
		margin: 0 auto;
	}
	.fn-logo {
		top: 40%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.header-apres-scroll .fn-primary-nav-trigger::after, .menu-is-open .fn-primary-nav-trigger::after {
 	  	display: none;
	}
	.header-apres-scroll .fn-logo img, .menu-is-open .fn-logo img {
		max-width: 88px;
	}
	header.header-apres-scroll, header.menu-is-open {
		height: 87px;
	}
	.fn-header.header-apres-scroll, .fn-header.menu-is-open {
		height: 87px;
	}
	.header-apres-scroll .fn-primary-nav-trigger, .menu-is-open .fn-primary-nav-trigger {
		float:right;
		position:initial;
		top: 0;
	  	margin-top: 30px;
	 	margin-right: 40px;
	}
	.header-apres-scroll .fn-logo, .menu-is-open .fn-logo {
		right: 0;
		margin-left: 18px;
	  	top: 57%;
	}
}

/* Formulaire recherche */
.search-form input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #ff5a00;
	opacity: 1;
	/* Firefox */
}
.search-form input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ff5a00;
}
.search-form input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #ff5a00;
}
.search-form {
	display: block;
	position: relative;
}
.search-form form button#searchsubmit {
	height: 46px;
	width: 46px;
	background-color: #ff5a00;
	border: none;
	display: block;
	float: right;
}
.search-form form button:after {
	content: url("https://www.tnp-villeurbanne.com/cms/wp-content/themes/tnp/img/refonte-2020/search/loupe-search-menu-web.svg");
	display: block;
	width: 10px !important;
	position: relative;
	top: 4px;
	left: -1px
}
.search-form form button#searchsubmit:hover {
	background-color: #000;
}
.search-form input {
	padding-right: 20px;
	font-weight: bold;
	font-size: 36px;
	color: #ff5a00;
	border: 1px solid #ff5a00;
	text-align: right;
	max-width: 300px;
	position: relative;
	height: 46px;
}
.search-form input[type="search"] {
border-radius:0;
}

/* Responsive */
@media only screen and (max-width: 767px) {
	.search-form form button#searchsubmit {
		height: 25px;
		width: 25px;
	}
	.search-form form button:after {
		content: url("https://www.tnp-villeurbanne.com/cms/wp-content/themes/tnp/img/refonte-2020/search/loupe-search-menu-20.svg");
		top: 3px;
		left: -5px
	}
	.search-form input {
		padding-right: 10px;
		font-size: 18px;
		max-width: 200px;
		height: 25px;
	}
}