@charset "UTF-8";

/*
Theme Name: Parlement des Jeunes
Theme URI: https://www.matthieumarce.com/
Author: Matthieu Marcé
Author URI: https://www.matthieumarce.com/
Description: Blank theme
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pdj
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, sticky-post, threaded-comments, translation-ready
*/

* {box-sizing:border-box;-webkit-appearance:none}
html, body {margin:0;padding:0;font-family:"Roboto";font-weight:400;font-style:normal;color:#4f4f4f;font-size:16px}
h1, h2, h3 {margin:0}

.pdj-block-container {position:relative;width:100%;max-width:1140px;margin:auto}
.pdj-block-flex {display:flex;flex-wrap:wrap}
.align-center {align-items:center}

#pdj-header {position:fixed;top:0;left:0;width:100%;background:transparent;padding:20px;z-index:999;transition:all .3s}
#pdj-header.mobile {background:#fff}
#pdj-header.scrolled {background:#184287}
#pdj-header .pdj-block-container {max-width:none}
#pdj-header-logo {width:120px;order:1}
#pdj-header-logo img {width:100px}
#pdj-header-logo .scrolled {display:none}
#pdj-header-menu {width:calc(100% - 120px);order:2;text-align:right}
#pdj-header #menu-menu-principal {margin:0;padding:0;list-style-type:none;margin-left:10px;font-family: "Bebas Neue", sans-serif;}
#pdj-header #menu-menu-principal > li {position:relative;display:inline-block;margin-left:60px;font-size:22px;letter-spacing:1px}
#pdj-header #menu-menu-principal > li a {color:#184287;font-weight:600;text-transform:uppercase;text-decoration:none}
#pdj-header.scrolled #menu-menu-principal > li a {color:#fff}
#pdj-header #menu-menu-principal ul.sub-menu {display:none;position:absolute;top:30px;right:0;width:200px;background:#fff;margin:0;padding:0;list-style-type:none;padding:20px 10px;text-align:left}
#pdj-header.scrolled #menu-menu-principal ul.sub-menu {background:#184287}
#pdj-header #menu-menu-principal ul.sub-menu > li {text-decoration:none;border:1px solid #f7ae83;border-radius:8px;margin-bottom:10px;padding:5px 10px}
#pdj-header #menu-menu-principal ul.sub-menu > li:hover {background:#f7ae83}
#pdj-header #menu-menu-principal ul.sub-menu > li a {color:#f7ae83}
#pdj-header #menu-menu-principal ul.sub-menu > li:hover a {color:#fff}
#pdj-header-partner {width:70px;order:3}
#pdj-header-partner img {width:50px}

#pdj-header-burger {display:none;position: absolute;top: 22px;right: 10px;width: 30px;height: 30px;padding: 4px;transition: .25s;z-index: 10;}
.header-burger-bar {position: absolute;border-radius: 3px;width: 80%;transition: .5s;}
.header-burger-bar-top {height: 1px;background-color: #184287;border-bottom: none;top: 0;}
.header-burger-bar-middle {width:50%;height: 1px;background-color:#184287;top: 8px;}
.header-burger-bar-bottom {height: 1px;background-color:#184287;border-top: none;top: 16px;}
#pdj-header.scrolled .header-burger-bar-top, #pdj-header.scrolled .header-burger-bar-middle, #pdj-header.scrolled .header-burger-bar-bottom {background:#fff}
.header-burger-open .header-burger-bar-top {transform: rotate(45deg) translate(6px,5px);transition: .5s;background-color:#184287}
.header-burger-open .header-burger-bar-middle {transform: translate(230px);transition: .1s ease-in;opacity: 0;background-color:#184287}
.header-burger-open .header-burger-bar-bottom {transform: rotate(-45deg) translate(6px, -5px);transition: .5s;background-color:#184287}
#pdj-header.scrolled .header-burger-open .header-burger-bar-top, #pdj-header.scrolled .header-burger-open .header-burger-bar-middle, #pdj-header.scrolled .header-burger-open .header-burger-bar-bottom {background:#fff}

.pdj-infos {}
.pdj-infos-map {}
.pdj-infos-content {background:#fff !important}

#pdj-footer {background:#184287;padding:80px 0}
#pdj-footer-social {text-align:center}
#pdj-footer-social ul {margin:0;padding:0;list-style-type:none}
#pdj-footer-social li {display:inline-block;margin:0 10px}
#pdj-footer-social li a {color:#fff}
#pdj-footer-nav {text-align:center}
#pdj-footer-nav ul {margin:0;padding:0;list-style-type:none}
#pdj-footer-nav ul li {display:inline-block}
#pdj-footer-nav ul li a {color:#fff;text-decoration:none}

/****************/
/* STRONG TESTI */
/****************/

.strong-view-id-1 {border:1px solid #184287;box-shadow:10px 10px 0 #184287;border-radius:10px}
.strong-view-id-1 .wpmtst-testimonial-content {font-family: "Kalam", cursive;font-weight: 400;font-style: normal;color:#184287}
.strong-view-id-1 .wpmtst-testimonial-field.testimonial-name {font-weight:bold;color:#184287}
.strong-view-id-1:after{content:"";position:absolute;bottom:-19px;left:40px;width:20px;height:20px;background-image:URL('https://dev.leparlementdesjeunes.com/wp-content/uploads/2025/07/bulle-angle.png');background-repeat:no-repeat;background-position:center center;background-size:20px;z-index:1}

@media all and (max-width:1024px){
	
	#pdj-header-logo {width:80px}
	#pdj-header-logo img {width:60px}	
	#pdj-header-partner {order:2}	
	#pdj-header-menu {order:3;width:100%;margin-top:20px;text-align:left}
	#pdj-header #menu-menu-principal > li {display:block;padding:5px 0}
	#pdj-header #menu-menu-principal ul.sub-menu {display:block;position:relative;padding:10px 0 10px 40px;top:0;}
	#pdj-header #menu-menu-principal ul.sub-menu > li {border:0;padding:0}
	
	#pdj-header-burger {display:block}
	#pdj-header-menu {display:none}
	
	.pdj-infos {}
	.pdj-infos-map {order:2 !important}
	.pdj-infos-content {position:relative !important;top:0 !important;left:0 !important;order:1 !important}

}