/* contact */
#page.page-contact .ct{display:flex;}
#page.page-contact .h2 {margin-bottom: var(--marginM);}
#page.page-contact .left{width: 50%; padding-right:var(--marginM);}
#page.page-contact .right {width: 50%;display: flex; flex-direction: column; justify-content: end;}
#page.page-contact .cn-crd{color:var(--primary);font-size:var(--textS);font-weight:bold;text-align: end; margin-top: var(--marginM);}
#page.page-contact .cn-crd li{padding-left:0; transition: .3s ease-in-out;}
#page.page-contact .cn-crd li:hover {transform: translateX(-5px);}
#page.page-contact .cn-crd li + li{margin-top:5px;}
#page.page-contact .bt {display: flex; flex-direction: row-reverse; width: 100%; justify-content: space-between; align-items: center;}

/* captcha */
.grecaptcha-badge {display: none;}
.captcha-mention {font-size: calc(9px + 2 * (100vw - 320px) / 1080); line-height: 1.2;}
.captcha-mention > span {display: block;}
.captcha-mention > a {opacity: .6; transition: .3s; font-size: 90%;}
.captcha-mention > a:hover {opacity: 1;}

/* map */
.map-c{width:100%;height:calc(250px + 100 * (100vw - 320px) / 1080);border-radius:3px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);}
.map-c:before{content:'';z-index:5;border:1px solid rgba(0,0,0,.05);position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;}
#map{cursor:grab;width:100%;overflow:hidden;height:100%;z-index:0;position:absolute;left:0;top:0;}
#map:active{cursor:grabbing;}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar, .leaflet-bar{border:0!important;box-shadow:0 0 0!important;}
#map .leaflet-bar a{background-color:var(--primary);color:#fff;border-radius:3px;border:0!important;display:flex;align-items:center;justify-content:center;margin-bottom:5px;width:25px;height:25px;font-size:14px;user-select:none;-moz-user-select:none;}
#map .leaflet-bar a:hover{background-color:#38a4ff;}
#map .leaflet-marker-pane img{display:block;}

/* media queries */
@media screen and (max-width:800px){
    #page.page-contact .h2 {text-align: center;}
    #page.page-contact .ct {flex-direction: column;}
    #page.page-contact .left {width: 100%; padding-right: 0; margin-bottom: var(--marginM);}
    #page.page-contact .right {width: 100%;}
}