.attractbox {display:flex; gap:0; justify-content:space-between; padding:1.5rem; border-radius:6px; box-shadow:0 .5rem 1rem rgba(0,0,0,0.08)}
.attractbox:after {content:''; display:block; clear:both}
#wrapper .attractbox {padding:1rem 0; border-top:1px solid #ECEFF1; border-radius:0; box-shadow:none}
.dark #wrapper .attractbox {border-color:#263238}

.attractbox-tit {float:left; margin-right:1rem; font-weight:700; font-size:162.5%; line-height:1.2}
.attractbox-tit a {text-decoration:none}
.attractbox-tit a:hover small {text-decoration:underline}
.attractbox-tit small {display:table; font-size:.6875rem; font-family:'Inter', sans-serif; text-transform:uppercase}
.attractbox-tit small:before {content:''; float:right; width:.8em; height:1.2em; margin:0 0 0 .3em; background:url('/u/icon/124/arrow2-right.svg') no-repeat 50% 50% / contain;}
.dark .attractbox-tit small:before { background-image:url('/u/icon/fff/arrow2-right.svg')}
.attractbox-icon:before {content:''; float:left; width:.9em; height:.9em; margin:.15em .5rem 0 0; background:no-repeat 50% 50% / contain}							
.attractbox-weather .attractbox-icon:before	{background-image:url('/u/idn4/attractbox-weather.svg')}
.dark .attractbox-weather .attractbox-icon:before	{background-image:url('/u/idn4/attractbox-weather-fff.svg')}
.attractbox-exchange .attractbox-icon:before {background-image:url('/u/idn4/attractbox-exchange.svg')}
.dark .attractbox-exchange .attractbox-icon:before {background-image:url('/u/idn4/attractbox-exchange-fff.svg')}
.attractbox-tvprogram .attractbox-icon:before {background-image:url('/u/idn4/attractbox-tvprogram.svg')}								
.dark .attractbox-tvprogram .attractbox-icon:before {background-image:url('/u/idn4/attractbox-tvprogram-fff.svg')}	
.attractbox-maps .attractbox-icon:before {background-image:url('/u/idn4/attractbox-maps.svg')}								
.dark .attractbox-maps .attractbox-icon:before {background-image:url('/u/idn4/attractbox-maps-fff.svg')}								
#wrapper .attractbox-tit {margin-right:.5rem; font-size:137.5%}

/* pocasi */
.attractbox-weather {}
.weatherlist {flex:1; display:flex; justify-content:space-around}
.weatherlist li {display:block}
.weatherlist li a {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; gap:0 .2em; text-decoration:none}
.weatherlist li span {grid-column:2; grid-row:1; align-self:end; font-size:.625rem; text-transform:uppercase}
.weatherlist li img {grid-column:1; grid-row:1 / span 2; /* IE fix */ float:left; width:42px; height:42px; }
.weatherlist li i {grid-column:2; grid-row:2; font-style:normal; font-weight:700; font-size:87.5%}
.weatherlist li a:hover i {text-decoration:underline}
#wrapper .weatherlist li + li + li {display:none}

/* kurzovni listek */
.attractbox-exchange {}
.attractbox-exchange .exchangerates {flex:1; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; justify-items:right; font-size:87.5%}
.exchangerates li {list-style:none}
.q-ie .exchangerates li {list-style:none; float:left; width:50%}
.exchangerates li a {overflow:hidden; display:block; padding:1px 0}
.exchangerates a:hover .w1 {text-decoration:underline}
.exchangerates img, .exchangerates span {float:left}
.exchangerates .w1 {width:2.3em; padding-left:.3em}
.exchangerates .w2 {width:3.2em; text-align:right}
.exchangerates .flag {float:left; width:1em; height:.75em; font-size:1.5rem; background:url('/o/sph/flags.svg') no-repeat 0 0 / 1em 5.75em}
.exchangerates .flag-eur {background-position:0 0}
.exchangerates .flag-gbp {background-position:0 -1em}
.exchangerates .flag-hrk {background-position:0 -2em}
.exchangerates .flag-usd {background-position:0 -3em}
.exchangerates .flag-btc {background-position:0 -4em}
.exchangerates .flag-chf {background-position:0 -5em}
.exchangerates .dart {width:1em; height:1em; margin:5px 0 0 4px; font-size:12px; background:url('/o/sph/dart-sph.svg') no-repeat 0 0 / 1em 5em}
.exchangerates .green-up {background-position:0 -1em}
.exchangerates .green-down {background-position:0 -4em}
.exchangerates .red-up {background-position:0 -3em}
.exchangerates .red-down {background-position:0 -2em}
#wrapper .exchangerates {grid-template-columns:1fr; justify-items:center}
#wrapper .exchangerates li + li + li {display:none} 

/* tv program */
.attractbox-tvprogram {}
.attractbox-tvprogram .tvprogram {flex:1; /*display:flex; gap:1em; justify-content:space-around; align-items:end; margin-left:1em*/}
.tvprogram .item {overflow:hidden; float:left; width:30%}
.tvprogram .item + .item {margin-left:5%}
.tvprogram .logo-tv {display:block; width:2em; height:1em; margin:0; border:0; background:no-repeat 50% 50% / cover}
.tvprogram h3 {width:100%; margin:2px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; font-size:81.25%; font-family:inherit}
.tvprogram .timer {overflow:hidden; height:4px; background:#EFF3F9}
.dark .tvprogram .timer {background-color:#263238}
.tvprogram .timer span {display:block; height:4px; background:#678AC6}
#wrapper .tvprogram .item {width:100%}
#wrapper .tvprogram .item + .item {display:none}

/* mapy */
.maps-tourist, .maps-bicycle {position:relative; display:table; width:1em; padding:0 0 0 3em; align-self:center; font-weight:700; font-size:81.25%; line-height:1.25; text-transform:uppercase}
.maps-tourist:before, .maps-bicycle:before {content:''; position:absolute; top:50%; left:0; width:2.4em; height:2.4em; margin:-1.2em 0 0; background:no-repeat 0 0 / contain}
.maps-tourist:before {background-image:url('/u/idn4/attractbox-maps-tourist.svg')}
.dark .maps-tourist:before {background-image:url('/u/idn4/attractbox-maps-tourist-fff.svg')} 
.maps-bicycle:before {background-image:url('/u/idn4/attractbox-maps-bicycle.svg')}
.dark .maps-bicycle:before {background-image:url('/u/idn4/attractbox-maps-bicycle-fff.svg')}
#wrapper .maps-tourist, #wrapper .maps-bicycle {font-size:68.75%}