.mega-menu.max-mega-menu.mega-menu-horizontal {
font-family: "Helvetica", sans-serif !important;
}
.container {
margin: 0 auto;
max-width: 1180px;
padding: 0 20px;
}
.text-uppercase {
text-transform: uppercase;
}
#breadcrumbs a:hover {
text-decoration: none;
}
.single-formation main {
font-family: "Helvetica", sans-serif;
}
.single-formation h2 {
font-size: 1rem;
text-transform: uppercase;
}
.single-formation-header {
background-image: url(https://confer-culture.org/wp-content/uploads/2019/07/IMG_6601.jpg);
background-position: bottom center;
background-size: cover;
padding: 100px 0px 240px 0px;
position: relative;
text-align: center;
}
.single-formation-header .container {
position: relative;
z-index: 1;
}
.single-formation-header-overlay {
background-color: transparent;
background-image: linear-gradient(250deg, #00af98 0%, #00acca 94%);
opacity: 0.81;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 0;
}
.mask {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
}
.mask svg {
fill: #fff;
display: block;
height: 240px;
width: calc(200% + 1.3px);
position: relative;
left: 50%;
transform: translateX(-50%);
}
.single-formation-header h1, .single-formation-header-sub-title, .single-formation-header-sub-title a, .single-formation-header-sub-title a:hover {
color: #fff;
}
.single-formation-header h1 {
font-size: 1.75rem;
}
@media screen and (min-width: 768px) {
.single-formation-header h1 {
font-size: 3.75rem;
}
}
.single-formation-header-sub-title {
font-size: 1.25rem;
font-weight: 600;
}
.single-formation-header-sub-title:before {
background: #fff;
content: '';
display: block;
height: 3px;
margin: 0 auto 1rem;
width: 5%;
}
.single-formation-header-sub-title a {
text-decoration: underline;
}
.single-formation-header-sub-title a:hover {
text-decoration: none;
} .single-formation-infos {
margin: -30vh auto 0;
max-width: 80%;
position: relative;
}
.single-formation-infos-col {
background: #fff;
font-size: 0.875rem;
text-align: center;
padding: 2rem;
}
.single-formation-infos-col:not(:last-child) p:not(.infos-title) {
margin-bottom: 0;
}
.info-icon {
border: 1px solid #1aa2c8;
border-radius: 50%;
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
height: 80px;
margin-bottom: 25px;
text-align: center;
width: 80px;
}
.info-icon svg {
fill: #1aa2c8;
max-height: 40px; 
}
@media screen and (min-width: 768px) {
.info-icon {
height: 162px;
width: 162px;
}
.info-icon svg {
max-height: 70px; 
}
}
.infos-title {
color: #1aa2c8;
font-size: 1.125rem;
}
.single-formation-price {
color: #1aa2c8;
font-size: 2.938rem;
font-weight: 600;
}
@media screen and (min-width: 768px) {
.single-formation-infos {
display: flex;
justify-content: space-between;
gap: 30px;
margin-top: -200px;
max-width: 1040px;
}
.single-formation-infos-col {
flex: 1 1;
margin-bottom: 2rem;
}
} @media screen and (min-width: 768px) {
.single-formation-description {
display: flex;
justify-content: space-between;
gap: 80px;
}
.single-formation-description > div {
flex-basis: 50%;
}
.single-formation-description > div:last-child {
padding-top: 2.5rem;
}
}
.single-formation-description-content h2:first-child {
color:#1AA2C8;
font-size: 1.5rem;
font-weight: 600;
text-transform: uppercase;
}
.single-formation-description-content h2:first-child:after {
background: #54595F;
content: '';
display: block;
height: 3px;
margin-top: 20px;
width: 33%;
}
.single-formation-description ul {
padding: 0 0 0 1rem;
margin-bottom: 3rem;
}
.single-formation-description ul a {
color: #000;
text-decoration: underline;
}
.single-formation-description details {
padding: 1rem 0 0;
border-bottom: 1px solid #d5d8dc;
}
.single-formation-description summary {
color: #54595f;
font: 600 0.875rem Helvetica, sans-serif;
margin-bottom: 1rem;;
}
.single-formation-description summary:hover {
cursor: pointer;
}
.single-formation-description details[open] summary {
color: #1aa2c8;
}
.single-formation-description details h3 {
font-size: 1rem;
font-weight: bold;
}
.single-formation-description details ul {
margin-bottom: 1rem;
} .single-formation-programmes {
margin: 30px 0 50px 0;
}
@media screen and (min-width: 768px) {
.single-formation-programmes {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
}
ul.single-formation-teachers {
list-style: none;
padding-left: 0;
}
ul.single-formation-teachers li {
margin-bottom: 1rem;
}
ul.single-formation-teachers a {
font-weight: 600;
}
ul.single-formation-teachers a:hover {
text-decoration: none;
} .single-formation-footer { padding-bottom: 4rem;
padding-top: 4rem;
position: relative;
}
.map-background {
background-color: transparent;
background-image: linear-gradient(130deg, #00acca 0%, #00af98 100%);
opacity: 0.9;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.map-mask {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
direction: ltr;
transform: rotate(180deg);
top: 0;
}
.map-mask svg {
width: calc(200% + 1.3px);
height: 470px;
display: block;
position: relative;
left: 50%;
transform: translateX(-50%);
fill: #fff;
} table.agenda-formations {
border: 0;
font-family: "Helvetica", sans-serif;
margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
table.agenda-formations {
overflow-x: auto;
display: block;
width: fit-content;
max-width: 100%;
}
}
table.agenda-formations tbody > tr:nth-child(2n+1) > td, table.agenda-formations tbody > tr:nth-child(2n+1) > th,
table tbody tr:hover > td, table tbody tr:hover > th {
background: none;
}
table.agenda-formations th, table.agenda-formations td {
background-color: none;
border: 0;
}
table.agenda-formations th {
background-color: #27A2C6 !important;
color: #fff;
font-size: 1.5rem;
font-weight: 600;
padding: 0.5rem 1rem;
text-align: left;
text-transform: uppercase;
}
table.agenda-formations th:first-child {
width: 50%;
}
table.agenda-formations th:nth-child(2) {
width: 30%;
}
table.agenda-formations tr td:nth-child(3) {
min-width: 25%;
}
table.agenda-formations td {
border-bottom: 1px solid #000;
font-size: 1rem;
vertical-align: baseline;
}
table.agenda-formations tr:last-child td {
border: 0;
}
table.agenda-formations td svg {
display: inline-block;
vertical-align: middle;
}
table.agenda-formations tr td:first-child {
font-size: 1.2rem;
}
table.agenda-formations a {
color: #000;
font-weight: 600;
text-decoration: none;
}
a.link {
background-color: #1aa2c8;
color: #fff;
display: inline-block;
font-size: 0.875rem;
font-weight: bold;
padding: 12px 24px;
text-decoration: none;
text-transform: uppercase;
}
a.link:hover {
background-color: #000;
color: #fff;
} @media screen and (min-width: 768px) {
.formation-list {
display: grid;
grid-template-columns: repeat(3, auto);
grid-template-rows: auto;
grid-column-gap: 20px;
}
}
.formation-card, .eael-grid-post {
background-color: #fff;
box-shadow: 0px 0px 55px 5px rgba(0,0,0,0.06);
border: 20px solid #fff;
font-family: "Helvetica", sans-serif;
margin-bottom: 20px;
padding: 30px;
transition: border .3s ease;
}
.formation-card:hover, .eael-grid-post:hover {
border-color: #1aa2c8;
}
.formation-card h3 {
font-size: 1.2rem;
font-weight: 600;
}
.formation-card h3 a {
text-decoration: none;
}
.formation-card p {
color: #333;
} .acf-map {
margin: 0 auto;
height: 400px;
border: 0;
z-index: 1;
}
.acf-map img {
max-width: inherit !important;
}
.gm-style-iw-d {
font-weight: 600;
font-size: 0.875rem;
}
#map {
border: 0;
position: relative;
width: 100%;
z-index: 2;
}