@font-face {
	font-family: 'Mulish';
	src: url('/fonts/Mulish-VariableFont_wght.ttf') format('truetype');
	font-weight: 200 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Mulish';
	src: url('/fonts/Mulish-Italic-VariableFont_wght.ttf') format('truetype');
	font-weight: 200 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Crimson Pro'; font-style: normal; font-weight: 400; /* Regular weight */
	src: url('/fonts/CrimsonPro-Regular.ttf') format('truetype');
	font-display: swap; /* Ensures text is visible during font loading */
}
@font-face {
	font-family: 'Crimson Pro'; font-style: normal; font-weight: 600; /* SemiBold weight */
	src: url('/fonts/CrimsonPro-SemiBold.ttf') format('truetype');
	font-display: swap; /* Ensures text is visible during font loading */
}

/* Function ****************************************************************************************************/

.clear { clear: both; }

html { font-size:100%; box-sizing:border-box; }*,*:before,*:after { box-sizing:inherit; }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body { margin: 0; padding: 0; overflow-y: scroll; }

  /****************************************************************************************************************/
 /* STRUCTURE ****************************************************************************************************/
/****************************************************************************************************************/

.dp-container { display: flex; flex-direction: row; width: 70%; height: auto; margin: 0 auto;	gap: 2rem; }
.dp-container-Left { width: 35%; height: auto; padding: 1rem; }
.dp-container-right { width: 65%; height: auto;	padding: 0 1rem 1rem 1rem; }
.dp-divider-left { margin: 2rem 0; height: 0.1875rem; border: none; background: #ddd; }
.dp-divider-right { margin: 2rem 0; height: 0.1875rem; border: none; background: #ddd; }
.dp-resource-row { display: flex; width: 100%; margin-top: 2rem; gap: 10%; }
.dp-resource-Left, .dp-resource-right { width: 50%; }
.dp-resource-image-border { width: 100%; height: auto; margin: 0; border: 1px solid gray; }
.dp-resource-image-caption { width: 100%; height: auto; margin-top: 0.1rem; padding: 0.1rem 0; text-align: center; font-family: 'Mulish', sans-serif; line-height: 1.5rem; letter-spacing: 0.06rem; font-size: 0.8rem; text-decoration: none; }

/* All Page Linkes Collors */

.dp-link { color: #aaa; font-weight: 600; text-decoration: none; transition: color 0.25s ease; display: inline-flex; align-items: center; gap: 0.3rem; transition: color 0.25s ease; }
.dp-link:hover, .dp-link:active { color: #000066; }
.dp-link svg { width: 16px; height: 16px; fill: currentColor; }

/* Top Press Contact **********************************************************************************************/

.dp-top-press-contact { display: flex; flex-direction: row; width: 70%; height: height: 7rem; align-items: center; margin: 0 auto; padding: 0.4rem 0; gap: 3rem; font-family: 'Mulish', sans-serif; letter-spacing: 0.06rem; font-size: 0.8rem; text-decoration: none; background-color: #eee; }
.dp-top-press-contact-sub-title { font-family: 'Mulish', sans-serif;  line-height: 1.2rem; letter-spacing: 0.2rem; font-size: 1.3rem; color: #999; text-decoration: none; margin: 0.5rem auto 0 auto; }
.dp-top-press-contact-left { width: 35%; height: auto; padding: 0 1rem; }
.dp-top-press-contact-left p { margin: 0.3rem 0; }

/* Hidden Top Mobile number | Start */
.dp-top-press-contact-inline { display: flex; align-items: center; gap: 0.4rem; height: 1rem; /*margin-bottom: 0.6rem;*/ }
.dp-top-press-contact-inline p { margin: 0; line-height: 1rem; }
#topRevealButton { line-height: 1rem; vertical-align: middle; }
#topPhoneNumber { display: none; margin: 0; padding: 0; line-height: 1rem; font-weight:700; color:#0000aa; }
#topPhoneNumber.revealed { display: inline; margin: 0; padding: 0; line-height: 1rem; font-weight:700; color:#888; }
.dp-top-press-contact-m { font-weight:700; color:#888; }
/* Hidden Mobile number | End */

.dp-top-press-contact-right { width: 65%; height: auto; padding: 1.4rem 1rem 0 1rem; }
.dp-top-press-contact-right-row { display: flex; width: 90%; gap: 5%; align-items: center; }
.dp-top-press-contact-right-row-left { width: 40%; margin-top: 0; /* remove extra push */ line-height: 1rem; }
.dp-top-press-contact-right-row-left p { margin: 0.2rem 0 0 0;  /* kill default big spacing */ }
.dp-top-press-contact-right-row-right { width: 60%; margin-top: 0; font-size: 1.2rem; line-height: 1.2rem; color: #ccc; }

/* Download **********************************************************************************************/

.dp-download { display: flex; flex-direction: row; width: 100%; height: auto; margin-bottom: 0.5rem; padding: 0.2rem 0; gap: 5%; /* was 3.5rem */ justify-content: center; /* added */ font-family: 'Mulish', sans-serif; line-height: 1.5rem; letter-spacing: 0.06rem; font-size: 0.8rem; color: #fff; }
.dp-download-left, .dp-download-right { width: 8.5rem; margin: 0.5rem 0; padding-top: 0.4rem; padding-bottom: 0.4rem; display: inline-flex; gap: 0.5rem; align-items: center; justify-content: center; border: 1px solid #333; border-radius: 0.6rem; text-decoration: none; color: inherit; }
.dp-download-left { background-color: #006600; color: white; }
.dp-download-right { background-color: #0000aa; color: white; }
.dp-download-left:hover { background-color: white; color: #006600; }
.dp-download-right:hover { background-color: white; color: #0000aa; }
.dp-download-left svg, .dp-download-right svg { height: 1.15rem; width: auto; }
.dp-download-left span, .dp-download-right span { margin: 0; }

  /****************************************************************************************************************/
 /* DP Left ******************************************************************************************************/
/****************************************************************************************************************/

/* DP Images ***********************************************************************************************/

.dp-image-section { width: 100%; height: auto; margin: 0.5rem 0; padding: 0.2rem 0; text-align: center; }
.dp-image-couverture { width: 100%; height: auto; border: 1px solid gray; box-shadow: 4px 4px 10px rgba(0,0,0,0.3); }
.dp-image-border { width: 100%; height: auto; margin: 0 0 1rem 0; border: 1px solid gray; }
.dp-image { width: 100%; height: auto; margin: 0 0 1rem 0; }
.dp-image-caption { width: 100%; height: auto; margin-top: 0.5rem; padding: 0.2rem 0; text-align: center; font-family: 'Mulish', sans-serif; line-height: 1.5rem; letter-spacing: 0.06rem; font-size: 0.8rem; text-decoration: none; }

  /****************************************************************************************************************/
 /* DP Right *****************************************************************************************************/
/****************************************************************************************************************/

.dp-title { font-family: 'Mulish', sans-serif; font-style: italic; line-height: 1.5rem; letter-spacing: 0.2rem; font-size: 1.3rem; color: #999; text-decoration: none; margin: 1rem auto 1rem auto; }
.dp-novel-title { margin: 0; font-family: 'Crimson Pro', serif; font-weight: 600; font-size: 3rem; letter-spacing: 0.1rem; color: #444; }
.dp-pen-name {	margin: 0.4rem 0; font-family: 'Mulish', sans-serif; font-weight: 700; font-size: 1.5rem; letter-spacing: 0.06rem; }
.dp-first-paragraphe { margin: 0; font-family: 'Mulish', sans-serif; line-height: 1.5rem; letter-spacing: 0.06rem; text-decoration: none; }
.dp-paragraphe { margin: 0; font-family: 'Mulish', sans-serif; line-height: 1.5rem; letter-spacing: 0.06rem; text-decoration: none; text-indent: 2em; }
.dp-first-paragraphe-italic { margin: 0; font-family: 'Mulish', sans-serif; font-style: italic; line-height: 1.5rem; letter-spacing: 0.06rem; font-size: 1rem; text-decoration: none; margin: 0 0 1rem 0; }
.dp-sub-title { font-family: 'Mulish', sans-serif;  line-height: 1.5rem; letter-spacing: 0.2rem; font-size: 1.3rem; color: #999; text-decoration: none; margin: 0 auto 1rem auto; }
.dp-signature { display: block; width: 100%; text-align: center; font-family: 'Mulish', sans-serif; font-size: 1.3rem; line-height: 1.5rem; letter-spacing: 0.06rem; text-decoration: none; margin: 0 auto 1rem auto; }
.dp-citation { font-family: 'Mulish', sans-serif; font-style: italic; letter-spacing: 0.06rem; text-decoration: none; margin: 0 auto 1rem auto; }

 /* Fiche Presse *****************************************************************************************************/

.dp-fiche-row { display: grid; grid-template-columns: auto 0.12rem 1fr;align-items: end; gap: 0.25rem; padding: 0; font-family: 'Mulish', sans-serif; line-height: 0.9rem; letter-spacing: 0.06rem; font-size: 0.9rem; text-decoration: none; }
.dp-fiche-left { width: 8rem; padding: 0.4rem 0; text-align: right; font-weight: 800; }
.dp-fiche-divider { background-color: #ccc; height: 100%; }
.dp-fiche-right { padding: 0.4rem 0; text-align: left; }
.dp-fiche-horizontal-line { height: 0.1rem; background-color: #ccc; margin: 0 15rem 0 0.5rem; }
.dp-press-contact { font-family: 'Mulish', sans-serif; letter-spacing: 0.06rem; font-size: 1rem; text-decoration: none; }

/* Hidden Bottom Mobile number | Start */

.dp-bottom-press-contact-inline { display: flex; height: 1rem; align-items: center; gap: 0.4rem; }
.dp-bottom-press-contact-m { font-weight:700; color:#888; }
.dp-bottom-press-contact-inline p { margin: 0; }
#bottomRevealButton { vertical-align: middle; line-height: 1; font-weight:700; color:#888; }

/* remove display from here */
#bottomPhoneNumber { vertical-align: middle; line-height: 1; margin: 0; font-weight:700; color:#0000aa; }

/* ONLY control display with classes */
.dp-bottom-press-hidden { display: none; }
.dp-bottom-press-revealed { display: inline; }

/* Hidden Mobile number | End */