/* =========================================================
   FONTS
   Project fonts — License: /css/webfonts/LICENSE.txt
   ========================================================= */

@font-face {
    font-family: 'Roboto';
    src: url('/css/webfonts/roboto-light.eot');
    src:
        url('/css/webfonts/roboto-light.eot?#iefix') format('embedded-opentype'),
        url('/css/webfonts/roboto-light.woff2') format('woff2'),
        url('/css/webfonts/roboto-light.woff') format('woff'),
        url('/css/webfonts/roboto-light.ttf') format('truetype'),
        url('/css/webfonts/roboto-light.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/css/webfonts/roboto-regular.eot');
    src:
        url('/css/webfonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
        url('/css/webfonts/roboto-regular.woff2') format('woff2'),
        url('/css/webfonts/roboto-regular.woff') format('woff'),
        url('/css/webfonts/roboto-regular.ttf') format('truetype'),
        url('/css/webfonts/roboto-regular.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/css/webfonts/roboto-bold.eot');
    src:
        url('/css/webfonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
        url('/css/webfonts/roboto-bold.woff2') format('woff2'),
        url('/css/webfonts/roboto-bold.woff') format('woff'),
        url('/css/webfonts/roboto-bold.ttf') format('truetype'),
        url('/css/webfonts/roboto-bold.svg#robotobold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/css/webfonts/roboto-black.eot');
    src:
        url('/css/webfonts/roboto-black.eot?#iefix') format('embedded-opentype'),
        url('/css/webfonts/roboto-black.woff2') format('woff2'),
        url('/css/webfonts/roboto-black.woff') format('woff'),
        url('/css/webfonts/roboto-black.ttf') format('truetype'),
        url('/css/webfonts/roboto-black.svg#robotoblack') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed';
    src:
        url('/css/webfonts/robotocondensed-bold.woff2') format('woff2'),
        url('/css/webfonts/robotocondensed-bold.woff') format('woff'),
        url('/css/webfonts/robotocondensed-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed Light';
    src: url('/css/webfonts/RobotoCondensed-Light-webfont.eot');
    src:
        url('/css/webfonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('/css/webfonts/RobotoCondensed-Light-webfont.woff') format('woff'),
        url('/css/webfonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
        url('/css/webfonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: 300;
    font-style: normal;
}


/* =========================================================
   VARIABLES
   ========================================================= */

:root {
    --color-purple: rgba(98, 39, 112, 1);
    --color-purple-70: rgba(104, 44, 118, 0.7);
    --color-purple-95: rgba(104, 44, 118, 0.95);
    --color-purple-35: rgba(104, 44, 118, 0.35);

    --color-bg-purple: #e5d3e8;
    --color-bg-light: rgba(246, 240, 246, 0.75);
    --color-bg-purple-light: rgba(229, 211, 232, 0.5);

    --color-border: #d1c4d5;
    --color-border-light: #ddd3e0;

    --base-line-height: 1.37777;
}


/* =========================================================
   GENERAL
   ========================================================= */

html {
    font-size: 23px;
    line-height: var(--base-line-height);
    scroll-behavior: smooth;
	scroll-padding-top: 2rem;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
}

header {
	background-color: var(--color-bg-purple);
}

main {}

footer {
	overflow: hidden;
}

p {
    margin: 0 0 var(--base-line-height) rem;
    color: var(--color-purple);
	line-height: 1.5;
	margin-bottom: 1.5em;
}

hr {
    border-top: 1px solid var(--color-border-light);
}

a {
    color: var(--color-purple);
}

a:hover {
    color: var(--color-purple);
    opacity: 0.65;
    text-decoration: underline;
}

a .custom-icon-link img {
	margin-left: .15em;
	height: .875em;
}

b,
strong {
    font-weight: 600;
}

.main-wrap,
.intro-wrap {
    margin: 0 auto;
    display: flow-root;
}

.main-wrap {
    overflow: hidden;
}

.intro-wrap {
	padding-top: 2.5rem;
    position: relative;
}

ul {
    padding-left: inherit;
    color: var(--color-purple);
    list-style: none;
}

ul li {
    margin-left: 0;
	padding-left: 1rem;
	position: relative;
}

ul li::before {
    content: '';
    position: absolute;
	left: 0; 
	top: .1125em;
    width: 0.35em;
    height: 0.35em;
    margin-top: 0.5em;
    border-radius: 100%;
    background-color: var(--color-purple);
}

main ul {
	margin-left: 0;
	padding-left: .5em;
}

.text-purple {
    color: var(--color-purple);
}

.text-standard {
    margin: 0 0 var(--base-line-height) rem;
    padding-top: 0.1em;
    color: var(--color-purple);
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

.custom-small {
    font-size: 85%;
}

.custom-text-s {
    font-size: 80%;
}

.bg-purple {
    background-color: var(--color-bg-purple-light);
}


a:focus:not(:focus-visible),
button:focus:not(:focus-visible)					{outline: none}

a:focus-visible,
iframe:focus-visible 								{outline: solid; outline-color: var(--blue); outline-width: 5px; outline-offset: 2px;}
.button:focus-visible								{outline: solid; outline-color: var(--blue); outline-width: 5px; outline-offset: 2px;}
.custom-container-form input[type="checkbox"]:focus-visible	 {outline: solid; outline-color: var(--color-purple) !important; outline-width: 5px; outline-offset: 2px;}
.custom-container-form .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {border: 3px solid var(--color-purple);}

/* =========================================================
   HEADINGS
   ========================================================= */

h1,
.h1 {
    margin-bottom: 0.25em;
    color: var(--color-purple);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 3.35em;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.0075em;
}

.custom-body-home h1 {
    margin-bottom: 0;
}

h1 span,
.h1 span {
    display: inline-block;
    font-family: 'Roboto Condensed Light', sans-serif;
    font-size: 98%;
    transform: translateY(-0.85rem);
}

h1.h2 {
	font-size: 3em;
}

h2,
.h2 {
    margin-bottom: 0.75em;
    color: var(--color-purple);
    font-family: 'Roboto Condensed Light', sans-serif;
    font-size: 2.25em;
    line-height: 1.5;
}

h3,
.h3,
h4,
.h4 {
    color: var(--color-purple);
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    line-height: 1.5;
}

h3,
.h3 {
    margin-bottom: 1.5em;
    font-weight: 600;
}

h4,
.h4 {
    margin-bottom: 1.5em;
}

b {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}


/* =========================================================
   HEADER / NAVIGATION
   ========================================================= */

.custom-logo {
    z-index: 2;
    height: 100%;
    padding: 0.625em .75em;
    background-color: #fff;
}

.custom-logo img {
    width: auto;
    height: 100%;
}

.row-navbar,
.row-intro,
.row-footer,
.intro-wrap,
.search-wrap {
    background-color: var(--color-bg-purple);
}

.row-navbar {
	height: 4.25vw;
	max-height: 94px;
}

.custom-body-home .row-navbar {
}

.custom-navbar {
    padding: 0.5rem 0.75rem .5rem 0.625rem;
}

.custom-navbar a {
	min-height: 44px;
	font-size: 75%;
}

.custom-navbar a:hover {
    color: var(--color-purple) !important;
    text-decoration: underline;
}

.custom-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
    margin-top: 0.25em;
    padding: 0.533em 0.795em;
    border-radius: 0.5rem !important;
    background-color: var(--color-purple);
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
}

.custom-btn:hover {
    background-color: var(--color-purple-70);
    color: #fff;
    opacity: 1;
    pointer-events: auto;
}

.custom-btn:focus,
.custom-btn:active {
    box-shadow: none;
}

.custom-btn .custom-icon-link-extern {
	display: inline-block;
	width: 1.375rem;
	height: 1rem;
	background: url(/img/box-arrow-up-right-white.svg) right center no-repeat;
    background-size: auto;
	background-size: .85em auto;
	opacity: .65;
	transform: translateY(-.025em);
}


.img-intro {
    width: 100%;
    height: auto;
    background-color: #fff;
    transform: translateX(1.5em);
}

.row-intro {
    max-width: 1950px;
    margin-right: auto;
    margin-left: auto;
    padding: 0.41em 0 0.41em 2.54em;
}

.row-intro .custom-btn {
    min-width: 9.25em;
}

.row-intro .custom-wrap {
    padding-right: min(10.5vw, 10.5em);
}

.intro-logos {
    margin-bottom: 1em;
    padding-right: 1em;
}

.intro-logo {
    display: inline-block;
    height: 2.25em;
    margin: 0.125em;
    background-color: #fff;
}

.custom-title-logo {
    font-size: 1.5em;
	font-family: "Roboto Condensed";
    line-height: 1.1;
    text-decoration: none;
}

.custom-title-logo span {
	font-family: "Roboto Condensed Light";
}

.custom-title-logo a:hover {
    text-decoration: none;
}

.intro-right {
    padding: 1.5em 0 0 4.375em;
}


/* =========================================================
   BREAKING NEWS
   ========================================================= */

.breaking-news-container {
    position: relative;
    height: 2.25rem;
	max-width: 39.5rem;
    margin-top: -2em;
    margin-bottom: 1.5em;
}

.breaking-news-top {
    position: absolute;
    width: 100%;
    height: 2.25rem;
    overflow: hidden;
    border-radius: 0.5rem !important;
    background: #fff;
    font-size: 0.925em;
}

.breaking-news-headline {
    position: absolute;
    display: block;
    width: 60%;
    margin-top: 0.8em;
    margin-left: 1em;
    color: var(--color-purple);
    text-align: center;
    line-height: 0.8;
    white-space: nowrap;
}

.breaking-news-headline span::before,
.breaking-news-headline span::after {
    content: ' +++ ';
    font-weight: 400;
    letter-spacing: 0.05em;
}

.marquee {
    animation: marquee 18s linear 0.25s infinite;
}

.marquee-text2 {
    padding-left: 30%;
}

@keyframes marquee {
    0%,
    10% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

.readmorebutton-area {
    position: relative;
    float: right;
    border: 0;
}

.readmorebutton,
.readmoreclose {
    position: relative;
    display: block;
    float: right;
    height: 2.25rem;
    padding-right: 1.625rem;
    padding-left: 0.675rem;
    border: 0;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    background-color: var(--color-purple);
    background-image: url('/img/icon-readmore-arrow-open.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 0.825em) 52%;
    background-size: 0.75em auto;
    color: #fff;
    font-size: 0.75em;
    line-height: 2.5;
    cursor: pointer;
	transition: 200ms ease;
}

.readmorebutton:hover,
.readmoreclose:hover {
    background-color: #8d5e98;
}

.readmoreclose {
    background-image: url('/img/icon-readmore-arrow-close.png');
}

.breakingnewsbottom {
    position: absolute;
    z-index: 1;
    display: none;
    width: 100%;
    height: auto;
    margin-top: 2.4em;
    overflow: hidden;
    border-radius: 0.5rem;
    background-color: #fff;
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.2);
}

.breaking-maintext {
    margin-bottom: -1em;
    padding: 2.25em 2.5em 0;
    color: var(--color-purple);
    font-size: 90%;
    line-height: 1.5;
}

.breaking-maintext p,
.breaking-maintext ol,
.breaking-maintext ul {
    margin: 0 0 0.875em;
    font-size: 95%;
    line-height: 1.5;
}

.breaking-maintext ul {
    margin-left: 1.385em;
    list-style-position: outside;
    list-style-type: disc;
}

.breaking-maintext ul li {
    margin: 0;
}

.breaking-maintext ul ul {
    margin-bottom: 0;
}

.breaking-maintext .breaking-maintext-heading {
    margin-top: 0;
    margin-bottom: 1.25rem;
    padding-right: 1.5rem;
    font-family: 'Roboto', sans-serif;
    font-size: 120%;
    font-weight: 600;
}

.closebutton {
    float: right;
    width: auto;
    height: 17px;
    margin: 25px;
    padding: 6px 20px 6px 21px;
    border: 0;
    background-color: transparent;
    background-image: url('/img/icon-readmore-cross-close.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    opacity: 0.7;
    cursor: pointer;
}

.closebutton:hover {
    opacity: 1;
}


/* =========================================================
   SECTIONS
   ========================================================= */

/* News */

.section-news {
    padding: 3.25em 1.25em;
    background-color: var(--color-bg-purple-light);
    text-align: center;
}

.section-news .custom-wrap-inner,
.section-news .row-content {
    margin-right: auto;
    margin-left: auto;
}

.section-news .custom-wrap-inner {
    max-width: 1800px;
}

.section-news .h2 {
    margin-bottom: 2rem;
}

.section-news .h3,
.section-news .h4 {
    margin-bottom: 0;
}

.section-news .row-content .custom-col {
    position: relative;
    display: block;
    height: 100%;
    padding: 1.5rem 1.75rem 3rem;
    border: 1px solid var(--color-bg-purple);
    background-color: #fff;
    text-align: left;
}

.section-news .row-content .custom-col .custom-link {
    text-decoration: none;
}

.section-news .row-content .custom-col .custom-expand,
.section-news .row-content .custom-col .custom-collapse {
    position: absolute;
    right: 1.75rem;
    bottom: 1rem;
    display: inline-block;
    padding: 0 0 0 1.25em;
    background-position: left 0.375em;
    background-repeat: no-repeat;
    background-size: 0.75em auto;
    text-decoration: underline;
}

.section-news .row-content .custom-col .custom-expand {
    background-image: url('/img/icon_expand.png');
}

.section-news .row-content .custom-col .custom-collapse {
    display: none;
    background-image: url('/img/icon_collapse.png');
    background-position: left 0.425em;
}

.section-news .row-content .custom-col .custom-link[aria-expanded='true'] .custom-expand {
    display: none;
}

.section-news .row-content .custom-col .custom-link[aria-expanded='true'] .custom-collapse {
    display: block;
}

.section-news .row-content .custom-col .custom-text p {
    margin-bottom: 1rem;
}

.section-news .row-content .custom-col .custom-text p:last-of-type {
    margin-bottom: 0;
}


/* Infos */

.section-infos {
    padding: 0 8em 0.41em 9.54em;
    background-color: var(--color-bg-light);
}

.section-infos .row-content {
    max-width: 1520px;
    margin-right: auto;
    margin-left: auto;
}

.section-infos .row-content h2 {
    margin-top: 1.5rem;
	margin-right: 1rem;
}

.section-infos .row-content .content-right {
    padding: 2.5em 0 0 2.4em;
}

.content-hr {
    margin-top: 2.5em;
	margin-bottom: 0;
}


/* Contact */

.section-contact {
    padding: 3.333em 8em 2.5em 9.54em;
    background-color: #fff;
}

.section-contact .row-content {
    max-width: 1520px;
    margin-right: auto;
    margin-left: auto;
}

.contact-right {
    padding-left: 2.4em;
}

.img-contact {
    width: 9.583em;
}

.custom-link-pdf {
    color: var(--color-purple);
    text-decoration: underline;
}

.custom-link-pdf::before {
    content: '';
    display: inline-block;
    width: 1.5em;
    height: 1.35em;
    vertical-align: top;
    background-image: url('/img/file-pdf.svg');
    background-position: left 0.25em;
    background-repeat: no-repeat;
    background-size: 1em auto;
}


/* Midwife search */

.section-midwife-search {
    padding: 2em 1em 4.5em;
}

.section-midwife-search .row-content {
    max-width: 1588px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
}


/* Main */

.section-main {
    background-color: var(--color-bg-light);
}

.section-main .custom-wrap-inner {
	margin-left: auto;
	margin-right: auto;
	padding: 0 1.25em 1.25em;
    max-width: 960px;
}

.section-main .custom-btn-content-back {
	margin-top: 1.25rem;
	margin-left: 1rem;
}

.section-main p a{
    text-decoration: underline;
}





/* =========================================================
   FORMS
   ========================================================= */

.custom-container-form {
    max-width: 1950px;
    margin-right: auto;
    margin-left: auto;
    padding: 2em 3em 2.5em;
    border-radius: 20px;
    background-color: var(--color-bg-light);
    color: var(--color-purple);
}

.custom-container-form hr {
    margin-top: 2em;
    margin-bottom: 2em;
}

.custom-container-form h4,
.custom-container-form .h4 {
    display: block;
    margin-bottom: 1.25em;
    color: var(--color-purple-95);
    font-size: 85%;
    font-weight: 600;
}

.custom-container-form label {
    margin-bottom: 0.375rem;
    color: var(--color-purple-95);
    font-size: 85%;
    font-weight: 600;
}

.custom-container-form .custom-control-label {
    padding-top: 0.125em;
    color: var(--color-purple);
    font-size: 85%;
    font-weight: 400;
    cursor: pointer;
}

.custom-container-form input[type='select'] {
    cursor: pointer !important;
}

.custom-container-form input,
.custom-container-form select,
.custom-container-form textarea {
    border: 1px solid var(--color-border);
    color: var(--color-purple);
    font-family: 'Roboto', sans-serif;
}

.custom-container-form input:focus,
.custom-container-form select:focus,
.custom-container-form textarea:focus,
.custom-container-form input:active,
.custom-container-form select:active,
.custom-container-form textarea:active {
    border: 1px solid var(--color-purple-95) !important;
    box-shadow:
        0 5px 5px 0 rgba(0, 0, 0, 0.05) inset,
        0 0 0 1px var(--color-purple-95) !important;
}

.custom-container-form fieldset legend {
	display: block;
	margin-bottom: 1.25em;
	color: var(--color-purple-95);
	font-size: 85%;
	font-weight: 600;
	margin-bottom: 1.25em;
}

.custom-select:disabled {
    background-color: #f4eef4;
    color: #c0afc4;
}

.custom-select-language {
    width: auto;
}

.custom-control-input ~ .custom-control-label::before {
    border: 1px solid var(--color-border);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--color-purple);
    background-color: var(--color-purple);
    color: #fff;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none !important;
}

.form-control::-moz-placeholder {
	color: rgba(104, 44, 118, .5) !important;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: rgba(104, 44, 118, .5) !important;
}

.form-control::-webkit-input-placeholder {
	color: rgba(104, 44, 118, .5) !important;
}

.custom-field_chk {
    display: block;
    visibility: hidden;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1px !important;
}




/* Form validation */

.was-validated .custom-select:valid,
.was-validated .form-control:valid {
    padding-right: 0.75rem;
    border-color: var(--color-purple-35);
    background-image: none;
}

.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: inherit;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before {
    border-color: var(--color-purple-35);
    color: inherit;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    border-color: var(--color-purple);
    background-color: var(--color-purple);
}


/* Form success / error */

.custom-form-success,
.custom-form-error {
    overflow: hidden;
    padding-top: 0.275em;
    padding-left: 3em;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 2em auto;
}

.custom-form-success {
    background-image: url('/img/check-circle-fill.svg');
}

.custom-form-error {
    background-image: url('/img/exclamation-circle-fill.svg');
}

.custom-form-error p {
    color: #dc3545;
}


/* =========================================================
   FOOTER
   ========================================================= */


.row-footer {
    padding: 1.75em 1.6666em;
}

.footer-col {
    white-space: nowrap;
}

.footer-logo {
    display: inline-block;
    height: 1.66666em;
	min-height: 30px;
    margin: 0.125em;
    background-color: #fff;
}

.logos-col {
    padding-left: 0;
}

.footer-link {
    padding: 0 0.5em;
    font-size: 75%;
}

.custom-logo-link {
    display: inline-block;
    margin: 0 0.05em;
    padding: 5px 10px;
    background-color: #fff;
}