body {
    font-family: "fairwater_scriptregular", cursive;
    color: #B6902E;
}

.fairwater {
    font-family: "fairwater_solid_serifregular";
}

.fairwater_sansregular {
    font-family: "fairwater_sansregular";
}

fairwater_sansregular .arial {
    font-family: Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: "fairwater_open_serifregular";
    src: url("public/fonts/laura_worthington_-_fairwateropenserif-regular-webfont.woff2") format("woff2"), url("public/fonts/laura_worthington_-_fairwateropenserif-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "fairwater_sansregular";
    src: url("public/fonts/laura_worthington_-_fairwatersans-regular-webfont.woff2") format("woff2"), url("public/fonts/laura_worthington_-_fairwatersans-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "fairwater_scriptregular";
    src: url("public/fonts/laura_worthington_-_fairwaterscript-regular-webfont.woff2") format("woff2"), url("public/fonts/laura_worthington_-_fairwaterscript-regular-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "fairwater_solid_serifregular";
    src: url('public/fonts/laura_worthington_-_fairwatersolidserif-regular-webfont.woff2') format('woff2'), url('public/fonts/laura_worthington_-_fairwatersolidserif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.extruded {
    font-family: "fairwater_open_serifregular";
}

body {
    background: url(public/gif/saint-paul-pattern.gif);
}

p {
    font-size: 1.5rem;
}

.h-120px {
    height: 120px;
}

.h-60px {
    height: 60px;
}

.h-40px {
    height: 40px;
}

.text-inherit {
    color: inherit!important;
}

header {
    font-family: "fairwater Display"!important;
}

header>div {
    border-bottom: 2px solid #b6902f;
}

header a.top-link {
    display: inline-block;
    text-align: center;
    font-size: .85rem;
    margin: 0 10px;
    font-family: "fairwater_sansregular"!important;
    color: #b6902f;
    text-decoration: none;
}

header a.top-link.active {
    padding: .25rem 1.25rem 1.5rem 1.25rem;
    background-image: url("public/svg/saint-paul-onglet-stroke.svg#svgView(preserveAspectRatio(none))");
    background-size: 100% 100%;
}

header a.top-link.active:hover {
    background-image: url("public/svg/saint-paul-onglet-plain.svg#svgView(preserveAspectRatio(none))");
    color: white;
}

header a.top-link>svg {
    width: 70px;
    height: 10px;
    fill: white;
}

header a.top-link>svg *,
.fill-white * {
    fill: white;
}

.header {
    position: relative;
    height: 80vh;
    width: 100%;
    overflow: hidden;
}

.header img,
.header video {
    position: absolute;
    top: -100%;
    left: 0;
    right: 0;
    bottom: -100%;
    margin: auto;
    width: 100%;
    z-index: -1;
}

.hover-svg svg {
    height: 100%;
    width: auto;
    max-height: 200px;
}

.hover-svg:hover .react {
    cursor: pointer;
    stroke-width: .5px;
    stroke-linecap: round;
    stroke: #b6902f;
}

footer .hover-svg:hover .react {
    stroke: #FFFFFF;
}

footer *:not(.fab) {
    font-family: "fairwater_sansregular"!important;
}

footer {
    background: #B6902E !important;
    color: #FFFFFF!important;
}

header a.base-link {
    font-weight: 900;
    color: #B6902E !important;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    opacity: .85;
}

header a.base-link:hover {
    text-decoration: none;
    opacity: 1;
}

header a.base-link:hover::before {
    content: "";
    position: absolute;
    display: inline-block;
    height: 40px;
    width: 100%;
    background: url(public/png/saint-paul-onglet-selection.png) center no-repeat;
    top: -40px;
    left: 0;
}

.vertical-text {
    transform: rotate(-90deg);
    transform-origin: left top 0;
}

.map-detail {
    height: 500px;
    width: 100%;
}

.card {
    border: 4px solid #B6902E;
    background: #B6902E;
}

.card-header {
    color: #FFFFFF;
    font-family: "fairwater_sansregular";
}

.card-body {
    font-family: "fairwater_sansregular"!important;
}