@-webkit-keyframes slide-right-small {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes slide-right-small {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@-webkit-keyframes slide-right-big {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
}
@keyframes slide-right-big {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
}
.reveal-wrapper {
position: relative;
overflow: hidden;
}
.overlay {
display: block;
position: absolute;
left: 0;
top: 0;
background: #F8F4F0;
width: 100%;
height: 100%;
}
.zoom-in {
transition: all 1s ease-in-out;
}
.zoom-in:hover {
transform: scale(1.1);
}
*,
*::after,
*::before {
margin: 0;
padding: 0;
box-sizing: inherit;
}
html {
box-sizing: border-box;
font-size: 62.5%;
}
@media (max-width: 82.1875em) {
html {
font-size: 56.25%;
}
}
@media (max-width: 56.25em) {
html {
font-size: 50%;
}
}
body {
overflow-x: hidden;
}
a {
text-decoration: none;
color: inherit;
}
strong {
font-weight: 500;
}
ul {
list-style: none;
}
.banner {
width: 100%;
height: 40rem;
background-size: cover;
background-position: center center;
background-color: #F8F4F0;
display: flex;
justify-content: center;
align-items: center;
}
.page-template-template-inscription .banner {
background-position: top left;
}
.banner h2 {
padding: 0 3rem;
}
.main {
background-color: rgba(242, 238, 230, 0.36);
padding: 13.5rem 0;
}
.main__wrapper {
max-width: 1065px;
margin: 0 auto;
}
.my-paragraph {
max-width: 85.5rem;
margin: auto;
}
.wp-paragraph {
margin-top: -2rem;
}
.is-splited {
display: block !important;
}
.tenue-paragraph {
padding-top: 4rem;
}
.parcours-paragraph {
padding-top: 2rem;
}
.wp-paragraph * {
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.wp-paragraph ul {
list-style: initial;
padding-inline-start: 40px;
margin-block-end: 0;
}
.wp-paragraph li {
margin-block-end: 0;
}
.hide-desktop {
display: none;
}
.bg-white {
background-color: #ffffff;
}
.hide-mobile .simple-text__wrapper {
padding: 6.5rem 0 10rem 0;
}
@media (max-width: 37.5em) {
.hide-mobile {
display: none !important;
}
.hide-desktop {
display: block;
margin-bottom: 8rem;
margin-left: -3rem;
transform: none !important;
}
.professeurs-template-single-prof .hide-desktop {
margin-left: 0;
}
}
body {
font-family: "Work Sans", sans-serif;
color: #3F3F3F;
font-size: 1.8rem;
line-height: 2.6rem;
}
.heading-1 {
font-family: "Ibarra Real Nova", serif;
font-size: 3.7rem;
font-weight: 400;
color: #EA412C;
text-transform: uppercase;
}
@media (max-width: 56.25em) {
.heading-1 {
font-size: 3rem;
}
}
.heading-2-small {
font-family: "Ibarra Real Nova", serif;
font-size: 5.5rem;
line-height: 5.8rem;
font-weight: 700;
color: #EA412C;
}
@media (max-width: 37.5em) {
.heading-2-small {
font-size: 4.5rem;
}
}
.heading-2-small--pink {
color: #FB867D;
}
.heading-2-small--grey {
color: #5A5A5A;
}
.heading-2-small--dark-grey {
color: #3F3F3F;
}
.heading-2-big {
font-family: "Ibarra Real Nova", serif;
font-size: 8.5rem;
line-height: 7.5rem;
font-weight: 700;
color: #EA412C;
position: relative;
z-index: 3;
}
.heading-2-big--pink {
color: #FB867D;
}
.heading-2-big--grey {
color: #5A5A5A;
}
.heading-2-big--line-height-big {
line-height: 9.5rem;
}
.heading-2-big--number-1:before {
content: "1";
position: absolute;
top: 50px;
left: -13rem;
font-size: 22rem;
color: rgba(206, 198, 184, 0.7);
}
.heading-2-big--number-2:before {
content: "2";
position: absolute;
top: 50px;
left: -13rem;
font-size: 22rem;
color: rgba(251, 134, 125, 0.5);
}
.heading-2-big--number-3:before {
content: "3";
position: absolute;
top: 50px;
left: -13rem;
font-size: 22rem;
color: rgba(231, 199, 184, 0.8);
}
@media (max-width: 37.5em) {
.heading-2-big {
font-size: 5.5rem;
line-height: 5.8rem;
}
}
.heading-date {
position: absolute;
top: 0;
left: -39px;
}
@media (max-width: 73.4375em) {
.heading-date {
left: 5px;
}
}
.heading-date-top {
position: absolute;
top: -40px;
left: -39px;
}
.heading-3 {
font-family: "Ibarra Real Nova", serif;
font-size: 4rem;
line-height: 4rem;
font-weight: 700;
color: #EA412C;
word-break: break-word;
}
.heading-4 {
font-family: "Ibarra Real Nova", serif;
font-size: 13rem;
font-weight: 700;
color: #FB867D;
transform: rotate(90deg);
}
@media (max-width: 37.5em) {
.heading-4 {
font-size: 8rem;
}
}
.heading-4--red {
color: #EA412C;
}
.heading-5,
h5 {
text-transform: uppercase;
color: #5A5A5A;
font-size: 1.6rem;
}
.heading-5--red {
color: #EA412C;
}
.list {
text-transform: uppercase;
font-weight: 500;
color: #5A5A5A;
list-style: none;
}
.list li {
counter-increment: my-awesome-counter;
position: relative;
z-index: 2;
}
.list li:not(:last-child) {
padding-bottom: 5rem;
}
.list li::before {
content: counter(my-awesome-counter, upper-roman);
color: #E7C7B8;
font-size: 5.5rem;
font-family: "Ibarra Real Nova", serif;
font-weight: 700;
position: absolute;
z-index: -1;
top: -10px;
left: -3rem;
}
.accordion {
cursor: pointer;
}
.accordion:before {
content: '\002B';
font-size: 2rem;
font-weight: 500;
float: left;
padding-right: 1rem;
}
.active:before {
content: "\2212";
}
.details {
font-weight: 300;
padding: 0 22px;
margin-bottom: 2rem;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.details p {
font-size: 1.6rem;
}
.image-layout__link {
color: #EA412C;
font-weight: 500;
color: #EA412C;
text-transform: uppercase;
padding-right: 3rem;
}
.image-layout__link:hover+.image-layout__icon>.animated-icon {
-webkit-animation: slide-right-small 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite both;
animation: slide-right-small 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite both;
}
.image-layout__icon {
fill: #EA412C;
width: 3rem;
height: 3rem;
position: absolute;
top: -2px;
right: -15px;
overflow: visible;
cursor: pointer;
}
.image-layout__icon:hover {
-webkit-animation: slide-right-small 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite both;
animation: slide-right-small 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite both;
}
.link {
font-size: 1.6rem;
color: #3F3F3F;
text-transform: uppercase;
font-weight: 500;
}
.link:hover {
color: #EA412C;
}
.underline-link {
justify-self: start;
position: relative;
font-size: 1.6rem;
color: #3F3F3F;
text-transform: uppercase;
font-weight: 500;
}
.underline-link::after {
content: "";
position: absolute;
width: 65%;
height: 5px;
bottom: -7px;
left: 2px;
background-color: #FDBFB0;
transition: all 0.3s ease-in-out 0s;
}
.underline-link:hover::after {
width: 100%;
}
.arrow-link__link:hover+.arrow-link__icon>.animated-icon {
-webkit-animation: slide-right-big 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite both;
animation: slide-right-big 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite both;
}
.arrow-link {
position: relative;
}
.arrow-link__box {
display: inline-block;
position: relative;
z-index: 3;
}
.arrow-link__link {
display: block;
font-size: 1.6rem;
font-weight: 500;
color: #EA412C;
text-transform: uppercase;
margin-top: 5rem;
}
.arrow-link__link--grey {
color: #5A5A5A;
}
.arrow-link__icon {
fill: #EA412C;
width: 3rem;
height: 3rem;
transition: all .3s;
overflow: visible;
cursor: pointer;
}
.arrow-link__icon:hover {
-webkit-animation: slide-right-big 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite both;
animation: slide-right-big 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite both;
}
.arrow-link__shape {
position: absolute;
top: -186px;
left: -186px;
z-index: 2;
width: 86%;
}
@media (max-width: 37.5em) {
.arrow-link__shape {
top: -29px;
left: -67px;
}
}
.framed-btn {
display: inline-block;
position: relative;
text-align: center;
font-size: 1.6rem;
color: #3F3F3F;
border: 2px solid #EA412C;
text-transform: uppercase;
padding: 0.8rem 3.5rem;
overflow: hidden;
}
.framed-btn:hover:before {
opacity: 1;
transform: translate(0, 0);
}
.framed-btn:before {
content: 'par ici !';
position: absolute;
left: 0;
width: 100%;
opacity: 0;
transform: translate(-100%, 0);
transition: all .3s ease-in-out;
}
.framed-btn:hover div {
opacity: 0;
transform: translate(100%, 0);
}
.framed-btn div {
transition: all .3s ease-in-out;
}
@media (max-width: 37.5em) {
.framed-btn--newsletter {
margin-top: 1.5rem;
}
}
.framed-btn--newsletter:before {
content: 'merci !';
}
.framed-btn--center {
justify-self: center !important;
}
.two-btn .framed-btn {
margin-right: 4rem;
}
.cookie-btn {
color: #EA412C !important;
border: 2px solid #EA412C !important;
text-transform: uppercase;
border-radius: 0;
background: transparent !important;
}
.hero {
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: center;
}
.hero__color {
grid-column: 1 / 2;
grid-row: 1 / 2;
height: 75rem;
background-color: #F1DBD0;
}
.hero__quote {
grid-column: 2 / -1;
grid-row: 1 / 2;
align-self: stretch;
display: grid;
align-items: center;
background-color: #F2EEE6;
padding-left: 26%;
}
@media (max-width: 48.125em) {
.hero__quote {
padding-left: 13%;
}
}
@media (max-width: 37.5em) {
.hero__quote {
padding-right: 3rem;
}
}
.hero__quote-box {
display: grid;
align-content: center;
grid-gap: 5rem;
max-width: 530px;
min-height: 43%;
position: relative;
z-index: 3;
}
.hero__img {
grid-column: 1 / -1;
grid-row: 1 / 2;
width: 64%;
margin: 0 auto;
position: relative;
}
.hero__img h2 {
position: absolute;
text-align: center;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
@media (max-width: 48.125em) {
.hero__img h2 {
font-size: 13rem;
}
}
@media (max-width: 37.5em) {
.hero__img h2 {
font-size: 8rem;
}
}
.hero__img img {
width: 43%;
height: auto;
}
@media (max-width: 48.125em) {
.hero__img img {
display: none;
}
}
.hero .overlay {
background-color: #F2EEE6;
}
.video-gallery {
background-color: #F2EEE6;
}
.video-wrapper {
max-width: 1460px;
margin: 0 auto;
padding: 20rem 0;
}
.ul-video {
list-style: none;
display: flex;
flex-wrap: wrap;
}
.ul-video li {
width: 33.33%;
padding: 20px;
}
.iframe-container {
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
@media (max-width: 62.8125em) {
.ul-video li {
width: 50%;
}
}
@media (max-width: 37.5em) {
.ul-video li {
width: 100%;
}
}
.video {
background-color: #F2EEE6;
}
.video--white {
background-color: #FFFFFF;
}
.video--light {
background-color: #F8F4F0;
}
.video__container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.video h2 {
position: absolute;
text-align: center;
top: 50%;
left: -10px;
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.video__shape {
position: absolute;
right: 45px;
top: -100px;
width: 16%;
}
@media (max-width: 82.1875em) {
.video__shape {
top: -80px;
}
}
@media (max-width: 56.25em) {
.video__shape {
top: -60px;
}
}
@media (max-width: 37.5em) {
.video__shape {
display: none;
}
}
.video__wrapper {
position: relative;
max-width: 1065px;
margin: 0 auto;
padding: 17.5rem 0 15rem 0;
}
@media (max-width: 82.1875em) {
.video__wrapper {
padding: 17.5rem 15rem 10rem;
}
}
@media (max-width: 48.125em) {
.video__wrapper {
padding: 13.5rem 6rem 10rem;
}
}
.vp-controls {
display: none !important;
}
.player .vp-sidedock {
display: none !important;
}
.simple-text {
background-color: #F2EEE6;
}
.simple-text--pink {
background-color: #F1DBD0;
}
.simple-text__wrapper {
position: relative;
max-width: 1065px;
margin: 0 auto;
padding: 13.5rem 0 10rem 0;
display: grid;
grid-gap: 4rem;
justify-content: start;
}
@media (max-width: 82.1875em) {
.simple-text__wrapper {
padding: 13.5rem 10rem 10rem;
}
}
@media (max-width: 37.5em) {
.simple-text__wrapper {
padding: 13.5rem 6rem 10rem;
}
}
.simple-text__wrapper--center {
justify-content: center;
text-align: center;
}
.simple-text__shape {
position: absolute;
right: 0;
}
@media (max-width: 37.5em) {
.simple-text__shape {
display: none;
}
}
.simple-text__shape--red {
top: 50px;
}
.simple-text__paragraphe {
max-width: 80rem;
}
.simple-text__list {
column-count: 2;
justify-self: start;
list-style: none;
height: 9rem;
}
@media (max-width: 56.25em) {
.simple-text__list {
height: 12rem;
column-count: inherit;
}
}
.simple-text__list a {
font-weight: 500;
font-size: 1.6rem;
color: #3F3F3F;
}
@media (max-width: 37.5em) {
.simple-text__list a {
font-size: 1.4rem;
}
}
.simple-text__list a:hover {
color: #EA412C;
}
.simple-text a {
justify-self: start;
color: #EA412C;
}
.simple-text__columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 2rem;
}
@media (max-width: 48.125em) {
.simple-text__columns {
grid-template-columns: 1fr;
grid-row-gap: 3rem;
}
}
.simple-text__columns div:nth-child(3) {
padding-left: 4rem;
}
@media (max-width: 48.125em) {
.simple-text__columns div:nth-child(3) {
padding-left: 0;
}
}
.simple-text__col-paragraph {
column-count: 2;
column-gap: 5rem;
}
@media (max-width: 56.25em) {
.simple-text__col-paragraph {
column-count: inherit;
}
}
.simple-text__col-paragraph * {
margin-block-start: 0;
}
.img-text-layout {
display: grid;
grid-template-columns: 1fr minmax(33.5rem, 1fr) 1fr;
min-height: 82rem;
}
@media (max-width: 62.8125em) {
.img-text-layout {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 37.5em) {
.img-text-layout {
grid-template-columns: 1fr;
}
}
.img-text-layout__left {
grid-column: 1 / 2;
background-repeat: no-repeat;
background-size: cover;
display: grid;
grid-template-columns: repeat(3, minmax(10px, 1fr)) repeat(4, minmax(150px, 1fr));
grid-template-rows: repeat(7, 1fr);
align-items: center;
}
@media (max-width: 87.5em) {
.img-text-layout__left {
grid-template-columns: repeat(3, minmax(10px, 1fr)) repeat(4, minmax(20%, 1fr));
}
}
.img-text-layout__text {
grid-column: 6 / -1;
grid-row: 2 / span 5;
width: 44rem;
background-color: #FDBFB0;
list-style: none;
display: grid;
grid-row-gap: 4rem;
padding: 10rem 5rem;
}
@media (max-width: 37.5em) {
.img-text-layout__text {
grid-column: 1 / -1;
margin: auto;
width: 37rem;
}
}
.img-text-layout__text a {
display: block;
padding-top: 1rem;
}
.img-text-layout__text--beige {
background-color: #F8F4F0;
}
.img-text-layout__right {
grid-column: 3 / -1;
background-color: #F8F4F0;
display: grid;
grid-template-columns: repeat(4, minmax(150px, 1fr)) repeat(3, minmax(10px, 1fr));
align-items: center;
}
@media (max-width: 87.5em) {
.img-text-layout__right {
grid-template-columns: repeat(4, minmax(33%, 1fr)) repeat(3, minmax(10px, 1fr));
}
}
@media (max-width: 62.8125em) {
.img-text-layout__right {
display: none;
}
}
.img-text-layout__right img {
grid-column: 1 / 2;
margin-left: -11rem;
width: 269%;
}
.two-links {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.image-layout {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 48.125em) {
.image-layout {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 37.5em) {
.image-layout {
grid-template-columns: 1fr;
}
}
.image-layout__left {
background-color: #F8F4F0;
display: grid;
grid-template-columns: repeat(3, minmax(10px, 1fr)) repeat(4, minmax(150px, 1fr));
grid-template-rows: repeat(7, 1fr);
align-items: center;
position: relative;
height: 82rem;
}
@media (max-width: 87.5em) {
.image-layout__left {
grid-template-columns: repeat(3, minmax(10px, 1fr)) repeat(4, minmax(20%, 1fr));
}
}
@media (max-width: 48.125em) {
.image-layout__left {
grid-column: 1 / span 2;
}
}
@media (max-width: 37.5em) {
.image-layout__left {
grid-template-columns: 1fr;
}
}
.image-layout__cours {
grid-column: 4 / 7;
grid-row: 2 / span 5;
}
@media (max-width: 37.5em) {
.image-layout__cours {
grid-column: 1;
}
}
.image-layout__cours img {
display: block;
width: 100%;
}
@media (max-width: 37.5em) {
.image-layout__cours img {
padding: 0 3rem;
}
}
.image-layout__title {
position: absolute;
right: -180px;
}
@media (max-width: 82.1875em) {
.image-layout__title {
right: -165px;
}
}
@media (max-width: 56.25em) {
.image-layout__title {
right: -145px;
}
}
@media (max-width: 37.5em) {
.image-layout__title {
right: auto;
}
}
.image-layout__box {
grid-column: 3 / -1;
grid-row: 7 / -1;
text-align: right;
position: relative;
}
@media (max-width: 37.5em) {
.image-layout__box {
grid-column: 1;
margin-right: 4rem;
}
}
.image-layout__right {
justify-self: end;
position: relative;
padding-left: 8rem;
}
@media (max-width: 48.125em) {
.image-layout__right {
display: none;
}
}
.image-layout__img-box {
height: 82rem;
width: 35vw;
}
.image-layout__shape {
position: absolute;
top: -85px;
left: -8px;
z-index: 1;
}
.image-layout__img {
background-size: cover;
background-repeat: no-repeat;
height: 100%;
}
.image-layout__text {
background-color: #F1DBD0;
height: 82rem;
width: 35vw;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 5rem 0 10rem;
}
@media (max-width: 87.5em) {
.image-layout__text {
width: 40vw;
}
}
@media (max-width: 56.25em) {
.professeurs-template-single-prof .image-layout__text {
padding: 0 5rem;
}
}
.image-layout__text--beige-light {
background-color: #F8F4F0;
}
.image-layout-bis .image-layout__title {
position: absolute;
right: -298px;
z-index: 1;
}
@media (max-width: 82.1875em) {
.image-layout-bis .image-layout__title {
right: -266px;
}
}
@media (max-width: 56.25em) {
.image-layout-bis .image-layout__title {
right: -238px;
}
}
@media (max-width: 37.5em) {
.image-layout-bis .image-layout__title {
right: -192px;
}
}
.image-layout-bis .image-layout__right {
display: block;
}
@media (max-width: 48.125em) {
.image-layout-bis .image-layout__right {
display: block;
grid-column: 2 / -1;
padding-left: 12rem;
}
}
@media (max-width: 37.5em) {
.image-layout-bis .image-layout__right {
padding-left: 0;
}
}
@media (max-width: 48.125em) {
.image-layout-bis .image-layout {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 37.5em) {
.image-layout-bis .image-layout {
grid-template-columns: 10rem repeat(2, 1fr);
}
}
@media (max-width: 48.125em) {
.image-layout-bis .image-layout__left {
grid-column: 1 / 2;
}
}
@media (max-width: 48.125em) {
.image-layout-bis .image-layout__text {
width: 100%;
}
}
@media (max-width: 48.125em) {
.image-layout-bis .image-layout__cours img {
display: none;
}
}
@media (max-width: 48.125em) {
.image-layout-bis .image-layout__shape {
display: none;
}
}
.image-layout-bis.odd .image-layout__left {
grid-column: 2 / -1;
margin-left: 8rem;
}
@media (max-width: 56.25em) {
.image-layout-bis.odd .image-layout__left {
margin-left: 0;
}
}
.image-layout-bis.odd .image-layout__right {
grid-column: 1 / 2;
grid-row: 1 / 2;
justify-self: start;
padding-left: 0;
}
.image-layout-bis.odd .image-layout__title {
right: inherit;
left: -158px;
}
@media (max-width: 56.25em) {
.image-layout-bis.odd .image-layout__title {
left: -128px;
}
}
.text-map {
display: grid;
grid-template-columns: repeat(2, 1fr);
height: 82rem;
}
@media (max-width: 56.25em) {
.text-map {
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr;
height: 140rem;
}
}
.text-map__information {
grid-column: 1 / 2;
background-color: #F8F4F0;
display: flex;
justify-content: center;
align-items: center;
padding: 0 8rem;
}
@media (max-width: 56.25em) {
.text-map__information {
grid-column: 1;
}
}
.text-map__text {
display: grid;
grid-row-gap: 3rem;
}
.text-map__map {
grid-column: 2 / -1;
}
@media (max-width: 56.25em) {
.text-map__map {
grid-column: 1;
}
}
.text-map__map iframe {
width: 100%;
height: 100%;
filter: grayscale(0.8);
}
.gm-style .place-card-large {
display: none;
}
.subscribe {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: min-content;
}
@media (max-width: 48.125em) {
.subscribe {
grid-template-columns: repeat(2, 1fr);
}
}
.subscribe__left {
grid-column: 1 / 2;
background-repeat: no-repeat;
background-size: cover;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(7, 1fr);
align-items: center;
}
.subscribe__left img {
grid-column: 5 / -1;
grid-row: 2 / span 5;
z-index: 1;
width: 190%;
}
@media (max-width: 48.125em) {
.subscribe__left img {
display: none;
}
}
@media (max-width: 70em) {
.subscribe__left img {
width: 220%;
}
}
.subscribe__left--beige-dark {
background-color: #F8F4F0;
}
.subscribe__right {
grid-column: 2 / -1;
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: center;
background-color: #FDBFB0;
padding: 22rem 8vw;
}
@media (max-width: 70em) {
.subscribe__right {
padding: 22rem 20vw;
}
}
@media (max-width: 48.125em) {
.subscribe__right {
padding: 22rem 3rem;
}
}
.subscribe__right--beige-medium {
background-color: #F2EEE6;
}
.subscribe__right--secondary-light {
background-color: #F1DBD0;
}
.subscribe__text {
grid-column: 2 / 3;
}
.subscribe.odd .subscribe__left {
grid-column: 3 / -1;
}
.subscribe.odd .subscribe__left img {
grid-column: 1 / 3;
margin-left: -20rem;
}
.subscribe.odd .subscribe__right {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.subscribe.odd .subscribe__text {
display: grid;
}
.subscribe.odd .arrow-link {
justify-self: end;
}
.subscribe.odd .arrow-link__shape {
width: auto;
}
.team__wrapper {
max-width: 1065px;
margin: 0 auto;
padding: 13.5rem 0;
display: grid;
grid-gap: 4rem;
justify-items: center;
text-align: center;
}
.team__wrapper-workshop {
justify-items: left;
padding: 13.5rem 0 0 0;
} @media (max-width: 82.1875em) {
.team__wrapper {
padding: 13.5rem 10rem;
}
}
@media (max-width: 62.8125em) {
.team__wrapper {
padding: 13.5rem 6rem;
}
}
@media (max-width: 56.25em) {
.team__wrapper {
padding: 13.5rem 4rem;
}
}
@media (max-width: 37.5em) {
.team__wrapper {
padding: 13.5rem 0 8rem;
}
}
@media (max-width: 82.1875em) {
.team__teachers {
max-width: 85%;
}
}
@media (max-width: 70em) {
.team__teachers {
max-width: 90%;
}
}
@media (max-width: 62.8125em) {
.team__teachers {
max-width: 95%;
}
}
@media (max-width: 56.25em) {
.team__teachers {
max-width: 100%;
}
}
.team__teachers-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 3rem;
}
@media (max-width: 48.125em) {
.team__teachers-container {
justify-content: center;
}
}
.team__teachers-workshops {
position: relative;
padding: 0;
}
.team p {
font-weight: 300;
}
@media (max-width: 37.5em) {
.team p {
padding: 0 3rem;
}
}
.team__one-teacher {
position: relative;
width: 355px;
height: 375px;
margin-bottom: 5rem;
}
@media (max-width: 37.5em) {
.team__one-teacher {
padding-bottom: 3rem;
}
}
.team__one-teacher figure img {
width: 88%;
height: auto;
}
.team__link {
position: absolute;
transform: rotate(-90deg);
transform-origin: bottom left;
bottom: 74px;
left: 20px;
}
@media (max-width: 82.1875em) {
.team__link {
bottom: 64px;
left: 14px;
}
}
@media (max-width: 37.5em) {
.team__link {
bottom: 62px;
}
}
.team figcaption {
font-size: 1.6rem;
line-height: 2.2rem;
font-weight: 300;
text-align: right;
padding: 0 2rem;
}
@media (max-width: 37.5em) {
.team figcaption {
padding: 0 3rem;
}
}
.team-big figcaption {
padding: 0 3rem;
}
.eds .team__one-teacher {
width: 330px;
height: fit-content;
margin-left: 1.2rem;
margin-right: 1.2rem;
box-shadow: 0 2px 10px 2px rgba(222, 222, 222, 0.5);
}
.eds .team__teachers-container {
justify-content: flex-start;
}
.eds figcaption {
display: grid;
grid-row-gap: 1.5rem;
text-align: left;
padding: 2rem;
}
.eds .team__one-teacher figure img {
width: 100%;
}
.eds .reveal-wrapper {
min-height: 63rem;
}
.team .overlay {
background-color: #fff;
}
.blog {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 48.125em) {
.blog {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 37.5em) {
.blog {
grid-template-columns: 1fr; grid-template-rows: 1fr;
}
}
.blog__left {
grid-column: 1 / 2;
background-color: #F8F4F0;
display: grid;
grid-template-columns: repeat(3, 1fr) repeat(3, minmax(15%, 1fr));
grid-template-rows: repeat(7, 1fr);
align-items: center;
padding: 5.5rem 0;
}
@media (max-width: 37.5em) {
.blog__left {
display: block;
padding: 0;
}
}
.blog__left--content {
position: relative;
grid-column: 5 / -1;
grid-row: 2 / span 5;
}
@media (max-width: 48.125em) {
.blog__left--content {
grid-column: 3 / 5;
}
}
@media (max-width: 37.5em) {
.blog__left--content {
height: 400px;
overflow: hidden;
}
}
.blog__img {
grid-column: 5 / -1;
grid-row: 2 / span 5;
width: 190%;
height: auto;
position: relative;
}
@media (max-width: 70em) {
.blog__img {
width: 220%;
}
}
@media (max-width: 37.5em) {
.blog__img {
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
}
.blog__shape {
position: absolute;
top: -15px;
left: -100px;
width: 100%;
}
@media (max-width: 70em) {
.blog__shape {
left: -60px;
}
}
@media (max-width: 48.125em) {
.blog__shape {
display: none;
}
}
.blog__title {
position: absolute;
top: 50%;
left: 117%;
color: #EA412C;
}
@media (max-width: 37.5em) {
.blog__title {
display: none;
}
}
.blog__right {
grid-column: 2 / -1;
display: grid;
grid-template-columns: minmax(30%, 1fr) minmax(43rem, 1fr) 1fr;
align-items: center;
}
@media (max-width: 70em) {
.blog__right {
grid-template-columns: minmax(30%, 1fr) minmax(50%, 1fr) 1fr;
}
}
@media (max-width: 48.125em) {
.blog__right {
grid-template-columns: 1fr;
padding: 0 5rem 0 11rem;
}
}
@media (max-width: 37.5em) {
.blog__right {
grid-column: 1 / 2;
padding: 0 5rem;
}
}
.blog__text {
grid-column: 2 / 3;
display: grid;
grid-row-gap: 3rem;
font-weight: 300;
padding: 6rem 0;
}
@media (max-width: 37.5em) {
.blog__text {
grid-column: 1 / -1;
}
}
.blog-text {
display: grid;
grid-template-columns: repeat(3, 1fr);
height: 82rem;
}
@media (max-width: 56.25em) {
.blog-text {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 48.125em) {
.blog-text {
grid-template-columns: 1fr;
height: auto;
}
}
.blog-text__left {
grid-column: 1 / 3;
grid-row: 1 / 2;
background-color: #F1DBD0;
display: grid;
grid-template-columns: minmax(10rem, 1fr) minmax(60rem, 1fr) 215px;
align-items: center;
}
@media (max-width: 56.25em) {
.blog-text__left {
grid-column: 1 / 2;
grid-template-columns: none;
padding: 6rem 5rem;
}
}
.blog-text__left ol {
padding: 0 5rem 0 3rem;
}
.blog-text__text {
grid-column: 2 / 3;
display: grid;
grid-row-gap: 3rem;
font-weight: 300;
}
@media (max-width: 37.5em) {
.blog-text__text {
grid-column: 1 / -1;
}
}
.blog-text__right {
grid-column: 3 / 4;
grid-row: 1 / 2;
background-color: #F8F4F0;
}
.blog-text__img-box {
grid-column: 3 / 4;
grid-row: 1 / 2;
align-self: center;
margin-left: -20rem;
position: relative;
}
@media (max-width: 70em) {
.blog-text__img-box {
margin-left: -10rem;
}
}
@media (max-width: 56.25em) {
.blog-text__img-box {
grid-column: 2 / 3;
height: 100%;
margin-left: 0;
overflow: hidden;
}
}
@media (max-width: 48.125em) {
.blog-text__img-box {
height: 400px;
grid-column: 1 / -1;
grid-row: 2 / 3;
}
}
.blog-text__img-box img {
width: 54%;
}
@media (max-width: 56.25em) {
.blog-text__img-box img {
height: 100%;
width: auto;
}
}
@media (max-width: 48.125em) {
.blog-text__img-box img {
height: auto;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
}
.hidden {
display: none;
}
@media (max-width: 37.5em) {
.hidden {
display: block;
}
}
.blog.odd .blog__left {
grid-column: 3 / -1;
grid-row: 1 / 2;
background-color: #F8F4F0;
}
@media (max-width: 48.125em) {
.blog.odd .blog__left {
grid-column: 2 / 3;
}
}
@media (max-width: 37.5em) {
.blog.odd .blog__left {
grid-column: 1 / 2;
}
}
.blog.odd .blog__left--content {
grid-column: 1 / 3;
}
.blog.odd .blog__right {
background-color: #F2EEE6;
grid-column: 1 / span 2;
grid-template-columns: minmax(8.5rem, 1fr) minmax(43rem, 1fr) minmax(30%, 1fr);
}
@media (max-width: 56.25em) {
.blog.odd .blog__right {
grid-template-columns: 1fr minmax(50%, 1fr) minmax(30%, 1fr);
}
}
@media (max-width: 48.125em) {
.blog.odd .blog__right {
grid-column: 1 / 2;
grid-template-columns: 1fr;
padding: 0 4rem 0 6rem;
}
}
@media (max-width: 37.5em) {
.blog.odd .blog__right {
padding: 0 5rem;
grid-row: 2 / 3;
}
}
@media (max-width: 48.125em) {
.blog.odd .blog__text {
grid-column: 1 / 2;
}
}
.blog.odd .blog__img {
margin-left: -100%;
position: relative;
}
@media (max-width: 48.125em) {
.blog.odd .blog__img {
margin-left: -20%;
}
}
@media (max-width: 37.5em) {
.blog.odd .blog__img {
margin-left: 0;
}
}
.blog.odd .blog__shape {
top: 48%;
left: 50%;
}
.top-footer {
background-color: #F2EEE6;
}
.top-footer-pink {
background-color: #F1DBD0;
}
.top-footer__wrapper {
max-width: 1065px;
margin: 0 auto;
padding: 13.5rem 0 0;
display: grid;
grid-gap: 4rem;
justify-items: center;
text-align: center;
}
@media (max-width: 82.1875em) {
.top-footer__wrapper {
padding: 13.5rem 10rem 0;
}
}
@media (max-width: 37.5em) {
.top-footer__wrapper {
padding: 13.5rem 6rem 0;
}
}
.top-footer p {
font-weight: 300;
max-width: 80rem;
}
.top-footer__img {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 6rem;
margin-top: 5rem;
}
.top-footer__img img {
display: block;
width: 100%;
}
@media (max-width: 37.5em) {
.top-footer__img.reveal>div:nth-child(2),
.top-footer__img.reveal>div:nth-child(3) {
display: none;
}
}
@media (max-width: 56.25em) {
.top-footer__img {
grid-gap: 3rem;
}
}
@media (max-width: 37.5em) {
.top-footer__img {
grid-template-columns: 1fr;
}
}
.footer {
background-color: #DCD6CB;
margin-top: -10%;
}
@media (max-width: 37.5em) {
.footer {
margin-top: -30%;
}
}
.footer__wrapper {
max-width: 1065px;
margin: 0 auto;
padding-top: 13.5rem;
text-align: center;
}
@media (max-width: 82.1875em) {
.footer__wrapper {
padding: 13.5rem 10rem 0;
}
}
@media (max-width: 37.5em) {
.footer__wrapper {
padding: 13.5rem 6rem 0;
}
}
.footer__newsletter {
margin: 12rem 0;
display: grid;
grid-row-gap: 6rem;
justify-content: center;
}
@media (max-width: 37.5em) {
.footer__newsletter {
justify-content: initial;
}
}
.footer__newsletter input {
width: 24rem;
background: none;
border: none;
border-radius: 0;
border-bottom: 2px solid #EA412C;
font-size: 1.4rem;
font-style: italic;
font-weight: 300;
color: #3F3F3F;
padding-bottom: 0.6rem;
margin-right: 0.8rem;
}
.footer__newsletter input:focus {
outline: none;
}
@media (max-width: 37.5em) {
.footer__newsletter input {
width: 100%;
margin-bottom: 4rem;
}
}
.footer__form {
display: flex;
}
@media (max-width: 37.5em) {
.footer__form {
flex-direction: column;
}
}
.footer__legals {
padding: 1rem 0;
text-align: center;
}
.footer__legals a {
padding: 0 2rem;
font-weight: 300;
}
@media (max-width: 37.5em) {
.footer__legals a {
font-size: 1.4rem;
padding: 0 1rem;
}
}
.footer .overlay {
background: #F2EEE6;
}
.top-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.8rem 4rem;
background-color: #F1DBD0;
}
.top-header__subscribe-link {
font-weight: 500;
text-transform: uppercase;
color: #EA412C;
text-decoration: none;
}
.top-header__socials {
padding-top: 0.5rem;
}
.top-header__socials a {
padding: 0 0.5rem;
}
.top-header__icon {
fill: #EA412C;
width: 2rem;
height: 2rem;
}
.header {
margin: 0 auto;
max-width: 1065px;
}
@media (max-width: 70em) {
.header {
padding: 0 3rem;
}
}
.header__nav {
display: flex;
justify-content: space-between;
align-items: center;
height: 17rem;
list-style: none;
}
.header__nav--link {
color: #3F3F3F;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
}
.dropbtn {
border: none;
cursor: pointer;
}
.header__logo {
background-image: url(https://amplitude-danse-toulouse.fr/wp-content/themes/amplitude-theme/img/logo-filigrane.png);
background-repeat: no-repeat;
background-position: center;
height: 100%;
display: flex;
align-items: center;
}
.header__navigation-responsive,
.header__nav-hamburger {
display: none;
}
@media (max-width: 48.125em) {
.header__navigation,
.header__nav {
display: none;
}
.header__navigation-responsive {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 14rem;
}
.header__nav-hamburger {
display: block;
position: relative;
height: 4rem;
width: 4.5rem;
border: none;
border-radius: 0;
background-color: transparent;
cursor: pointer;
z-index: 24;
transition: .5s ease-in-out;
}
.header__nav-hamburger span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 5px;
background-color: #EA412C;
opacity: 1;
left: 0;
transition: .25s ease-in-out;
}
.header__nav-hamburger span:nth-child(1) {
top: 0;
}
.header__nav-hamburger span:nth-child(2),
.header__nav-hamburger span:nth-child(3) {
top: 12px;
}
.header__nav-hamburger span:nth-child(4) {
top: 24px;
}
}
.header__nav-hamburger.clicked span:nth-child(1) {
top: 12px;
width: 0%;
left: 50%;
}
.header__nav-hamburger.clicked span:nth-child(2) {
transform: rotate(45deg);
}
.header__nav-hamburger.clicked span:nth-child(3) {
transform: rotate(-45deg);
}
.header__nav-hamburger.clicked span:nth-child(4) {
top: 12px;
width: 0%;
left: 50%;
}
.header__nav-responsive {
opacity: 0;
width: 0;
visibility: hidden;
position: absolute;
}
.header__nav-responsive.clicked {
opacity: 1;
position: absolute;
top: 18.7rem;
right: 0;
padding: 5rem 0 0 6rem;
background-color: #FB867D;
z-index: 22;
visibility: visible;
height: 100vh;
width: 67%;
transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
}
@media (max-width: 37.5em) {
.header__nav-responsive.clicked {
width: 100%;
}
}
.header__nav-responsive .header__nav--item {
padding: 3rem 0;
} .header__nav-responsive li a {
color: #fff;
font-size: 2.5rem;
}
.secondary-nav-shape {
position: relative;
right: 0;
}
.header__secondary-navigation {
position: fixed;
display: flex;
flex-direction: row-reverse;
align-items: center;
left: -32.5rem;
top: 50%;
transform: translateY(-50%);
background-color: #F8F4F0;
z-index: 1000;
transition: all .3s ease-in-out;
}
@media (max-width: 37.5em) {
.header__secondary-navigation {
display: none; }
} .header__secondary-navigation:hover {
background-color: #FFBFB2;
}
.header__secondary-navigation.deployed {
left: 0;
transition: all .3s ease-in-out;
}
.header__secondary-img::before {
content: url(//amplitude-danse-toulouse.fr/wp-content/themes/amplitude-theme/img/menu-shape.svg);
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -104px;
}
.header__secondary-img::after {
content: url(//amplitude-danse-toulouse.fr/wp-content/themes/amplitude-theme/img/menu-shape-hover.svg);
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -104px;
opacity: 0;
transition: opacity .3s ease-in-out;
}
@media (max-width: 37.5em) {
.header__secondary-img::before,
.header__secondary-img::after {
top: -70px;
transform: none;
right: -56px;
}
.header__secondary-img::before {
content: url(//amplitude-danse-toulouse.fr/wp-content/themes/amplitude-theme/img/menu-shape-mobile.svg);
}
.header__secondary-img::after {
content: url(//amplitude-danse-toulouse.fr/wp-content/themes/amplitude-theme/img/menu-shape-hover-mobile.svg);
}
}
.header__secondary-img:hover::after,
.header__secondary-img.visible::after {
opacity: 1;
}
.menu-cours-container {
padding: 2rem 3rem;
}
.menu-cours-container ul li {
padding: 1rem 0;
text-transform: uppercase;
}
.intro p {
max-width: 70rem;
}
.discipline p {
max-width: 80rem;
}
.page-id-11 .arrow-link__shape {
top: -335px;
left: -186px;
width: 100%;
}
@media (max-width: 37.5em) {
.page-id-11 .arrow-link__shape {
top: 0px;
left: 0px;
}
}
.page-id-78 .top-footer {
background-color: #fff;
}
.page-id-78 .top-footer__wrapper {
display: block;
}
.page-id-78 .top-footer__partenaires {
margin: 8rem 0 12rem;
}
@media (max-width: 70em) {
.subscribe__left img,
.subscribe.odd .subscribe__left img {
grid-column: 2 / 5;
}
}
@media (max-width: 82.1875em) {
.page-id-71 .heading-2-big--number-2:before,
.page-id-71 .heading-2-big--number-1:before,
.page-id-71 .heading-2-big--number-3:before {
left: -10rem;
}
}
@media (max-width: 48.125em) {
.page-id-71 .subscribe {
grid-template-columns: repeat(3, 1fr);
}
.page-id-71 .subscribe__right {
padding: 22rem 3rem 22rem 8rem;
}
.page-id-71 .heading-2-big--number-2:before,
.page-id-71 .heading-2-big--number-1:before,
.page-id-71 .heading-2-big--number-3:before {
top: 24px;
left: -8rem;
z-index: -1;
}
.page-id-71 .subscribe.odd .arrow-link__shape {
width: 351%;
}
.page-id-71 .arrow-link__shape {
top: -125px;
left: -155px;
}
}
@media (max-width: 37.5em) {
.page-id-71 .subscribe.odd .arrow-link__shape {
width: 228%;
}
.page-id-71 .arrow-link__shape {
top: -65px;
left: -90px;
}
.page-id-71 .subscribe {
grid-template-columns: 1fr;
}
}
.wpls-logo-showcase {
padding: 0 30px 50px 30px !important;
}
.wpls-logo-showcase .slick-dots li button {
border: 2px solid #979797 !important;
}
@media (max-width: 82.1875em) {
.team-big .team__wrapper {
padding: 13.5rem 0;
}
}
@media (max-width: 62.8125em) {
.team-big .team__wrapper {
padding: 13.5rem 0;
}
}
@media (max-width: 56.25em) {
.team-big .team__wrapper {
padding: 13.5rem 0;
}
}
@media (max-width: 37.5em) {
.team-big .team__wrapper {
padding: 13.5rem 0;
}
}
.team-big .team__one-teacher {
width: 490px;
min-height: 505px;
}
@media (max-width: 62.8125em) {
.team-big .team__one-teacher {
width: 355px;
min-height: 375px;
}
}
@media (max-width: 37.5em) {
.team-big .team__one-teacher {
width: 330px;
min-height: 375px;
}
}
.team-big .team figcaption {
padding: 0 3rem 0 13rem;
}
@media (max-width: 62.8125em) {
.team-big .team figcaption {
padding: 0 3rem 0 5rem;
}
}
@media (max-width: 82.1875em) {
.team-big .team__teachers {
max-width: 100%;
}
}
@media (max-width: 70em) {
.team-big .team__teachers {
max-width: 100%;
}
}
@media (max-width: 62.8125em) {
.team-big .team__teachers {
max-width: 100%;
}
}
@media (max-width: 56.25em) {
.team-big .team__teachers {
max-width: 100%;
}
}
@media (max-width: 82.1875em) {
.team-big .team__link {
bottom: 74px;
}
}
@media (max-width: 37.5em) {
.team-big .team__link {
bottom: 82px;
left: 15px;
}
}
.nf-from-content {
font-size: 1.6rem;
}
#nf-form-title-3 h3 {
font-family: "Ibarra Real Nova", serif;
font-size: 4rem;
font-weight: 700;
color: #FB867D;
padding-bottom: 1rem;
}
#nf-field-179-container {
margin-top: 25px;
;
}
#nf-field-316-wrap,
#nf-field-282-wrap,
#nf-field-352-wrap {
text-align: center;
padding-top: 3rem;
}
.btn-ninja {
padding: 0.8rem 6.5rem !important;
color: #fff !important;
background: #FB867D !important;
text-transform: uppercase;
}
.nf-pass.field-wrap .nf-field-element:after {
color: #FB867D !important;
}
.nf-pass .ninja-forms-field {
border-color: #FB867D !important;
}
.nf-error.field-wrap .nf-field-element:after {
background-color: #EA412C !important;
}
input:focus,
button:focus {
outline: none;
}
.nf-error {
font-size: 1.5rem;
}
.nf-field-element button {
color: #fff !important;
margin-top: 1rem;
}
.label-right .nf-field-description {
margin-right: 0 !important;
}
.custom-style-wrapper .field-wrap {
flex-direction: column !important;
}
.custom-style-wrapper .nf-field-description {
padding-top: 1rem;
}
.mailjet_widget_front_container {
margin-bottom: 20px;
position: relative;
}
#mailjet-widget-title-wrap h2 {
display: none;
}
#mailjetSubscriptionForm {
display: flex;
padding-bottom: 2rem;
}
@media (max-width: 37.5em) {
#mailjetSubscriptionForm {
display: block;
}
}
#mailjet_widget_email,
#mailjetSubscriptionForm>div:nth-child(2)>input {
padding-bottom: 1.6rem;
}
#mailjetSubscriptionForm>input[type=submit]:nth-child(4) {
display: inline-block;
position: relative;
width: 15rem;
text-align: center;
font-size: 1.5rem;
font-style: initial;
color: #3F3F3F;
border: 2px solid #EA412C;
text-transform: uppercase;
padding: 0.8rem 3.5rem;
overflow: hidden;
}
@media (max-width: 37.5em) {
#mailjetSubscriptionForm>input[type=submit]:nth-child(4) {
width: 100%;
margin-top: 3rem;
}
}
.mailjet-widget-form-group {
margin-bottom: 0 !important;
margin-top: 5px;
}
.mailjet_widget_form_message {
font-size: 1.5rem;
font-style: italic;
position: absolute;
left: 0;
}
#mailjetSubscriptionForm>div:nth-child(2) {
order: -1;
}
#mailjet_widget_email::placeholder {
content: "";
}
.organisation_widget {
display: grid;
grid-gap: 3rem;
}
.organisation_widget p {
margin: 1em auto;
}
.team-big-single-perfectionnement .video {
background-color: #F8F4F0;
}
.single-spectacles .blog.odd .blog__right {
background-color: #F8F4F0;
}
.hidden-gallery {
overflow: hidden;
display: none;
visibility: hidden;
}
.cn-close-icon:after,
.cn-close-icon:before {
background-color: #3F3F3F !important;
}
#cookie-notice {
font-family: "Work Sans", sans-serif;
}
#cookie-notice .cn-button {
padding: 3px 30px;
}
.sip_popup {
padding: 0 !important;
background: transparent !important;
}
#top-button {
display: inline-block; width: 50px;
height: 50px;
text-align: center;
border: 2px solid #F34036;
border-radius: 50px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
.top-button__icon {
fill: #F34036;
width: 2.5rem;
height: 2.5rem;
position: absolute;
transform: rotate(270deg);
top: 12px;
right: 12px;
line-height: 55px;
overflow: visible;
cursor: pointer;
}
#top-button:hover {
cursor: pointer;
background-color: #FFBFB2;
}
#top-button:active {
background-color: #FFBFB2;
}
#top-button.show {
opacity: 1;
visibility: visible;
}
.organisation-niveaux {
border: 5px solid #FFBFB2;
}
.lightbox {
display: none;
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 1em;
background: rgba(0, 0, 0, 0.8);
}
.lightbox:target {
display: block;
}
.lightbox span {
display: block;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
height: 80%;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 73.4375em) {
.page-template-template-spectacle .team__wrapper {
max-width: 90rem;
}
.page-template-template-spectacle .team__one-teacher {
width: 355px;
}
}
.spectacles-template-single-spectacle .team-big .team__one-teacher {
width: 490px;
min-height: 505px;
}
.spectacles-template-single-spectacle .team__one-teacher figure img {
width: 430px;
height: 430px;
object-fit: cover;
}
@media (max-width: 64em) {
.spectacles-template-single-spectacle .team__teachers-container {
justify-content: center;
padding: 0 7rem;
}
}
@media (max-width: 56.25em) {
.nf-form-cont {
width: 90% !important;
}
}