.d-flex {
display: flex !important;
}
.d-flex:before, .d-flex:after {
content: none;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-inline-flex:before, .d-inline-flex:after {
content: none;
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
@media (min-width: 320px) {
.d-xs-flex {
display: flex !important;
}
.d-xs-flex:before, .d-xs-flex:after {
content: none;
}
.d-xs-inline-flex {
display: inline-flex !important;
}
.d-xs-inline-flex:before, .d-xs-inline-flex:after {
content: none;
}
.d-xs-none {
display: none !important;
}
.d-xs-block {
display: block !important;
}
.flex-xs-column {
flex-direction: column !important;
}
.flex-xs-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xs-row {
flex-direction: row !important;
}
.flex-xs-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xs-wrap {
flex-wrap: wrap;
}
.flex-xs-nowrap {
flex-wrap: nowrap;
}
.justify-content-xs-start {
justify-content: flex-start !important;
}
.justify-content-xs-end {
justify-content: flex-end !important;
}
.justify-content-xs-center {
justify-content: center !important;
}
.justify-content-xs-between {
justify-content: space-between !important;
}
.justify-content-xs-around {
justify-content: space-around !important;
}
.align-items-xs-start {
align-items: flex-start !important;
}
.align-items-xs-end {
align-items: flex-end !important;
}
.align-items-xs-center {
align-items: center !important;
}
.align-items-xs-baseline {
align-items: baseline !important;
}
.align-items-xs-stretch {
align-items: stretch !important;
}
}
@media (min-width: 768px) {
.d-sm-flex {
display: flex !important;
}
.d-sm-flex:before, .d-sm-flex:after {
content: none;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-inline-flex:before, .d-sm-inline-flex:after {
content: none;
}
.d-sm-none {
display: none !important;
}
.d-sm-block {
display: block !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap;
}
.flex-sm-nowrap {
flex-wrap: nowrap;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
}
@media (min-width: 980px) {
.d-md-flex {
display: flex !important;
}
.d-md-flex:before, .d-md-flex:after {
content: none;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-inline-flex:before, .d-md-inline-flex:after {
content: none;
}
.d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap;
}
.flex-md-nowrap {
flex-wrap: nowrap;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
}
@media (min-width: 1405px) {
.d-lg-flex {
display: flex !important;
}
.d-lg-flex:before, .d-lg-flex:after {
content: none;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-inline-flex:before, .d-lg-inline-flex:after {
content: none;
}
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap;
}
.flex-lg-nowrap {
flex-wrap: nowrap;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
}
:root {
--color-primary: #8EE121;
--navbar-height: 4.5rem;
--container-width: 1280px;
--container-width-small: 1080px;
} #page-container {
max-width: 100vw;
} .main-menu {
height: var(--navbar-height);
}
.main-menu > div {
height: 100%;
}
.main-menu > div > div {
height: 100%;
}
.main-menu .et_pb_menu__wrap {
height: 100%;
max-width: 100%;
margin: auto;
}
.main-menu .et_pb_menu__wrap .et_pb_menu__menu {
flex: 1;
justify-content: center;
max-width: none;
}
.main-menu .et_pb_menu__wrap .et_pb_menu__menu > nav {
width: 100%;
}
.main-menu .et_pb_menu__wrap > div {
width: 100%;
height: 100%;
}
.main-menu .et_pb_menu__wrap > div > div {
width: 100%;
height: 100%;
}
.main-menu ul.nav.et-menu {
width: 100%;
display: flex;
justify-content: space-between;
}
.main-menu ul.nav.et-menu > li {
flex: 1;
justify-content: center;
font-size: 1rem;
}
.main-menu ul.nav.et-menu > li > a {
font-size: inherit;
}
.main-menu ul.nav.et-menu > li.et_pb_menu__logo-slot {
flex: 0.8;
}
.main-menu .et_pb_menu__logo-wrap {
height: 100%;
max-height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.main-menu .et_pb_menu__logo-wrap .et_pb_menu__logo {
padding: 0.75rem;
}
.main-menu .et_pb_menu__logo-wrap .et_pb_menu__logo > img {
height: 100%;
object-fit: contain;
}
.head-section {
position: relative;
background: rgba(26, 26, 26, 0.6);
overflow: visible;
z-index: 1;
}
.head-section:before {
content: "";
position: absolute;
z-index: 0;
pointer-events: none;
top: 0;
bottom: -10%;
left: -1%;
height: 110%;
width: 50%;
opacity: 0.8;
background-image: url(//podologue-montpellier.com/wp-content/uploads/2021/12/seven_icon_simple.png);
background-size: cover;
background-repeat: no-repeat;
}
.title-primary.title-accent-part strong, .title-primary.title-accent-part b {
color: #8EE121;
}
.icons-row, .icon-blocks {
display: flex;
justify-content: space-between;
}
.icons-row > .et_pb_column, .icon-blocks > .et_pb_column {
margin: 0;
padding: 0 1.5rem;
flex: 1;
}
@media (min-width: 320px) {
.icons-row > .et_pb_column:not(:last-of-type):after, .icon-blocks > .et_pb_column:not(:last-of-type):after {
content: "";
position: absolute;
top: 5%;
bottom: 5%;
right: 0;
transform: translateX(50%);
width: 1px;
height: 90%;
display: block;
background-color: #E4E4E4;
}
}
@media (max-width: 320px) {
.icons-row, .icon-blocks {
flex-direction: column;
}
}
.icon-block .et_pb_image, .icon-col .et_pb_image {
text-align: center;
}
body #page-container .et_pb_section .et_pb_button.btn-link-white-primary:after, body #page-container .et_pb_section .et_pb_button.button-cta-7:after {
display: block !important;
opacity: 1;
}
.button-cta-7:after {
content: "";
background-image: url(//podologue-montpellier.com/wp-content/themes/Divi-child/resources/img/seven_icon_w.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 0.5em;
top: 50%;
transform: translateY(-50%);
width: 1em;
height: 1em;
display: block;
}
.et-menu-nav .button-cta-7 {
position: relative;
font-size: 1rem !important;
height: 100%;
right: -0.75rem;
border-color: rgba(0, 0, 0, 0);
background-size: contain;
background-position: center left;
background-repeat: no-repeat;
background-image: url(//podologue-montpellier.com/wp-content/uploads/2021/12/seven_icon_wt.png);
background-color: #8EE121;
}
.et-menu-nav .button-cta-7 > a {
padding: 0.5rem 1.5rem;
} .section-secondary {
overflow-x: hidden;
}
.btn-link-white-primary, a.btn-link-white-primary, body #page-container .et_pb_section .et_pb_button.btn-link-white-primary {
position: relative;
display: inline-block;
}
.btn-link-white-primary:after, a.btn-link-white-primary:after, body #page-container .et_pb_section .et_pb_button.btn-link-white-primary:after {
content: "" !important;
position: absolute;
background-color: #8EE121;
bottom: 0;
left: 20%;
right: 20%;
width: 60%;
transform: none;
display: block !important;
height: 1px;
opacity: 1;
visibility: visible;
transition: all 0.4s;
margin: 0;
}
.btn-link-white-primary:hover:after, a.btn-link-white-primary:hover:after, body #page-container .et_pb_section .et_pb_button.btn-link-white-primary:hover:after {
width: 100%;
left: 0;
right: 0;
}
.club-block {
background-color: transparent !important;
}
.club-block .row-details {
max-width: 80%;
}
.club-block .row-image {
width: 100%;
max-width: 100%;
margin: 0;
}
.articles-grid article, .articles-list-primary article {
border-color: transparent;
}
.articles-grid article.et_pb_post, .articles-list-primary article.et_pb_post {
border: none;
}
.articles-grid article .et_pb_image_container, .articles-list-primary article .et_pb_image_container {
margin-bottom: -4.5rem;
z-index: 0;
position: relative;
}
.articles-grid article > *:not(.et_pb_image_container), .articles-list-primary article > *:not(.et_pb_image_container) {
z-index: 1;
position: relative;
background-color: white;
display: block;
padding: 0 1.5rem;
}
.articles-grid article > *:not(.et_pb_image_container).entry-title, .articles-list-primary article > *:not(.et_pb_image_container).entry-title {
padding-top: 4.5rem;
}
.articles-grid article > *:not(.et_pb_image_container):last-child, .articles-list-primary article > *:not(.et_pb_image_container):last-child {
padding-bottom: 1.5rem;
}
ul#menu-footer {
display: flex;
flex-direction: column;
}
ul#menu-footer > li {
margin-top: 1rem;
} #main-title h1 > span {
color: var(--color-primary);
}
#main-title h1 > span[style="color: #00ff00;"] {
color: var(--color-primary) !important;
}
@media (min-width: 1405px) {
.media-group-floating-image {
transform: translate(25%, -10%);
position: relative;
}
}
.media-group-floating-image:before, .media-group-floating-image:after {
content: "";
position: absolute;
display: block;
background-size: contain;
background-repeat: no-repeat;
}
.media-group-floating-image:before {
background-image: url(//podologue-montpellier.com/wp-content/themes/Divi-child/resources/img/square_lg_bg.svg);
width: 50%;
height: 40%;
top: -15%;
right: -25%;
}
.media-group-floating-image:after {
background-image: url(//podologue-montpellier.com/wp-content/themes/Divi-child/resources/img/seven_icon_stroke-p.svg);
width: 100%;
height: 90%;
bottom: -30%;
right: -40%;
}
.video-player-primary {
position: relative !important;
}
.video-player-primary:after {
content: "";
background-image: url(//podologue-montpellier.com/wp-content/themes/Divi-child/resources/img/seven_icon_simple.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: -10%;
left: -5%;
width: 5rem;
height: 8rem;
z-index: 10;
} .image-modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #000a;
z-index: 999999;
}
.image-modal .modal-content {
position: relative;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.image-modal .modal-close {
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 4em;
}
.image-modal img {
width: auto;
height: auto;
max-width: 90%;
max-height: 75vh;
object-fit: contain;
object-position: center;
}