.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url(//www.trimardeau.com/wp-content/themes/trimardeau/node_modules/normalize.css); .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-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);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@font-face {
font-family: "Matter";
src: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/fonts/Matter/Matter-Medium.woff2);
font-weight: normal;
font-display: swap;
}
@font-face {
font-family: "Matter";
src: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/fonts/Matter/Matter-Bold.woff2);
font-weight: bold;
font-display: swap;
}
@font-face {
font-family: "Matter";
src: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/fonts/Matter/Matter-Light.woff2);
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: "Matter";
src: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/fonts/Matter/Matter-LightItalic.woff2);
font-weight: 300;
font-style: italic;
font-display: swap;
}
:root {
--color-primary: #1cbac8;
--color-secondary: #f45b32;
--color-dark: #2a2a46;
--color-darker: #212138;
--color-background: #f7f9fc;
--color-background-darker: #e4ebf5;
--padding-section: 3rem;
--responsive-breakpoint: 991.98px;
}
@media (max-width: 991.98px) {
:root {
--padding-section: 1.5rem;
}
}
html, body {
margin: 0;
padding: 0;
}
body {
font-size: 18px;
font-weight: 300;
line-height: 1.6em;
color: var(--color-dark);
width: 100%;
font-family: system-ui, sans-serif;
}
h1, h2, h3, .newsletter-popup .newsletter-popup-inner .newsletter-text .newsletter-title, h4, h5, h6, input, select, textarea {
font-family: "Matter", sans-serif;
}
* {
box-sizing: border-box;
}
a {
text-decoration: none;
color: var(--color-primary);
}
p {
margin: 0;
}
figure {
margin: 0;
}
img {
max-width: 100%;
height: auto;
}
h1, h2, h3, .newsletter-popup .newsletter-popup-inner .newsletter-text .newsletter-title, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: bold;
}
h1 strong, h2 strong, h3 strong, .newsletter-popup .newsletter-popup-inner .newsletter-text .newsletter-title strong, h4 strong, h5 strong, h6 strong,
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong {
color: var(--color-primary);
}
h1, .h1 {
font-size: 3rem;
line-height: 1.1em;
}
@media (max-width: 991.98px) {
h1, .h1 {
font-size: 2rem;
}
}
h2, .h2 {
font-size: 2.4rem;
line-height: 1.1em;
}
@media (max-width: 991.98px) {
h2, .h2 {
font-size: 1.8rem;
}
}
h3, .newsletter-popup .newsletter-popup-inner .newsletter-text .newsletter-title, .h3 {
font-size: 1.4rem;
line-height: 1.1em;
}
@media (max-width: 991.98px) {
h3, .newsletter-popup .newsletter-popup-inner .newsletter-text .newsletter-title, .h3 {
font-size: 1.2rem;
}
}
h4, .h4 {
font-size: 1.2rem;
line-height: 1.1em;
}
@media (max-width: 991.98px) {
h4, .h4 {
font-size: 1rem;
}
}
@media (max-width: 991.98px) {
iframe {
width: 100%;
height: 250px;
}
}
.container {
display: block;
padding-left: 15px;
padding-right: 15px;
margin: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
@media (min-width: 1400px) {
.container {
width: 1370px;
}
}
.header .header-inner {
padding: 1rem 0;
display: flex;
flex-direction: row;
align-items: center;
font-weight: normal;
}
.header .header-inner .logo-container {
flex: 1;
}
.header .header-inner .logo {
color: var(--color-dark);
}
.header .header-inner .logo .company-name {
font-size: 1.5rem;
line-height: 1em;
font-family: "Matter", sans-serif;
}
.header .header-inner .logo .company-name:after {
content: "";
width: 50px;
height: 2px;
background-color: var(--color-primary);
display: block;
margin: 5px 0;
border-radius: 5px;
transition: all 200ms ease-in-out;
}
.header .header-inner .logo .company-tagline {
font-size: 0.8em;
font-weight: 300;
font-style: italic;
line-height: 1em;
}
.header .header-inner .logo:hover .company-name:after {
background-color: var(--color-dark);
}
.header .navigation {
display: flex;
flex-direction: row;
gap: 1rem;
align-items: center;
}
@media (max-width: 991.98px) {
.header .navigation {
background-color: #FFF;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 30px;
padding: 2rem;
}
}
.header .navigation ul, .header .navigation li {
list-style: none;
margin: 0;
padding: 0;
}
.header .navigation ul {
display: flex;
flex-direction: row;
align-items: center;
gap: 2rem;
}
@media (max-width: 991.98px) {
.header .navigation ul {
flex-direction: column;
justify-content: flex-start;
position: relative;
}
}
.header .navigation a {
position: relative;
color: var(--color-dark);
display: block;
}
.header .navigation a:after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 0;
background-color: var(--color-primary);
height: 3px;
transition: all 200ms ease-in-out;
border-radius: 5px;
}
.header .navigation a:hover:after {
width: 100%;
}
.header .navigation .btn-contact {
color: #FFF;
margin-left: 1em;
}
@media (max-width: 991.98px) {
.header .navigation .btn-contact {
margin-left: 0;
margin-top: 2em;
}
}
@media (max-width: 991.98px) {
.header .navigation {
display: none;
position: fixed;
top: 80px;
right: 1rem;
z-index: 10;
}
.header .navigation.active {
display: block;
}
}
.header .search-form {
padding-left: 1rem;
}
.header .search-form div {
display: flex;
flex-direction: row;
align-items: center;
background-color: #d2ddee;
border-radius: 50px;
}
.header .search-form input {
border: 0;
outline: none;
box-shadow: none;
height: 40px;
line-height: 40px;
background-color: transparent;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.header .search-form input[type=text] {
text-indent: 1rem;
width: 0;
transition: all 200ms ease-in-out;
}
.header .search-form input[type=submit] {
font-size: 0;
width: 40px;
background-color: var(--color-dark);
border-radius: 50px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/search-w.svg);
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.header .search-form.active input[type=text] {
text-indent: 1rem;
width: 200px;
}
@media (max-width: 991.98px) {
.header .search-form.active input[type=text] {
width: 120px;
}
}
.header .toggle-menu {
width: 40px;
height: 40px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/burger-bar.svg);
background-size: contain;
background-repeat: no-repeat;
display: none;
}
@media (max-width: 991.98px) {
.header .toggle-menu {
display: block;
}
}
.header .close-menu {
width: 60px;
height: 60px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/close.svg);
background-size: 30px;
background-repeat: no-repeat;
background-position: center;
display: none;
position: absolute;
top: -70px;
right: 0;
background-color: #FFF;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 30px;
}
@media (max-width: 991.98px) {
.header .close-menu {
display: block;
}
}
.footer {
padding: var(--padding-section) 0;
background-color: var(--color-dark);
color: #FFF;
}
.footer .footer-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
@media (max-width: 991.98px) {
.footer .footer-inner {
grid-template-columns: 1fr;
gap: 1rem;
}
}
.footer .footer-logo {
color: #FFF;
}
.footer .footer-logo .company-name {
font-size: 1.5rem;
line-height: 1em;
font-family: "Matter", sans-serif;
}
.footer .footer-logo .company-name:after {
content: "";
width: 50px;
height: 2px;
background-color: var(--color-primary);
display: block;
margin: 5px 0;
border-radius: 5px;
transition: all 200ms ease-in-out;
}
.footer .footer-logo:hover .company-name:after {
background-color: #FFF;
}
.footer .contact-info {
display: flex;
flex-direction: column;
gap: 1rem;
}
.footer .contact-info a {
color: #FFF;
display: block;
}
.footer .contact-info .contact-name {
font-weight: normal;
}
.footer .footer-links .footer-title {
font-weight: normal;
margin-bottom: 1rem;
}
.footer .footer-links ul {
padding: 0;
margin: 0;
list-style: none;
}
.footer .footer-links ul a {
display: block;
color: #FFF;
transition: all 200ms ease-in-out;
position: relative;
}
.footer .footer-links ul a:before {
content: "";
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/arrow-down-w.svg);
transform: rotate(-90deg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 14px;
height: 14px;
display: inline-block;
margin-right: 1rem;
}
.footer .footer-links ul a:after {
content: "";
position: absolute;
bottom: -3px;
left: 30px;
width: 0;
background-color: var(--color-primary);
height: 3px;
transition: all 200ms ease-in-out;
border-radius: 5px;
}
.footer .footer-links ul a:hover:after {
width: 50px;
}
.footer .socials {
margin-top: 0.5em;
}
.footer .socials ul, .footer .socials li {
padding: 0;
margin: 0;
list-style: none;
}
.footer .socials ul {
display: flex;
flex-direction: row;
gap: 0.5em;
}
.footer .socials img {
height: 2em;
width: auto;
}
.bottom {
background-color: var(--color-darker);
color: #FFF;
font-size: 0.7em;
}
.bottom .bottom-inner {
line-height: 3em;
display: flex;
flex-direction: row;
gap: 2rem;
}
@media (max-width: 991.98px) {
.bottom .bottom-inner {
flex-direction: column;
gap: inherit;
}
}
.bottom .bottom-inner ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
gap: 2rem;
}
@media (max-width: 991.98px) {
.bottom .bottom-inner ul {
flex-direction: column;
gap: inherit;
}
}
.bottom .bottom-inner ul a {
color: #FFF;
}
.bottom .bottom-inner ul a:hover {
color: var(--color-primary);
}
.btn, .trm-entry-head .trm-entry-category .post-categories a, .trm-single-post .trm-comments .trm-comment-form .comment-form .form-submit input, .trm-newsletter .trm-newsletter-form .trm-newsletter-input-submit, .newsletter-popup .trm-newsletter-form .trm-newsletter-input-submit, .header .navigation .cta a {
display: inline-block;
padding: 0.7rem 1.5rem;
border-radius: 50px;
line-height: 1em;
transition: all 200ms ease-in-out;
font-weight: normal;
text-align: center;
border: none;
outline: none;
box-shadow: none;
cursor: pointer;
}
.btn-primary, .trm-single-post .trm-comments .trm-comment-form .comment-form .form-submit input, .trm-newsletter .trm-newsletter-form .trm-newsletter-input-submit, .newsletter-popup .trm-newsletter-form .trm-newsletter-input-submit, .header .navigation .cta a {
color: #FFF;
background-color: var(--color-primary);
}
.btn-primary:hover, .trm-single-post .trm-comments .trm-comment-form .comment-form .form-submit input:hover, .trm-newsletter .trm-newsletter-form .trm-newsletter-input-submit:hover, .newsletter-popup .trm-newsletter-form .trm-newsletter-input-submit:hover, .header .navigation .cta a:hover {
background-color: var(--color-dark);
}
.btn-light-grey, .trm-entry-head .trm-entry-category .post-categories a {
background-color: var(--color-background);
color: var(--color-dark);
}
.btn-light-grey:hover, .trm-entry-head .trm-entry-category .post-categories a:hover {
background-color: var(--color-dark);
color: #FFF;
}
.btn-l {
font-size: 1.6rem;
padding: 1.2rem 3rem;
}
.btn-xl {
font-size: 2rem;
padding: 1.2rem 3rem;
}
.effect-hover-primary-bar {
position: relative;
}
.effect-hover-primary-bar:before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 0;
background-color: var(--color-primary);
height: 3px;
transition: all 200ms ease-in-out;
border-radius: 5px;
}
.effect-hover-primary-bar:hover:before {
width: 50px;
}
pre {
padding: 3rem;
border-radius: 30px;
background-color: var(--color-dark);
color: #FFF;
overflow-y: scroll;
}
.slick-dots {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
gap: 1rem;
justify-content: center;
margin-top: 2rem;
}
.slick-dots button {
font-size: 0;
width: 30px;
height: 30px;
box-shadow: none;
border: none;
outline: none;
cursor: pointer;
background-color: var(--color-primary);
border-radius: 50px;
transition: all 200ms ease-in-out;
}
.slick-dots .slick-active button {
background-color: var(--color-dark);
}
.post-mini {
display: flex;
flex-direction: row;
gap: 1rem;
}
@media (max-width: 991.98px) {
.post-mini {
flex-direction: column;
}
}
.post-mini .post-thumbnail {
width: 400px;
gap: 1rem;
}
@media (max-width: 991.98px) {
.post-mini .post-thumbnail {
max-width: 100%;
width: inherit;
height: auto;
}
}
.post-mini .post-thumbnail img {
border-radius: 30px;
}
.post-mini .post-infos {
flex: 1;
}
.post-mini .post-title {
color: var(--color-dark);
font-weight: bold;
}
.post-mini .post-metas {
font-size: 0.8em;
font-style: italic;
}
.trm-breadcrumbs {
border-bottom: 1px solid var(--color-background);
font-size: 0.8em;
margin-bottom: 1rem;
}
.trm-breadcrumbs ol {
margin: 0;
padding: 0;
}
.trm-sidebar {
width: 340px;
position: relative;
}
.trm-sidebar .trm-sidebar-inner {
padding-top: 3rem;
padding-bottom: 1rem;
position: absolute;
top: 0;
right: 0;
left: 0;
display: flex;
flex-direction: column;
gap: 3rem;
}
@media (max-width: 991.98px) {
.trm-sidebar .trm-sidebar-inner {
position: relative;
}
}
.wpcf7-form-control-wrap {
margin-bottom: 1rem;
display: block;
}
.wpcf7-form-control-wrap .wpcf7-form-control {
display: block;
padding: 15px;
background-color: #FFF;
border: 1px solid rgba(0, 0, 0, 0.05);
width: 100%;
border-radius: 30px;
text-indent: 1rem;
font-family: "Matter", sans-serif;
}
.wpcf7-form-control-wrap .wpcf7-form-control:focus {
outline-color: var(--color-primary);
}
.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox {
text-indent: 0;
}
.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
display: block;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
font-size: 0.7em;
padding-left: 2rem;
}
.lds-ripple {
display: inline-block;
position: relative;
width: 36px;
height: 36px;
}
.lds-ripple div {
position: absolute;
border: 2px solid var(--color-primary);
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes lds-ripple {
0% {
top: 18px;
left: 18px;
width: 0;
height: 0;
opacity: 0;
}
4.9% {
top: 18px;
left: 18px;
width: 0;
height: 0;
opacity: 0;
}
5% {
top: 18px;
left: 18px;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: 0px;
left: 0px;
width: 36px;
height: 36px;
opacity: 0;
}
}
.newsletter-popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
align-items: center;
justify-content: center;
display: none;
}
@media (max-width: 991.98px) {
.newsletter-popup {
align-items: flex-end;
}
}
.newsletter-popup.active {
display: flex;
}
.newsletter-popup .newsletter-popup-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.newsletter-popup .newsletter-popup-inner {
width: 600px;
padding: 10px;
border-radius: 30px;
background-color: #FFF;
position: relative;
box-shadow: rgba(100, 100, 111, 0.3) 0 7px 29px 0;
display: flex;
flex-direction: row;
gap: 20px;
}
@media (max-width: 991.98px) {
.newsletter-popup .newsletter-popup-inner {
border-radius: 0;
gap: 10px;
}
}
.newsletter-popup .newsletter-popup-inner .newsletter-illustration {
border-radius: 30px;
width: 30%;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/img/newsletter-concept.jpg);
background-size: cover;
background-position: center;
}
@media (max-width: 991.98px) {
.newsletter-popup .newsletter-popup-inner .newsletter-illustration {
border-radius: 15px;
}
}
.newsletter-popup .newsletter-popup-inner .newsletter-text {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
}
.newsletter-popup .newsletter-popup-inner .newsletter-text .close {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/close.svg);
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
opacity: 0.5;
transition: all 200ms ease-in-out;
}
.newsletter-popup .newsletter-popup-inner .newsletter-text .close:hover {
opacity: 1;
}
.newsletter-popup .newsletter-popup-inner .newsletter-text .newsletter-title {
padding-right: 40px;
}
.newsletter-popup .trm-newsletter-form {
position: relative;
}
.newsletter-popup .trm-newsletter-form .inputs {
width: 100%;
display: flex;
flex-direction: row;
}
.newsletter-popup .trm-newsletter-form .trm-newsletter-input-email, .newsletter-popup .trm-newsletter-form .trm-newsletter-input-submit {
height: 50px;
line-height: 50px;
font-family: "Matter", sans-serif;
}
.newsletter-popup .trm-newsletter-form .trm-newsletter-input-email {
flex: 1;
border-radius: 50px 0 0 50px;
outline: none;
box-shadow: none;
background-color: var(--color-background);
text-indent: 1rem;
border: 2px solid rgba(0, 0, 0, 0.08);
border-right: 0;
}
.newsletter-popup .trm-newsletter-form .trm-newsletter-input-submit {
padding: 0 1rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.newsletter-popup .trm-newsletter-form .loader, .newsletter-popup .trm-newsletter-form .success {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #FFF;
border-radius: 30px;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-right: 2rem;
padding-left: 1rem;
display: none;
}
.newsletter-popup .trm-newsletter-form .loader .icn.check, .newsletter-popup .trm-newsletter-form .success .icn.check {
display: block;
width: 36px;
height: 36px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/check.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.newsletter-popup .trm-newsletter-form .loader .info-txt, .newsletter-popup .trm-newsletter-form .success .info-txt {
font-weight: bold;
font-size: 0.8em;
}
.newsletter-popup .trm-newsletter-form.loading .loader {
display: flex;
}
.newsletter-popup .trm-newsletter-form.valid .success {
display: flex;
}
.hero {
background-color: var(--color-background);
}
.hero-inner {
min-height: 50vh;
padding: var(--padding-section) 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3rem;
text-align: center;
}
.hero-title {
font-size: 5rem;
margin: 0;
padding: 0;
}
@media (max-width: 991.98px) {
.hero-title {
font-size: 3rem;
}
}
.hero-text {
font-size: 1.2em;
}
.features-inner {
padding: var(--padding-section) 0;
}
.features-title {
text-align: center;
margin-bottom: var(--padding-section);
}
.features {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
@media (max-width: 991.98px) {
.features {
grid-template-columns: 1fr;
}
}
.feature {
padding: 3rem;
border-radius: 30px;
background-color: var(--color-background);
display: flex;
flex-direction: column;
gap: 2rem;
}
.feature.highlight {
color: #FFF;
background-color: var(--color-dark);
}
@media (max-width: 991.98px) {
.feature {
padding: 1.5rem;
}
}
.feature-title {
margin: 0;
padding: 0;
text-align: center;
}
.feature-subtitle {
font-size: 0.8em;
text-align: center;
margin-top: -20px;
}
.feature-image {
text-align: center;
}
.feature-image img {
height: 150px;
width: auto;
}
.features-cta {
margin: auto;
margin-top: 1em;
display: block;
width: fit-content;
}
.two-cols img {
width: 33%;
height: auto;
}
.two-cols-image-left .two-cols-inner {
flex-direction: row-reverse;
}
@media (max-width: 991.98px) {
.two-cols-image-left .two-cols-inner {
flex-direction: column;
}
}
.two-cols-inner {
padding: var(--padding-section) 0;
display: flex;
flex-direction: row;
gap: 3rem;
align-items: center;
}
@media (max-width: 991.98px) {
.two-cols-inner {
flex-direction: column;
gap: 2rem;
}
}
.two-cols-title {
margin-top: 0;
}
.two-cols-text {
display: flex;
flex: 1;
flex-direction: column;
gap: 1em;
}
.two-cols-cta {
margin-top: 1em;
}
@media (max-width: 991.98px) {
.two-cols-cta {
margin: auto;
margin-top: 1em;
display: block;
width: fit-content;
}
}
.cta-video {
background-color: var(--color-dark);
color: #FFF;
}
.cta-video-inner {
padding: var(--padding-section) 0;
display: flex;
flex-direction: row;
gap: 3rem;
align-items: center;
}
@media (max-width: 991.98px) {
.cta-video-inner {
flex-direction: column;
gap: 1rem;
}
}
.cta-video-content {
display: flex;
flex-direction: column;
gap: 2rem;
align-items: flex-start;
}
.cta-video-title {
margin: 0;
padding: 0;
}
@media (max-width: 991.98px) {
.cta-video-embed iframe {
width: 100%;
height: 250px;
aspect-ratio: 16/9;
}
}
.faq-inner {
padding: var(--padding-section) 0;
}
.faq-title {
text-align: center;
}
.faq-questions {
display: flex;
flex-direction: column;
gap: 1rem;
}
.faq-question {
padding: 3rem;
border-radius: 30px;
background-color: var(--color-background);
display: flex;
flex-direction: column;
position: relative;
transition: all 200ms ease-in-out;
gap: 0;
}
@media (max-width: 991.98px) {
.faq-question {
padding: 1.5rem;
}
}
.faq-question:after {
content: "";
position: absolute;
top: 3rem;
right: 3rem;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/arrow-down.svg);
background-size: cover;
background-repeat: no-repeat;
height: 25px;
width: 25px;
transition: all 200ms ease-in-out;
pointer-events: none;
}
@media (max-width: 991.98px) {
.faq-question:after {
top: 1rem;
right: 1rem;
}
}
.faq-question-title {
margin: 0;
padding: 0;
cursor: pointer;
}
@media (max-width: 991.98px) {
.faq-question-title {
padding-right: 1.5rem;
}
}
.faq-question-answer {
overflow: hidden;
max-height: 0;
transition: all 200ms ease-in-out;
}
.faq-question.active {
gap: 2rem;
}
.faq-question.active:after {
transform: rotate(-180deg);
}
.faq-question.active .faq-question-answer {
max-height: 200vh;
}
.trm-leadgen .trm-leadgen-inner {
padding: var(--padding-section) 0;
display: flex;
flex-direction: row;
gap: 3rem;
}
@media (max-width: 991.98px) {
.trm-leadgen .trm-leadgen-inner {
flex-direction: column-reverse;
}
}
.trm-leadgen .infos {
flex: 1;
}
.trm-leadgen .form {
padding: 2rem;
border-radius: 30px;
background-color: var(--color-background);
display: flex;
flex-direction: column;
width: 500px;
}
@media (max-width: 991.98px) {
.trm-leadgen .form {
width: 100%;
}
}
.trm-leadgen .contact-form-title {
margin: 0 0 1rem;
padding: 0 0 0 1rem;
}
.trm-leadgen .logo-mentormarketing {
width: 30%;
height: auto;
}
.trm-leadgen .contact-addresses {
display: flex;
flex-direction: column;
gap: 1rem;
}
.trm-leadgen .contact-addresses p {
margin-bottom: 0;
}
.trm-leadgen .contact-addresses .email-link {
font-weight: normal;
}
.links-list-inner {
padding: var(--padding-section) 0;
display: flex;
flex-direction: row;
gap: 3rem;
align-items: center;
}
@media (max-width: 991.98px) {
.links-list-inner {
flex-direction: column;
gap: 1.5rem;
}
}
.links-list-infos {
width: 40%;
}
@media (max-width: 991.98px) {
.links-list-infos {
width: 100%;
}
}
.links-list-title {
flex: 1;
}
.links-list-links-ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 2em;
}
.links-list-links-element {
display: block;
}
.links-list-links-element:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/arrow-down.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transform: rotate(-90deg);
}
.links-list-links-element a {
color: var(--color-dark);
}
.links-list-links-element-level-1 {
font-weight: bold;
}
.links-list-links-element-level-2 {
padding-left: 30px;
font-weight: normal;
}
@media (max-width: 991.98px) {
.links-list-links-element-level-2 {
padding-left: 10px;
}
}
.links-list-links-element-level-3 {
padding-left: 60px;
}
@media (max-width: 991.98px) {
.links-list-links-element-level-3 {
padding-left: 20px;
}
}
.links-list-links-element-level-4 {
padding-left: 90px;
}
@media (max-width: 991.98px) {
.links-list-links-element-level-4 {
padding-left: 30px;
}
}
.trm-simple-text {
padding: var(--padding-section) 0;
}
.trm-simple-text .trm-simple-text-inner {
padding: 3rem;
border-radius: 30px;
background-color: var(--color-background);
}
@media (max-width: 991.98px) {
.trm-simple-text .trm-simple-text-inner {
border-radius: 0;
padding: 1em;
margin-right: -15px;
margin-left: -15px;
}
}
.trm-simple-text .trm-simple-text-inner h1:first-child {
margin-top: 0;
}
.trm-simple-text .trm-simple-text-inner h2:first-child {
margin-top: 0;
}
.trm-simple-text .trm-simple-text-inner p:last-child {
margin-bottom: 0;
}
.trm-simple-text p {
margin-bottom: 1rem;
}
.trm-simple-text.transparent .trm-simple-text-inner {
padding: 0;
background-color: transparent;
}
.trm-newsletter {
position: relative;
padding: 3rem 1rem 1rem 1rem;
border-radius: 30px;
background-color: var(--color-background);
display: flex;
flex-direction: column;
gap: 1rem;
}
.trm-newsletter:before {
position: absolute;
top: -20px;
left: 20px;
width: 60px;
height: 60px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/newsletter.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: " ";
}
.trm-newsletter .trm-newsletter-head {
padding: 0 1rem;
}
.trm-newsletter .trm-newsletter-head .trm-newsletter-title {
font-weight: bold;
}
.trm-newsletter .trm-newsletter-head .trm-newsletter-info {
font-size: 0.9em;
line-height: 1.4em;
}
.trm-newsletter .trm-newsletter-head .trm-newsletter-info p {
margin: 0;
}
.trm-newsletter .trm-newsletter-form {
position: relative;
}
.trm-newsletter .trm-newsletter-form .inputs {
width: 100%;
display: flex;
flex-direction: row;
}
.trm-newsletter .trm-newsletter-form .trm-newsletter-input-email, .trm-newsletter .trm-newsletter-form .trm-newsletter-input-submit {
height: 50px;
line-height: 50px;
font-family: "Matter", sans-serif;
}
.trm-newsletter .trm-newsletter-form .trm-newsletter-input-email {
flex: 1;
border-radius: 50px 0 0 50px;
border: none;
outline: none;
box-shadow: none;
background-color: #FFF;
text-indent: 1rem;
}
.trm-newsletter .trm-newsletter-form .trm-newsletter-input-submit {
padding: 0 1rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.trm-newsletter .trm-newsletter-form .loader, .trm-newsletter .trm-newsletter-form .success {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #FFF;
border-radius: 30px;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-right: 2rem;
padding-left: 1rem;
display: none;
}
.trm-newsletter .trm-newsletter-form .loader .icn.check, .trm-newsletter .trm-newsletter-form .success .icn.check {
display: block;
width: 36px;
height: 36px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/check.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.trm-newsletter .trm-newsletter-form .loader .info-txt, .trm-newsletter .trm-newsletter-form .success .info-txt {
font-weight: bold;
font-size: 0.8em;
}
.trm-newsletter .trm-newsletter-form.loading .loader {
display: flex;
}
.trm-newsletter .trm-newsletter-form.valid .success {
display: flex;
}
.trm-blog-categories {
position: relative;
padding: 1rem;
border-radius: 30px;
background-color: var(--color-background);
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.trm-blog-categories:before {
position: absolute;
top: -20px;
left: 20px;
width: 60px;
height: 60px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/categories.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: " ";
}
.trm-blog-categories .trm-blog-categories-title {
font-weight: bold;
padding-left: 80px;
}
.trm-blog-categories nav {
font-size: 0.9em;
padding: 0.5rem;
}
.trm-blog-categories nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.trm-blog-categories nav ul a {
display: block;
color: var(--color-dark);
transition: all 200ms ease-in-out;
position: relative;
}
.trm-blog-categories nav ul a:hover {
color: var(--color-primary);
}
.trm-blog-categories nav ul a:before {
content: "";
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/arrow-down.svg);
transform: rotate(-90deg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 14px;
height: 14px;
display: inline-block;
margin-right: 1rem;
}
.trm-blog-categories nav ul a:after {
content: "";
position: absolute;
bottom: -3px;
left: 30px;
width: 0;
background-color: var(--color-primary);
height: 3px;
transition: all 200ms ease-in-out;
border-radius: 5px;
}
.trm-blog-categories nav ul a:hover:after {
width: 50px;
}
.trm-hero-news {
padding: var(--padding-section) 0;
}
.trm-hero-news .trm-hero-news-inner .trm-hero-news-title {
text-align: center;
margin-bottom: var(--padding-section);
}
@media (max-width: 991.98px) {
.trm-hero-news .trm-hero-news-inner .trm-hero-news-title {
font-size: 2rem;
}
}
.trm-hero-news .trm-hero-news-inner .posts-list {
display: flex;
flex-direction: row;
width: 100%;
gap: 2rem;
}
@media (max-width: 991.98px) {
.trm-hero-news .trm-hero-news-inner .posts-list {
flex-direction: column;
}
}
.trm-hero-news .trm-hero-news-inner .posts-list .single-latest-post {
width: 50%;
position: relative;
}
@media (max-width: 991.98px) {
.trm-hero-news .trm-hero-news-inner .posts-list .single-latest-post {
width: 100%;
}
}
.trm-hero-news .trm-hero-news-inner .posts-list .single-latest-post img {
border-radius: 30px;
}
.trm-hero-news .trm-hero-news-inner .posts-list .single-latest-post .post-infos {
padding: 1rem;
}
.trm-hero-news .trm-hero-news-inner .posts-list .single-latest-post .post-title {
display: block;
font-weight: normal;
color: var(--color-dark);
transition: all 200ms ease-in-out;
}
.trm-hero-news .trm-hero-news-inner .posts-list .single-latest-post .post-title:hover {
color: var(--color-primary);
}
.trm-hero-news .trm-hero-news-inner .posts-list .single-latest-post .post-title:after {
content: "";
display: block;
height: 3px;
width: 60px;
background-color: var(--color-primary);
border-radius: 50px;
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
.trm-hero-news .trm-hero-news-inner .posts-list .latest-posts {
width: 25%;
}
@media (max-width: 991.98px) {
.trm-hero-news .trm-hero-news-inner .posts-list .latest-posts {
width: 100%;
}
}
.trm-hero-news .trm-hero-news-inner .posts-list .popular-posts {
width: 25%;
}
@media (max-width: 991.98px) {
.trm-hero-news .trm-hero-news-inner .posts-list .popular-posts {
width: 100%;
}
}
.trm-hero-news .trm-hero-news-inner .posts-list .latest-post:after {
content: "";
display: block;
height: 3px;
width: 60px;
background-color: var(--color-primary);
border-radius: 50px;
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
.trm-hero-news .trm-hero-news-inner .posts-list .latest-post .post-title {
font-weight: normal;
color: var(--color-dark);
line-height: 1.4em;
transition: all 200ms ease-in-out;
}
.trm-hero-news .trm-hero-news-inner .posts-list .latest-post .post-title:hover {
color: var(--color-primary);
}
.trm-hero-news .trm-hero-news-inner .posts-list .latest-post .post-metas {
font-size: 0.65em;
display: flex;
flex-direction: row;
gap: 1rem;
}
.trm-hero-news .trm-hero-news-inner .posts-list-heading {
font-weight: bold;
margin-bottom: 1rem;
}
.trm-hero-news .trm-hero-news-inner .posts-list-heading:after {
content: " ";
display: block;
height: 5px;
background-color: var(--color-background);
border-radius: 50px;
margin-top: 0.5rem;
}
.trm-social {
position: relative;
padding: 1rem;
border-radius: 30px;
background-color: var(--color-dark);
display: flex;
flex-direction: column;
gap: 0.5rem;
color: #FFF;
}
.trm-social:before {
position: absolute;
top: -15px;
left: 20px;
width: 60px;
height: 60px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/follow.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: " ";
}
.trm-social .trm-social-title {
font-weight: bold;
padding-left: 80px;
}
.trm-social .trm-social-content {
padding: 10px;
}
.trm-social p {
margin-bottom: 1em;
}
.trm-social ul, .trm-social li {
margin: 0;
padding: 0;
list-style: none;
}
.trm-social ul {
display: flex;
flex-direction: column;
gap: 0.7em;
}
.trm-social a {
font-weight: 400;
color: #FFF;
text-transform: uppercase;
}
.trm-social a img {
height: 1.5em;
vertical-align: text-bottom;
width: auto;
margin-right: 0.5em;
}
.wp-presentation {
padding: var(--padding-section) 0;
}
.wp-presentation-inner {
display: flex;
flex-direction: row;
}
@media (max-width: 991.98px) {
.wp-presentation-inner {
flex-direction: column;
gap: 2em;
}
}
.wp-presentation-content {
flex: 1;
display: flex;
flex-direction: column;
}
.wp-presentation-content .btn, .wp-presentation-content .trm-entry-head .trm-entry-category .post-categories a, .trm-entry-head .trm-entry-category .post-categories .wp-presentation-content a, .wp-presentation-content .trm-single-post .trm-comments .trm-comment-form .comment-form .form-submit input, .trm-single-post .trm-comments .trm-comment-form .comment-form .form-submit .wp-presentation-content input, .wp-presentation-content .header .navigation .cta a, .header .navigation .cta .wp-presentation-content a, .wp-presentation-content .newsletter-popup .trm-newsletter-form .trm-newsletter-input-submit, .newsletter-popup .trm-newsletter-form .wp-presentation-content .trm-newsletter-input-submit, .wp-presentation-content .trm-newsletter .trm-newsletter-form .trm-newsletter-input-submit, .trm-newsletter .trm-newsletter-form .wp-presentation-content .trm-newsletter-input-submit {
margin-top: 1em;
align-self: flex-start;
}
@media (max-width: 991.98px) {
.wp-presentation-content .btn, .wp-presentation-content .trm-entry-head .trm-entry-category .post-categories a, .trm-entry-head .trm-entry-category .post-categories .wp-presentation-content a, .wp-presentation-content .trm-single-post .trm-comments .trm-comment-form .comment-form .form-submit input, .trm-single-post .trm-comments .trm-comment-form .comment-form .form-submit .wp-presentation-content input, .wp-presentation-content .header .navigation .cta a, .header .navigation .cta .wp-presentation-content a, .wp-presentation-content .newsletter-popup .trm-newsletter-form .trm-newsletter-input-submit, .newsletter-popup .trm-newsletter-form .wp-presentation-content .trm-newsletter-input-submit, .wp-presentation-content .trm-newsletter .trm-newsletter-form .trm-newsletter-input-submit, .trm-newsletter .trm-newsletter-form .wp-presentation-content .trm-newsletter-input-submit {
align-self: center;
}
}
.wp-presentation-text {
display: flex;
flex-direction: column;
gap: 1em;
}
.wp-presentation-animation {
flex: 1;
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.wp-presentation-animation .website-animation {
width: 60%;
aspect-ratio: 2/3;
display: flex;
flex-direction: column;
gap: 0.5em;
}
@media (max-width: 991.98px) {
.wp-presentation-animation .website-animation {
width: 60%;
}
}
.wp-presentation-animation .website-animation-header {
width: 100%;
height: 10%;
background-color: var(--color-primary);
}
.wp-presentation-animation .website-animation-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 0.5em;
}
.wp-presentation-animation .website-animation-footer {
background-color: var(--color-darker);
height: 15%;
}
.wp-presentation-animation.animation-active .website-animation-block {
flex: 1;
background: var(--color-background);
display: flex;
flex-direction: row;
gap: 0.5em;
padding: 0.5em;
}
.wp-presentation-animation.animation-active .website-animation-block-image {
height: 100%;
background-color: var(--color-darker);
flex: 1;
border-radius: 5px;
}
.wp-presentation-animation.animation-active .website-animation-block-content {
flex: 1;
display: flex;
flex-direction: column;
gap: 0.5em;
justify-content: center;
}
.wp-presentation-animation.animation-active .website-animation-block-icn {
width: 25%;
aspect-ratio: 1;
border-radius: 100px;
background-color: var(--color-primary);
}
.wp-presentation-animation.animation-active .website-animation-block-title {
height: 0.5em;
background-color: var(--color-dark);
width: 60%;
transform-origin: left;
}
.wp-presentation-animation.animation-active .website-animation-block-text-line {
height: 0.5em;
background-color: var(--color-dark);
opacity: 0.6;
width: 100%;
transform-origin: left;
}
.wp-presentation-animation.animation-active .website-animation-block-feature {
display: flex;
flex-direction: column;
gap: 0.5em;
padding: 1px;
flex: 1;
}
.wp-presentation-animation.animation-active .website-animation-block-3 {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.wp-presentation-animation.animation-active .website-animation-block-1 {
transform: translateY(-200%);
opacity: 0;
animation: 1000ms wpAnimationBlock1 ease-in-out;
animation-fill-mode: forwards;
}
.wp-presentation-animation.animation-active .website-animation-block-1 .website-animation-block-title {
animation: 1000ms wpAnimationTextLine ease-in-out;
transform: scaleX(0);
animation-fill-mode: forwards;
animation-delay: 1000ms;
}
.wp-presentation-animation.animation-active .website-animation-block-1 .website-animation-block-text-line {
animation: 1000ms wpAnimationTextLine ease-in-out;
transform: scaleX(0);
animation-fill-mode: forwards;
}
.wp-presentation-animation.animation-active .website-animation-block-1 .website-animation-block-text-line:nth-of-type(2) {
animation-delay: 1000ms;
}
.wp-presentation-animation.animation-active .website-animation-block-1 .website-animation-block-text-line:nth-of-type(3) {
animation-delay: 1250ms;
}
.wp-presentation-animation.animation-active .website-animation-block-1 .website-animation-block-text-line:nth-of-type(4) {
animation-delay: 1500ms;
background: var(--color-secondary);
width: 33%;
}
.wp-presentation-animation.animation-active .website-animation-block-2 {
animation: 1000ms wpAnimationBlock2 ease-in-out;
animation-delay: 2000ms;
animation-fill-mode: forwards;
transform: translateX(-100%);
opacity: 0;
}
.wp-presentation-animation.animation-active .website-animation-block-feature {
opacity: 0;
animation: 1000ms wpAnimationFeature ease-in-out;
animation-delay: 3000ms;
animation-fill-mode: forwards;
}
.wp-presentation-animation.animation-active .website-animation-block-feature:nth-of-type(1) {
animation-delay: 3250ms;
}
.wp-presentation-animation.animation-active .website-animation-block-feature:nth-of-type(2) {
animation-delay: 3500ms;
}
.wp-presentation-animation.animation-active .website-animation-block-feature:nth-of-type(3) {
animation-delay: 3750ms;
}
.wp-presentation-animation.animation-active .website-animation-block-3 {
animation: 1000ms wpAnimationBlock3 ease-in-out;
animation-delay: 4000ms;
animation-fill-mode: forwards;
transform: scale3d(2, 2, 2);
opacity: 0;
}
.wp-presentation-animation.animation-active .website-animation-block-3 .website-animation-block-title {
animation: 1000ms wpAnimationTextLine ease-in-out;
transform: scaleX(0);
animation-fill-mode: forwards;
animation-delay: 5000ms;
}
.wp-presentation-animation.animation-active .website-animation-block-3 .website-animation-block-text-line {
animation: 1000ms wpAnimationTextLine ease-in-out;
transform: scaleX(0);
animation-fill-mode: forwards;
}
.wp-presentation-animation.animation-active .website-animation-block-3 .website-animation-block-text-line:nth-of-type(2) {
animation-delay: 6000ms;
}
.wp-presentation-animation.animation-active .website-animation-block-3 .website-animation-block-text-line:nth-of-type(3) {
animation-delay: 6250ms;
}
.wp-presentation-animation.animation-active .website-animation-block-3 .website-animation-block-text-line:nth-of-type(4) {
animation-delay: 6500ms;
}
.wp-presentation-animation.animation-active .website-animation-block-3 .website-animation-block-text-line:nth-of-type(5) {
animation-delay: 6750ms;
background: var(--color-secondary);
width: 20%;
align-self: center;
transform-origin: center;
}
@keyframes wpAnimationBlock1 {
from {
transform: translateY(-200%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes wpAnimationBlock2 {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes wpAnimationBlock3 {
from {
transform: scale3d(2, 2, 2);
opacity: 0;
}
to {
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes wpAnimationTextLine {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
@keyframes wpAnimationFeature {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.trm-single-post .trm-single-post-inner {
padding: var(--padding-section) 0;
display: flex;
flex-direction: column;
gap: 3rem;
}
.trm-single-post .trm-single-post-inner .trm-entry-content {
display: flex;
flex-direction: row;
gap: 3rem;
}
@media (max-width: 991.98px) {
.trm-single-post .trm-single-post-inner .trm-entry-content {
flex-direction: column;
}
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text {
width: calc(100% - 340px);
overflow-y: scroll;
padding-bottom: 1rem;
}
@media (max-width: 991.98px) {
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text {
width: 100%;
}
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text p {
margin-bottom: 1rem;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text .trm-entry-post-content figure {
max-width: 100%;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text .trm-entry-post-content img {
border-radius: 30px;
max-width: 100%;
height: auto;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text .trm-entry-post-content .wp-block-image {
margin-bottom: 1rem;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text .trm-entry-post-content .wp-block-table {
margin-bottom: 1rem;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text .trm-entry-post-content .wp-block-table table {
width: 100%;
border-collapse: collapse;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text .trm-entry-post-content .wp-block-table table th, .trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text .trm-entry-post-content .wp-block-table table td {
padding: 0.5rem;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text .trm-entry-post-content .wp-block-table table thead {
background-color: var(--color-dark);
color: #FFF;
text-align: left;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-entry-text .trm-entry-post-content .wp-block-table table tbody tr:nth-of-type(2n) {
background-color: var(--color-background);
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-single-post-cta {
display: flex;
flex-direction: row;
gap: 2rem;
padding: 2rem;
border-radius: 30px;
background-color: var(--color-dark);
color: #FFF;
margin-top: 2rem;
}
@media (max-width: 991.98px) {
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-single-post-cta {
flex-direction: column;
}
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-single-post-cta .trm-single-post-cta-image {
width: 150px;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-single-post-cta .trm-single-post-cta-image img {
width: 100%;
height: auto;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-single-post-cta .trm-single-post-cta-infos {
flex: 1;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-single-post-cta .trm-single-post-cta-infos .trm-single-post-cta-title {
font-size: 1.2em;
font-weight: bold;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-single-post-cta .trm-single-post-cta-infos .trm-single-post-cta-title p:last-of-type {
margin-bottom: 0;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-single-post-cta .trm-single-post-cta-infos .trm-single-post-cta-link {
align-self: flex-start;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-author-infos {
padding: 2rem;
border-radius: 30px;
background-color: var(--color-background);
display: flex;
flex-direction: row;
gap: 2rem;
margin-top: 2rem;
align-items: center;
}
@media (max-width: 991.98px) {
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-author-infos {
flex-direction: column;
}
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-author-infos .trm-author-infos-avatar {
width: 150px;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-author-infos .trm-author-infos-avatar img {
border-radius: 100px;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-author-infos .trm-author-infos-content .trm-author-infos-content-name {
font-weight: bold;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-related-posts {
margin-top: 2rem;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-related-posts h2 {
text-align: center;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-related-posts .trm-related-posts-list.grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}
@media (max-width: 991.98px) {
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-related-posts .trm-related-posts-list.grid-3 {
grid-template-columns: 1fr;
}
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-related-posts .trm-related-posts-list .related-post-inner {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 0.5rem;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-related-posts .trm-related-posts-list .related-post-thumb img {
border-radius: 30px;
width: 100%;
height: auto;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-related-posts .trm-related-posts-list .related-post-title {
font-weight: bold;
color: var(--color-dark);
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-related-posts .trm-related-posts-list .related-post-title:hover {
color: var(--color-primary);
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-date-infos {
display: block;
margin-top: 1rem;
text-align: right;
font-style: italic;
}
.trm-single-post .trm-single-post-inner .trm-entry-content .trm-date-infos:before {
display: inline-block;
width: 18px;
height: 18px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/clock.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: " ";
margin-right: 0.5rem;
vertical-align: middle;
}
.trm-single-post .trm-comments {
display: flex;
flex-direction: column;
gap: 2rem;
margin-top: 2rem;
}
.trm-single-post .trm-comments .trm-comments-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.trm-single-post .trm-comments h2 {
margin-bottom: 3rem;
}
@media (max-width: 991.98px) {
.trm-single-post .trm-comments h2 {
text-align: center;
}
}
.trm-single-post .trm-comments h2 span {
color: var(--color-primary);
}
.trm-single-post .trm-comments .trm-comment {
display: flex;
flex-direction: row;
gap: 2rem;
}
.trm-single-post .trm-comments .trm-comment-author {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: center;
text-align: center;
width: 90px;
font-size: 0.8em;
line-height: 1.2;
}
.trm-single-post .trm-comments .trm-comment-author img {
border-radius: 50px;
width: 80px;
aspect-ratio: 1;
object-fit: cover;
object-position: center;
}
.trm-single-post .trm-comments .trm-comment-content {
display: flex;
flex-direction: column;
flex: 1;
}
.trm-single-post .trm-comments .trm-comment-content .alert {
font-size: 0.8em;
padding-left: 2rem;
color: var(--color-secondary);
}
.trm-single-post .trm-comments .trm-comment-meta {
font-size: 0.7em;
padding-right: 2rem;
text-align: right;
}
.trm-single-post .trm-comments .trm-comment-text {
background-color: var(--color-background);
padding: 2rem;
border-radius: 30px;
position: relative;
}
.trm-single-post .trm-comments .trm-comment-text:before {
content: " ";
position: absolute;
top: 2rem;
right: 100%;
width: 0;
height: 0;
border: 10px solid transparent;
border-right-color: var(--color-background);
}
.trm-single-post .trm-comments .trm-comment-text p:last-of-type {
margin-bottom: 0;
}
.trm-single-post .trm-comments .trm-comment-form h3, .trm-single-post .trm-comments .trm-comment-form .newsletter-popup .newsletter-popup-inner .newsletter-text .newsletter-title, .newsletter-popup .newsletter-popup-inner .newsletter-text .trm-single-post .trm-comments .trm-comment-form .newsletter-title {
padding-left: 4rem;
}
.trm-single-post .trm-comments .trm-comment-form .comment-form {
display: flex;
flex-direction: column;
border: 1px solid var(--color-background-darker);
padding: 2rem;
border-radius: 30px;
}
.trm-single-post .trm-comments .trm-comment-form .comment-form .comment-form-comment, .trm-single-post .trm-comments .trm-comment-form .comment-form .comment-form-author, .trm-single-post .trm-comments .trm-comment-form .comment-form .comment-form-email {
display: flex;
flex-direction: column;
}
.trm-single-post .trm-comments .trm-comment-form .comment-form .comment-notes, .trm-single-post .trm-comments .trm-comment-form .comment-form .logged-in-as {
font-size: 0.8em;
font-weight: 600;
padding: 0 2rem;
}
.trm-single-post .trm-comments .trm-comment-form .comment-form label {
font-size: 0.8em;
text-indent: 2rem;
}
.trm-single-post .trm-comments .trm-comment-form .comment-form input, .trm-single-post .trm-comments .trm-comment-form .comment-form textarea {
padding: 1rem 2rem;
background: var(--color-background);
border: none;
border-radius: 30px;
outline: none;
}
.trm-single-post .trm-comments .trm-comment-form .comment-form input:focus, .trm-single-post .trm-comments .trm-comment-form .comment-form textarea:focus {
background: var(--color-background-darker);
}
.trm-single-post .trm-comments .trm-comment-form .comment-form textarea.form-control {
line-height: 1.2;
}
.trm-single-post .trm-comments .trm-comment-form .comment-form .comment-form-cookies-consent input[type=checkbox] {
display: none;
}
.trm-single-post .trm-comments .trm-comment-form .comment-form .comment-form-cookies-consent input[type=checkbox] + label {
padding-left: 1rem;
}
.trm-single-post .trm-comments .trm-comment-form .comment-form .comment-form-cookies-consent input[type=checkbox] + label:before {
display: inline-block;
width: 18px;
height: 18px;
content: " ";
margin-right: 1rem;
border: 2px solid var(--color-background-darker);
vertical-align: sub;
background-size: 14px;
background-repeat: no-repeat;
background-position: center;
}
.trm-single-post .trm-comments .trm-comment-form .comment-form .comment-form-cookies-consent input[type=checkbox]:checked + label:before {
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/check-b.svg);
}
.trm-single-post .trm-comments .trm-comment-form .comment-form .comment-form-cookies-consent label {
cursor: pointer;
}
.trm-entry-head {
text-align: center;
}
.trm-entry-head .trm-entry-category .post-categories {
list-style: none;
padding: 0;
margin: 0;
}
.trm-entry-head .trm-entry-thumbnail img {
border-radius: 30px;
width: 100%;
height: auto;
}
.trm-entry-head .trm-entry-thumbnail-video {
display: block;
aspect-ratio: 640/360;
}
.trm-entry-head .trm-entry-thumbnail-video iframe {
display: block;
width: 100%;
height: auto;
aspect-ratio: 640/360;
border-radius: 30px;
}
.post-summary {
position: relative;
padding: 1rem;
border-radius: 30px;
background-color: var(--color-background);
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.post-summary:before {
position: absolute;
top: -20px;
left: 20px;
width: 60px;
height: 60px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/categories.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: " ";
}
.post-summary .post-summary-title {
font-weight: bold;
padding-left: 80px;
}
.post-summary nav {
font-size: 0.9em;
padding: 0.5rem;
}
.post-summary nav ul {
margin: 0;
padding: 0;
list-style: none;
}
.post-summary nav ul li.link-h3 {
padding-left: 1rem;
}
.post-summary nav ul li.link-h4 {
padding-left: 2rem;
}
.post-summary nav ul a {
display: block;
color: var(--color-dark);
transition: all 200ms ease-in-out;
position: relative;
white-space: nowrap;
overflow-y: hidden;
text-overflow: ellipsis;
}
.post-summary nav ul a:hover {
color: var(--color-primary);
}
.post-summary nav ul a:before {
content: "";
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/arrow-down.svg);
transform: rotate(-90deg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 14px;
height: 14px;
display: inline-block;
margin-right: 1rem;
}
.trm-single-recrutement .trm-single-recrutement-inner {
padding: var(--padding-section) 0;
display: flex;
flex-direction: column;
gap: 3rem;
}
.trm-single-recrutement .trm-single-recrutement-inner h1 {
text-align: center;
}
.trm-single-recrutement .trm-single-recrutement-inner .trm-entry-content {
display: flex;
flex-direction: row;
gap: 3rem;
min-height: 60vh;
}
@media (max-width: 991.98px) {
.trm-single-recrutement .trm-single-recrutement-inner .trm-entry-content {
flex-direction: column;
}
}
.trm-single-recrutement .trm-single-recrutement-inner .trm-entry-content p {
margin-bottom: 1rem;
}
.trm-single-recrutement .trm-single-recrutement-inner .trm-entry-text {
width: calc(100% - 340px);
overflow-y: scroll;
padding-bottom: 1rem;
}
@media (max-width: 991.98px) {
.trm-single-recrutement .trm-single-recrutement-inner .trm-entry-text {
width: 100%;
}
}
.job-closed {
color: var(--color-secondary);
font-weight: bold;
margin-bottom: 1.5rem;
}
.job-infos-widget {
position: relative;
padding: 1rem;
border-radius: 30px;
background-color: var(--color-background);
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.job-infos-widget:before {
position: absolute;
top: -20px;
left: 20px;
width: 60px;
height: 60px;
background-image: url(//www.trimardeau.com/wp-content/themes/trimardeau/assets/icn/recrutement.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
content: " ";
}
.job-infos-widget .job-infos-widget-title {
font-weight: bold;
padding-left: 80px;
}
.job-infos-widget .job-infos {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
}
.job-infos-widget .job-info-title {
font-weight: normal;
}
.trm-archive h1 {
margin-top: 0;
margin-bottom: 1rem;
}
.trm-archive .trm-archive-inner {
padding: var(--padding-section) 0;
display: flex;
flex-direction: row;
gap: 3rem;
}
@media (max-width: 991.98px) {
.trm-archive .trm-archive-inner {
flex-direction: column;
}
}
.trm-archive .trm-archive-content {
width: calc(100% - 340px);
overflow-y: scroll;
}
@media (max-width: 991.98px) {
.trm-archive .trm-archive-content {
width: 100%;
}
}
.trm-archive .trm-archive-head-posts {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 3rem;
}
.trm-archive .trm-archive-taxonomy-nav {
display: flex;
flex-direction: row;
gap: 1rem;
font-size: 0.8em;
}
.trm-archive .trm-archive-pagination {
display: flex;
flex-direction: row;
justify-content: center;
gap: 1rem;
}
.trm-archive .trm-archive-pagination .page-numbers {
font-weight: bold;
}
.trm-archive .trm-archive-pagination .page-numbers.current {
color: var(--color-dark);
}
.archive-recrutement {
padding: var(--padding-section) 0;
}
.archive-recrutement .archive-recrutement-inner h1 {
text-align: center;
margin-bottom: var(--padding-section);
}
.archive-recrutement .archive-recrutement-inner .recrutement-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media (max-width: 991.98px) {
.archive-recrutement .archive-recrutement-inner .recrutement-list {
grid-template-columns: 1fr;
}
}
.archive-recrutement .archive-recrutement-inner .recrutement-thumbail {
padding: 3rem;
border-radius: 30px;
background-color: var(--color-background);
display: flex;
flex-direction: column;
gap: 1rem;
position: relative;
}
.archive-recrutement .archive-recrutement-inner .recrutement-closed {
position: absolute;
top: 15px;
right: 15px;
color: #FFF;
background-color: var(--color-secondary);
font-weight: normal;
font-size: 0.8em;
padding: 0 1rem;
border-radius: 50px;
}
.archive-recrutement .archive-recrutement-inner .recrutement-title {
font-weight: bold;
font-size: 1.2em;
color: var(--color-dark);
transition: all 200ms ease-in-out;
}
.archive-recrutement .archive-recrutement-inner .recrutement-title:hover {
color: var(--color-primary);
}
.archive-recrutement .archive-recrutement-inner .recrutement-skills-label {
font-weight: normal;
}
.archive-recrutement .archive-recrutement-inner .recrutement-cta {
width: fit-content;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}