/*
Theme Name: SZEKELY
Author: Pierrick GRANGIER
Description: SZEKELY
Version: 1.0
*/

/* Reset CSS */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: 0 0;
    /* Préfixes vendeurs */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    /* Ajout des préfixes vendeurs */
    -webkit-line-height: 1.2;
    -moz-line-height: 1.2;
    -ms-line-height: 1.2;
    line-height: 1.2;
    -webkit-letter-spacing: normal;
    -moz-letter-spacing: normal;
    -ms-letter-spacing: normal;
    letter-spacing: normal;
    -webkit-text-align: left;
    -moz-text-align: left;
    -ms-text-align: left;
    text-align: left;
	font-size: 13px;
}
p {
	margin-top: 0;
	padding-top: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: 0 0;
    /* Préfixes vendeurs */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    /* Ajout des préfixes vendeurs */
    -webkit-line-height: 1.2;
    -moz-line-height: 1.2;
    -ms-line-height: 1.2;
    line-height: 1.2;
    -webkit-letter-spacing: normal;
    -moz-letter-spacing: normal;
    -ms-letter-spacing: normal;
    letter-spacing: normal;
    -webkit-text-align: left;
    -moz-text-align: left;
    -ms-text-align: left;
    text-align: left;
	font-size: 13px;
}
/*html,
html a {
    -webkit-font-smoothing: antialiased !important;
}*/

html,
body {
    overflow-x: hidden !important;
}

html {
    overflow-y: scroll;
}
/* cache le footer de wpml */
.otgs-development-site-front-end, .wpml-ls-statics-footer {
    display: none;
}


/* Body styles */
body {
    color: #000;
    background-color: #fff;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
	-moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
	text-size-adjust: none;
}

/* header */
.main-header {
    /* position: fixed;
    top: 0;
    left: 0; */
    width: 100%;
    z-index: 1000;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 10px;
    margin-left: 16px;
}
#menu-menu-1 {
    padding-left: 0;
    margin-top: 0;
}
#menu-menu-2, #menu-menu-3 {
    margin-top: 8px;
}
#menu-menu-1 a {
    text-decoration: underline;
    cursor: none;
    font-size: 20px;
    color: #000;
}
.main-header .menu1 ul li a{
    text-decoration: underline;
    cursor: none;
    font-size: 20px;
}
.main-header .menu1-on a {
    cursor: none;
}
.main-header .menu-item li a {
    font-size: 15px;
    color: #9c9ea0; 
    text-decoration: none;
}

/*  Liens des articles*/
.main-header .menu-item a:hover {
    text-decoration: underline; 
}
.main-header .menu-item a.active-link {
    color: #000;
}

/* Menu 3 */

.main-header .menu3 {
    display: none;
}
.main-header .menu3.menu3-active {
    display: flex;
}

#menu-menu-3 {
    position: relative;
}

#menu-menu-3 .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    width: 250%;
}
#menu-menu-3 .sub-menu [id^="menu-item-"]{
    margin: 0 10%;
}
[id^="menu-item-"]{
    height: 18px;
}
[id^="menu-item-"] a.active{
   color: #000 !important;
   text-decoration: underline !important;
}

#menu-menu-3 .sub-menu.show-sub-menu {
    display: flex !important;
    flex-direction: column;
}

/* Article */
[id^="post-"] {
    display: none;
}
[id^="post-"].show{
    display: flex;
    flex-direction: row;
}
[id^="post-"] .child-level-0{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}
[id^="post-"] p{
    width: 300px;
}
[id^="post-"] img{
    width: 200px;
    height: 200px;
    object-fit: cover;
    cursor: pointer;
}



/* Carousel */

#post-1566{
    flex-direction: column;
}


.swiper-container {
    width: 100%;
    height: auto; /* S'adapte au contenu */
    overflow: hidden;
}

#post-1566 .swiper-wrapper {
    display: flex;
    animation: scroll 20s linear infinite; /* Animation continue de 20s */
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

#post-1566 .swiper-slide {
    text-align: center; /* Centrer le contenu des slides */
    flex: 0 0 auto;
    width: calc((100% - 60px) / 3); /* Ajuste la largeur en fonction de l'espace entre les slides */
    margin-right: 30px; /* Espacement entre les slides */
}

#post-1566 .swiper-slide img {
    display: inline-block;
    width: 500px;
    height: 500px;
    object-fit: cover;
    margin: 0 auto; /* Centrer les images */
}

/* Style pour la modal */
.modal {
    display: none; 
    position: fixed; 
    z-index: 1000; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0, 0, 0, 0.8); 
}

.modal-content {
    margin: 15% auto; 
    display: block;
    width: 80%; 
    max-width: 700px; 
}

.close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

/* pagination */

.pagination {
    text-align: center;
    margin-top: 10px;
}

.page-number {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px;
    cursor: pointer;
}

.page-number.active {
    color: #0000005f;
}

/* NEW STYLE */


.content {
	position: relative;
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.content__language,.content__logo {
	position: relative;
	min-width: 166px;
	padding-right: 10px;
}
.content__menu { position: relative;
	min-width: 166px; padding-right: 10px; }
.content__logo h1 {
	font-weight: normal;
	line-height: 1.24em;
}
.content__logo h1 a {
	color: #000;
	text-decoration: underline;
	font-size: 20px;
}
.content__language a{
	position: relative;
	display: block;
	/*color: #f00;*/
	cursor: pointer;
	color: #9c9ea0;
	text-decoration: none;
	font-size: 15px;
}
.wpml-ls-legacy-list-vertical a {
    display: block;
    text-decoration: none;
    border-bottom: 0px solid transparent;
    padding: 0;
    line-height: 1;
	text-transform: lowercase;
}
.wpml-ls-legacy-list-vertical .wpml-ls-current-language a span {
    color: #000;
	text-decoration: underline;
}
.wpml-ls-legacy-list-vertical a span {
	font-size: 15px;
}
.content__language a:hover span{
	color: #000;
	text-decoration: underline;
}
.content__language .active a{
	color: #000;
	text-decoration: underline;
}
.content__news {
	position: relative;
	padding: 15px;
}
.content__bio, .content__contact__article {
	position: relative;
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 15px;
}
.content__news__article {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 15px;
	margin-bottom: 30px;
}
.content__bio__article {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 15px;
}
.content__news__article__title {
	font-size: 20px;
}
.content__news__article__texte, .content__bio__article__texte {
	position: relative;
	max-width: 250px;
	width: 100%;
}
.content__contact__article__texte {
	position: relative;
	width: 100%;
}
.content__contact__article__texte hr {
	border: 0;
}
.content__contact__article__colonne {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 30px;
	/*margin-top: 30px;*/
}
.menu__level__1 .content__menu__cat{
	position: relative;
	display: block;
	/*color: #f00;*/
	cursor: pointer;
	color: #9c9ea0;
}
.content__menu__cat, .content__menu__article, .link__menu__article{
	position: relative;
	display: block;
	cursor: pointer;
	color: #9c9ea0;
	font-size: 15px;
	text-decoration: none;
}
.menu__level__2 .content__menu__cat:visited, .menu__level__2 .content__menu__article:visited, .menu__level__2 .link__menu__article:visited {
	color: #ccc;
}
.menu__level__2, .menu__level__3 {
	/*display: none;*/
}

.category .menu__level__2 .content__menu__cat, .category .menu__level__2 .content__menu__article, .category .menu__level__2 .link__menu__article, .menu__level__3 .content__menu__cat, .menu__level__3 .content__menu__article {
	animation-name: anim;
}
@keyframes anim {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.content__menu__cat:hover,.content__menu__article:hover,.link__menu__article:hover{
	color: #000;
	text-decoration: underline;
}
.content__menu__cat.active,.content__menu__article.active{
	color: #000;
	text-decoration: underline;
}
.texte { max-width: 700px; /*width: 100%;*/ }
p.texte { max-width: 350px; }
.image { cursor: pointer; height: 150px; }
.image img { height: 100%; }
.content__diapo {
	position: relative;
	padding: 15px;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 15px;
	width: 100%;
	height: calc(100vh - 300px);
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.content__article.texte .swiper-slide {
	text-align: left;
	font-size: inherit;
	background: #fff;
	display: block;
}
.swiper-pagination {
    position: absolute;
    text-align: left;
    bottom: -4px !important;
}
.swiper-pagination-bullet {
    background: #fff !important;
	opacity: 1 !important;
}
.swiper-pagination-bullet-active {
    opacity: 0.2 !important;
}
.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
h2 { font-size: 1.3em; }
category-contact strong { font-size: 0.9em; }
p a { color: #000; text-decoration: none; }
p a:hover { color: #9c9ea0; text-decoration:underline; }
.link__menu__article.currentItem, .content__menu__cat.currentItem { color:#000 !important; text-decoration: underline !important; }
.big__image img, .content__news__article__image img { max-width: 100%; }