@charset "UTF-8";
.c-accordion__item.no-js .c-accordion__content{display:block!important}.c-accordion__item.no-js .c-accordion__title{cursor:default;padding-right:none}.c-accordion__item.no-js .c-accordion__title:after{display:none}.c-accordion__title--button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-shadow:none;direction:ltr;display:inline-block;font:inherit;height:auto;margin:0;overflow:auto;padding:0;text-align:left;text-decoration:none;transition:0;vertical-align:middle;width:100%}.c-accordion__title--button,.c-accordion__title--button:focus,.c-accordion__title--button:hover{background-color:transparent;color:inherit}.c-accordion__title{cursor:pointer;padding-right:2rem;position:relative}.c-accordion__title:after{color:#777;content:"+";font-weight:300;position:absolute;right:0;top:50%;transform:translateY(-50%)}.is-open>.c-accordion__title:after{content:"−"}[data-initially-open=false] .c-accordion__content{display:none}@media print{.c-accordion__content{display:block!important}}
.editor-styles-wrapper .c-accordion__item.is-selected{border-bottom:1px solid var(--wp-admin-theme-color)!important}

*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *,
symbol *,
input[type=checkbox])) {
all: unset;
display: revert;
}
body,
ul,
p,
a {
all: unset;
display: revert;
} *,
*::before,
*::after {
box-sizing: border-box;
} a,
button {
cursor: revert;
} ol,
ul,
menu {
list-style: none;
} img {
max-inline-size: 100%;
max-block-size: 100%;
} table {
border-collapse: collapse;
} input,
textarea {
-webkit-user-select: auto;
} textarea {
white-space: revert;
} meter {
-webkit-appearance: revert;
-moz-appearance: revert;
appearance: revert;
} pre {
all: revert;
} ::-moz-placeholder {
color: unset;
}
::placeholder {
color: unset;
} ::marker {
content: initial;
} :where([hidden]) {
display: none;
} :where([contenteditable]:not([contenteditable=false])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
} :where([draggable=true]) {
-webkit-user-drag: element;
} :where(dialog:modal) {
all: revert;
}
@font-face {
font-family: MaziusDisplay;
src: url(https://nuancesradicales.com/wp-content/themes/dist/public/fonts/MaziusDisplay-Regular.woff?ab354cbbbad4db37332cec63ff82f570) format("woff");
src: url(https://nuancesradicales.com/wp-content/themes/dist/public/fonts/MaziusDisplay-Regular.woff2?e5d41eea7a258368ffcc07e03f136667) format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: MaziusDisplayItalic;
src: url(https://nuancesradicales.com/wp-content/themes/dist/public/fonts/MaziusDisplay-Extraitalic.woff?6c9b1cb0626666977f34211e07f9d37f) format("woff");
src: url(https://nuancesradicales.com/wp-content/themes/dist/public/fonts/MaziusDisplay-Extraitalic.woff2?575a65f471ec343ef40f2d578c4586ef) format("woff2");
font-style: italic, oblique;
}
body {
font-family: MaziusDisplay;
font-weight: 400;
min-height: 100vh;
display: grid;
grid-template-rows: 1fr auto;
background-image: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/background_all.jpg?bc1aa1532bfd19b8a9f320f2bf795061);
background-size: cover;
}
body.background_green {
background-image: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/background_green.jpg?a210756331ce4742d95d41ae607f6906);
}
body.background_orange {
background-image: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/background_orange.jpg?54e6471e445fd7683d01a4b8796a3e63);
}
body.admin-bar {
min-height: calc(100vh - 32px);
}
hr {
border: 1px solid #ff6e32;
margin: 2rem 0;
}
header {
background-color: #ffb978;
color: #ff5109;
display: flex;
align-items: flex-end;
align-items: center;
justify-content: space-between;
left: 0;
padding: 0 3rem;
position: fixed;
top: 0;
width: 100%;
z-index: 200;
}
.admin-bar header {
top: 32px;
}
@media screen and (max-width: 1170px) {
header {
padding: 0 1rem;
}
}
@media screen and (max-width: 900px) {
header {
padding: 1rem 1rem 1rem 2rem;
}
}
header .logo {
width: 150px;
}
header .logo svg {
display: block;
width: 100%;
}
header ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 3em;
text-transform: uppercase;
}
@media screen and (max-width: 1170px) {
header ul {
gap: 2em;
}
}
header ul li {
font-size: 1.3rem;
padding: 2rem 0;
position: relative;
}
@media screen and (max-width: 1170px) {
header ul li {
font-size: 1.2rem;
}
}
@media screen and (max-width: 1024px) {
header ul li {
font-size: 1rem;
}
}
header ul li:hover, header ul li.current-menu-item {
text-decoration: underline;
}
header ul li ul {
visibility: hidden;
opacity: 0;
position: absolute;
transition: all 0.5s ease;
margin-top: 2rem;
margin-left: -2rem;
left: 0;
display: none;
padding: 1rem;
}
header ul li ul li {
clear: both;
width: 100%;
padding: 1rem;
}
header ul li:hover > ul,
header ul li ul:hover {
background-color: #ff6e32;
color: #ffd9b5;
border: 2px solid #ffb978;
border-top: 0;
min-width: 300px;
visibility: visible;
opacity: 1;
display: block;
}
@media screen and (max-width: 900px) {
header ul {
overflow: hidden;
display: flex;
flex-direction: column;
position: absolute;
top: 5rem;
background-color: wheat;
height: 0;
width: 100%;
margin: 0;
left: 0;
text-align: center;
gap: 0;
transition: height 0.3s ease;
}
header ul li {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
flex: 1;
font-size: 1.2rem;
padding: 0;
}
header ul li a {
height: 100%;
display: flex;
justify-content: center; align-items: center;
}
header ul li:hover > ul,
header ul li ul {
display: none;
}
header ul li:nth-child(5n+1) {
background-color: #358780;
color: #d1e6df;
}
header ul li:nth-child(5n+2) {
background-color: #ff6e32;
color: #ffd9b5;
}
header ul li:nth-child(5n+3) {
background-color: white;
color: #296a64;
}
header ul li:nth-child(5n+4) {
background-color: #ffb978;
color: #ff5109;
}
header ul li:nth-child(5n+5) {
background-color: #90c1b1;
color: #296a64;
}
}
header .menu-icon {
cursor: pointer;
display: inline-block;
padding: 24px 20px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media screen and (min-width: 900px) {
header .menu-icon {
display: none;
}
}
header .menu-icon .navicon {
background: #ff5109;
display: block;
height: 2px;
position: relative;
transition: background 0.2s ease-out;
width: 18px;
}
header .menu-icon .navicon:before, header .menu-icon .navicon:after {
background: #ff5109;
content: "";
display: block;
height: 100%;
position: absolute;
transition: all 0.2s ease-out;
width: 100%;
}
header .menu-icon .navicon:before {
top: 5px;
}
header .menu-icon .navicon:after {
top: -5px;
}
header .menu-btn {
display: none;
}
@media screen and (max-width: 900px) {
header .menu-btn:checked ~ .menu {
height: calc(100vh - 80px);
}
header .menu-btn:checked ~ .menu-icon .navicon {
background: transparent;
}
header .menu-btn:checked ~ .menu-icon .navicon:before {
transform: rotate(-45deg);
}
header .menu-btn:checked ~ .menu-icon .navicon:after {
transform: rotate(45deg);
}
header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
top: 0;
}
}
@media screen and (max-width: 900px) {
body.menu-open {
overflow: hidden;
}
}
main {
margin: auto;
margin-top: 84px;
width: 100%;
max-width: 1300px;
padding: 1rem;
padding-bottom: 3rem;
}
@media screen and (max-width: 900px) {
main {
padding: 2rem;
}
}
main h1 {
margin: 1rem 0;
font-size: 1.5rem;
text-transform: uppercase;
width: 100%;
background-color: #90c1b1;
color: #296a64;
padding: 1rem 5rem 1rem 2rem;
position: relative;
}
@media screen and (max-width: 900px) {
main h1 {
font-size: 1.3rem;
}
}
main h1::after {
-webkit-mask: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/star.svg?e931b86b677bbec4cdaa996bb3af8c04);
mask: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/star.svg?e931b86b677bbec4cdaa996bb3af8c04);
-webkit-mask-size: cover;
mask-size: cover;
width: 30px;
height: 30px;
position: absolute;
right: 2rem;
bottom: 50%;
transform: translate(0, 15px);
content: "";
background-color: #358780;
}
main h2 {
font-size: 1.2rem;
margin-bottom: 1rem;
}
main p,
main ul {
margin-bottom: 1rem;
}
main p:last-child,
main ul:last-child {
margin-bottom: 0;
}
main a {
color: white;
}
main em {
font-family: MaziusDisplayItalic;
}
main ul {
list-style: disc;
margin-left: 1rem;
}
main .wp-block-columns {
gap: 2rem;
}
main .wp-block-columns .wp-block-column.hidden {
display: none;
}
main .wp-block-columns .wp-block-column {
margin-bottom: 4rem;
}
main .wp-block-columns .wp-block-column:first-child {
background-color: #358780;
color: #d1e6df;
padding: 2rem;
border-radius: 0.8rem;
}
main .wp-block-columns:nth-child(odd) {
flex-direction: row-reverse;
}
body.page-id-14 main .wp-block-columns:nth-child(odd) {
flex-direction: row;
}
body.page-id-14 main .wp-block-columns:nth-child(even) {
flex-direction: row-reverse;
}
main .wp-block-columns .wp-block-button.contact {
width: 100%;
}
main .wp-block-columns .wp-block-button.contact .wp-block-button__link {
padding: 2rem 3rem;
width: 100%;
text-transform: uppercase;
font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
main .wp-block-columns .wp-block-button.contact .wp-block-button__link {
font-size: 1rem;
padding: 2rem 2rem;
}
}
@media screen and (max-width: 768px) {
main .wp-block-columns .wp-block-button.contact .wp-block-button__link {
font-size: 1.5rem;
padding: 2rem 2rem;
}
}
main .basic-page {
padding: 2rem;
}
main .inf-main_b42a32350172cd36370226a103aae213 {
background-color: #90c1b1;
color: #296a64;
padding: 2rem;
border-radius: 0.8rem;
}
main .inf-main_b42a32350172cd36370226a103aae213 h4 {
display: none;
}
main .inf-main_b42a32350172cd36370226a103aae213 .inf-success h4 {
display: block;
color: #296a64;
margin-top: 1rem;
}
main .inf-main_b42a32350172cd36370226a103aae213 .inf-btn {
display: none;
}
main .inf-main_b42a32350172cd36370226a103aae213 span {
color: #296a64;
}
main .inf-main_b42a32350172cd36370226a103aae213 input {
background: #b1d3c8;
color: #296a64;
}
main .inf-main_b42a32350172cd36370226a103aae213 .inf-rgpd {
color: #296a64;
}
main .inf-main_b42a32350172cd36370226a103aae213 input[type=submit] {
background-color: #ffb978;
color: #ff5109;
padding: 1rem 2rem;
font-size: 1.2rem;
border-radius: 0.2rem;
}
main .wp-block-image img {
border-radius: 2px;
}
body.content_light_green main h1 {
background-color: #358780;
color: #d1e6df;
}
body.content_light_green main h1::after {
background-color: #90c1b1;
}
body.content_light_green main .wp-block-columns .wp-block-column:first-child,
body.content_light_green main .basic-page {
background-color: #90c1b1;
color: #296a64;
}
body.content_light_green main .wp-block-button .wp-block-button__link {
background-color: #358780;
color: #d1e6df;
}
body.content_green main h1 {
background-color: #90c1b1;
color: #296a64;
}
body.content_green main h1::after {
background-color: #358780;
}
body.content_green main .wp-block-columns .wp-block-column:first-child,
body.content_green main .basic-page {
background-color: #358780;
color: #d1e6df;
}
body.content_green main .wp-block-button .wp-block-button__link {
background-color: #90c1b1;
color: #296a64;
}
body.content_light_orange main h1 {
background-color: #ff6e32;
color: #ffd9b5;
}
body.content_light_orange main h1::after {
background-color: #ffb978;
}
body.content_light_orange main .wp-block-columns .wp-block-column:first-child,
body.content_light_orange main .basic-page {
background-color: #ffb978;
color: #ff5109;
}
body.content_light_orange main .wp-block-button .wp-block-button__link {
background-color: #ff6e32;
color: #ffd9b5;
}
body.content_orange main h1 {
background-color: #ffb978;
color: #ff5109;
}
body.content_orange main h1::after {
background-color: #ff6e32;
}
body.content_orange main .wp-block-columns .wp-block-column:first-child,
body.content_orange main .basic-page {
background-color: #ff6e32;
color: #ffd9b5;
}
body.content_orange main .wp-block-button .wp-block-button__link {
background-color: #ffb978;
color: #ff5109;
}
main .contact-info {
margin-top: 2rem;
background-color: #ff6e32;
color: #ffd9b5;
text-align: center;
padding: 1rem;
}
main .contact-info h2 {
margin-bottom: 1rem;
padding-bottom: 0.5rem;
font-size: 1.3rem;
border-bottom: 1px solid #ffb978;
}
main .contact-info h2::after, main .contact-info h2::before {
-webkit-mask: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/ampoule.svg?efcf790a7994bb6aa0f3d52b3a306afd);
mask: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/ampoule.svg?efcf790a7994bb6aa0f3d52b3a306afd);
-webkit-mask-size: cover;
mask-size: cover;
width: 16px;
height: 25px;
display: inline-block;
content: "";
background-color: #ffd9b5;
}
main .contact-info h2::after {
float: right;
}
main .contact-info h2::before {
float: left;
}
main .wp-block-webfactory-map {
margin-top: 2rem;
}
body.home main {
padding-top: 0;
}
body.home main ul {
list-style: none;
margin-left: 0;
}
body.home main .wp-block-columns {
flex-direction: row;
align-items: stretch;
}
body.home main .wp-block-columns .wp-block-column {
display: flex;
flex-direction: column;
}
body.home main .wp-block-columns .wp-block-column:first-child,
body.home main .wp-block-columns .wp-block-column:nth-child(3) {
background-color: unset;
padding: 0;
padding-top: 2rem;
}
@media screen and (max-width: 900px) {
body.home main .wp-block-columns .wp-block-column:first-child,
body.home main .wp-block-columns .wp-block-column:nth-child(3) {
padding-top: 0;
}
}
body.home main .wp-block-columns .wp-block-column:first-child h2,
body.home main .wp-block-columns .wp-block-column:nth-child(3) h2 {
text-transform: uppercase;
text-align: center;
background-color: #fff0e1;
border-radius: 6rem;
padding: 4rem;
margin: 0;
position: relative;
}
@media screen and (max-width: 1170px) {
body.home main .wp-block-columns .wp-block-column:first-child h2,
body.home main .wp-block-columns .wp-block-column:nth-child(3) h2 {
padding: 4rem 2rem;
font-size: 1rem;
}
}
@media screen and (max-width: 900px) {
body.home main .wp-block-columns .wp-block-column:first-child h2,
body.home main .wp-block-columns .wp-block-column:nth-child(3) h2 {
padding: 4rem;
font-size: 1.2rem;
}
}
@media screen and (max-width: 576px) {
body.home main .wp-block-columns .wp-block-column:first-child h2,
body.home main .wp-block-columns .wp-block-column:nth-child(3) h2 {
font-size: 1rem;
padding: 4rem 1rem;
}
}
body.home main .wp-block-columns .wp-block-column:first-child h2::after,
body.home main .wp-block-columns .wp-block-column:nth-child(3) h2::after {
-webkit-mask: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/star.svg?e931b86b677bbec4cdaa996bb3af8c04);
mask: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/star.svg?e931b86b677bbec4cdaa996bb3af8c04);
-webkit-mask-size: cover;
mask-size: cover;
width: 30px;
height: 30px;
display: inline-block;
content: "";
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -15px;
}
body.home main .wp-block-columns .wp-block-column:first-child .wp-block-buttons,
body.home main .wp-block-columns .wp-block-column:nth-child(3) .wp-block-buttons {
margin-top: auto;
align-items: center;
justify-content: center;
}
body.home main .wp-block-columns .wp-block-column:first-child .wp-block-buttons .wp-block-button,
body.home main .wp-block-columns .wp-block-column:nth-child(3) .wp-block-buttons .wp-block-button {
margin-top: 2rem;
}
body.home main .wp-block-columns .wp-block-column:first-child .wp-block-buttons .wp-block-button__link,
body.home main .wp-block-columns .wp-block-column:nth-child(3) .wp-block-buttons .wp-block-button__link {
padding: 1.5rem 4rem;
color: #fff0e1;
}
body.home main .wp-block-columns .wp-block-column .wp-block-group {
flex-grow: 1;
text-align: center;
background-color: #fff0e1;
border-radius: 6rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: 4rem;
margin: 0;
}
@media screen and (max-width: 1170px) {
body.home main .wp-block-columns .wp-block-column .wp-block-group {
padding: 4rem 2rem;
}
}
@media screen and (max-width: 1024px) {
body.home main .wp-block-columns .wp-block-column .wp-block-group {
padding: 4rem 1rem;
}
}
@media screen and (max-width: 900px) {
body.home main .wp-block-columns .wp-block-column .wp-block-group {
padding: 4rem;
}
}
@media screen and (max-width: 576px) {
body.home main .wp-block-columns .wp-block-column .wp-block-group {
padding: 4rem 2rem;
}
}
body.home main .wp-block-columns .wp-block-column .wp-block-group .wp-block-group__inner-container {
display: flex;
flex-direction: column;
height: 100%;
}
body.home main .wp-block-columns .wp-block-column:first-child h2 {
border-top: 2px solid #358780;
border-right: 2px solid #358780;
border-left: 2px solid #358780;
color: #296a64;
}
body.home main .wp-block-columns .wp-block-column:first-child h2::after {
background-color: #358780;
}
body.home main .wp-block-columns .wp-block-column:first-child .wp-block-group {
border-bottom: 2px solid #358780;
border-right: 2px solid #358780;
border-left: 2px solid #358780;
color: #296a64;
}
body.home main .wp-block-columns .wp-block-column:first-child .wp-block-button__link {
background-color: #358780;
}
body.home main .wp-block-columns .wp-block-column:nth-child(2) h2 {
text-align: center;
padding: 3rem 2rem 6rem 2rem;
background-color: #358780;
border-bottom-left-radius: 12rem;
border-bottom-right-radius: 12rem;
color: #d1e6df;
border-right: 2px solid #90c1b1;
border-left: 2px solid #90c1b1;
border-bottom: 2px solid #90c1b1;
position: relative;
}
@media screen and (max-width: 1024px) {
body.home main .wp-block-columns .wp-block-column:nth-child(2) h2 {
padding: 3rem 1rem 6rem 1rem;
}
}
@media screen and (max-width: 900px) {
body.home main .wp-block-columns .wp-block-column:nth-child(2) h2 {
padding: 3rem 2rem 6rem 2rem;
}
}
body.home main .wp-block-columns .wp-block-column:nth-child(2) h2::after {
content: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/arbre.svg?7d512329f7f119f6ff34d5cb760c0157);
padding: 1rem;
width: 150px;
height: 150px;
display: inline-block;
fill: #358780;
position: absolute;
bottom: -75px;
left: 50%;
margin-left: -75px;
background-color: #90c1b1;
border: 2px solid #358780;
border-radius: 10rem;
}
body.home main .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group {
background-color: #358780;
border: 2px solid #90c1b1;
color: #d1e6df;
}
body.home main .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group::after {
-webkit-mask: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/star.svg?e931b86b677bbec4cdaa996bb3af8c04);
mask: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/star.svg?e931b86b677bbec4cdaa996bb3af8c04);
-webkit-mask-size: cover;
mask-size: cover;
width: 40px;
height: 40px;
display: inline-block;
margin-top: -20px;
content: "";
background-color: #90c1b1;
}
@media screen and (max-width: 900px) {
body.home main .wp-block-columns .wp-block-column:nth-child(2) .wp-block-group::after {
display: none;
}
}
body.home main .wp-block-columns .wp-block-column:nth-child(3) h2 {
border-top: 2px solid #ff6e32;
border-right: 2px solid #ff6e32;
border-left: 2px solid #ff6e32;
color: #ff5109;
}
body.home main .wp-block-columns .wp-block-column:nth-child(3) h2::after {
background-color: #ff6e32;
}
body.home main .wp-block-columns .wp-block-column:nth-child(3) .wp-block-group {
border-bottom: 2px solid #ff6e32;
border-right: 2px solid #ff6e32;
border-left: 2px solid #ff6e32;
color: #ff5109;
}
body.home main .wp-block-columns .wp-block-column:nth-child(3) .wp-block-button__link {
background-color: #ff6e32;
}
@media screen and (max-width: 900px) {
body.home main .wp-block-columns {
flex-direction: column;
}
body.home main .wp-block-columns .wp-block-column:first-child,
body.home main .wp-block-columns .wp-block-column:nth-child(3) {
order: 3;
}
}
body.home main .wp-block-columns:nth-child(2) .wp-block-column {
padding-top: 2rem;
}
@media screen and (max-width: 900px) {
body.home main .wp-block-columns:nth-child(2) .wp-block-column {
padding-top: 0;
}
}
body.home main .wp-block-columns:nth-child(2) .wp-block-column .wp-block-button {
width: 100%;
margin-top: 2rem;
}
body.home main .wp-block-columns:nth-child(2) .wp-block-column .wp-block-button .wp-block-button__link {
width: 100%;
padding: 4rem;
background-color: #358780;
color: #fff0e1;
border: 2px solid #90c1b1;
text-transform: uppercase;
font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
body.home main .wp-block-columns:nth-child(2) .wp-block-column .wp-block-button .wp-block-button__link {
font-size: 1rem;
}
}
@media screen and (max-width: 900px) {
body.home main .wp-block-columns:nth-child(2) .wp-block-column .wp-block-button .wp-block-button__link {
font-size: 1.5rem;
}
}
body.home main .wp-block-columns:nth-child(2) .wp-block-column:nth-child(2) .wp-block-button .wp-block-button__link {
background-color: #90c1b1;
color: #296a64;
border: 2px solid #358780;
}
body.home main .wp-block-columns:nth-child(2) .wp-block-column:nth-child(3) .wp-block-button .wp-block-button__link {
background-color: #ff6e32;
color: #fff0e1;
border: 2px solid #ffb978;
}
body.blog main h1 {
padding: 3rem;
border-radius: 6rem;
font-size: 2rem;
text-align: center;
background-color: #ff6e32;
color: #ffd9b5;
}
body.blog main h1::after {
display: none;
}
body.blog .latest-posts .row,
body.page-template-template-activity .latest-posts .row {
display: flex;
gap: 2rem;
}
body.blog .latest-posts .row .wp-block-column,
body.page-template-template-activity .latest-posts .row .wp-block-column {
flex: 1;
background-color: unset;
padding: 0;
padding-top: 2rem;
}
@media screen and (max-width: 900px) {
body.blog .latest-posts .row .wp-block-column,
body.page-template-template-activity .latest-posts .row .wp-block-column {
padding-top: 0;
}
}
body.blog .latest-posts .row .wp-block-column h2,
body.page-template-template-activity .latest-posts .row .wp-block-column h2 {
text-transform: uppercase;
text-align: center;
background-color: #fff0e1;
border-radius: 6rem;
padding: 4rem 2rem;
margin: 0;
position: relative;
}
@media screen and (max-width: 1170px) {
body.blog .latest-posts .row .wp-block-column h2,
body.page-template-template-activity .latest-posts .row .wp-block-column h2 {
padding: 4rem 2rem;
font-size: 1rem;
}
}
@media screen and (max-width: 900px) {
body.blog .latest-posts .row .wp-block-column h2,
body.page-template-template-activity .latest-posts .row .wp-block-column h2 {
padding: 4rem;
font-size: 1.2rem;
}
}
@media screen and (max-width: 576px) {
body.blog .latest-posts .row .wp-block-column h2,
body.page-template-template-activity .latest-posts .row .wp-block-column h2 {
font-size: 1rem;
}
}
body.blog .latest-posts .row .wp-block-column h2::after,
body.page-template-template-activity .latest-posts .row .wp-block-column h2::after {
-webkit-mask: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/star.svg?e931b86b677bbec4cdaa996bb3af8c04);
mask: url(https://nuancesradicales.com/wp-content/themes/dist/public/images/star.svg?e931b86b677bbec4cdaa996bb3af8c04);
-webkit-mask-size: cover;
mask-size: cover;
width: 30px;
height: 30px;
display: inline-block;
content: "";
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -15px;
}
body.blog .latest-posts .row .wp-block-column .wp-block-buttons,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-buttons {
margin-top: auto;
align-items: center;
justify-content: center;
}
body.blog .latest-posts .row .wp-block-column .wp-block-buttons .wp-block-button,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-buttons .wp-block-button {
margin-top: 2rem;
}
body.blog .latest-posts .row .wp-block-column .wp-block-buttons .wp-block-button__link,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-buttons .wp-block-button__link {
padding: 1.5rem 4rem;
color: #fff0e1;
}
body.blog .latest-posts .row .wp-block-column .wp-block-group,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-group {
flex-grow: 1;
text-align: center;
background-color: #fff0e1;
border-radius: 6rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: 4rem;
margin: 0;
}
@media screen and (max-width: 1170px) {
body.blog .latest-posts .row .wp-block-column .wp-block-group,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-group {
padding: 4rem 2rem;
}
}
@media screen and (max-width: 1024px) {
body.blog .latest-posts .row .wp-block-column .wp-block-group,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-group {
padding: 4rem 1rem;
}
}
@media screen and (max-width: 900px) {
body.blog .latest-posts .row .wp-block-column .wp-block-group,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-group {
padding: 4rem;
}
}
@media screen and (max-width: 576px) {
body.blog .latest-posts .row .wp-block-column .wp-block-group,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-group {
padding: 4rem 2rem;
}
}
body.blog .latest-posts .row .wp-block-column .wp-block-group .wp-block-group__inner-container,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-group .wp-block-group__inner-container {
display: flex;
flex-direction: column;
height: 100%;
min-height: 200px;
}
body.blog .latest-posts .row .wp-block-column h2,
body.page-template-template-activity .latest-posts .row .wp-block-column h2 {
border-top: 2px solid #358780;
border-right: 2px solid #358780;
border-left: 2px solid #358780;
color: #296a64;
}
body.blog .latest-posts .row .wp-block-column h2::after,
body.page-template-template-activity .latest-posts .row .wp-block-column h2::after {
background-color: #358780;
}
body.blog .latest-posts .row .wp-block-column .wp-block-group,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-group {
border-bottom: 2px solid #358780;
border-right: 2px solid #358780;
border-left: 2px solid #358780;
color: #296a64;
}
body.blog .latest-posts .row .wp-block-column .wp-block-button__link,
body.page-template-template-activity .latest-posts .row .wp-block-column .wp-block-button__link {
background-color: #358780;
}
@media screen and (max-width: 900px) {
body.blog .latest-posts .row,
body.page-template-template-activity .latest-posts .row {
flex-direction: column;
}
}
body.blog .all-posts,
body.page-template-template-activity .all-posts {
margin-top: 2rem;
}
body.blog .all-posts .item-title,
body.blog .all-posts .item-block,
body.page-template-template-activity .all-posts .item-title,
body.page-template-template-activity .all-posts .item-block {
margin-top: 0.3rem;
box-sizing: border-box;
width: 100%;
display: block;
padding: 1rem 2rem;
}
body.blog .all-posts .item-title,
body.page-template-template-activity .all-posts .item-title {
font-size: 1.5rem;
text-transform: uppercase;
background-color: #296a64;
color: #d1e6df;
}
body.blog .all-posts .item-block,
body.page-template-template-activity .all-posts .item-block {
font-size: 1.2rem;
background-color: #90c1b1;
color: #296a64;
}
body.blog .all-posts .menu-item .menu-item,
body.page-template-template-activity .all-posts .menu-item .menu-item {
padding-left: 2rem;
}
body.page-template-template-activity.content_light_orange .item-title {
font-size: 1.5rem;
text-transform: uppercase;
background-color: #ff5109;
color: #ffd9b5;
}
body.page-template-template-activity.content_light_orange .item-block {
font-size: 1.2rem;
background-color: #ffb978;
color: #ff5109;
}
body.single-post .container {
display: flex;
flex-direction: row-reverse;
gap: 2rem;
}
@media screen and (max-width: 900px) {
body.single-post .container {
flex-direction: column;
}
}
body.single-post .container .row:nth-child(1) {
flex: 1;
}
body.single-post .container .row:nth-child(1) .infos {
background-color: #ff6e32;
color: #ffd9b5;
padding: 2rem;
border-radius: 2rem;
}
body.single-post .container .row:nth-child(1) ul {
margin: 0;
}
@media screen and (max-width: 900px) {
body.single-post .container .row:nth-child(1) ul {
display: none;
}
}
body.single-post .container .row:nth-child(1) ul li {
margin-top: 1rem;
background-color: #ffb978;
padding: 2rem;
list-style: none;
border-radius: 2rem;
}
body.single-post .container .row:nth-child(1) ul li h2 {
text-transform: uppercase;
color: #ff5109;
margin: 0;
}
body.single-post .container .row:nth-child(1) ul li a {
color: #ff5109;
}
body.single-post .container .row:nth-child(2) {
flex: 2;
}
body.single-post .container .row:nth-child(2) .content {
background-color: #90c1b1;
color: #296a64;
padding: 2rem;
border-radius: 2rem;
}
body.single-post .container .row:nth-child(2) .to_you {
margin-top: 2rem;
background-color: #ff6e32;
color: #ffd9b5;
padding: 2rem;
border-radius: 2rem;
}
@media screen and (min-width: 900px) {
body.single-post .container-mobile {
display: none;
}
}
body.single-post .container-mobile ul {
margin-top: 2rem;
margin-left: 0;
background-color: #ff6e32;
color: #ffd9b5;
padding: 2rem;
border-radius: 2rem;
list-style: none;
}
body.single-post .container-mobile ul li {
margin-bottom: 0.3rem;
}
body.single-post .container-mobile ul li a {
color: #ffd9b5;
}
body.single-post #comments {
background-color: #ffb978;
padding: 2rem;
color: #ff5109;
}
body.single-post #comments h3 {
font-size: 2rem;
}
body.single-post #comments label {
display: block;
}
body.single-post #comments input[type=text],
body.single-post #comments input[type=email],
body.single-post #comments textarea {
width: 100%;
background-color: #ffd3ab;
padding: 1rem;
}
body.single-post #comments input[type=submit] {
margin-top: 1rem;
background-color: #ff6e32;
color: #ffd9b5;
padding: 1.5rem;
border-radius: 2rem;
}
body.single-post .comment {
background-color: #fff0e1;
color: #296a64;
padding: 2rem;
margin-top: 2rem;
}
body.single-post .comment .says {
display: none;
}
body.single-post .comment .avatar {
border-radius: 150px;
}
body.single-post .comment .comment-reply-link {
color: #ff5109;
}
body.page-template-template-queers .menu-container,
.page-template-template-pro .menu-container {
margin-top: 2rem;
}
body.page-template-template-queers .menu-container .item-title,
body.page-template-template-queers .menu-container .item-block,
.page-template-template-pro .menu-container .item-title,
.page-template-template-pro .menu-container .item-block {
margin-top: 0.3rem;
box-sizing: border-box;
width: 100%;
display: block;
padding: 1rem 2rem;
}
body.page-template-template-queers .menu-container .item-title,
.page-template-template-pro .menu-container .item-title {
font-size: 1.5rem;
text-transform: uppercase;
}
body.page-template-template-queers .menu-container .menu-item .menu-item,
.page-template-template-pro .menu-container .menu-item .menu-item {
padding-left: 2rem;
}
body.content_light_green .item-title,
body.content_light_green .item-block {
background-color: #90c1b1;
color: #296a64;
}
body.content_green .item-title,
body.content_green .item-block {
background-color: #358780;
color: #d1e6df;
}
body.content_light_orange .item-title,
body.content_light_orange .item-block {
background-color: #ffb978;
color: #ff5109;
}
body.content_orange .item-title,
body.content_orange .item-block {
background-color: #ff6e32;
color: #ffd9b5;
}
.page-template-template-faq h2 {
margin: 2rem 0 2px 0;
font-size: 1.2rem;
text-transform: uppercase;
width: 100%;
background-color: #358780;
color: #d1e6df;
padding: 1rem 2rem;
border-radius: 1px;
}
.wp-block-pb-accordion-item {
border-radius: 1px;
margin: 0 0 2px 0;
background: #90c1b1;
color: #296a64;
padding: 0;
}
.wp-block-pb-accordion-item h2 {
margin: 0;
padding: 1rem 4rem 1rem 2rem;
background-color: #90c1b1;
color: #296a64;
text-transform: uppercase;
}
.wp-block-pb-accordion-item h2::after {
color: #296a64;
font-size: 3rem;
margin-top: -2px;
padding-right: calc(2rem + 4px);
}
.wp-block-pb-accordion-item .c-accordion__content {
border-top: 1px solid #b1d3c8;
padding: 2rem 2rem;
}
div.wpforms-container {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
div.wpforms-container input[type=text],
div.wpforms-container input[type=email],
div.wpforms-container textarea {
border: 0 !important;
background-color: #d1e6df !important;
color: #296a64 !important;
}
div.wpforms-container input[type=text],
div.wpforms-container input[type=email] {
height: 34px !important;
}
div.wpforms-container textarea {
height: 90px !important;
}
.wpforms-required-label {
color: #cb3b00 !important;
}
.wpforms-error {
padding-top: 0.5rem !important;
color: #cb3b00 !important;
}
.wpforms-submit {
border-radius: 0.2rem !important;
width: 150px !important;
text-align: center !important;
background-color: #ffb978 !important;
border: 0 !important;
color: #cb3b00 !important;
}
footer {
background-color: #358780;
color: #d1e6df;
display: flex;
align-items: flex-start;
align-items: center;
gap: 1rem;
left: 0;
padding: 1rem 3rem;
width: 100%;
z-index: 100;
}
@media screen and (max-width: 1170px) {
footer {
padding: 1rem;
}
}
@media screen and (max-width: 900px) {
footer {
flex-direction: column;
text-align: center;
}
}
footer .logo {
width: 150px;
}
footer .logo svg {
display: block;
width: 100%;
}
footer .credits .copyrights,
footer .credits .privacy {
font-size: 0.8rem;
}
@media screen and (max-width: 1300px) {
footer .credits {
font-size: 0.8rem;
}
footer .credits .copyrights,
footer .credits .privacy {
font-size: 0.6rem;
}
}
@media screen and (max-width: 900px) {
footer .credits {
order: 3;
font-size: 0.8rem;
}
footer .credits .copyrights,
footer .credits .privacy {
font-size: 0.6rem;
}
}
footer ul {
list-style: none;
overflow: hidden;
margin: 0;
padding: 0;
display: flex;
gap: 2em;
order: 2;
margin-left: auto;
text-transform: uppercase;
}
@media screen and (max-width: 1170px) {
footer ul {
gap: 1em;
}
}
@media screen and (max-width: 900px) {
footer ul {
flex-direction: column;
margin: auto;
}
}
footer ul li {
font-size: 1rem;
}
@media screen and (max-width: 1170px) {
footer ul li {
font-size: 0.8rem;
}
}
@media screen and (max-width: 1024px) {
footer ul li {
font-size: 0.7rem;
}
}
@media screen and (max-width: 900px) {
footer ul li {
font-size: 1rem;
}
}
footer ul li:hover, footer ul li.current-menu-item {
text-decoration: underline;
}.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}