/* Custom theme styles */

body {font-family: monospace;}
::-webkit-scrollbar { width: 8px; height: 8px;}
::-webkit-scrollbar-track { background: #f3f3f3; }
::-webkit-scrollbar-thumb { background: #d3d3d3; }
::-webkit-scrollbar-thumb:hover { background: #d3d3d3;}

header { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #d1d1d1;}
footer { margin-bottom: 0; padding: 60px 0 60px; margin-top: 0; background: #ffffff; color: #2e2e2e; border-top: 1px solid #d1d1d1;}
footer a:first-child { margin-left: 0;}
footer a:last-child { margin-right: 0;}

.search-input { width: 100%; height: 58px !important; line-height: 58px; font-size: 18px; margin-top: 15px; margin-bottom: 12px; padding-left: 15px !important; padding-right: 15px !important; border: 1px solid #d1d1d1 !important; border-radius: 5px;}
.search-input.large { width: 100%; height: 68px !important; line-height: 68px;} 

.search-data-wrapper { position: relative; width: 100%;}
.search-data { position: absolute; z-index: 9999; width: calc(100% - 20px); max-height: 350px; list-style: none; margin-top: -13px; margin-left: 10px; background: #ffffff; border-radius: 0 0 5px 5px; border: 1px solid #d1d1d1; border-top: none; overflow-y: auto;}
.search-data li { padding: 10px 15px; border-top: 1px solid #d1d1d1;}
.search-data li a { text-decoration: none;}
.search-data li span { padding: 3px 9px; background-color: #f3f3f3; color: #f6923a; font-size: 12px; border-radius: 7px;}

header nav { text-align: right;}
header nav a { font-size: 18px; line-height: 44px; margin-left: 14px; margin-right: 14px; text-decoration: none;}
.nav-dropdown { display: inline-block; position: relative; width: 50px; height: 55px; top: 20px; right: 0; font-weight: normal; z-index: 9999; text-align: left;}
.fw-button .toggle-menu { width: 50px; border-radius: 15px; overflow: hidden;}
.fw-button { display: inline-block; cursor: pointer; white-space: nowrap; overflow: hidden;}
.fw-button:hover, .fw-button:active { transform: scale(1.05);}
.fw-input { display: none; opacity: 0;}
.fw-menu { position: absolute; width: 280px; top: 100%; left: -232px; border-radius: 5px; padding: 0; margin: 8px 0 0 0; background-color: #ffffff; border: 1px solid #d1d1d1; list-style-type: none; overflow: hidden;}
.fw-input + .fw-menu { display: none;} 
.fw-input:checked + .fw-menu { display: block;} 
.fw-menu li { padding: 1px 20px; cursor: pointer; white-space: nowrap;}
.fw-menu li:hover { background-color: #f3f3f3}
.fw-menu li a { color: #ff6d00; display: block; margin: -10px -20px; padding: 10px 12px; text-decoration: none;}
.fw-menu li.separator{ margin: 7px 0; padding: 0; border-bottom: 1px solid #d1d1d1; cursor: default;}

.container {max-width: 1400px;}
.logo { margin: 10px auto; display: inline-block;}
.logo picture { display: inline-block;}
h3 + hr { margin-top: 0;}
.highlighter { font-size: 22px !important; font-weight: 900; background-image: linear-gradient(278deg, rgb(76, 160, 252) 18%, rgb(224, 47, 238) 78%); background-clip: text; -webkit-text-fill-color: transparent;}
.highlighter:hover { background-image: linear-gradient(218deg, rgb(76, 160, 252) 8%, rgb(224, 47, 238) 88%); }

.force-table-responsive { max-height: 760px;}
table { font-size: 16px; border: 1px solid #dedede; margin-bottom: 40px; border-radius: 5px; overflow: hidden;}
table tr td { border-bottom: 1px solid #dedede;}
table tr:last-child td { border: none;}
table th:last-child, table td:last-child { padding: 12px 15px;}
.force-table table th { background: #e9e9e9;}

.map-block { display: block; width: 100%; text-align: center; margin-bottom: 40px;}
.map-block iframe { pointer-events: none; border: none; border-radius: 5px; overflow: hidden;}

.advertisement-block { display: block; width: 100%; margin-bottom: 40px; border-radius: 5px; overflow: hidden;}
.advertisement-block img { display: block; width: 100%; max-width: 100%; opacity: .94;}
.advertisement-block img:hover { opacity: 1;}

.place-listing { width: 33.33%; margin-bottom: 30px; display: inline-block;}
.place-listing h5 { margin-top: 2px; margin-bottom: 4px; font-weight: 500;}
.place-listing p { margin-bottom: 0;}
.place-listing img { width: 100%; border-radius: 5px;}
.place-listing.info-card { width: -webkit-fill-available; width: 100%; min-height: 265px; border: 1px solid #d1d1d1; padding: 20px; border-radius: 5px; margin-bottom: 50px;}
.place-listing.info-card h4 { font-size: 20px; margin-bottom: 0;}
.place-listing.info-card hr { margin-top: 6px; margin-bottom: 6px;}
.place-listing.info-card.mini { min-height: 205px;}
.place-listing.info-card.mini.small { min-height: 65px; border-bottom: 4px solid #cacaca; user-select: none;}
.place-listing.full-wide { width: 100%;}

.data-list { width: 100%; padding: 10px 0; margin-bottom: 10px; display: inline-block; border-bottom: 1px solid #d1d1d1; position: relative;}
.data-list-cta { float: right; position: absolute; right: 0; top: 0; padding: 10px 20px; background: #ffffff; color: #ff6d00; border: 1px solid #d1d1d1; border-radius: 5px; margin-top: 35px; text-decoration: none;}
.data-list:first-child { padding-top: 10px;}
.data-list:last-child { padding-bottom: 10px; border-bottom: none;}
.data-list:first-child .data-list-cta { margin-top: 45px;}
.data-list h4 { margin-bottom: 0;}

.chips-listing { list-style: none; }
.chips-listing li { display: inline-block; padding: 12px 20px; background: #f9f9f9; border: 1px solid #dedede; border-radius: 5px; margin-right: 14px; margin-bottom: 14px;}
.chips-listing li a { text-decoration: none; color: #2e2e2e;}
.chips-listing li:hover { background: #f3f3f3;}

.nostyle { list-style: none;}
.nostyle .badge { border-radius: 12px; padding: 6px 16px; margin-right: 7px; margin-bottom: 7px; user-select: none;}

.post-block { width: calc(33.33% - 76px); float: left; min-height: 360px; max-height: 340px; overflow-y: hidden; border: 1px solid #d1d1d1; padding: 20px; border-radius: 5px; margin-bottom: 50px; margin-right: 50px;}
.post-block:hover { overflow-y: auto;}
.post-block:nth-child(3n) { margin-right: 0;}
.post-block h4 { margin: 0; line-height: 1.3;}
.post-block p { margin-bottom: 10px;}

.news-block { width: calc(22% - 40px); float: left; min-height: 200px; max-height: 340px; overflow-y: hidden; border: 1px solid #d1d1d1; padding: 20px; border-radius: 5px; margin-bottom: 50px; margin-right: 50px;}
.news-block:hover { overflow-y: auto;}
.news-block:nth-child(4n) { margin-right: 0;}
.news-block h5 { margin: 0; line-height: 1.3;}
.news-block p { margin-bottom: 10px;}

.data-block { border: 1px solid #d1d1d1; padding: 20px; border-radius: 5px; margin-top: 10px; margin-bottom: 50px;}
.data-block hr { margin-top: 10px; margin-bottom: 20px;}
.data-block ul { padding-left: 15px; margin-bottom: 0;}

.paper-effect { padding-left: 5px; padding-right: 5px; background: linear-gradient(#fbfbfb 0%, #ffffff 97%, #b5b5b5 100%); background-size: 1px 25.6px; border-top: 1px solid #dddccc;}
.empty-data { display: block; text-align: center;}
.empty-data svg { width: 80%; max-width: 440px;}

.primary-cta-full-width { display: block; border-radius: 5px; border: 1px solid #d1d1d1; padding: 15px; font-size: 18px; text-align: center; text-decoration: none; font-weight: bold; margin-bottom: 50px;}
.primary-cta-full-width:hover, .primary-cta-full-width:active { border-color: #1eaedb;}
.go-back-cta { display: inline-block; border-radius: 5px; border: 1px solid #d1d1d1; padding: 10px 20px; font-size: 16px; text-align: center; text-decoration: none; font-weight: bold; margin-bottom: 20px;}

.data-wrapper.scrollable { display: flex; width: 100%; overflow: hidden; overflow-x: scroll; margin-bottom: 50px;}
.data-wrapper.scrollable .news-block { display: block; min-width: 260px; max-width: 300px; margin-right: 50px !important; margin-bottom: 25px;}