.prespa-saas-animated-text {
background: linear-gradient(to right, #0091f8 0%, #4b0082 25%, #8a2be2 50%, #d755e9 75%, #0091f8 90%);
background-clip: text;
color: transparent;
background-size: 500% auto;
animation: prespa-saas-text-shine 15s ease-in-out infinite alternate;
will-change: transform;
}
.prespa-saas-hero-section .icon {
position: relative;
animation-name: prespa-saas-float-up-down;
animation-duration: 5s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
width: fit-content;
z-index: 10;
transition: scale .75s ease-in-out;
scale: 1;
}
.prespa-saas-hero-section .icon-top-left {
animation-delay: 0s;
}
.prespa-saas-hero-section .icon-top-right {
animation-delay: 0.75s;
}
.prespa-saas-hero-section .icon-bottom-right {
animation-delay: 1.5s;
}
.prespa-saas-hero-section .icon-bottom-left {
animation-delay: 2.25s;
}
.prespa-saas-hero-section .icon-top-left,
.prespa-saas-hero-section .icon-top-right {
top: 4rem;
}
.prespa-saas-hero-section .icon-bottom-left,
.prespa-saas-hero-section .icon-bottom-right {
bottom: 4rem;
}
.prespa-saas-hero-section .icon:hover {
animation-play-state: paused;
scale: 1.15;
filter: brightness(1.05);
z-index: 999;
}
@keyframes prespa-saas-text-shine {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}
@keyframes prespa-saas-float-up-down {
0%,
100% {
translate: 0 0;
}
50% {
translate: 0 -20px;
}
}
.promo-video a {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.promo-video a::before {
content: "▶";
font-size: 0.8em;
position: absolute;
left: 15px;
opacity: 0;
transform: translateX(-15px);
transition: all .6s ease;
}
.promo-video a span {
display: inline-block;
transition: transform .6s ease;
}
.promo-video a:hover span {
transform: translateX(10px);
}
.promo-video a:hover::before {
opacity: 1;
transform: translateX(0);
}
.promo-video a:hover {
background-color: rgba(53, 109, 241, 0.04) !important;
}
.prespa-saas-box {
gap: .5rem;
}
.prespa-saas-box figure {
display: flex;
}
.prespa-saas-box p {
font-size: var(--wp--preset--font-size--small);
}
@media (min-width: 40rem) {
.prespa-saas-hero-section {
--wp--preset--font-size--xx-large: 4rem;
}
}
@media(max-width:40rem) {
.prespa-saas-hero-section {
--wp--preset--font-size--xx-large: 1.75rem;
}
.prespa-saas-hero-section .icon {
display: none;
}
.prespa-saas-box {
gap: .375rem;
padding-left: .25rem !important;
padding-right: .25rem !important
}
.prespa-saas-box p {
font-size: .75rem;
}
}
.prespa-saas-pricing-plans .wp-block-column {
position: relative;
}
.prespa-saas-pricing-plans .badge-wrap {
position: absolute;
top: -1rem;
left: 0;
right: 0;
text-align: center;
width: 100%;
}
.prespa-saas-pricing-plans .nasio-tab-nav-button {
font-size: .875rem;
}
.prespa-saas-pricing-plans .badge {
color: #fff;
padding: .5rem .75rem;
border-radius: 12px;
font-size: .75rem;
background: linear-gradient(90deg, rgb(0, 145, 248) 0%, rgb(138, 43, 226) 70%, rgb(215, 85, 233) 100%);
}
.call-to-action a {
border: 1px solid #e3e3e3;
border-radius: 5px;
transition: .4s background;
}
.post-thumbnail img, .hentry, .widget-area section {
border-radius: 1rem;
} button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.button,
.wp-element-button,
.wp-block-button__link {
border-radius: 5px;
} body:not(.dark-mode) input[type="button"],
body:not(.dark-mode) input[type="reset"],
body:not(.dark-mode) [type="submit"],
.wp-block-button > .slider-button,
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
background-color: #0AA8A5;
border: none;
}
.top-meta .cat-links a {
border: 1px solid #e3e3e3;
border-radius: .5rem;
}
.dark-mode {
--wp--preset--color--dark-gray: #f7f7f7;
--wp--preset--color--light-gray: #262626;
--wp--preset--color--gray-25: #262626;
}
.dark-mode .section-faq.nasio-pattern .nasio-accordion-item-header {
background-color: transparent;
border-color: var(--p-line);
}
.dark-mode .nasio-accordion-item {
border-bottom: 0;
}
.dark-mode .prespa-saas-why-choose-us .wp-block-column > .wp-block-group {
border-color: #ababab !important;
}
.dark-mode .pattern-testimonials .nasio-slide .wp-block-cover{
border-color: #ababab !important;
}
.box-service:hover {
transform: translateY(-6px);
box-shadow: 0 18px 45px rgba(30, 41, 59, .12);
border-color: #d8e1e7;
}
h2 {
font-family: bebas Neue;
font-size: 32px;
line-height: 38px;
}
@media (max-width: 1024px) {
h2 {
font-size: 28px;
}
}
#bbpress-forums h1 {
clear: both;
line-height: 1.4;
font-family: inherit;
font-size: 24px !important;
} #bbpress-forums .bbp-topic-actions {
clear: both;
display: flex;
flex-wrap: wrap;
width: fit-content;
max-width: 100%;
margin: 8px 8px 16px auto;
FONT-VARIANT: JIS78;
border-radius: 10px;
overflow: hidden;
font-size: 14px;
line-height: 1.4;
box-shadow: 0px 0px 2px 0px #00000080;
}
#bbpress-forums .bbp-topic-actions #favorite-toggle,
#bbpress-forums .bbp-topic-actions #subscription-toggle {
float: none;
}
#bbpress-forums .bbp-topic-actions #favorite-toggle + #subscription-toggle {
border-left: 1px solid #dcdfe4;
}
#bbpress-forums .bbp-topic-actions a {
display: flex;
align-items: center;
gap: 10px;
padding: 9px 18px;
color: #1f2937;
text-decoration: none;
transition: background-color 0.15s;
}
#bbpress-forums .bbp-topic-actions a:hover,
#bbpress-forums .bbp-topic-actions a:focus-visible {
background: #e6e8ec;
}
#bbpress-forums .bbp-topic-actions a::before {
content: "";
flex: none;
width: 18px;
height: 18px;
background-color: currentColor;
-webkit-mask: var(--topic-action-icon) center / contain no-repeat;
mask: var(--topic-action-icon) center / contain no-repeat;
}
#bbpress-forums .bbp-topic-actions .favorite-toggle {
--topic-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
}
#bbpress-forums .bbp-topic-actions .is-favorite .favorite-toggle {
--topic-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
}
#bbpress-forums .bbp-topic-actions .subscription-toggle {
--topic-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E");
}
#bbpress-forums .bbp-topic-actions .is-subscribed .subscription-toggle {
--topic-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E");
}
@media (max-width: 600px) {
#bbpress-forums .bbp-topic-actions {
flex-direction: column;
}
#bbpress-forums .bbp-topic-actions #favorite-toggle + #subscription-toggle {
border-left: 0;
border-top: 1px solid #dcdfe4;
}
}
.dark-mode #bbpress-forums .bbp-topic-actions {
background: rgba(255, 255, 255, 0.06);
}
.dark-mode #bbpress-forums .bbp-topic-actions #favorite-toggle + #subscription-toggle {
border-color: rgba(255, 255, 255, 0.12);
}
.dark-mode #bbpress-forums .bbp-topic-actions a {
color: #e5e7eb;
}
.dark-mode #bbpress-forums .bbp-topic-actions a:hover,
.dark-mode #bbpress-forums .bbp-topic-actions a:focus-visible {
background: rgba(255, 255, 255, 0.08);
} #bbpress-forums .topic-activity {
clear: both;
margin: 16px 0 24px;
padding: 14px 16px;
background: #effaf9;
border: 1px solid #cdeeec;
border-radius: 10px;
font-size: 15px;
line-height: 1.5;
color: #1f2937;
}
#bbpress-forums .topic-activity p {
margin: 0;
}
#bbpress-forums .topic-activity-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 10px;
}
#bbpress-forums .topic-activity-icon {
display: flex;
align-items: center;
justify-content: center;
flex: none;
width: 36px;
height: 36px;
border-radius: 8px;
background: #0aa8a5;
color: #fff;
}
#bbpress-forums .topic-activity-title {
font-weight: 600;
}
#bbpress-forums .topic-activity-updated,
#bbpress-forums .topic-activity-last {
font-size: 13px;
color: #5b6170;
}
#bbpress-forums .topic-activity-summary strong {
color: #0a7f7d;
}
#bbpress-forums .topic-activity-last {
margin-top: 8px;
}
#bbpress-forums .topic-activity-last a {
color: #1f2937;
}
#bbpress-forums .topic-activity-last .bbp-author-link {
font-weight: 600;
text-decoration: none;
}
#bbpress-forums .topic-activity-last .bbp-author-name {
color: inherit;
}
.dark-mode #bbpress-forums .topic-activity {
background: rgba(10, 168, 165, 0.1);
border-color: rgba(10, 168, 165, 0.35);
color: #e5e7eb;
}
.dark-mode #bbpress-forums .topic-activity-updated,
.dark-mode #bbpress-forums .topic-activity-last {
color: #aab0bb;
}
.dark-mode #bbpress-forums .topic-activity-summary strong {
color: #3fd0cd;
}
.dark-mode #bbpress-forums .topic-activity-last a {
color: #e5e7eb;
} .single-topic #bbpress-forums .bbp-pagination-count,
.single-topic #bbpress-forums .bbp-replies > .bbp-header {
display: none;
}
.single-topic #bbpress-forums .bbp-pagination:has(.bbp-pagination-links:empty) {
display: none;
} .single-forum .hentry:nth-child(1),
.single-topic .hentry:nth-child(1) {
margin-top: 0;
} .error404 main {
padding: 5% 50px;
} html {
scroll-behavior: smooth;
}
:root {
--wp--style--global--content-size: 1082px;
--wp--style--global--wide-size: 1180px;
}
.main-navigation-container .header-content-wrapper {
align-items: center;
display: flex;
justify-content: space-between;
margin: auto;
padding: 0;
width: 100%;
flex-direction: column;
background-position: 100% 75%;
}
.main-navigation {
justify-content: right;
background: #5c94c6;
width: 100%;
color:#FFF
}
#primary-menu > li > a > span {
color:#fff;
}
.site-branding {
margin-top: 32px;
margin-bottom: 8px;
max-width: 60%;
margin-right: auto;
margin-left: 10px;
}
.slide-menu.slide-section {
width: stretch;
}
ul#primary-menu {
justify-content: space-around;
display: flex;
height: 52px;
}
.site-wrapper {
padding: 0;
border-radius: 0;
border: 1px solid #80808033;
overflow: hidden;
}
.fixed-header {
top: -66px;
}
.admin-bar .fixed-header {
top: -34px;
}
.fixed-header .header-content-wrapper .site-branding {
margin: 0 auto 0 0;
padding-top: 15px;
width: 100%;
}
.site-meta {
padding: .25rem 15px;
display: flex;
align-items: center;
}
.site-branding .site-title {
font-family: bebas Neue;
font-size: 35px;
line-height: 1.2;
flex:1;
min-width:220px;
}
.site-branding .site-title a {
color: #0aa8a5;
}
.site-branding .site-description {
font-size: 14px;
line-height: 1.2;
font-weight: 700;
flex:3;
min-width:220px;
}
h1 {
color: #0aa8a5;
}
h1, h2 {
font-family: bebas Neue;
font-size: 42px !important;
line-height: 50px;
}
h2 {
font-family: bebas Neue;
font-size: 32px !important;
line-height: 50px;
}
table tr td {
background: none !important;
}
.overlight-actu p {
width: fit-content;
font-weight: bold;
text-decoration: underline;
text-decoration-thickness: 15px;
text-underline-offset: -6px;
text-decoration-skip-ink: none;
text-decoration-color: #00808060;
color: #404040 t;
}
.overlight-actu p strong {
color: #404040 !important;
}
.overlight-actu p, .overlight-actu i {
transition:all .4s;
}
.overlight-actu:hover p {
text-underline-offset: -12px;
}
.overlight-actu:hover i {
transform: translateX(12px);
}
.overlight-actu a {
text-decoration: none;
}
.wp-block-button .wp-block-button__link {
padding: 8px 16px;
}
#primary-menu .wp-block-button .wp-block-button__link {
max-height: 44px;
}
body:not(.dark-mode):not(.has-transparent-header) .call-to-action.wp-block-button .wp-block-button__link {
background-color: #0D1E56 !important;
color: #fff;
font-weight: normal;
border: 0;
}
body:not(.dark-mode):not(.has-transparent-header) .call-to-action.wp-block-button .wp-block-button__link:hover, .mobile-action:hover {
font-weight: bold;
padding: 8px 15px;
}
body:not(.dark-mode) .call-to-action.wp-block-button .wp-block-button__link:hover {
background-color: #0D1E56 !important;
}
.site-menu a.mobile-action {
display: none;
background-color: #0d1e56;
color: #fff;
border: 0;
font-style: 14px;
padding: 5px 15px;
}
.wp-singular.page .entry-header {
display:none;
} .sadpad-top-bar .header-content-wrapper {
background: #0AA8A5;
color: #ffffff;
font-size: 14px;
line-height: 1;
position: relative;
z-index: 999;
}
.sadpad-top-bar .site-title a {
display: none;
}
.sadpad-top-bar .header-content-wrapper {
max-width: 1182px;
margin: 0 auto;
padding: 0px 12px;
}
.sadpad-top-bar__menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
min-height: 44px;
}
.sadpad-top-bar__menu > li {
margin: 0;
padding: 0;
position: relative;
display: flex;
align-items: center;
} .admin-bar.fix-header .sadpad-top-bar {
top: 32px;
}
.admin-bar.fix-header .main-navigation {
top: 76px;
}
.fix-header .sadpad-top-bar {
top: 0;
position: fixed;
width: 100%;
z-index: 100;
}
.fix-header .main-navigation {
top: 44px;
position: fixed;
z-index: 100;
max-width: 1182px;
margin: 0;
}
.fix-header .sadpad-top-bar .header-content-wrapper {
background-color: #FFF;
}
.fix-header .sadpad-top-bar .account-trigger {
background: #0AA8A5;
border-color: #0AA8A5;
color: #FFF;
}
.fix-header .sadpad-top-bar .site-title a {
display: inline-block;
color: #0aa8a5;
font-family: bebas Neue;
font-size: 32px;
line-height: 1;
flex: 1;
min-width: 200px;
} .sadpad-top-bar .account-trigger {
display: flex;
align-items: center;
gap: 7px;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.35);
color: #ffffff;
font-size: 13px;
font-weight: 600;
line-height: 1;
padding: 6px 14px;
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.sadpad-top-bar .account-trigger:hover,
.sadpad-top-bar .account-trigger:focus {
background: #f5c518;
border-color: #f5c518;
color: #111111;
} .category main#primary {
margin: 20px 5%;
} .single-post main#primary {
padding: 20px 5%;
}
h1 {
font-size: 32px;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 500px;
}
.entry-meta {
margin-bottom: 20px;
}
.post-share-wrap {
display: contents;
}
.post-share-wrap span {
padding-left: 10px;
}
.actu-sumup {
background-color: #81a19d33;
padding: 20px 25px;
margin-top: 20px;
border-radius: 12px;
}
.top-meta .cat-links a {
border: 1px solid #e3e3e3;
border-radius: 15px;
padding: 2px 12px;
margin: 4px;
background-color: #e6a05a !important;
color: #fff !important;
} input, textarea {
width: 100%;
padding: 8px;
box-sizing: border-box;
}
input.wpcf7-text,input.wpcf7-range, textarea.wpcf7-textarea, .wpcf7-form label, .wpcf7-form-control-wrap, .intl-tel-input {
width: 100%;
}
input[type=submit] {
margin: 15px 0 0;
padding: 16px 16px;
font-weight: bold;
}
.row-group, .field-item {
margin-bottom: 5px;
display: flex;
flex-direction: row;
gap: 40px;
max-width:100%;
}
.row-group .field-item {
flex: 1;
}
.row-group .field-item p {
width: 100%;
}
input {
padding: 24px;
} #free-mag p {
margin: 0;
}
.field-item.submit input[type="submit"] {
background: #86a7a3;
margin-top:28px;
padding: 16px 32px;
max-height: fit-content;
} .register p {
display: flex;
}
.register input[type="submit"] {
background: #86a7a3;
padding: 16px 32px;
max-height: fit-content;
}
.register input.wpcf7-email {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.register-news input[type="submit"] {
background: #86a7a3;
}
.register-mag input[type="submit"] {
background: #86a7a3;
} .picto {
width:75px;
border-radius:50px
}
.picto img {
padding:10px
}
.picto.orange {
background: #e6a05a;
}
.picto.green {
background: #81b895;
}
.picto.blue {
background: #84aecf;
}
.picto.cyan {
background: #8daca8;
}
.picto.grey {
background: #bcbcbc;
}
.box-service {
transition: all 0.2s;
border-radius:12px;
text-align: center;
justify-items: center;
border: 1px solid #dedede !important;
transition: all 0.2s;
padding: 15px
} .sadpad-masonry{
width:100%;
margin:0 -15px;
}
.sadpad-sizer,
.sadpad-card{
width:33.3333%;
}
.sadpad-card{
padding:15px;
box-sizing:border-box;
margin:0;
}
.sadpad-card-inner{
background:#fff;
border:1px solid #e7ecef;
border-radius:12px;
overflow:hidden;
box-shadow:0 8px 30px rgba(30,41,59,.06);
transition:all .35s ease;
height:100%;
}
.sadpad-card:hover .sadpad-card-inner{
transform:translateY(-6px);
box-shadow:0 18px 45px rgba(30,41,59,.12);
border-color:#d8e1e7;
}
.sadpad-thumb-link{
display:block;
overflow:hidden;
background:#f4f6f8;
}
.sadpad-thumb{
display:block;
width:100%;
height:auto;
transition:transform .7s ease;
}
.sadpad-card:hover .sadpad-thumb{
transform:scale(1.04);
}
.sadpad-content{
padding:28px;
}
.sadpad-date {
display: inline-flex;
align-items: center;
padding: 0 14px;
margin-bottom: 18px;
border-radius: 30px;
font-size: 12px;
font-weight: 700;
letter-spacing: .05em;
color: #6a7884;
}
.sadpad-card h3{
margin:0 0 16px;
font-size:1.2rem;
line-height:1.3;
font-weight:700;
}
.sadpad-card h3 a {
color: #0b7b79;
text-decoration:none;
transition:color .25s;
}
.sadpad-card h3 a:hover {
color: #0aa8a5;
}
.sadpad-excerpt{
font-size:1rem;
line-height:1.8;
color:#5b6976;
margin-bottom:24px;
}
.sadpad-link{
display:inline-flex;
align-items:center;
font-size:.95rem;
font-weight:700;
text-decoration:none;
color:#0b7b79;
transition:.25s;
}
.sadpad-link::after{
content:"→";
margin-left:8px;
transition:transform .25s;
}
.sadpad-link:hover::after{
transform:translateX(4px);
}
span.sadpad-type {
display: block;
position: absolute;
color: #fff;
font-size:14px;
margin: -44px 15px 0;
border: 1px solid #fff;
padding: 2px 12px;
border-radius: 50px;
}
.actualite span.sadpad-type {
background-color: #dd6400;
}
article.sadpad-card.actualite .sadpad-card-inner {
border-color: #dd640035;
background-color: #dd640011;
}
article.sadpad-card.actualite:hover .sadpad-card-inner {
border-color: #dd640085;
}
.conseil-pratique span.sadpad-type {
background-color: #dd0069;
}
article.sadpad-card.conseil-pratique  .sadpad-card-inner {
border-color: #dd006935;
background-color: #dd006911;
}
article.sadpad-card.conseil-pratique:hover  .sadpad-card-inner {
border-color: #dd006985;
}
.guide span.sadpad-type {
background-color: #6700dd;
}
article.sadpad-card.guide .sadpad-card-inner {
border-color: #6700dd35;
background-color: #6700dd11;
}
article.sadpad-card.guide:hover .sadpad-card-inner {
border-color: #6700dd85;
}
.sadpad-loadmore-wrapper{
margin:60px 0 20px;
text-align:center;
}
#sadpad-loadmore{
padding:16px 34px;
border:none;
background:#0b7b79;
color:#fff;
font-size:15px;
font-weight:600;
cursor:pointer;
transition:.3s;
box-shadow:0 10px 25px rgba(11,123,121,.18);
}
#sadpad-loadmore:hover{
background:#086563;
box-shadow:0 16px 36px rgba(11,123,121,.28);
}
#sadpad-loadmore.loading{
opacity:.6;
pointer-events:none;
}
.sadpad-mini-list{
display:flex;
flex-direction:column;
gap:18px;
}
.sadpad-mini-post{
display:flex;
align-items:flex-start;
gap:16px;
padding-bottom:18px;
border-bottom:1px solid #eceff2;
}
.sadpad-mini-post:last-child{
border-bottom:none;
padding-bottom:0;
}
.sadpad-mini-image{
flex:0 0 90px;
display:block;
}
.sadpad-mini-thumb{
display:block;
width:90px;
height:90px;
object-fit:cover;
border-radius:10px;
transition:.3s;
}
.sadpad-mini-post:hover .sadpad-mini-thumb{
transform:scale(1.03);
}
.sadpad-mini-content{
flex:1;
min-width:0;
}
.sadpad-mini-date{
display:block;
margin-bottom:8px;
font-size:12px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.05em;
color:#7b8792;
}
.sadpad-mini-title{
margin:0;
font-size: 15px;
line-height: 1.35;
font-weight:700;
}
.sadpad-mini-title a{
text-decoration:none;
transition:.2s;
}
.sadpad-mini-title a:hover{
color:#0aa8a5;
} .topic-archive .site-main {
padding: 20px 5%;
}
#bbpress-forums {
font-size: 14px;
}
form.bbp-login-form {
max-width: 350px;
justify-self: center;
}
.forum-template-default main#primary, .forum-archive main#primary, .topic-template-default main#primary {
padding: 20px 5%;
}
div#qt_bbp_topic_content_toolbar input {
width: auto;
}
#bbpress-forums li.bbp-header {
background-color: #0073aa;
color: #ffffff;
text-transform: uppercase;
font-weight: bold;
padding: 12px;
}
#bbpress-forums .bbp-submit-wrapper button {
background-color: #27ae60;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: background 0.3s ease;
}
#bbpress-forums .bbp-submit-wrapper button:hover {
background-color: #2ecc71;
}
div.bbp-reply-content {
font-size:15px;
}
.bbp-reply-author img.avatar {
border-radius: 50%;
margin-bottom: 10px;
border: 2px solid #eee;
}
#bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar {
max-width: 45px;
}
.bbp-author-name {
font-weight: bold;
color: #0073aa;
}
.bbpress #bbpress-forums input#bbp_topic_subscription,
.bbpress #bbpress-forums input#bbp_search_submit,
.bbpress #bbpress-forums input#rememberme {
width: auto;
margin: 0 8px;
vertical-align: middle;
} .forum-topic-list{
display:flex;
flex-direction:column;
}
.forum-topic{
display:flex;
gap:18px;
align-items:center;
padding:18px;
border-radius:12px;
transition:.2s;
}
.forum-topic:hover{
border-color:#d9d9d9;
box-shadow:0 8px 30px rgba(0,0,0,.05);
}
.forum-topic-avatar img{
border-radius:50%;
}
.forum-topic-content{
flex:1;
}
.forum-topic-title{
margin:0 0 8px;
font-size:15px;
line-height:1.35;
}
.forum-topic-title a{
color:#0d1e56;
text-decoration:none;
}
.forum-topic-title a:hover{
color:#0aa8a5;
}
.forum-topic-meta{
color:7b8792;
font-size:14px;
}
.tutor-wrap {
color: var(--tutor-body-color);
max-width: 1082px;
margin: 20px 5%;
} footer.site-footer a {
color: #fff;
}
.widget-column.footer-widget-1,.footer-widget-2, .widget-column.footer-widget-3 {
flex: 1;
}
.widget-column {
border-right: 1px solid #a7a6fd33 !important;
padding-top: 0;
}
.footer-widget-2, .footer-widget-3 {
text-align: right;
}
footer .widget-area li:not(:last-child) {
margin-bottom: 2px;
} ul.bbp-replies-list li {
background-color: #f4f4f4 !important;
}
#bbpress-forums {
font-size: 15px;
line-height: 1.6;
color: #333333;
} #bbpress-forums li.bbp-header {
background-color: #f8f9fa;
border: none;
border-bottom: 2px solid #e9ecef;
padding: 14px 18px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.05em;
color: #495057;
} #bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-topics {
border: 1px solid #e9ecef;
border-radius: 6px;
overflow: hidden;
background: #ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
border-top: 1px solid #e9ecef;
padding: 18px;
transition: background-color 0.2s ease;
} #bbpress-forums li.bbp-body ul.forum:hover,
#bbpress-forums li.bbp-body ul.topic:hover {
background-color: #fdfdfd;
} a.bbp-forum-title,
a.bbp-topic-permalink {
font-size: 16px;
font-weight: 600;
color: #1a365d; text-decoration: none;
transition: color 0.2s ease;
}
a.bbp-forum-title:hover,
a.bbp-topic-permalink:hover {
color: #2b6cb0; text-decoration: underline;
}
.forum-intro {
display: block;
clear: both;
margin: 40px 0px 20px;
} .bbp-forum-content,
.bbp-topic-meta {
font-size: 13px;
color: #6c757d;
margin-top: 4px;
} div.bbp-reply-header {
background-color: #f8f9fa;
border: 1px solid #e9ecef;
border-bottom: none;
padding: 10px 15px;
font-size: 13px;
color: #6c757d;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
} div.bbp-reply-content {
padding: 20px;
background: #ffffff;
border: 1px solid #e9ecef;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
margin-bottom: 20px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
} .bbp-reply-author {
margin-bottom: 10px;
}
.bbp-reply-author .bbp-author-name {
font-weight: 600;
color: #333333;
font-size: 15px;
margin: 5px 0;
} .bbp-reply-author .bbp-author-role {
font-size: 11px;
text-transform: uppercase;
background-color: #e2e8f0;
color: #4a5568;
padding: 2px 6px;
border-radius: 4px;
display: inline-block;
} #bbpress-forums input[type="text"],
#bbpress-forums select,
#bbpress-forums textarea {
border: 1px solid #cbd5e0;
border-radius: 4px;
padding: 8px 12px;
font-size: 14px;
width: 100%;
transition: border-color 0.2s;
}
#bbpress-forums input[type="text"]:focus,
#bbpress-forums textarea:focus {
border-color: #2b6cb0;
outline: none;
box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15);
} #bbpress-forums button[type="submit"] {
background-color: #1a365d;
color: #ffffff;
border: none;
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.2s;
}
#bbpress-forums button[type="submit"]:hover {
background-color: #2b6cb0;
} div.bbp-template-notice {
border-radius: 6px;
border: 1px solid #fed7d7;
background-color: #fff5f5;
color: #c53030;
padding: 12px 15px;
}
div.bbp-template-notice.info {
border-color: #bee3f8;
background-color: #ebf8ff;
color: #2b6cb0;
} .sadpad-profil-editor {
margin: 5% 50px;
}
.sadpad-profil-editor p {
margin: 0 0 1.2rem;
}
.sadpad-profil-editor form label {
display: block; font-weight: 600; margin-bottom: .3rem;
}
.sadpad-profil-editor form input[type=text] {
width: 100%; padding: .55rem .7rem;
}
.sadpad-profil-editor form .sadpad-help {
display: block;
font-size: .85em;
opacity: .7;
margin-top: .3rem; }
.sadpad-avatar img {
border-radius: 50%;
object-fit: cover;
}
.sadpad-notice {
padding: .8rem 1rem;
margin-bottom: 1.5rem;
border-left: 4px solid;
}
.sadpad-notice--ok {
border-color: #2e7d32;
background: #edf7ed;
}
.sadpad-notice--ko {
border-color: #c62828;
background: #fdecea;
}
.sadpad-notice ul {
margin: 0; padding-left: 1.2rem;
} .sadpad-card__head {
display: flex;
gap: 1.8rem;
align-items: flex-start;
flex-wrap: wrap;
}
.sadpad-card__avatar img {
border-radius: 50%;
object-fit: cover;
}
.sadpad-card__name {
margin: 0 0 .2rem;
}
.sadpad-card__job {
margin: 0 0 .6rem;
font-size: 1.05em;
opacity: .8;
}
.sadpad-card__full {
margin: 0 0 .4rem;
}
.sadpad-card__meta {
margin: 0 0 1rem;
font-size: .9em;
opacity: .6;
}
.sadpad-card__posts {
margin-top: 2.5rem;
}
.sadpad-card__posts ul {
list-style: none;
padding: 0;
}
.sadpad-card__posts li {
padding: .6rem 0;
border-bottom: 1px solid rgba(0,0,0,.08);
}
.sadpad-date {
font-size: .85em;
opacity: .6; margin-left: .5rem;
} #bar-menu{
position:fixed;
top: 0;
left:calc(-1 * 460px);
width: 440px;
height: 100vh;
padding: 60px 20px 20px;
background: #0d1e56;
color: #fff;
text-align:center;
overflow-y:auto;
z-index: 2000;
box-shadow:2px 0 18px rgba(0,0,0,.35);
transition:left .35s cubic-bezier(.4,0,.2,1);
}
.user-bar__close{
position:absolute;
top:20px;
right:12px;
padding:6px;
background:none;
border:0;
color:#fff;
font-size:1.3rem;
line-height:1;
cursor:pointer;
opacity:.8;
}
.user-bar__close:hover{
opacity:1;
}
span.burger {
border-bottom: 4px solid transparent !important;
}
span.burger:before {
transform: rotate(-45deg) translateY(6px) translateX(-5px);
}
span.burger:after {
transform: rotate(45deg) translateY(0) translateX(2px);
} .user-bar__nav{ display:flex; flex-direction:column; gap:4px; margin-top:10px; }
.user-bar__form{ margin:0; }
.user-bar__link{
display:flex; align-items:center; gap:12px; width:100%; box-sizing:border-box;
padding:12px 14px; text-align:left; text-decoration:none;
color:#fff; background:rgba(255,255,255,.05);
border:0; border-radius:8px; font:inherit; cursor:pointer;
transition:background .2s, transform .2s;
}
.user-bar__link .fas{ width:18px; text-align:center; opacity:.85; }
.user-bar__link:hover, .user-bar__link:focus-visible{
background:rgba(255,255,255,.14); transform:translateX(2px);
}
.user-bar__link--logout{ color:#ffb3b3; }
.user-bar__link--logout:hover{ background:rgba(255,80,80,.18); } .user-bar__benefits{
list-style:none;
padding:0;
margin:12px 0;
text-align:left;
}
.user-bar__benefits li { position:relative;
padding:6px 0 6px 24px;
}
.user-bar__benefits li::before { content:"★";
position:absolute; left:0;
opacity:.7;
}
#bar-menu hr {
width: 50%;
color: #FFF;
margin: 35px auto;
} #bar-menu a:focus-visible, #bar-menu button:focus-visible {
outline:2px solid #fff;
outline-offset:2px;
}
.user-bar__backdrop{
position:fixed;
background:rgba(0,0,0,.5);
opacity:0;
visibility:hidden;
z-index:250;
transition:opacity .35s var(--bar-ease), visibility .35s;
}
body.isOpen .user-bar__backdrop{
opacity:1;
visibility:visible;
}
.close-bar-menu {
display:block;
padding:5px;
text-align:right;
}
.admin-bar #bar-menu {
top: 32px;
}
body.isOpen #bar-menu {
left: 0;
}
body.isOpen .site-content-contain {
margin-left: 25vw;
transition: all 1.2s cubic-bezier(0.72, 0.13, 0.54, 0.85);
}
.site-content-contain {
transition: all 1.2s cubic-bezier(0.63, 0.23, 0.38, 1.03);
}
.side-bar-section{
font-size: 15px;
max-width: 440px;
margin: auto;
}
#sidemenu li a {
font-family: 'Valera', sans-serif;
position: relative;
display: block;
padding: 10px 15px 15px 50px;
font-size: 0.875rem;
color: #fff;
border-top: 1px solid #5a5a5a;
border-bottom: 1px solid #333;
background: rgba(255, 255, 255, 0.05);
-webkit-transition: left 300ms linear 2s, opacity 100ms ease-in 600ms;
transition: left 300ms linear 2s, opacity 100ms ease-in 600ms;
}
#sidemenu li a:hover {
border-bottom: #4a4a4a;
box-shadow: -2px 1px 6px 2px #333;
} .lwa  {
max-width: 310px;
margin: auto;
}
.lwa-bones .pixelbones .button.button-primary, .lwa-bones .pixelbones button.button-primary, .lwa-bones .pixelbones input[type=button].button-primary, .lwa-bones .pixelbones input[type=reset].button-primary, .lwa-bones .pixelbones input[type=submit].button-primary {
color: #FFF !important;
background-color: #0aa8a5 !important;
border-color: #0aa8a5 !important;
padding: 0 11px !important;
}
#lwa_wp-submit {
height: 42px;
padding: 6px 12px;
width: 100%;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.8px;
}
.lwa-bones .pixelbones label, .lwa-bones .pixelbones legend {
display: flex !important;
text-align: left;
font-size: 16px;
margin: 0 10px 5px;
color: #fff !important;
flex-direction: row-reverse;
}
.lwa-bones .lwa.lwa-login .grid-container.submit {
text-align: left !important;
grid-template-columns: 100px 1fr !important;
max-width: 100% !important;
padding: 0 !important;
}
.lwa-bones .lwa p {
margin-bottom: 20px !important;
color: #FFF;
}
.lwa-bones .pixelbones a {
color: #0aa8a5 !important;
}
.lwa-form input[type="checkbox"]{
height:16px;
}
.lwa-submit-links label {
display: inline;
padding-left: 5px;
}
.lwa td.lwa-submit-links {
text-align: right;
}
.lwa tr {
border: none;
display: flex;
flex-direction: column;
align-items: center;
}
.lwa tr.lwa-submit {
flex-direction: column-reverse;
}
.lwa td {
width: 100%;
margin: 0;
padding-top: 7px;
vertical-align: top;
text-align: center;
}
.lwa-password input, .lwa-username input, .lwa-email input, .lwa-remember-email input {
width: 100% !important;
border-radius: 0;
}
.lwa .lwa-username-label, .lwa .lwa-password-label {
padding-right: 10px;
vertical-align: middle;
text-align: left;
margin: 0;
}
.lwa .lwa-username-label label, .lwa .lwa-password-label label {
margin: 4px 10px 0;
}
.lwa .lwa-register {
margin-top: 10px;
display: none;
width: auto;
max-width: 450px;
position: relative;
z-index: 999;
margin: auto;
padding: 20px 30px;
left: auto;
}
td.lwa-info a:first-child {
display: none;
}
.toshow {
display:none;
}
.toshow.shown {
display:block;
}
.reveal-element {
font-weight: bold;
}
.button-group.button-large .button, .wp-core-ui .wp-core-ui .button.button-large {
min-height: 32px;
line-height: 2;
padding: 6px 14px 8px;
margin-top: 15px;
display: block;
width: 100%;
} .lwa div.nsl-container .nsl-button-default div.nsl-button-label-container {
font-size: 15px;
font-family: inherit;
padding: 11px 0;
letter-spacing: 0.8px;
}
div.nsl-container.nsl-container-block .nsl-container-buttons {
width: 100%;
padding: 4px 0;
}
.lwa #nsl-custom-login-form-main .nsl-container-login-layout-below, .lwa #nsl-custom-login-form-1 .nsl-container-embedded-login-layout-below {
padding: 0;
} @media (max-width: 1024px) {
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
}
.site-branding {
margin-top: 12px;
}
.wp-block-group, .wp-block-columns {
margin: 0 5%;
}
#primary-menu .wp-block-button .wp-block-button__link {
max-height: fit-content;
}
.sadpad-grid-container {
grid-template-columns: repeat(2, 1fr);
}
.row-group, .field-item {
flex-direction: column;
margin-bottom: 5px;
gap:5px;
}
footer.site-footer {
padding: 40px 5% 0;
}
.widget-column {
border-right: 0 solid #a7a6fd33 !important;
}
.single-kpis {
grid-template-columns: repeat(2, 1fr);
}
.single-content-layout {
grid-template-columns: 1fr;
}
.single-sidebar {
position: static;
}
.sadpad-sizer,
.sadpad-card {
width: 50%;
}
.forum-topic{
padding:10px;
gap:12px;
}
.forum-topic-avatar img{
width:44px;
height:44px;
}
} @media (max-width: 864px) {
.header-content-wrapper {
flex-direction: row;
}
.site-branding .site-description {
display: none;
}
.site-menu a.mobile-action {
display: inline-block;
}
.site-branding .site-title {
min-width: 120px;
}
.site-branding {
max-width: 220px;
}
#bar-menu{
width: 100%;
left: -110%;
}
.main-navigation {
justify-content: right;
background: transparent;
width: auto;
color: inherit;
margin-top: 0;
}
.main-navigation {
background: transparent;
color: #000;
text-align: right;
}
.main-navigation-container {
height: 60px;
}
.main-navigation-container .header-content-wrapper {
background-image: none;
}
.main-navigation-container .header-content-wrapper {
flex-direction: row;
height: 60px;
}
.site-branding .site-description {
display: none;
}
.admin-bar.fix-header .sadpad-top-bar {
top: 0;
}
.fix-header .main-navigation {
position: static;
}
.fix-header .sadpad-top-bar .site-title a {
display: none;
}
.fix-header .main-navigation-container {
position: fixed;
top: 44px;
}
.site-branding .site-title {
min-width: 120px;
}
.site-branding {
max-width: 220px;
}
.main-navigation {
justify-content: right;
background: transparent;
width: auto;
color: inherit;
margin-top: 0;
}
.main-navigation {
background: transparent;
color: #000;
text-align: right;
}
.register p {
flex-direction: column;
}
.register input.wpcf7-email {
width: -webkit-fill-available;
margin-bottom: 20px;
}
.sadpad-masonry {
column-count: 1;
}
.sadpad-sizer,
.sadpad-card {
width:100%;
}
.single-kpis {
grid-template-columns: 1fr;
}
.single-hero h1 {
font-size: 40px;
}
.annonces-grid {
grid-template-columns: 1fr;
}
.filters form {
grid-template-columns: 1fr;
}
}