body {
font-family: 'Archivo', sans-serif;
font-weight:400;
}
*:focus {
outline: 0;
}
img::selection {
background-color:transparent;
}
svg {
max-width:100%;
max-height:100%;
height:100%;
width:100%;
display: block;
}
figure {
margin: 0;
}
div, figure, figcaption {
box-sizing: border-box;
}
a, a:hover {
text-decoration: none;
}
ul, li {
list-style-type: none;
margin:0;
padding:0;
}
button:focus {outline:0;}
.row {
margin:0;
}
.content-font-400 {
font-family: 'Archivo', sans-serif;
font-weight:400;
}
.content-font-600 {
font-family: 'Archivo', sans-serif;
font-weight:600;
}
.content-font-700 {
font-family: 'Archivo', sans-serif;
font-weight:700;
}
.content-font-narrow-700 {
font-family: 'Archivo Narrow', sans-serif;
font-weight:700;
}
.content-font-400-12 {
font-family: 'Archivo', sans-serif;
font-weight:400;
font-size: 12px;
line-height: 19px;
}
.content-font-400-15 {
font-family: 'Archivo', sans-serif;
font-weight:400;
font-size: 15px;
line-height: 24px;
}
.content-font-400-17 {
font-family: 'Archivo', sans-serif;
font-weight:400;
font-size: 17px;
line-height: 24px;
}
.content-font-400-18 {
font-family: 'Archivo', sans-serif;
font-weight:400;
font-size: 18px;
line-height: 32px;
letter-spacing: .5px;
}
.content-font-400-20 {
font-family: 'Archivo', sans-serif;
font-weight:400;
font-size: 20px;
line-height: 26px;
}
.title-font {
font-family: 'Archivo Black', sans-serif;
}
.title-font-10 {
font-family: 'Archivo Black', sans-serif;
font-size: 11px;
line-height: 15px;
letter-spacing: .3px;
}
.title-font-12 {
font-family: 'Archivo Black', sans-serif;
font-size: 12px;
line-height: 20px;
letter-spacing: .5px;
}
.title-font-15 {
font-family: 'Archivo Black', sans-serif;
font-size: 15px;
line-height: 16px;
letter-spacing: .5px;
}
.title-font-20 {
font-family: 'Archivo Black', sans-serif;
font-size: 20px;
line-height: 27px;
}
.title-font-30 {
font-family: 'Archivo Black', sans-serif;
font-size: 30px;
line-height: 30px;
}
.title-font-40 {
font-family: 'Archivo Black', sans-serif;
font-size: 40px;
line-height: 40px;
}
.title-font-60 {
font-family: 'Archivo Black', sans-serif;
font-size: 40px;
line-height: 40px;
}
.special-font {
font-family: 'Rubik', sans-serif;
}
.arrow-down {
width: 10px;
margin-left:10px;
display: inline-block;
stroke:var(--main-color);
transition: all .3s;
}
li.afg-active .arrow-down,
a.afg-active .arrow-down {
transform: scaleY(-1);
}
.afg-flex {
display: flex;
}
.afg-flex-wrap {
display: flex;
flex-wrap: wrap;
}
.afg-flex-center {
justify-content: center;
}
.afg-nowrap {
flex-wrap: nowrap;
}
.afg-flex-start {
justify-content: flex-start;
text-align: left;
}
.afg-one-half, .afg-two-fourth {
flex-basis: 50%;
}
.afg-one-third {
flex-basis: 33.33%;
}
.afg-two-third {
flex-basis: 66.66%;
}
.afg-one-fourth {
flex-basis: 25%;
}
.afg-three-fourth {
flex-basis: 75%;
}
.afg-one-fifth {
flex-basis: 20%;
position: relative;
}
.afg-two-fifth {
flex-basis: 40%;
}
.afg-three-fifth {
flex-basis: 60%;
}
.afg-four-fifth {
flex-basis: 80%;
}
.wp-block-columns {
justify-content: center;
align-items: center;
margin-bottom: 0;
}
.wp-block-column {
position: relative;
}
.afg-display-none {
display: none;
}
.afg-absolute {
position: absolute;
}
.afg-show-on-mobile {
display: none;
}
#main-content {
padding: 80px 0 0;
}
body.home #main-content {
padding: 160px 0 0;
}
.afg-text-center {
text-align: center;
}
.px-0 {
padding-left:0;
padding-right: 0;
}
.px-15 {
padding-left: 15px!important;
padding-right: 15px!important;
}
.pt-50 {
padding-top: 50px!important;
}
.pt-100 {
padding-top: 100px!important;
}
.pb-30 {
padding-bottom: 30px!important;
}
.mb-10 {
margin-bottom: 10px!important;
}
.mb-15 {
margin-bottom: 15px!important;
}
.mb-50 {
margin-bottom: 50px;
}
.mt-30 {
margin-top: 30px;
}
.padding-140-32 {
padding: 140px 32px;
}
.padding-140-32 > .row{
margin:0 -15px;
}
.padding-140-32 > h2 {
margin-bottom:120px;
}
.padding-140-32 > h2 a {
display: block;
position: relative;
}
.padding-140-32 figcaption {
font-size:15px;
line-height: 24px;
padding-bottom: 32px;
border-bottom: 1px solid var(--main-color);
}
.afg-block {
display:block;
}
.section-header {
max-width: 100%!important;
width: 100%!important;
}
.section-header > .wp-block-group__inner-container {
justify-content: center;
display: flex;
}
h1 {
margin:85px 32px 60px;
}
.afg-classic-page:not(.single) h1 {
text-align: center;
margin: 85px auto 60px;
font-size: 60px;
max-width: 60%;
line-height: 67px;
}
.afg-section-title {
margin-left:auto;
margin-right:auto;
max-width: 60%;
line-height: 67px;
}
section .section-title {
flex-basis: 100%;
padding: 0 32px;
padding-top:70px;
padding-bottom:50px;
}
@media (max-width:992px) {
section .section-title {
padding: 0 20px;
padding-top:30px;
padding-bottom:20px;
}
}
.afg-main-color-background ,
.afg-main-color-background h2,
.afg-main-color-background a,
.afg-main-color-background a:hover,
.afg-second-color-background ,
.afg-second-color-background h2,
.afg-second-color-background a,
.afg-second-color-background a:hover,
.afg-main-color-background ,
.afg-main-color-background h2,
.afg-main-color-background a,
.afg-main-color-background a:hover,
.afg-third-color-background .afg-second-color-background ,
.afg-third-color-background .afg-second-color-background h2,
.afg-third-color-background .afg-second-color-background a,
.afg-third-color-background .afg-second-color-background a:hover,
.afg-third-color-background .afg-main-color-background ,
.afg-third-color-background .afg-main-color-background h2,
.afg-third-color-background .afg-main-color-background a,
.afg-third-color-background .afg-main-color-background a:hover  {
color:#fff;
}
.afg-third-color-background ,
.afg-third-color-background h2,
.afg-third-color-background a,
.afg-third-color-background a:hover  {
color:var(--main-color);
}
.afg-classic-page:not(.single) #main-content > h2,
.afg-classic-page:not(.single) #main-content > h3,
.afg-classic-page:not(.single) #main-content > h4,
.afg-classic-page:not(.single) #main-content > h5,
.afg-classic-page:not(.single) #main-content > h6 {
text-align: center!important;
font-family: 'Archivo';
font-weight: 900;
margin:40px auto;
}
.afg-classic-page:not(.single) #main-content > h2 {
font-size: 30px;
}
.afg-classic-page:not(.single) #main-content > h3 {
font-size: 20px;
}
.afg-classic-page:not(.single) #main-content > h4,
.afg-classic-page:not(.single) #main-content > h5,
.afg-classic-page:not(.single) #main-content > h6 {
font-size: 15px;
}
.afg-classic-page:not(.single) #main-content > p {
max-width: 50%;
margin:0 auto 20px;
}
.afg-main-content p {
text-align: left!important;
word-break: break-word;
}
.afg-main-content p, .afg-main-content span {
font-family: 'Archivo',sans-serif!important;
}
.afg-main-content p a, .afg-inline-boxed p a {
border-bottom: 1px solid;
}
.afg-main-content iframe {
width:100%;
height: 25vw;
}
.afg-block-title {
flex: 0 0 320px;
padding: 0 32px;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
}
.afg-block-title div {
flex:0 0 100%;
margin-bottom: .3em;
position: relative;
}
.afg-block-title div a {
display: block;
position: relative;
}
.afg-block-title div .arrow-right {
position: absolute;
stroke:var(--main-color);
width: 15px;
right: 0;
top: 10px;
} .afg-button,
div[id^="contact-form"] > h3 a {
min-height: 40px;
min-width: 160px;
font-size:12px;
line-height: 14px;
border:1px solid var(--main-color);
display: flex;
align-items: center;
justify-content: center;
transition: all .3s;
position: relative;
padding:0 40px 0 20px;
letter-spacing: .01em;
font-family: 'Archivo Black', sans-serif;
}
.afg-button:hover {
background-color: var(--main-color);
color:#fff!important;
}
.arrow-right {
position: absolute;
width: 8px;
right: 15px;
top: 50%;
transform:translateY(-50%);
stroke:var(--main-color);
transition: all .3s;
}
a.afg-button:hover .arrow-right {
stroke:#fff;
}
.afg-main-color-background .arrow-right,
.afg-second-color-background .arrow-right,
.annonces .arrow-right {
stroke:#fff;
}
.afg-button span:first-child {
transition: transform .3s;
display: inline-block;
}
.afg-button:hover span:first-child {
transform: translateX(10px);
}
.afg-button.afg-button-shortcode {
display: inline-flex;
text-align: center;
padding:0 20px;
}
.decorated-link {
text-align: center;
}
.decorated-link a {
font-size: 12px;
letter-spacing: .2em;
padding:15px;
border:1px solid #fff;
color:#fff!important;
text-transform: uppercase;
position: relative;
display: inline-block;
}
.decorated-link a:after {
content:'';
display: inline-block;
height: 12px;
width: 12px;
margin-left: 5px;
background-image: url(//www.botoxs.fr/wp-content/themes/botoxs/assets/img/cross-wht.svg);
background-repeat: no-repeat;
transform: translateY(2px);
}
.afg-download-link a {
position: relative;
display: block;
}
.afg-download-link a svg {
width:14px;
height: 14px;
position: absolute;
right: 0;
top:0;
} section[id^="press_review"] {
padding:100px 0 90px;
}
section[id^="press_review"] h2 {
margin-bottom: 120px;
text-align: center;
}
section[id^="press_review"] .afg-inline-boxed {
border-color: var(--main-color);
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
} .afg-list-block {
margin-bottom: 120px;
}
.afg-list-block h3 {
margin-bottom: 20px;
}
.afg-list-block .afg-list-el > a {
display: block;
width: 100%;
padding-right: 25px;
}
.afg-list-el-meta {
flex: 0 0 100px;
text-align: right;
}
.afg-list-el-link {
left: calc(100% + 30px);
width: 150px;
}
.afg-list-el-link a {
display: flex;
align-items: center;
}
.afg-list-el-link a .afg-arrow-right {
display: block;
height: 16px;
width: 16px;
stroke: var(--main-color);
stroke-width: 6;
margin-left: 10px;
}
.afg-list-el-image-link {
right: 0;
display: block;
stroke: var(--main-color);
color: var(--main-color);
height: 100%;
width: 16px;
display: flex;
align-items: center;
position: absolute;
top: 0;
}
.afg-list-el-modal figure img {
width: 100%;
height: auto;
margin-bottom: 120px;
}
.afg-list-el-modal figure img:only-child,
.afg-list-el-modal figure img:last-child {
margin-bottom: 0;
}
.afg-list-el-modal figcaption {
margin-bottom: 80px;
text-align: center;
}
.afg-list-el-modal figcaption span {
display: block;
}
.afg-list-el-modal figcaption span.content-font-400-20 {
margin-top: 20px;
}
.afg-list-el-modal .afg-scroll {
padding-bottom: 60px;
}
.afg-actions-modals-container {
position: fixed;
z-index:2000;
top:0;
width: 100%;
height: 100vh;
padding:0;
display: none;
opacity: 0;
}
.afg-modal-close {
height: 50px;
width: 50px;
position: absolute;
top:40px;
right:32px;
stroke:var(--main-color);
z-index: 11;
cursor: pointer;
}
.afg-actions-modals-container .afg-scroll {
overflow: scroll;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100vh;
padding: 140px 0 0;
}
.afg-actions-modals-container .afg-scroll h2 {
text-align: center;
margin-bottom: 40px;
}
.afg-actions-modals-container .afg-slider{
padding:40px 32px 120px;
}
.afg-list-block .afg-list-el {
transition: all .3s;
}
.afg-list-block .afg-list-el.afg-hidden, .afg-list-block .afg-list-el.afg-hidden * {
font-size:0;
height:0;
padding:0;
border-width:0px;
}
.afg-list-block .afg-list-el.afg-hidden .afg-list-el-link a .afg-arrow-right,
.afg-list-block .afg-list-el.afg-hidden .afg-list-el-image-link {
display: none;
}
.afg-list-block .load-more.afg-post-link {
position: relative;
bottom:auto;
right: auto;
}
.afg-list-block .load-more.afg-post-link.afg-hidden {
background-color: #b7b7b7;
color:#6b6b6b;
pointer-events: none;
cursor: default;
} section[id^="visual_links"] {
padding:100px 32px;
}
section[id^="visual_links"] h2 {
text-align: center;
margin-bottom: 120px;
}
.afg-visual-links-block {
margin-left: -15px;
margin-right: -15px;
margin-bottom:160px;
}
.afg-visual-links-title {
margin-bottom: 20px;
}
.afg-visual-links-el span, .afg-visual-links-el a, .afg-visual-links-el span{
display: block;
text-align: center;
}
.afg-visual-links-image {
display: flex!important;
align-items: center;
justify-content: center;
height: 150px;
width: 100%;
margin-bottom:20px;
}
.afg-visual-links-image img, .afg-visual-links-image svg {
height: 100px;
width: auto;
max-width: 100%;
object-fit: contain;
} #afg-toggle-view {
position: fixed;
right: 0;
top:calc(50% - 40px);
height: 80px;
width:80px;
color:#fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
letter-spacing: .5px;
z-index:110;
cursor: pointer;
transition: all .3s;
}
#afg-toggle-view span:last-child {
display: none;
}
#afg-toggle-view.afg-negative {
color:var(--main-color);
background-color: var(--third-color);
}
#afg-toggle-view.afg-negative span:first-child {
display: none;
}
#afg-toggle-view.afg-negative span:last-child {
display: block;
}
.afg-map-wrapper {
height: calc(100vh - 80px);
position: fixed;
width: 50%;
left:100vw;
top:80px;
z-index: 100;
}
.afg-map-wrapper.afg-show {
position: relative;
left: 0;
top:0;
height: 100vh;
width: 100%;
margin-bottom:80px;
}
.afg-inline-block {
position: relative;
left: 0;
top:0;
width: 100%;
height: auto;
margin:0;
}
#afg-gmap {
height: calc(100vh - 80px);
width: 100%;
}
.afg-inline-block #afg-gmap {
height:40vh;
}
.modal-place {
display: none; width:180px;
flex-wrap: wrap;
justify-content: center;
font-size: 12px;
color:var(--main-color);
}
.modal-place > * {
flex:0 0 100%;
padding:10px;
}
.modal-place h3 {
font-size: 15px;
border-top:1px solid var(--main-color);
border-bottom:1px solid var(--main-color);
margin:0;
color: var(--main-color);
}
.modal-place a, .modal-place a:hover {
color: var(--main-color);
}
#afg-gmap .popup-container {
transform: translate(15px,-66%);
}
.gm-style .gm-style-iw-t {
bottom: 42px !important;
right: 0 !important;
}
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-tc::after{
background-color: rgba(255,255,255,.9);
}
.gm-style .gm-style-iw-c{
border-radius: 0;
}
.gm-style-iw-t .gm-style-iw-d .modal-place{
display: flex !important;
} footer .row {
min-height: 80px;
position: relative;
}
.afg-footer-element {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
#afg-copyright {
flex:1;
display: flex;
align-items: center;
justify-content: center;
font-size:11px;
margin:0;
text-align: left;
}
@media (max-width:992px) {
#afg-copyright {
text-align: center;
}
}
.afg-social-footer {
flex:1;
display: flex;
align-items: center;
justify-content: center;
}
.afg-social-footer a {
display: block;
height: 20px;
width: 20px;
margin:0 15px;
}
footer .navbar-nav {
align-items: center;
} #search-form-menu-item {
width: 20px;
height: 20px;
position: static;
display: flex;
padding: 0!important;
align-items: center;
justify-content: center;
margin: 0 15px;
}
#search-form-menu-item a:hover
#search-form-menu-item a {
border-bottom: unset!important;
text-decoration: none!important;
}
.afg-footer-modal {
display: flex;
position: absolute;
width: 100%;
left: 0;
top:-80px;
height:80px;
color:#fff;
font-size:20px;
opacity: 0;
pointer-events: none;
justify-content: center;
align-items: center;
transition: all .3s;
}
.afg-footer-modal.afg-active {
opacity: 1;
pointer-events: all;
}
@media (min-width:1200px) {
.afg-footer-modal .afg-modal-header {
display: none;
}
}
nav ul > li#search-form-menu-item:hover:after {
background-color: transparent;
}
form.searchform .input-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
min-width: 600px;
}
body:not(.foo) form.searchform label {
display:flex;
align-items: center;
font-family: 'Archivo Black',sans-serif;
letter-spacing: .02em;
width: 120px;
font-size: 15px;
line-height: 15px;
margin:0;
}
body:not(.foo) form.searchform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
border:unset;
padding: 0 32px 0 15px;
width: calc(100% - 120px);
max-width: calc(100% - 120px);
flex-basis: calc(100% - 120px);
letter-spacing:.5px;
color:var(--main-color);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
-webkit-box-shadow: 0 0 0 30px #d0ffe2 inset!important;
-webkit-text-fill-color: var(--main-color)!important;
opacity: .5;
}
form.searchform input::placeholder {
opacity: .5;
color:var(--main-color);
}
form.searchform input:-ms-input-placeholder { opacity: .5;
color: var(--main-color);
}
button.search.button {
position: absolute;
width: 20px;
height: 22px;
border: unset;
box-sizing: border-box;
padding: 0;
right: 10px;
top: 50%;
transform: translateY(-50%);
background-color: transparent;
background-image: url(//www.botoxs.fr/wp-content/themes/botoxs/assets/img/search.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media (max-width:768px) {
footer ul.navbar-nav,
footer li {
width: 100%;
}
form.searchform.afg-footer-modal {
width:100%;
font-size: 15px;
position: fixed;
top:0;
height: 100vh;
z-index: 1050;
padding:0;
display: block;
}
.afg-modal .afg-modal-header {
padding-right: 20px;
padding-left: 20px;
border-bottom: 1px solid #fff;
}
.afg-modal button.search.button {
top:auto;
bottom: 30px;
right: 40px;
}
form.searchform .input-wrapper {
display: block;
min-width: 100%;
max-width: 100%;
width: 100%;
padding:30px;
}
body:not(.foo) form.searchform input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
border:unset;
padding: 0 32px 0 15px;
width: 100%;
max-width: 100%;
flex-basis: 100%;
letter-spacing:.5px;
color:var(--main-color);
}
body:not(.foo) form.searchform label {
margin-bottom: 5px;
}
} section[id^="about_contact"] {
padding:100px 0 160px;
position: relative;
overflow: hidden;
}
section[id^="about_contact"] h2 {
text-align: center;
margin-bottom:80px;
}
section[id^="about_contact"] .afg-circle  {
height:100%;
width: 100%;
}
section[id^="about_contact"] .afg-circle .afg-types-list-imgs {
left:-150px;
right:auto;
top:-250px;
}
address {
color:#fff;
padding-right:8.333333vw!important;
}
address .afg-inline-boxed {
border-top:1px solid #fff;
} body.home h1 {
margin-bottom: 0;
font-size: 25px;
line-height: 32px;
text-align: center;
max-width: 430px;
margin: 80px auto 60px;
}
body.home .annonces .section-title:first-child{
padding-left: 350px;
}
@media (max-width:992px) {
body.home h1 {
font-size: 22px;
text-align: center;
margin: 30px auto 40px;
line-height: 27px;
padding-left: 15px;
padding-right: 15px;
}
}
header .site-description,
body.home header h1.site-description{
font-size: 15px;
line-height: 16px;
padding:0 30px 0 55px;
flex:1;
text-align: left;
margin:0;
}
header .site-description .inner {
max-width: 300px;
margin:0 auto;
} #breadcrumbs {
position: absolute;
top:20px;
right:32px;
letter-spacing: .05em;
}
.single header figure {
box-sizing: border-box;
height:100%;
}
.single header figure .img-wrapper {
padding-top:50%;
position: relative;
height:50vw;
overflow: hidden;
}
.single header .afg-title-wrapper a,
.single header .afg-title-wrapper a:hover {
border-bottom: 1px solid #fff;
}
.single header figure .img-wrapper img {
position: absolute;
top:0;
left:0;
display: block;
width: 100%;
height:100%;
margin:0;
object-fit: cover;
}
.img-mask {
position: absolute;
top:0;
left:0;
width: 100%;
z-index:2;
transition: all .3s linear;
}
.img-mask svg{
object-fit: cover;
}
.single header.afg-main-color-background .img-mask svg {
fill:#091219;
}
.single header.afg-third-color-background .img-mask svg {
fill:#f7f7f7;
}
.img-wrapper:hover .img-mask {
opacity: 0;
}
.single header figure figcaption {
padding:125px 32px 60px 15px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.single header figure figcaption p {
margin:0;
}
.single header figure figcaption h1 {
margin:30px auto;
}
.afg-uppercase {
text-transform: uppercase;
}
.afg-metadata-wrapper {
margin-top:90px;
}
.afg-metadata {
border-bottom:1px solid #fff;
padding:15px 0;
}
.afg-metadata:first-child {
border-top:1px solid #fff;
}
header.afg-third-color-background .afg-metadata:first-child {
border-top: 1px solid #091219;
}
header.afg-third-color-background .afg-metadata {
border-bottom: 1px solid #091219;
}
.afg-anchor-link {
padding:20px 0 0;
text-align: right;
display: block;
}
.afg-anchor-link .arrow-down {
width: 14px;
margin-left: 5px;
}
.single header.afg-main-color-background .arrow-down svg {
stroke:#ffffff;
}
.single header.afg-third-color-background .arrow-down svg {
stroke:#091219;
}
.afg-introduction-wrapper a,
.afg-introduction-wrapper a:hover {
border-bottom: 1px solid #fff;
}  .afg-excerpt {
color:#fff;
padding:130px 0;
line-height: 52px;
position: relative;
overflow: hidden;
}
.afg-excerpt .afg-circle {
top: 200px;
right: -250px;
}
.afg-excerpt .afg-circle .afg-types-list-imgs {
right: 0;
left: auto;
}
.afg-excerpt p:last-child {
margin-bottom:0;
}
.afg-excerpt p:first-child {
margin-top:0;
}
.afg-excerpt h1 {
text-align: center;
margin: 0 auto 200px;
}   .afg-main-content .wp-caption img {
max-width: 100%;
height:auto;
width: auto;
}
.afg-main-content img.alignleft,
.afg-main-content .wp-caption.alignleft{
margin-right: 20px;
float: left;
max-width:unset;
}
.afg-main-content img.alignright,
.afg-main-content .wp-caption.alignright{
margin-left: 20px;
float: right;
max-width:unset;
}
.wp-caption-text {
font-size: 11px;
line-height: 1.2em;
padding: 5px;
}  section[id^="about_presentation"] > div.afg-excerpt { position: relative;
padding-top:100px;
}
section[id^="about_presentation"] > div.afg-content { position: relative;
}
.afg-go-down {
width:60px;
height:60px;
stroke:#ffffff;
margin:145px auto 85px;
}
section[id^="about_presentation"] .afg-intro-video {
position: absolute;
top:-18vw;
}
section[id^="about_presentation"] .afg-intro-video iframe {
width: 100%;
height: 36vw;
}
section[id^="about_presentation"] > div.afg-content h2 {
margin:140px 0 60px;
}
section[id^="about_presentation"] > div.afg-content .afg-content-wrapper {
margin:0;
}
section[id^="about_presentation"] > div.afg-content .afg-content-wrapper:last-of-type {
margin-bottom:140px;
}  section[id^="about_team"] {
position: relative;
padding:18vw 0;
color:#fff;
}
section[id^="about_team"] h2 {
text-align: center;
margin:270px auto 110px;
}
section[id^="about_team"] .afg-team-block {
margin-bottom: 125px;
}
section[id^="about_team"] h3 {
margin:0 0 25px;
}
section[id^="about_team"] .afg-inline-boxed .content-font-400-15 a {
display: inline;
}
.afg-inline-boxed {
padding:15px 0;
border-bottom:1px solid #fff;
margin:0;
}
.afg-inline-boxed:first-of-type {
border-top:1px solid #fff;
}
body.archive .afg-inline-boxed {
padding:15px 0;
border-bottom:1px solid var(--main-color);
margin:0;
}
body.archive  .afg-inline-boxed:first-of-type {
border-top:1px solid var(--main-color);
}
section[id^="about_team"] .afg-list-el-link {
width: 200px;
}
section[id^="about_team"] .afg-list-el-link a .afg-arrow-right {
stroke: #fff;
}
.afg-team-image {
position: absolute;
height:36vw;
top:-18vw;
text-align: center;
}
.afg-team-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
section[id^="about_team"] .afg-go-down {
margin:80px auto 0;
}
section[id^="about_team"] .afg-circle  {
height:100%;
width: 100%;
display: none;
}
section[id^="about_team"] .afg-circle .afg-types-list-imgs {
right:-250px;
left:auto;
}  .afg-main-content {
padding:100px 0;
color:#000;
}
.afg-main-content a{
color:var(--second-color);
transition: all .3s;
border-bottom:1px solid transparent;
}
.afg-main-content a:hover{
color:var(--second-color);
border-bottom:1px solid var(--second-color);
}  .afg-practical-footer {
padding:100px 32px 120px;
}
.afg-practical-footer p.title-font-60 {
margin:0 0 40px;
}
.afg-download-links-wrapper {
margin-top:110px;
}
.afg-download-links {
position: relative;
display: block;
padding:20px 0;
border-bottom:1px solid #fff;
}
.afg-download-links:first-child {
border-top:1px solid #fff;
} .afg-slider {
align-items:center;
padding:80px 32px 140px;
position: relative;
}
.afg-slider-counter {
position: absolute;
top:0;
left:0;
transform-origin: bottom left;
transform:rotate(90deg) translateY(-32px) translateX(12px);
}
.afg-slider ul {
height:calc(32vw + 120px);
position: relative;
}
.afg-slider .slider-slide-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 35vw;
opacity: 0;
}
.afg-slider .slider-slide-wrapper:first-child {
opacity: 1;
}
.afg-slider .slider-slide-wrapper figure {
margin:0!important;
width: 100%;
height: 35vw;
}
.afg-slider .slider-slide-wrapper img {
display: block;
width: 100%;
height: 32vw;
object-fit: contain;
}
.afg-slider .slider-slide-wrapper:nth-child(1) {
opacity: 1;
}
.afg-slider .slider-slide-wrapper.afg-active {
z-index: 10;
}
.afg-arrow-wrapper svg {
max-width: 60px;
display: inline-block;
cursor: pointer;
stroke:#ffffff;
}
section.afg-third-color-background .afg-arrow-wrapper svg {
stroke:#091219;
}
.afg-arrow-left {
text-align: left;
}
.afg-arrow-right {
text-align: right;
}
.afg-slider figcaption {
display: block;
width: 100%;
max-height: 90px;
overflow: hidden;
text-align: center;
margin-top:32px;
}
.afg-slider figcaption p {
display: block;
width: 50%;
margin:0 auto;
}
.afg-slider .slider-navigation-wrapper a {
padding-top: 16.6%!important;
width: 100%;
display: block;
position: relative;
}
.afg-slider .slider-navigation-wrapper a img {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .afg-standalone-title {
text-align: center;
margin:100px auto 0;
} .accordion {
border-bottom:1px solid #fff;
}
.accordion > h3 {
padding:20px 0;
border-top:1px solid #fff;
margin:0;
position: relative;
}
.accordion > h3:first-of-type {
border-top:unset;
}
.accordion > div p {
margin :0;
}
.accordion > div p:last-child {
margin-bottom :20px;
}
.accordion .afg-plus {
position: absolute;
right: 0;
width:16px;
height:16px;
} .afg-picto {
position: absolute;
right: 0;
width:16px;
height:16px;
}
.ui-accordion-header {
cursor: pointer;
}
.ui-accordion-header.ui-state-active {
cursor: default;
}
.ui-accordion-header svg .vertical {
opacity: 1;
transition: all .3s;
}
.ui-accordion-header.ui-state-active svg .vertical {
opacity: 0;
}
.ui-accordion-content a {
border-bottom:1px solid #fff;
display: inline-block;
}  .tabs .ui-tabs-nav {
display: flex;
align-items: center;
}
.tabs .ui-tabs-nav li {
flex:1;
text-align: center;
height: 50px;
cursor: pointer;
border:1px solid #fff;
background-color: transparent;
transition: all .3s;
}
.tabs .ui-tabs-nav li a {
line-height: 50px;
transition: all .3s;
letter-spacing: 0;
}
.tabs .ui-tabs-nav li.ui-tabs-active, .tabs .ui-tabs-nav li:hover {
background-color: #fff;
letter-spacing: 0;
}
.tabs .ui-tabs-nav li.ui-tabs-active a, .tabs .ui-tabs-nav li:hover a {
color: var(--main-color);
}
.afg-marker {
height: 10px;
width: 10px;
display: inline-block;
margin-right:5px;
}
.afg-marker svg path {
fill:#fff;
transition: all .3s;
}
.afg-marker svg circle {
fill:var(--main-color);
transition: all .3s;
}
li.ui-tabs-active .afg-marker svg path, li:hover .afg-marker svg path {
fill:var(--main-color);
}
li.ui-tabs-active .afg-marker svg circle, li:hover .afg-marker svg circle {
fill:#fff;
}
.afg-tabbed-related-events .tabs .ui-tabs-nav {
display: block;
margin:10px 0 20px;
padding: 0 32px;
}
body.page-template-about-page .tabs .afg-main-tabs-nav {
display: flex;
justify-content: center;
}
body.page-template-about-page .tabs .afg-main-tabs-nav li {
flex: 0 0 auto;
}
.afg-tabbed-related-events .tabs .ui-tabs-nav li,
body.page-template-about-page .tabs .afg-main-tabs-nav li {
border:unset;
background-color: transparent;
display: inline-block;
height: auto;
}
.afg-tabbed-related-events .tabs .ui-tabs-nav li a {
line-height: 30px;
border-bottom: 1px solid transparent;
transition: all .3s;
}
.afg-tabbed-related-events .tabs .ui-tabs-nav li.ui-tabs-active a,
.afg-tabbed-related-events .tabs .ui-tabs-nav li:hover a {
color: #fff;
border-bottom: 1px solid #fff;
}
body.page-template-about-page .tabs .afg-main-tabs-nav li.ui-tabs-active a,
body.page-template-about-page .tabs .afg-main-tabs-nav li:hover a {
color:var(--second-color);
}
.afg-tabbed-related-events .tabs .ui-tabs-nav .afg-separator,
body.page-template-about-page .tabs .afg-main-tabs-nav .afg-separator {
margin:0 20px;
} body.search .search-header {
padding:0;
align-items: center;
}
body.search h1 {
margin: 85px 0 60px;
padding-left: 47px;
}
body.search #main-content .afg-footer-modal {
position: relative;
display: flex;
opacity: 1;
top:auto;
justify-content: flex-start;
}
body.search #main-content .searchform-wrapper {
height: 100%;
align-items: flex-start;
display: flex;
flex-direction: column;
padding: 85px 0 60px!important;
}
body.search #main-content .searchform-wrapper form {
background-color: transparent;
}
body.search #main-content .searchform-wrapper form input {
color:var(--main-color);
border-bottom: 1px solid var(--main-color);
}
body.search #main-content .searchform-wrapper p {
margin:0;
}
body.search #main-content form.searchform .input-wrapper {
position: relative;
display: flex;
min-width: calc(100% - 47px);
}
body.search #main-content form.searchform .input-wrapper button.search.button {
height:25px;
width: 25px;
fill:var(--main-color)!important;
top: 4px;
}
#search-form-menu-item a svg {
height: 30px;
width: 20px;
}
@media screen and (max-width: 1200px) {
footer {
margin-bottom: 60px;
}
#search-form-menu-item {
display: block;
width: 100%;
padding:0 10px!important;
}
#search-form-menu-item a svg {
display: inline-block;
margin-left: 10px;
height: 20px;
width: 20px;
transform: translateY(-1px);
}
}
@media screen and (max-width: 1024px) {
.afg-social-footer a {
height: 30px;
width: 30px;
margin: 0 30px;
}
.afg-social-footer {
margin: 15px auto 25px;
}
#afg-copyright {
margin: 0 auto 15px;
}
}
@media screen and (max-width: 1024px) {
.afg-footer-element {
flex-direction:column-reverse;
}
.afg-social-footer a {
height: 30px;
width: 30px;
}
.afg-social-footer {
margin: 15px auto 25px;
}
#afg-copyright {
margin: 0 auto 15px;
}
}
@media (max-width: 991px) {
#search-form-menu-item form {
width: 100%;
}
} input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
textarea {
color: var(--main-color);
background-color: #fff;
border-color: unset;
border-width: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
width: 100%;
max-width: 100%;
flex-basis: 100%;
font-size: 14px;
padding: 5px 10px;
box-shadow:unset;
height: 45px
}
textarea {
height: auto;
border: unset;
}
input::placeholder  {
font-size:12px;
letter-spacing: .01em;
font-family: 'Rubik',sans-serif;
} .frm_form_fields > fieldset {
font-family: 'Archivo', sans-serif!important;
}
.frm_form_fields > fieldset > h3 {
display: none;
}
.frm_form_field {
margin-bottom: 25px;
}
.frm_form_field.frm_none_container,
.frm_form_fields .frm_description {
display: none;
}
.frm_form_fields label,
.frm_primary_label {
font-size: 12px;
letter-spacing: .5px;
margin: 0;
padding: 5px 0;
cursor: pointer;
display: block;
font-family: 'Archivo Black';
}
.frm_error_style p,
.frm_message p {
font-family: 'Archivo Black';
font-size: 12px;
line-height: 14px;
color: #fff;
padding: 15px;
border:1px solid;
margin-top: 15px;
} .frm_checkbox label {
font-family: 'Rubik',sans-serif;
letter-spacing: 0px;
}
.frm_checkbox:first-of-type {
margin-left:0;
}  #form_vhkjwv .frm_form_fields label,
#form_vhkjwv .frm_form_fields .frm_primary_label {
color: #fff!important;
}
#frm_field_94_container {
margin-bottom: 0;
}
#frm_field_95_container {
padding-top: 20px;
} .frm_submit input,
button.frm_button_submit,
.wpcf7-submit {
flex: 0 0 112px!important;
margin: 0 auto!important;
display: flex!important;
justify-content: center!important;
align-items: center!important;
background-color: #fff!important;
border: 1px solid #fff!important;
color: var(--main-color)!important;
transition: all .3s!important;
cursor: pointer!important;
font-family: 'Archivo Black',sans-serif!important;
font-size: 12px!important;
line-height: 20px!important;
letter-spacing: .5px!important;
border-radius:0!important;
height: 50px!important;
padding:0 30px!important;
transition: all .3s;
}
.frm_button_submit:hover {
transform: translateX(10px);
background-color:var(--main-color)!important;
color:#fff!important;
border-color:var(--main-color)!important;
}
.frm_ajax_loading {
display: none;
}
@media (max-width:992px) {
.frm_checkbox label {
padding:5px 0px;
padding-left:20px;
}
} .wpcf7-form label {
width: 100%;
}
.wpcf7-response-output {
background-color: #fff;
border: unset!important;
color: #000;
padding: 15px;
font-weight: 700;
}
.wpcf7-form a,
.wpcf7-form a:hover {
border-bottom: 1px solid;
}
.wpcf7-form .wpcf7-list-item.first {
margin-left: 0;
}
.wpcf7-form textarea {
width: 100%;
border:unset;
}
.wpcf7-form label {
font-weight: 700;
}
.wpcf7-form .wpcf7-list-item-label {
display: flex;
flex-wrap: wrap;
align-items: center;
cursor: pointer;
font-weight: 700;
}
.wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label {
display: inline-block;
}
.wpcf7-form input[type="radio"],
.wpcf7-form input[type="checkbox"] {
display: none;
}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label:before,
.wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label:before {
content: '';
height: 14px;
width: 14px;
border: unset;
border-radius: 100%;
display: inline-block;
margin-right: 10px;
background-color: #fff;
}
.wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label:before {
border-radius: 0;
}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label:before,
.wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
background-color: #000;
}
.action-template-default #main-content > *:not(section):not(header) {
max-width: 50%;
margin-left:auto;
margin-right:auto;
padding-left: 15px;
padding-right: 15px;
}
.action-template-default #main-content > p {
font-size: 17px;
line-height: 24px;
}
.action-template-default #main-content > figure iframe {
width: 100%;
height: 25vw;
}
.single header figure figcaption .afg-subtitle p {
margin-bottom: 20px;
}
.single header figure figcaption .afg-subtitle p:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
body.home .annonces .section-title:first-child{
padding-left: 20px;
}
.frm_form_fields label,
.frm_primary_label {
font-size: 15px;
}
.frm_checkbox label {
font-size: 14px;
}
.action-template-default #main-content > figure iframe {
height: 200px;
}
} section > .row > .col-md-3 figure {
margin-bottom: 10px;
}
section > .row > .col-md-3 h3 {
margin-bottom: 0;
}
.unsubscribe .afg-button {
max-width: 200px!important;
color: #fff!important;
margin: 0 auto;
border-color: #fff;
border: unset;
height: auto;
font-size: 13px;
min-height: auto;
border-bottom: 1px solid;
padding: 0;
padding-bottom: 2px;
}
@media screen and (max-width: 768px) {
.title-font-15 {
font-size:12px;
}
.title-font-30 {
font-size: 20px;
line-height: 30px
}
.title-font-40 {
font-size: 20px;
line-height: 30px
}
h1.title-font-40 {
font-size: 30px;
text-align: center;
margin:30px auto;
line-height: 40px;
}
.afg-classic-page:not(.single) h1 {
text-align: center;
margin: 30px auto;
font-size: 30px;
max-width: 100%;
line-height: 40px;
}
.wp-block-column {
padding-left: 15px;
padding-right: 15px;
}
.title-font-60 {
font-size: 30px;
line-height: 35px;
}
.content-font-400-17 {
font-size: 15px;
}
.content-font-400-18 {
font-size: 16px;
line-height: 28px;
letter-spacing: .05em;
}
.content-font-400-20 {
font-size:15px;
}
.afg-nowrap {
flex-wrap: wrap;
} .action-template-default #main-content > *:not(section):not(header) {
max-width: 100%;
}
.afg-show-on-mobile {
display: block;
} div[id^="contact-form"] > h3 {
font-family: 'Archivo Black', sans-serif;
font-size: 30px;
line-height: 35px;
}
div[id^="contact-form"] > h3 a {
min-width: auto;
display: inline-flex!important;
flex-basis: 100px;
justify-content: center;
align-items: center;
padding: 10px;
background-color: var(--main-color);
color: #fff;
border: unset;
}
div[id^="contact-form"] > p {
font-family: 'Archivo Black', sans-serif;
font-size: 20px;
line-height: 25px;
} footer .row {
height: auto;
position: relative;
}
footer .nav-wrapper {
padding: 40px 20px 15px;
justify-content: center;
}
footer nav ul > li {
margin: 0 0 10px;
}
#afg-copyright {
margin: 0 auto 25px;
}
#dowload-press-kit a {
padding:20px;
}
#dowload-press-kit a .download-wrapper, form.searchform .input-wrapper {
min-width: auto;
font-size: 15px;
}
form.searchform .input-wrapper {
margin-top:110px;
} .img-mask {
display: none;
}
.single header figure .img-wrapper {
padding-top:0;
height: auto;
}
.single header figure .img-wrapper img {
position: relative;
top:auto;
left:auto;
}
.single header figure figcaption {
padding: 125px 0px 40px;
}
.single-lieu header figure figcaption {
padding: 0 0px 40px;
}
.single header .afg-title-wrapper, .single header .afg-metadata-wrapper {
padding-left:20px;
padding-right:20px;
}
.single header .afg-title-wrapper p {
text-align: center!important;
}
.afg-metadata-wrapper {
margin-top:40px;
}
.afg-title-wrapper {
text-align: center;
}
.afg-title-wrapper .afg-subtitle {
margin-bottom: 50px;
}
.afg-slider ul {
height: auto;
}
.afg-slider .slider-slide-wrapper img {
height: auto;
}
.afg-excerpt {
padding:100px 0;
}
.afg-main-content {
padding:40px 0 50px;
}
.afg-practical-footer {
padding: 40px 20px 100px;
}
.afg-practical-footer p.title-font-60 {
text-align: center;
}
.afg-map-wrapper {
width: 100%;
}
.afg-map-wrapper #afg-gmap {
height: 100vh;
}
.afg-map-wrapper {
top: 0;
left: 0;
max-width: 100vw;
width:100%;
height: 400px;
position: relative;
}
.gm-fullscreen-control {
display: none;
}
.afg-map-wrapper.active {
display: block;
}
.afg-related-events > p {
text-align: center;
}
.afg-tabbed-related-events .tabs .ui-tabs-nav {
display: flex;
}
.afg-slider {
padding: 20px 0;
}
.afg-slider-counter {
display: none;
}
.afg-slider .afg-slider-viewport{
display: flex;
flex-wrap: nowrap;
width: 100%;
overflow-x: auto;
padding:0;
height: auto;
}
.afg-slider .slider-slide-wrapper {
position: relative;
height: auto;
flex:0 0 90%;
opacity: 1;
}
.afg-slider .slider-slide-wrapper.afg-is-unic {
flex: 0 0 100%;
}
.afg-slider .slider-slide-wrapper figure {
height: auto;
}
.afg-slider .slider-slide-wrapper img {
height: 90vw;
width: 100%;
object-fit: cover;
}
.afg-slider figcaption {
margin-top:20px;
height: auto;
max-height: fit-content;
}
.afg-slider figcaption p {
width: 100%;
padding: 0 20px 20px;
}
.slider-navigation-wrapper {
display: none;
}
.afg-standalone-title {
margin: 50px auto 0;
} body.page-template-about-page .tabs .afg-main-tabs-nav {
width: 100%;
overflow-x: scroll;
justify-content: flex-start;
}
body.page-template-about-page .tabs .afg-main-tabs-nav li:last-of-type {
padding-right: 20px;
} section[id^="about_presentation"] > div.afg-excerpt {
padding-top: 50px;
padding-bottom:15.5vh;
}
section[id^="about_contact"], section[id^="press_review"], section[id^="visual_links"] {
padding: 50px 0 60px;
}
.tabs section[id^="network_actions-block"], .tabs section[id^="annonces-block"] {
padding-top: 50px!important;
}
.afg-excerpt h1 {
margin-bottom: 60px;
}
section[id^="about_contact"] h2, section[id^="press_review"] h2, section[id^="visual_links"] h2 {
margin-bottom: 60px;
}
.afg-go-down {
display: none;
}
section[id^="about_presentation"] .afg-intro-video {
position: absolute;
top:-15.5vh;
padding:0;
}
section[id^="about_presentation"] .afg-intro-video iframe {
height: 31vh;
}
.afg-introduction-text {
margin-bottom:130px;
}
section[id^="about_presentation"] > div.afg-content h2 {
margin: 80px 0 20px;
text-align: center;
}
section[id^="about_presentation"] > div.afg-content {
padding: 15.5vh 0;
}
section[id^="about_team"] {
padding: 15.5vh 0 40px;
}
section[id^="about_team"] .afg-go-down {
display: block;
}
.afg-team-image {
position: absolute;
height: 31vh;
top: -15.5vh;
padding: 0;
}
section[id^="about_team"] h2 {
margin: 110px auto 40px;
}
section[id^="about_team"] .afg-circle .afg-types-list-imgs {
height: 450px;
width: 450px;
right: -320px!important;
left: auto!important;
top: 0!important;
}
section[id^="about_team"] h3 {
margin: 0 0 15px;
}
section[id^="about_team"] .afg-team-block {
margin-bottom: 80px;
}
section[id^="about_team"] .afg-team-block .title-font-15, section[id^="about_team"] .afg-team-block .content-font-400-15 {
font-size:15px;
}
section[id^="about_team"] .afg-list-el-link {
width: 200px;
position: relative;
display: inline-block;
left:auto;
}
.afg-inline-boxed {
padding: 12px 0;
}
section[id^="about_contact"] .afg-circle {
display: none;
}
section[id^="about_contact"] address {
margin-bottom: 80px;
}
section[id^="about_contact"] address:last-of-type {
margin-bottom: 0;
}
section[id^="about_contact"] address p.title-font-30 {
text-align: center;
}
.tabs section[id^="network_actions-block"] {
padding-bottom: 20px;
}
.tabs section[id^="annonces-block"] {
padding-bottom: 60px;
}
section[id^="press_review"] .afg-inline-boxed {
display: block;
}
.afg-list-el-link {
position: relative;
flex:0 0 150px;
left:auto;
}
form.searchform input {
padding: 0;
margin:0 32px 0 0;
min-width: calc(100% - 32px);
}
button.search.button {
top:4px;
}
body.search h1 {
margin: 40px 0;
padding-left: 0;
}
body.search #main-content .searchform-wrapper {
padding: 40px 20px!important;
}
body.search #main-content form.searchform .input-wrapper {
min-width: 100%;
}
body.search #main-content .searchform-wrapper p {
text-align: center;
width: 100%;
}
#breadcrumbs {
display: none;
}
.afg-list-el-modal figure img {
margin-bottom: 60px;
}
.afg-introduction-wrapper {
padding: 40px 20px 0;
}
}  _::-webkit-full-page-media, _:future, :root #burger-menu {
mix-blend-mode: unset;
}
.page-id-220 h1 {
display: none;
} body.page-id-410 .wp-block-columns,
body.page-id-1872 .wp-block-columns,
body.page-id-5449 .wp-block-columns {
justify-content: center;
align-items: center;
background: var(--second-color);
margin: 0;
padding: 50px;
}
body.page-id-410 .newsletter-widget-wrapper {
display: none;
}
@media (max-width:768px) {
body.page-id-410 .wp-block-columns,
body.page-id-1872 .wp-block-columns,
body.page-id-5449 .wp-block-columns {
justify-content: center;
align-items: center;
background: var(--second-color);
margin: 0;
padding: 0px;
}
} .slick-arrow {
top:calc(50% - 20px);
}
.slick-next {
right: 0;
}
.slick-prev {
left:0;
} .slick-arrow {
position: absolute;
z-index:2;
height:40px;
width: 40px;
background-color: var(--third-color);
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
border:1px solid;
}
.slick-arrow:after {
height: 20px;
width: 20px;
content:'';
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.slick-next:after {
background-image:url(//www.botoxs.fr/wp-content/themes/botoxs/assets/img/arrow-right-3.svg);
}
.slick-prev:after {
background-image:url(//www.botoxs.fr/wp-content/themes/botoxs/assets/img/arrow-left-3.svg);
}
.slick-dots {
position: absolute;
bottom:38px;
left:50%;
transform: translateX(-50%);
padding:0;
margin:0;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.slick-dots li {
font-size: 0;
height: 15px;
width: 15px;
border-radius: 15px;
margin:0 6px;
list-style-type: none;
background-color: var(--main-color);
cursor: pointer;
}
.slick-dots li.slick-active {
background-color: var(--third-color);
border:1px solid var(--main-color);
}
.slick-dots li:only-child {
display: none;
}
.slick-dots li button {
border:unset;
background: transparent;
} .afg-video-modal {
position: fixed;
top: 50%;
left: 50%;
width: calc(100vw - 280px);
transform: translateX(-50%) translateY(-50%);
opacity: 0;
pointer-events: none;
transition: all .3s;
z-index: 10000;
background-color: #fff;
}
.afg-video-modal.afg-active {
opacity: 1;
pointer-events: all;
}
.afg-video-modal p {
width: 100%;
margin-bottom: 0;
overflow: hidden;
position: relative;
padding-top:46.25%;
}
.afg-video-modal iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@media screen and (max-width: 992px) {
.afg-video-modal {
top: 50%;
transform: translateY(-50%);
left: 15px;
height: 42.5vw;
width: calc(100vw - 30px);
}
}
.afg-modal-overlay {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 9999;
opacity: 0;
pointer-events: none;
background-color: #09121999;
cursor: pointer;
}
.afg-modal-overlay.afg-active {
opacity: 1;
pointer-events: all;
} .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: flex;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
body.page-template-page-event .afg-metadata:last-child {
font-family: 'Archivo',sans-serif;
}
.wp-block-column ul li {
list-style-type: disc;
list-style-position: inside;
margin-bottom: 10px;
}
#wpadminbar .quicklinks li#wp-admin-bar-stats {
display: none;
}
.grecaptcha-badge {
display: none!important;
}
@media screen and (max-width: 1250px) {
body.home #main-content {
padding: 110px 0 0;
}
header .site-description,
body.home header h1.site-description {
max-width: 100%;
font-size: 16px;
line-height: 17px;
padding: 0 90px;
flex: 1;
margin: 0;
text-align: center;
font-family: 'Archivo Black';
display: flex;
height: 100%;
align-items: center;
width: 100%;
max-width: 100%;
}
body.home header h1.site-description .inner {
margin:0 auto;
}
header .site-description .inner .name {
display: block;
}
}
@media screen and (max-width: 768px) {
header .site-description,
body.home header h1.site-description {
font-size: 13px;
line-height: 14px;
}
}
body.parent-pageid-21096 .afg-block-title {
display: none;
}
section.annonces .afg-block-title {
flex: 0 0 351px;
}
.single-annonce .afg-download-links-wrapper {
margin-top: 0;
}
.single-annonce .afg-download-links-wrapper .title-font-30 {
font-size: 22px;
line-height: 22px;
}
.afg-download-links {
padding-right: 30px;
max-width: 400px;
}
.afg-download-links:first-child {
border-top: 1px solid #fff;
}
.afg-download-links .afg-picto {
background-image: url(//www.botoxs.fr/wp-content/themes/botoxs/assets/img/download.svg);
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
height: 20px;
width: 20px;
transition: all .3s;
}
.afg-download-links:hover .afg-picto {
transform: translateY(calc(-50% + 5px));
}
.events-by-place a, .events-by-place a:hover {
color:#000;
border-bottom: unset;
}
.events-by-place a.afg-button, .events-by-place a.afg-button:hover {
border-bottom: 1px solid;
}
.afg-main-content-landing {
max-width: 990px;
margin: 0 auto;
padding: 0 15px;
box-sizing: border-box;
}
.afg-main-content-landing h1,
.afg-main-content-landing h2,
.afg-main-content-landing h3,
.afg-main-content-landing h4,
.afg-main-content-landing h5,
.afg-main-content-landing h6 {
font-family: 'Archivo Black', sans-serif;
margin-top: 0;
margin-bottom: 0;
}
.afg-main-content-landing h1 {
text-align: center;
font-size: 60px;
line-height: 67px;
margin: 85px auto 60px;
}
.afg-main-content-landing h2 {
font-size: 30px;
line-height: 34px;
}
.afg-main-content-landing h3 {
font-size: 26px;
line-height: 30px;
}
.afg-main-content-landing h4 {
font-size: 20px;
line-height: 22px;
}
.afg-main-content-landing h5 {
font-size: 18px;
line-height: 20px;
}
.afg-main-content-landing h6 {
font-size: 18px;
line-height: 20px;
}
.afg-main-content-landing p {
font-family: 'Archivo', sans-serif;
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: #000000;
margin-bottom: 42px;
}
.afg-main-content-landing h2 a, .afg-main-content-landing h2 a:hover,
.afg-main-content-landing h3 a, .afg-main-content-landing h3 a:hover,
.afg-main-content-landing h4 a, .afg-main-content-landing h4 a:hover,
.afg-main-content-landing h5 a, .afg-main-content-landing h5 a:hover,
.afg-main-content-landing h6 a, .afg-main-content-landing h6 a:hover,
.afg-main-content-landing li a, .afg-main-content-landing li a:hover,
.afg-main-content-landing p a, .afg-main-content-landing p a:hover {
color: #000000;
text-decoration: underline;
border-bottom: unset;
}
.afg-main-content-landing ul {
font-family: 'Archivo', sans-serif;
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: #000000;
margin-top:20px;
margin-bottom: 42px;
padding-left:20px;
} 
.afg-main-content-landing li {
list-style-type: disc;
}
.afg-main-content-landing figcaption {
font-size:14px;
line-height:16px;
}body > header {
position: fixed;
top:0;
left:0;
z-index: 1000;
width: 100%;
padding:0;
padding-right: 0!important;
padding-left: 0!important;
}
body > header > nav {
height:80px;
width: 100%;
background-color: #fff;
} .logo-wrapper {
height: 100px;
width: 100px;
bottom:-50px;
left:calc(50% - 50px);
position: absolute;
transition: all .3s;
}
.logo-wrapper svg g g:first-child {
opacity: 1;
transition: opacity .3s;
}
.logo-wrapper svg g g:last-child path {
transition: fill .3s;
fill:#fff;
}
header.scrolling .logo-wrapper,
header.sub-menu-open .logo-wrapper,
body.page-template-about-page header .logo-wrapper,
body.single header .logo-wrapper,
body.afg-classic-page header .logo-wrapper {
bottom:-8px;
}
header.scrolling .logo-wrapper svg g g:first-child,
header.sub-menu-open .logo-wrapper svg g g:first-child,
body.page-template-about-page header .logo-wrapper svg g g:first-child,
body.single header .logo-wrapper svg g g:first-child,
body.afg-classic-page header .logo-wrapper svg g g:first-child {
opacity: 0;
}
header.scrolling .logo-wrapper svg g g:last-child path,
header.sub-menu-open .logo-wrapper svg g g:last-child path,
body.page-template-about-page header .logo-wrapper svg g g:last-child path,
body.single header .logo-wrapper svg g g:last-child path,
body.afg-classic-page header .logo-wrapper svg g g:last-child path {
fill: var(--main-color);
} body > header > nav .nav-wrapper,
body > header > nav .nav-wrapper  .navbar-nav li {
height: 100%;
display: flex;
align-items: center;
position: static;
}
body > header > nav .nav-wrapper  .navbar-nav {
height: 100%;
display: flex;
flex-wrap: wrap;
}
nav ul > li {
margin:0;
font-size:15px;
padding: 0 30px!important;
position: relative;
cursor: pointer;
}
nav ul > li > a {
display: inline-block;
transition: all .3s;
font-size:15px;
line-height: 18px;
border-bottom: 1px solid transparent;
} 
nav ul > li.current-menu-item > a,
nav ul > li > a:hover {
text-decoration: none;
border-bottom: 1px solid var(--main-color);
} ul > li.nav-link {
flex-grow: .001;
}
li.menu-item-has-children > a:after {
content:'';
width: 10px;
height: 10px;
margin-left: 10px;
display: inline-block;
stroke: var(--main-color);
transition: all .3s;
background-image: url(//www.botoxs.fr/wp-content/themes/botoxs/assets/img/arrow-down-blk.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transform: translateY(1px);
transition: all .3s;
}
li.menu-item-has-children.afg-active > a:after {
transform: translateY(1px) scaleY(-1);
}
nav ul.sub-menu {
position: absolute;
top:70px;
left:0;
background-color: #fff;
width: 100%;
min-height: 80px;
padding:25px 15px;
opacity: 0;
pointer-events: none;
transition: all .3s;
display: flex;
flex-wrap: wrap;
}
nav ul.sub-menu > li {
padding: 15px 30px!important;
padding-left:15px!important;
}
nav ul > li:hover ul.sub-menu {
opacity: 1;
pointer-events: all;
}
@media (max-width:1500px) {
nav ul > li {
padding: 0 20px!important;
}
}
@media (max-width:1400px) {
nav ul > li {
padding: 0 15px!important;
}
}
@media (max-width:1300px) {
nav ul > li {
padding: 0 10px!important;
}
} .afg-cta-wrapper {
justify-content: flex-end;
align-items: center;
}
.cta-item {
height: 100%;
display: flex;
align-items: center;
padding-right: 30px;
}
.cta-item a {
transition: all .3s;
font-size: 15px;
line-height: 18px;
border-bottom: 1px solid transparent;
} 
.cta-item a:hover {
border-bottom:1px solid var(--main-color);
} #lang-selector {
margin-right:25px;
height: 100%;
}
.lang-unactive {
opacity: 0;
pointer-events: none;
transition: all .3s;
position: absolute;
top:calc(50% + 20px);
display: block;
}
.lang-unactive li {
padding-bottom: 10px!important;
}
.lang-unactive.afg-active {
opacity: 1;
pointer-events: all;
}
#lang-selector li {
margin:0;
background-color: #fff;
}
#lang-selector li a {
color:#adb2b5;
transition: color .3s;
}
#lang-selector li a:hover {
color:initial;
} #date-block {
width: 80px;
height: 80px;
color: #fff;
font-size: 24px;
line-height: 24px;
padding: 10px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
text-decoration: none;
align-items: flex-end;
transition: all .3s;
}
#date-block:hover {
height:120px;
padding-bottom:20px;
}
#date-block span {
display: block;
position: relative;
flex:1 1 60px;
}
#date-block span:first-child {
text-align: left;
padding-bottom: 6px;
transition: all .3s;
}
#date-block:hover span:first-child {
padding-top: 30px;
}
#date-block span:first-child {
text-align: left;
padding-bottom: 6px;
}
#date-block span:last-child {
text-align: right;
padding-top: 6px;
}
#date-block span:first-child:after {
position: absolute;
content: ' ';
height:1px;
width:40px;
bottom:0;
left:10px;
background-color: #fff;
transform:rotate(-45deg);
transition: all .3s;
}
#header-social {
display: none;
}
@media screen and (max-width: 768px) {
.afg-hide-on-mobile {
display: none!important;
}
}
@media screen and (min-width: 768px) {
.afg-hide-on-desktop {
display: none!important;
}
}
@media screen and (max-width: 1250px) {
.afg-hide-on-mobile-2 {
display: none!important;
}
}
@media screen and (min-width: 1250px) {
.afg-hide-on-desktop-2 {
display: none!important;
}
.logo-wrapper:hover {
transform-origin: center;
transform:scale(1.1);
}
}
#burger-menu {
display: flex;
height: 25px;
width: 25px;
position: absolute;
justify-content: center;
align-items: center;
top: 50%;
transform: translateY(-50%);
left: 20px;
cursor: pointer;
fill:#091219;
transition: fill .3s;
z-index: 3;
}
.modal-overlay {
position: fixed;
top:0;
left:0;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, .5);
pointer-events: none;
opacity: 0;
transition: all .3s;
z-index: 5;
}
.modal-overlay.afg-active {
pointer-events: all;
opacity: 1;
cursor: pointer;
} #modal-newsletter {
position: fixed;
top:80px;
right:0;
max-width: 360px;
width: 360px;
background-color: var(--second-color);
z-index: 990;
padding: 10px 25px 25px;
box-shadow: 0px 1px 20px rgba(9,18,25,.3);
opacity: 0;
pointer-events: none;
transition: all .5s;
}
#modal-newsletter.afg-active {
opacity: 1;
pointer-events: all;
} .afg-modal-header {
width: 100%;
flex-basis: 100%;
max-width: 100%;
min-height: 80px;
display: flex;
align-items: center;
position: relative;
padding:0 20px;
}
#modal-newsletter .afg-modal-header {
min-height: 55px;
}
.afg-close {
height: 25px;
width: 25px;
background-color: unset;
border: unset;
padding: 0;
}
.afg-close line {
stroke-width:2;
}
.afg-modal .afg-close {
position: absolute;
top:50%;
transform: translateY(-50%);
right:0;
}
.modal-title {
font-size: 15px;
line-height: 16px;
color: #fff;
padding-right: 40px;
letter-spacing: .02em;
flex:1;
}
.modal-logo-wrapper {
height: 40px;
width: 40px;
} #frm_field_94_container > label {
padding-top: 0;
padding-bottom: 0;
}
#frm_field_96_container > label {
display: none;
}
#frm_field_96_container > input {
margin-top: 5px;
}
.afg-mobile-actions {
position: fixed;
bottom: 0;
left:0;
height:60px;
width: 100vw;
max-width: 100vw;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(9,18,25,.9);
color:#fff;
z-index:1010;
transition: all .3s;
z-index: 10;
}
.afg-mobile-actions a,
.afg-mobile-actions a:hover {
color:#fff;
font-size: 14px;
letter-spacing: .5px;
}
.afg-mobile-actions a .arrow-down {
display: none;
}
@media (max-width:1250px) {
#burger-menu.scrolling {
fill:#f56060;
}
#burger-menu svg g {
transition: all .3s;
}
#burger-menu svg g#cross {
opacity: 0;
}
#burger-menu.burger-menu-opened {
mix-blend-mode: unset;
}
#burger-menu.burger-menu-opened svg g#burger {
opacity: 0;
}
#burger-menu.burger-menu-opened svg g#cross {
opacity: 1;
}
body > header {
height:80px;
background-color: #fff;
z-index: 1030;
}
body > header > nav .nav-wrapper,
body > header > nav .nav-wrapper  .navbar-nav,
body > header > nav .nav-wrapper  .navbar-nav li {
height: auto;
}
body > header > nav .nav-wrapper  .navbar-nav,
body > header > nav .nav-wrapper  .navbar-nav li {
display: block;
}
body > header > nav.navbar .afg-modal-header {
max-width: 500px;
left:-100%;
transition: all .3s;
opacity: 0;
pointer-events: none;
width: 100%;
background-color: #fff;
z-index: 10;
position: fixed;
top:0;
padding-left: 20px!important;
padding-right: 20px!important;
max-width: 500px;
}
body > header > nav.navbar.afg-active .afg-modal-header {
opacity: 1;
pointer-events: all;
left:0; 
}
body > header > nav.navbar.afg-active .afg-modal-header .afg-close {
left: 20px!important;
}
body > header > nav.navbar.afg-active .afg-modal-header .afg-close line {
stroke-width: 2;
}
body > header > nav.navbar {
height: 100vh;
z-index: 10;
padding:80px 0 60px!important;
width: 100%;
background-color: #fff;
position: fixed!important;
left: -100%;
top: 0;
display: block;
overflow: scroll;
z-index: 10;
transition: all .3s;
max-width: 500px;
box-shadow: 10px 0 20px rgba(9,18,25,0);
}
body > header > nav.navbar.afg-active {
left:0;
box-shadow: 10px 0 20px rgba(9,18,25,.1);
}
header nav ul > li {
font-size: 30px;
line-height: 38px;
margin-bottom: 15px;
display: block;
}
nav ul.sub-menu {
position: relative;
top:auto;
left:auto;
background-color: #fff;
width: 100%;
padding:0;
display: block;
height: 0;
min-height: 0;
overflow: hidden;
}
nav ul > li.menu-item-has-children > a {
position: relative;
padding-right: 20px;
}
nav ul > li.menu-item-has-children > a:after {
content:'';
display: block;
position: absolute;
right: 0;
top:50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
background-image: url(//www.botoxs.fr/wp-content/themes/botoxs/assets/img/arrow-down-blk.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transition: all .3s;
}
nav ul > li.menu-item-has-children.afg-active > a:after {
transform: translateY(-50%) scaleY(-1);
}
nav ul > li ul.sub-menu.afg-active {
height: auto;
min-height: 80px;
padding: 15px 0;
opacity: 1;
pointer-events: all;
}
header  nav ul.sub-menu > li {
padding: 10px 15px!important;
line-height: 18px;
margin: 0px;
}
.afg-cta-wrapper {
justify-content: center;
margin:0 0 30px;
flex-wrap:wrap;
}
.cta-item {
height: auto;
padding: 15px 25px 20px;
width: 100%;
}
.cta-link {
height:auto;
margin:0;
}
#lang-selector-nav-wrapper {
align-items: center;
display: flex;
width: 100%;
justify-content: center;
font-size: 15px;
border-bottom: 1px solid #adb2b5;
border-top: 1px solid #adb2b5;
height: 50px;
}
#lang-selector {
flex: 0 0 100%;
margin-right:0;
}
#lang-selector li,
#lang-selector .lang-unactive-item:last-child,
#lang-selector li:first-of-type {
margin:0 15px!important;
font-size: 15px!important;
padding-bottom:0!important;
}
#lang-selector li:first-of-type {
margin:0 30px!important;
}
#lang-selector .lang-unactive {
display: flex;
align-items: center;
opacity: 1;
pointer-events: all;
top: auto;
position: relative;
}
.lang-active {
display: flex;
justify-content: center;
}
.lang-active .arrow-down {
display: none;
}
#date-block {
display: none;
}
#header-social {
display: flex;
width: 100%;
height: 30px;
align-items: center;
justify-content: center;
}
#header-social a {
display: block;
width: 30px;
height: 30px;
margin:0 15px;
}
.logo-wrapper {
height: 60px;
width: 60px;
top: 50%;
transform: translateY(-50%);
right: 20px;
left: auto;
}
.grid {
flex:0 0 100%;
}
#search-form-menu-item input {
max-width: 300px;
}
#modal-newsletter {
top:0;
padding:0;
max-width: 500px;
width:100%;
height:100vh;
z-index: 1050;
}
#modal-newsletter .afg-modal-header {
border-bottom: 1px solid #fff;
}
.afg-modal .afg-close {
right:20px;
}
.afg-modal-content {
padding:15px 27px;
}
#menu-item-39948 a {
position: relative;
padding-right: 15px;
} }
@media (max-width:768px) {
.afg-modal-header {
min-height: 80px;
padding: 0 20px;
}
.modal-title {
text-align: center;
}
.afg-modal .afg-close {
position: absolute;
top:50%;
transform: translateY(-50%);
right:20px;
}
header .afg-modal .afg-close {
right: auto;
left: 20px;
}
}section[id^="events_period"] {
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
section[id^="events_period"].annonces {
background-color: var(--second-color);
margin-bottom: 0;
padding-bottom: 20px;
}
section[id^="events_period"].actions {
padding-top: 40px;
}
section[id^="events_period"].annonces,
section[id^="events_period"].actions {
color:#fff;
}
section[id^="events_period"].annonces .afg-block-title a,
section[id^="events_period"].actions .afg-block-title a {
color:#fff;
border-color: #fff;
}
section[id^="events_period"].annonces .afg-block-title a:hover {
border-color: var(--main-color);
}
section[id^="events_period"].actions .afg-block-title a:hover {
border-color: #fff;
}
section[id^="events_period"].actions .arrow-right {
stroke: #fff;
}
section[id^="events_period"].actions .section-title {
color: #fff;
}
section[id^="events_period"].actions .afg-block-title {
flex-basis: 351px;
}
section[id^="events_period"].actions {
background-color: var(--main-color);
margin-bottom: 0;
padding-bottom: 20px;
}
body.home section[id^="events_period"].actions {
padding-bottom: 120px;
}
.afg-events-full-grid-wrapper {
overflow: hidden;
}
.grid {
display: flex;
flex-wrap: nowrap;
width: 100%;
overflow-x: auto;
z-index: 2;
}
.grid-item {
flex: 0 0 320px;
position: relative;
padding-top: 320px;
}
.afg-events-full-grid-wrapper .grid-item {
flex-basis: 25%;
max-width: 25%;
position: relative;
padding-top: 25%;
}
.grid-item > a {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.passed-event.grid-item > a::after{
content: '';
background: rgba(0,0,0,0.4);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.passed-event.grid-item > a::before{
content: 'Terminé';
border-radius: 50%;
color: #fff;
background: #000;
padding: 37px 0;
width: 96px;
height: 96px;
box-shadow: 0 2px 4px rgba(0,0,0, 0.4);
font-size: 16px;
font-weight: 600;
display: flex;
align-content: center;
justify-content: center;
z-index: 3;
position: absolute;
top: 5%;
right: 5%;
}
.grid-item figure {
position: absolute;
top:0;
left:0;
z-index:-1;
padding:0!important;
margin:0!important;
height: 100%;
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.grid-item figure:after {
content:' ';
height:32px;
width:32px;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 31 31' xml:space='preserve'%3E%3Cline x1='0' y1='15.5' x2='31' y2='15.5' stroke='white'/%3E%3Cline x1='15.5' y1='31' x2='15.5' y2='0' stroke='white'/%3E%3C/svg%3E");
}
.grid-item figure img,
.grid-item figure picture {
display: block;
height: 100%;
width: 100%;
object-fit: cover;
}
.grid-item figcaption {
font-size:12px;
height: 75%;
min-height:260px;
flex: 0 0 75%;
min-width:260px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
align-content: center;
text-align: center;
border-radius: 100%;
background-color: rgba(255,255,255,.9);
position: relative;
transition: all .3s;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,.4);
}
.grid-item:hover figcaption {
border:1px solid #fff;
background-color: rgba(255,255,255,0);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);
}
.grid-item figcaption * {
opacity: 1;
transition: all .3s;
}
.grid-item:hover figcaption * {
opacity: 0
}
.grid-item figcaption h2 {
font-size:18px;
line-height: 24px;
flex: 0 0 180px;
}
.grid-item figcaption p {
margin:0;
line-height: 20px;
flex:0 0 80%;
letter-spacing: .5px;
}
.grid-item .afg-label {
position: absolute;
right:0;
top:80px;
color:#fff;
font-size:11px;
padding:3px 7px;
max-width: 220px;
}
.grid-item figcaption .afg-curved-text {
position: absolute;
text-transform: uppercase;
width: 100%;
}
.grid-item figcaption .afg-curved-text.afg-circle-half-top {
top:6px;
}
.grid-item figcaption .afg-curved-text.afg-circle-half-bottom {
bottom:-3px;
}
.grid-item.evenements-botoxs figcaption,
.grid-item.botoxs-event figcaption {
background-color: rgba(9,18,25,.9);
color:#fff;
}
.grid-item.evenements-botoxs h2,
.grid-item.botoxs-event h2 {
color:#fff;
}
.grid-item.evenements-botoxs figcaption .afg-curved-text, .grid-item.botoxs-event figcaption .afg-curved-text {
fill:#fff;
width: 100%;
}
.grid-item.evenements-botoxs:hover figcaption, .grid-item.botoxs-event:hover figcaption {
border:1px solid #fff;
background-color: rgba(255,255,255,0);
}
.grid-item.evenements-botoxs .afg-label, .grid-item.botoxs-event .afg-label {
color:#091219;
background-color: #fff!important;
}
.afg-drag-button-wrapper {
position: absolute;
right: 0;
height: 100%;
width: 100px;
align-items: center;
display: none;
}
.afg-drag-button {
align-items: center;
justify-content: center;
padding:20px 0;
background-color: var(--third-color);
width:100%;
opacity: 0;
transition: all .3s;
}
.afg-drag-button-wrapper:hover .afg-drag-button {
opacity: 1;
}
.afg-drag-button .arrow-right {
position: relative;
stroke: var(--main-color);
flex:0 0 8px;
top:auto;
right: auto;
margin-left:10px;
} .afg-second-color-background figcaption  {
border-color:#fff;
}
.afg-related-events .grid-item.botoxs-event figcaption h2 {
color: #fff;
} .afg-events-filters {
display: flex;
margin:0 32px 20px;
}
.afg-events-filters fieldset {
position: relative;
}
.afg-events-filters legend {
padding-bottom:14px;
border-bottom:1px solid var(--main-color);
margin-bottom:14px;
cursor: pointer;
margin:0;
z-index: 51;
background-color: var(--third-color);
position: relative;
}
.afg-events-filters legend span.arrow-down {
position: absolute;
right: 0;
top:21px;
width: 16px;
}
.afg-events-filters .filter-modal {
position: absolute;
top:0;
left:15px;
height: 0;
overflow: hidden;
transform: translateY(-100%);
z-index:50;
width: calc(100% - 30px);
padding:0;
pointer-events: none;
opacity: 0;
padding: 0 30px;
transition: all .5s;
}
.afg-events-filters .filter-modal.afg-active {
top:0;
transform: translateY(0);
padding: 30px;
height: auto;
pointer-events: all;
opacity: 1;
max-height: 455px;
overflow-y: scroll;
}
.afg-events-filters .filter-modal label {
display: block;
position: relative;
padding-left: 36px;
font-size: 15px;
margin-bottom: 20px;
cursor: pointer;
}
.afg-events-filters .filter-modal label:last-of-type {
margin-bottom: 0;
}
.afg-events-filters .filter-modal label:before {
content: url(//www.botoxs.fr/wp-content/themes/botoxs/assets/img/valid.svg);
height: 18px;
width: 18px;
padding: 0 2.5px;
line-height: 18px;
border: 1px solid #fff;
position: absolute;
left: 0;
top: 0;
}
.afg-events-filters .filter-modal input:checked + label:before {
background-color: #fff;
}
.afg-events-filters .filter-modal input {
display: none;
}
.afg-events-filters #places-selector, .afg-events-filters input[type="submit"] {
display: none;
}
.afg-events-full-grid-wrapper .grid {
flex-wrap: wrap;
}
#selected-filters {
margin:0 32px 30px;
padding:0 15px;
font-family: 'Rubik',sans-serif;
font-size:14px;
text-transform: uppercase;
display: flex;
flex-wrap: wrap;
}
#selected-filters a {
position: relative;
padding-right: 18px;
margin-right: 27px;
cursor: default;
}
#selected-filters a:last-child {
margin-right: 0
}
#selected-filters a span.afg-cross {
position: absolute;
height:12px;
width:12px;
right: 0;
top:2px;
}
.next-posts-link {
display: flex;
margin:60px auto;
height:50px;
padding:0 20px;
background-color: var(--main-color);
border:1px solid var(--main-color);
color:#fff!important;
align-items: center;
justify-content: center;
transition: all .3s;
}
.next-posts-link:hover {
background-color: transparent;
color:var(--main-color)!important;
} .afg-events-full-grid-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column;
position: relative;
}
.afg-events-full-grid-wrapper:after {
position: absolute;
content:'';
display: block;
z-index: 20;
height: 100%;
width: 100%;
top:0;
left:0;
background-color: rgba(255,255,255,.8);
transition: all .3s;
opacity: 0;
pointer-events: none;
border-left:2px solid var(--second-color);
border-right:2px solid var(--second-color);
}
.afg-events-full-grid-wrapper.afg-active:after {
transform: rotateY(180deg);
opacity: 1;
pointer-events: all;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
.afg-events-full-grid-wrapper .grid .grid-item {
flex-basis:50%;
max-width: 50%;
padding-top: 50%;
}
}
.afg-no-results {
font-size: 18px;
line-height: 20px;
min-height: 380px;
display: flex;
align-items: center;
width: 380px;
justify-content: center;
padding: 25px;
margin: 0 auto 120px;
background-color: #fff;
} .afg-related-events {
flex-wrap: wrap;
}
.afg-related-events > p {
flex:0 0 100%;
padding:0 32px;
margin:0 0 40px;
}
.afg-related-events .grid-item figure {
z-index:0;
}
.afg-related-events .grid-item figcaption, .afg-related-events .grid-item figcaption h2 {
color:var(--main-color);
}
.afg-related-events .grid-item.evenements-botoxs figcaption, .afg-related-events .grid-item.botoxs-event figcaption {
color:#fff;
} .pagination {
border-radius: 0;
width: 100%;
padding: 30px 15px 50px;
flex-wrap: wrap;
justify-content: center;
}
.pagination .page-numbers {
display: flex;
align-items: center;
justify-content: center;
margin:10px;
font-weight: 700;
font-size: 14px;
background-color: var(--main-color);
border:1px solid;
border-color: var(--main-color);
color:#fff;
height: 30px;
padding: 0 10px;
transition: all .3s;
}
.pagination .page-numbers.current {
background-color: var(--second-color);
border-color: var(--second-color);
cursor: default;
}
.pagination .page-numbers.dots {
background-color: transparent;
border-color: transparent;
color: var(--main-color);
cursor: default;
}
.pagination .page-numbers:not(.current):hover {
background-color: var(--third-color);
border-color: var(--main-color);
}
@media (max-width:768px) { section[id^="events_period"] .afg-button,
.afg-drag-button-wrapper,
#afg-toggle-view {
display: none;
}
section[id^="events_period"].actions .afg-block-title,
.afg-block-title {
padding: 0 20px;
margin-bottom: 20px;
flex-basis: 100%;
}
.afg-block-title div .arrow-right,
.padding-140-32 > h2 .arrow-right {
position: absolute;
stroke:var(--main-color);
width: 20px;
height: 20px;
right: 0;
bottom: 0;
top: 21px;
}
.actions .afg-block-title div .arrow-right,
.padding-140-32 > h2 .arrow-right,
.annonces .afg-block-title div .arrow-right,
.padding-140-32 > h2 .arrow-right {
stroke:#fff;
}
.grid-item .afg-label {
display: none;
} .grid-item {
flex-basis:320px;
max-width: 320px;
padding-top: 320px;
}
.afg-events-full-grid-wrapper .grid-item {
flex:0 0 100%;
flex-basis: 100%;
max-width: 100%;
padding-top: 100%;
} .afg-events-filters {
position: fixed;
bottom: 0;
left:0;
flex-wrap: wrap;
background-color: #fff;
width: 100%;
max-width: 100vw;
margin: 0;
z-index: 4000;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 15px;
height: 60px;
}
.afg-events-filters fieldset {
padding-left:5px;
padding-right:5px;
}
.afg-events-filters fieldset legend {
border-bottom: unset;
padding-bottom: 0;
font-size: 15px;
line-height: 20px;
}
.afg-events-filters fieldset legend .afg-filter-text {
display: inline-block;
border-bottom: 1px solid var(--main-color);
}
.afg-events-filters fieldset legend span.arrow-down {
display: none;
}
.afg-events-filters .filter-modal {
position: fixed;
top: 80px;
left: 0;
height: calc(100vh - 60px)!important;
width: 100vw;
padding: 0;
}
.filter-modal-title {
display: flex;
align-items: center;
justify-content: center;
position: relative;
border-bottom: 1px solid rgba(255,255,255,.2);
height:110px;
}
.filter-modal-title svg {
height: 25px;
width: 25px;
position: absolute;
left:20px;
top:calc(50% - 12.5px);
fill:#fff;
}
.afg-inputs-wrapper {
padding:30px 20px 20px;
}
.afg-inputs-wrapper > p{
margin-bottom: 30px;
}
.afg-inputs-wrapper-scroll {
overflow-y: scroll;
height: calc(100vh - 240px);
}
.afg-events-filters .filter-modal label:last-of-type {
margin-bottom: 20px;
}
}
body.page-id-21096 section[id^="events_period"].annonces {
text-align: center;
}
body.page-id-21096 .afg-block-title {
display: none;
}section[id^="featured_posts"] {
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: 20px;
flex-wrap: nowrap;
}
.afg-featured-posts-gallery-wrapper {
overflow: scroll;
width: calc(100% - var(--featured-image-size));
}
.afg-featured-posts-gallery {
display: flex;
}
section[id^="featured_posts"] figure {
box-sizing: border-box;
height:100%;
flex-wrap: nowrap;
max-width: calc(var(--featured-image-size) + var(--featured-title-size));
flex-basis: calc(var(--featured-image-size) + var(--featured-title-size));
width: calc(var(--featured-image-size) + var(--featured-title-size));
min-width: calc(var(--featured-image-size) + var(--featured-title-size));
max-height: var(--featured-image-size);
position: relative;
}
section[id^="featured_posts"] figure .img-wrapper {
padding: 0;
position: relative;
padding-top: var(--featured-image-size);
max-width: var(--featured-image-size);
width: var(--featured-image-size);
flex-basis: var(--featured-image-size);
}
section[id^="featured_posts"] figure figcaption {
padding: 15px;
position: relative;
flex-basis: var(--featured-title-size);
max-height: calc(var(--featured-image-size) - 70px);
overflow: scroll;
}
.afg-featured-title {
padding-left: 32px;
}
section[id^="featured_posts"] figure .img-wrapper img {
position: absolute;
top:0;
left:0;
display: block;
width: 100%;
height:100%;
margin:0;
object-fit: cover;
max-height: var(--featured-image-size);
}
section[id^="featured_posts"] .img-mask svg {
fill:transparent;
}
section[id^="featured_posts"] figure figcaption p {
margin:0;
font-size: 14px;
line-height: 16px;
}
section[id^="featured_posts"] figure figcaption p.title-font-15 {
margin:0;
font-family: 'Archivo Black', sans-serif;
font-size: 11px;
line-height: 15px;
letter-spacing: .3px;
text-transform: uppercase;
margin-bottom:15px;
}
section[id^="featured_posts"] figure figcaption h2 {
margin:0 auto;
max-width: 100%;
text-align: left;
font-size: 16px;
line-height: 18px;
}
section[id^="featured_posts"] figure figcaption .afg-metadata-wrapper {
margin:15px 0;
}
section[id^="featured_posts"] .afg-metadata:first-child {
border-top: 1px solid var(--main-color);
}
section[id^="featured_posts"] .afg-metadata {
border-bottom: 1px solid var(--main-color);
padding: 15px 0;
}
.afg-post-link {
min-height: 40px;
min-width: 160px;
font-size: 12px;
line-height: 14px;
background: var(--main-color);
color:var(--third-color)!important;
display: inline-flex;
margin-left:auto;
align-items: center;
transition: all .3s;
position: relative;
padding: 0 40px 0 20px;
font-family: 'Archivo Black', sans-serif;
position: absolute;
bottom: 15px;
right: 15px;
transition: all .3s;
justify-content: center;
}
.afg-post-link:hover {
color:var(--third-color);
padding: 0 20px 0 40px;
}
.afg-post-link .arrow-down {
height: 20px;
width: 20px;
margin-left:5px;
}
.afg-post-link svg {
stroke:var(--third-color)!important;
stroke-width:5;
}
.afg-extra-content {
padding:50px;
max-width: 640px;
flex-basis: 640px;
}
.afg-extra-content h1 {
font-family: 'Archivo Black',sans-serif;
font-size: 40px;
line-height: 45px;
margin:0;
margin-bottom: 30px;
}
.afg-featured-posts-gallery .slick-list {
height: 100%;
width: 100%;
position: absolute;
left:0;
top:0;
} 
.afg-featured-title .arrow-right {
position: absolute;
stroke: var(--main-color);
width: 15px;
right: 0;
bottom: 0;
} 
@media screen and (max-width: 992px) {
section[id^="featured_posts"] {
max-height: initial;
height: auto;
}
:root {
--m-featured-posts-size:100%;
--m-featured-title-size:100%;
}
section[id^="featured_posts"] {
max-height: var(--m-featured-posts-size);
flex-wrap:wrap;
}
section[id^="featured_posts"] .afg-events-wrapper.grid {
flex-wrap:wrap;
}
section[id^="featured_posts"] figure {
max-width: var(--m-featured-post-width);
flex-wrap:wrap;
min-width: var(--m-featured-post-width);
width: var(--m-featured-post-width);
flex-basis: var(--m-featured-post-width);
}
.afg-featured-posts-gallery {
flex-basis:var(--m-featured-title-size);
max-width: var(--m-featured-title-size);
width: var(--m-featured-title-size);
}
section[id^="featured_posts"] figure .img-wrapper {
padding-top: var(--m-featured-posts-size);
max-width: var(--m-featured-posts-size);
width: var(--m-featured-posts-size);
flex-basis: var(--m-featured-posts-size);
}
section[id^="featured_posts"] figure figcaption {
flex-basis: var(--m-featured-posts-size);
max-height: calc(var(--m-featured-posts-size) - 70px);
}
section[id^="featured_posts"] figure .img-wrapper img {
max-height: var(--m-featured-posts-size);
}
section[id^="featured_posts"] .afg-block-title .afg-arrow-right {
display: none;
}
section[id^="featured_posts"] figure {
flex-basis: 100%;
max-width: 100%;
height: auto;
max-height: unset;
margin-bottom: 20px;
}
section[id^="featured_posts"] figure:last-child {
margin-bottom: 0;
}
section[id^="featured_posts"] {
max-width: 100vw;
margin-bottom: 40px;
}
.afg-extra-content {
padding: 50px;
max-width: 100vw;
}
section[id^="featured_posts"] .afg-title-wrapper {
text-align: left;
}
section[id^="featured_posts"]:after {
display: none;
}
.afg-extra-content {
margin-bottom: 30px
}
section[id^="featured_posts"] .img-mask {
display: block;
}
section[id^="featured_posts"] .afg-block-title .arrow-right {
display: none;
}
section[id^="featured_posts"] figure figcaption {
flex-basis:100%;
height: auto;
padding-top: 15px;
padding-left: 30px;
padding-right: 30px;
}
section[id^="featured_posts"] figure .img-wrapper {
padding: 0;
position: relative;
padding-top: 100vw;
max-width: 100vw;
width: 100vw;
flex-basis: 100vw;
}
.afg-post-link {
position: relative;
bottom:auto;
right: auto;
margin-top: 15px;
margin-right: 15px;
}
section[id^="featured_posts"] .img-mask {
display: block;
}
.afg-featured-title {
padding-top: 0px!important;
padding-left: 15px;
}
}