.wp-block-vessinge-map { width:100%; height:400px; position:relative; border:1px solid #999; }
.wp-block-vessinge-map .map { width:100%; height:100%; z-index:2; }
.wp-block-vessinge-map .marker-json { display:none; }

.wp-block-vessinge-map-marker-search { width:100%; float:left; margin:20px 0 0 0; }
.wp-block-vessinge-map-marker-search input { font-family:'Roboto Condensed', sans-serif; width:100%; float:left; font-size:18px; padding:10px; box-sizing:border-box; }

.wp-block-vessinge-map-marker-list { width:100%; float:left; margin-top:20px; display:flex; flex-wrap:wrap; }
.wp-block-vessinge-map-marker-list li { width:100%; float:left; background:#F3F1F0; padding:20px 20px 90px 20px; box-sizing:border-box; margin:0 !important; }
.wp-block-vessinge-map-marker-list li .wp-block-buttons { cursor:pointer; position:absolute; bottom:20px; left:20px; }
.wp-block-vessinge-map-marker-list li p span { width:100%; float:left; }
.wp-block-vessinge-map-marker-list li p span.title { font-weight:bold; font-size:22px; line-height:26px; }
.wp-block-vessinge-map-marker-list li:nth-child(4n) { margin-right:0; }
.wp-block-vessinge-map-marker-list li.web { padding-bottom:20px; text-align:center; display:flex; justify-content:center; align-items:center; }
.wp-block-vessinge-map-marker-list li.web img { float:none; max-height:72px; max-width:100%; display:inline-block; }

body.wp-admin .wp-block-vessinge-map-marker-search, body.wp-admin .wp-block-vessinge-map-marker-list { float:none; display: flex; flex-direction: column; }

.wp-block-vessinge-map-marker-list .button { background:#000; border-radius:3px; box-sizing:border-box; float:left; padding:14px 60px 14px 18px; text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; line-height:22px; color:#fff; text-decoration:none; cursor:pointer; position:absolute; bottom:20px; left:20px; }
.wp-block-vessinge-map-marker-list .button::after { background:#000; width:32px; height:32px; border-radius:100%; position:absolute; top:9px; right:10px; content:"\e900"; font-family:icomoon; color:#ffe400; font-weight:normal; font-size:18px; line-height:32px; }
.wp-block-vessinge-map-marker-list .button:hover { opacity:0.8; }

.wp-block-vessinge-map-selector { width:100%; margin:20px 0 30px 0; display:flex; gap:5px; }
.wp-block-vessinge-map-selector input { width:100%; max-width:500px; border:1px solid #A4D1E1; font-size:13px; font-weight:700; font-family:'Satoshi', sans-serif; padding:7px 10px; box-sizing:border-box; }
.wp-block-vessinge-map-selector select { width:100%; max-width:500px; border:1px solid #A4D1E1; font-size:13px; font-weight:700; font-family:'Satoshi', sans-serif; padding:8px 24px 8px 10px; background-color:transparent; background-image:url(../../img/arrow_select.svg); background-repeat:no-repeat; background-position:right 12px center; appearance:none; position:relative;; max-width:200px; }
/*.wp-block-vessinge-map-selector a { display:inline-block; padding:14px 18px 14px 18px; font-size:22px; float:none; margin:0 10px; cursor:pointer; }
.wp-block-vessinge-map-selector a:first-child { margin-left:0; }
.wp-block-vessinge-map-selector a:last-child { margin-right:0; }
.wp-block-vessinge-map-selector a::after { display:none; }
.wp-block-vessinge-map-selector a:not(.selected) { background:#fff; color:#000; }*/


/*#################################*/
/*### Screen width */
/*#################################*/
/*@media screen and (max-width: 1000px){
	.wp-block-vessinge-map-marker-list li { width:calc(33.33% - 13.33px); }
	.wp-block-vessinge-map-marker-list li:nth-child(3n) { margin-right:0; }
	.wp-block-vessinge-map-marker-list li:nth-child(4n) { margin-right:20px; }
}
@media screen and (max-width: 800px){
	.wp-block-vessinge-map-marker-list li { width:calc(50% - 10px); }
	.wp-block-vessinge-map-marker-list li:nth-child(2n) { margin-right:0; }
	.wp-block-vessinge-map-marker-list li:nth-child(3n) { margin-right:20px; }
}
@media screen and (max-width: 550px){
	.wp-block-vessinge-map-marker-list li { width:100%; margin:0 0 20px 0; }
	.wp-block-vessinge-map-marker-list li:nth-child(3n) { margin-right:0; }
	.wp-block-vessinge-map-selector a { width:100%; margin:0 0 10px 0; }
	.wp-block-vessinge-map-selector a:last-child { margin-right:0; margin-bottom:0; }
}*/

@media screen and (max-width: 781px){
	.wp-block-vessinge-map { height:500px !important; }
	.wp-block-vessinge-map-selector { flex-direction:column; }
	.wp-block-vessinge-map-selector select, .wp-block-vessinge-map-selector input { width:100%; max-width:initial; min-width:initial; }
}