@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap"); :root {
--primary-color: #333333;
--gold-color: #215f8b;
--gold-hover: #b08d4b;
--text-body: #555555;
--bg-light: #f8f9fa;
--bg-dark: #242424;
} body {
font-family: 'Trebuchet','Trebuchet MS',Helvetica,Arial,Lucida,sans-serif;
color: var(--text-body);
line-height: 1.6;
}
html, body {
overflow-x: hidden;
width: 100%;
}
h1, h2, h3, h4, h5, h6, .font-serif {
font-family: 'Playfair Display', serif;
color: var(--primary-color);
}
h1 {
font-size: 50px;
color: #FFFFFF!important;
}
h1.text-black {
color: #000 !important;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 2.5rem;
line-height: 1.1;
} .text-gold {
color: var(--gold-color) !important;
}
.bg-primary {
background-color: var(--primary-color) !important;
} .btn-gold {
background-color: var(--gold-color);
border-color: var(--gold-color);
color: #fff;
transition: all 0.3s ease;
}
.btn-gold:hover {
background-color: var(--gold-hover);
border-color: var(--gold-hover);
color: #fff;
transform: translateY(-2px);
} .navbar-nav .nav-link {
color: var(--primary-color);
padding-left: 1rem !important;
padding-right: 1rem !important;
transition: color 0.3s;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
color: var(--gold-color);
}
.dropdown-menu {
border: none;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
border-top: 3px solid var(--gold-color);
} .hero-section {
background-image: linear-gradient(180deg,rgba(51,51,51,0.6) 0%,rgba(51,51,51,0.6) 100%),url(//www.cyriljarnias.fr/wp-content/themes/cyriljarniasfr/images/central-business-district-singapore.jpg.webp)!important;
background-size: cover;
background-position: center;
background-attachment: scroll;
} .letter-spacing-1 {
letter-spacing: 1.5px;
} .ratio {
background-color: #000; } .service-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-card:hover {
transform: translateY(-10px);
box-shadow: 0 1rem 3rem rgba(0,0,0,.1) !important;
}
.icon-box {
width: 80px;
height: 80px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(197, 160, 89, 0.1);
border-radius: 50%;
} .form-control:focus {
box-shadow: none;
border: 1px solid var(--gold-color);
background-color: #fff;
} .grayscale-logos div {
font-weight: bold;
font-family: sans-serif;
letter-spacing: 2px;
filter: grayscale(100%);
transition: opacity 0.3s;
} .small {
font-size: .75em !important;
}  footer div#footer1 {
background-color: var(--primary-color) !important; 
}
footer div#footer2 {
background-color: var(--bg-dark) !important;
} .footer-links a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
transition: all 0.3s ease;
}
.footer-links a:hover {
color: var(--gold-color, #c5a059); padding-left: 5px; } .hover-white:hover {
color: #fff !important;
} .social-icons .btn-outline-light {
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.8);
transition: all 0.3s ease;
}
.social-icons .btn-outline-light:hover {
background-color: var(--gold-color, #c5a059);
border-color: var(--gold-color, #c5a059);
color: #fff;
}  section#contact {
background-image: linear-gradient(45deg,#ffffff 90%,#215f8b 90%)!important;
}
section#about-me-expert {
background-image: linear-gradient(45deg,#ffffff 90%,#215f8b 90%)!important;
}
.dashed {
border-top-width: 10px;
border-top-style: dashed;
}
#contact .form-control, 
#contact .form-select {
background-color: #ffffff;
border: 1px solid #ced4da;
padding: 0.75rem 1rem; border-radius: 4px; } #contact .form-control:focus, 
#contact .form-select:focus {
border-color: var(--gold-color);
box-shadow: 0 0 0 0.25rem rgba(197, 160, 89, 0.25);
background-color: #fff;
} #contact .form-label {
margin-bottom: 0.3rem;
color: var(--primary-color);
} .text-danger {
color: #dc3545 !important;
} .icon-circle {
transition: all 0.3s ease;
background-color: rgba(197, 160, 89, 0.1) !important; }
.icon-circle i {
color: var(--gold-color);
}  .border-gold {
border-color: var(--gold-color) !important;
} .video-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.video-card:hover {
transform: translateY(-5px);
box-shadow: 0 1rem 3rem rgba(0,0,0,.1) !important;
} .video-card .card-img-top {
object-fit: cover;
transition: transform 0.5s ease;
}
.video-card:hover .card-img-top {
transform: scale(1.05);
} .video-overlay {
background-color: rgba(10, 35, 66, 0.4); opacity: 0;
transition: opacity 0.3s ease;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-card:hover .video-overlay {
opacity: 1;
}
.video-overlay i {
transform: scale(0.8);
transition: transform 0.3s ease;
}
.video-card:hover .video-overlay i {
transform: scale(1);
}  .blog-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog-card:hover {
transform: translateY(-5px);
box-shadow: 0 1rem 3rem rgba(0,0,0,.1) !important;
} .blog-card .card-img-top {
object-fit: cover;
transition: transform 0.5s ease;
}
.blog-card:hover .card-img-top {
transform: scale(1.05);
} .bg-gold {
background-color: var(--gold-color) !important;
color: #fff;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 1px;
} .hover-gold {
transition: color 0.3s ease;
}
.hover-gold:hover {
color: var(--gold-color) !important;
}  .press-logo {
max-height: 70px;
max-width: 100%;
width: auto; transition: all 0.3s ease;
mix-blend-mode: multiply;
} .press-logo:hover { transform: scale(1.1);
} .grayscale-logos-container .col-6 {
display: flex;
align-items: center;
justify-content: center;
min-height: 100px; }  .bg-primary {
background-color: var(--primary-color) !important; } .newsletter-form .form-control {
height: 60px; font-size: 1.1rem;
}
.newsletter-form .form-control:focus {
box-shadow: none; background-color: #f8f9fa;
} .newsletter-form .btn-gold {
padding-left: 2rem;
padding-right: 2rem;
text-transform: uppercase;
letter-spacing: 1px;
transition: background-color 0.3s ease;
}
.newsletter-form .btn-gold:hover {
background-color: var(--gold-hover);
}  .icon-box-link {
transition: all 0.3s ease;
border-color: #dee2e6; } .icon-box-link:hover {
border-color: var(--gold-color) !important;
background-color: #fff !important;
transform: translateY(-5px); box-shadow: 0 1rem 3rem rgba(197, 160, 89, 0.2) !important; } .icon-box-link:hover h4 {
color: var(--gold-color);
} .letter-spacing-1 {
letter-spacing: 1px;
}   @media (min-width: 992px) {
.ps-lg-5 {
padding-left: 3rem !important;
}
} .shadow-lg {
box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
} section#page h1 {
color: #000 !important;
}
section#page div.about {
background-image: linear-gradient(45deg,rgba(0,0,0,0) 90%,#215f8b 90%)!important;
}
section#page div.aboutlinks div.wp-block-buttons {
display: block;
margin: 0 auto;
text-align: center;
}
section#page div.whoami {
background-color: #f6f6f6;
padding: 25px;
}
section#page div.logosuniversite img {
width: 25%;
}
section#newsletter h2 {
color: #fff !important;
}
div.sidebar-services {
font-weight: 700;
background-color: #215F8B;
border-bottom-width: 2px;
border-bottom-color: #428BCA;
padding-top: 5px !important;
padding-right: 10px !important;
padding-bottom: 5px !important;
padding-left: 10px !important;
margin-bottom: 5px !important;
width: 100%;
max-width: 100%;
color: #fff !important;
} .pagination .nav-links { display: flex; gap: 10px; }
.pagination .page-numbers { padding: 8px 16px; border: 1px solid #dee2e6; color: #333; text-decoration: none; }
.pagination .page-numbers.current { background-color: #205d86; color: white; border-color: #205d86; } #search-bar-overlay {
height: 100%;
z-index: 10;
transition: transform 0.4s ease, opacity 0.3s ease;
transform: translateY(-110%); opacity: 0;
pointer-events: none;
top: 0;
} #search-bar-overlay.active {
transform: translateY(0); opacity: 1;
pointer-events: auto;
} #menu-main-container {
transition: opacity 0.3s ease;
}
#menu-main-container.hidden {
opacity: 0;
pointer-events: none;
} div#navbarNav {
padding-bottom: 5px !important;
}
#navbarNav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
#navbarNav ul li a {
text-decoration: none;
color: #000;
padding: 8px 15px;
display: block;
}
.navbar {
--bs-navbar-padding-y: 0.2rem !important;
} @media (max-width: 991px) {
#search-bar-overlay {
position: relative !important;
margin-top: 15px;
}
} .btn-aide {
display: inline-block;
background-color: #FFFFFF;
color: #215f8b;
padding: 5px 12px;
text-decoration: none;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-size: 14px;
border: none;
cursor: pointer;
transition: background-color 0.2s ease, color 0.2s ease; 
}
.btn-aide:hover {
color: #FFFFFF !important;
background-image: initial;
background-color: #215F8B;
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1300px !important;
}
}  .bg-section-profil {
background-color: #f4f4f4; 
} .font-serif {
font-family: Georgia, 'Times New Roman', Times, serif;
} .texte-aere p {
line-height: 1.8;
font-size: 1.05rem;
} .btn-bleu-custom {
background-color: #215F8B;
color: #FFFFFF;
border-radius: 0; padding: 10px 24px;
font-size: 0.95rem;
transition: background-color 0.2s ease;
}
.btn-bleu-custom:hover {
background-color: #174261; color: #FFFFFF;
} section#my-vision {
background-size: initial;
background-position: right 0px center;
background-image: linear-gradient(100deg, #215f8b 55%, rgba(0, 0, 0, 0) 45%), url(https://www.cyriljarnias.fr/wp-content/uploads/jarnias-briques.jpg.webp) !important;
}
section#my-vision h2 {
color: #fff !important;
}
section#my-vision p {
color: #fff !important;
}
section#my-vision a.btn-custom {
color: #215F8B !important;
background-color: #FFFFFF;
border-radius: 0px !important;
}
section#my-vision a.btn-custom:hover {
background-color: #215F8B !important;
color: #fff !important;
}
section#formation-parcours {
background-size: initial;
background-position: right 0px center;
background-image: linear-gradient(100deg, #215f8b 75%, rgba(0, 0, 0, 0) 25%), url(https://www.cyriljarnias.fr/wp-content/uploads/jarnias-briques.jpg.webp) !important;
}
section#formation-parcours h2 {
color: #fff !important;
}
section#formation-parcours p {
color: #fff !important;
}
section#formation-parcours a.btn-custom {
color: #215F8B !important;
background-color: #FFFFFF;
border-radius: 0px !important;
}
section#formation-parcours a.btn-custom:hover {
background-color: #215F8B !important;
color: #fff !important;
} :root {
--blue-dark: #1f5c88;
--blue-light: #2087c9;
--bg-gray: #f4f5f7;
} .testimonial-container {
background-color: var(--bg-gray);
padding: 40px;
} .testimonial-photo-wrapper {
display: inline-block;
}
.testimonial-photo-wrapper img {
max-width: 160px;
height: auto;
display: block;
} .testimonial-quote-box {
border-left: 5px solid var(--blue-dark);
padding-left: 20px;
} .testimonial-text {
font-family: Arial, sans-serif;
font-size: 1.05rem;
line-height: 1.6;
color: #000;
margin-bottom: 1.5rem;
} .testimonial-author-name {
color: var(--blue-light);
font-family: Arial, sans-serif;
font-size: 1.05rem;
}
.testimonial-author-title {
color: #000;
font-family: Arial, sans-serif;
font-size: 1.05rem;
} .btn-buttomcustomized {
display: inline-block;
background-color: #205d86;
color: #ffffff;
font-size: 14px;
padding: 8px 12px;
border-radius: 0;
border: none;
text-decoration: none;
text-align: center;
cursor: pointer;
transition: background-color 0.3s ease-in-out; 
}
.btn-buttomcustomized:hover,
.btn-buttomcustomized:focus {
background-color: #000000;
color: #ffffff;
text-decoration: none;
} #footer1 {
background-color: #333333;
}
#footer2 {
background-color: #262626;
} .footer-links a {
color: #ffffff;
text-decoration: none;
font-size: 14px;
transition: color 0.2s ease-in-out;
}
.footer-links a:hover {
color: #cccccc;
} .social-icons a {
color: #ffffff;
font-size: 1.2rem;
transition: opacity 0.2s;
}
.social-icons a:hover {
opacity: 0.7;
} .footer-bottom-link {
color: #ffffff;
text-decoration: none;
transition: opacity 0.2s;
}
.footer-bottom-link:hover {
opacity: 0.7;
} #scrollTopBtn {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 9999;
width: 45px;
height: 45px;
background-color: #333;
color: white;
border: none;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
transition: opacity 0.3s ease, transform 0.3s ease;
opacity: 0.8;
}
#scrollTopBtn:hover {
opacity: 1;
transform: translateY(-3px);
}
.card-press {
border: 1px solid #f4f4f4;
border-radius: 10px;
text-align: center;
padding: 25px;
}
div.btn-press a {
display: inline-block !important;
background-color: #205d86 !important;
color: #ffffff !important;
font-size: 14px !important;
padding: 8px 12px !important;
border-radius: 0 !important;
border: none !important;
text-decoration: none !important;
text-align: center !important;
cursor: pointer !important;
transition: background-color 0.3s ease-in-out !important;
border-radius: 0px !important;
box-shadow: none !important;
text-decoration: none !important;
}
div.btn-press a:hover,
div.btn-press a:focus {
background-color: #000000 !important;
color: #ffffff !important;
text-decoration: none !important;
}
section#press .is-layout-flex {
display: inline-flex !important;
text-align: center !important;
} .navbar-custom-shadow {
border-bottom: none !important; 
box-shadow: 
0 2px 4px rgba(0, 0, 0, 0.04), 
0 8px 15px rgba(0, 0, 0, 0.08) !important;
}
#mega-menu-wrap-primary .mega-menu-toggle {
background-color: #fff !important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
top: 4px !important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
background-color: #212529 !important;
height: 2px !important;
}  .custom-block-goodtoknow,
.custom-block-contact,
.custom-block-audio,
.custom-block-disclaimer,
.custom-block-diagnostic,
.custom-block-example, .custom-block-tip, .custom-block-attention {
padding: 2rem 2.5rem;
border-radius: 12px;
margin: 2rem 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid transparent;
border-left-width: 4px;
} .custom-block-goodtoknow:hover,
.custom-block-contact:hover,
.custom-block-audio:hover,
.custom-block-disclaimer:hover,
.custom-block-diagnostic:hover,
.custom-block-example:hover, .custom-block-tip:hover, .custom-block-attention:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
} .wp-block-group[class*="custom-block-"] p {
color: #4a4a55; line-height: 1.6;
margin-bottom: 1rem;
} .wp-block-group[class*="custom-block-"] p:last-child {
margin-bottom: 0;
} .subtitle-block {
display: inline-block;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
margin-bottom: 0.5rem;
}  .background-goodtoknow {
background-color: #f0f7ff;
border-color: #e0efff;
border-left-color: #0066cc; }
.background-goodtoknow .subtitle-block {
color: #0066cc;
} .background-contact {
background-color: #f5f3fa;
border-color: #ebe7f5;
border-left-color: #6b4c9a;
}
.background-contact .subtitle-block {
color: #6b4c9a;
} .custom-block-audio.background-audio {
background-color: #84b7ba;
border: none;
border-radius: 0;
padding: 3rem 2rem;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: none;
transform: none;
}
.custom-block-audio .audio-title {
color: #ffffff !important;
font-family: Georgia, "Times New Roman", serif;
font-size: 1.8rem;
margin-bottom: 0.5rem;
text-align: center;
line-height: 1.3;
}
.custom-block-audio .audio-author {
color: #ffffff !important;
font-family: system-ui, -apple-system, sans-serif;
font-size: 1rem;
margin-bottom: 2.5rem;
text-align: center;
}
.custom-block-audio .audio-author strong {
font-weight: 700;
}
.custom-block-audio .wp-block-audio {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
.custom-block-audio audio {
width: 100%;
outline: none;
color-scheme: dark;
filter: invert(1) sepia(1) saturate(0) hue-rotate(180deg) brightness(2);
border-radius: 30px;
}
@media (max-width: 768px) {
.custom-block-audio .audio-title {
font-size: 1.4rem;
}
.custom-block-audio.background-audio {
padding: 2rem 1.5rem;
}
} .background-disclaimer {
background-color: #fff8f0;
border-color: #ffeedb;
border-left-color: #d97706;
}
.background-disclaimer .subtitle-block {
color: #d97706;
} .background-diagnostic {
background-color: #f0fdf4;
border-color: #e0f8e9;
border-left-color: #16a34a;
}
.background-diagnostic .subtitle-block {
color: #16a34a;
} .wp-block-table {
margin: 2rem auto;
border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px rgba(32, 93, 134, 0.08); background-color: #ffffff;
} .wp-block-table .wp-block-table {
margin: 0;
box-shadow: none;
border-radius: 0;
} .wp-block-table table {
width: 100%;
border-collapse: collapse;
text-align: left;
margin: 0;
} .wp-block-table thead th {
background-color: #205d86; color: #ffffff; padding: 1.2rem 1.5rem;
font-size: 1.1rem;
font-weight: 600;
border-bottom: 3px solid #15415e; } .wp-block-table tbody td {
padding: 1rem 1.5rem;
color: #334e60; font-weight: 500;
border-bottom: 1px solid #d4e4f0; } .wp-block-table tbody tr:last-child td {
border-bottom: none;
}  .wp-block-table tbody tr:nth-child(odd) {
background-color: #ffffff;
} .wp-block-table tbody tr:nth-child(even) {
background-color: #f4f8fb; 
} .wp-block-table tbody tr:hover {
background-color: #e3eff6; transition: background-color 0.3s ease;
}
.wp-block-table thead th {
border-bottom: 0px !important;
}
.wp-block-table td, .wp-block-table th {
border: 0px !important;
} @media (max-width: 600px) {
.wp-block-table {
display: block;
overflow-x: auto; white-space: nowrap; }
.wp-block-table thead th, 
.wp-block-table tbody td {
padding: 0.8rem 1rem;
font-size: 0.95rem;
}
} .custom-block-keyfigure {
background-color: #f4f8fb;
border-radius: 16px;
padding: 3rem 2rem;
margin: 2rem auto;
box-shadow: 0 10px 30px rgba(32, 93, 134, 0.12);
border-top: 5px solid #205d86;
transition: transform 0.3s ease, box-shadow 0.3s ease;
} .custom-block-keyfigure:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(32, 93, 134, 0.2);
} .custom-block-keyfigure .wp-block-group__inner-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1.5rem;
} .custom-block-keyfigure .strong-number {
display: block;
font-size: 4.5rem; font-weight: 900;
line-height: 1;
letter-spacing: -1px; background: linear-gradient(135deg, #205d86 0%, #3a8ebf 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: #205d86; } .custom-block-keyfigure .strong-number::after {
content: "";
display: block;
width: 80px;
height: 4px;
background-color: #205d86;
margin: 1.5rem auto 0 auto;
border-radius: 2px;
} .custom-block-keyfigure p {
font-size: 1.25rem;
color: #334e60; margin: 0;
line-height: 1.6;
font-weight: 500;
max-width: 600px;
} @media (max-width: 768px) {
.custom-block-keyfigure {
padding: 2rem 1.5rem;
}
.custom-block-keyfigure .strong-number {
font-size: 3rem; word-break: break-all; }
.custom-block-keyfigure p {
font-size: 1.1rem;
}
}  .background-example {
background-color: #f0fdfa;
border-color: #ccfbf1;
border-left-color: #0d9488;
}
.background-example .subtitle-block {
color: #0d9488;
} .background-tip {
background-color: #fffbeb;
border-color: #fef08a;
border-left-color: #ca8a04;
}
.background-tip .subtitle-block {
color: #ca8a04;
} .background-attention {
background-color: #fef2f2;
border-color: #fee2e2;
border-left-color: #dc2626;
}
.background-attention .subtitle-block {
color: #dc2626;
} .custom-block-cards-container {
background-color: #f8fafc; border-radius: 16px;
padding: 3rem 2.5rem;
margin-top: 15px;
margin-bottom: 15px;
} .subtitle-cards {
display: inline-block;
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.2px;
margin-bottom: 1rem;
color: #205d86; }
.custom-block-cards-container p {
color: #4a4a55;
margin-bottom: 2rem;
font-size: 1.1rem;
} .custom-single-card {
background-color: #ffffff;
border: 1px solid #e2e8f0 !important;
border-radius: 12px !important;
padding: 2rem !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
overflow: hidden;
} .custom-single-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #205d86, #3a8ebf);
}
.custom-single-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(32, 93, 134, 0.08); } .custom-single-card .wp-block-heading {
display: block;
color: #205d86;
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 1rem;
margin-top: 0;
}
.custom-single-card p {
font-size: 1rem;
margin-bottom: 0;
} .wp-block-quote.is-style-large {
margin: 3rem 0;
padding: 2.5rem 3rem 2.5rem 4rem;
background-color: #f4f8fb; border: none;
border-left: 5px solid #205d86;
border-radius: 0 16px 16px 0;
position: relative;
box-shadow: 0 5px 20px rgba(32, 93, 134, 0.05);
} .wp-block-quote.is-style-large::before {
content: "«";
position: absolute;
top: 15px;
left: 15px;
font-size: 5rem;
color: rgba(32, 93, 134, 0.1);
font-family: Georgia, "Times New Roman", serif;
line-height: 1;
} .wp-block-quote.is-style-large p {
font-size: 1.2rem;
line-height: 1.7;
color: #334e60;
font-style: italic;
position: relative;
z-index: 1;
margin-bottom: 1.5rem;
} .wp-block-quote.is-style-large cite {
display: block;
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #205d86;
font-style: normal;
}
.wp-block-quote.is-style-large cite::before {
content: "— "; }
.custom-block-cards-container .wp-block-columns {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 1.5rem !important;
}
.custom-block-cards-container .wp-block-column.custom-single-card {
width: 100% !important;
flex-basis: auto !important;
margin: 0 !important;
height: 100%; }
figure.wp-block-image img {
border-radius: 12px;
box-shadow: 0 8px 25px rgba(32, 93, 134, 0.08);
width: 100%;
height: auto;
display: block;
}
figure.wp-block-image .wp-element-caption {
color: #334e60;
font-size: 0.8rem;
line-height: 1.6;
padding: 1.2rem 1.5rem;
text-align: center;
}
.wp-block-image :where(figcaption) {
margin-top: 0px !important;
}
h1.wp-block-heading {
color: #000 !important;
}
b.lwptoc_title {
font-size: 24px !important;
}
div.lwptoc_item {
font-size: 17px !important;
}
aside.sidebar-wrapper {
height: 100% !important;
}
.sidebarcta {
top: 100px !important;
} @media (max-width: 768px) { .custom-block-goodtoknow,
.custom-block-contact,
.custom-block-audio,
.custom-block-disclaimer,
.custom-block-diagnostic,
.custom-block-example,
.custom-block-tip,
.custom-block-attention {
padding: 1.5rem; 
} .custom-block-cards-container {
padding: 2rem 1.5rem;
}
.custom-single-card {
padding: 1.5rem !important;
} .wp-block-quote.is-style-large {
padding: 2rem 1.5rem 2rem 2.5rem;
}
.wp-block-quote.is-style-large::before {
left: 10px;
font-size: 3.5rem;
}
.wp-block-quote.is-style-large p {
font-size: 1.05rem;
}
}
.lwptoc .lwptoc_i {
width: 100% !important;
}
.pagination {
margin-bottom: 15px !important;
} section.bg-section-profil {
text-align: center !important;
}
img.img-medias {
max-width: 300px !important;
}
img.img-aboutme {
max-width: 210px !important;
}
#mega-menu-wrap-primary .mega-menu-toggle {
border-radius: 15px !important;
}
section#my-vision a.d-block span {
display: block;
font-family: 'Playfair Display', serif;
color: var(--primary-color);
font-size: calc(1.275rem + .3vw);
font-weight: 500;
line-height: 1.2;
}
.g-5, .gx-5 {
--bs-gutter-x: 0rem !important;
}
@media (max-width: 1300px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, .main-navigation ul li a {
color: #fff !important;
}
}
@media (max-width: 992px) {
button#search-open {
display: none !important;
}
}
@media (max-width: 768px) {
section#my-vision {
background-color: #215f8b !important;
background-image: initial !important;
}
section#my-vision .text-dark {
color: #fff !important;
}
section#my-vision a.d-block span {
color: #fff !important;
}
section#formation-parcours {
background-color: #215f8b !important;
background-image: initial !important;
}
#scrollTopBtn {
bottom: 15px !important;
right: 15px !important;
width: 40px !important;
height: 40px !important;
font-size: 18px !important;
}
}
@media (min-width: 576px) {
div.container {
width: 100% !important;
max-width: 100% !important;
}
.g-5, .gx-5 {
--bs-gutter-x: 0rem !important;
}
}
@media (min-width: 768px) {
section.bg-section-profil {
text-align: left !important;
}
}
@media (min-width: 992px) {
body {
overflow-x: visible !important;
}
}
@media (min-width: 1200px) {
img.img-aboutme {
max-width: 260px !important;
}
}
@media (min-width: 1400px) {
div.container {
max-width: 1300px !important;
}
}