@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Bitter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap'); :root { --main-bg-color: white; --main-color: #212020; --main-grey-color: #E8EAE9; --main-grey-dark-color: #989595; --main-color-over: rgb(33, 32, 32, 0.5); --main-red-color: #CD1819; --main-lightblue-color: #4298b6; } * { box-sizing: border-box; outline: none; } html, body, h1, h2, h3, h4, h5, h6 { font-family: unset; color: inherit; line-height: unset; font-size: unset; } h1, h2, h3, h4, h5, h6 { font-weight : bold; } a { color: unset; } a:hover { text-decoration: unset; } .breadcrumb { padding: unset; background: unset; list-style: unset; border-radius: unset; margin-bottom: 15px; } p { margin: 17.6px 0 17.6px 0; } .article--title { font-family: 'Bitter', serif; } body, html { border: 0; margin: 0; padding: 0; color: var(--main-color); font-family: 'Roboto', sans-serif; line-height: unset; } @media (max-width: 1008px) { body, html { font-size: 15.1px; } } @media (max-width: 839px) { body, html { font-size: 14.8px; } } ::-moz-selection { background-color: rgba(66, 152, 182, 0.7); color: white; } ::selection { background-color: rgba(66, 152, 182, 0.7); color: white; } .mp-picker .mp-picker-picker .mp-picker-choose:after, .mp-picker .mp-picker-picker .mp-picker-site:after, .mp-picker:after { clear: both; } .mp-picker { font-family: 'Roboto', sans-serif; font-size: 15px; border-radius: 3px; overflow: hidden; box-shadow: 0 2.5px 6px 2px rgba(0, 0, 0, 0.2); width: 350px; height: 12.5em; position: absolute; display: table; z-index: 100; } .mp-picker:after, .mp-picker:before { content: " "; display: table; } @media (max-width: 650px), (max-height: 650px) { .mp-picker { position: fixed !important; left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } } .mp-picker * { box-sizing: border-box; } .mp-picker .mp-picker-choose * { display: inline-block; text-align: center; font-weight: 500; } .mp-picker .mp-picker-choose a, .mp-picker .mp-picker-choose a:focus, .mp-picker .mp-picker-choose a:hover { color: rgba(0, 0, 0, 0.87); text-decoration: none; } .mp-picker .mp-picker-choose [class*=mp-picker-click] { cursor: pointer; margin-bottom: .6em; border-radius: 1em; transition: background-color .2s ease; } .mp-picker .mp-picker-choose [class*=mp-picker-click].mp-picker-choose-day { font-size: .8em; margin: 0; padding: .3em 0; } .mp-picker .mp-picker-choose [class*=mp-picker-click].mp-empty { background-color: transparent !important; cursor: default; } .mp-picker .mp-picker-choose [class*=mp-picker-click]:hover { background-color: #e6e6e6; } .mp-picker .mp-picker-choose [class*=mp-picker-click].today { color: #009688; } .mp-picker .mp-picker-choose [class*=mp-picker-click].active { color: #fff; background-color: #009688; } .mp-picker .mp-picker-choose .mp-picker-header { margin-bottom: .6em; font-size: .8em; opacity: .57; } .mp-picker .mp-picker-choose .mp-picker-header[class*=mp-picker-header-day] { width: 14.28571429%; } .mp-picker[data-theme=dark] .mp-picker-info { background: #555; } .mp-picker[data-theme=dark] .mp-picker-picker { background-color: #424242; color: #fff; } .mp-picker[data-theme=dark] .mp-picker-picker .mp-picker-site .mp-picker-site-button { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiAjZjRmNGY0OyIgZD0iTTMuNywwLjdMMS40LDNsMi4zLDIuM0wzLDZMMCwzbDMtM0wzLjcsMC43eiIvPg0KPC9nPg0KPC9zdmc+DQo=); opacity: 1; } .mp-picker[data-theme=dark] .mp-picker-picker .mp-picker-site .mp-picker-site-button:hover, .mp-picker[data-theme=dark] .mp-picker-picker [class*=mp-picker-choose-month]:hover { background-color: #565656; } .mp-picker[data-theme=dark] .mp-picker-picker [class*=mp-picker-choose-month].today { color: #80cbc4; } .mp-picker[data-theme=dark] .mp-picker-picker [class*=mp-picker-choose-month].active { background-color: #80cbc4; color: #424242; } .mp-picker[data-orientation=portrait] { width: 225px; height: 325px; display: block; } .mp-picker[data-orientation=portrait] .mp-picker-info { display: block; width: 100%; height: 25%; } .mp-picker[data-orientation=portrait] .mp-picker-info .mp-info-second { word-wrap: break-word; } .mp-picker[data-orientation=portrait] .mp-picker-picker { display: block; width: 100%; height: 75%; } .mp-picker.mp-datepicker [class*=mp-picker-choose] a, .mp-picker.mp-datepicker [class*=mp-picker-choose] span { width: 14.28571429%; } .mp-picker.mp-monthpicker [class*=mp-picker-choose] a, .mp-picker.mp-monthpicker [class*=mp-picker-choose] span { width: 33.33333333%; } .mp-picker.mp-monthpicker[data-orientation=portrait] .mp-picker-picker { padding-top: 2em; } .mp-picker .mp-picker-info { display: table-cell; width: 30%; color: #fff; background: #009688; padding: 1em; } .mp-picker .mp-picker-info .mp-info-first { color: rgba(255, 255, 255, 0.7); width: 100%; display: inline-block; } .mp-picker .mp-picker-info .mp-info-second { font-size: 1.9em; text-overflow: ellipsis; max-width: 100%; overflow: hidden; display: inline-block; } .mp-picker .mp-picker-picker { display: table-cell; width: 70%; background: #fafafa; color: rgba(0, 0, 0, 0.87); padding: 1em; overflow: hidden; } .mp-picker .mp-picker-picker .mp-picker-site { margin-bottom: 1em; font-size: .8em; } .mp-picker .mp-picker-picker .mp-picker-site:after, .mp-picker .mp-picker-picker .mp-picker-site:before { content: " "; display: table; } .mp-picker .mp-picker-picker .mp-picker-site > * { float: left; } .mp-picker .mp-picker-picker .mp-picker-site .mp-picker-site-button { display: block; background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMy43IDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMuNyA2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik0zLjcsMC43TDEuNCwzbDIuMywyLjNMMyw2TDAsM2wzLTNMMy43LDAuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K); background-repeat: no-repeat; background-size: .5em; background-position: center; height: 2em; width: 2em; margin: .25em 0; cursor: pointer; opacity: .8; transition: background-color .2s ease; border-radius: 2em; } .mp-picker .mp-picker-picker .mp-picker-site .mp-picker-site-button:hover { background-color: #e1e1e1; } .mp-picker .mp-picker-picker .mp-picker-site .mp-picker-site-next { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mp-picker .mp-picker-picker .mp-picker-site .mp-picker-site-this { width: calc(100% - 4em); text-align: center; font-weight: 600; line-height: 2em; } .mp-picker .mp-picker-picker .mp-picker-choose:after, .mp-picker .mp-picker-picker .mp-picker-choose:before { content: " "; display: table; } .mp-picker .mp-animate { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); transition: opacity .2s ease,-webkit-transform .2s ease; transition: transform .2s ease,opacity .2s ease; transition: transform .2s ease,opacity .2s ease,-webkit-transform .2s ease; } .mp-picker .mp-animate.mp-picker-site-this { transition-timing-function: linear; } .mp-picker .mp-animate.mp-animate-right { -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); opacity: 0; } .mp-picker .mp-animate.mp-animate-left { -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); opacity: 0; } /*! lightslider - v1.1.5 - 2015-10-31 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */ /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */ /** /!!! core css Should not edit !!!/**/ .lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { overflow: hidden; margin: 0; } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; transition-duration: inherit !important; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; transition-delay: 0s; transition-duration: inherit !important; transition-property: opacity; transition-timing-function: inherit !important; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } /** /!!! End of core css Should not edit !!!/**/ /* Pager */ .lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; transition: all 0.5s linear 0s; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; } .lSSlideOuter .media { opacity: 0.8; } .lSSlideOuter .media.active { opacity: 1; } /* End of pager */ /** Gallery */ .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; transition: border-radius 0.12s linear 0s 0.35s linear 0s; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } /* End of Gallery*/ /* slider actions */ .lSAction > a { width: 32px; display: block; top: 50%; height: 32px; background-image: url("../img/controls.png"); cursor: pointer; position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; transition: opacity 0.35s linear 0s; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { background-position: 0 0; left: 10px; } .lSAction > .lSNext { background-position: -32px 0; right: 10px; } .lSAction > a.disabled { pointer-events: none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } /* vertical */ .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } .lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; } /* vertical controlls */ .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } /* vertical */ /* Rtl */ .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right !important; } /* Rtl */ @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } /*/ GRab cursor */ .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } @font-face { font-family: 'lg'; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA90AAsAAAAADygAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIGEmNtYXAAAAFoAAAApAAAAKSI6zNvZ2FzcAAAAgwAAAAIAAAACAAAABBnbHlmAAACFAAACZAAAAmQWgkrymhlYWQAAAukAAAANgAAADYJdPw+aGhlYQAAC9wAAAAkAAAAJAeuA9ZobXR4AAAMAAAAAFQAAABUSgAHUWxvY2EAAAxUAAAALAAAACwRdhRYbWF4cAAADIAAAAAgAAAAIAAfAIduYW1lAAAMoAAAArIAAAKy+rOfTXBvc3QAAA9UAAAAIAAAACAAAwAAAAMD5AGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QQDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAIgAAAAeABAAAwAOAAEAIOAa4B3gM+Bw4JXg8uH/4g3jEugN6QT//f//AAAAAAAg4BrgHeAz4HDglODy4f/iDOMR6A3pAf/9//8AAf/jH+of6B/TH5cfdB8YHgweABz9GAMXEAADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAEAFYAAQOqA1UAAwATACMAJwAAAREzEQcyNzY1NCcmIyIHBhUUFxYTMhcWFRQHBiMiJyY1NDc2ExEzEQIqVoCMZWVlZYyMZWVlZYywfX19fbCwfX19fTBWAQEBVP6srGVljIxlZWVljIxlZQMAfX2wsH19fX2wsH19/awBVP6sAAMAVgABA6oDVQAPAB8AIgAAJTI3NjU0JyYjIgcGFRQXFhMyFxYVFAcGIyInJjU0NzYTEQUCAIxlZWVljIxlZWVljLB9fX19sLB9fX19WgEAVWVljIxlZWVljIxlZQMAfX2wsH19fX2wsH19/ZYBgMAAAAAAAwBVAAADqwNVABQAKAA9AAABITIXFhURFAcGIyEiJyY1ETQ3NjMHERQXFjMhBgcGIyEiJyY1ETQ3NiUhIgcGFREUFxYzITI3NjURNCcmIwGAAas1JSYmJTX+VTUmJSUmNdUMDRECJA4hISn+VTUlJhgYAqb+VRIMDQ0MEgGrEQ0MDA0RA1UlJjX+VjUmJSUmNQGqNSYlsv3dEgwNJRgYJiU1AaspISFqDQwS/lYSDQwMDRIBqhIMDQAAAAABANYAgQMqAtUACwAAAQcXBycHJzcnNxc3Ayru7jzu7jzu7jzu7gKZ7u487u487u487u4AAQBVAFUDqwMAACIAAAEyFxYVFA8BITIXFhUUBwYjIRcWFRQHBiMiJwEmNTQ3ATYzAasRDQwM4gKZEgwNDQwS/WfiDAwNERIN/tYNDQEqDRIDAA0MEhIM4gwNERINDOIMEhIMDQ0BKg0SEQ0BKwwAAAEAVQBVA6sDAAAiAAABMhcBFhUUBwEGIyInJjU0PwEhIicmNTQ3NjMhJyY1NDc2MwJVEg0BKg0N/tYNEhIMDAzi/WcSDA0NDBICmeIMDAwSAwAM/tUMEhIN/tYNDQwSEgziDQwSEQ0M4gwSEwwMAAACAKoAKwNWAysAAwAKAAA3IRUhAQcnMxEzEaoCrP1UAgCqqoBUgVYBVqysAar+VgAJAKoAVQNWAwEAAwAHAAsADwATABcAGwAfACMAACU1MxUDNTMVATUzFTczFSMBNTMVITUzFQM1MxUzNTMVATUzFQKqrKys/lSsVKys/wCs/lSsrKxUrP5UrFWsrAEArKwBAKysrKz/AKysrKz/AKysrKwCAKysAAAEANYAgQMqAtUABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQC1dSA/lSA1FQBLNRUgKyAVNQABADWAIEDKgLVAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAlVU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAQQNqAysACwAbADIAAAEjFSM1IzUzNTMVMwcyNzY1NCcmIyIHBhUUFxYhFwcnNScGIyInJjU0NzYzMhcWFRQHFwIAVipWVipWalA4ODg4UFA4ODg4AVDUQNQMTGh0UVFRUXR0UFBCDAIBVlYqVlbWODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0aEwMAAAAAwCAAEEDagMrAAMAEwAqAAABMxUjFzI3NjU0JyYjIgcGFRQXFiEXByc1JwYjIicmNTQ3NjMyFxYVFAcXASrW1mxQODg4OFBQODg4OAFQ1EDUDExodFFRUVF0dFBQQgwCKyqsODhQUDg4ODhQUDg41EDUIgxCUFB0dFFRUVF0aEwMAAAAAQCAAAMDgANVADMAACUyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLP1JMzNLSzMHDwawERFLNTRMEhCuBw8INExMNDVLExGwCA8HCA8HsA8RAAACABT/4QPsA7gAFAApAAABIg4CFRQeAjMyPgI1NC4CIxMjIgYdATMHIxUjNSM1MzU0NjsBFQIAZrOFTk6Fs2Zms4VOToWzZnRJBwxcDU9XT088LkkDuE2Fs2Zms4VOToWzZmazhU3+rRALNkzk5EwtMEVRAAUAFP/hA+wDuAAUAE4AWwBuAIQAAAEiDgIVFB4CMzI+AjU0LgIjAw4BIyoBMTAiIyImNTQ2OwEuATEqASMiJicuATU0NjczFRQGBw4BBx4BFRQGBw4BFRQWFx4BFRQGByUjFSM1IzUzNTMVMxUFKgEjDgEHDgEVHgE3PgEnLgEjNy4BIyoBBw4BBw4BFx4BMzoBNz4BJwIAZrOFTk6Fs2Zms4VOToWzZhwXLQkCAgIBD2l1GQEOAQEEAgogEBMTdwF3HAwEDgIXDBUNCQsPCxAlHh4BAkw0TEw0TP6/AgQCER8LCwsCNCMjKwICKSEtCh4YAgUDCg8FBAEEByMTAgUDFRYJA7hNhbNmZrOFTk6Fs2Zms4VN/UILBhxEQx0TIQUKDCodUh8BAwoHAQEBAgwnHCAlDAgNBwgQCQ8rIyMzDtNNTTNNTTM7AgwKCxkNGx0CAyUbGSPGIBgBAxANDRoPGyMBBjcfAAIAFP/hA+wDuAAUAEEAAAEiDgIVFB4CMzI+AjU0LgIjEy4BJw4BByY2NyY2FxYOAhcWPgEmJy4BDgEXHgEHLgE3PgE3NhYXFg4CJwIAZrOFTk6Fs2Zms4VOToWzZiIYGxMKICUMJg4XKi8cChUEJCY0FwoXIlpNMQgEHBIsHwIDbEBShAsGEitDKwO4TYWzZmazhU5OhbNmZrOFTf2gAhQLNV8bUYFAJmsTCz5DOgcHNlFWGCIGKU8xGB0hCkAtS2EHCUtMLFVDJwMAAAIAFP/hA+wDuAAUAFQAAAEiDgIVFB4CMzI+AjU0LgIjExwBFRQOAiMiJicyFjMyNjcuASceATMyNjcuAT0BHgEXLgE1NDY3HgEXLgE1NDYzMhYXPgE3DgEHPgE3DgEHAgBms4VOToWzZmazhU5OhbNmyCRGZkMpSyEGDAYiPRkgMQoFCQQHDQYhLQoWDBMYBwYkZz0CATkoFSQOEB8OBRYPDhwNCRkOA7hNhbNmZrOFTk6Fs2Zms4VN/m4DBwMwYk8yFxQBFhMBJh0BAQIBBzUjAQUGAQ0rGQ0ZCyw3AwYLBSg5EA4DDAgRGwoCCAYPGQoAAAABAAAAAQAAi0uN118PPPUACwQAAAAAANM029QAAAAA0zTb1AAA/+ED7AO4AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAPsAAEAAAAAAAAAAAAAAAAAAAAVBAAAAAAAAAAAAAAAAgAAAAQAAFYEAABWBAAAVQQAANYEAABVBAAAVQQAAKoEAACqBAAA1gQAANYEAACABAAAgAQAAIAEAAAUBAAAFAQAABQEAAAUAAAAAAAKABQAHgBeAJgA9gEQAUgBgAGYAdQB+gIiAmwCrgL6AzQD6AROBMgAAQAAABUAhQAJAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAABYBDgABAAAAAAAAAAYAjQABAAAAAAABAAIAAAABAAAAAAACAAcBOwABAAAAAAADAAIBLwABAAAAAAAEAAIBUAABAAAAAAAFAAsBDgABAAAAAAAGAAIBNQABAAAAAAAKABoBVgABAAAAAAALAC0ABgABAAAAAAANAAMAnwABAAAAAAAOACIAqAADAAEECQAAAAwAkwADAAEECQABAAQAAgADAAEECQACAA4BQgADAAEECQADAAQBMQADAAEECQAEAAQBUgADAAEECQAFABYBGQADAAEECQAGAAQBNwADAAEECQAKADQBcAADAAEECQALAFoAMwADAAEECQANAAYAogADAAEECQAOAEQAymxnAGwAZ2h0dHBzOi8vZ2l0aHViLmNvbS9zYWNoaW5jaG9vbHVyL2xpZ2h0R2FsbGVyeQBoAHQAdABwAHMAOgAvAC8AZwBpAHQAaAB1AGIALgBjAG8AbQAvAHMAYQBjAGgAaQBuAGMAaABvAG8AbAB1AHIALwBsAGkAZwBoAHQARwBhAGwAbABlAHIAeXNhY2hpbgBzAGEAYwBoAGkAbk1MVABNAEwAVGh0dHA6Ly9vcGVuc291cmNlLm9yZy9saWNlbnNlcy9NSVQAaAB0AHQAcAA6AC8ALwBvAHAAZQBuAHMAbwB1AHIAYwBlAC4AbwByAGcALwBsAGkAYwBlAG4AcwBlAHMALwBNAEkAVFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGxnAGwAZ2xnAGwAZ1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmxnAGwAZ0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #FFF; border-radius: 4px; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { transition-delay: 0s; -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; /*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/ font-family: 'Roboto', sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; transition: opacity 0.15s ease 0s; } .lg-outer * { box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { transition-duration: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url(data:image/jpeg;base64,R0lGODlhIAAgAPUAADExMf///zQ0NF9fX0JCQjw8PFZWVpiYmIGBgTc3N0RERDIyMoiIiJGRkUdHR2lpaXx8fD8/P3FxcUxMTMvLy7i4uLCwsJmZmXZ2dj09PcLCwqampvT09P///1dXV1xcXE9PT9ra2rKysuXl5cDAwG9vbwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkECQoAAAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQJCgAAACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAkKAAAALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } [class$="widget"] [class$="--more"] { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; margin-top: .5em; font-weight: 700; } header[role="banner"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } header[role="banner"] .navigation-toggle-box { display: none; } header[role="banner"] .navigation-toggle-box:checked ~ .slim-header { max-height: 20rem; } header[role="banner"] .navigation-toggle-box:checked ~ .brand-header .brand-header--toggle-button-inner:before { top: 0; transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s; transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s; transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.15s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s, -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s; -webkit-transform: translate3d(0, 10px, 0) rotate(45deg); transform: translate3d(0, 10px, 0) rotate(45deg); } header[role="banner"] .navigation-toggle-box:checked ~ .brand-header .brand-header--toggle-button-inner:after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s, -webkit-transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s; -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg); transform: translate3d(0, 10px, 0) rotate(-45deg); } header[role="banner"] .navigation-toggle-box:checked ~ .brand-header .brand-header--toggle-button-inner hr { transition: background-color 0s linear 0.2s, top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.1s; background-color: transparent; top: 0; } header[role="banner"] .navigation-toggle-box:checked ~ .nav-header { max-height: 30rem; overflow: visible; } header[role="banner"] .slim-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; /* font-size: 13px; letter-spacing: -0.13px; line-height: 14px; aumento font*/ font-size: 15px; letter-spacing: -0.15px; line-height: 16px; font-weight: 300; } @media (max-width: 839px) { header[role="banner"] .slim-header { max-height: 0; overflow: hidden; background-color: #081b22; color: white; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; font-size: 1em; } } header[role="banner"] .slim-header--col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* border-bottom: 1px solid rgba(0, 0, 0, 0.16);*/ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } header[role="banner"] .slim-header--col:first-child { padding-left: 5px; } @media (max-width: 839px) { header[role="banner"] .slim-header--col:first-child { padding-left: 0; } } header[role="banner"] .slim-header--col:last-child { padding-right: 27px; } @media (max-width: 839px) { header[role="banner"] .slim-header--col:last-child { padding-right: 0; } } header[role="banner"] .slim-header--external-links { list-style: none; margin: 0; padding: 0; width: 40%; } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 1.5em; } } header[role="banner"] .slim-header--external-links .slim-header--read-online { position: relative; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links .slim-header--read-online { display: none; } } header[role="banner"] .slim-header--external-links .slim-header--read-online:before { content: " "; display: block; position: absolute; width: 66px; top: 0; bottom: -.5em; background-image: url(../src/images/versione_digitale.png); background-repeat: no-repeat; background-size: contain; background-position: center; } header[role="banner"] .slim-header--external-links .slim-header--read-online a { padding-left: 5.5em; } header[role="banner"] .slim-header--external-links .slim-header--read-online-paper { display: block; font-weight: 700; } header[role="banner"] .slim-header--external-links .slim-header--social-icons { overflow: hidden; display: block; padding-left: .3em; margin-left: .3em; position: relative; } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links .slim-header--social-icons { margin-left: 0; padding-right: .3em; } } /*header[role="banner"] .slim-header--external-links .slim-header--social-icons:before { content: " "; display: inline-block; position: absolute; top: .3em; bottom: .3em; width: 1px; left: 0; background-color: rgba(0, 0, 0, 0.16); } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links .slim-header--social-icons:before { background-color: rgba(255, 255, 255, 0.4); content: none; } } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links .slim-header--social-icons ~ .slim-header--social-icons:before { content: " "; } } */ header[role="banner"] .slim-header--external-links .slim-header--social-icons a { background-repeat: no-repeat; background-size: contain; background-position: center; text-indent: 1000%; /* height: 1.7em; width: 1.7em;*/ height: 22px; width: 22px; display: block; } .footer-bottom .social a { background-repeat: no-repeat; background-size: contain; background-position: center; text-indent: 1000%; height: 18px; width: 18px; display: block; margin: 5px; } .footer-bottom .social .social-title { /* font-size:13px; letter-spacing: -0.13px; line-height: 14px; aumento font*/ font-size: 15px; letter-spacing: -0.15px; line-height: 16px; font-weight: 500; /*700*/ } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links .slim-header--social-icons a { font-size: 1.2em; } } header[role="banner"] .slim-header--external-links .slim-header--social-icons a:hover, header[role="banner"] .slim-header--external-links .slim-header--social-icons a:focus { opacity: .5; } header[role="banner"] .slim-header--external-links .slim-header--social-icons a[social-icon="facebook"], .footer-bottom .social a[social-icon="facebook"] { /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE2IDQuMXYyLjVoLTEuNWMtLjUgMC0xIC4xLTEuMS4zLS4yLjItLjMuNi0uMyAxLjF2MS43aDIuN2wtLjMgMi44aC0yLjR2N2gtMi44di03SDguMVY5LjdoMi40VjcuNWMwLTEuMS4zLTIgMS0yLjcuNi0uNiAxLjUtMSAyLjYtMSAuNy4yIDEuMy4yIDEuOS4zeiIvPjwvc3ZnPg0K);*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.693' height='14.921' viewBox='0 0 7.693 14.921'%3E%3Cg id='Raggruppa_4142' data-name='Raggruppa 4142' transform='translate(-117.472 -112.979)'%3E%3Cpath id='Tracciato_1073' data-name='Tracciato 1073' d='M119.715,127.9v-6.673h-2.243v-2.652h2.243v-2.1a3.454,3.454,0,0,1,.933-2.579,3.38,3.38,0,0,1,2.478-.919,14.522,14.522,0,0,1,2.039.117v2.361h-1.4a1.35,1.35,0,0,0-1.078.349,1.493,1.493,0,0,0-.234.933v1.835h2.478l-.351,2.652h-2.127V127.9Z' transform='translate(0 0)' fill='%23212020'/%3E%3C/g%3E%3C/svg%3E%0A"); } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links .slim-header--social-icons a[social-icon="facebook"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTYgNC4xdjIuNWgtMS41Yy0uNSAwLTEgLjEtMS4xLjMtLjIuMi0uMy42LS4zIDEuMXYxLjdoMi43bC0uMyAyLjhoLTIuNHY3aC0yLjh2LTdIOC4xVjkuN2gyLjRWNy41YzAtMS4xLjMtMiAxLTIuNy42LS42IDEuNS0xIDIuNi0xIC43LjIgMS4zLjIgMS45LjN6Ii8+PC9zdmc+DQo=); } } header[role="banner"] .slim-header--external-links .slim-header--social-icons a[social-icon="twitter"], .footer-bottom .social a[social-icon="twitter"] { /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjkgNy4xYy0uNC43LTEgMS4yLTEuNiAxLjd2LjRjMCAuOS0uMSAxLjctLjQgMi42LS4zLjktLjYgMS43LTEuMiAyLjUtLjUuOC0xLjEgMS41LTEuOSAyLjEtLjcuNi0xLjYgMS4xLTIuNiAxLjUtMSAuNC0yLjEuNS0zLjIuNS0xLjggMC0zLjUtLjUtNS0xLjVoLjhjMS41IDAgMi44LS41IDQtMS40LS43IDAtMS4zLS4yLTEuOS0uNi0uNi0uNC0uOS0xLTEuMS0xLjYuMiAwIC40LjEuNi4xLjMgMCAuNiAwIC45LS4xLS44LS4yLTEuNC0uNS0xLjktMS4xLS41LS42LS43LTEuMy0uNy0yLjEuNS4zLjkuNCAxLjUuNC0uNC0uMy0uOC0uNy0xLjEtMS4yLS4zLS41LS40LTEtLjQtMS41IDAtLjYuMS0xLjEuNC0xLjYuOSAxIDEuOSAxLjggMyAyLjQgMS4yLjYgMi40LjkgMy43IDEtLjEtLjMtLjEtLjUtLjEtLjcgMC0uOS4zLTEuNy45LTIuM3MxLjQtLjkgMi4zLS45Yy45IDAgMS43LjMgMi40IDEgLjctLjEgMS40LS40IDIuMS0uOC0uMi44LS43IDEuNC0xLjQgMS44LjctLjIgMS4zLS4zIDEuOS0uNnoiLz48L3N2Zz4=);*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.753' height='15.241' viewBox='0 0 18.753 15.241'%3E%3Cpath id='Tracciato_682' data-name='Tracciato 682' d='M1303.464,313.652a10.873,10.873,0,0,0,10.947-10.947q0-.25-.011-.5a7.823,7.823,0,0,0,1.919-1.992,7.678,7.678,0,0,1-2.209.606,3.86,3.86,0,0,0,1.692-2.128,7.709,7.709,0,0,1-2.443.934,3.851,3.851,0,0,0-6.557,3.509,10.922,10.922,0,0,1-7.93-4.02,3.851,3.851,0,0,0,1.191,5.137,3.82,3.82,0,0,1-1.743-.481c0,.016,0,.032,0,.049a3.849,3.849,0,0,0,3.087,3.772,3.842,3.842,0,0,1-1.737.066,3.852,3.852,0,0,0,3.594,2.672,7.721,7.721,0,0,1-4.779,1.647,7.826,7.826,0,0,1-.918-.053,10.892,10.892,0,0,0,5.9,1.728' transform='translate(-1297.566 -298.411)' fill='%23212020'/%3E%3C/svg%3E%0A"); } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links .slim-header--social-icons a[social-icon="twitter"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTkuOSA3LjFjLS40LjctMSAxLjItMS42IDEuN3YuNGMwIC45LS4xIDEuNy0uNCAyLjYtLjMuOS0uNiAxLjctMS4yIDIuNS0uNS44LTEuMSAxLjUtMS45IDIuMS0uNy42LTEuNiAxLjEtMi42IDEuNS0xIC40LTIuMS41LTMuMi41LTEuOCAwLTMuNS0uNS01LTEuNWguOGMxLjUgMCAyLjgtLjUgNC0xLjQtLjcgMC0xLjMtLjItMS45LS42LS42LS40LS45LTEtMS4xLTEuNi4yIDAgLjQuMS42LjEuMyAwIC42IDAgLjktLjEtLjgtLjItMS40LS41LTEuOS0xLjEtLjUtLjYtLjctMS4zLS43LTIuMS41LjMuOS40IDEuNS40LS40LS4zLS44LS43LTEuMS0xLjItLjMtLjUtLjQtMS0uNC0xLjUgMC0uNi4xLTEuMS40LTEuNi45IDEgMS45IDEuOCAzIDIuNCAxLjIuNiAyLjQuOSAzLjcgMS0uMS0uMy0uMS0uNS0uMS0uNyAwLS45LjMtMS43LjktMi4zczEuNC0uOSAyLjMtLjljLjkgMCAxLjcuMyAyLjQgMSAuNy0uMSAxLjQtLjQgMi4xLS44LS4yLjgtLjcgMS40LTEuNCAxLjguNy0uMiAxLjMtLjMgMS45LS42eiIvPjwvc3ZnPg==); } } header[role="banner"] .slim-header--external-links .slim-header--social-icons a[social-icon="instagram"], .footer-bottom .social a[social-icon="instagram"] { /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwLjUgMTJjMCAxLjcgMCAyLjktLjEgMy41LS4xIDEuNS0uNSAyLjctMS40IDMuNS0uOC44LTIuMSAxLjMtMy41IDEuNC0uNyAwLTEuOC4xLTMuNS4xcy0yLjkgMC0zLjUtLjFDNyAyMC4zIDUuOCAxOS45IDUgMTljLS44LS44LTEuMy0yLjEtMS40LTMuNSAwLS43LS4xLTEuOC0uMS0zLjVzMC0yLjkuMS0zLjVDMy43IDcgNC4xIDUuOCA1IDVjLjgtLjggMi0xLjMgMy41LTEuNC43IDAgMS44LS4xIDMuNS0uMXMyLjkgMCAzLjUuMWMxLjUuMSAyLjcuNSAzLjUgMS40LjguOCAxLjMgMi4xIDEuNCAzLjUuMS42LjEgMS44LjEgMy41em0tNy43LTYuOUg4LjljLS40IDAtLjguMS0xLjIuMS0uMiAwLS41LjEtLjcuMi0uNC4yLS43LjMtLjkuNy0uMy4zLS41LjUtLjcuOS0uMS4yLS4yLjUtLjIuOHMtLjEuNy0uMSAxLjFWMTVjMCAuNC4xLjguMSAxLjIgMCAuMy4xLjYuMi44LjIuMy4zLjcuNyAxIC4zLjMuNi41IDEgLjcuMi4xLjUuMi44LjIuMy4xLjcuMSAxLjIuMWg2LjFjLjQgMCAuOC0uMSAxLjItLjEuMy0uMS42LS4xLjgtLjIuMy0uMi43LS4zIDEtLjcuMy0uMy41LS42LjctMSAuMS0uMi4yLS41LjItLjguMS0uMy4xLS43LjEtMS4yVjguOXMtLjEtLjgtLjEtMS4yYy0uMS0uMy0uMi0uNi0uMi0uOC0uMi0uMy0uMy0uNy0uNy0xLS4zLS4zLS43LS40LTEtLjYtLjItLjEtLjUtLjItLjgtLjItLjMtLjEtLjctLjEtMS4yLS4xSDE0YzAgLjItLjcuMS0xLjIuMXptMi4zIDMuOGMuOC44IDEuMiAxLjkgMS4yIDMuMXMtLjQgMi4yLTEuMiAzLjFjLS44LjgtMS45IDEuMi0zLjEgMS4ycy0yLjItLjQtMy4xLTEuMmMtLjgtLjgtMS4yLTEuOS0xLjItMy4xcy40LTIuMiAxLjItMy4xYy44LS44IDEuOS0xLjIgMy4xLTEuMnMyLjIuMyAzLjEgMS4yek0xNCAxNGMuNi0uNi44LTEuMi44LTJzLS4yLTEuNS0uOC0yYy0uNi0uNi0xLjItLjgtMi0uOC0uNyAwLTEuNS4yLTIgLjgtLjYuNi0uOCAxLjItLjggMnMuMiAxLjUuOCAyYy42LjYgMS4yLjggMiAuOC43IDAgMS41LS4yIDItLjh6bTMuMy03LjNjLjIuMi4zLjQuMy43cy0uMS42LS4zLjhjLS4yLjItLjQuMy0uNy4zcy0uNiAwLS44LS4zYy0uMi0uMi0uMy0uNC0uMy0uN3MuMS0uNS4zLS43Yy4yLS4yLjQtLjMuNy0uM3MuNS4xLjguMnoiLz48L3N2Zz4NCg==);*/ background-image: url("data:image/svg+xml,%3Csvg id='glyph-logo_May2016_white' xmlns='http://www.w3.org/2000/svg' width='15.082' height='15.083' viewBox='0 0 15.082 15.083'%3E%3Cpath id='Tracciato_378' data-name='Tracciato 378' d='M11.621,5.439c2.014,0,2.252.008,3.047.044a4.174,4.174,0,0,1,1.4.26A2.5,2.5,0,0,1,17.5,7.173a4.174,4.174,0,0,1,.26,1.4c.036.8.044,1.034.044,3.047s-.008,2.252-.044,3.047a4.174,4.174,0,0,1-.26,1.4A2.5,2.5,0,0,1,16.068,17.5a4.174,4.174,0,0,1-1.4.26c-.8.036-1.034.044-3.047.044S9.369,17.8,8.573,17.76a4.174,4.174,0,0,1-1.4-.26,2.5,2.5,0,0,1-1.431-1.431,4.175,4.175,0,0,1-.26-1.4c-.036-.8-.044-1.034-.044-3.047s.008-2.252.044-3.047a4.175,4.175,0,0,1,.26-1.4A2.5,2.5,0,0,1,7.173,5.742a4.174,4.174,0,0,1,1.4-.26c.8-.036,1.034-.044,3.047-.044m0-1.359c-2.048,0-2.3.009-3.109.046a5.53,5.53,0,0,0-1.83.351A3.858,3.858,0,0,0,4.476,6.681a5.531,5.531,0,0,0-.351,1.831c-.037.8-.045,1.061-.045,3.109s.009,2.3.045,3.109a5.531,5.531,0,0,0,.351,1.831,3.857,3.857,0,0,0,2.205,2.206,5.53,5.53,0,0,0,1.83.351c.8.037,1.061.046,3.109.046s2.3-.009,3.109-.046a5.53,5.53,0,0,0,1.83-.351,3.857,3.857,0,0,0,2.205-2.206,5.531,5.531,0,0,0,.351-1.831c.037-.8.045-1.061.045-3.109s-.009-2.3-.045-3.109a5.531,5.531,0,0,0-.351-1.831A3.857,3.857,0,0,0,16.56,4.476a5.53,5.53,0,0,0-1.83-.351c-.8-.037-1.061-.045-3.109-.045Z' transform='translate(-4.08 -4.08)' fill='%23212020'/%3E%3Cpath id='Tracciato_379' data-name='Tracciato 379' d='M130.976,126.64a4.337,4.337,0,1,0,4.336,4.337A4.336,4.336,0,0,0,130.976,126.64Zm0,7.151a2.815,2.815,0,1,1,2.815-2.815A2.815,2.815,0,0,1,130.976,133.791Z' transform='translate(-123.436 -123.435)' fill='%23212020'/%3E%3Cellipse id='Ellisse_256' data-name='Ellisse 256' cx='0.79' cy='0.79' rx='0.79' ry='0.79' transform='translate(10.845 2.656)' fill='%23212020'/%3E%3C/svg%3E%0A"); } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links .slim-header--social-icons a[social-icon="instagram"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMjAuNSAxMmMwIDEuNyAwIDIuOS0uMSAzLjUtLjEgMS41LS41IDIuNy0xLjQgMy41LS44LjgtMi4xIDEuMy0zLjUgMS40LS43IDAtMS44LjEtMy41LjFzLTIuOSAwLTMuNS0uMUM3IDIwLjMgNS44IDE5LjkgNSAxOWMtLjgtLjgtMS4zLTIuMS0xLjQtMy41IDAtLjctLjEtMS44LS4xLTMuNXMwLTIuOS4xLTMuNUMzLjcgNyA0LjEgNS44IDUgNWMuOC0uOCAyLTEuMyAzLjUtMS40LjcgMCAxLjgtLjEgMy41LS4xczIuOSAwIDMuNS4xYzEuNS4xIDIuNy41IDMuNSAxLjQuOC44IDEuMyAyLjEgMS40IDMuNS4xLjYuMSAxLjguMSAzLjV6bS03LjctNi45SDguOWMtLjQgMC0uOC4xLTEuMi4xLS4yIDAtLjUuMS0uNy4yLS40LjItLjcuMy0uOS43LS4zLjMtLjUuNS0uNy45LS4xLjItLjIuNS0uMi44cy0uMS43LS4xIDEuMVYxNWMwIC40LjEuOC4xIDEuMiAwIC4zLjEuNi4yLjguMi4zLjMuNy43IDEgLjMuMy42LjUgMSAuNy4yLjEuNS4yLjguMi4zLjEuNy4xIDEuMi4xaDYuMWMuNCAwIC44LS4xIDEuMi0uMS4zLS4xLjYtLjEuOC0uMi4zLS4yLjctLjMgMS0uNy4zLS4zLjUtLjYuNy0xIC4xLS4yLjItLjUuMi0uOC4xLS4zLjEtLjcuMS0xLjJWOC45cy0uMS0uOC0uMS0xLjJjLS4xLS4zLS4yLS42LS4yLS44LS4yLS4zLS4zLS43LS43LTEtLjMtLjMtLjctLjQtMS0uNi0uMi0uMS0uNS0uMi0uOC0uMi0uMy0uMS0uNy0uMS0xLjItLjFIMTRjMCAuMi0uNy4xLTEuMi4xem0yLjMgMy44Yy44LjggMS4yIDEuOSAxLjIgMy4xcy0uNCAyLjItMS4yIDMuMWMtLjguOC0xLjkgMS4yLTMuMSAxLjJzLTIuMi0uNC0zLjEtMS4yYy0uOC0uOC0xLjItMS45LTEuMi0zLjFzLjQtMi4yIDEuMi0zLjFjLjgtLjggMS45LTEuMiAzLjEtMS4yczIuMi4zIDMuMSAxLjJ6TTE0IDE0Yy42LS42LjgtMS4yLjgtMnMtLjItMS41LS44LTJjLS42LS42LTEuMi0uOC0yLS44LS43IDAtMS41LjItMiAuOC0uNi42LS44IDEuMi0uOCAycy4yIDEuNS44IDJjLjYuNiAxLjIuOCAyIC44LjcgMCAxLjUtLjIgMi0uOHptMy4zLTcuM2MuMi4yLjMuNC4zLjdzLS4xLjYtLjMuOGMtLjIuMi0uNC4zLS43LjNzLS42IDAtLjgtLjNjLS4yLS4yLS4zLS40LS4zLS43cy4xLS41LjMtLjdjLjItLjIuNC0uMy43LS4zcy41LjEuOC4yeiIvPjwvc3ZnPg0K); } } .footer-bottom .social a[social-icon="facebook"]:hover, .footer-bottom .social a[social-icon="twitter"]:hover, .footer-bottom .social a[social-icon="instagram"]:hover { opacity: 0.5; } header[role="banner"] .slim-header--external-links .slim-header--social-icons a[social-icon="rss"] { /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjEgMTguNGMwIC4yIDAgLjMtLjIuNS0uMS4xLS4zLjItLjUuMkgxN2MtLjIgMC0uMy0uMS0uNC0uMi0uMS0uMS0uMi0uMy0uMi0uNC0uMS0xLjQtLjQtMi44LTEtNC4xLS43LTEuMy0xLjQtMi41LTIuNC0zLjQtMS0xLTIuMS0xLjctMy40LTIuMy0xLjMtLjYtMi42LTEtNC4xLTEuMS0uMiAwLS4zLS4xLS40LS4yLS4xLS4xLS4yLS4yLS4yLS40VjUuNmMwLS4yLjEtLjMuMi0uNS4xLS4xLjMtLjIuNS0uMiAxLjguMSAzLjQuNSA1IDEuMnMzIDEuNyA0LjMgM2MxLjMgMS4yIDIuMiAyLjcgMyA0LjMuNyAxLjYgMS4xIDMuMiAxLjIgNXptLTUuMiAwYzAgLjIgMCAuMy0uMi41LS4xLjEtLjMuMi0uNS4yaC0xLjRjLS4yIDAtLjMtLjEtLjQtLjItLjEtLjEtLjItLjItLjItLjQtLjEtMS41LS44LTIuOC0xLjktMy45LTEuMS0xLjEtMi40LTEuNy0zLjktMS45LS4yIDAtLjMtLjEtLjQtLjItLjEtLjEtLjItLjMtLjItLjR2LTEuNGMwLS4yLjEtLjQuMi0uNS4xLS4xLjMtLjIuNC0uMiAxLjEuMSAyLjEuNCAzLjEuOHMxLjggMS4xIDIuNiAxLjhjLjguOCAxLjQgMS42IDEuOCAyLjZzLjkgMi4xIDEgMy4yem0tNS43LTIuNmMuNC40LjYuOC42IDEuNHMtLjIgMS0uNiAxLjRjLS40LjQtLjguNi0xLjQuNi0uNSAwLTEtLjItMS40LS42cy0uNi0uOC0uNi0xLjQuMi0xIC42LTEuNC44LS42IDEuNC0uNmMuNiAwIDEgLjIgMS40LjZ6Ii8+PC9zdmc+DQo=);*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='g2991' transform='translate(0 1408)'%3E%3Cpath id='path2993' d='M4.09-1395.045a1.973,1.973,0,0,1-.6,1.449,1.972,1.972,0,0,1-1.449.6,1.972,1.972,0,0,1-1.449-.6,1.973,1.973,0,0,1-.6-1.449,1.973,1.973,0,0,1,.6-1.449,1.972,1.972,0,0,1,1.449-.6,1.972,1.972,0,0,1,1.449.6A1.973,1.973,0,0,1,4.09-1395.045Zm5.454,1.31a.645.645,0,0,1-.181.511.628.628,0,0,1-.5.224H7.424a.654.654,0,0,1-.458-.176.648.648,0,0,1-.213-.442,6.626,6.626,0,0,0-1.965-4.171,6.624,6.624,0,0,0-4.17-1.966.648.648,0,0,1-.442-.213.655.655,0,0,1-.176-.458v-1.438a.628.628,0,0,1,.224-.5.621.621,0,0,1,.458-.181H.735a9.55,9.55,0,0,1,3.26.858,9.418,9.418,0,0,1,2.759,1.934,9.42,9.42,0,0,1,1.933,2.759A9.553,9.553,0,0,1,9.544-1393.735Zm5.454.021a.616.616,0,0,1-.192.5.63.63,0,0,1-.49.213H12.793a.665.665,0,0,1-.474-.186.637.637,0,0,1-.208-.453,11.911,11.911,0,0,0-1.076-4.352,12.245,12.245,0,0,0-2.466-3.58,12.245,12.245,0,0,0-3.579-2.466,12.063,12.063,0,0,0-4.351-1.087.638.638,0,0,1-.453-.208.653.653,0,0,1-.186-.464v-1.523a.63.63,0,0,1,.213-.49A.638.638,0,0,1,.682-1408H.714a14.777,14.777,0,0,1,5.342,1.278,14.932,14.932,0,0,1,4.532,3.132,14.935,14.935,0,0,1,3.132,4.533A14.785,14.785,0,0,1,15-1393.714Z' /%3E%3C/g%3E%3C/svg%3E%0A"); } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links .slim-header--social-icons a[social-icon="rss"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTkuMSAxOC40YzAgLjIgMCAuMy0uMi41LS4xLjEtLjMuMi0uNS4ySDE3Yy0uMiAwLS4zLS4xLS40LS4yLS4xLS4xLS4yLS4zLS4yLS40LS4xLTEuNC0uNC0yLjgtMS00LjEtLjctMS4zLTEuNC0yLjUtMi40LTMuNC0xLTEtMi4xLTEuNy0zLjQtMi4zLTEuMy0uNi0yLjYtMS00LjEtMS4xLS4yIDAtLjMtLjEtLjQtLjItLjEtLjEtLjItLjItLjItLjRWNS42YzAtLjIuMS0uMy4yLS41LjEtLjEuMy0uMi41LS4yIDEuOC4xIDMuNC41IDUgMS4yczMgMS43IDQuMyAzYzEuMyAxLjIgMi4yIDIuNyAzIDQuMy43IDEuNiAxLjEgMy4yIDEuMiA1em0tNS4yIDBjMCAuMiAwIC4zLS4yLjUtLjEuMS0uMy4yLS41LjJoLTEuNGMtLjIgMC0uMy0uMS0uNC0uMi0uMS0uMS0uMi0uMi0uMi0uNC0uMS0xLjUtLjgtMi44LTEuOS0zLjktMS4xLTEuMS0yLjQtMS43LTMuOS0xLjktLjIgMC0uMy0uMS0uNC0uMi0uMS0uMS0uMi0uMy0uMi0uNHYtMS40YzAtLjIuMS0uNC4yLS41LjEtLjEuMy0uMi40LS4yIDEuMS4xIDIuMS40IDMuMS44czEuOCAxLjEgMi42IDEuOGMuOC44IDEuNCAxLjYgMS44IDIuNnMuOSAyLjEgMSAzLjJ6bS01LjctMi42Yy40LjQuNi44LjYgMS40cy0uMiAxLS42IDEuNGMtLjQuNC0uOC42LTEuNC42LS41IDAtMS0uMi0xLjQtLjZzLS42LS44LS42LTEuNC4yLTEgLjYtMS40LjgtLjYgMS40LS42Yy42IDAgMSAuMiAxLjQuNnoiLz48L3N2Zz4NCg==); } } header[role="banner"] .slim-header--external-links .slim-header--social-icons a[social-icon="telegram"], .footer-bottom .social a[social-icon="telegram"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.999' height='15' viewBox='0 0 17.999 15'%3E%3Cpath id='telegram' d='M7.063,11.886l-.3,4.188a1.041,1.041,0,0,0,.832-.4l2-1.909,4.138,3.031c.759.423,1.294.2,1.5-.7L17.947,3.366h0c.241-1.122-.406-1.561-1.145-1.285L.835,8.193C-.254,8.616-.238,9.223.65,9.5l4.082,1.27,9.482-5.933c.446-.3.852-.132.518.163Z' transform='translate(0 -2)' fill='%23212020'/%3E%3C/svg%3E%0A"); } @media (max-width: 839px) { header[role="banner"] .slim-header--external-links .slim-header--social-icons a[social-icon="telegram"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.999' height='15' viewBox='0 0 17.999 15'%3E%3Cpath id='telegram' d='M7.063,11.886l-.3,4.188a1.041,1.041,0,0,0,.832-.4l2-1.909,4.138,3.031c.759.423,1.294.2,1.5-.7L17.947,3.366h0c.241-1.122-.406-1.561-1.145-1.285L.835,8.193C-.254,8.616-.238,9.223.65,9.5l4.082,1.27,9.482-5.933c.446-.3.852-.132.518.163Z' transform='translate(0 -2)' fill='%23fff'/%3E%3C/svg%3E%0A"); } } header[role="banner"] .slim-header--today { width: 20%; } @media (max-width: 839px) { header[role="banner"] .slim-header--today { display: none; } } header[role="banner"] .slim-header--today span { text-align: center; width: 100%; } header[role="banner"] .slim-header--spacer { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 839px) { header[role="banner"] .slim-header--spacer { display: none; } } header[role="banner"] .slim-header--internal-links { padding: 0; margin: 0; border-bottom: 0; list-style: none; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 839px) { header[role="banner"] .slim-header--internal-links { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; padding-bottom: 1em; padding-top: 1em; } } header[role="banner"] .slim-header--internal-links .slim-header--search-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } header[role="banner"] .slim-header--internal-links .slim-header--search { padding-left: 1em; width: 100%; } @media (max-width: 839px) { header[role="banner"] .slim-header--internal-links .slim-header--search { padding-left: 16px; padding-right: 16px; } } header[role="banner"] .slim-header--internal-links .slim-header--search form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield { width: 0; padding: 0; border: 0; font-size: 1em; /* border-bottom: 1px solid rgba(0, 0, 0, 0.16);*/ background-color: transparent; transition: width .2s ease-in-out, border-color .2s ease-in-out; } @media (max-width: 839px) { header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield { color: white; border-bottom-color: rgba(255, 255, 255, 0.4); font-size: 1.1em; } } header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.56); } header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield::-moz-placeholder { color: rgba(0, 0, 0, 0.56); } header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield:-ms-input-placeholder { color: rgba(0, 0, 0, 0.56); } header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield::placeholder { color: rgba(0, 0, 0, 0.56); } @media (max-width: 839px) { header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield::placeholder { color: rgba(255, 255, 255, 0.7); } } header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield:focus { border-bottom-color: rgba(0, 0, 0, 0.56); } @media (max-width: 839px) { header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield:focus { border-bottom-color: rgba(255, 255, 255, 0.7); } } header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield:focus ~ .search-button { border-bottom-color: rgba(0, 0, 0, 0.56); } @media (max-width: 839px) { header[role="banner"] .slim-header--internal-links .slim-header--search .slim-header--searchfield:focus ~ .search-button { border-bottom-color: rgba(255, 255, 255, 0.7); } } header[role="banner"] .slim-header--internal-links .slim-header--search button.search-button { display: none; } header[role="banner"] .slim-header--internal-links .slim-header--search .search-button { display: block; position: relative; width: 28px; height: 28px; text-indent: 1000%; overflow: hidden; padding: 0; background-color: transparent; border: 0; cursor: pointer; /* border-bottom: 1px solid rgba(0, 0, 0, 0.16); transition: border-color .2s ease-in-out;*/ } @media (max-width: 839px) { header[role="banner"] .slim-header--internal-links .slim-header--search .search-button { border-bottom-color: rgba(255, 255, 255, 0.4); } } header[role="banner"] .slim-header--internal-links .slim-header--search .search-button:hover:before, header[role="banner"] .slim-header--internal-links .slim-header--search .search-button:focus:before { opacity: .5; } header[role="banner"] .slim-header--internal-links .slim-header--search .search-button[for] { border-bottom-color: transparent; } header[role="banner"] .slim-header--internal-links .slim-header--search .search-button:before { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE1LjYgMTQuMmw0LjcgNC43LTEuNCAxLjQtNC43LTQuN3YtLjhsLS4zLS4zYy0xLjEgMS0yLjUgMS41LTQgMS41LTEuNyAwLTMuMi0uNi00LjQtMS44LTEuMi0xLjItMS44LTIuNi0xLjgtNC40IDAtMS43LjYtMy4yIDEuOC00LjRzMi43LTEuOCA0LjQtMS44YzEuNyAwIDMuMi42IDQuNCAxLjhDMTUuNCA2LjcgMTYgOC4yIDE2IDkuOWMwIDEuNS0uNSAyLjktMS41IDRsLjMuM2guOHptLTguNy0xLjNjLjguOCAxLjggMS4yIDMgMS4yczIuMi0uNCAzLTEuMmMuOC0uOCAxLjItMS44IDEuMi0zcy0uNC0yLjItMS4yLTNjLS44LS44LTEuOC0xLjItMy0xLjJzLTIuMi40LTMgMS4yYy0uOS44LTEuMyAxLjgtMS4zIDNzLjQgMi4yIDEuMyAzeiIvPjwvc3ZnPg0K);*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.971' height='16.264' viewBox='0 0 16.971 16.264'%3E%3Cg id='Ellisse_245' data-name='Ellisse 245' transform='translate(0 7.071) rotate(-45)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-width='1'%3E%3Ccircle cx='5' cy='5' r='5' stroke='none'/%3E%3Ccircle cx='5' cy='5' r='4.5' fill='none'/%3E%3C/g%3E%3Cg id='Raggruppa_2579' data-name='Raggruppa 2579' transform='translate(-46.669 31.113) rotate(-45)'%3E%3Cline id='Linea_846' data-name='Linea 846' y2='8' transform='translate(55.5 25.5)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; /*opacity: .4; transition: opacity .2s ease-in-out;*/ } @media (max-width: 839px) { header[role="banner"] .slim-header--internal-links .slim-header--search .search-button:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTUuNiAxNC4ybDQuNyA0LjctMS40IDEuNC00LjctNC43di0uOGwtLjMtLjNjLTEuMSAxLTIuNSAxLjUtNCAxLjUtMS43IDAtMy4yLS42LTQuNC0xLjgtMS4yLTEuMi0xLjgtMi42LTEuOC00LjQgMC0xLjcuNi0zLjIgMS44LTQuNHMyLjctMS44IDQuNC0xLjhjMS43IDAgMy4yLjYgNC40IDEuOEMxNS40IDYuNyAxNiA4LjIgMTYgOS45YzAgMS41LS41IDIuOS0xLjUgNGwuMy4zaC44em0tOC43LTEuM2MuOC44IDEuOCAxLjIgMyAxLjJzMi4yLS40IDMtMS4yYy44LS44IDEuMi0xLjggMS4yLTNzLS40LTIuMi0xLjItM2MtLjgtLjgtMS44LTEuMi0zLTEuMnMtMi4yLjQtMyAxLjJjLS45LjgtMS4zIDEuOC0xLjMgM3MuNCAyLjIgMS4zIDN6Ii8+PC9zdmc+DQo=); } } header[role="banner"] .slim-header--internal-links .slim-header--search #toggle-searchfield { display: none; } header[role="banner"] .slim-header--internal-links .slim-header--search #toggle-searchfield:checked ~ .slim-header--searchfield { width: 200px; } header[role="banner"] .slim-header--internal-links .slim-header--search #toggle-searchfield:checked ~ button.search-button { display: block; } header[role="banner"] .slim-header--internal-links .slim-header--search #toggle-searchfield:checked ~ label.search-button { display: none; } @media (max-width: 839px) { header[role="banner"] .slim-header--internal-links .slim-header--search #toggle-searchfield ~ .slim-header--searchfield { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } header[role="banner"] .slim-header--internal-links .slim-header--search #toggle-searchfield ~ button.search-button { display: block; } header[role="banner"] .slim-header--internal-links .slim-header--search #toggle-searchfield ~ label.search-button { display: none; } } header[role="banner"] .slim-header--internal-links .slim-header--weather { padding-left: 1em; margin-bottom: -.2em; } @media (max-width: 839px) { header[role="banner"] .slim-header--internal-links .slim-header--weather { display: none; } } header[role="banner"] .slim-header--internal-links .slim-header--weather-icon { display: block; text-indent: 1000%; overflow: hidden; width: 32px; height: 32px; background-image: url(../src/images/icons/weather.png); background-repeat: no-repeat; background-size: contain; background-position: center; } header[role="banner"] .brand-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow-y: hidden; } @media (max-width: 839px) { header[role="banner"] .brand-header { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; border-bottom: 1px solid rgba(0, 0, 0, 0.16); } } header[role="banner"] .brand-header .ad-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* @media (max-width: 1008px) { header[role="banner"] .brand-header .ad-header { display: none; } } */ /* header[role="banner"] .brand-header .ad-header ad-container { padding-left: 27px; padding-right: 27px; }*/ @media (max-width: 1008px) { header[role="banner"] .brand-header .ad-header ad-container { padding-left: 16px; padding-right: 16px; } } header[role="banner"] .brand-header logo { display: block; padding: 2em 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } header[role="banner"] .brand-header logo h1 { margin: 0; } @media (max-width: 839px) { header[role="banner"] .brand-header logo { padding-top: 1em; padding-bottom: 1em; } } header[role="banner"] .brand-header logo .logo-image { display: block; margin: auto; height: 65px; } @media (max-width: 839px) { header[role="banner"] .brand-header logo .logo-image { height: 40px; } } @media (max-width: 652px) { header[role="banner"] .brand-header logo .logo-image { height: 27px; } } @media (max-width: 360px) { header[role="banner"] .brand-header logo .logo-image { height: 20px; } } header[role="banner"] .brand-header logo .logo-image img { display: block; height: 100%; margin: auto; } header[role="banner"] .brand-header .brand-header--toggle-button { display: none; width: 70px; padding: .5em; position: relative; border-left: 1px solid rgba(0, 0, 0, 0.16); -webkit-align-self: stretch; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } header[role="banner"] .brand-header .brand-header--toggle-button:before { content: " "; padding-right: 100%; } @media (max-width: 839px) { header[role="banner"] .brand-header .brand-header--toggle-button { display: block; } } header[role="banner"] .brand-header .brand-header--toggle-button-inner { position: absolute; top: calc(50% - 0.8rem); left: calc(50% - 1.1rem); display: block; height: 1.6rem; width: 2.2rem; } header[role="banner"] .brand-header .brand-header--toggle-button-inner:before, header[role="banner"] .brand-header .brand-header--toggle-button-inner:after, header[role="banner"] .brand-header .brand-header--toggle-button-inner hr { content: " "; display: block; height: 4px; left: 0; right: 0; position: absolute; background-color: var(--main-color); } header[role="banner"] .brand-header .brand-header--toggle-button-inner:before { top: 0; transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.1s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } header[role="banner"] .brand-header .brand-header--toggle-button-inner:after { top: calc(100% - 4px); transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } header[role="banner"] .brand-header .brand-header--toggle-button-inner hr { padding: 0; margin: 0; border: 0; top: calc(50% - 2px); transition: background-color 0s linear 0.2s, top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s; } header[role="banner"] .nav-header { /* color: rgba(0, 0, 0, 0.56);*/ -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 839px) { header[role="banner"] .nav-header { max-height: 0; overflow: hidden; background-color: #081b22; color: white; } } header[role="banner"] .nav-header--first-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: var(--main-color) 0.5px solid; padding: 8px 27px 9px 27px; } @media (max-width: 1008px) { header[role="banner"] .nav-header--first-col { padding-left: 16px; padding-right: 16px; } } @media (max-width: 839px) { header[role="banner"] .nav-header--first-col { font-size: 1em; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; border-top-color: rgba(255, 255, 255, 0.4); padding-left: 0; padding-right: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } header[role="banner"] .nav-header--towns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 839px) { header[role="banner"] .nav-header--towns { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } header[role="banner"] .nav-header--towns-title { margin: 0; padding: 0; /* font-size: 13px; letter-spacing: -0.13px; line-height: 14px; aumento font */ font-size: 15px; letter-spacing: -0.15px; line-height: 16px; font-weight: bold; } @media (max-width: 839px) { header[role="banner"] .nav-header--towns-title { display: block; width: 100%; padding-left: 16px; } } header[role="banner"] .nav-header--towns-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; /* font-size:13px; letter-spacing: -0.13px; line-height: 14px; aumento font*/ font-size: 15px; letter-spacing: -0.15px; line-height: 16px; font-weight: 300; } @media (max-width: 839px) { header[role="banner"] .nav-header--towns-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } } header[role="banner"] .nav-header--towns-listitem { margin-left: 1em; } @media (max-width: 839px) { header[role="banner"] .nav-header--towns-listitem { width: 25%; margin-left: 0; padding: 0.3em 16px; } } @media (max-width: 480px) { header[role="banner"] .nav-header--towns-listitem { width: 33.33%; } } @media (max-width: 360px) { header[role="banner"] .nav-header--towns-listitem { width: 50%; } } /* header[role="banner"] .nav-header--towns-listitem a { color: rgba(0, 0, 0, 0.56); } */ @media (max-width: 839px) { header[role="banner"] .nav-header--towns-listitem a { color: rgba(255, 255, 255, 0.7); transition: color .2s ease-in-out, border-color .2s ease-in-out; } header[role="banner"] .nav-header--towns-listitem a:focus, header[role="banner"] .nav-header--towns-listitem a:hover { color: white; } } header[role="banner"] .nav-header--towns-all { margin-left: 1em; position: relative; } @media (max-width: 839px) { header[role="banner"] .nav-header--towns-all { padding: 0.3em 16px; margin-left: 0; } } header[role="banner"] .nav-header--towns-all:hover h1:after, header[role="banner"] .nav-header--towns-all:focus h1:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } header[role="banner"] .nav-header--towns-all:hover .nav-header--towns-all-list, header[role="banner"] .nav-header--towns-all:focus .nav-header--towns-all-list { height: auto; } header[role="banner"] .nav-header--towns-all h1 { /* font-size: 13px; letter-spacing: -0.13px; line-height: 14px; aumento font*/ font-size: 15px; letter-spacing: -0.15px; line-height: 16px; font-weight: 300; margin: 0; color: var(--main-color); cursor: pointer; } header[role="banner"] .nav-header--towns-all h1:after { content: ""; display: inline-block; border-color: var(--main-color) transparent transparent; border-width: 5px; border-style: solid; vertical-align: sub; margin-left: .5em; -webkit-transform-origin: 50% 25%; -ms-transform-origin: 50% 25%; transform-origin: 50% 25%; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } header[role="banner"] .nav-header--towns-all-list { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; left: -.7em; position: absolute; background-color: white; z-index: 2; padding: 0 .8em 0 .5em; height: 0; overflow: hidden; } header[role="banner"] .nav-header--towns-all-listitem { white-space: nowrap; padding: .2em 0; } header[role="banner"] .nav-header--towns-all-listitem:first-child { padding-top: .5em; } header[role="banner"] .nav-header--towns-all-listitem:last-child { padding-bottom: .5em; } header[role="banner"] .nav-header--towns-all-listitem a { /* color: rgba(0, 0, 0, 0.56);*/ padding: .2em; } /*menu inizio altre*/ header[role="banner"] .nav-header--navigation-all { /* margin-left: 1em; position: relative;*/ } @media (max-width: 839px) { header[role="banner"] .nav-header--navigation-all { padding: 0.3em 16px; margin-left: 0; } } header[role="banner"] .nav-header--navigation-all:hover h1:after, header[role="banner"] .nav-header--navigation-all:focus h1:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } header[role="banner"] .nav-header--navigation-all:hover .nav-header--navigation-all-list, header[role="banner"] .nav-header--navigation-all:focus .nav-header--navigation-all-list { height: auto; } header[role="banner"] .nav-header--navigation-all h1 { /* font-size: 13px; letter-spacing: -0.13px; line-height: 14px; aumento font*/ font-size: 15px; letter-spacing: -0.15px; line-height: 16px; font-weight: 300; margin: 0; color: var(--main-bg-color); cursor: pointer; text-align: center; padding: 8px 2px 9px 2px; } header[role="banner"] ul.nav-header--navigation-all-list .nav-header--navigation-all-listitem a { text-align: left; padding: 0; line-height: 25px; } header[role="banner"] .nav-header--navigation-all h1:after { content: ""; display: inline-block; border-color: var(--main-bg-color) transparent transparent; border-width: 5px; border-style: solid; vertical-align: sub; margin-left: .5em; -webkit-transform-origin: 50% 25%; -ms-transform-origin: 50% 25%; transform-origin: 50% 25%; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } header[role="banner"] .nav-header--navigation-all-list { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; margin: 0; /*left: -.7em;*/ right: 10px; position: absolute; background-color: var(--main-lightblue-color); z-index: 2; padding: 0 .8em 0 .5em; height: 0; overflow: hidden; } header[role="banner"] .nav-header--navigation-all-listitem { white-space: nowrap; padding: .2em 0; } header[role="banner"] .nav-header--navigation-all-listitem:first-child { padding-top: .5em; } header[role="banner"] .nav-header--navigation-all-listitem:last-child { padding-bottom: .5em; } header[role="banner"] .nav-header--navigation-all-listitem a { /* color: rgba(0, 0, 0, 0.56);*/ padding: .2em; } /*menu fine altre*/ header[role="banner"] .nav-header--other-publisher { color: rgba(0, 0, 0, 0.56); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 839px) { header[role="banner"] .nav-header--other-publisher { padding-left: 16px; padding-right: 16px; margin-top: 1em; color: rgba(255, 255, 255, 0.7); } } header[role="banner"] .nav-header--other-publisher-logo { display: block; height: 1.05em; width: auto; margin-left: .5em; } @media (max-width: 839px) { header[role="banner"] .nav-header--other-publisher-logo { display: none; } } header[role="banner"] .nav-header--other-publisher-name { display: none; margin-left: .5em; font-weight: 700; } @media (max-width: 839px) { header[role="banner"] .nav-header--other-publisher-name { display: block; } } header[role="banner"] .nav-header--navigation { background-color: var(--main-lightblue-color); } @media (max-width: 839px) { header[role="banner"] .nav-header--navigation { background-color: transparent; padding-top: 2em; padding-bottom: 1em; } } header[role="banner"] .nav-header--navigation-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 839px) { header[role="banner"] .nav-header--navigation-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 8px; padding-right: 8px; } } header[role="banner"] .nav-header--navigation-listitem { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; font-weight: 700; } @media (max-width: 839px) { header[role="banner"] .nav-header--navigation-listitem { -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; width: 25%; text-align: left; } } @media (max-width: 652px) { header[role="banner"] .nav-header--navigation-listitem { width: 33.33%; } } @media (max-width: 480px) { header[role="banner"] .nav-header--navigation-listitem { width: 50%; } } header[role="banner"] .nav-header--navigation-listitem.mobile-only { display: none; } @media (max-width: 839px) { header[role="banner"] .nav-header--navigation-listitem.mobile-only { display: block; } } header[role="banner"] .nav-header--navigation-listitem.childs > a:after { content: " "; display: block; border-width: 5px; border-style: solid; border-color: white transparent transparent; display: inline-block; vertical-align: sub; margin-left: .5em; -webkit-transform-origin: 50% 25%; -ms-transform-origin: 50% 25%; transform-origin: 50% 25%; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } /*header[role="banner"] .nav-header--navigation-listitem:before { content: " "; width: 1px; height: 50%; top: 25%; right: -1px; background-color: white; display: block; position: absolute; }*/ @media (max-width: 839px) { header[role="banner"] .nav-header--navigation-listitem:before { content: none; } } header[role="banner"] .nav-header--navigation-listitem:last-child:before { content: none; } header[role="banner"] .nav-header--navigation-listitem a { color: white; text-align: center; display: block; padding: 8px 2px 9px 2px; transition: background-color .2s ease-in-out; margin-left: 1px; position: relative; /* font-size:13px; letter-spacing: -0.13px; line-height: 14px; aumento font*/ font-size: 15px; letter-spacing: -0.15px; line-height: 16px; font-weight: 300; } @media (max-width: 839px) { header[role="banner"] .nav-header--navigation-listitem a { text-align: left; padding-left: 8px; padding-right: 8px; padding-top: .3em; padding-bottom: .3em; margin-left: 0; } } header[role="banner"] .nav-header--navigation-listitem:hover > a, header[role="banner"] .nav-header--navigation-listitem > a:focus, header[role="banner"] .nav-header--navigation-all-listitem:hover > a, header[role="banner"] .nav-header--navigation-all-listitem > a:focus { background-color: var(--main-grey-color); } header[role="banner"] .nav-header--navigation-listitem:hover > a:after, header[role="banner"] .nav-header--navigation-listitem > a:focus:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } header[role="banner"] .nav-header--navigation-listitem:hover .nav-header--navigation-list, header[role="banner"] .nav-header--navigation-listitem a:focus ~ .nav-header--navigation-list { visibility: visible; top: 100%; opacity: 1; transition-delay: 0s; } header[role="banner"] .nav-header--navigation-listitem .nav-header--navigation-list { position: absolute; left: 0; top: 0; padding: 0; visibility: hidden; opacity: 0; background-color: var(--main-color); display: block; z-index: 10; min-width: calc(100% - 1px); transition: visibility 0s ease-in-out .2s, opacity .2s ease-in-out, top .2s ease-in-out; } header[role="banner"] .nav-header--navigation-listitem .nav-header--navigation-list .nav-header--navigation-listitem { position: relative; padding-bottom: 1px; width: 100%; } header[role="banner"] .nav-header--navigation-listitem .nav-header--navigation-list .nav-header--navigation-listitem:before { width: 70%; width: calc(100% - 2em); height: 1px; left: 1em; bottom: 0; top: auto; background-color: rgba(255, 255, 255, 0.7); } header[role="banner"] .nav-header--navigation-listitem .nav-header--navigation-list .nav-header--navigation-listitem:last-child:before { content: none; } header[role="banner"] .nav-header--navigation-listitem .nav-header--navigation-list .nav-header--navigation-listitem:last-child a { padding-bottom: .7em; } header[role="banner"] .nav-header--navigation-listitem .nav-header--navigation-list .nav-header--navigation-listitem a { padding: .5em 1em; white-space: nowrap; text-align: left; margin-right: 0; } @media (max-width: 839px) { header[role="banner"] .nav-header--navigation-listitem .nav-header--navigation-list .nav-header--navigation-listitem a { padding-top: .3em; padding-bottom: .3em; } } header[role="banner"] .nav-header--vertical-channel { border-bottom: var(--main-color) 0.5px solid; } @media (max-width: 839px) { header[role="banner"] .nav-header--vertical-channel { border-bottom: 0; border-top: var(--main-color) 1px solid; } } header[role="banner"] .nav-header--vertical-channel-list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 8px 27px 9px 27px; /* font-size:13px; letter-spacing: -0.13px; line-height: 14px; aumento font*/ font-size: 15px; letter-spacing: -0.15px; line-height: 16px; font-weight: 300; } @media (max-width: 839px) { header[role="banner"] .nav-header--vertical-channel-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 8px; padding-right: 8px; padding-top: .5em; } } @media (max-width: 839px) { header[role="banner"] .nav-header--vertical-channel-listitem { width: 25%; } } @media (max-width: 652px) { header[role="banner"] .nav-header--vertical-channel-listitem { width: 33.33%; } } @media (max-width: 480px) { header[role="banner"] .nav-header--vertical-channel-listitem { width: 50%; } } header[role="banner"] .nav-header--vertical-channel-listitem a { /* color: var(--main-color);*/ font-weight: 300; padding: .2em 0; display: inline-block; } @media (max-width: 839px) { header[role="banner"] .nav-header--vertical-channel-listitem a { padding-left: 8px; padding-right: 8px; } } body { background-color: var(--main-bg-color); -webkit-font-smoothing: antialiased; } wrapper { display: block; } a { text-decoration: none; } /* a[link] { color: var(--main-color); text-decoration: none; border-bottom: transparent 1px solid; padding-bottom: .1em; transition: border .2s ease-in-out, padding .2s ease-in-out, margin .2s ease-in-out; } a[link]:hover, a[link]:focus { border-bottom-color: var(--main-color); padding-bottom: 0; margin-bottom: .1em; text-decoration: unset; }*/ container { display: block; width: 1008px; margin: auto; background-color: white; } header[role="banner"], main { margin: 0 22.5px 0 22.5px; } @media (max-width: 1008px) { container { width: 100%; } } .screen-reader-text, .screen-reader-text span { position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; word-wrap: normal !important; } ad-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1008px) { ad-container [ad-item] { margin-left: auto; margin-right: auto; } } ad-container > div[ad-item] > div > div, ad-container > div[ad-item] > div > iframe, ad-container > div[ad-item] > div > ins { /* margin-top: 27px;*/ } @media (max-width: 1008px) { ad-container > div[ad-item] > div > div, ad-container > div[ad-item] > div > iframe, ad-container > div[ad-item] > div > ins { margin-top: 16px; } } .hidden, hidden { display: none !important; } footer[role="contentinfo"] { background-color: var(--main-lightblue-color); margin: 0px 30.5px 0px 30.5px; border-top: 26px solid var(--main-lightblue-color); } footer[role="contentinfo"] .footer-sitemap { padding-left: 27px; padding-right: 27px; } @media (max-width: 1008px) { footer[role="contentinfo"] .footer-sitemap { padding-left: 16px; padding-right: 16px; } } footer[role="contentinfo"] .footer-sitemap--content { width: calc((100% - 135px) / 6 * 4 + 81px); margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 2em 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1008px) { footer[role="contentinfo"] .footer-sitemap--content { width: calc((100% - 80px) / 6 * 4 + 48px); } } @media (max-width: 839px) { footer[role="contentinfo"] .footer-sitemap--content { width: 100%; } } footer[role="contentinfo"] .footer-sitemap--list { margin: 0; padding: 0; list-style: none; width: calc((100% - 135px) / 6 * 1.5 + 13.5px); position: relative; padding-left: 2px; } @media (max-width: 1008px) { footer[role="contentinfo"] .footer-sitemap--list { width: calc((100% - 80px) / 6 * 1.5 + 8px); } } @media (max-width: 652px) { footer[role="contentinfo"] .footer-sitemap--list { width: calc((100% - 80px) / 6 * 3 + 32px); } } footer[role="contentinfo"] .footer-sitemap--list:after { content: " "; position: absolute; top: 0; left: 0; bottom: 0; border-left: 2px solid rgba(255, 255, 255, 0.4); display: block; } footer[role="contentinfo"] .footer-sitemap--list[first-free]:before { content: " "; height: 1.6em; display: block; } footer[role="contentinfo"] .footer-sitemap--listitem { padding-left: .5em; padding-top: .05em; padding-bottom: .05em; display: block; width: calc(100% + 1em); } footer[role="contentinfo"] .footer-sitemap--listitem a { color: var(--main-bg-color); font-size: .95em; transition: border-color .2s ease-in-out, color .2s ease-in-out, padding .2s ease-in-out; } footer[role="contentinfo"] .footer-sitemap--listitem a:hover, footer[role="contentinfo"] .footer-sitemap--listitem a:focus { color: white; border-bottom-color: white; } footer[role="contentinfo"] .footer-bottom { background-color: var(--main-grey-color); color: var(--main-color); padding: 20px 27px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .footer-sede-info { width: 45%; } @media (max-width: 1008px) { footer[role="contentinfo"] .footer-bottom { padding-left: 16px; padding-right: 16px; } } footer[role="contentinfo"] p { /* font-size:12px; letter-spacing: -0.12px; line-height: 14px; aumento font*/ font-size: 14px; letter-spacing: -0.14px; line-height: 16px; font-weight: 300; margin: 2px; } .footer-bottom .footer-link { width: 30%; } .footer-bottom .social { width: 25%; } footer[role="contentinfo"] .footer-sede-info p.footer-bottom--info { margin: 0; /* font-size:13px; letter-spacing: -0.13px; line-height: 14px; aumento font*/ font-size: 15px; letter-spacing: -0.15px; line-height: 16px; font-family: 'Bitter', serif; font-weight: 500; /*700*/ } @media (max-width: 1008px) { footer[role="contentinfo"] .footer-bottom--info { padding-bottom: 1em; padding-right: .5em; } } footer[role="contentinfo"] .footer-bottom--links { padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; list-style: none; } footer[role="contentinfo"] .footer-bottom--linksitem { padding: 0 .3em; border-right: 2px solid rgba(255, 255, 255, 0.4); } footer[role="contentinfo"] .footer-bottom--linksitem:first-child { padding-left: 0; } footer[role="contentinfo"] .footer-bottom--linksitem:last-child { border-right: 0; } footer[role="contentinfo"] .footer-bottom--linksitem a { color: var(--main-color); } footer[role="contentinfo"] .footer-bottom--linksitem a:hover, footer[role="contentinfo"] .footer-bottom--linksitem a:focus { border-bottom-color: white; } [button] { color: white; font-weight: bold; padding: 4px 10px; transition: background-color .2s ease-in-out; background-color: var(--main-color); display: inline-block; border: 0; cursor: pointer; } [button]:hover, [button]:focus { background-color: var(--main-grey-color); } .ad-placeholder { background-color: #62b22f; margin-top: 27px; cursor: pointer; } @media (max-width: 1008px) { .ad-placeholder { margin-top: 16px; } } .ad-placeholder[header-fs], .ad-placeholder[footer-fs] { width: 990px; height: 60px; } @media (max-width: 1008px) { .ad-placeholder[header-fs], .ad-placeholder[footer-fs] { width: 300px; height: 50px; } } .ad-placeholder[header] { width: 160px; height: 90px; margin: 0; } @media (max-width: 1008px) { .ad-placeholder[header] { display: none; } } .ad-placeholder[column-sky] { width: 300px; height: 600px; } @media (max-width: 1008px) { .ad-placeholder[column-sky] { width: 300px; height: 250px; } } .ad-placeholder[articles-button] { width: 300px; height: 100px; margin-right: auto; margin-left: auto; } .ad-placeholder[articles-rectangle] { width: 300px; height: 250px; } .breadcrumb .breadcrumb--listitem:not(:last-child)::after { content: ">"; margin-right: .4em; margin-left: .4em; } @media (max-width: 1008px) { .breadcrumb { margin-bottom: 16px; } } .breadcrumb .breadcrumb--title { color: rgba(0, 0, 0, 0.56); margin-right: .5em; font-weight: 700; display: inline; } .breadcrumb .breadcrumb--list { padding: 0; margin: 0; list-style: none; display: inline; } .breadcrumb .breadcrumb--listitem { /* font-size:12px; letter-spacing: -0.12px; line-height: 14px; aumento font*/ font-size:14px; letter-spacing: -0.14px; line-height: 16px; font-weight: 300; display: inline; color: var(--main-grey-dark-color); } .breadcrumb .breadcrumb--listitem a { color: var(--main-grey-dark-color); } .breadcrumb .breadcrumb--listitem a:hover, .breadcrumb .breadcrumb--listitem a:focus { color: var(--main-grey-dark-color); } [weather-icon] { text-indent: 1000%; color: transparent; overflow: hidden; clip: rect(0 0 0 0); word-wrap: normal !important; background-position: center bottom; background-size: contain; background-repeat: no-repeat; height: 2em; width: 2em; } [weather-icon].square { background-size: 130% 130%; background-position: center; } [weather-icon][weather-icon="icon_aa"] { background-image: url(../public/images/weather/icons/icon_aa.svg); } [weather-icon][weather-icon="icon_ab"] { background-image: url(../public/images/weather/icons/icon_ab.svg); } [weather-icon][weather-icon="icon_ac"] { background-image: url(../public/images/weather/icons/icon_ac.svg); } [weather-icon][weather-icon="icon_ad"] { background-image: url(../public/images/weather/icons/icon_ad.svg); } [weather-icon][weather-icon="icon_ae"] { background-image: url(../public/images/weather/icons/icon_ae.svg); } [weather-icon][weather-icon="icon_af"] { background-image: url(../public/images/weather/icons/icon_af.svg); } [weather-icon][weather-icon="icon_ag"] { background-image: url(../public/images/weather/icons/icon_ag.svg); } [weather-icon][weather-icon="icon_ah"] { background-image: url(../public/images/weather/icons/icon_ah.svg); } [weather-icon][weather-icon="icon_ai"] { background-image: url(../public/images/weather/icons/icon_ai.svg); } [weather-icon][weather-icon="icon_aj"] { background-image: url(../public/images/weather/icons/icon_aj.svg); } [weather-icon][weather-icon="icon_ak"] { background-image: url(../public/images/weather/icons/icon_ak.svg); } [weather-icon][weather-icon="icon_al"] { background-image: url(../public/images/weather/icons/icon_al.svg); } [weather-icon][weather-icon="icon_am"] { background-image: url(../public/images/weather/icons/icon_am.svg); } [weather-icon][weather-icon="icon_an"] { background-image: url(../public/images/weather/icons/icon_an.svg); } [weather-icon][weather-icon="icon_ao"] { background-image: url(../public/images/weather/icons/icon_ao.svg); } [weather-icon][weather-icon="icon_ap"] { background-image: url(../public/images/weather/icons/icon_ap.svg); } [weather-icon][weather-icon="icon_aq"] { background-image: url(../public/images/weather/icons/icon_aq.svg); } [weather-icon][weather-icon="icon_ar"] { background-image: url(../public/images/weather/icons/icon_ar.svg); } [weather-icon][weather-icon="icon_as"] { background-image: url(../public/images/weather/icons/icon_as.svg); } [weather-icon][weather-icon="icon_at"] { background-image: url(../public/images/weather/icons/icon_at.svg); } [weather-icon][weather-icon="icon_au"] { background-image: url(../public/images/weather/icons/icon_au.svg); } [weather-icon][weather-icon="icon_av"] { background-image: url(../public/images/weather/icons/icon_av.svg); } [weather-icon][weather-icon="icon_aw"] { background-image: url(../public/images/weather/icons/icon_aw.svg); } [weather-icon][weather-icon="icon_ax"] { background-image: url(../public/images/weather/icons/icon_ax.svg); } [weather-icon][weather-icon="icon_ay"] { background-image: url(../public/images/weather/icons/icon_ay.svg); } [weather-icon][weather-icon="icon_az"] { background-image: url(../public/images/weather/icons/icon_az.svg); } [weather-icon][weather-icon="icon_ba"] { background-image: url(../public/images/weather/icons/icon_ba.svg); } [weather-icon][weather-icon="icon_bb"] { background-image: url(../public/images/weather/icons/icon_bb.svg); } [weather-icon][weather-icon="icon_bc"] { background-image: url(../public/images/weather/icons/icon_bc.svg); } [weather-icon][weather-icon="icon_bd"] { background-image: url(../public/images/weather/icons/icon_bd.svg); } [weather-icon].square[weather-icon="icon_aa"] { background-image: url(../public/images/weather/icons/square/icon_aa.svg); } [weather-icon].square[weather-icon="icon_ab"] { background-image: url(../public/images/weather/icons/square/icon_ab.svg); } [weather-icon].square[weather-icon="icon_ac"] { background-image: url(../public/images/weather/icons/square/icon_ac.svg); } [weather-icon].square[weather-icon="icon_ad"] { background-image: url(../public/images/weather/icons/square/icon_ad.svg); } [weather-icon].square[weather-icon="icon_ae"] { background-image: url(../public/images/weather/icons/square/icon_ae.svg); } [weather-icon].square[weather-icon="icon_af"] { background-image: url(../public/images/weather/icons/square/icon_af.svg); } [weather-icon].square[weather-icon="icon_ag"] { background-image: url(../public/images/weather/icons/square/icon_ag.svg); } [weather-icon].square[weather-icon="icon_ah"] { background-image: url(../public/images/weather/icons/square/icon_ah.svg); } [weather-icon].square[weather-icon="icon_ai"] { background-image: url(../public/images/weather/icons/square/icon_ai.svg); } [weather-icon].square[weather-icon="icon_aj"] { background-image: url(../public/images/weather/icons/square/icon_aj.svg); } [weather-icon].square[weather-icon="icon_ak"] { background-image: url(../public/images/weather/icons/square/icon_ak.svg); } [weather-icon].square[weather-icon="icon_al"] { background-image: url(../public/images/weather/icons/square/icon_al.svg); } [weather-icon].square[weather-icon="icon_am"] { background-image: url(../public/images/weather/icons/square/icon_am.svg); } [weather-icon].square[weather-icon="icon_an"] { background-image: url(../public/images/weather/icons/square/icon_an.svg); } [weather-icon].square[weather-icon="icon_ao"] { background-image: url(../public/images/weather/icons/square/icon_ao.svg); } [weather-icon].square[weather-icon="icon_ap"] { background-image: url(../public/images/weather/icons/square/icon_ap.svg); } [weather-icon].square[weather-icon="icon_aq"] { background-image: url(../public/images/weather/icons/square/icon_aq.svg); } [weather-icon].square[weather-icon="icon_ar"] { background-image: url(../public/images/weather/icons/square/icon_ar.svg); } [weather-icon].square[weather-icon="icon_as"] { background-image: url(../public/images/weather/icons/square/icon_as.svg); } [weather-icon].square[weather-icon="icon_at"] { background-image: url(../public/images/weather/icons/square/icon_at.svg); } [weather-icon].square[weather-icon="icon_au"] { background-image: url(../public/images/weather/icons/square/icon_au.svg); } [weather-icon].square[weather-icon="icon_av"] { background-image: url(../public/images/weather/icons/square/icon_av.svg); } [weather-icon].square[weather-icon="icon_aw"] { background-image: url(../public/images/weather/icons/square/icon_aw.svg); } [weather-icon].square[weather-icon="icon_ax"] { background-image: url(../public/images/weather/icons/square/icon_ax.svg); } [weather-icon].square[weather-icon="icon_ay"] { background-image: url(../public/images/weather/icons/square/icon_ay.svg); } [weather-icon].square[weather-icon="icon_az"] { background-image: url(../public/images/weather/icons/square/icon_az.svg); } [weather-icon].square[weather-icon="icon_ba"] { background-image: url(../public/images/weather/icons/square/icon_ba.svg); } [weather-icon].square[weather-icon="icon_bb"] { background-image: url(../public/images/weather/icons/square/icon_bb.svg); } [weather-icon].square[weather-icon="icon_bc"] { background-image: url(../public/images/weather/icons/square/icon_bc.svg); } [weather-icon].square[weather-icon="icon_bd"] { background-image: url(../public/images/weather/icons/square/icon_bd.svg); } /* [custom-font-size] { font-size: 1em; transition: font-size .2s ease-in-out; } */ .tab-header a { cursor: pointer; } .tab-content { overflow-y: hidden; } .tab-content .tab-item { position: relative; } @-webkit-keyframes tab-fadein { 0% { -webkit-transform: translateY(25px); transform: translateY(25px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes tab-fadein { 0% { -webkit-transform: translateY(25px); transform: translateY(25px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .tab-content .tab-item:not(.active) { display: none; -webkit-animation: tab-fadeout; animation: tab-fadeout; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .tab-content .tab-item.active { -webkit-animation: tab-fadein; animation: tab-fadein; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; z-index: 1; } .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 2em 0; } .pagination .pagination--list { margin-top: 0; margin-bottom: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pagination .pagination--listitem { width: 2em; height: 2em; line-height: 2em; font-weight: 700; text-align: center; transition: background-color .2s ease-in-out; } .pagination .pagination--listitem:hover, .pagination .pagination--listitem:focus { background-color: rgba(0, 0, 0, 0.16); } .pagination .pagination--listitem.active { background-color: var(--main-color); } .pagination .pagination--listitem.active a { color: white; } .pagination .pagination--listitem.more { cursor: default; } .pagination .pagination--listitem.more:hover, .pagination .pagination--listitem.more:focus { background-color: initial; } .pagination .pagination--listitem[pagination-icon] { position: relative; } .pagination .pagination--listitem[pagination-icon].disabled { cursor: default; visibility: hidden; } .pagination .pagination--listitem[pagination-icon] a { overflow: hidden; text-indent: 1000%; display: block; width: 100%; height: 100%; clip: rect(0 0 0 0); color: transparent; word-wrap: normal; padding: 1em; } .pagination .pagination--listitem[pagination-icon] a:before { content: " "; height: .6em; width: .6em; display: block; border-bottom-width: 0; border-left-width: 0; border-style: solid; border-color: rgba(0, 0, 0, 0.56); border-top-width: 2px; border-right-width: 2px; position: absolute; top: .7em; left: .5em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pagination .pagination--listitem[pagination-icon][pagination-icon="prev"] a:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); left: .9em; } .pagination .pagination--listitem a { color: var(--main-color); display: block; height: 100%; width: 100%; } .cookie-alert { background-color: #1c404c; color: white; padding: 1em 5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; bottom: 0; left: 0; right: 0; z-index: 5; } @media (max-width: 839px) { .cookie-alert { padding-left: 3em; padding-right: 3em; } } @media (max-width: 652px) { .cookie-alert { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-left: 2em; padding-right: 2em; font-size: .95em; line-height: 1.35; } } @media (max-width: 480px) { .cookie-alert { padding-left: 1em; padding-right: 1em; font-size: .9em; line-height: 1.3; } } .cookie-alert .cookie-alert--description { margin: 0; padding: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .cookie-alert .cookie-alert--description-more { color: var(--main-color); display: inline-block; } .cookie-alert .cookie-alert--button { background-color: var(--main-color); padding: .2em 1em; color: white; font-weight: 700; text-transform: uppercase; transition: background-color .2s ease-in-out; } .cookie-alert .cookie-alert--button:hover, .cookie-alert .cookie-alert--button:focus { background-color: #aac4cc; } .lg-backdrop { background-color: rgba(255, 255, 255, 0.9); } .lg-toolbar { background-color: rgba(66, 152, 182, 0.7); } .lg-toolbar .lg-icon { color: #fff; transition: background-color .2s ease-in-out; } .lg-toolbar .lg-icon:hover, .lg-toolbar .lg-icon:focus { background-color: #1c404c; } .lg-sub-html { background-color: rgba(255, 255, 255, 0.7); color: var(--main-color); font-weight: 700; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(66, 152, 182, 0.7); color: #fff; transition: background-color .2s ease-in-out; } .lg-actions .lg-next:hover, .lg-actions .lg-next:focus, .lg-actions .lg-prev:hover, .lg-actions .lg-prev:focus { background-color: #1c404c; } .image-slider { margin: 0; padding: 0; list-style: none; } .image-slider--controls { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(rgba(8, 27, 34, 0.3) 0%, rgba(8, 27, 34, 0.7) 100%); color: rgba(255, 255, 255, 0.7); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 40px; } .image-slider--controls-arrow-left, .image-slider--controls-arrow-right { overflow: hidden; text-indent: 1000%; display: block; clip: rect(0 0 0 0); color: transparent; word-wrap: normal; height: 2.4em; width: 2.4em; position: relative; } .image-slider--controls-arrow-left:hover:before, .image-slider--controls-arrow-right:hover:before { opacity: 1; } .image-slider--controls-arrow-left[class$="-left"]:before, .image-slider--controls-arrow-right[class$="-left"]:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); left: .9em; } .image-slider--controls-arrow-left:before, .image-slider--controls-arrow-right:before { content: " "; height: .8em; width: .8em; display: block; border-bottom-width: 0; border-left-width: 0; border-style: solid; border-color: white; border-top-width: 3px; border-right-width: 3px; position: absolute; top: .7em; left: .5em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: .7; transition: opacity .2s ease-in-out; } .image-slider--controls-info { color: rgba(255, 255, 255, 0.7); } .image-slider .article--foto-item { position: relative; } .image-slider--description { position: absolute; top: 0; left: 0; right: 0; background: linear-gradient(rgba(8, 27, 34, 0.5) 0%, rgba(8, 27, 34, 0.2) 100%); padding: .5em 1em; text-shadow: 0 0 0.5em rgba(8, 27, 34, 0.4); } .lSSlideWrapper:hover .image-slider--description, .lSSlideWrapper:hover .image-slider--controls { opacity: 1; transition-delay: 0s; } .lSSlideWrapper .image-slider--description, .lSSlideWrapper .image-slider--controls { opacity: .5; transition: opacity .2s ease-in-out 1s; } @media (max-width: 839px) { .lSSlideWrapper .image-slider--description, .lSSlideWrapper .image-slider--controls { opacity: 1; } .lSSlideWrapper .image-slider--description.fotoscheda { font-size: 15px; } } .lSSlideWrapper .image-slider--description { opacity: 0; } .weather-widget { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .weather-widget header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; } .weather-widget header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .weather-widget header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .weather-widget header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .weather-widget header h1 a:hover:before, .weather-widget header h1 a:focus:before { background-color: #27596b; } .weather-widget header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .weather-widget header h1 a.tab-header-item:not(.active):hover:before, .weather-widget header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .weather-widget .weather-widget--content { background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; padding: 1em; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } @media (max-width: 652px) { .weather-widget .weather-widget--content { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; } } .weather-widget .weather-widget--map { padding-bottom: 1em; } .weather-widget .weather-widget--map-outer-svg { position: relative; margin: auto; } .weather-widget .weather-widget--map-svg { display: block; width: 100%; height: 100%; } .weather-widget .weather-widget--map-altoadige, .weather-widget .weather-widget--map-trentino { fill: transparent; position: relative; } .weather-widget .weather-widget--map-altoadige:hover, .weather-widget .weather-widget--map-altoadige:focus, .weather-widget .weather-widget--map-trentino:hover, .weather-widget .weather-widget--map-trentino:focus { fill: #e5e5e5; } .weather-widget .weather-widget--map-border { fill: rgba(0, 0, 0, 0.3); } .weather-widget .weather-widget--map-outer-svg { width: 266px; height: 232px; } @media (max-width: 1008px) { .weather-widget .weather-widget--map-outer-svg { width: 219px; height: 198px; } } @media (max-width: 839px) { .weather-widget .weather-widget--map-outer-svg { width: 266px; height: 232px; } } .weather-widget .weather-widget--map-items-item { position: absolute; top: 0; left: 0; display: block; text-align: center; font-size: .9em; -webkit-transform: translate(-1.5em, -1.5em); -ms-transform: translate(-1.5em, -1.5em); transform: translate(-1.5em, -1.5em); } .weather-widget .weather-widget--map-items-item[location="silandro"] { top: 25%; left: 17%; } .weather-widget .weather-widget--map-items-item[location="bolzano"] { top: 36%; left: 46%; } .weather-widget .weather-widget--map-items-item[location="brunico"] { top: 16%; left: 68%; } .weather-widget .weather-widget--map-items-item[location="brunico"][small-map] { top: 18%; } .weather-widget .weather-widget--map-items-item[location="val-di-sole"] { top: 55%; left: 17%; } .weather-widget .weather-widget--map-items-item[location="trento"] { top: 69%; left: 36%; } .weather-widget .weather-widget--map-items-item[location="trento"][small-map] { top: 72%; left: 35%; } .weather-widget .weather-widget--map-items-item[location="primiero"] { top: 60%; left: 57%; } .weather-widget .weather-widget--map-items-item[location="primiero"][small-map] { left: 64%; } .weather-widget .weather-widget--map-items-item [class$="items-icon"] { display: block; margin: auto; height: 3em; width: 3em; background-position: bottom center; } .weather-widget .weather-widget--map-items-item [class$="items-place"] { display: block; color: rgba(0, 0, 0, 0.56); text-shadow: var(--main-bg-color) 0 0 6px, var(--main-bg-color) 0 0 3px; font-weight: 700; line-height: 1.2; } .weather-widget .weather-widget--map-items-item [class$="items-temp"] { display: block; color: rgba(0, 0, 0, 0.56); text-shadow: var(--main-bg-color) 0 0 6px, var(--main-bg-color) 0 0 3px; font-weight: 700; } .weather-widget .weather-widget--description { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .weather-widget .weather-widget--description-title { font-size: 1em; margin: 0; padding: 0; } .weather-widget .weather-widget--description-text { margin: 0; margin-top: .5em; } .weather-widget .weather-widget--description-linkrow { margin-top: .5em; text-align: right; } .weather-widget .weather-widget--description-linkrow a:nth-child(1n+2) { margin-left: .5em; } body[province="altoadige"] .weather-widget--map-altoadige, body[province="trentino"] .weather-widget--map-trentino { fill: rgba(170, 196, 204, 0.3); } body[province="altoadige"] .weather-widget--map-altoadige:hover, body[province="altoadige"] .weather-widget--map-altoadige:focus, body[province="trentino"] .weather-widget--map-trentino:hover, body[province="trentino"] .weather-widget--map-trentino:focus { fill: rgba(170, 196, 204, 0.6); } .landscape-articles-widget .landscape-articles-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; } .landscape-articles-widget .landscape-articles-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .landscape-articles-widget .landscape-articles-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .landscape-articles-widget .landscape-articles-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .landscape-articles-widget .landscape-articles-widget--header h1 a:hover:before, .landscape-articles-widget .landscape-articles-widget--header h1 a:focus:before { background-color: #27596b; } .landscape-articles-widget .landscape-articles-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .landscape-articles-widget .landscape-articles-widget--header h1 a.tab-header-item:not(.active):hover:before, .landscape-articles-widget .landscape-articles-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .landscape-articles-widget .landscape-articles-widget--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .landscape-articles-widget .landscape-articles-widget--content.vertical { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .landscape-articles-widget .landscape-articles-widget--content .article { background-color: var(--main-bg-color); /* border: solid 1px rgba(0, 0, 0, 0.16);*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; /* overflow: hidden;*/ -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: calc((100% - 21px) / 2); } .vertical-channel .landscape-articles-widget .landscape-articles-widget--content .article { -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; } .landscape-articles-widget .landscape-articles-widget--content.vertical .article { -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; } .rullo_p7 .landscape-articles-widget .landscape-articles-widget--content.vertical .article { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: var(--main-grey-color); } .landscape-articles-widget .landscape-articles-widget--content .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; /* background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 63px) / 6 * 3 + 54px);*/ } .vertical-channel .landscape-articles-widget .landscape-articles-widget--content .article .article--image { width: calc((100% - 5px) / 14 * 5); order: 2; } .vertical-channel .content-block--main .landscape-articles-widget .landscape-articles-widget--content .article { margin-top: 31px; } .vertical-channel .landscape-articles-widget .landscape-articles-widget--content .article .article--text { width: calc((100% - 5px) / 14 * 9); } .vertical-channel .landscape-articles-widget .landscape-articles-widget--content .article .article--title h1 { font-size: 20px; letter-spacing: -0.20px; line-height: 24px; } .vertical-channel .landscape-articles-widget .landscape-articles-widget--header { background-color: var(--main-bg-color); color: var(--main-color); border-top: var(--main-color) 1px solid; border-bottom: var(--main-color) 1px solid; } .vertical-channel .landscape-articles-widget .landscape-articles-widget--header h1 { justify-content: unset; } .rullo_p7 .landscape-articles-widget .landscape-articles-widget--content .article .article--content-description, .rullo_p8 .landscape-articles-widget .landscape-articles-widget--content .article .article--content-description { display: unset; } .rullo_p7 .landscape-articles-widget .landscape-articles-widget--content .article .article--image { width: calc((100% - 21px) / 2); } .rullo_p7 .landscape-articles-widget .landscape-articles-widget--content .article .article--text { width: calc((100% - 21px) / 2); } .home content-block .content-block--articles.rullo1, .home content-block .content-block--articles.rullo4, .home content-block .content-block--articles.rullo5 { width: 100%; background-color: var(--main-grey-color); } .home content-block .content-block--articles.rullo1 header.rullo-widget--header, .home content-block .content-block--articles.rullo1 article, .home content-block .content-block--articles.rullo4 header.rullo-widget--header, .home content-block .content-block--articles.rullo4 article, .home content-block .content-block--articles.rullo5 header.rullo-widget--header, .home content-block .content-block--articles.rullo5 article { width: calc((100% - 105px) / 6); background-color: var(--main-grey-color); } .home content-block .content-block--articles.rullo1 header.rullo-widget--header h1, .home content-block .content-block--articles.rullo2 header.rullo-widget--header h1, .home content-block .content-block--articles.rullo3 header.rullo-widget--header h1, .home content-block .content-block--articles.rullo4 header.rullo-widget--header h1, .home content-block .content-block--articles.rullo5 header.rullo-widget--header h1 { /* font-size:25px; letter-spacing: -0.25px; line-height: 25px; aumento font*/ font-size: 27px; letter-spacing: -0.27px; line-height: 27px; font-weight: 700; /*800*/ } .home content-block .content-block--articles.rullo2, .home content-block .content-block--articles.rullo3 { width: calc((100% - 42px) / 3 * 2 + 21px); background-color: var(--main-grey-color); } .home content-block .content-block--articles.rullo1 header.rullo-widget--header h1, .home content-block .content-block--articles.rullo2 header.rullo-widget--header h1, .home content-block .content-block--articles.rullo3 header.rullo-widget--header h1, .home content-block .content-block--articles.rullo4 header.rullo-widget--header h1, .home content-block .content-block--articles.rullo5 header.rullo-widget--header h1 { padding-left: 20px } .home content-block .content-block--articles.rullo2 header.rullo-widget--header, .home content-block .content-block--articles.rullo2 article, .home content-block .content-block--articles.rullo3 header.rullo-widget--header, .home content-block .content-block--articles.rullo3 article { width: calc((100% - 63px) / 4); background-color: var(--main-grey-color); } .middle2 { height: 250px; } @media (max-width: 1008px) { .landscape-articles-widget .landscape-articles-widget--content .article .article--image { /* width: calc((100% - 80px) / 6 * 3 + 32px);*/ } } .landscape-articles-widget .landscape-articles-widget--content .article .article--image-img { overflow: hidden; } .landscape-articles-widget .landscape-articles-widget--content .article .article--image img { display: block; width: 100%; aspect-ratio: 1/1; } .rullo_p4 .landscape-articles-widget .landscape-articles-widget--content.vertical > article img { display: none !important; } .article--badge, .article.main-article .article--header-badge, .video-widget .video-widget--content .article .article--image .article--badge { color: var(--main-lightblue-color); /*font-size: 11px; line-height: 25px; aumento font*/ font-size: 13px; line-height: 27px; font-weight: 700; text-transform: uppercase; letter-spacing: 0px; text-overflow:ellipsis; overflow:hidden; /*// Addition lines for 1 line or multiline ellipsis*/ display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; } .landscape-articles-widget .landscape-articles-widget--content .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .landscape-articles-widget .landscape-articles-widget--content .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: initial; -webkit-justify-content: initial; -ms-flex-pack: initial; justify-content: initial; /* width: calc((100% - 135px) / 6 * 3 + 54px); padding: .7rem; padding-left: 0;*/ padding: 4px 0px 0px 0px; } .rullo1 .landscape-articles-widget .landscape-articles-widget--content .article:last-child .article--text, .rullo2 .landscape-articles-widget .landscape-articles-widget--content .article:last-child .article--text, .rullo3 .landscape-articles-widget .landscape-articles-widget--content .article:last-child .article--text, .rullo4 .landscape-articles-widget .landscape-articles-widget--content .article:last-child .article--text, .rullo5 .landscape-articles-widget .landscape-articles-widget--content .article:last-child .article--text { padding-right: 5px; } .landscape-articles-widget .landscape-articles-widget--content.vertical .article .article--text { padding: 0px; } @media (max-width: 1008px) { .landscape-articles-widget .landscape-articles-widget--content .article .article--text { /* width: calc((100% - 80px) / 6 * 3 + 32px);*/ } } /* @media (max-width: 480px) { .landscape-articles-widget .landscape-articles-widget--content .article .article--text .article--header { height: 100%; } }*/ .landscape-articles-widget .landscape-articles-widget--content .article .article--title, .landscape-articles-widget .landscape-articles-widget--content .article .article--title h1 { color: var(--main-color); height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /* font-size: 15px; line-height: 18px; letter-spacing: -0.15px; aumento font*/ font-size: 17px; letter-spacing: -0.17px; line-height: 20px; font-weight: 700; /*800*/ margin: 0; text-overflow:ellipsis; overflow:hidden; /*// Addition lines for 5 line or multiline ellipsis*/ display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: normal; } .rullo_p4 .landscape-articles-widget .landscape-articles-widget--content.vertical .article { height: 143px; } .rullo_p7 .landscape-articles-widget .landscape-articles-widget--content.vertical .article .article--text { padding: 8px 7px 0px 0px; } .landscape-articles-widget .landscape-articles-widget--content.vertical .article .article--title h1, .rullo_p8 .landscape-articles-widget .landscape-articles-widget--content .article .article--title h1 { /* font-size:18px; letter-spacing: -0.18px; line-height: 21px; aumento font*/ font-size: 19px; letter-spacing: -0.19px; line-height: 22px; } @media (max-width: 480px) { .landscape-articles-widget .landscape-articles-widget--content .article .article--title h1 { font-weight: 700; /*800*/ font-size:18px; letter-spacing: -0.18px; line-height: 21px; } } .landscape-articles-widget .landscape-articles-widget--content .article .article--content { padding-top: 5px; } @media (max-width: 480px) { .landscape-articles-widget .landscape-articles-widget--content .article .article--content { display: none; } } .landscape-articles-widget .landscape-articles-widget--content .article .article--content-description { display: none; /* font-size:13px; letter-spacing: -0.13px; line-height: 16px; aumento font*/ font-size: 15px; letter-spacing: -0.15px; line-height: 18px; font-weight: 300; } .landscape-articles-widget .landscape-articles-widget--content .article .article--content-description p { margin-top: 0; } .landscape-articles-widget .landscape-articles-widget--content .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .landscape-articles-widget .landscape-articles-widget--content .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .landscape-articles-widget .landscape-articles-widget--content .article .article--content-relateditem a { color: var(--main-color); } .landscape-articles-widget .landscape-articles-widget--content .article .article--footer { /* padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; */ display: none; } @media (max-width: 480px) { .landscape-articles-widget .landscape-articles-widget--content .article .article--footer { display: none; } } .landscape-articles-widget .landscape-articles-widget--content .article .article--footer .article--more { display: inline-block; margin-top: 0; } .landscape-articles-widget .landscape-articles-widget--content .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .landscape-articles-widget .landscape-articles-widget--content .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .landscape-articles-widget .landscape-articles-widget--content .article .article--footer .article--sharebutton:hover, .landscape-articles-widget .landscape-articles-widget--content .article .article--footer .article--sharebutton:focus { opacity: .8; } .landscape-articles-widget .landscape-articles-widget--content .article { /* margin-top: 21px;*/ } .landscape-articles-widget .landscape-articles-widget--content .article:nth-child(1n + 2) { /* margin-left: 21px;*/ } .landscape-articles-widget .landscape-articles-widget--content.vertical .article:nth-child(1n + 2) { margin-left: 0px; } @media (max-width: 1008px) { .landscape-articles-widget .landscape-articles-widget--content .article:nth-child(1n + 2) { /* margin-top: 16px;*/ } } @media (max-width: 839px) { /* .landscape-articles-widget .landscape-articles-widget--content > *:nth-child(1n + 7) { display: none; }*/ .landscape-articles-widget .landscape-articles-widget--content .landscape-articles-widget--more { display: block; } } .landscape-articles-widget .landscape-articles-widget--content ad-container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* .landscape-articles-widget .landscape-articles-widget--content ad-container > div { margin-top: 27px; }*/ @media (max-width: 1008px) { .landscape-articles-widget .landscape-articles-widget--content ad-container > div { margin-top: 16px; } } .most-read-widget { background-color: var(--main-grey-color); /* margin-top: 27px;*/ } @media (max-width: 1008px) { .most-read-widget { margin-top: 16px; } } .most-read-widget .most-read-widget--header, .news-cover-widget .news-cover-widget--header { background-color: var(--main-grey-color); /* padding: .3em 0; margin-bottom: .5em;*/ /* color: white;*/ padding: 20px 0px 14px 0px; } .most-read-widget .most-read-widget--header h1, .news-cover-widget .news-cover-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'Bitter', serif; /* font-size:18px; letter-spacing: -0.18px; line-height: 30px; aumento font*/ font-size: 20px; letter-spacing: -0.20px; line-height: 32px; font-weight: 700; /*800*/ } .most-read-widget .most-read-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .most-read-widget .most-read-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .most-read-widget .most-read-widget--header h1 a:hover:before, .most-read-widget .most-read-widget--header h1 a:focus:before { background-color: #27596b; } .most-read-widget .most-read-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .most-read-widget .most-read-widget--header h1 a.tab-header-item:not(.active):hover:before, .most-read-widget .most-read-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .most-read-widget .most-read-widget--content { background-color: var(--main-grey-color); /*border: rgba(0, 0, 0, 0.16) 1px solid;*/ overflow-x: hidden; } .most-read-widget .most-read-widget--content .article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 9px 0px 4px 0px; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .most-read-widget .most-read-widget--content .article:after { content: " "; display: block; position: absolute; bottom: 0; width: 90%; height: 1px; left: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='276' height='1' viewBox='0 0 276 1'%3E%3Cline id='Linea_1430' data-name='Linea 1430' x2='275' transform='translate(0.5 0.5)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-width='1' stroke-dasharray='0 3'/%3E%3C/svg%3E%0A"); /* bianco background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='276' height='1' viewBox='0 0 276 1'%3E%3Cline id='Linea_1257' data-name='Linea 1257' x2='275' transform='translate(0.5 0.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1' stroke-dasharray='0 3'/%3E%3C/svg%3E%0A");*/ background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; } .most-read-widget .most-read-widget--content .article:last-child { margin-bottom: 42px; } /*.most-read-widget .most-read-widget--content .article:first-child:after { content: none; }*/ .most-read-widget .most-read-widget--content .article--header a { margin: 0; display: inline-block; padding-right: 15px; padding-left: 11px; /* color: var(--main-bg-color);*/ } .most-read-widget .most-read-widget--content .article--header a h1 { /* font-size: 14px; line-height: 17px; letter-spacing: -0.14px; aumento font*/ font-size: 16px; letter-spacing: -0.16px; line-height: 19px; font-weight: 300; margin: 0; text-overflow:ellipsis; overflow:hidden; /* Addition lines for 3 line or multiline ellipsis*/ display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; } .most-read-widget .most-read-widget--content .article--header { position: relative; -webkit-box-ordinal-group: 4; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; } .most-read-widget .most-read-widget--content .article--image { position: relative; -webkit-box-ordinal-group: 4; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .most-read-widget .most-read-widget--content .article--image number { position: absolute; display: block; height: 30px; width: 30px; background-color: rgba(66, 152, 182, 0.7); color: white; text-align: center; line-height: 30px; font-weight: 700; top: calc(50% - 15px); left: -15px; font-size: 1.2em; display: none; } .most-read-widget .most-read-widget--content .article--image img, .author-blog-widget .author-blog-widget--content .article--image img { display: block; max-width: 48px; height: auto; border-radius: 50%; margin-left: 15px; } .author-blog-widget .author-blog-widget--content .article--image img { max-width: 60px; border-radius: unset; } .obituary-widget .obituary-widget--content .article--image img { max-width: 69px; height: auto; border-radius: 50%; margin-left: 15px; border: var(--main-color) 2.5px solid; } .video-widget { /* margin-top: 27px;*/ } @media (max-width: 1008px) { .video-widget { margin-top: 16px; } } .content-block--column .rullo-header { margin-bottom: 21px; } .content-block--column .content-block--articles.rullo .article--image { display: none; } .video-widget .video-widget--header { background-color: var(--main-bg-color); margin-bottom: 5px; color: var(--main-color); border-top: var(--main-color) 3px solid; border-bottom: var(--main-color) 3px solid; } .content-block--column .rullo-widget--header h1, .video-widget .video-widget--header h1 { font-size: 25px; letter-spacing: -0.25px; line-height: 30px; font-weight: 600; margin: 0; padding: 5px 10px 5px 10px; text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;*/ } body.article .rullo-widget--header h1, .video-widget .video-widget--header h1 a { color: var(--main-color); width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-family: 'Bitter', serif; /* opacity: .99;*/ } /* .video-widget .video-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .video-widget .video-widget--header h1 a:hover:before, .video-widget .video-widget--header h1 a:focus:before { background-color: #27596b; } .video-widget .video-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .video-widget .video-widget--header h1 a.tab-header-item:not(.active):hover:before, .video-widget .video-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } */ .video-widget .video-widget--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .video-widget .video-widget--content .article { background-color: var(--main-bg-color); /* border: solid 1px rgba(0, 0, 0, 0.16);*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; color: var(--main-color); border: 0; width: 100%; } .home .video-widget .video-widget--content .article:nth-child(n+2) { margin-left: 21px; } .video-widget .video-widget--content .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; /* background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px);*/ } @media (max-width: 1008px) { .video-widget .video-widget--content .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .video-widget .video-widget--content .article .article--image-img { overflow: hidden; } .video-widget .video-widget--content .article .article--image img { display: block; width: 100%; height: auto; } /* .video-widget .video-widget--content .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } */ .video-widget .video-widget--content .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc((100% - 135px) / 6 * 3 + 54px); /* padding: .7rem; padding-left: 0;*/ padding: 8px 0px 0px 0px; } @media (max-width: 1008px) { .video-widget .video-widget--content .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .video-widget .video-widget--content .article .article--text .article--header { height: 100%; } } .video-widget .video-widget--content .article .article--title { height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .video-widget .video-widget--content .article .article--title h1 { /* font-size: 18px; line-height: 21px; letter-spacing: -0.18px; aumento font*/ font-size: 20px; letter-spacing: -0.20px; line-height: 23px; font-weight: 700; /*800*/ margin: 0; } /* @media (max-width: 480px) { .video-widget .video-widget--content .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } */ .video-widget .video-widget--content .article .article--content { padding-top: .7rem; } /* @media (max-width: 480px) { .video-widget .video-widget--content .article .article--content { display: none; } }*/ .video-widget .video-widget--content .article .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .video-widget .video-widget--content .article .article--content-description p { margin-top: 0; } .video-widget .video-widget--content .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .video-widget .video-widget--content .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .video-widget .video-widget--content .article .article--content-relateditem a { color: var(--main-color); } .video-widget .video-widget--content .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .video-widget .video-widget--content .article .article--footer { display: none; } } .video-widget .video-widget--content .article .article--footer .article--more { display: inline-block; margin-top: 0; } .video-widget .video-widget--content .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .video-widget .video-widget--content .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .video-widget .video-widget--content .article .article--footer .article--sharebutton:hover, .video-widget .video-widget--content .article .article--footer .article--sharebutton:focus { opacity: .8; } .video-widget .video-widget--content .article .article--image { width: 100%; } .video-widget .video-widget--content .article .article--text { width: 100%; } .video-widget .video-widget--content .article .article--text .article--header { height: auto; } /* .video-widget .video-widget--content .article .article--content { display: block; }*/ /* @media (max-width: 652px) { .video-widget .video-widget--content .article .article--content { display: none; } }*/ .video-widget .video-widget--content .article .article--footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .video-widget .video-widget--content .article.gallery .article--image:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPHBhdGggc3R5bGU9ImZpbGw6ICMxQzQwNEM7IG9wYWNpdHk6IC41OyIgZD0iTTQuOSAyMC4yaDE2LjVWNi4xSDQuOXYxNC4xek0xNi4xIDcuOGMuNC0uNC43LS41IDEuMi0uNXMuOS4yIDEuMi41Yy40LjQuNS43LjUgMS4yIDAgLjQtLjIuOS0uNSAxLjItLjQuNC0uNy41LTEuMi41cy0uOS0uMi0xLjItLjVjLS40LS40LS41LS43LS41LTEuMi0uMS0uNC4xLS45LjUtMS4yem0tMTAgOC45bDQuMS03LjEgNC43IDUuOWgxLjJsNC4xLTMuNXY3LjFINi4xdi0yLjR6Ii8+DQogIDxwYXRoIHN0eWxlPSJmaWxsOiAjZmZmOyIgZD0iTTIwLjIgMTJsLTQuMSAzLjVoLTEuMmwtNC43LTUuOS00LjEgNy4xdjIuNGgxNC4xek0xNy4zIDEwLjhjLjUgMCAuOS0uMiAxLjItLjUuNC0uNC41LS44LjUtMS4yIDAtLjUtLjItLjktLjUtMS4yLS40LS40LS43LS41LTEuMi0uNXMtLjkuMi0xLjIuNWMtLjQuMy0uNS43LS41IDEuMnMuMi45LjUgMS4yYy4zLjQuNy41IDEuMi41eiIvPg0KICA8cGF0aCBzdHlsZT0iZmlsbDogI2ZmZjsiIGQ9Ik0yMi4yIDUuM2MtLjItLjMtLjUtLjQtLjgtLjRINC45Yy0uMyAwLS42LjEtLjguNC0uMS4zLS4zLjUtLjMuOHYxNC4xYzAgLjQuMS42LjQuOC4zLjMuNS40LjguNGgxNi41Yy40IDAgLjYtLjEuOC0uNC4zLS4zLjQtLjUuNC0uOFY2LjFjLS4xLS4zLS4yLS41LS41LS44em0tLjggMTQuOUg0LjlWNi4xaDE2LjV2MTQuMXoiLz4NCiAgPHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTkuMSAyLjZIMi42Yy0uMyAwLS42LjEtLjguMy0uMy4yLS40LjUtLjQuOXYxNC4xaDEuMVYzLjhIMTlWMi42eiIvPg0KPC9zdmc+DQo=); } .video-widget .video-widget--content .article .article--image { -webkit-box-ordinal-group: 3; -webkit-order: 1; -ms-flex-order: 1; order: 1; position: relative; /*max-height: 173px;*/ } body.article .content-block--column .video-widget .article--video-description { display: none; } body.article .content-block--column .video-widget .video-widget--content .article .article--text { padding: 8px 10px 0px 10px; } .video-widget .video-widget--content .article .article--image:after { content: " "; display: block; width: 40px; height: 40px; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); background-image: url("data:image/svg+xml,%3Csvg id='player_little' data-name='player little' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Ellisse_257' data-name='Ellisse 257' fill='%234298b6' stroke='%234298b6' stroke-width='1' opacity='0.809'%3E%3Ccircle cx='20' cy='20' r='20' stroke='none'/%3E%3Ccircle cx='20' cy='20' r='19.5' fill='none'/%3E%3C/g%3E%3Cpath id='Poligono_1' data-name='Poligono 1' d='M8.106,1.789a1,1,0,0,1,1.789,0l7.382,14.764A1,1,0,0,1,16.382,18H1.618a1,1,0,0,1-.894-1.447Z' transform='translate(31.737 10.579) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; } .video-js .vjs-big-play-button { content: " "; width: 40px; height: 40px; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); background-image: url("data:image/svg+xml,%3Csvg id='player_little' data-name='player little' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Ellisse_257' data-name='Ellisse 257' fill='%234298b6' stroke='%234298b6' stroke-width='1' opacity='0.809'%3E%3Ccircle cx='20' cy='20' r='20' stroke='none'/%3E%3Ccircle cx='20' cy='20' r='19.5' fill='none'/%3E%3C/g%3E%3Cpath id='Poligono_1' data-name='Poligono 1' d='M8.106,1.789a1,1,0,0,1,1.789,0l7.382,14.764A1,1,0,0,1,16.382,18H1.618a1,1,0,0,1-.894-1.447Z' transform='translate(31.737 10.579) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; margin-left: unset; margin-top: unset; font-size: unset; line-height: unset; opacity: unset; border: unset; background-color: unset; border-radius: unset; transition: unset; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { background-image: url("data:image/svg+xml,%3Csvg id='player_little' data-name='player little' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Ellisse_257' data-name='Ellisse 257' fill='%23fff' stroke='%234298b6' stroke-width='1' opacity='0.809'%3E%3Ccircle cx='20' cy='20' r='20' stroke='none'/%3E%3Ccircle cx='20' cy='20' r='19.5' fill='none'/%3E%3C/g%3E%3Cpath id='Tracciato_1715' data-name='Tracciato 1715' d='M8.106,1.789a1,1,0,0,1,1.789,0l7.382,14.764A1,1,0,0,1,16.382,18H1.618a1,1,0,0,1-.894-1.447Z' transform='translate(31.737 10.579) rotate(90)' fill='%234298b6'/%3E%3C/svg%3E%0A"); background-color: unset; border-color: unset; transition: unset; } .vjs-icon-play::before, .video-js .vjs-big-play-button::before, .video-js .vjs-play-control::before { content: unset; } .video-widget .video-widget--content .article .article--text { -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2; /* color: white;*/ } /* .video-widget .video-widget--content .article .article--title { color: white; }*/ .video-widget .video-widget--content .article .article--footer .article--sharebutton { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTggMTYuMWMuOCAwIDEuNS4zIDIuMS45LjYuNi44IDEuMy44IDIgMCAuOC0uMyAxLjUtLjkgMi4xLS42LjYtMS4zLjktMiAuOXMtMS41LS4zLTItLjljLS42LS42LS45LTEuMy0uOS0yLjF2LS43TDggMTQuMmMtLjUuNi0xLjIuOC0yIC44cy0xLjUtLjMtMi4xLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xcy4zLTEuNS45LTIuMUM0LjUgOS4zIDUuMiA5IDYgOXMxLjUuMyAyLjEuOGw3LTQuMWMtLjEtLjMtLjEtLjUtLjEtLjcgMC0uOC4zLTEuNS45LTIuMS42LS42IDEuMy0uOSAyLjEtLjlzMS41LjMgMi4xLjljLjYuNi45IDEuMy45IDIuMXMtLjMgMS41LS45IDIuMWMtLjYuNi0xLjMuOS0yLjEuOXMtMS40LS4zLTIuMS0uOGwtNyA0LjFjLjEuMy4xLjYuMS43IDAgLjIgMCAuNC0uMS43bDcuMSA0LjFjLjYtLjQgMS4yLS43IDItLjd6Ii8+PC9zdmc+DQo=); } .video-widget .video-widget--content .article .article--footer .article--more { color: white; } .video-widget .video-widget--content .article .article--footer .article--more:focus, .video-widget .video-widget--content .article .article--footer .article--more:hover { border-bottom-color: white; } .video-widget .video-widget--content .article .article--content, .video-widget .video-widget--content .article .article--footer { display: none; } /* @media (max-width: 839px) { .video-widget .video-widget--content .article .article--content { display: block; } }*/ /* @media (max-width: 652px) { .video-widget .video-widget--content .article .article--content { display: none; } }*/ .video-widget .video-widget--content .article .article--content-description { color: rgba(255, 255, 255, 0.7); } /* .video-widget .video-widget--content .article:nth-child(1n + 2) { margin-top: 13.5px; }*/ @media (max-width: 1008px) { .video-widget .video-widget--content .article:nth-child(1n + 2) { margin-top: 8px; } } .native-ad-widget { margin-top: 27px; } @media (max-width: 1008px) { .native-ad-widget { margin-top: 16px; } } .native-ad-widget .native-ad-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; } .native-ad-widget .native-ad-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .native-ad-widget .native-ad-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .native-ad-widget .native-ad-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .native-ad-widget .native-ad-widget--header h1 a:hover:before, .native-ad-widget .native-ad-widget--header h1 a:focus:before { background-color: #27596b; } .native-ad-widget .native-ad-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .native-ad-widget .native-ad-widget--header h1 a.tab-header-item:not(.active):hover:before, .native-ad-widget .native-ad-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .native-ad-widget .native-ad-widget--content { background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; padding: .7rem; } .native-ad-widget .native-ad-widget--content .native-article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .native-ad-widget .native-ad-widget--content .native-article--image { display: block; width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .native-ad-widget .native-ad-widget--content .native-article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .native-ad-widget .native-ad-widget--content .native-article--image img { display: block; width: 100%; height: auto; } .native-ad-widget .native-ad-widget--content .native-article--header { width: 50%; } .native-ad-widget .native-ad-widget--content .native-article--header .article--title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } .native-ad-widget .native-ad-widget--content .native-article--header .article--title h1 { font-size: 1em; margin: 0; color: var(--main-color); margin-bottom: .5em; line-height: 1.3; } .native-ad-widget .native-ad-widget--content .native-article--footer { width: 100%; margin-top: 1em; text-align: right; } .native-ad-widget .native-ad-widget--content .native-article--footer .native-article--collaboration { font-size: .9em; } .native-ad-widget .native-ad-widget--content .native-article--footer .native-article--logo { vertical-align: middle; display: inline-block; max-width: 120px; margin-left: .5em; } .native-ad-widget .native-ad-widget--content .native-article--footer .native-article--logo img { display: block; width: 100%; height: auto; } .sport-widget { /* margin-top: 27px;*/ } @media (max-width: 1008px) { .sport-widget { margin-top: 16px; } } .sport-widget .sport-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; } .sport-widget .sport-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sport-widget .sport-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .sport-widget .sport-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .sport-widget .sport-widget--header h1 a:hover:before, .sport-widget .sport-widget--header h1 a:focus:before { background-color: #27596b; } .sport-widget .sport-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .sport-widget .sport-widget--header h1 a.tab-header-item:not(.active):hover:before, .sport-widget .sport-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .sport-widget .sport-widget--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .sport-widget .sport-widget--content .article { background-color: var(--main-bg-color); /* border: solid 1px rgba(0, 0, 0, 0.16);*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; } .sport-widget .sport-widget--content .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; /* background-color: rgba(0, 0, 0, 0.16);*/ width: 143px; } /* @media (max-width: 1008px) { .sport-widget .sport-widget--content .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } }*/ .sport-widget .sport-widget--content .article .article--image-img { overflow: hidden; } .sport-widget .sport-widget--content .article .article--image img { display: block; width: 100%; height: auto; } .sport-widget .sport-widget--content .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .sport-widget .sport-widget--content .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /* width: calc((100% - 135px) / 6 * 3 + 54px); padding: .7rem; padding-left: 0;*/ width: calc(100% - 143px); padding: 0px 5px; } /* @media (max-width: 1008px) { .sport-widget .sport-widget--content .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } }*/ @media (max-width: 480px) { .sport-widget .sport-widget--content .article .article--text .article--header { height: 100%; } } .sport-widget .sport-widget--content .article .article--title { /* font-family: "Droid Serif", serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color); height: 100%;*/ font-size: 18px; font-weight: 800; line-height: 21px; letter-spacing: -0.18px; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* .sport-widget .sport-widget--content .article .article--title h1 { font-size: 1.5em; margin: 0; } @media (max-width: 480px) { .sport-widget .sport-widget--content .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } */ .sport-widget .sport-widget--content .article .article--content { padding-top: .7rem; } @media (max-width: 480px) { .sport-widget .sport-widget--content .article .article--content { display: none; } } .sport-widget .sport-widget--content .article .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .sport-widget .sport-widget--content .article .article--content-description p { margin-top: 0; } .sport-widget .sport-widget--content .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .sport-widget .sport-widget--content .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .sport-widget .sport-widget--content .article .article--content-relateditem a { color: var(--main-color); } .sport-widget .sport-widget--content .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .sport-widget .sport-widget--content .article .article--footer { display: none; } } .sport-widget .sport-widget--content .article .article--footer .article--more { display: inline-block; margin-top: 0; } .sport-widget .sport-widget--content .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .sport-widget .sport-widget--content .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .sport-widget .sport-widget--content .article .article--footer .article--sharebutton:hover, .sport-widget .sport-widget--content .article .article--footer .article--sharebutton:focus { opacity: .8; } .sport-widget .sport-widget--content .article .article--text { /* width: 50%;*/ } .sport-widget .sport-widget--content .article .article--header { height: 100%; } @media (max-width: 839px) { .sport-widget .sport-widget--content .article .article--header { height: auto; } } @media (max-width: 652px) { .sport-widget .sport-widget--content .article .article--header { height: 100%; } } .sport-widget .sport-widget--content .article .article--title h1 { /* font-size: 18px; line-height: 21px; letter-spacing: -0.18px; aumento font*/ font-size: 19px; letter-spacing: -0.19px; line-height: 22px; font-weight: 700; /*800*/ margin: 0; } .sport-widget .sport-widget--content .article .article--content, .sport-widget .sport-widget--content .article .article--footer { display: none; } @media (max-width: 839px) { .sport-widget .sport-widget--content .article .article--content { display: block; } } @media (max-width: 652px) { .sport-widget .sport-widget--content .article .article--content { display: none; } } .sport-widget .sport-widget--content .article:nth-child(1n + 2) { margin-top: 13.5px; } @media (max-width: 1008px) { .sport-widget .sport-widget--content .article:nth-child(1n + 2) { margin-top: 8px; } } .news-cover-widget div { background-color: var(--main-grey-color); /* margin-top: 27px; background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; padding: .7rem;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .news-cover-widget ad-container { margin-bottom: 3.5px; } @media (max-width: 1008px) { .news-cover-widget { margin-top: 16px; } } .news-cover-widget .news-cover-widget--header h1 { /* font-size: 1.4em; margin: 0; line-height: 1.3;*/ } .news-cover-widget .news-cover-widget--header h2 { /* font-size: 1em; margin: 0; font-weight: 400; line-height: 1.3;*/ font-size: 16px; font-weight: 300; line-height: 19px; letter-spacing: -0.16px; text-align: center; margin: 0px; } .news-cover-widget .news-cover-widget--content { /* margin-top: 1em;*/ overflow: hidden; } .news-cover-widget .news-cover-widget--content-image { display: block; width: 100%; /* border: rgba(0, 0, 0, 0.16) 1px solid;*/ max-width: 280px; margin: auto; } .news-cover-widget .news-cover-widget--content-image img { display: block; width: 100%; height: auto; } .news-cover-widget .news-cover-widget--button { margin-top: 5px; margin-bottom: 5px; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .freetime-widget { margin-top: 27px; } @media (max-width: 1008px) { .freetime-widget { margin-top: 16px; } } .freetime-widget .freetime-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; } .freetime-widget .freetime-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .freetime-widget .freetime-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .freetime-widget .freetime-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .freetime-widget .freetime-widget--header h1 a:hover:before, .freetime-widget .freetime-widget--header h1 a:focus:before { background-color: #27596b; } .freetime-widget .freetime-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .freetime-widget .freetime-widget--header h1 a.tab-header-item:not(.active):hover:before, .freetime-widget .freetime-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .freetime-widget .freetime-widget--content { background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .freetime-widget .freetime-widget--content.freetime-widget--escursione { border-top: 3px solid var(--main-color); margin-top: -1px; } .freetime-widget .freetime-widget--content.freetime-widget--escursione .freetime-widget--escursione-title { color: var(--main-color); font-size: 1.2em; padding-left: .7rem; margin: 0; padding-top: .5em; line-height: 1.2; } .freetime-widget .freetime-widget--content.freetime-widget--escursione .freetime-widget--escursione-title small { font-weight: 400; color: rgba(66, 152, 182, 0.7); font-size: .85em; } .freetime-widget .freetime-widget--content .article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: .7rem 0; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .freetime-widget .freetime-widget--content .article:after { content: " "; display: block; position: absolute; height: 1px; width: 70%; left: 15%; top: 0; background-color: rgba(0, 0, 0, 0.16); } .freetime-widget .freetime-widget--content .article:first-of-type:after { content: none; } .freetime-widget .freetime-widget--content .article--image img { display: block; max-width: 75px; height: auto; } .freetime-widget .freetime-widget--content .article--content { padding-left: .7rem; padding-right: .7rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .freetime-widget .freetime-widget--content .article--badge { background-color: var(--main-color); padding: .2em .5em; color: white; font-weight: 700; font-size: .95em; text-transform: uppercase; } .freetime-widget .freetime-widget--content .article--badge:after { content: '\A'; white-space: pre; } .freetime-widget .freetime-widget--content .article--title { padding: 0; color: var(--main-color); margin-top: .3em; display: block; } .freetime-widget .freetime-widget--content .article--title h1 { margin: 0; font-size: .98em; line-height: 1.3; } .freetime-widget .freetime-widget--content .article--datalist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; list-style: none; margin: 0; padding: 0; line-height: 1.1; margin-top: .4em; } .freetime-widget .freetime-widget--content .article--datalistitem { color: rgba(0, 0, 0, 0.56); position: relative; margin-left: 1.2em; margin-bottom: .3em; } .freetime-widget .freetime-widget--content .article--datalistitem:before { content: ""; display: inline-block; vertical-align: sub; position: absolute; left: -1.3em; height: 1.1em; width: 1.1em; opacity: .4; margin-right: .2em; } .freetime-widget .freetime-widget--content .article--datalistitem[data-item-type="location"]:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcgNGMxLjUtMS4zIDMtMiA1LTJzMy42LjggNSAyIDIgMyAyIDVjMCAxLS4zIDItLjggMy4zLS41IDEuMy0xIDIuNC0xLjggMy41bC0yIDMtMS43IDIuNC0uNy44LS44LTEtMS42LTItMi4yLTMuMi0xLjctMy40QzUuMyAxMSA1IDEwIDUgOWMwLTIgLjctMy42IDItNXptMy4yIDYuOGMuNS41IDEgLjcgMS44LjdzMS4zLS4yIDEuOC0uN2MuNS0uNS43LTEgLjctMS44IDAtLjctLjItMS4zLS43LTEuOC0uNS0uNS0xLS43LTEuOC0uN3MtMS4zLjItMS44LjdjLS40LjUtLjcgMS0uNyAxLjggMCAuNy4zIDEuMy43IDEuOHoiLz48L3N2Zz4NCg==); } .freetime-widget .freetime-widget--content .article--datalistitem[data-item-type="price"]:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIyLjQgNy40Yy4zLjMuNS43LjUgMS4ycy0uMy44LS42IDEuMkw5LjcgMjIuNGMtLjMuMy0uNy41LTEuMi41cy0uOC0uMy0xLjItLjZsLTEuNi0xLjYuNy0uN2MuMyAwIC41LS4yLjYtLjRsLjItLjhjMC0uNS0uMi0xLS42LTEuNHMtLjgtLjYtMS40LS42Yy0uMyAwLS41IDAtLjguMi0uMiAwLS40LjItLjYuNEwzIDE4bC0xLjUtMS41Yy0uMy0uMy0uNS0uNy0uNS0xLjJzLjItLjguNS0xLjJMMTQuMyAxLjdjLjMtLjMuNy0uNSAxLjItLjVzLjguMyAxLjIuNmwxLjYgMS42LS43LjdjLS4zIDAtLjUuMi0uNi40bC0uMi44YzAgLjUuMiAxIC42IDEuNC40LjQuOC42IDEuNC42LjMgMCAuNSAwIC44LS4yLjIgMCAuNC0uMi42LS40TDIxIDZsMS40IDEuNHpNMTAuNiAxOC44bDguMi04LjJMMTMuMyA1IDUgMTMuNGw1LjYgNS41ek04IDEzLjRsMi42IDIuNyA1LjUtNS40TDEzLjUgOCA4IDEzLjN6Ii8+PC9zdmc+DQo=); } .freetime-widget .freetime-widget--content .sport-widget--more { margin-top: 0; margin-right: 1em; } .author-blog-widget { margin-top: 60px; border: var(--main-color) 1px solid; height: 389px; } @media (max-width: 1008px) { .author-blog-widget { margin-top: 16px; } } .author-blog-widget .author-blog-widget--header, .initiative-widget .initiative-widget--header { padding: 20px 0px 10.5px 0px; } .obituary-widget .obituary-widget--header { padding: 20px 0px 4px 0px; } .initiative-widget .initiative-widget--header { padding-top: 0px; } .author-blog-widget .author-blog-widget--header h1, .obituary-widget .obituary-widget--header h1, .initiative-widget .initiative-widget--header h1 { margin: 0; padding: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size:18px; letter-spacing: -0.18px; line-height: 30px; font-weight: 700; /*800*/ font-family: 'Bitter', serif; } .initiative-widget .initiative-widget--header h1 { font-size:25px; letter-spacing: -0.25px; line-height: 25px; padding-bottom: 7.5px; } .author-blog-widget .author-blog-widget--header h1 a, .obituary-widget .obituary-widget--header h1 a, .initiative-widget .initiative-widget--header h1 a { color: var(--main-color); width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .author-blog-widget .author-blog-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .author-blog-widget .author-blog-widget--header h1 a:hover:before, .author-blog-widget .author-blog-widget--header h1 a:focus:before { /* background-color: #27596b;*/ } .author-blog-widget .author-blog-widget--header h1 a.tab-header-item:not(.active):before { /* background-color: #aac4cc;*/ } .author-blog-widget .author-blog-widget--header h1 a.tab-header-item:not(.active):hover:before, .author-blog-widget .author-blog-widget--header h1 a.tab-header-item:not(.active):focus:before { /* background-color: #6a98a6;*/ } .author-blog-widget .author-blog-widget--content, .initiative-widget .initiative-widget--content, .author-blog-widget .author-blog-widget--content .article--content { /* background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .obituary-widget .obituary-widget--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .obituary-widget .obituary-widget--content .article-list { width: 90%; } .obituary-widget .obituary-widget--content .article-list-arrow { width: 10%; } .obituary-widget .obituary-widget--content .article-list-arrow .up-necro { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.972' height='19.449' viewBox='0 0 13.972 19.449'%3E%3Cg id='Raggruppa_5995' data-name='Raggruppa 5995' transform='translate(1388.525 -484.551) rotate(90)'%3E%3Cpath id='Tracciato_1365' data-name='Tracciato 1365' d='M0,0,6.425,6.937,12.56,0' transform='translate(491.988 1375.259) rotate(90)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Linea_1658' data-name='Linea 1658' x2='18' transform='translate(485.5 1381.5)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center top; background-size: cover; background-size: 12px 18px; height: 50%; cursor: pointer; } .obituary-widget .obituary-widget--content .article-list-arrow .up-necro:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.385' height='20.449' viewBox='0 0 15.385 20.449'%3E%3Cg id='Raggruppa_5013' data-name='Raggruppa 5013' transform='translate(1389.231 -484.051) rotate(90)'%3E%3Cpath id='Tracciato_1365' data-name='Tracciato 1365' d='M0,0,6.425,6.937,12.56,0' transform='translate(491.988 1375.259) rotate(90)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Linea_1658' data-name='Linea 1658' x2='18' transform='translate(485.5 1381.5)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center top; background-size: cover; background-size: 12px 18px; height: 50%; } .obituary-widget .obituary-widget--content .article-list-arrow .down-necro { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.972' height='19.449' viewBox='0 0 13.972 19.449'%3E%3Cg id='Raggruppa_5996' data-name='Raggruppa 5996' transform='translate(1388.525 -520) rotate(90)'%3E%3Cpath id='Tracciato_1363' data-name='Tracciato 1363' d='M0,6.937,6.425,0,12.56,6.937' transform='translate(538.949 1375.259) rotate(90)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Linea_1659' data-name='Linea 1659' x2='18' transform='translate(520.5 1381.5)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center calc(100% - 7.5px); background-size: cover; background-size: 12px 18px; height: 50%; padding-bottom: 7.5px; cursor: pointer; } .obituary-widget .obituary-widget--content .article-list-arrow .down-necro:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.385' height='20.449' viewBox='0 0 15.385 20.449'%3E%3Cg id='Raggruppa_5012' data-name='Raggruppa 5012' transform='translate(1389.231 -519.5) rotate(90)'%3E%3Cpath id='Tracciato_1363' data-name='Tracciato 1363' d='M0,6.937,6.425,0,12.56,6.937' transform='translate(538.949 1375.259) rotate(90)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Linea_1659' data-name='Linea 1659' x2='18' transform='translate(520.5 1381.5)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E "); background-repeat: no-repeat no-repeat; background-position: center calc(100% - 7.5px); background-size: cover; background-size: 12px 18px; height: 50%; padding-bottom: 7.5px; } .author-blog-widget .author-blog-widget--content .article, .initiative-widget .initiative-widget--content .article, .obituary-widget .obituary-widget--content .article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .author-blog-widget .author-blog-widget--content .article:after, .obituary-widget .obituary-widget--content .article:not(:last-child):after, .initiative-widget .initiative-widget--content .article:not(:last-child):after { content: " "; display: block; position: absolute; bottom: 0; width: 90%; height: 1px; left: 16px; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='276' height='1' viewBox='0 0 276 1'%3E%3Cline id='Linea_1438' data-name='Linea 1438' x2='275' transform='translate(0.5 0.5)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-width='1' stroke-dasharray='0 3'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; } .initiative-widget .initiative-widget--content .article:not(:last-child):after { width: 100%; left: 0px; background-size: unset; background-position: unset; background-repeat: unset; } .author-blog-widget .author-blog-widget--content .article:last-of-type:after { content: none; } .author-blog-widget .author-blog-widget--content .article--image { /* border-radius: 50%; overflow: hidden; margin-left: .7rem;*/ } .author-blog-widget .author-blog-widget--content .article--image img { /* display: block; max-width: 48px; height: auto;*/ } .initiative-widget .initiative-widget--content .article--content { padding-left: 11px; } .author-blog-widget .author-blog-widget--content .article--content{ padding: 10px 15px 10px 14px; } .obituary-widget .obituary-widget--content .article--title { font-size:14px; letter-spacing: -0.14px; line-height: 16px; font-weight: 500; /*700*/ font-family: 'Roboto', sans-serif; margin: 0px; } .author-blog-widget .author-blog-widget--content .article--title { font-size:14px; letter-spacing: -0.14px; line-height: 16px; font-weight: 500; /*700*/ margin: 0; } .author-blog-widget .author-blog-widget--content .article--title a { /* color: var(--main-color);*/ } .author-blog-widget .author-blog-widget--content .article--description { /* margin: 0; line-height: 1.3; display: inline-block; color: rgba(0, 0, 0, 0.56);*/ } .obituary-widget .obituary-widget--content .article--description { font-size:13px; letter-spacing: -0.13px; line-height: 16px; font-weight: 300; margin: 0; padding-top: 5px; } .initiative-widget .initiative-widget--content .article--title h1 { font-family: 'Bitter', serif; font-size:15px; letter-spacing: -0.15px; line-height: 18px; font-weight: 700; /*800*/ margin: 0; } .author-blog-widget .author-blog-widget--content .article a.article--description { font-family: 'Bitter', serif; font-size:14px; letter-spacing: -0.14px; line-height: 16px; font-weight: 400; margin: 0; text-overflow:ellipsis; overflow:hidden; /* Addition lines for 2 line or multiline ellipsis*/ display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } .author-blog-widget .author-blog-widget--content .article a.article--description:hover, .author-blog-widget .author-blog-widget--content .article a.article--description:focus { color: var(--main-color); /* text-decoration: underline;*/ } .author-blog-widget .author-blog-widget--content .article--author { /* color: var(--main-color); font-weight: 700; margin-top: .5em; font-size: .95em; */ } .author-blog-widget .author-blog-widget--content .author-blog-widget--more { margin-top: 0; margin-right: 1em; } .obituary-widget { margin-top: 60px; background-color: var(--main-grey-color); height: 389px; overflow: hidden; } @media (max-width: 1008px) { .obituary-widget { margin-top: 16px; } } .obituary-widget .obituary-widget--header { /* background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white;*/ } .obituary-widget .obituary-widget--header h1 { /* margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;*/ } .obituary-widget .obituary-widget--header h1 a { /* color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; */ } .obituary-widget .obituary-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .obituary-widget .obituary-widget--header h1 a:hover:before, .obituary-widget .obituary-widget--header h1 a:focus:before { background-color: #27596b; } .obituary-widget .obituary-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .obituary-widget .obituary-widget--header h1 a.tab-header-item:not(.active):hover:before, .obituary-widget .obituary-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .obituary-widget .obituary-widget--content { /* background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: .7rem;*/ } .obituary-widget .obituary-widget--content .article { padding-bottom: 7.5px; padding-top: 7.5px; height:84px; } /* .obituary-widget .obituary-widget--content .article:nth-child(1n + 2) { padding-top: 7.5px; }*/ .obituary-widget .obituary-widget--content .article:nth-child(n + 5) { display: none; } .obituary-widget .obituary-widget--content .article--content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 1em; } .obituary-list-widget { margin-top: 27px; } @media (max-width: 1008px) { .obituary-list-widget { margin-top: 16px; } } .obituary-list-widget .obituary-list-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; background-color: #081b22; } .obituary-list-widget .obituary-list-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .obituary-list-widget .obituary-list-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .obituary-list-widget .obituary-list-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .obituary-list-widget .obituary-list-widget--header h1 a:hover:before, .obituary-list-widget .obituary-list-widget--header h1 a:focus:before { background-color: #27596b; } .obituary-list-widget .obituary-list-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .obituary-list-widget .obituary-list-widget--header h1 a.tab-header-item:not(.active):hover:before, .obituary-list-widget .obituary-list-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .obituary-list-widget .obituary-list-widget--content { background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; padding: .2em .5rem; } .obituary-list-widget .obituary-list-widget--list { list-style: none; margin: 0; padding: 0; } .obituary-list-widget .obituary-list-widget--listitem { position: relative; padding: .25em 0; } .obituary-list-widget .obituary-list-widget--listitem:after { content: " "; width: 70%; border-bottom: 1px solid rgba(0, 0, 0, 0.16); position: absolute; left: 15%; display: block; bottom: 0; } .obituary-list-widget .obituary-list-widget--listitem:last-child:after { content: none; } .obituary-list-widget .obituary-list-widget--listitem a { display: block; padding: .25em .5rem; transition: background-color .2s ease-in-out; } .obituary-list-widget .obituary-list-widget--listitem a:hover, .obituary-list-widget .obituary-list-widget--listitem a:focus { background-color: rgba(0, 0, 0, 0.1); } .obituary-list-widget .obituary-list-widget--listitem-title, .obituary-list-widget .obituary-list-widget--listitem-header { display: block; line-height: 1.3em; } .obituary-list-widget .obituary-list-widget--listitem-title { color: var(--main-color); font-weight: 700; } .obituary-list-widget .obituary-list-widget--listitem-small { color: rgba(0, 0, 0, 0.56); } .initiative-widget { margin-top: 60px; height: 389px; } @media (max-width: 1008px) { .initiative-widget { margin-top: 16px; } } .initiative-widget .initiative-widget--content .article { padding: 14px 0 13px 0; } .initiative-widget .initiative-widget--content .article .article--title { text-overflow:ellipsis; overflow:hidden; /* Addition lines for 4 line or multiline ellipsis*/ display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal; } .initiative-widget .initiative-widget--content .article:nth-child(1) { padding-top: 0px; } .initiative-widget .initiative-widget--content .article:last-child { padding-bottom: 0px; } .initiative-widget .initiative-widget--content .initiative-widget--more { margin-top: 0; margin-right: 1em; } .classifieds-widget { margin-top: 27px; } @media (max-width: 1008px) { .classifieds-widget { margin-top: 16px; } } .classifieds-widget .classifieds-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; } .classifieds-widget .classifieds-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .classifieds-widget .classifieds-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .classifieds-widget .classifieds-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .classifieds-widget .classifieds-widget--header h1 a:hover:before, .classifieds-widget .classifieds-widget--header h1 a:focus:before { background-color: #27596b; } .classifieds-widget .classifieds-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .classifieds-widget .classifieds-widget--header h1 a.tab-header-item:not(.active):hover:before, .classifieds-widget .classifieds-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .classifieds-widget .classifieds-widget--content { background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; } .classifieds-widget .classifieds-widget--content .article--image img { display: block; width: 100%; height: auto; } .classifieds-widget .classifieds-widget--content .article--header { padding: .7rem .7rem 0; } .classifieds-widget .classifieds-widget--content .article--header .article--title { font-weight: 700; color: var(--main-color); } .classifieds-widget .classifieds-widget--content .article--header .article--title h1 { margin: 0; font-size: 1.1em; } .classifieds-widget .classifieds-widget--content .article--content { padding-left: .7rem; padding-right: .7rem; padding-bottom: .7rem; text-align: center; } .classifieds-widget .classifieds-widget--content .article--content .article--description { margin: 0; color: var(--main-color); text-align: left; display: block; font-size: .95em; } .classifieds-widget .classifieds-widget--content .article--content [button] { margin-top: 1em; } .single-image-widget { margin-top: 27px; } @media (max-width: 1008px) { .single-image-widget { margin-top: 16px; } } .single-image-widget .single-image-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; } .single-image-widget .single-image-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .single-image-widget .single-image-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .single-image-widget .single-image-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .single-image-widget .single-image-widget--header h1 a:hover:before, .single-image-widget .single-image-widget--header h1 a:focus:before { background-color: #27596b; } .single-image-widget .single-image-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .single-image-widget .single-image-widget--header h1 a.tab-header-item:not(.active):hover:before, .single-image-widget .single-image-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .single-image-widget .single-image-widget--image { background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; margin: 0; } .single-image-widget .single-image-widget--image img { display: block; width: 100%; height: auto; } .single-image-widget .single-image-widget--image-description { padding: .5em .7rem; } .single-image-widget .single-image-widget--image-description[copyright] { color: rgba(0, 0, 0, 0.56); } .single-image-widget .single-image-widget--image-description[copyright]:before { content: "\00a9"; margin-right: .5em; } .related-widget { margin-top: 27px; } @media (max-width: 1008px) { .related-widget { margin-top: 16px; } } .related-widget .related-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; } .related-widget .related-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .related-widget .related-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .related-widget .related-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .related-widget .related-widget--header h1 a:hover:before, .related-widget .related-widget--header h1 a:focus:before { background-color: #27596b; } .related-widget .related-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .related-widget .related-widget--header h1 a.tab-header-item:not(.active):hover:before, .related-widget .related-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .related-widget .related-widget--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .related-widget .related-widget--content .article { background-color: var(--main-bg-color); border: solid 1px rgba(0, 0, 0, 0.16); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; } .related-widget .related-widget--content .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .related-widget .related-widget--content .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .related-widget .related-widget--content .article .article--image-img { overflow: hidden; } .related-widget .related-widget--content .article .article--image img { display: block; width: 100%; height: auto; } .related-widget .related-widget--content .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .related-widget .related-widget--content .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc((100% - 135px) / 6 * 3 + 54px); padding: .7rem; padding-left: 0; } @media (max-width: 1008px) { .related-widget .related-widget--content .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .related-widget .related-widget--content .article .article--text .article--header { height: 100%; } } .related-widget .related-widget--content .article .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color); height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .related-widget .related-widget--content .article .article--title h1 { font-size: 1.5em; margin: 0; } @media (max-width: 480px) { .related-widget .related-widget--content .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } .related-widget .related-widget--content .article .article--content { padding-top: .7rem; } @media (max-width: 480px) { .related-widget .related-widget--content .article .article--content { display: none; } } .related-widget .related-widget--content .article .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .related-widget .related-widget--content .article .article--content-description p { margin-top: 0; } .related-widget .related-widget--content .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .related-widget .related-widget--content .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .related-widget .related-widget--content .article .article--content-relateditem a { color: var(--main-color); } .related-widget .related-widget--content .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .related-widget .related-widget--content .article .article--footer { display: none; } } .related-widget .related-widget--content .article .article--footer .article--more { display: inline-block; margin-top: 0; } .related-widget .related-widget--content .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .related-widget .related-widget--content .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .related-widget .related-widget--content .article .article--footer .article--sharebutton:hover, .related-widget .related-widget--content .article .article--footer .article--sharebutton:focus { opacity: .8; } .related-widget .related-widget--content .article .article--text { width: 50%; } .related-widget .related-widget--content .article .article--header { height: 100%; } @media (max-width: 839px) { .related-widget .related-widget--content .article .article--header { height: auto; } } @media (max-width: 652px) { .related-widget .related-widget--content .article .article--header { height: 100%; } } .related-widget .related-widget--content .article .article--title h1 { font-size: 1.1em; } .related-widget .related-widget--content .article .article--content, .related-widget .related-widget--content .article .article--footer { display: none; } @media (max-width: 839px) { .related-widget .related-widget--content .article .article--content { display: block; } } @media (max-width: 652px) { .related-widget .related-widget--content .article .article--content { display: none; } } .related-widget .related-widget--content .article:nth-child(1n + 2) { margin-top: 13.5px; } @media (max-width: 1008px) { .related-widget .related-widget--content .article:nth-child(1n + 2) { margin-top: 8px; } } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article { background-color: var(--main-bg-color); border: solid 1px rgba(0, 0, 0, 0.16); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; background-color: #1c404c; color: white; border: 0; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--image-img { overflow: hidden; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--image img { display: block; width: 100%; height: auto; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc((100% - 135px) / 6 * 3 + 54px); padding: .7rem; padding-left: 0; } @media (max-width: 1008px) { .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--text .article--header { height: 100%; } } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color); height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--title h1 { font-size: 1.5em; margin: 0; } @media (max-width: 480px) { .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content { padding-top: .7rem; } @media (max-width: 480px) { .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content { display: none; } } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content-description p { margin-top: 0; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content-relateditem a { color: var(--main-color); } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer { display: none; } } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer .article--more { display: inline-block; margin-top: 0; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer .article--sharebutton:hover, .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer .article--sharebutton:focus { opacity: .8; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--title { width: 100%; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--image { width: 100%; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--text { width: 100%; padding-left: .7rem; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--text .article--header { height: auto; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--title h1 { font-size: 1.5em; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content { display: block; } @media (max-width: 652px) { .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content { display: none; } } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article[gallery] .article--image:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPHBhdGggc3R5bGU9ImZpbGw6ICMxQzQwNEM7IG9wYWNpdHk6IC41OyIgZD0iTTQuOSAyMC4yaDE2LjVWNi4xSDQuOXYxNC4xek0xNi4xIDcuOGMuNC0uNC43LS41IDEuMi0uNXMuOS4yIDEuMi41Yy40LjQuNS43LjUgMS4yIDAgLjQtLjIuOS0uNSAxLjItLjQuNC0uNy41LTEuMi41cy0uOS0uMi0xLjItLjVjLS40LS40LS41LS43LS41LTEuMi0uMS0uNC4xLS45LjUtMS4yem0tMTAgOC45bDQuMS03LjEgNC43IDUuOWgxLjJsNC4xLTMuNXY3LjFINi4xdi0yLjR6Ii8+DQogIDxwYXRoIHN0eWxlPSJmaWxsOiAjZmZmOyIgZD0iTTIwLjIgMTJsLTQuMSAzLjVoLTEuMmwtNC43LTUuOS00LjEgNy4xdjIuNGgxNC4xek0xNy4zIDEwLjhjLjUgMCAuOS0uMiAxLjItLjUuNC0uNC41LS44LjUtMS4yIDAtLjUtLjItLjktLjUtMS4yLS40LS40LS43LS41LTEuMi0uNXMtLjkuMi0xLjIuNWMtLjQuMy0uNS43LS41IDEuMnMuMi45LjUgMS4yYy4zLjQuNy41IDEuMi41eiIvPg0KICA8cGF0aCBzdHlsZT0iZmlsbDogI2ZmZjsiIGQ9Ik0yMi4yIDUuM2MtLjItLjMtLjUtLjQtLjgtLjRINC45Yy0uMyAwLS42LjEtLjguNC0uMS4zLS4zLjUtLjMuOHYxNC4xYzAgLjQuMS42LjQuOC4zLjMuNS40LjguNGgxNi41Yy40IDAgLjYtLjEuOC0uNC4zLS4zLjQtLjUuNC0uOFY2LjFjLS4xLS4zLS4yLS41LS41LS44em0tLjggMTQuOUg0LjlWNi4xaDE2LjV2MTQuMXoiLz4NCiAgPHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTkuMSAyLjZIMi42Yy0uMyAwLS42LjEtLjguMy0uMy4yLS40LjUtLjQuOXYxNC4xaDEuMVYzLjhIMTlWMi42eiIvPg0KPC9zdmc+DQo=); } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--image { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; position: relative; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--image:after { content: " "; display: block; width: 3em; height: 3em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMy44IDMuOEM2IDEuNiA4LjguNCAxMiAuNHM2IDEuMiA4LjIgMy40YzIuMiAyLjMgMy40IDUgMy40IDguMnMtMS4yIDYtMy40IDguMmMtMi4zIDIuMi01IDMuNC04LjIgMy40cy02LTEuMi04LjItMy40QzEuNiAxOCAuNCAxNS4yLjQgMTJzMS4yLTYgMy40LTguMnptNiAxMy40bDYuOC01LjItNy01LjJ2MTAuNHoiLz4NCiAgPHBhdGggc3R5bGU9ImZpbGw6ICMxQzQwNEM7IG9wYWNpdHk6IC41OyIgZD0iTTkuNiA2LjZ2MTAuOGw3LjItNS40Ii8+DQo8L3N2Zz4NCg==); background-size: contain; background-repeat: no-repeat; position: absolute; top: calc(50% - 1.5em); left: calc(50% - 1.5em); } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--text { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; color: white; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--title { color: white; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer .article--sharebutton { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTggMTYuMWMuOCAwIDEuNS4zIDIuMS45LjYuNi44IDEuMy44IDIgMCAuOC0uMyAxLjUtLjkgMi4xLS42LjYtMS4zLjktMiAuOXMtMS41LS4zLTItLjljLS42LS42LS45LTEuMy0uOS0yLjF2LS43TDggMTQuMmMtLjUuNi0xLjIuOC0yIC44cy0xLjUtLjMtMi4xLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xcy4zLTEuNS45LTIuMUM0LjUgOS4zIDUuMiA5IDYgOXMxLjUuMyAyLjEuOGw3LTQuMWMtLjEtLjMtLjEtLjUtLjEtLjcgMC0uOC4zLTEuNS45LTIuMS42LS42IDEuMy0uOSAyLjEtLjlzMS41LjMgMi4xLjljLjYuNi45IDEuMy45IDIuMXMtLjMgMS41LS45IDIuMWMtLjYuNi0xLjMuOS0yLjEuOXMtMS40LS4zLTIuMS0uOGwtNyA0LjFjLjEuMy4xLjYuMS43IDAgLjIgMCAuNC0uMS43bDcuMSA0LjFjLjYtLjQgMS4yLS43IDItLjd6Ii8+PC9zdmc+DQo=); } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer .article--more { color: white; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer .article--more:focus, .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer .article--more:hover { border-bottom-color: white; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content, .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--footer { display: none; } @media (max-width: 839px) { .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content { display: block; } } @media (max-width: 652px) { .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content { display: none; } } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article .article--content-description { color: rgba(255, 255, 255, 0.7); } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article[ad] .article--image:after { content: none; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article[ad] .article--title { color: var(--main-color); } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article[ad] .article--content { display: block; } .recommendation-widget.recommendation-video-widget .recommendation-widget--content .article[ad] .article--content-description { color: rgba(0, 0, 0, 0.56); } .recommendation-widget .recommendation-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; position: relative; } .recommendation-widget .recommendation-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .recommendation-widget .recommendation-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .recommendation-widget .recommendation-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .recommendation-widget .recommendation-widget--header h1 a:hover:before, .recommendation-widget .recommendation-widget--header h1 a:focus:before { background-color: #27596b; } .recommendation-widget .recommendation-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .recommendation-widget .recommendation-widget--header h1 a.tab-header-item:not(.active):hover:before, .recommendation-widget .recommendation-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .recommendation-widget .recommendation-widget--header-brand { position: absolute; right: 1em; padding: .4em 0; top: 0; color: rgba(255, 255, 255, 0.7); transition: color .2s ease-in-out; } .recommendation-widget .recommendation-widget--header-brand:hover, .recommendation-widget .recommendation-widget--header-brand:focus { color: white; } .recommendation-widget .recommendation-widget--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .recommendation-widget .recommendation-widget--content .article { background-color: var(--main-bg-color); border: solid 1px rgba(0, 0, 0, 0.16); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: calc((100% - 135px) / 6 * 3 + 54px); } .recommendation-widget .recommendation-widget--content .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .recommendation-widget .recommendation-widget--content .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .recommendation-widget .recommendation-widget--content .article .article--image-img { overflow: hidden; } .recommendation-widget .recommendation-widget--content .article .article--image img { display: block; width: 100%; height: auto; } .recommendation-widget .recommendation-widget--content .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .recommendation-widget .recommendation-widget--content .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc((100% - 135px) / 6 * 3 + 54px); padding: .7rem; padding-left: 0; } @media (max-width: 1008px) { .recommendation-widget .recommendation-widget--content .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .recommendation-widget .recommendation-widget--content .article .article--text .article--header { height: 100%; } } .recommendation-widget .recommendation-widget--content .article .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color); height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .recommendation-widget .recommendation-widget--content .article .article--title h1 { font-size: 1.5em; margin: 0; } @media (max-width: 480px) { .recommendation-widget .recommendation-widget--content .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } .recommendation-widget .recommendation-widget--content .article .article--content { padding-top: .7rem; } @media (max-width: 480px) { .recommendation-widget .recommendation-widget--content .article .article--content { display: none; } } .recommendation-widget .recommendation-widget--content .article .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .recommendation-widget .recommendation-widget--content .article .article--content-description p { margin-top: 0; } .recommendation-widget .recommendation-widget--content .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .recommendation-widget .recommendation-widget--content .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .recommendation-widget .recommendation-widget--content .article .article--content-relateditem a { color: var(--main-color); } .recommendation-widget .recommendation-widget--content .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .recommendation-widget .recommendation-widget--content .article .article--footer { display: none; } } .recommendation-widget .recommendation-widget--content .article .article--footer .article--more { display: inline-block; margin-top: 0; } .recommendation-widget .recommendation-widget--content .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .recommendation-widget .recommendation-widget--content .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .recommendation-widget .recommendation-widget--content .article .article--footer .article--sharebutton:hover, .recommendation-widget .recommendation-widget--content .article .article--footer .article--sharebutton:focus { opacity: .8; } .recommendation-widget .recommendation-widget--content .article .article--title { width: 100%; } .recommendation-widget .recommendation-widget--content .article .article--image { width: 100%; } .recommendation-widget .recommendation-widget--content .article .article--text { width: 100%; padding-left: .7rem; } .recommendation-widget .recommendation-widget--content .article .article--text .article--header { height: auto; } .recommendation-widget .recommendation-widget--content .article .article--title h1 { font-size: 1.5em; } .recommendation-widget .recommendation-widget--content .article .article--content { display: block; } @media (max-width: 652px) { .recommendation-widget .recommendation-widget--content .article .article--content { display: none; } } .recommendation-widget .recommendation-widget--content .article .article--footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1008px) { .recommendation-widget .recommendation-widget--content .article { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .recommendation-widget .recommendation-widget--content .article { width: 100%; margin-left: 16px; margin-right: 16px; } } @media (max-width: 360px) { .recommendation-widget .recommendation-widget--content .article { margin-left: 0; margin-right: 0; } } .recommendation-widget .recommendation-widget--content .article[ad] { background-color: rgba(170, 196, 204, 0.3); } .newsticker-widget { margin-top: 27px; } @media (max-width: 1008px) { .newsticker-widget { margin-top: 16px; } } .newsticker-widget .newsticker-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; } .newsticker-widget .newsticker-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .newsticker-widget .newsticker-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .newsticker-widget .newsticker-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .newsticker-widget .newsticker-widget--header h1 a:hover:before, .newsticker-widget .newsticker-widget--header h1 a:focus:before { background-color: #27596b; } .newsticker-widget .newsticker-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .newsticker-widget .newsticker-widget--header h1 a.tab-header-item:not(.active):hover:before, .newsticker-widget .newsticker-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .newsticker-widget .newsticker-widget--content { background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; } .newsticker-widget .newsticker-widget--content .article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: .7rem 0; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .newsticker-widget .newsticker-widget--content .article:after { content: " "; display: block; position: absolute; height: 1px; width: 70%; left: 15%; top: 0; background-color: rgba(0, 0, 0, 0.16); } .newsticker-widget .newsticker-widget--content .article:first-child:after { content: none; } .newsticker-widget .newsticker-widget--content .article--header { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .newsticker-widget .newsticker-widget--content .article--header a { margin: 0; display: inline-block; padding-right: .7rem; color: var(--main-color); } .newsticker-widget .newsticker-widget--content .article--header a h1 { font-size: 1.05em; font-weight: 400; line-height: 1.2; margin: 0; } .newsticker-widget .newsticker-widget--content .article--info { position: relative; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 65px; text-align: center; font-weight: 700; color: rgba(0, 0, 0, 0.56); } .pr-widget { margin-top: 27px; } @media (max-width: 1008px) { .pr-widget { margin-top: 16px; } } .pr-widget .pr-widget--header { background-color: var(--main-color); padding: .3em 0; margin-bottom: .5em; color: white; } .pr-widget .pr-widget--header h1 { margin: 0; padding: 0; text-align: center; font-size: 1.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .pr-widget .pr-widget--header h1 a { color: white; width: 100%; display: inline-block; position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; opacity: .99; } .pr-widget .pr-widget--header h1 a:before { content: " "; position: absolute; top: -.3em; bottom: -.3em; left: 0; right: 0; z-index: -1; transition: background-color .2s ease-in-out; } .pr-widget .pr-widget--header h1 a:hover:before, .pr-widget .pr-widget--header h1 a:focus:before { background-color: #27596b; } .pr-widget .pr-widget--header h1 a.tab-header-item:not(.active):before { background-color: #aac4cc; } .pr-widget .pr-widget--header h1 a.tab-header-item:not(.active):hover:before, .pr-widget .pr-widget--header h1 a.tab-header-item:not(.active):focus:before { background-color: #6a98a6; } .pr-widget .pr-widget--content { background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; background-color: rgba(170, 196, 204, 0.3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .pr-widget .pr-widget--content .article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: .7rem 0; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pr-widget .pr-widget--content .article:after { content: " "; display: block; position: absolute; height: 1px; width: 70%; left: 15%; top: 0; background-color: rgba(0, 0, 0, 0.16); } .pr-widget .pr-widget--content .article:first-of-type:after { content: none; } .pr-widget .pr-widget--content .article--image img { display: block; max-width: 75px; height: auto; } .pr-widget .pr-widget--content .article--content { padding-left: .7rem; padding-right: .7rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .pr-widget .pr-widget--content .article--badge { background-color: var(--main-color); padding: .2em .5em; color: white; font-weight: 700; font-size: .95em; text-transform: uppercase; } .pr-widget .pr-widget--content .article--title { padding: 0; color: var(--main-color); margin-top: .3em; display: inline-block; } .pr-widget .pr-widget--content .article--title h1 { margin: 0; font-size: .98em; line-height: 1.3; } .pr-widget .pr-widget--content .pr-widget--more { margin-top: 0; margin-right: 1em; } .default [content-link] { color: var(--main-color); transition: background .2s ease-in-out, color .2s ease-in-out; background: linear-gradient(to bottom, var(--main-color) 0%, var(--main-color) 100%); background-repeat: no-repeat; padding-bottom: .1em; padding-top: .15em; background-position: 0 1.2em; word-wrap: break-word; } .default [content-link]:hover, .default [content-link]:focus { color: white; background-position: 0 0; } .default [ul-list] { list-style: none; padding: 0; margin-left: 1.5em; } .default [ul-list] li { position: relative; } .default [ul-list] li:before { content: " "; background-color: rgba(0, 0, 0, 0.16); height: .7em; width: .7em; display: block; position: absolute; left: -1.3em; vertical-align: middle; top: .4em; } .default [ol-list] { padding: 0; margin-left: 1.5em; } .default [ol-list] li { position: relative; } .default .default--toolbar { /* border-top: 1px solid rgba(0, 0, 0, 0.3); margin-top: 1em; padding-top: .5em; */ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .default .default--toolbar-list { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .default .default--toolbar-listitem[data-type="icon"] { padding-left: 5px; } .default .default--toolbar-listitem:last-child { padding: 0; } .default .default--toolbar-listitem[data-type="date"] { color: var(--main-color);; width: 100%; } .default .default--toolbar-listitem[data-type="icon"] a { background-repeat: no-repeat; background-size: contain; background-position: center; clip: rect(0 0 0 0); text-indent: 1000%; overflow: hidden; display: block; color: transparent; word-wrap: normal; /* width: 1.6em; height: 1.6em; opacity: .6; transition: opacity .2s ease-in-out;*/ width: 25px; } .default .default--toolbar-listitem[data-type="icon"] a:hover, .default .default--toolbar-listitem[data-type="icon"] a:focus { opacity: .5; } .default .default--toolbar-listitem[data-type="icon"] a[icon="font-bigger"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuOCAxMi42aDIuNVY5LjhoMS41djIuOGgyLjVWMTRoLTIuNXYyLjhoLTEuNVYxNGgtMi41di0xLjR6TTUuMSAxOC45SDIuN0w2LjggNS4xaDQuOGw0LjEgMTMuOGgtMi40TDEyIDE0LjhINi40bC0xLjMgNC4xem0zLjMtMTFMNy4yIDEyaDRMMTAgNy45SDguNHoiLz48L3N2Zz4NCg==); } .default .default--toolbar-listitem[data-type="icon"] a[icon="font-smaller"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNS44IDE4LjlIMy40TDcuNSA1LjFoNC44bDQuMSAxMy44SDE0bC0xLjItNC4xSDcuMWwtMS4zIDQuMXptMy4zLTExTDcuOSAxMmg0bC0xLjItNC4xSDkuMXpNMTcuOCAxMi41aDMuOHYxLjZoLTMuOHYtMS42eiIvPjwvc3ZnPg0K); } .default .default--toolbar-listitem[data-type="icon"] a[icon="print"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIwLjggN2MuMyAwIC42LjEuOS40LjIuMi4zLjUuMy45djYuM2MwIC4zLS4xLjYtLjQuOS0uMi4yLS41LjQtLjkuNEgxN3Y1SDd2LTVIMy4zYy0uMyAwLS42LS4xLS45LS40LS4zLS40LS40LS43LS40LTFWOC4zYzAtLjMuMS0uNi40LS45LjItLjMuNS0uNC45LS40aDE3LjV6TTQuNSAxMC44Yy40IDAgLjYtLjEuOS0uNC4yLS4yLjQtLjUuNC0uOXMtLjItLjYtLjQtLjljLS4zLS4yLS41LS4zLS45LS4zcy0uNi4xLS45LjNjLS4yLjMtLjMuNS0uMy45cy4xLjYuNC45Yy4yLjIuNC40LjguNHpNNyAzLjN2Mi41aDEwVjMuM0g3em04LjggMTYuMnYtNi4zSDguM3Y2LjNoNy41eiIvPjwvc3ZnPg0K); } .default .default--toolbar-listitem[data-type="icon"] a[icon="share"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); } .default .default--toolbar-listitem[data-type="icon"] a[icon="mail"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.785' height='18' viewBox='0 0 22.785 18'%3E%3Cg id='mail' transform='translate(-0.607 -3)'%3E%3Cpath id='Tracciato_1718' data-name='Tracciato 1718' d='M4,4H20a2.006,2.006,0,0,1,2,2V18a2.006,2.006,0,0,1-2,2H4a2.006,2.006,0,0,1-2-2V6A2.006,2.006,0,0,1,4,4Z' fill='none' stroke='%23212020' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='Tracciato_1719' data-name='Tracciato 1719' d='M22,6,12,13,2,6' fill='none' stroke='%23212020' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A"); } .default .default--toolbar-listitem[data-type="icon"] a[disabled] { opacity: .3; cursor: default; } .default content-block { /* padding-top: 1em;*/ display: block; } .sidebar content-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0; } .rubric.sidebar content-block { width: 100%; } /* .rubric.sidebar content-block section.content-block--main { width: 100%; }*/ @media (max-width: 1008px) { .sidebar content-block { padding-right: 16px; padding-left: 16px; } } @media (max-width: 480px) { .sidebar content-block { padding-left: 0; padding-right: 0; } } .sidebar content-block .content-block--head { width: 100%; } /* .sidebar content-block .content-block--main { width: calc((100% - 135px) / 6 * 4 + 81px); padding-top: 27px; } @media (max-width: 1008px) { .sidebar content-block .content-block--main { padding-top: 16px; } } @media (max-width: 1008px) { .sidebar content-block .content-block--main { width: calc((100% - 80px) / 6 * 4 + 48px); } } @media (max-width: 839px) { .sidebar content-block .content-block--main { width: 100%; } } @media (max-width: 480px) { .sidebar content-block .content-block--main .breadcrumb { margin-right: 16px; margin-left: 16px; } } */ .sidebar content-block .content-block--column { width: calc((100% - 42px) / 3); margin-top: 30px; } @media (max-width: 1008px) { .sidebar content-block .content-block--column { width: calc((100% - 80px) / 6 * 2 + 16px); } } @media (max-width: 839px) { .sidebar content-block .content-block--column { width: 100%; } } .sidebar .sidebar--header-title, .page .page--header-title { font-family: 'Bitter', serif; font-size:30px; letter-spacing: -0.3px; line-height: 25px; font-weight: 500; /*700*/ margin: 0; padding: 4px 10px 10px 10px; } /* @media (max-width: 652px) { .sidebar .sidebar--header-title { font-size: 2.1em; } } @media (max-width: 480px) { .sidebar .sidebar--header-title { padding-left: 16px; padding-right: 16px; } }*/ .sidebar .sidebar--header-title small { font-size: .95em; color: rgba(0, 0, 0, 0.56); } .page .page--main { padding-left: 27px; padding-right: 27px; } @media (max-width: 1008px) { .page .page--main { padding-left: 16px; padding-right: 16px; } } /* .page .page--header-title { font-size: 2.8em; font-family: 'Bitter', serif; text-align: center; margin: 0; padding: 0; } @media (max-width: 652px) { .page .page--header-title { font-size: 2.5em; } } */ .page .page--tabs h1 { margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .page .page--tabs-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: var(--main-lightblue-color); border-bottom: 1px solid var(--main-grey-color); font-weight: 400; padding: .2em .2em .1em; transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out; } .page .page--tabs-item:focus, .page .page--tabs-item:hover { background-color: var(--main-grey-color); } .page .page--tabs-item.active { color: var(--main-color); border-bottom-color: var(--main-color); } .page .page--content { overflow: visible; } .page .page--content-text { width: calc((100% - 135px) / 6 * 4 + 81px); margin: auto; /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; } @media (max-width: 652px) { .page .page--content-text { width: calc((100% - 135px) / 6 * 6 + 135px); } } .page .page--content-text-inner { font-size: 1.1em; } .home article-hard { display: block; } .home article-hard .article { background-color: var(--main-bg-color); border: solid 1px rgba(0, 0, 0, 0.16); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: 0px; margin-top: 13.5px; border-top: 0; } .home article-hard .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .home article-hard .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .home article-hard .article .article--image-img { overflow: hidden; } .home article-hard .article .article--image img { display: block; width: 100%; height: auto; } .home article-hard .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .home article-hard .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc((100% - 135px) / 6 * 3 + 54px); padding: .7rem; padding-left: 0; } @media (max-width: 1008px) { .home article-hard .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .home article-hard .article .article--text .article--header { height: 100%; } } .home article-hard .article .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color); height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .home article-hard .article .article--title h1 { font-size: 1.5em; margin: 0; } @media (max-width: 480px) { .home article-hard .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } .home article-hard .article .article--content { padding-top: .7rem; } @media (max-width: 480px) { .home article-hard .article .article--content { display: none; } } .home article-hard .article .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .home article-hard .article .article--content-description p { margin-top: 0; } .home article-hard .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .home article-hard .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .home article-hard .article .article--content-relateditem a { color: var(--main-color); } .home article-hard .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .home article-hard .article .article--footer { display: none; } } .home article-hard .article .article--footer .article--more { display: inline-block; margin-top: 0; } .home article-hard .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .home article-hard .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .home article-hard .article .article--footer .article--sharebutton:hover, .home article-hard .article .article--footer .article--sharebutton:focus { opacity: .8; } .home article-hard .article .article--title { width: 100%; } .home article-hard .article .article--image { width: 100%; } .home article-hard .article .article--text { width: 100%; padding-left: .7rem; } .home article-hard .article .article--text .article--header { height: auto; } .home article-hard .article .article--title h1 { font-size: 1.5em; } .home article-hard .article .article--content { display: block; } @media (max-width: 652px) { .home article-hard .article .article--content { display: none; } } .home article-hard .article .article--footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .home article-hard .article .article--image .article--badge { font-size: 1em; } .home article-hard .article .article--title h1 { font-size: 2.2em; } @media (max-width: 839px) { .home article-hard .article .article--title h1 { font-size: 2em; } } @media (max-width: 652px) { .home article-hard .article .article--title h1 { font-size: 1.8em; } } .home article-hard .article .article--text { border-style: solid; border-color: var(--main-color); border-width: 0; border-right-width: 10px; border-left-width: 10px; } @media (max-width: 652px) { .home article-hard .article .article--text { border-right-width: 5px; border-left-width: 5px; } } .home article-hard .article .article--title h1 { font-size: 2.8em; } @media (max-width: 839px) { .home article-hard .article .article--title h1 { font-size: 2.4em; } } @media (max-width: 652px) { .home article-hard .article .article--title h1 { font-size: 2.2em; } } @media (max-width: 480px) { .home article-hard .article .article--title h1 { font-size: 2em; } } @media (max-width: 360px) { .home article-hard .article .article--title h1 { font-size: 1.8em; } } .home article-hard .article .article--content { font-size: 1.2em; } @media (max-width: 839px) { .home article-hard .article .article--content { font-size: 1.1em; } } @media (max-width: 652px) { .home article-hard .article .article--content { display: block; } } @media (max-width: 480px) { .home article-hard .article .article--content { font-size: 1em; } } @media (max-width: 1008px) { .home article-hard .article { margin-top: 8px; } } @media (max-width: 839px) { .home article-hard .article { margin-top: 0; } } .home leader-block, .rubric leader-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1008px) { .home leader-block { padding-right: 16px; padding-left: 16px; padding-top: 16px; } } @media (max-width: 652px) { .home leader-block { padding-left: 0; padding-right: 0; } } .home leader-block .leader-block--articles { /*width: calc((100% - 21px) / 3 * 2 + 7px);*/ width: calc((100% - 42px) / 3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .home leader-block .leader-block--articles.leader-block--big-article { width: calc((100% - 42px) / 3 * 2 + 21px); } @media (max-width: 839px) { .home leader-block .leader-block--articles.leader-block--big-article { width: 100%; } } .home leader-block .leader-block--articles.leader-block--big-article section.apertura { width: 100%; } .home leader-block .leader-block--articles.leader-block--big-article .article { background-color: var(--main-bg-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .home leader-block .leader-block--articles.leader-block--big-article .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .home leader-block .leader-block--articles.leader-block--big-article .article .article--image-img { overflow: hidden; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--image img { display: block; width: 100%; height: auto; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc((100% - 135px) / 6 * 3 + 54px); /* padding: .7rem; padding-left: 0;*/ padding: 4px 0px 0px 0px; } @media (max-width: 1008px) { .home leader-block .leader-block--articles.leader-block--big-article .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .home leader-block .leader-block--articles.leader-block--big-article .article .article--text .article--header { height: 100%; } } .home leader-block .leader-block--articles.leader-block--big-article .article .article--title { height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--title h1 { /*font-size: 30px; line-height: 33px; letter-spacing: -0.3px; aumento font*/ font-size: 32px; letter-spacing: -0.32px; line-height: 35px; font-weight: 700; /*800*/ margin: 0; } @media (max-width: 480px) { .home leader-block .leader-block--articles.leader-block--big-article .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } .home leader-block .leader-block--articles.leader-block--big-article .article .article--content { padding-top: .7rem; } @media (max-width: 480px) { .home leader-block .leader-block--articles.leader-block--big-article .article .article--content { display: none; } } .home leader-block .leader-block--articles.leader-block--big-article .article .article--content-description { /* font-size: 16px; line-height: 19px; letter-spacing: -0.16px; aumento font*/ font-size: 17px; letter-spacing: -0.17px; line-height: 20px; font-weight: 300; margin-top: 0; } .article--content-description a, .article--header-description a { color: var(--main-lightblue-color); } .article--badge.blue { text-transform: unset !important; } .leader-block--weather-column ad-container { position: sticky; top: 0; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--content-description p { margin-top: 0; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .home leader-block .leader-block--articles.leader-block--big-article .article .article--content-relateditem a { color: var(--main-color); } .home leader-block .leader-block--articles.leader-block--big-article .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .home leader-block .leader-block--articles.leader-block--big-article .article .article--footer { display: none; } } .home leader-block .leader-block--articles.leader-block--big-article .article .article--footer .article--more { display: inline-block; margin-top: 0; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--footer .article--sharebutton:hover, .home leader-block .leader-block--articles.leader-block--big-article .article .article--footer .article--sharebutton:focus { opacity: .8; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--title { width: 100%; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--image { width: 100%; aspect-ratio: 3/2; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--image .video-js { height: 100% !important; cursor: pointer; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--text { width: 100%; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--image figure.article--video { height: 100%; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--image .video-js .vjs-big-play-button { width: 80px; height: 80px; position: absolute; top: calc(50% - 40px); left: calc(50% - 40px); } .home leader-block .leader-block--articles.leader-block--big-article .article .article--text .article--header { height: auto; } /* .home leader-block .leader-block--articles.leader-block--big-article .article .article--title h1 { font-size: 1.5em; } */ .home leader-block .leader-block--articles.leader-block--big-article .article .article--content { display: block; } /*@media (max-width: 652px) { .home leader-block .leader-block--articles.leader-block--big-article .article .article--content { display: none; } }*/ .home leader-block .leader-block--articles.leader-block--big-article .article .article--footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--image .article--badge { font-size: 1em; } /* .home leader-block .leader-block--articles.leader-block--big-article .article .article--title h1 { font-size: 2.2em; } */ /* @media (max-width: 839px) { .home leader-block .leader-block--articles.leader-block--big-article .article .article--title h1 { font-size: 2em; } } */ @media (max-width: 652px) { .home leader-block .leader-block--articles.leader-block--big-article .article .article--title h1 { font-size: 25px; } .home leader-block .leader-block--articles.leader-block--big-article .article .article--content-description { font-size: 15px; } } .home leader-block .leader-block--articles.leader-block--small-articles { /* -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3;*/ margin-top: 21px; } /* .home leader-block .leader-block--articles.leader-block--small-articles.primo { min-height: 450px; } .home leader-block .leader-block--articles.leader-block--small-articles.secondo { min-height: 485px; }*/ .home leader-block .leader-block--articles.leader-block--small-articles.primo, .home leader-block .leader-block--articles.leader-block--small-articles.secondo { height: 250px; } .content-block--articles.vuoto0 { width: calc((100% - 42px) / 3 * 2 + 21px); } @media (max-width: 1008px) { .home leader-block .leader-block--articles.leader-block--small-articles { width: 100%; } } @media (max-width: 652px) { .home leader-block .leader-block--articles.leader-block--small-articles { padding-left: 16px; padding-right: 16px; } } .home leader-block .leader-block--articles.leader-block--small-articles .article { background-color: var(--main-bg-color); /* border: solid 1px rgba(0, 0, 0, 0.16);*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; /*width: calc((100% - 21px) / 6 * 3 + 0px);*/ /* margin-top: 27px;*/ } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .home leader-block .leader-block--articles.leader-block--small-articles .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--image-img { overflow: hidden; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--image img { display: block; width: 100%; aspect-ratio: 3/2; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--image .video-js { aspect-ratio: 3/2; } .home leader-block .leader-block--articles.leader-block--small-articles .article figure.article--video figcaption.article--video-description, .home .video-block .article figure.article--video figcaption.article--video-description { display: none; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 4px 0px 0px 0px; } @media (max-width: 1008px) { .home leader-block .leader-block--articles.leader-block--small-articles .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .home leader-block .leader-block--articles.leader-block--small-articles .article .article--text .article--header { height: 100%; } } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--title { /*font-family: "Droid Serif", serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color);*/ height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /*.home leader-block .leader-block--articles.leader-block--small-articles .article .article--header {*/ .article .article--header { padding-bottom: 10px; } @media (max-width: 480px) { .home leader-block .leader-block--articles.leader-block--small-articles .article .article--content { display: none; } } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--content-description, .rubric .rubric--content .article .article--content-description { /* font-size:13px; letter-spacing: -0.13px; line-height: 16px; aumento font*/ font-size: 15px; letter-spacing: -0.15px; line-height: 18px; font-weight: 300; margin-top: 0; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--content-description p { margin-top: 0; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--content-relateditem a { color: var(--main-color); } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .home leader-block .leader-block--articles.leader-block--small-articles .article .article--footer { display: none; } } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--footer .article--more { display: inline-block; margin-top: 0; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--footer .article--sharebutton:hover, .home leader-block .leader-block--articles.leader-block--small-articles .article .article--footer .article--sharebutton:focus { opacity: .8; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--title { width: 100%; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--image { width: 100%; /* max-height: 153.5px;*/ } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--text { width: 100%; /* padding-left: .7rem;*/ } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--text .article--header { height: auto; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--title h1, .rubric .rubric--content .article .article--title h1 { /* font-size: 18px; line-height: 21px; letter-spacing: -0.18px; aumento font*/ font-size: 20px; letter-spacing: -0.20px; line-height: 24px; font-weight: 700; /*800*/ margin: 0; text-overflow:ellipsis; overflow:hidden; /* Addition lines for 4 line or multiline ellipsis*/ display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; white-space: normal; } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--content { display: block; } @media (max-width: 652px) { .home leader-block .leader-block--articles.leader-block--small-articles .article .article--content { display: none; } } .home leader-block .leader-block--articles.leader-block--small-articles .article .article--footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1008px) { .home leader-block .leader-block--articles.leader-block--small-articles .article { margin-top: 16px; } } @media (max-width: 1008px) { .home leader-block .leader-block--articles.leader-block--small-articles .article { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 652px) { .home leader-block .leader-block--articles.leader-block--small-articles .article { width: 100%; } } .home leader-block .leader-block--column { width: calc((100% - 21px) / 3 * 1 - 7px); /* width: calc((100% - 135px) / 6 * 2 + 27px);*/ } @media (max-width: 839px) { .home leader-block .leader-block--column { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 652px) { .home leader-block .leader-block--column { width: 100%; padding-left: 16px; padding-right: 16px; } } .home leader-block .leader-block--column.leader-block--weather-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: calc((100% - 42px) / 3 ); background-color: var(--main-grey-color); } @media (max-width: 839px) { .home leader-block .leader-block--column.leader-block--weather-column { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; width: 100%; } } @media (max-width: 652px) { .home leader-block .leader-block--column.leader-block--weather-column { display: block; padding-left: 0; padding-right: 0; } } .home leader-block .leader-block--column.leader-block--weather-column .weather-widget { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 839px) { .home leader-block .leader-block--column.leader-block--weather-column .weather-widget { padding-top: 16px; } } @media (max-width: 839px) { .home leader-block .leader-block--column.leader-block--weather-column .weather-widget--content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .home leader-block .leader-block--column.leader-block--weather-column .weather-widget--content .weather-widget--map, .home leader-block .leader-block--column.leader-block--weather-column .weather-widget--content .weather-widget--description { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 652px) { .home leader-block .leader-block--column.leader-block--weather-column .weather-widget--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .home leader-block .leader-block--column.leader-block--weather-column .weather-widget--content .weather-widget--map, .home leader-block .leader-block--column.leader-block--weather-column .weather-widget--content .weather-widget--description { width: 100%; } } .home leader-block .leader-block--column.leader-block--ad-column { margin-top: 21px; } @media (max-width: 1008px) { .home leader-block .leader-block--column.leader-block--ad-column { width: 100%; } } .home content-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1008px) { .home content-block { padding-right: 16px; padding-left: 16px; } } @media (max-width: 480px) { .home content-block { padding-left: 0; padding-right: 0; } } .home content-block .content-block--articles { /* width: calc((100% - 135px) / 6 * 4 + 81px);*/ width: calc((100% - 42px) / 3 ); min-height: 307px; margin-top: 21px; } .home content-block .content-block--articles.rullo_p7 { width: calc((100% - 42px) /3 * 2 + 21px); } .home content-block .content-block--articles.rullo_p8 { z-index: 2; } .home content-block .content-block--articles.secondo { width: calc((100% - 42px) / 3); } .home content-block .content-block--articles.terzo { /* width: calc((100% - 42px) / 3);*/ -webkit-box-ordinal-group: 7; -webkit-order: 7; -ms-flex-order: 7; order: 7; } @media (max-width: 1008px) { .home content-block .content-block--articles { padding-top: 16px; } } @media (max-width: 1008px) { .home content-block .content-block--articles { width: calc((100% - 80px) / 6 * 4 + 48px); } } @media (max-width: 839px) { .home content-block .content-block--articles { width: 100%; /* -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;*/ } } .rullo-header { width: 100%; margin-top: 21px; border-top: var(--main-color) 3px solid; border-bottom: var(--main-color) 3px solid; } .home content-block .content-block--column { width: calc((100% - 42px) / 3 ); margin-top: 21px; height: 307px; } .home content-block .content-block--column2, .home content-block .content-block--column3, .home content-block .content-block--column4 { width: calc((100% - 42px) / 3 ); } @media (max-width: 1008px) { .home content-block .content-block--column { width: calc((100% - 80px) / 6 * 2 + 16px); } } @media (max-width: 839px) { .home content-block .content-block--column { width: 100%; } } .article .main-article .article--header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 480px) { .article .main-article .article--header { padding-right: 16px; padding-left: 16px; } } /* .article .main-article .article--header-badge { background-color: var(--main-color); color: white; padding: .2em .8em; font-weight: 700; line-height: 1.3; text-transform: uppercase; }*/ .article .main-article .article--header-title, .article.main-article .article--title { /*font-size: 2.2em; letter-spacing: -.01em; font-family: "Droid Serif", serif; line-height: 1.2;*/ font-family: 'Bitter', serif; font-size:32px; letter-spacing: -0.32px; line-height: 35px; margin-top: .5em; margin-bottom: .2em; max-width: 100%; } @media (max-width: 652px) { .article .main-article .article--header-title { font-size: 1.8em; } } @media (max-width: 480px) { .article .main-article .article--header-title { font-size: 1.6em; } } .article .main-article .article--header-description { color: var(--main-color); margin: 0; max-width: 100%; font-size:16px; letter-spacing: -0.16px; line-height: 19px; } .article .main-article .article--header-description p { margin-top: 0; } /* .article .main-article .article--header-description a { color: var(--main-color); text-decoration: none; border-bottom: transparent 1px solid; padding-bottom: .1em; transition: border .2s ease-in-out, padding .2s ease-in-out, margin .2s ease-in-out; }*/ /* .article .main-article .article--header-description a:hover, .article .main-article .article--header-description a:focus { border-bottom-color: var(--main-color); padding-bottom: 0; margin-bottom: .1em; }*/ .article .main-article .article--header-author { color: var(--main-color); /* -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end;*/ } /* .article .main-article .article--header-description, .article .main-article .article--header-author { font-size: 1.2em; }*/ @media (max-width: 652px) { .article .main-article .article--header-description, .article .main-article .article--header-author { font-size: 1.1em; } } @media (max-width: 480px) { .article .main-article .article--header-description, .article .main-article .article--header-author { font-size: 1em; } } @media (max-width: 480px) { .article .main-article .article--tags { padding-right: 16px; padding-left: 16px; } } .article .main-article .article--tags-list { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article--tags-listitem, .multimedia-rubric--categorys-listitem, .multimedia-rubric--categorys-title { padding: 5px 15px 10px 0; } .article .main-article .article--tags-listitem a { /* background-color: var(--main-color); padding: .2em .8em;*/ color: var(--main-color); /* transition: background-color .2s ease-in-out;*/ text-transform: capitalize; } /* .article .main-article .article--tags-listitem a:hover, .article .main-article .article--tags-listitem a:focus { background-color: #1c404c; } */ .article.main-article .article--content { margin-top: 27px; /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; line-height: 1.6; } @media (max-width: 1008px) { .article .main-article .article--content { margin-top: 16px; } } .article .main-article .article--content-image-img { width: 100%; height: auto; } .article .main-article .article--content-location { display: block; border-style: solid; border-color: rgba(0, 0, 0, 0.16) transparent; border-width: 1px; color: rgba(0, 0, 0, 0.56); text-transform: uppercase; padding-top: .2em; padding-bottom: .2em; margin-top: .8em; /*font-family: "Ubuntu", sans-serif;*/ font-family: 'Roboto', sans-serif; } @media (max-width: 480px) { .article .main-article .article--content-location { margin-left: 16px; margin-right: 16px; } } .article .main-article .article--content-location:before { content: " "; display: inline-block; width: .6em; height: .6em; background-color: rgba(0, 0, 0, 0.16); vertical-align: baseline; } .article .main-article .article--content-text, .article.main-article .article--content .article--content-description { font-size:18px; letter-spacing: -0.18px; line-height: 27px; font-weight: 400; } /* .article .main-article .article--content-text:not(.first-letter-small) > p:first-of-type:first-letter { font-size: 3em; color: var(--main-color); float: left; font-size: 5.5em; line-height: .72em; margin-top: .55rem; margin-right: .2rem; } @media (max-width: 480px) { .article .main-article .article--content-text:not(.first-letter-small) > p:first-of-type:first-letter { font-size: 3em; margin-top: .6rem; } } @media (max-width: 480px) { .article .main-article .article--content-text > * { padding-left: 16px; padding-right: 16px; } } */ .article .main-article .article--content-text .fb-video { padding-left: 0; padding-right: 0; } .article .main-article .article--content-text [ad-item]#adv-Middle { float: right; padding-bottom: 1em; padding-left: 1em; } @media (max-width: 652px) { .article .main-article .article--content-text [ad-item]#adv-Middle { /* float: none; width: 100%; text-align: center;*/ } } .article .main-article .article--content .article--video { background-color: var(--main-bg-color); padding: .8em; margin: 1em 0; color: var(--main-color); border: 1px solid var(--main-color); } .article .main-article .article--content .article--video .article--video-description-title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-size: 1.85em; margin-top: .5em; margin-bottom: 0; line-height: 1.2; } .article .main-article .article--content .article--video .article--video-description-text { margin-bottom: 0; } .article .main-article .article--content .article--video .article--video-description a { color: white; font-weight: 700; margin-bottom: .2em; } .article .main-article .article--content .article--foto, .article .main-article .article--content .element-poll { background-color: var(--main-bg-color); padding: .8em; margin: 1em 0; color: var(--main-color); } .article .main-article .article--content .article--foto-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .article .main-article .article--content .article--foto-item img { max-height: 100%; max-width: 100%; display: block; position: relative; z-index: 1; } .article .main-article .article--content .article--foto .image-slider--controls { /*font-family: "Ubuntu", sans-serif;*/ font-family: 'Roboto', sans-serif; } .article .main-article .article--content .article--foto .image-slider--controls a { background: transparent; height: 37px; } .article .main-article .article--content .article--foto .article--foto-description-title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-size: 1.85em; margin-top: .5em; margin-bottom: 0; line-height: 1.2; } .article .main-article .article--content .article--foto .article--foto-description-text { margin-bottom: 0; font-family: 'Roboto', sans-serif; } .article .main-article .article--content .article--foto a { color: white; font-weight: 700; margin-bottom: .2em; } /* .article .main-article .article--content a { color: var(--main-color); transition: background .2s ease-in-out, color .2s ease-in-out; background: linear-gradient(to bottom, var(--main-color) 0%, var(--main-color) 100%); background-repeat: no-repeat; padding-bottom: .1em; padding-top: .15em; background-position: 0 1.2em; word-wrap: break-word; } .article .main-article .article--content a:hover, .article .main-article .article--content a:focus { color: white; background-position: 0 0; }*/ .article .main-article .article--authorbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 1em; margin-top: 27px; } @media (max-width: 1008px) { .article .main-article .article--authorbox { margin-top: 16px; } } .article .main-article .article--authorbox-image { width: 135px; height: 135px; border-radius: 50%; overflow: hidden; z-index: 1; position: relative; } .article .main-article .article--authorbox-image img { width: 100%; height: auto; } .article .main-article .article--authorbox-content { position: relative; z-index: 0; width: 100%; padding: 1em; padding-top: .5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .article .main-article .article--authorbox-content:before { content: " "; background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; display: block; position: absolute; z-index: -1; width: 100%; top: -1.5em; right: 0; bottom: 0; left: 0; } .article .main-article .article--authorbox-content .article--authorbox-title { display: block; font-weight: 700; color: rgba(0, 0, 0, 0.56); width: auto; } .article .main-article .article--authorbox-content .article--authorbox-name { display: block; /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-size: 2em; color: var(--main-color); font-weight: 700; line-height: 1.2; transition: color .2s ease-in-out; } .article .main-article .article--authorbox-content .article--authorbox-name:hover, .article .main-article .article--authorbox-content .article--authorbox-name:focus { color: #1c404c; } .article .main-article .article--authorbox-content .article--authorbox-description { display: block; color: rgba(0, 0, 0, 0.56); margin-bottom: .2em; } .article .recommendation-widget { margin-top: 27px; } @media (max-width: 1008px) { .article .recommendation-widget { margin-top: 16px; } } .article .recommendation-widget .article { margin-bottom: 27px; } @media (max-width: 1008px) { .article .recommendation-widget .article { margin-bottom: 16px; } } .weather .main { width: 100%; } .weather .weather--row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding-top: 2em; padding-bottom: 2em; } /* .weather .weather--row:after { content: " "; position: absolute; bottom: 0; width: calc((100% - 135px) / 6 * 4 + 81px); border-bottom: 1px solid rgba(0, 0, 0, 0.16); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .weather .weather--row:last-child:after { content: none; } */ .weather .weather--description { /*width: calc((100% - 135px) / 6 * 2 + 27px);*/ width: 100%; } @media (max-width: 839px) { .weather .weather--description { width: 100%; } } .weather .weather--description-day { color: var(--main-grey-dark-color); } .weather .weather--description-title { margin: 0; /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-size: 1.9em; line-height: 1.3; } @media (max-width: 480px) { .weather .weather--description-title { font-size: 1.7em; } } .weather .weather--description-subtitle { text-transform: uppercase; color: var(--main-lightblue-color); font-size: 1em; margin: 0; } .weather .weather--description-text { margin: 0; margin-bottom: .5em; } .weather .weather--image { /*width: calc((100% - 135px) / 6 * 4 + 81px);*/ width: 100%; padding: 20px; } @media (max-width: 839px) { .weather .weather--image { width: 100%; } } .weather .weather--image-map { padding-bottom: 1em; } .weather .weather--image-map-outer-svg { position: relative; margin: auto; } .weather .weather--image-map-svg { display: block; width: 100%; height: 100%; } .weather .weather--image-map-altoadige, .weather .weather--image-map-trentino { fill: transparent; position: relative; } .weather .weather--image-map-altoadige:hover, .weather .weather--image-map-altoadige:focus, .weather .weather--image-map-trentino:hover, .weather .weather--image-map-trentino:focus { fill: #e5e5e5; } .weather .weather--image-map-border { fill: rgba(0, 0, 0, 0.3); } .weather .weather--image-map-outer-svg { width: 530px; height: 462px; } @media (max-width: 652px) { .weather .weather--image-map-outer-svg { width: 445px; height: 388px; } } @media (max-width: 480px) { .weather .weather--image-map-outer-svg { width: 330px; height: 287px; } } @media (max-width: 360px) { .weather .weather--image-map-outer-svg { width: 266px; height: 232px; } } .weather .weather--image-map-outer-svg a path { fill: rgba(170, 196, 204, 0.3); transition: fill .2s ease-in-out; } .weather .weather--image-map-outer-svg a path.weather--image-map-border { fill: rgba(0, 0, 0, 0.16); } .weather .weather--image-map-outer-svg a:hover path, .weather .weather--image-map-outer-svg a:focus path { fill: rgba(170, 196, 204, 0.6); } .weather .weather--image-map-outer-svg a:hover path.weather--image-map-border, .weather .weather--image-map-outer-svg a:focus path.weather--image-map-border { fill: rgba(0, 0, 0, 0.16); } .weather .weather--image-map-outer-svg a.inactive path { fill: transparent; } .weather .weather--image-map-outer-svg a.inactive path.weather--image-map-border { fill: rgba(0, 0, 0, 0.16); } .weather .weather--image-map-outer-svg a.inactive:hover path:not([class*="border"]), .weather .weather--image-map-outer-svg a.inactive:focus path:not([class*="border"]) { fill: rgba(0, 0, 0, 0.05); } .weather .weather--image-map-items-item { position: absolute; top: 0; left: 0; display: block; text-align: center; font-size: .9em; -webkit-transform: translate(-1.5em, -1.5em); -ms-transform: translate(-1.5em, -1.5em); transform: translate(-1.5em, -1.5em); font-size: 1em; } .weather .weather--image-map-items-item[location="silandro"] { top: 25%; left: 17%; } .weather .weather--image-map-items-item[location="bolzano"] { top: 36%; left: 46%; } .weather .weather--image-map-items-item[location="brunico"] { top: 16%; left: 68%; } .weather .weather--image-map-items-item[location="brunico"][small-map] { top: 18%; } .weather .weather--image-map-items-item[location="val-di-sole"] { top: 55%; left: 17%; } .weather .weather--image-map-items-item[location="trento"] { top: 69%; left: 36%; } .weather .weather--image-map-items-item[location="trento"][small-map] { top: 72%; left: 35%; } .weather .weather--image-map-items-item[location="primiero"] { top: 60%; left: 57%; } .weather .weather--image-map-items-item[location="primiero"][small-map] { left: 64%; } .weather .weather--image-map-items-item [class$="items-icon"] { display: block; margin: auto; height: 3em; width: 3em; background-position: bottom center; } .weather .weather--image-map-items-item [class$="items-place"] { display: block; color: var(--main-grey-dark-color); /*text-shadow: var(--main-bg-color) 0 0 6px, var(--main-bg-color) 0 0 3px;*/ font-weight: 700; line-height: 1.2; } .weather .weather--image-map-items-item [class$="items-temp"] { display: block; color: var(--main-grey-dark-color); /*text-shadow: var(--main-bg-color) 0 0 6px, var(--main-bg-color) 0 0 3px;*/ font-weight: 700; } .weather .weather--image-map-items-item.inactive { opacity: .5; } .weather .weather--image-map-items-item [class$="items-icon"] { width: 4em; height: 4em; } @media (max-width: 480px) { .weather .weather--image-map-items-item [class$="items-icon"] { width: 3em; height: 3em; } } @media (max-width: 360px) { .weather .weather--image-map-items-item [class$="items-icon"] { width: 2.5em; height: 2.5em; } } .weather .weather--image-map-items-item [class$="items-temp"] { font-weight: 400; } .weather .weather--image-nextdays { background-color: var(--main-bg-color); /*border: rgba(0, 0, 0, 0.16) 1px solid;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 5em 0; } @media (max-width: 839px) { .weather .weather--image-nextdays { margin-top: 1em; } } @media (max-width: 652px) { .weather .weather--image-nextdays { padding: 3em 0; } } .weather .weather--image-nextdays-col { width: calc((100% - 135px) / 6 * 1.5 + 13.5px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } @media (max-width: 1008px) { .weather .weather--image-nextdays-col { width: calc((100% - 80px) / 6 * 1.5 + 8px); } } @media (max-width: 480px) { .weather .weather--image-nextdays-col { width: calc((100% - 80px) / 6 * 3 + 32px); } .weather .weather--image-nextdays-col:nth-child(4n + 1), .weather .weather--image-nextdays-col:nth-child(4n + 2) { margin-bottom: 3em; } .weather .weather--image-nextdays-col:nth-child(4n + 1):before, .weather .weather--image-nextdays-col:nth-child(4n + 2):before { content: " "; border-top: 1px solid rgba(0, 0, 0, 0.16); bottom: -1.5em; width: 70%; left: 15%; position: absolute; } } .weather .weather--image-nextdays-col:after { content: " "; height: 70%; top: 15%; right: -13.5px; position: absolute; border-right: 1px solid rgba(0, 0, 0, 0.16); } @media (max-width: 1008px) { .weather .weather--image-nextdays-col:after { right: -8px; } } .weather .weather--image-nextdays-col:last-child:after { content: none; } .weather .weather--image-nextdays-title { font-weight: 700; font-size: 1.2em; } .weather .weather--image-nextdays-icon { width: 80px; height: 80px; margin-top: 1em; margin-bottom: 1em; } .weather .weather--image-nextdays-description { color: rgba(0, 0, 0, 0.56); border-spacing: 0; border-collapse: collapse; } .weather .weather--image-nextdays-description .small { font-size: .9em; vertical-align: bottom; } .weather .weather--image-nextdays-description td { padding: 0; margin: 0; } .weather .weather--image-nextdays-description td:first-child { padding-right: .2em; } .weather .weather--webcams-title { width: 100%; margin: 0; /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-size: 1.9em; } @media (max-width: 480px) { .weather .weather--webcams-title { font-size: 1.7em; } } .weather .weather--webcams-list { width: 100%; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; list-style: none; margin-top: 2em; } .weather .weather--webcams-listitem { width: calc((100% - 135px) / 6 * 2 + 27px); margin-bottom: 27px; } @media (max-width: 1008px) { .weather .weather--webcams-listitem { width: calc((100% - 80px) / 6 * 2 + 16px); } } @media (max-width: 652px) { .weather .weather--webcams-listitem { width: calc((100% - 80px) / 6 * 3 + 32px); } } .weather .weather--webcams-listitem-img { width: 100%; height: auto; box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.2); display: block; position: relative; background-color: rgba(0, 0, 0, 0.3); background-position: center; background-size: cover; margin-bottom: .5em; cursor: pointer; } .weather .weather--webcams-listitem-img:before { content: " "; padding-top: 56%; display: block; } .weather .weather--webcams-listitem-title { margin: 0; text-align: center; font-size: 1em; } .weather .weather--temperatures-title { width: 100%; margin: 0; /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-size: 1.9em; } @media (max-width: 480px) { .weather .weather--temperatures-title { font-size: 1.7em; } } .weather .weather--temperatures-list { width: 100%; list-style: none; padding: 0; margin: 0; margin-top: 2em; display: block; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 27px; -moz-column-gap: 27px; column-gap: 27px; } @media (max-width: 1008px) { .weather .weather--temperatures-list { -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; } } @media (max-width: 839px) { .weather .weather--temperatures-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .weather .weather--temperatures-listitem { display: inline-block; border-bottom: 1px solid var(--main-color); padding: .4em 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; width: 100%; } .weather .default--toolbar, .obituary-single .default--toolbar { padding: 21px 0; } .weather .weather--temperatures-listitem-div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* .weather .weather--temperatures-listitem-location-altitude { color: rgba(0, 0, 0, 0.56); }*/ .weather .weather--temperatures-listitem-location-altitude:before { content: "("; } .weather .weather--temperatures-listitem-location-altitude:after { content: ")"; } /* .weather .weather--temperatures-listitem-temperature-unit { color: rgba(0, 0, 0, 0.56); }*/ .rubric .rectangleAB .ad-small > div:not(:last-child), .rubric .rectangleCD .ad-small > div:not(:last-child), .rubric .rectangleEF .ad-small > div:not(:last-child), body.article .rectangleABC .ad-small > div:not(:last-child), body.article .rectangleDEF .ad-small > div:not(:last-child) { margin-bottom: 5px; } .rubric--footer { width: 100%; } .rubric .sidebar--header { width: 100%; } .rubric .breadcrumb { width: 100%; } .rubric .rubric--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; flex-direction: row; } .rubric .rubric--content .article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;*/ overflow: hidden; /* margin-top: 21px; aumento per i banner */ margin-top: 31px; width: calc((100% - 42px) / 3 * 2 + 21px); } .rubric .rubric--content .article.quadrate { height: 225px; } .rubric .rubric--content .article.allrow { width: 100%; } .rubric .rubric--content .article:nth-child(-n+3) { margin-top: 0px; } .rubric .rubric--content .contenitore-taboola { width: calc((100% - 42px) / 3); } .rubric .rubric--content .article.aperture { width: calc((100% - 42px) / 3); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .rubric .rubric--content .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: var(--main-grey-color); width: calc((100% - 5px) / 14 * 5); order: 2; } .rubric .rubric--content .article.aperture .article--image { width: 100%; order: 1; } .rubric .rubric--content .article.allrow .article--image { width: calc((100% - 42px) / 3); } .rubric .rubric--content .article.senzaimmagine .article--image { display: none; } @media (max-width: 1008px) { .rubric .rubric--content .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .rubric .rubric--content .article .article--image-img { overflow: hidden; } .rubric .rubric--content .article .article--image img { display: block; width: 100%; height: auto; } /* .rubric .rubric--content .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; }*/ .rubric .rubric--content .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;*/ width: calc((100% - 5px) / 14 * 9); padding: 8px 21px 0px 0px; order: 1; } .rubric .rubric--content .article.aperture .article--text { width: 100%; padding: 4px 0px 0px 0px; order: 2; } .rubric .rubric--content .article.senzaimmagine .article--text { width: 100%; } .rubric .rubric--content .article.allrow .article--text { width: calc((100% - 42px) / 3 * 2 + 42px); background: var(--main-grey-color); padding-left: 10px; } @media (max-width: 1008px) { .rubric .rubric--content .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .rubric .rubric--content .article .article--text .article--header { height: 100%; } } .rubric .rubric--content .article .article--title { display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 480px) { .rubric .rubric--content .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } .rubric .rubric--content .article .article--content { padding-top: 10px; } @media (max-width: 480px) { .rubric .rubric--content .article .article--content { display: none; } } .rubric .rubric--content .article .article--content-description { margin-top: 0; } .rubric .rubric--content .article .article--content-description p { margin-top: 0; } .rubric .rubric--content .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .rubric .rubric--content .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .rubric .rubric--content .article .article--content-relateditem a { color: var(--main-color); } .rubric .rubric--content .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: none; } .rubric.search .rubric--content .article { width: unset; } .rubric.search .rubric--content .article:nth-child(-n+3) { margin-top: 31px; } @media (max-width: 480px) { .rubric .rubric--content .article .article--footer { display: none; } } .rubric .rubric--content .article .article--footer .article--more { display: inline-block; margin-top: 0; } .rubric .rubric--content .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .rubric .rubric--content .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .rubric .rubric--content .article .article--footer .article--sharebutton:hover, .rubric .rubric--content .article .article--footer .article--sharebutton:focus { opacity: .8; } @media (max-width: 1008px) { .rubric .rubric--content .article { margin-top: 16px; } } .rubric .rubric--content .article.article-big { background-color: var(--main-bg-color); /* border: solid 1px rgba(0, 0, 0, 0.16);*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .rubric .rubric--content .article.article-big .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); order: 1; } @media (max-width: 1008px) { .rubric .rubric--content .article.article-big .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .rubric .rubric--content .article.article-big .article--image-img { overflow: hidden; } .rubric .rubric--content .article.article-big .article--image img { display: block; width: 100%; height: auto; } .rubric .rubric--content .article.article-big .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .rubric .rubric--content .article.article-big .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0; width: 100%; } /* @media (max-width: 1008px) { .rubric .rubric--content .article.article-big .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } */ @media (max-width: 480px) { .rubric .rubric--content .article.article-big .article--text .article--header { height: 100%; } } .rubric .rubric--content .article.article-big .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color); height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .rubric .rubric--content .article.article-big .article--title h1 { /* font-size: 1.5em;*/ font-size:30px; letter-spacing: -0.3px; line-height: 33px; margin: 0; } /* @media (max-width: 480px) { .rubric .rubric--content .article.article-big .article--title h1 { font-size: 1.2em; line-height: 1.2; } } */ .rubric .rubric--content .article.article-big .article--content { padding-top: .7rem; } @media (max-width: 480px) { .rubric .rubric--content .article.article-big .article--content { display: none; } } .rubric .rubric--content .article.article-big .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .rubric .rubric--content .article.article-big .article--content-description p { margin-top: 0; } .rubric .rubric--content .article.article-big .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .rubric .rubric--content .article.article-big .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .rubric .rubric--content .article.article-big .article--content-relateditem a { color: var(--main-color); } .rubric .rubric--content .article.article-big .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .rubric .rubric--content .article.article-big .article--footer { display: none; } } .rubric .rubric--content .article.article-big .article--footer .article--more { display: inline-block; margin-top: 0; } .rubric .rubric--content .article.article-big .article--footer .article--more:after { padding-left: .2em; content: "»"; } .rubric .rubric--content .article.article-big .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .rubric .rubric--content .article.article-big .article--footer .article--sharebutton:hover, .rubric .rubric--content .article.article-big .article--footer .article--sharebutton:focus { opacity: .8; } .rubric .rubric--content .article.article-big .article--title { width: 100%; } .rubric .rubric--content .article.article-big .article--image { width: 100%; } /* .rubric .rubric--content .article.article-big .article--text { width: 100%; padding-left: .7rem; } */ .rubric .rubric--content .article.article-big .article--text .article--header { height: auto; } /* .rubric .rubric--content .article.article-big .article--title h1 { font-size: 1.5em; } */ .rubric .rubric--content .article.article-big .article--content { display: block; } @media (max-width: 652px) { .rubric .rubric--content .article.article-big .article--content { display: none; } } .rubric .rubric--content .article.article-big .article--footer { /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; */ display: none; } .rubric .rubric--content .article.article-big .article--image .article--badge { font-size: 1em; } /* .rubric .rubric--content .article.article-big .article--title h1 { font-size: 2.2em; } */ /* @media (max-width: 839px) { .rubric .rubric--content .article.article-big .article--title h1 { font-size: 2em; } } */ /* @media (max-width: 652px) { .rubric .rubric--content .article.article-big .article--title h1 { font-size: 1.8em; } } */ .rubric .rubric--content .article.article-portrait { background-color: var(--main-bg-color); /* border: solid 1px rgba(0, 0, 0, 0.16); */ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: calc((100% - 21px) / 2); } .rubric .rubric--content .article.article-portrait .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .rubric .rubric--content .article.article-portrait .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .rubric .rubric--content .article.article-portrait .article--image-img { overflow: hidden; } .rubric .rubric--content .article.article-portrait .article--image img { display: block; width: 100%; height: auto; } .rubric .rubric--content .article.article-portrait .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .rubric .rubric--content .article.article-portrait .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0; width: 100%; } /* @media (max-width: 1008px) { .rubric .rubric--content .article.article-portrait .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } */ @media (max-width: 480px) { .rubric .rubric--content .article.article-portrait .article--text .article--header { height: 100%; } } .rubric .rubric--content .article.article-portrait .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color); height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .rubric .rubric--content .article.article-portrait .article--title h1 { font-size: 1.5em; margin: 0; } @media (max-width: 480px) { .rubric .rubric--content .article.article-portrait .article--title h1 { font-size: 1.2em; line-height: 1.2; } } .rubric .rubric--content .article.article-portrait .article--content { padding-top: .7rem; } @media (max-width: 480px) { .rubric .rubric--content .article.article-portrait .article--content { display: none; } } .rubric .rubric--content .article.article-portrait .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .rubric .rubric--content .article.article-portrait .article--content-description p { margin-top: 0; } .rubric .rubric--content .article.article-portrait .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .rubric .rubric--content .article.article-portrait .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .rubric .rubric--content .article.article-portrait .article--content-relateditem a { color: var(--main-color); } .rubric .rubric--content .article.article-portrait .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .rubric .rubric--content .article.article-portrait .article--footer { display: none; } } .rubric .rubric--content .article.article-portrait .article--footer .article--more { display: inline-block; margin-top: 0; } .rubric .rubric--content .article.article-portrait .article--footer .article--more:after { padding-left: .2em; content: "»"; } .rubric .rubric--content .article.article-portrait .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .rubric .rubric--content .article.article-portrait .article--footer .article--sharebutton:hover, .rubric .rubric--content .article.article-portrait .article--footer .article--sharebutton:focus { opacity: .8; } .rubric .rubric--content .article.article-portrait .article--title { width: 100%; } .rubric .rubric--content .article.article-portrait .article--image { width: 100%; order: 1; } /* .rubric .rubric--content .article.article-portrait .article--text { width: 100%; padding-left: .7rem; } */ .rubric .rubric--content .article.article-portrait .article--text .article--header { height: auto; } .rubric .rubric--content .article.article-portrait .article--title h1 { font-size: 1.5em; } .rubric .rubric--content .article.article-portrait .article--content { display: block; } @media (max-width: 652px) { .rubric .rubric--content .article.article-portrait .article--content { display: none; } } .rubric .rubric--content .article.article-portrait .article--footer { /* display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; */ display: none; } /* @media (max-width: 1008px) { .rubric .rubric--content .article.article-portrait { width: calc((100% - 80px) / 6 * 3 + 32px); } } */ @media (max-width: 480px) { .obituary .obituary--content { padding-left: 16px; padding-right: 16px; } } .obituary-rubric .obituary-rubric--filter { background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; margin-bottom: 1em; margin-top: 1em; } .obituary-rubric .obituary-rubric--filter .obituary-rubric--filter-open-state { display: none; } .obituary-rubric .obituary-rubric--filter .obituary-rubric--filter-open-state:checked ~ .obituary-rubric--filter-advanced { max-height: 20em; } .obituary-rubric .obituary-rubric--filter .obituary-rubric--filter-open-state:checked ~ .obituary-rubric--filter-advanced-footer { max-height: 3em; } .obituary-rubric .obituary-rubric--filter .obituary-rubric--filter-open-state:checked ~ .obituary-rubric--filter-searchbox .obituary-rubric--filter-searchbox-switch:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .obituary-rubric .obituary-rubric--filter-searchbox { padding: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .obituary-rubric .obituary-rubric--filter-searchbox-input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: transparent; border: 0; border-bottom: 2px solid rgba(0, 0, 0, 0.3); transition: border-bottom-color .2s ease-in-out; margin-right: .5em; color: var(--main-color); font-size: 1em; } .obituary-rubric .obituary-rubric--filter-searchbox-input:focus, .obituary-rubric .obituary-rubric--filter-searchbox-input:hover { border-bottom-color: var(--main-color); } .obituary-rubric .obituary-rubric--filter-searchbox-input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } .obituary-rubric .obituary-rubric--filter-searchbox-input::-moz-placeholder { color: rgba(0, 0, 0, 0.3); } .obituary-rubric .obituary-rubric--filter-searchbox-input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .obituary-rubric .obituary-rubric--filter-searchbox-input::placeholder { color: rgba(0, 0, 0, 0.3); } .obituary-rubric .obituary-rubric--filter-searchbox-button, .obituary-rubric .obituary-rubric--filter-searchbox-switch { padding: 0; border: 0; color: white; font-size: 1em; font-weight: 400; line-height: 2em; /*font-family: "Ubuntu", sans-serif;*/ font-family: 'Roboto', sans-serif; display: block; cursor: pointer; height: 2em; transition: background-color .2s ease-in-out; padding-left: 1em; padding-right: 1em; } .obituary-rubric .obituary-rubric--filter-searchbox-button { text-indent: 1000%; overflow: hidden; height: 2em; width: 2em; background-color: var(--main-color); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTUuNiAxNC4ybDQuNyA0LjctMS40IDEuNC00LjctNC43di0uOGwtLjMtLjNjLTEuMSAxLTIuNSAxLjUtNCAxLjUtMS43IDAtMy4yLS42LTQuNC0xLjgtMS4yLTEuMi0xLjgtMi42LTEuOC00LjQgMC0xLjcuNi0zLjIgMS44LTQuNHMyLjctMS44IDQuNC0xLjhjMS43IDAgMy4yLjYgNC40IDEuOEMxNS40IDYuNyAxNiA4LjIgMTYgOS45YzAgMS41LS41IDIuOS0xLjUgNGwuMy4zaC44em0tOC43LTEuM2MuOC44IDEuOCAxLjIgMyAxLjJzMi4yLS40IDMtMS4yYy44LS44IDEuMi0xLjggMS4yLTNzLS40LTIuMi0xLjItM2MtLjgtLjgtMS44LTEuMi0zLTEuMnMtMi4yLjQtMyAxLjJjLS45LjgtMS4zIDEuOC0xLjMgM3MuNCAyLjIgMS4zIDN6Ii8+PC9zdmc+DQo=); background-size: 90%; background-position: center; background-repeat: no-repeat; margin-right: .5em; clip: rect(0 0 0 0); color: transparent; word-wrap: normal; padding: 1em; color: transparent; } .obituary-rubric .obituary-rubric--filter-searchbox-button:hover, .obituary-rubric .obituary-rubric--filter-searchbox-button:focus { background-color: #8ac1d4; } .obituary-rubric .obituary-rubric--filter-searchbox-switch { background-color: rgba(66, 152, 182, 0.5); background-color: transparent; color: var(--main-color); border: 1px solid var(--main-color); line-height: 1.8; } .obituary-rubric .obituary-rubric--filter-searchbox-switch:hover, .obituary-rubric .obituary-rubric--filter-searchbox-switch:focus { background-color: rgba(0, 0, 0, 0.1); } .obituary-rubric .obituary-rubric--filter-searchbox-switch:after { content: " "; display: inline-block; border-color: var(--main-color) transparent transparent; border-width: 5px; border-style: solid; width: 1px; height: 1px; margin-left: .4em; vertical-align: -.15em; -webkit-transform-origin: 50% 25%; -ms-transform-origin: 50% 25%; transform-origin: 50% 25%; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } .obituary-rubric .obituary-rubric--filter-advanced { padding-left: 1em; padding-right: 1em; max-height: 0; overflow-y: hidden; transition: max-height .2s ease-in-out; } .obituary-rubric .obituary-rubric--filter-advanced-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 1em; padding-bottom: 1em; } .obituary-rubric .obituary-rubric--filter-advanced-header label { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; border-bottom: 2px solid #aac4cc; cursor: pointer; font-weight: 700; color: #aac4cc; transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out; } .obituary-rubric .obituary-rubric--filter-advanced-header label.active { color: var(--main-color); border-bottom-color: var(--main-color); } .obituary-rubric .obituary-rubric--filter-advanced-header label:focus, .obituary-rubric .obituary-rubric--filter-advanced-header label:hover { background-color: rgba(0, 0, 0, 0.1); } .obituary-rubric .obituary-rubric--filter-advanced-header label input[type="radio"] { display: none; } .obituary-rubric .obituary-rubric--filter-advanced-content-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 1em; } .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1008px) { .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col { width: calc((100% - 80px) / 6 * 3 + 32px); } } .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col.obituary-rubric--filter-advanced-normal-date input[type="text"] { width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col.obituary-rubric--filter-advanced-normal-date input[type="text"] { width: calc((100% - 80px) / 6 * 3 + 32px); } } .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col input[type="text"], .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col select { border: 0; padding: .2em 0; font-size: .9em; width: 100%; /*font-family: "Ubuntu", sans-serif;*/ font-family: 'Roboto', sans-serif; border-bottom: 2px solid rgba(0, 0, 0, 0.3); background-color: transparent; cursor: pointer; transition: border-color .2s ease-in-out; } .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col input[type="text"]:hover, .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col input[type="text"]:focus, .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col select:hover, .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col select:focus { border-bottom-color: var(--main-color); } .obituary-rubric .obituary-rubric--filter-advanced-content-inner-col .obituary-rubric--filter-advanced-description { width: 100%; font-size: .9em; border: 0; color: rgba(0, 0, 0, 0.56); } .obituary-rubric .obituary-rubric--filter-advanced-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; max-height: 0; transition: max-height .2s ease-in-out; padding-left: 1em; padding-right: 1em; overflow-y: hidden; } .obituary-rubric .obituary-rubric--filter-advanced-footer-button { background-color: var(--main-color); border: 0; line-height: 2em; font-size: 1em; color: white; /*font-family: "Ubuntu", sans-serif;*/ font-family: 'Roboto', sans-serif; padding: 0 .7em 0 1em; margin-bottom: 1em; cursor: pointer; transition: background-color .2s ease-in-out; } .obituary-rubric .obituary-rubric--filter-advanced-footer-button:hover, .obituary-rubric .obituary-rubric--filter-advanced-footer-button:focus { background-color: #8ac1d4; } .obituary-rubric .obituary-rubric--filter-advanced-footer-button:after { content: " "; display: inline-block; height: 1.9em; width: 1.9em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTUuNiAxNC4ybDQuNyA0LjctMS40IDEuNC00LjctNC43di0uOGwtLjMtLjNjLTEuMSAxLTIuNSAxLjUtNCAxLjUtMS43IDAtMy4yLS42LTQuNC0xLjgtMS4yLTEuMi0xLjgtMi42LTEuOC00LjQgMC0xLjcuNi0zLjIgMS44LTQuNHMyLjctMS44IDQuNC0xLjhjMS43IDAgMy4yLjYgNC40IDEuOEMxNS40IDYuNyAxNiA4LjIgMTYgOS45YzAgMS41LS41IDIuOS0xLjUgNGwuMy4zaC44em0tOC43LTEuM2MuOC44IDEuOCAxLjIgMyAxLjJzMi4yLS40IDMtMS4yYy44LS44IDEuMi0xLjggMS4yLTNzLS40LTIuMi0xLjItM2MtLjgtLjgtMS44LTEuMi0zLTEuMnMtMi4yLjQtMyAxLjJjLS45LjgtMS4zIDEuOC0xLjMgM3MuNCAyLjIgMS4zIDN6Ii8+PC9zdmc+DQo=); background-size: 90%; background-position: center center; background-repeat: no-repeat; vertical-align: bottom; margin-left: .2em; } .obituary-rubric .article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: .3rem; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: white; border: 2px solid rgba(0, 0, 0, 0.8); } .obituary-rubric .article:nth-child(1n + 2) { margin-top: 27px; } @media (max-width: 1008px) { .obituary-rubric .article:nth-child(1n + 2) { margin-top: 16px; } } .obituary-rubric .article--image { width: calc((100% - 135px) / 6 * 1.5 + 13.5px); } @media (max-width: 1008px) { .obituary-rubric .article--image { width: calc((100% - 80px) / 6 * 1.5 + 8px); } } .obituary-rubric .article--image img { display: block; width: 100%; height: auto; } .obituary-rubric .article--text { width: calc((100% - 135px) / 6 * 4.5 + 94.5px); } @media (max-width: 1008px) { .obituary-rubric .article--text { width: calc((100% - 80px) / 6 * 4.5 + 56px); } } .obituary-rubric .article--content-description { margin: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .obituary-rubric .article--content-description:before { content: "\271D"; margin-right: .2em; font-size: 1.5em; vertical-align: -.1em; color: var(--main-color); } .obituary-rubric .article--content-description p { margin: 0; } .obituary-rubric .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; color: var(--main-color); } .obituary-rubric .article--title h1 { margin: 0; font-size: 2em; } @media (max-width: 480px) { .obituary-rubric .article--title h1 { font-size: 1.7em; } } .obituary-single .main-article { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: .8rem; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: white; border: 2px solid rgba(0, 0, 0, 0.8); } .obituary-single .main-article:nth-child(1n + 2) { margin-top: 27px; } @media (max-width: 1008px) { .obituary-single .main-article:nth-child(1n + 2) { margin-top: 16px; } } .obituary-single .main-article .article--image { width: calc((100% - 135px) / 6 * 2 + 27px); -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; max-width: 200px; margin: auto; } @media (max-width: 1008px) { .obituary-single .main-article .article--image { width: calc((100% - 80px) / 6 * 2 + 16px); } } @media (max-width: 652px) { .obituary-single .main-article .article--image { width: 100%; } } .obituary-single .main-article .article--image img { display: block; width: 100%; height: auto; } .obituary-single .main-article .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; color: var(--main-color); margin: 0; font-size: 2em; } @media (max-width: 480px) { .obituary-single .main-article .article--title { font-size: 1.7em; } } .obituary-single .main-article .article--text { width: calc((100% - 135px) / 6 * 4 + 81px); } @media (max-width: 1008px) { .obituary-single .main-article .article--text { width: calc((100% - 80px) / 6 * 4 + 48px); } } @media (max-width: 652px) { .obituary-single .main-article .article--text { width: 100%; } } .obituary-single .main-article .article--content-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 1em; margin-bottom: 1em; } .obituary-single .main-article .article--content-info-col { width: 50%; padding-left: 1.5em; padding-right: .5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; line-height: 1.2; } .obituary-single .main-article .article--content-info-birth:before, .obituary-single .main-article .article--content-info-death:before { margin-right: .2em; font-size: 1.5em; vertical-align: -.1em; color: var(--main-color); position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; top: 40%; } .obituary-single .main-article .article--content-info-birth:before { content: "*"; } .obituary-single .main-article .article--content-info-death:before { content: "\271D"; } .obituary-single .main-article .article--content-info-date { font-weight: 700; } .obituary-single .main-article .article--content-info-location { color: rgba(0, 0, 0, 0.56); font-size: .95em; } .obituary-single .main-article .article--content-description { margin: 0; line-height: 1.3; } .obituary-single .main-article .article--content-description .epigraph { display: block; font-size: 1.5em; /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; text-align: center; } @media (max-width: 480px) { .obituary-single .main-article .article--content-description .epigraph { font-size: 1.2em; } } .obituary-single .main-article .article--content-description .epigraph:first-of-type { padding-top: .5em; } .obituary-single .main-article .article--content-description .epigraph:last-of-type { padding-bottom: .5em; } .obituary-single .main-article .article--content-date { text-align: right; margin-top: .5em; color: rgba(0, 0, 0, 0.56); } .obituary-single .additional-article { margin-top: 1em; padding: .8rem; position: relative; background-color: white; border: 2px solid rgba(0, 0, 0, 0.8); } .obituary-single .additional-article .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; margin: 0; font-weight: 700; font-size: 1.5em; margin-bottom: .1em; } .obituary-single .additional-article .article--content { line-height: 1.3; } body.article .content-block--main { width: calc((100% - 42px) /3 * 2 + 21px); } .multimedia content-block .content-block--main, .article content-block .content-block--main, .weather content-block .content-block--main, .rubric.prima content-block .content-block--main, .rubric.search content-block .content-block--main, .rubric.vertical-channel .content-block--main, .obituary-rubric .content-block--main, .obituary-single .content-block--main { width: calc((100% - 42px) /3 * 2 + 21px); } .rubric.vertical-channel .content-block--main { margin-top: 60px; } @media (max-width: 839px) { .weather content-block .content-block--main, .rubric.prima content-block .content-block--main { width: 100%; } } /* .multimedia content-block { padding-left: 0; padding-right: 0; } .multimedia content-block .content-block--main { padding-left: 27px; } @media (max-width: 1008px) { .multimedia content-block .content-block--main { padding-left: 16px; } } @media (max-width: 839px) { .multimedia content-block .content-block--main { padding-right: 16px; } } @media (max-width: 480px) { .multimedia content-block .content-block--main { padding-left: 0; padding-right: 0; } } */ .multimedia content-block .content-block--main .video-widget { margin-top: 0; } .multimedia content-block .content-block--main .video-widget--content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .multimedia content-block .content-block--main .video-widget--content .article { width: calc((100% - 21px) / 2); margin-top: 0; margin-bottom: 27px; } @media (max-width: 1008px) { .multimedia content-block .content-block--main .video-widget--content .article { margin-bottom: 16px; } } @media (max-width: 1008px) { .multimedia content-block .content-block--main .video-widget--content .article { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .multimedia content-block .content-block--main .video-widget--content .article { width: 100%; } } .multimedia content-block .content-block--column { /* padding-right: 27px;*/ } @media (max-width: 1008px) { .multimedia content-block .content-block--column { padding-right: 16px; } } @media (max-width: 839px) { .multimedia content-block .content-block--column { padding-left: 16px; } } .multimedia .page--main { padding-left: 0; padding-right: 0; /* width: 100%;*/ } /* .multimedia .page--main .breadcrumb { padding-left: 27px; padding-right: 27px; } @media (max-width: 1008px) { .multimedia .page--main .breadcrumb, .multimedia .page--main .page--header { padding-left: 16px; padding-right: 16px; } } .multimedia .page--main .breadcrumb { margin-top: 1em; margin-bottom: 1em; } */ .multimedia-rubric--categorys { /* padding: 0 27px;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1008px) { .multimedia-rubric .multimedia-rubric--categorys { padding-top: 16px; padding-left: 16px; padding-right: 16px; padding-bottom: 0px; } .multimedia-rubric--latest { padding-top: 16px; } } @media (max-width: 480px) { .multimedia-rubric .multimedia-rubric--categorys { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .multimedia-rubric--categorys-title { color: var(--main-color); font-weight: 600; /* margin-right: .5em;*/ } @media (max-width: 480px) { .multimedia-rubric .multimedia-rubric--categorys-title { display: block; width: 100%; margin-bottom: .5em; } } .multimedia-rubric--categorys-list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* .multimedia-rubric .multimedia-rubric--categorys-listitem { padding-right: .6em; padding-bottom: .6em; } */ .multimedia-rubric .multimedia-rubric--categorys-listitem a { display: block; /* background-color: var(--main-color); color: var(--main-bg-color);*/ color: var(--main-color); padding: .1em .5em; /* transition: background-color .2s ease-in-out;*/ } /* .multimedia-rubric .multimedia-rubric--categorys-listitem a:hover, .multimedia-rubric .multimedia-rubric--categorys-listitem a:focus { background-color: #1c404c; }*/ .multimedia-rubric .multimedia-rubric--latest .article { background-color: var(--main-bg-color); border: solid 1px rgba(0, 0, 0, 0.16); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; background-color: #1c404c; color: white; border: 0; padding: 27px; background-color: #1c404c; color: white; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .multimedia-rubric .multimedia-rubric--latest .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .multimedia-rubric .multimedia-rubric--latest .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .multimedia-rubric .multimedia-rubric--latest .article .article--image-img { overflow: hidden; } .multimedia-rubric .multimedia-rubric--latest .article .article--image img { display: block; width: 100%; height: auto; } .multimedia-rubric .multimedia-rubric--latest .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .multimedia-rubric .multimedia-rubric--latest .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc((100% - 135px) / 6 * 3 + 54px); padding: .7rem; padding-left: 0; } @media (max-width: 1008px) { .multimedia-rubric .multimedia-rubric--latest .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .multimedia-rubric .multimedia-rubric--latest .article .article--text .article--header { height: 100%; } } .multimedia-rubric .multimedia-rubric--latest .article .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color); height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .multimedia-rubric .multimedia-rubric--latest .article .article--title h1 { font-size: 1.5em; margin: 0; } @media (max-width: 480px) { .multimedia-rubric .multimedia-rubric--latest .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } .multimedia-rubric .multimedia-rubric--latest .article .article--content { padding-top: .7rem; } @media (max-width: 480px) { .multimedia-rubric .multimedia-rubric--latest .article .article--content { display: none; } } .multimedia-rubric .multimedia-rubric--latest .article .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .multimedia-rubric .multimedia-rubric--latest .article .article--content-description p { margin-top: 0; } .multimedia-rubric .multimedia-rubric--latest .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .multimedia-rubric .multimedia-rubric--latest .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .multimedia-rubric .multimedia-rubric--latest .article .article--content-relateditem a { color: var(--main-color); } .multimedia-rubric .multimedia-rubric--latest .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .multimedia-rubric .multimedia-rubric--latest .article .article--footer { display: none; } } .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--more { display: inline-block; margin-top: 0; } .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--sharebutton:hover, .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--sharebutton:focus { opacity: .8; } .multimedia-rubric .multimedia-rubric--latest .article .article--title { width: 100%; } .multimedia-rubric .multimedia-rubric--latest .article .article--image { width: 100%; } .multimedia-rubric .multimedia-rubric--latest .article .article--text { width: 100%; padding-left: .7rem; } .multimedia-rubric .multimedia-rubric--latest .article .article--text .article--header { height: auto; } .multimedia-rubric .multimedia-rubric--latest .article .article--title h1 { font-size: 1.5em; } .multimedia-rubric .multimedia-rubric--latest .article .article--content { display: block; } @media (max-width: 652px) { .multimedia-rubric .multimedia-rubric--latest .article .article--content { display: none; } } .multimedia-rubric .multimedia-rubric--latest .article .article--footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .multimedia-rubric .multimedia-rubric--latest .article[gallery] .article--image:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPHBhdGggc3R5bGU9ImZpbGw6ICMxQzQwNEM7IG9wYWNpdHk6IC41OyIgZD0iTTQuOSAyMC4yaDE2LjVWNi4xSDQuOXYxNC4xek0xNi4xIDcuOGMuNC0uNC43LS41IDEuMi0uNXMuOS4yIDEuMi41Yy40LjQuNS43LjUgMS4yIDAgLjQtLjIuOS0uNSAxLjItLjQuNC0uNy41LTEuMi41cy0uOS0uMi0xLjItLjVjLS40LS40LS41LS43LS41LTEuMi0uMS0uNC4xLS45LjUtMS4yem0tMTAgOC45bDQuMS03LjEgNC43IDUuOWgxLjJsNC4xLTMuNXY3LjFINi4xdi0yLjR6Ii8+DQogIDxwYXRoIHN0eWxlPSJmaWxsOiAjZmZmOyIgZD0iTTIwLjIgMTJsLTQuMSAzLjVoLTEuMmwtNC43LTUuOS00LjEgNy4xdjIuNGgxNC4xek0xNy4zIDEwLjhjLjUgMCAuOS0uMiAxLjItLjUuNC0uNC41LS44LjUtMS4yIDAtLjUtLjItLjktLjUtMS4yLS40LS40LS43LS41LTEuMi0uNXMtLjkuMi0xLjIuNWMtLjQuMy0uNS43LS41IDEuMnMuMi45LjUgMS4yYy4zLjQuNy41IDEuMi41eiIvPg0KICA8cGF0aCBzdHlsZT0iZmlsbDogI2ZmZjsiIGQ9Ik0yMi4yIDUuM2MtLjItLjMtLjUtLjQtLjgtLjRINC45Yy0uMyAwLS42LjEtLjguNC0uMS4zLS4zLjUtLjMuOHYxNC4xYzAgLjQuMS42LjQuOC4zLjMuNS40LjguNGgxNi41Yy40IDAgLjYtLjEuOC0uNC4zLS4zLjQtLjUuNC0uOFY2LjFjLS4xLS4zLS4yLS41LS41LS44em0tLjggMTQuOUg0LjlWNi4xaDE2LjV2MTQuMXoiLz4NCiAgPHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTkuMSAyLjZIMi42Yy0uMyAwLS42LjEtLjguMy0uMy4yLS40LjUtLjQuOXYxNC4xaDEuMVYzLjhIMTlWMi42eiIvPg0KPC9zdmc+DQo=); } .multimedia-rubric .multimedia-rubric--latest .article .article--image { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; position: relative; } .multimedia-rubric .multimedia-rubric--latest .article .article--image:after { content: " "; display: block; width: 3em; height: 3em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMy44IDMuOEM2IDEuNiA4LjguNCAxMiAuNHM2IDEuMiA4LjIgMy40YzIuMiAyLjMgMy40IDUgMy40IDguMnMtMS4yIDYtMy40IDguMmMtMi4zIDIuMi01IDMuNC04LjIgMy40cy02LTEuMi04LjItMy40QzEuNiAxOCAuNCAxNS4yLjQgMTJzMS4yLTYgMy40LTguMnptNiAxMy40bDYuOC01LjItNy01LjJ2MTAuNHoiLz4NCiAgPHBhdGggc3R5bGU9ImZpbGw6ICMxQzQwNEM7IG9wYWNpdHk6IC41OyIgZD0iTTkuNiA2LjZ2MTAuOGw3LjItNS40Ii8+DQo8L3N2Zz4NCg==); background-size: contain; background-repeat: no-repeat; position: absolute; top: calc(50% - 1.5em); left: calc(50% - 1.5em); } .multimedia-rubric .multimedia-rubric--latest .article .article--text { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; color: white; } .multimedia-rubric .multimedia-rubric--latest .article .article--title { color: white; } .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--sharebutton { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTggMTYuMWMuOCAwIDEuNS4zIDIuMS45LjYuNi44IDEuMy44IDIgMCAuOC0uMyAxLjUtLjkgMi4xLS42LjYtMS4zLjktMiAuOXMtMS41LS4zLTItLjljLS42LS42LS45LTEuMy0uOS0yLjF2LS43TDggMTQuMmMtLjUuNi0xLjIuOC0yIC44cy0xLjUtLjMtMi4xLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xcy4zLTEuNS45LTIuMUM0LjUgOS4zIDUuMiA5IDYgOXMxLjUuMyAyLjEuOGw3LTQuMWMtLjEtLjMtLjEtLjUtLjEtLjcgMC0uOC4zLTEuNS45LTIuMS42LS42IDEuMy0uOSAyLjEtLjlzMS41LjMgMi4xLjljLjYuNi45IDEuMy45IDIuMXMtLjMgMS41LS45IDIuMWMtLjYuNi0xLjMuOS0yLjEuOXMtMS40LS4zLTIuMS0uOGwtNyA0LjFjLjEuMy4xLjYuMS43IDAgLjIgMCAuNC0uMS43bDcuMSA0LjFjLjYtLjQgMS4yLS43IDItLjd6Ii8+PC9zdmc+DQo=); } .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--more { color: white; } .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--more:focus, .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--more:hover { border-bottom-color: white; } .multimedia-rubric .multimedia-rubric--latest .article .article--content, .multimedia-rubric .multimedia-rubric--latest .article .article--footer { display: none; } @media (max-width: 839px) { .multimedia-rubric .multimedia-rubric--latest .article .article--content { display: block; } } @media (max-width: 652px) { .multimedia-rubric .multimedia-rubric--latest .article .article--content { display: none; } } .multimedia-rubric .multimedia-rubric--latest .article .article--content-description { color: rgba(255, 255, 255, 0.7); } @media (max-width: 1008px) { .multimedia-rubric .multimedia-rubric--latest .article { padding: 16px; } } .multimedia-rubric .multimedia-rubric--latest .article .article--video, .multimedia-rubric .multimedia-rubric--latest .article .article--foto-slider { width: calc((100% - 135px) / 6 * 4 + 81px); } @media (max-width: 1008px) { .multimedia-rubric .multimedia-rubric--latest .article .article--video, .multimedia-rubric .multimedia-rubric--latest .article .article--foto-slider { width: calc((100% - 80px) / 6 * 4 + 48px); } } @media (max-width: 839px) { .multimedia-rubric .multimedia-rubric--latest .article .article--video, .multimedia-rubric .multimedia-rubric--latest .article .article--foto-slider { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 652px) { .multimedia-rubric .multimedia-rubric--latest .article .article--video, .multimedia-rubric .multimedia-rubric--latest .article .article--foto-slider { width: 100%; } } .multimedia-rubric .multimedia-rubric--latest .article .article--foto { position: relative; } .multimedia-rubric .multimedia-rubric--latest .article .article--foto-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 418px; } @media (max-width: 1008px) { .multimedia-rubric .multimedia-rubric--latest .article .article--foto-item { height: 42vw; } } @media (max-width: 839px) { .multimedia-rubric .multimedia-rubric--latest .article .article--foto-item { height: 31vw; } } @media (max-width: 652px) { .multimedia-rubric .multimedia-rubric--latest .article .article--foto-item { height: 65vw; } } .multimedia-rubric .multimedia-rubric--latest .article .article--foto-item img { max-width: 100%; max-height: 100%; height: auto; width: auto; display: block; } .multimedia-rubric .multimedia-rubric--latest .article .article--text { padding: 0; width: calc((100% - 135px) / 6 * 2 + 27px); } @media (max-width: 1008px) { .multimedia-rubric .multimedia-rubric--latest .article .article--text { width: calc((100% - 135px) / 6 * 2 + 27px); } } @media (max-width: 839px) { .multimedia-rubric .multimedia-rubric--latest .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 652px) { .multimedia-rubric .multimedia-rubric--latest .article .article--text { width: 100%; padding-top: 1em; } } .multimedia-rubric .multimedia-rubric--latest .article .article--content, .multimedia-rubric .multimedia-rubric--latest .article .article--footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--more:hover, .multimedia-rubric .multimedia-rubric--latest .article .article--footer .article--more:focus { color: var(--main-color); border-bottom-color: var(--main-color); } .multimedia-single .main-article { padding: 27px 0 0 0; color: var(--main-color); margin-bottom: 27px; } @media (max-width: 1008px) { .multimedia-single .main-article { padding: 16px; } } @media (max-width: 1008px) { .multimedia-single .main-article { margin-bottom: 16px; padding-bottom: 0; } } @media (max-width: 652px) { .multimedia-single .main-article { padding-left: 0; padding-right: 0; } } .multimedia-single .main-article .article--foto { position: relative; } .multimedia-single .main-article .article--foto-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; height: 418px; } @media (max-width: 1008px) { .multimedia-single .main-article .article--foto-item { height: 66vw; } } .multimedia-single .main-article .article--foto-item img { max-width: 100%; max-height: 100%; height: auto; width: auto; display: block; } .multimedia-single .main-article .article--title { display: inline-block; /*color: white;*/ /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-size: 2.2em; line-height: 1.2; margin-top: 0; margin-bottom: .6em; } @media (max-width: 652px) { .multimedia-single .main-article .article--title { padding-left: 16px; padding-right: 16px; font-size: 1.8em; } } @media (max-width: 480px) { .multimedia-single .main-article .article--title { font-size: 1.6em; } } .multimedia-single .main-article .article--title h1 { margin: 0; } .multimedia-single .main-article .article--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 1em; } @media (max-width: 652px) { .multimedia-single .main-article .article--content { padding-left: 16px; padding-right: 16px; } } .multimedia-single .main-article .article--content-description, .multimedia-single .main-article .article--content-author { font-size: 1.2em; } @media (max-width: 480px) { .multimedia-single .main-article .article--content-description, .multimedia-single .main-article .article--content-author { font-size: 1em; } } @media (max-width: 652px) { .multimedia-single .main-article .article--tags { padding-left: 16px; padding-right: 16px; } } .multimedia-single .main-article .article--tags-list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* .multimedia-single .main-article .article--tags-listitem { padding-right: .6em; padding-bottom: .6em; } .multimedia-single .main-article .article--tags-listitem a { display: block; background-color: var(--main-color); color: white; padding: .2em .8em; transition: background-color .2s ease-in-out; } .multimedia-single .main-article .article--tags-listitem a:hover, .multimedia-single .main-article .article--tags-listitem a:focus { background-color: #aac4cc; }*/ .multimedia-single .main-article .default--toolbar { background-color: var(--main-bg-color); } @media (max-width: 1008px) { .multimedia-single .main-article .default--toolbar { padding-left: 16px; padding-right: 16px; } } @media (max-width: 1008px) { .multimedia-single .main-article .default--toolbar { margin-left: -16px; margin-right: -16px; } } @media (max-width: 652px) { .multimedia-single .main-article .default--toolbar { margin-left: 0; margin-right: 0; } } .multimedia-single .recommendation-widget .article { margin-bottom: 27px; } @media (max-width: 1008px) { .multimedia-single .recommendation-widget .article { margin-bottom: 16px; } } .blog .rubric--content .article { padding: 1em; } @media (max-width: 652px) { .blog .rubric--content .article { padding: .5em; } } .blog .rubric--content .article .article--image { width: calc((100% - 135px) / 6 * 2 + 27px); border-radius: 50%; -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } @media (max-width: 1008px) { .blog .rubric--content .article .article--image { width: calc((100% - 80px) / 6 * 2 + 16px); } } .blog .rubric--content .article .article--text { width: calc((100% - 135px) / 6 * 4 + 81px); } @media (max-width: 1008px) { .blog .rubric--content .article .article--text { width: calc((100% - 80px) / 6 * 4 + 48px); } } .blog .rubric--content .article .article--title { font-size: 1.3em; margin-bottom: .5em; } .blog .rubric--content .article .article--content { padding-top: 0; font-size: 1.1em; display: block; } .blog .rubric--content .article .article--content .article--description { display: block; color: rgba(0, 0, 0, 0.56); margin-bottom: .3em; } .blog .rubric--content .article .article--content .article--author { display: block; color: var(--main-color); font-weight: 700; } .blog-author .blog-author--box-image { width: 200px; height: 200px; border-radius: 50%; overflow: hidden; z-index: 1; position: relative; margin: auto; } @media (max-width: 839px) { .blog-author .blog-author--box-image { width: 125px; height: 125px; } } .blog-author .blog-author--box-image img { width: 100%; height: auto; } .blog-author .blog-author--box-content { position: relative; z-index: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 1em; } .blog-author .blog-author--box-content:before { content: " "; background-color: var(--main-bg-color); border: rgba(0, 0, 0, 0.16) 1px solid; display: block; position: absolute; z-index: -1; width: 100%; top: -1.5em; right: 0; bottom: 0; left: 0; } .blog-author .blog-author--box-content .blog-author--box-title { font-size: 1.4em; color: rgba(0, 0, 0, 0.56); } .blog-author .blog-author--box-content .blog-author--box-name { font-size: 2em; /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-weight: 700; } .blog-author .blog-author--box-content .blog-author--box-description { color: rgba(0, 0, 0, 0.56); } .blog-author .blog-author--box-content .blog-author--box-description strong { font-weight: 700; font-size: .98em; } .blog-author .rubric--content .article { background-color: var(--main-bg-color); border: solid 1px rgba(0, 0, 0, 0.16); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; border: none; background-color: transparent; margin-bottom: 4em; } .blog-author .rubric--content .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .blog-author .rubric--content .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .blog-author .rubric--content .article .article--image-img { overflow: hidden; } .blog-author .rubric--content .article .article--image img { display: block; width: 100%; height: auto; } .blog-author .rubric--content .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .blog-author .rubric--content .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc((100% - 135px) / 6 * 3 + 54px); padding: .7rem; padding-left: 0; } @media (max-width: 1008px) { .blog-author .rubric--content .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .blog-author .rubric--content .article .article--text .article--header { height: 100%; } } .blog-author .rubric--content .article .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color); height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .blog-author .rubric--content .article .article--title h1 { font-size: 1.5em; margin: 0; } @media (max-width: 480px) { .blog-author .rubric--content .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } .blog-author .rubric--content .article .article--content { padding-top: .7rem; } @media (max-width: 480px) { .blog-author .rubric--content .article .article--content { display: none; } } .blog-author .rubric--content .article .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .blog-author .rubric--content .article .article--content-description p { margin-top: 0; } .blog-author .rubric--content .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .blog-author .rubric--content .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .blog-author .rubric--content .article .article--content-relateditem a { color: var(--main-color); } .blog-author .rubric--content .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .blog-author .rubric--content .article .article--footer { display: none; } } .blog-author .rubric--content .article .article--footer .article--more { display: inline-block; margin-top: 0; } .blog-author .rubric--content .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .blog-author .rubric--content .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .blog-author .rubric--content .article .article--footer .article--sharebutton:hover, .blog-author .rubric--content .article .article--footer .article--sharebutton:focus { opacity: .8; } .blog-author .rubric--content .article .article--title { width: 100%; } .blog-author .rubric--content .article .article--image { width: 100%; } .blog-author .rubric--content .article .article--text { width: 100%; padding-left: .7rem; } .blog-author .rubric--content .article .article--text .article--header { height: auto; } .blog-author .rubric--content .article .article--title h1 { font-size: 1.5em; } .blog-author .rubric--content .article .article--content { display: block; } @media (max-width: 652px) { .blog-author .rubric--content .article .article--content { display: none; } } .blog-author .rubric--content .article .article--footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .blog-author .rubric--content .article .article--header .article--date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.3em; color: var(--main-color); margin-bottom: 1em; } .blog-author .rubric--content .article .article--header .article--date:before, .blog-author .rubric--content .article .article--header .article--date:after { content: " "; display: block; height: 2px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 2px solid rgba(0, 0, 0, 0.16); } .blog-author .rubric--content .article .article--header .article--date:before { margin-right: 1em; } .blog-author .rubric--content .article .article--header .article--date:after { margin-left: 1em; } @media (max-width: 652px) { .blog-author .rubric--content .article { padding-left: 16px; padding-right: 16px; } } .events-rubric .events-rubric--date { margin-bottom: 27px; text-align: center; } .events-rubric .events-rubric--date-selector { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; color: rgba(0, 0, 0, 0.56); } @media (max-width: 652px) { .events-rubric .events-rubric--date-selector { padding-right: 16px; } } .events-rubric .events-rubric--date-selector-button { display: block; border: 1px solid var(--main-color); font-size: 1em; background-color: transparent; color: var(--main-color); font-weight: 700; padding: .5em .5em; min-width: 150px; margin-left: 1em; cursor: pointer; transition: background-color .2s ease-in-out, color .2s ease-in-out; } .events-rubric .events-rubric--date-selector-button:hover, .events-rubric .events-rubric--date-selector-button:focus { background-color: var(--main-color); color: white; } .events-rubric .events-rubric--category { border-top: 2px solid var(--main-color); margin-bottom: 4em; } .events-rubric .events-rubric--category-title { color: var(--main-color); margin: 0; } @media (max-width: 480px) { .events-rubric .events-rubric--category-title { padding-left: 16px; padding-right: 16px; } } .events-rubric .events-rubric--category .article { background-color: var(--main-bg-color); border: solid 1px rgba(0, 0, 0, 0.16); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: .7rem; margin-top: 13.5px; } .events-rubric .events-rubric--category .article .article--image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto; overflow: hidden; background-color: rgba(0, 0, 0, 0.16); width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .events-rubric .events-rubric--category .article .article--image { width: calc((100% - 80px) / 6 * 3 + 32px); } } .events-rubric .events-rubric--category .article .article--image-img { overflow: hidden; } .events-rubric .events-rubric--category .article .article--image img { display: block; width: 100%; height: auto; } .events-rubric .events-rubric--category .article .article--image .article--badge { position: absolute; top: 0; left: 0; background-color: rgba(66, 152, 182, 0.7); color: white; text-transform: uppercase; padding: .2em 1em; font-weight: 700; font-size: .9em; } .events-rubric .events-rubric--category .article .article--text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: calc((100% - 135px) / 6 * 3 + 54px); padding: .7rem; padding-left: 0; } @media (max-width: 1008px) { .events-rubric .events-rubric--category .article .article--text { width: calc((100% - 80px) / 6 * 3 + 32px); } } @media (max-width: 480px) { .events-rubric .events-rubric--category .article .article--text .article--header { height: 100%; } } .events-rubric .events-rubric--category .article .article--title { /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; font-weight: 700; line-height: 1.1; letter-spacing: -.015em; color: var(--main-color); height: 100%; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .events-rubric .events-rubric--category .article .article--title h1 { font-size: 1.5em; margin: 0; } @media (max-width: 480px) { .events-rubric .events-rubric--category .article .article--title h1 { font-size: 1.2em; line-height: 1.2; } } .events-rubric .events-rubric--category .article .article--content { padding-top: .7rem; } @media (max-width: 480px) { .events-rubric .events-rubric--category .article .article--content { display: none; } } .events-rubric .events-rubric--category .article .article--content-description { margin-top: 0; color: rgba(0, 0, 0, 0.56); line-height: 1.3; } .events-rubric .events-rubric--category .article .article--content-description p { margin-top: 0; } .events-rubric .events-rubric--category .article .article--content-related { padding: 0; margin: 0; list-style: none; padding-top: .2em; } .events-rubric .events-rubric--category .article .article--content-relateditem:before { content: "\25A0"; color: var(--main-color); } .events-rubric .events-rubric--category .article .article--content-relateditem a { color: var(--main-color); } .events-rubric .events-rubric--category .article .article--footer { padding-top: .3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 480px) { .events-rubric .events-rubric--category .article .article--footer { display: none; } } .events-rubric .events-rubric--category .article .article--footer .article--more { display: inline-block; margin-top: 0; } .events-rubric .events-rubric--category .article .article--footer .article--more:after { padding-left: .2em; content: "»"; } .events-rubric .events-rubric--category .article .article--footer .article--sharebutton { display: inline-block; text-indent: 100%; overflow: hidden; width: 24px; height: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE4IDE2LjFjLjggMCAxLjUuMyAyLjEuOS42LjYuOCAxLjMuOCAyIDAgLjgtLjMgMS41LS45IDIuMS0uNi42LTEuMy45LTIgLjlzLTEuNS0uMy0yLS45Yy0uNi0uNi0uOS0xLjMtLjktMi4xdi0uN0w4IDE0LjJjLS41LjYtMS4yLjgtMiAuOHMtMS41LS4zLTIuMS0uOWMtLjYtLjYtLjktMS4zLS45LTIuMXMuMy0xLjUuOS0yLjFDNC41IDkuMyA1LjIgOSA2IDlzMS41LjMgMi4xLjhsNy00LjFjLS4xLS4zLS4xLS41LS4xLS43IDAtLjguMy0xLjUuOS0yLjEuNi0uNiAxLjMtLjkgMi4xLS45czEuNS4zIDIuMS45Yy42LjYuOSAxLjMuOSAyLjFzLS4zIDEuNS0uOSAyLjFjLS42LjYtMS4zLjktMi4xLjlzLTEuNC0uMy0yLjEtLjhsLTcgNC4xYy4xLjMuMS42LjEuNyAwIC4yIDAgLjQtLjEuN2w3LjEgNC4xYy42LS40IDEuMi0uNyAyLS43eiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .5; transition: opacity .2s ease-in-out; } .events-rubric .events-rubric--category .article .article--footer .article--sharebutton:hover, .events-rubric .events-rubric--category .article .article--footer .article--sharebutton:focus { opacity: .8; } .events-rubric .events-rubric--category .article .article--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 0; } .events-rubric .events-rubric--category .article .article--title { padding: .5em 0; } .events-rubric .events-rubric--category .article .article--badge { background-color: var(--main-color); padding: .2em .5em .1em; color: white; font-weight: 700; font-size: .9em; text-transform: uppercase; } .events-rubric .events-rubric--category .article .article--datalist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; list-style: none; margin: 0; padding: 0; line-height: 1.1; margin-top: .4em; } .events-rubric .events-rubric--category .article .article--datalistitem { color: rgba(0, 0, 0, 0.56); position: relative; margin-left: 1.2em; margin-bottom: .3em; } .events-rubric .events-rubric--category .article .article--datalistitem:before { content: ""; display: inline-block; vertical-align: sub; position: absolute; left: -1.3em; height: 1.1em; width: 1.1em; opacity: .4; margin-right: .2em; } .events-rubric .events-rubric--category .article .article--datalistitem[data-item-type="location"]:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcgNGMxLjUtMS4zIDMtMiA1LTJzMy42LjggNSAyIDIgMyAyIDVjMCAxLS4zIDItLjggMy4zLS41IDEuMy0xIDIuNC0xLjggMy41bC0yIDMtMS43IDIuNC0uNy44LS44LTEtMS42LTItMi4yLTMuMi0xLjctMy40QzUuMyAxMSA1IDEwIDUgOWMwLTIgLjctMy42IDItNXptMy4yIDYuOGMuNS41IDEgLjcgMS44LjdzMS4zLS4yIDEuOC0uN2MuNS0uNS43LTEgLjctMS44IDAtLjctLjItMS4zLS43LTEuOC0uNS0uNS0xLS43LTEuOC0uN3MtMS4zLjItMS44LjdjLS40LjUtLjcgMS0uNyAxLjggMCAuNy4zIDEuMy43IDEuOHoiLz48L3N2Zz4NCg==); } .events-rubric .events-rubric--category .article .article--datalistitem[data-item-type="price"]:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTIyLjQgNy40Yy4zLjMuNS43LjUgMS4ycy0uMy44LS42IDEuMkw5LjcgMjIuNGMtLjMuMy0uNy41LTEuMi41cy0uOC0uMy0xLjItLjZsLTEuNi0xLjYuNy0uN2MuMyAwIC41LS4yLjYtLjRsLjItLjhjMC0uNS0uMi0xLS42LTEuNHMtLjgtLjYtMS40LS42Yy0uMyAwLS41IDAtLjguMi0uMiAwLS40LjItLjYuNEwzIDE4bC0xLjUtMS41Yy0uMy0uMy0uNS0uNy0uNS0xLjJzLjItLjguNS0xLjJMMTQuMyAxLjdjLjMtLjMuNy0uNSAxLjItLjVzLjguMyAxLjIuNmwxLjYgMS42LS43LjdjLS4zIDAtLjUuMi0uNi40bC0uMi44YzAgLjUuMiAxIC42IDEuNC40LjQuOC42IDEuNC42LjMgMCAuNSAwIC44LS4yLjIgMCAuNC0uMi42LS40TDIxIDZsMS40IDEuNHpNMTAuNiAxOC44bDguMi04LjJMMTMuMyA1IDUgMTMuNGw1LjYgNS41ek04IDEzLjRsMi42IDIuNyA1LjUtNS40TDEzLjUgOCA4IDEzLjN6Ii8+PC9zdmc+DQo=); } .events-rubric .events-rubric--category .article:first-of-type { margin-top: .7rem; } .vertical-channel .vertical-channel--header { background-position: center; background-size: cover; height: 320px; margin-top: 27px; } @media (max-width: 1008px) { .vertical-channel .vertical-channel--header { margin-top: 16px; } } @media (max-width: 1008px) { .vertical-channel .vertical-channel--header { height: 250px; } } @media (max-width: 652px) { .vertical-channel .vertical-channel--header { height: 200px; } } .vertical-channel .vertical-channel--header-head { height: 45px; position: relative; } .vertical-channel .vertical-channel--header-head:before { content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; mix-blend-mode: multiply; background-color: var(--main-lightblue-color); } .vertical-channel .vertical-channel--header-title { line-height: 45px; /*font-family: "Droid Serif", serif;*/ font-family: 'Bitter', serif; color: white; text-align: center; font-size: 1.5em; margin: 0; position: relative; } .vertical-channel .vertical-channel--header-logo { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1My4yIiBoZWlnaHQ9IjEyIj48cGF0aCBkPSJNMzcuOCA1LjJjLTEuMi0uNS0yLjQtLjctMy42LTEtLjYtLjEtMS4yLS4yLTEuNi0uNi0uMy0uMi0uMi0uNi0uMi0uOS4xLS41LjYtLjkgMS4xLTEgLjktLjIgMS45LS4xIDIuNy40YTMgMyAwIDAgMSAxLjUgMi4yaDEuNlYuMWgtMS40bC0uMy44LS40LS4yYy0xLS41LTIuMS0uOS0zLjMtLjgtMSAwLTIgLjItMi45LjctLjguNi0xLjUgMS40LTEuNiAyLjQtLjEuOSAwIDIgLjcgMi43LjYuNyAxLjUgMS4xIDIuNCAxLjNsMyAuN2MuMy4xLjcuMiAxIC41LjQuNC4zIDEuMSAwIDEuNWEzIDMgMCAwIDEtMS41LjdjLS45IDAtMS44LS4yLTIuNi0uN2EzLjQgMy40IDAgMCAxLTEuMy0yLjNoLTEuNnY0LjVoMS40bC41LS45YzEuMS44IDIuNSAxLjEgMy44IDEuMSAxLjEgMCAyLjItLjIgMy4xLS43LjgtLjQgMS40LTEuMiAxLjUtMi4xLjItLjkuMS0xLjktLjQtMi43LS41LS43LTEtMS4xLTEuNi0xLjR6TTEyLjMgMTBjLS4zLS4yLS41LS42LS42LTFMOS40IDIuNUM5IDEuOCA4LjggMS4xIDguNS4zSDUuMWwtLjMuMS0zIDguNGMtLjEuNS0uMi45LS42IDEuMi0uNC4yLS44LjEtMS4yLjF2MS41aDV2LTEuNWMtLjQgMC0uOS4xLTEuMy0uMi0uMS0uMiAwLS40LjEtLjZMNC4yIDhoMy43Yy4xLjYuNCAxLjIuNCAxLjdsLS4xLjNjLS40LjItLjkuMS0xLjQuMXYxLjVoNi4zdi0xLjVjLS4zIDAtLjYuMS0uOC0uMXpNNC43IDYuNUw2IDIuOGwxLjMgMy43SDQuN3pNMjcuOC40aC01LjN2MS41aDEuMmMuMyAwIC40LjQuNC42djUuMUwxOS43LjRoLTUuNXYxLjVoMS4xYy4zIDAgLjUuMy41LjZ2N2MwIC4zLS4xLjYtLjQuNmgtMS4xdjEuNWg1LjN2LTEuNWgtMWMtLjMtLjEtLjQtLjQtLjQtLjZWNGw0LjUgNy43aDMuNnYtOWwuMS0uNi41LS4yaDFMMjcuOC40em0yNS40IDkuN2gtLjZjLS40LS4xLS42LS41LS44LS45TDQ4LjYuM0g0NWwtLjMuNy0yLjggNy45Yy0uMi40LS4zIDEtLjggMS4xbC0xIC4xdjEuNWg1di0xLjVjLS40IDAtLjkgMC0xLjMtLjIgMC0uNi4zLTEuMi41LTEuOEg0OGMuMi42LjUgMS4yLjUgMS45LS41LjItMSAuMS0xLjUuMnYxLjVoNi4zbC0uMS0xLjZ6bS04LjQtMy42bDEuMy0zLjcuMi40IDEuMiAzLjItMi43LjF6IiBmaWxsPSIjZmRmZWZkIi8+PC9zdmc+DQo=); background-position: center; background-size: contain; overflow: hidden; background-repeat: no-repeat; position: absolute; right: 27px; height: 13px; top: 16px; line-height: 1; text-indent: 1000%; display: block; width: 55px; } @media (max-width: 1008px) { .vertical-channel .vertical-channel--header-logo { right: 16px; } } .vertical-channel .landscape-articles-widget { margin-top: 27px; } @media (max-width: 1008px) { .vertical-channel .landscape-articles-widget { margin-top: 16px; } } .vertical-channel .rubric--content .article:first-child { margin-top: 0; } @media (max-width: 839px) { .single-image-widget { display: none; } } /*fix video*/ .MsPlayer.fullscreen { margin: unset !important; margin-left: 15px !important; margin-right: 9px !important; width: 28px !important; height: 20px !important; margin-top: 3px !important; max-width: 28px !important; max-height: 20px !important; } /* per limitare i video verticali */ .multimedia-single .main-article #video { max-height: 500px; } .multimedia-single .main-article #MSVD-Container { max-height:inherit; } .multimedia-single .main-article #MsPlayer-video { max-height:inherit; } /*inizio css per la ricerca su tablet e mobile*/ @media (min-width: 839px) { .search_mob { display: none; } } .search_mob { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; float: right; margin-top: -28px; } .search_mob .slim-header--search2 { padding-left: 1em; width: 100%; } @media (min-width: 839px) { .search_mob .slim-header--search2 { padding-left: 16px; padding-right: 16px; } } .search_mob .slim-header--search2 form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; } .search_mob .slim-header--search2 .slim-header--searchfield2 { width: 0; padding: 0; border: 0; font-size: 1em; border-bottom: 1px solid rgba(0, 0, 0, 0.16); background-color: transparent; transition: width .2s ease-in-out, border-color .2s ease-in-out; } @media (min-width: 839px) { .search_mob .slim-header--search2 .slim-header--searchfield2 { color: white; border-bottom-color: rgba(255, 255, 255, 0.4); font-size: 1.1em; } } .search_mob .slim-header--search2 .slim-header--searchfield2::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.56); } .search_mob .slim-header--search2 .slim-header--searchfield2::-moz-placeholder { color: rgba(0, 0, 0, 0.56); } .search_mob .slim-header--search2 .slim-header--searchfield2:-ms-input-placeholder { color: rgba(0, 0, 0, 0.56); } .search_mob .slim-header--search2 .slim-header--searchfield2::placeholder { color: rgba(0, 0, 0, 0.56); } @media (min-width: 839px) { .search_mob .slim-header--search2 .slim-header--searchfield2::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } .search_mob .slim-header--search2 .slim-header--searchfield2::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } .search_mob .slim-header--search2 .slim-header--searchfield2:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } .search_mob .slim-header--search2 .slim-header--searchfield2::placeholder { color: rgba(255, 255, 255, 0.7); } } .search_mob .slim-header--search2 .slim-header--searchfield2:focus { border-bottom-color: rgba(0, 0, 0, 0.56); } @media (min-width: 839px) { .search_mob .slim-header--search2 .slim-header--searchfield2:focus { border-bottom-color: rgba(255, 255, 255, 0.7); } } .search_mob .slim-header--search2 .slim-header--searchfield2:focus ~ .search-button2 { border-bottom-color: rgba(0, 0, 0, 0.56); } @media (min-width: 839px) { .search_mob .slim-header--search2 .slim-header--searchfield2:focus ~ .search-button2 { border-bottom-color: rgba(255, 255, 255, 0.7); } } .search_mob .slim-header--search2 button.search-button2 { display: none; } .search_mob .slim-header--search2 .search-button2 { display: block; position: relative; width: 28px; height: 28px; text-indent: 1000%; overflow: hidden; padding: 0; background-color: transparent; border: 0; cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, 0.16); transition: border-color .2s ease-in-out; } @media (min-width: 839px) { .search_mob .slim-header--search2 .search-button2 { border-bottom-color: rgba(255, 255, 255, 0.4); } } .search_mob .slim-header--search2 .search-button2:hover:before, .search_mob .slim-header--search2 .search-button2:focus:before { opacity: 1; } .search_mob .slim-header--search2 .search-button2[for] { border-bottom-color: transparent; } .search_mob .slim-header--search2 .search-button2:before { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE1LjYgMTQuMmw0LjcgNC43LTEuNCAxLjQtNC43LTQuN3YtLjhsLS4zLS4zYy0xLjEgMS0yLjUgMS41LTQgMS41LTEuNyAwLTMuMi0uNi00LjQtMS44LTEuMi0xLjItMS44LTIuNi0xLjgtNC40IDAtMS43LjYtMy4yIDEuOC00LjRzMi43LTEuOCA0LjQtMS44YzEuNyAwIDMuMi42IDQuNCAxLjhDMTUuNCA2LjcgMTYgOC4yIDE2IDkuOWMwIDEuNS0uNSAyLjktMS41IDRsLjMuM2guOHptLTguNy0xLjNjLjguOCAxLjggMS4yIDMgMS4yczIuMi0uNCAzLTEuMmMuOC0uOCAxLjItMS44IDEuMi0zcy0uNC0yLjItMS4yLTNjLS44LS44LTEuOC0xLjItMy0xLjJzLTIuMi40LTMgMS4yYy0uOS44LTEuMyAxLjgtMS4zIDNzLjQgMi4yIDEuMyAzeiIvPjwvc3ZnPg0K); background-repeat: no-repeat; background-size: contain; opacity: .4; transition: opacity .2s ease-in-out; } @media (min-width: 839px) { .search_mob .slim-header--search2 .search-button2:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTUuNiAxNC4ybDQuNyA0LjctMS40IDEuNC00LjctNC43di0uOGwtLjMtLjNjLTEuMSAxLTIuNSAxLjUtNCAxLjUtMS43IDAtMy4yLS42LTQuNC0xLjgtMS4yLTEuMi0xLjgtMi42LTEuOC00LjQgMC0xLjcuNi0zLjIgMS44LTQuNHMyLjctMS44IDQuNC0xLjhjMS43IDAgMy4yLjYgNC40IDEuOEMxNS40IDYuNyAxNiA4LjIgMTYgOS45YzAgMS41LS41IDIuOS0xLjUgNGwuMy4zaC44em0tOC43LTEuM2MuOC44IDEuOCAxLjIgMyAxLjJzMi4yLS40IDMtMS4yYy44LS44IDEuMi0xLjggMS4yLTNzLS40LTIuMi0xLjItM2MtLjgtLjgtMS44LTEuMi0zLTEuMnMtMi4yLjQtMyAxLjJjLS45LjgtMS4zIDEuOC0xLjMgM3MuNCAyLjIgMS4zIDN6Ii8+PC9zdmc+DQo=); } } .search_mob .slim-header--search2 #toggle-searchfield2 { display: none; } .search_mob .slim-header--search2 #toggle-searchfield2:checked ~ .slim-header--searchfield2 { width: 200px; margin-top: 30px; } .search_mob .slim-header--search2 #toggle-searchfield2:checked ~ button.search-button2 { display: block; margin-top: 30px; } .search_mob .slim-header--search2 #toggle-searchfield2:checked ~ label.search-button2 { display: none; } @media (min-width: 839px) { .search_mob .slim-header--search2 #toggle-searchfield2 ~ .slim-header--searchfield2 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .search_mob .slim-header--search2 #toggle-searchfield2 ~ button.search-button2 { display: block; } .search_mob .slim-header--search2 #toggle-searchfield2 ~ label.search-button2 { display: none; } } /*fine css per la ricerca su tablet e mobile*/ .embedcode-widget iframe { width: -moz-available; width: -webkit-fill-available; } .player-title { display: none !important; } @media (max-width: 652px) { .article--badge--2 { display: none; } } /* .article .article--content-description a:hover, .article .article--content-description a:focus { border-bottom-color: var(--main-color); padding-bottom: 0; margin-bottom: .1em; }*/ /* .article .article--content-description a, .article .main-article .article--header-description a, .article .main-article .article--content a { color: var(--main-color); text-decoration: none; border-bottom: transparent 1px solid; border-bottom-color: transparent; padding-bottom: .1em; transition: border .2s ease-in-out, padding .2s ease-in-out, margin .2s ease-in-out; font-weight: 500; }*/ .article .main-article .article--content a { text-decoration: underline solid 3px; } .article--foto-item-description.image-slider--description { z-index: 999; } div.whatsapp { visibility: hidden; float: left; margin-top: 2.5px; } div.sharesocial-popup iframe { margin-top: 2.5px; } .default .default--toolbar-listitem[data-type="icon"] a.whatsapp { background: url(/public/images/whatsapp.png) no-repeat; background-position: 0 0; opacity: unset; width: 67px; height: 20px; } footer a.whatsapp { background: url(/public/images/whatsapp.png) no-repeat; background-position: 0 0; clip: rect(0 0 0 0); text-indent: 1000%; overflow: hidden; display: block; color: transparent; word-wrap: normal; width: 67px; height: 20px; } .vertical-channel.rubric .rubric--content { flex-direction: row; } .article .main-article .article--content a.poll-link, .poll-result-label, .poll-result-data { color: var(--main-color); } .multimedia-single .main-article .article--foto-item img.fotoscheda, .article .main-article .article--content .article--foto-item img.fotoscheda { margin-top: 190px; } .multimedia-rubric .multimedia-rubric--latest .article .article--foto-item img.fotoscheda { margin-top: 240px; } .lSSlideWrapper:hover .image-slider--description.fotoscheda, .lSSlideWrapper .image-slider--description.fotoscheda{ opacity: 1; transition-delay: 0s; } @media (max-width: 652px) { .multimedia-rubric .multimedia-rubric--latest.fotoscheda .article--foto-item { height: 110vw; } .multimedia-single .article.main-article.fotoscheda .article--foto-item, .multimedia-rubric .multimedia-rubric--latest.fotoscheda figure.article--foto .article--foto-item { height: 120vw; } } /* inizio access poin e slide show */ .sport-widget .sport-widget--content.articles .article .article--footer { display: unset; } .sport-widget .sport-widget--content.articles .article:nth-child(n+2) { margin-top: 0px; } .slider .articles .article .article--text { height: 100%; padding-bottom: 0px; } .slider .articles .article .article--text .article--header-author { white-space: nowrap; } .slider .articles .article .article--text .article--title { min-height: 75%; } .slider .articles .article .article--text .author-line { top: 5px; position: relative; } .home leader-block .leader-block--articles.leader-block--small-articles-accesspoint { width: calc((100% - 42px) / 3 ); padding-left: 0px; padding-right: 0px; margin-bottom: 25px; } .home leader-block .leader-block--articles.leader-block--small-articles-accesspoint .article { width: 100%; height: 143px; } .slider, .slider .articles { width: 100%; height: 100%; max-height: 143px; position: relative; } .slider { /* height: 75%;*/ max-height: 143px; height: 143px; } .slider .articles { display: flex; overflow: hidden; } .slider .article { min-width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; position: absolute; left: 100%; /* animation duration can't be greater than variable interval in JS! */ /* check JS for other settings */ animation: .6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s left; animation-fill-mode: forwards; background-size: cover !important; background-position: 50% !important; } /* .slider .article span { color: grey; font-size: 10px; float: right; }*/ .dots { position: absolute; bottom: -18px; left: 0; display: flex; justify-content: center; width: 100%; } .dot { width: 8px; height: 8px; background: gray; border-radius: 50%; margin: 0 3px; cursor: pointer; } .active-dot { background: #3f3f3f; cursor: default; } @keyframes leftNext { from { left: 100%; } to { left: 0; } } @keyframes leftCurr { from { left: 0; } to { left: -100%; } } @keyframes rightNext { from { left: -100%; } to { left: 0; } } @keyframes rightCurr { from { left: 0; } to { left: 100%; } } /* fine access poin e slide show */ .home #adv-Middle, .rubric #adv-Middle, .multimedia-rubric #adv-Middle { /* margin-top: 27px;*/ margin-left: auto; margin-right: auto; } /* fix banner square.vm in home e pagine interne*/ .home #kfad-div-cont-Square_pb_placer { float: unset !important; margin-left: unset !important; margin-top: 27px; } .rubric #kfad-div-cont-Square_pb_placer { float: unset !important; margin-left: unset !important; } .article--content .multimedia-rubric--latest { padding-top: 10px; border: 1px solid var(--main-color); } .article--content #adv-Middle { margin-top: unset; } ad-container.sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; z-index: 1000; width: 100%; } .article--content-description ul { padding-left: 15px; /* font-size: 11px; letter-spacing: -0.11px; line-height: 14px; aumento font*/ font-size: 13px; letter-spacing: -0.13px; line-height: 16px; } .article--header-author{ /* font-size: 11px; letter-spacing: 0px; line-height: 30px; aumento font*/ font-size: 13px; letter-spacing: 0px; line-height: 32px; font-weight: 300; margin-top: -5px; } .author-blog-widget .author-blog-widget--content .article--author { font-weight: 500; /*700*/ font-size:13px; letter-spacing: -0.13px; line-height: 17px; margin-top: -5px; text-transform: uppercase; } .author-line { margin: 0px; border-top: 1px solid var(--main-color); width: 10px; } body.article .author-line { margin-top: 10px; } .article-blog-list .author-line { position: relative; top: 5px; } .author-blog-widget .author-blog-widget--content .article--author { order: 1; } .author-blog-widget .author-blog-widget--content .article--title { order: 2; } .author-blog-widget .author-blog-widget--content .article a.article--description { order: 3; } .video-block .video-widget .video-widget--content, .banner-block .banner-widget .banner-widget--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } hr.ad-top { margin-top: 30px; margin-bottom: 10px; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 2px solid var(--main-grey-color); } hr.ad-bottom { margin-top: 10px; margin-bottom: 30px; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 2px solid var(--main-grey-color); } .strip hr.ad-top { margin-top: 21px; } hr.ad-top.w100, hr.ad-bottom.w100 { width:100%; } .content-block--video { width:100%; } .content-block--video ad-container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .content-block--video ad-container [ad-item] { width: 100%; } .content-block--generic ad-container div.ad-small { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .news-cover-widget { width: calc((100% - 42px) / 3); height: 307px; margin-top: 21px; z-index: 2; } .news-cover-widget > ad-container:nth-child(4) { margin-bottom: 3.5px; } .leader-block--articles.leader-block--small-articles-accesspoint { /* order: 7; left: calc(100% - 307px); position: relative; bottom: 143px;*/ } .video-block.primo, .video-block.quattro, .video-block.cinque, .video-block.sei, .banner-block.primo, .banner-block.secondo, .banner-block.terzo { width: calc((100% - 42px) / 3); } .video-block.primo::after, .video-block.secondoterzo .video-widget .video-widget--content .article:nth-child(1)::after, .video-block.quattro::after, .video-block.cinque::after { content: " "; display: block; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='308' viewBox='0 0 1 308'%3E%3Cline id='Linea_1740' data-name='Linea 1740' y1='307' transform='translate(0.5 0.5)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-width='1' stroke-dasharray='0 3'/%3E%3C/svg%3E%0A"); width: 1px; height: 308px; margin-top: -308px; margin-left: 317px; } .video-block.secondoterzo .video-widget .video-widget--content .article:nth-child(1)::after { margin-top: 0px; } .content-block--riga.riga1, .content-block--riga.riga2 { width: 100%; height: 1px; margin-top: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='964' height='1' viewBox='0 0 964 1'%3E%3Cpath id='Tracciato_1707' data-name='Tracciato 1707' d='M0,0H963' transform='translate(0.5 0.5)' fill='none' stroke='%23212020' stroke-linecap='round' stroke-width='1' stroke-dasharray='0 3'/%3E%3C/svg%3E%0A"); } .video-block.primo .video-widget .video-widget--content, .video-block.quattro .video-widget .video-widget--content, .video-block.cinque .video-widget .video-widget--content { height: 307px; } .video-block.secondoterzo { width: calc((100% - 42px) / 3 * 2 + 21px); } .video-block.secondoterzo article { width: calc((100% - 21px) / 2); } .home .rectangleABC, .home .rectangleDEF { width: 100%; } ad-container.rectangleABC > div[ad-item], ad-container.rectangleDEF > div[ad-item] { width: 100%; } .content-block--generic { width: 100%; } .generic-block .generic-widget .generic-widget--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .rullo_p8 { height: 307px; } .rullo_p8 .landscape-articles-widget .landscape-articles-widget--content .article { height: 635px; width: 100%; background-color: var(--main-grey-color); } .rullo_p8 .landscape-articles-widget .landscape-articles-widget--content .article .article--text { padding: 8px 7px 0px 10px; } a:hover, a > *:hover { color: var(--main-color-over) !important; } /* meteo */ .weather-widget .weather-widget-altoadige-stations { padding-bottom: 1em; width: 100%; position: relative; margin: auto; } .weather-widget .weather-widget-altoadige-stations-items-item { top: 0; left: 0; text-align: center; font-size: 15px; display: inline-block; width: calc((100% - 135px) / 6 - -18px); color: var(--main-color); margin-top: 40px; } .weather-widget .weather-widget-altoadige-stations-items-item [class$="items-icon"] { display: inline-block; margin: auto; height: 3em; width: 4em; background-position: bottom center; } .weather-widget-altoadige-stations-items-place.screen-reader-text.screen-reader-text { font-size: 18px; position: unset; font-weight: 600; } /* .weather-widget-altoadige-stations:after, .weather-widget-altoadige-stations:before { content: " "; display: block; position: absolute; height: 1px; width: 70%; left: 15%; background-color: rgba(0, 0, 0, 0.16); } */ .breakingNews{ width: 100%; height: 65px; background-color: var(--main-grey-color); margin-top: 21px; } .breakingNewsText { font-family: 'Bitter', serif; font-size:18px; letter-spacing: -0.18px; line-height: 21px; /* font-size: 20px; letter-spacing: -0.20px; line-height: 23px; aumento font*/ font-weight: 700; /*800*/ width: calc((100% - 21px) / 6 * 5); } .breakingNewsText a { text-overflow:ellipsis; overflow:hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } /* Slideshow container */ .breakingNews, .slideshow-container, .mySlides, .breakingNewsTitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .slideshow-container { width: calc((100% - 42px) / 3 * 2 + 21px); } .active { /*background-color: #717171;*/ background-color: var(--main-grey-color); } .weather .active{ background-color: unset; } .breakingNewsTitle { width: calc(100% - ((100% - 42px) / 3 * 2) - (13px * 2) - (21px * 4) - 10px); font-size:18px; letter-spacing: -0.18px; line-height: 21px; color: var(--main-lightblue-color); margin-top: 21px; margin-left: 10px; } .breakingNewsTitleText { font-family: 'Bitter', serif; font-size: 25px; letter-spacing: -0.25px; line-height: 25px; /* font-size: 27px; letter-spacing: -0.27px; line-height: 27px; rimosso aumento font*/ font-weight: 700; /*800*/ } .breakingNewsTitleText:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle id='Ellisse_296' data-name='Ellisse 296' cx='8' cy='8' r='8' fill='%234298b6'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: top right; background-size: 16px; height: 16px; width: 16px; display: inline-block; margin-left: 5px; } .prevNews { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.196' height='23.905' viewBox='0 0 13.196 23.905'%3E%3Cpath id='Tracciato_1189' data-name='Tracciato 1189' d='M0,0,10.781,10.782,21.077,0' transform='translate(11.782 1.414) rotate(90)' fill='none' stroke='%234298b6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: 13px 24px; height: 100%; width: 13px; cursor: pointer; } .prevNews:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.611' height='26.733' viewBox='0 0 15.611 26.733'%3E%3Cpath id='Tracciato_1189' data-name='Tracciato 1189' d='M0,0,10.781,10.782,21.077,0' transform='translate(12.782 2.828) rotate(90)' fill='none' stroke='%234298b6' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: 13px 24px; height: 100%; width: 13px; cursor: pointer; } .nextNews { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.195' height='23.905' viewBox='0 0 13.195 23.905'%3E%3Cpath id='Tracciato_1153' data-name='Tracciato 1153' d='M-8982-12987.987l10.781-10.782,10.3,10.782' transform='translate(-12986.573 8983.414) rotate(90)' fill='none' stroke='%234298b6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: left center; background-size: 13px 24px; height: 100%; width: 23px; padding-right: 10px; cursor: pointer; } .nextNews:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.609' height='26.732' viewBox='0 0 15.609 26.732'%3E%3Cpath id='Tracciato_1153' data-name='Tracciato 1153' d='M-8982-12987.987l10.781-10.782,10.3,10.782' transform='translate(-12985.159 8984.828) rotate(90)' fill='none' stroke='%234298b6' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: left center; background-size: 13px 24px; height: 100%; width: 23px; padding-right: 10px; cursor: pointer; } .mySlides { width: calc((100% - 21px) / 2); margin-top: 11px; } .breakingNewsTime { width: calc((100% - 21px) / 6); font-weight: 300; font-size:18px; letter-spacing: -0.18px; line-height: 21px; /* font-size: 20px; letter-spacing: -0.20px; line-height: 23px; rimosso aumento font*/ } .rubric .rectangleAB, .rubric .medium2, .rubric .rectangleCD, .rubric .medium3, .rubric .rectangleEF, .rubric .medium10, .rubric .medium4, .rubric .medium5, .rubric .medium6, .rubric .middle2 { margin: auto 0; } .default .default--toolbar-listitem[data-type="icon"] a[icon="facebook"] { background-image: url("data:image/svg+xml,%3Csvg id='Raggruppa_4142' data-name='Raggruppa 4142' xmlns='http://www.w3.org/2000/svg' width='7.693' height='14.921' viewBox='0 0 7.693 14.921'%3E%3Cpath id='Tracciato_1073' data-name='Tracciato 1073' d='M119.715,127.9v-6.673h-2.243v-2.652h2.243v-2.1a3.454,3.454,0,0,1,.933-2.579,3.38,3.38,0,0,1,2.478-.919,14.522,14.522,0,0,1,2.039.117v2.361h-1.4a1.35,1.35,0,0,0-1.078.349,1.493,1.493,0,0,0-.234.933v1.835h2.478l-.351,2.652h-2.127V127.9Z' transform='translate(-117.472 -112.979)' fill='%23212020'/%3E%3C/svg%3E%0A"); } .default .default--toolbar-listitem[data-type="icon"] a[icon="whatsapp"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.999' height='15' viewBox='0 0 14.999 15'%3E%3Cg id='surface1' transform='translate(-0.001)'%3E%3Cpath id='Tracciato_1716' data-name='Tracciato 1716' d='M11.1,8.621C11.07,8.605,9.977,8.066,9.781,8a.775.775,0,0,0-.254-.055.428.428,0,0,0-.367.219c-.109.16-.441.547-.543.664a.076.076,0,0,1-.043.031c-.008,0-.18-.07-.23-.09A5.76,5.76,0,0,1,6.16,6.824a.1.1,0,0,1-.02-.043A.34.34,0,0,1,6.2,6.7a2.558,2.558,0,0,0,.188-.211c.031-.035.059-.07.09-.105a1.212,1.212,0,0,0,.176-.281l.023-.051a.5.5,0,0,0-.012-.477c-.027-.055-.488-1.168-.539-1.285-.117-.281-.273-.414-.488-.414-.023,0,0,0-.086,0a2.63,2.63,0,0,0-.91.234,1.9,1.9,0,0,0-.707,1.617A3.482,3.482,0,0,0,4.7,7.656a.46.46,0,0,1,.031.047,7.163,7.163,0,0,0,3.055,2.652,5.008,5.008,0,0,0,1.848.473,2.991,2.991,0,0,0,.3-.019l.051,0a1.952,1.952,0,0,0,1.355-.957,1.523,1.523,0,0,0,.086-1A.669.669,0,0,0,11.1,8.621Zm0,0' fill='%23212020'/%3E%3Cpath id='Tracciato_1717' data-name='Tracciato 1717' d='M7.633,0A7.349,7.349,0,0,0,.266,7.313a7.234,7.234,0,0,0,1.012,3.7L.012,14.742a.2.2,0,0,0,.043.2A.2.2,0,0,0,.2,15a.3.3,0,0,0,.059-.008l3.891-1.238A7.378,7.378,0,0,0,15,7.313,7.349,7.349,0,0,0,7.633,0Zm0,13.1a5.848,5.848,0,0,1-3.211-.957.18.18,0,0,0-.105-.035.157.157,0,0,0-.059.012L2.3,12.738l.633-1.856a.2.2,0,0,0-.027-.176A5.7,5.7,0,0,1,1.8,7.313,5.836,5.836,0,1,1,7.633,13.1Zm0,0' fill='%23212020'/%3E%3C/g%3E%3C/svg%3E%0A"); height: 20px; } .default .default--toolbar-listitem[data-type="icon"] a[icon="telegram"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.999' height='15' viewBox='0 0 17.999 15'%3E%3Cpath id='telegram' d='M7.063,11.886l-.3,4.188a1.041,1.041,0,0,0,.832-.4l2-1.909,4.138,3.031c.759.423,1.294.2,1.5-.7L17.947,3.366h0c.241-1.122-.406-1.561-1.145-1.285L.835,8.193C-.254,8.616-.238,9.223.65,9.5l4.082,1.27,9.482-5.933c.446-.3.852-.132.518.163Z' transform='translate(0 -2)' fill='%23212020'/%3E%3C/svg%3E%0A"); height: 20px; } .default .default--toolbar-listitem[data-type="icon"] a[icon="twitter"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.753' height='15.241' viewBox='0 0 18.753 15.241'%3E%3Cpath id='Tracciato_682' data-name='Tracciato 682' d='M1303.464,313.652a10.873,10.873,0,0,0,10.947-10.947q0-.25-.011-.5a7.823,7.823,0,0,0,1.919-1.992,7.678,7.678,0,0,1-2.209.606,3.86,3.86,0,0,0,1.692-2.128,7.709,7.709,0,0,1-2.443.934,3.851,3.851,0,0,0-6.557,3.509,10.922,10.922,0,0,1-7.93-4.02,3.851,3.851,0,0,0,1.191,5.137,3.82,3.82,0,0,1-1.743-.481c0,.016,0,.032,0,.049a3.849,3.849,0,0,0,3.087,3.772,3.842,3.842,0,0,1-1.737.066,3.852,3.852,0,0,0,3.594,2.672,7.721,7.721,0,0,1-4.779,1.647,7.826,7.826,0,0,1-.918-.053,10.892,10.892,0,0,0,5.9,1.728' transform='translate(-1297.566 -298.411)' fill='%23212020'/%3E%3C/svg%3E%0A"); } div.sharesocial-popup-facebook { display: block; overflow: hidden; position: absolute; z-index: 99999; margin-left: -80px; padding-top: 5px; } .default .default--toolbar.footer .default--toolbar-listitem[data-type="date"] { display: none; } .default--toolbar.footer { padding-bottom: 10px; margin-top: 30px; } .article--tags, .multimedia-rubric--categorys { border-bottom: 1px solid var(--main-color); border-top: 1px solid var(--main-color); max-width: max-content; margin-bottom: 10px; font-size: 14px; } .article--tags.footer { width: 200px; padding: 15px 0; } .article .main-article .article--tags.footer .article--tags-listitem a { padding: 0; } .article .main-article .article--tags.footer .article--tags-listitem { width: 100%; padding: 0; } /* se non erogano in home */ .home .medium1, .home .medium3, .home .medium2 { min-width: 300px; min-height: 300px; } .content-block--column ad-container > div[ad-item] > div > div, .rubric .rubric--content ad-container > div[ad-item] > div > div { margin-top: 10px; } .bg300x250 { background-image: url("data:image/svg+xml;utf8,adv"); width: 300px; height: 250px; background-color: var(--main-grey-color); } .bg300x100 { background-image: url("data:image/svg+xml;utf8,adv"); width: 300px; height: 100px; background-color: var(--main-grey-color); } .topic.article .breadcrumb, .weather .breadcrumb, .obituary-rubric .breadcrumb, .obituary-single .breadcrumb { margin-top: 21px; } #site-input::placeholder { color: var(--main-grey-dark-color); opacity: 1; /* Firefox */ } #site-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--main-grey-dark-color); } #site-input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--main-grey-dark-color); } .primaimage { border: 1px solid var(--main-grey-color); } .primaimage img { width: 100%; } .rubric.vertical-channel .rubric--content .article.article-big { width: unset; } section.content-block--main { width: 100%; } /* da style.css */ .article--content-text img { max-width: 100%; height: auto; } .wp-caption { max-width: 100%; } div.facebook-popup, div.twitter-popup { display: none; overflow: hidden; position: fixed; z-index: 99999; } div.sharesocial-popup { display: block; overflow: hidden; position: absolute; z-index: 99999; margin-left: -197px; } @media (max-width: 420px) { div[id^="div-gpt-ad-"][id$="-10"], div[id^="div-gpt-ad-"][id$="-11"] { display: none; } } @media (min-width: 420px) { div[id^="div-gpt-ad-"][id$="-12"] { display: none; } } /*per taboola*/ .trc_rbox_container { padding-top: 15px; } #taboola-\ right-rail-thumbnails-2nd { padding-top: 15px; } .rubric .advancedsearch-rubric--filter { background-color: var(--main-grey-color); /*border: rgba(0, 0, 0, 0.16) 1px solid;*/ margin-bottom: 1em; margin-top: 1em; } .rubric .advancedsearch-rubric--filter .advancedsearch-rubric--filter-open-state { display: none; } .rubric .advancedsearch-rubric--filter .advancedsearch-rubric--filter-open-state:checked ~ .advancedsearch-rubric--filter-advanced { max-height: 20em; } .rubric .advancedsearch-rubric--filter .advancedsearch-rubric--filter-open-state:checked ~ .advancedsearch-rubric--filter-advanced-footer { max-height: 3em; } .rubric .advancedsearch-rubric--filter .advancedsearch-rubric--filter-open-state:checked ~ .advancedsearch-rubric--filter-searchbox .advancedsearch-rubric--filter-searchbox-switch:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .rubric .advancedsearch-rubric--filter-searchbox { padding: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .rubric .advancedsearch-rubric--filter-searchbox-input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: transparent; border: 0; border-bottom: 2px solid rgba(0, 0, 0, 0.3); transition: border-bottom-color .2s ease-in-out; margin-right: .5em; color: rgba(0, 0, 0, 0.8); font-size: 1em; } .rubric .advancedsearch-rubric--filter-searchbox-input:focus, .rubric .advancedsearch-rubric--filter-searchbox-input:hover { border-bottom-color: #4298b6; } .rubric .advancedsearch-rubric--filter-searchbox-input::-webkit-input-placeholder { color: var(--main-grey-dark-color); } .rubric .advancedsearch-rubric--filter-searchbox-input::-moz-placeholder { color: var(--main-grey-dark-color); } .rubric .advancedsearch-rubric--filter-searchbox-input:-ms-input-placeholder { color: var(--main-grey-dark-color); } .rubric .advancedsearch-rubric--filter-searchbox-input::placeholder { color: var(--main-grey-dark-color); } .rubric .advancedsearch-rubric--filter-searchbox-button, .rubric .advancedsearch-rubric--filter-searchbox-switch { padding: 0; border: 0; color: white; font-size: 1em; font-weight: 400; line-height: 2em; font-family: "Ubuntu", sans-serif; display: block; cursor: pointer; height: 2em; transition: background-color .2s ease-in-out; padding-left: 1em; padding-right: 1em; } .rubric .advancedsearch-rubric--filter-searchbox-button { text-indent: 1000%; overflow: hidden; height: 2em; width: 2em; background-color: var(--main-lightblue-color); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTUuNiAxNC4ybDQuNyA0LjctMS40IDEuNC00LjctNC43di0uOGwtLjMtLjNjLTEuMSAxLTIuNSAxLjUtNCAxLjUtMS43IDAtMy4yLS42LTQuNC0xLjgtMS4yLTEuMi0xLjgtMi42LTEuOC00LjQgMC0xLjcuNi0zLjIgMS44LTQuNHMyLjctMS44IDQuNC0xLjhjMS43IDAgMy4yLjYgNC40IDEuOEMxNS40IDYuNyAxNiA4LjIgMTYgOS45YzAgMS41LS41IDIuOS0xLjUgNGwuMy4zaC44em0tOC43LTEuM2MuOC44IDEuOCAxLjIgMyAxLjJzMi4yLS40IDMtMS4yYy44LS44IDEuMi0xLjggMS4yLTNzLS40LTIuMi0xLjItM2MtLjgtLjgtMS44LTEuMi0zLTEuMnMtMi4yLjQtMyAxLjJjLS45LjgtMS4zIDEuOC0xLjMgM3MuNCAyLjIgMS4zIDN6Ii8+PC9zdmc+DQo=); background-size: 90%; background-position: center; background-repeat: no-repeat; margin-right: .5em; clip: rect(0 0 0 0); color: transparent; word-wrap: normal; padding: 1em; color: transparent; } .rubric .advancedsearch-rubric--filter-searchbox-button:hover, .rubric .advancedsearch-rubric--filter-searchbox-button:focus { background-color: #8ac1d4; } .rubric .advancedsearch-rubric--filter-searchbox-switch { background-color: rgba(66, 152, 182, 0.5); background-color: transparent; color: #4298b6; border: 1px solid #4298b6; line-height: 1.8; } .rubric .advancedsearch-rubric--filter-searchbox-switch:hover, .rubric .advancedsearch-rubric--filter-searchbox-switch:focus { background-color: rgba(0, 0, 0, 0.1); } .rubric .advancedsearch-rubric--filter-searchbox-switch:after { content: " "; display: inline-block; border-color: #4298b6 transparent transparent; border-width: 5px; border-style: solid; width: 1px; height: 1px; margin-left: .4em; vertical-align: -.15em; -webkit-transform-origin: 50% 25%; -ms-transform-origin: 50% 25%; transform-origin: 50% 25%; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; } .rubric .advancedsearch-rubric--filter-advanced { padding-left: 1em; padding-right: 1em; max-height: 0; overflow-y: hidden; transition: max-height .2s ease-in-out; } .rubric .advancedsearch-rubric--filter-advanced-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 1em; padding-bottom: 1em; } .rubric .advancedsearch-rubric--filter-advanced-header label { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; border-bottom: 2px solid #aac4cc; cursor: pointer; font-weight: 700; color: #aac4cc; transition: background-color .2s ease-in-out, border-color .2s ease-in-out, color .2s ease-in-out; } .rubric .advancedsearch-rubric--filter-advanced-header label.active { color: #4298b6; border-bottom-color: #4298b6; } .rubric .advancedsearch-rubric--filter-advanced-header label:focus, .rubric .advancedsearch-rubric--filter-advanced-header label:hover { background-color: rgba(0, 0, 0, 0.1); } .rubric .advancedsearch-rubric--filter-advanced-header label input[type="radio"] { display: none; } .rubric .advancedsearch-rubric--filter-advanced-content-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 1em; } .rubric .advancedsearch-rubric--filter-advanced-content-inner-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1008px) { .rubric .advancedsearch-rubric--filter-advanced-content-inner-col { width: calc((100% - 80px) / 6 * 3 + 32px); } } .rubric .advancedsearch-rubric--filter-advanced-content-inner-col.advancedsearch-rubric--filter-advanced-normal-date input[type="text"] { width: calc((100% - 135px) / 6 * 3 + 54px); } @media (max-width: 1008px) { .rubric .advancedsearch-rubric--filter-advanced-content-inner-col.advancedsearch-rubric--filter-advanced-normal-date input[type="text"] { width: calc((100% - 80px) / 6 * 3 + 32px); } } .rubric .advancedsearch-rubric--filter-advanced-content-inner-col input[type="text"], .rubric .advancedsearch-rubric--filter-advanced-content-inner-col select { border: 0; padding: .2em 0; font-size: .9em; width: 100%; font-family: "Ubuntu", sans-serif; border-bottom: 2px solid rgba(0, 0, 0, 0.3); background-color: transparent; cursor: pointer; transition: border-color .2s ease-in-out; } .rubric .advancedsearch-rubric--filter-advanced-content-inner-col input[type="text"]:hover, .rubric .advancedsearch-rubric--filter-advanced-content-inner-col input[type="text"]:focus, .rubric .advancedsearch-rubric--filter-advanced-content-inner-col select:hover, .rubric .advancedsearch-rubric--filter-advanced-content-inner-col select:focus { border-bottom-color: #4298b6; } .rubric .advancedsearch-rubric--filter-advanced-content-inner-col .advancedsearch-rubric--filter-advanced-description { width: 100%; font-size: .9em; border: 0; color: rgba(0, 0, 0, 0.56); } .rubric .advancedsearch-rubric--filter-advanced-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; max-height: 0; transition: max-height .2s ease-in-out; padding-left: 1em; padding-right: 1em; overflow-y: hidden; } .rubric .advancedsearch-rubric--filter-advanced-footer-button { background-color: #4298b6; border: 0; line-height: 2em; font-size: 1em; color: white; font-family: "Ubuntu", sans-serif; padding: 0 .7em 0 1em; margin-bottom: 1em; cursor: pointer; transition: background-color .2s ease-in-out; } .rubric .advancedsearch-rubric--filter-advanced-footer-button:hover, .rubric .advancedsearch-rubric--filter-advanced-footer-button:focus { background-color: #8ac1d4; } .rubric .advancedsearch-rubric--filter-advanced-footer-button:after { content: " "; display: inline-block; height: 1.9em; width: 1.9em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTUuNiAxNC4ybDQuNyA0LjctMS40IDEuNC00LjctNC43di0uOGwtLjMtLjNjLTEuMSAxLTIuNSAxLjUtNCAxLjUtMS43IDAtMy4yLS42LTQuNC0xLjgtMS4yLTEuMi0xLjgtMi42LTEuOC00LjQgMC0xLjcuNi0zLjIgMS44LTQuNHMyLjctMS44IDQuNC0xLjhjMS43IDAgMy4yLjYgNC40IDEuOEMxNS40IDYuNyAxNiA4LjIgMTYgOS45YzAgMS41LS41IDIuOS0xLjUgNGwuMy4zaC44em0tOC43LTEuM2MuOC44IDEuOCAxLjIgMyAxLjJzMi4yLS40IDMtMS4yYy44LS44IDEuMi0xLjggMS4yLTNzLS40LTIuMi0xLjItM2MtLjgtLjgtMS44LTEuMi0zLTEuMnMtMi4yLjQtMyAxLjJjLS45LjgtMS4zIDEuOC0xLjMgM3MuNCAyLjIgMS4zIDN6Ii8+PC9zdmc+DQo=); background-size: 90%; background-position: center center; background-repeat: no-repeat; vertical-align: bottom; margin-left: .2em; } .rubric .advancedsearch-rubric--filter .advancedsearch-rubric--filter-open-state:checked ~ .advancedsearch-rubric--filter-advanced-footer { max-height: 3em; } .rubric .advancedsearch-rubric--filter-advanced-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; max-height: 0; transition: max-height .2s ease-in-out; padding-left: 1em; padding-right: 1em; overflow-y: hidden; } .rubric .advancedsearch-rubric--filter-advanced-footer-button { background-color: #4298b6; border: 0; line-height: 2em; font-size: 1em; color: white; font-family: "Ubuntu", sans-serif; padding: 0 .7em 0 1em; margin-bottom: 1em; cursor: pointer; transition: background-color .2s ease-in-out; } .rubric .advancedsearch-rubric--filter-advanced-footer-button:hover, .advancedsearch-rubric .advancedsearch-rubric--filter-advanced-footer-button:focus { background-color: #8ac1d4; } .rubric .advancedsearch-rubric--filter-advanced-footer-button:after { content: " "; display: inline-block; height: 1.9em; width: 1.9em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmY7IiBkPSJNMTUuNiAxNC4ybDQuNyA0LjctMS40IDEuNC00LjctNC43di0uOGwtLjMtLjNjLTEuMSAxLTIuNSAxLjUtNCAxLjUtMS43IDAtMy4yLS42LTQuNC0xLjgtMS4yLTEuMi0xLjgtMi42LTEuOC00LjQgMC0xLjcuNi0zLjIgMS44LTQuNHMyLjctMS44IDQuNC0xLjhjMS43IDAgMy4yLjYgNC40IDEuOEMxNS40IDYuNyAxNiA4LjIgMTYgOS45YzAgMS41LS41IDIuOS0xLjUgNGwuMy4zaC44em0tOC43LTEuM2MuOC44IDEuOCAxLjIgMyAxLjJzMi4yLS40IDMtMS4yYy44LS44IDEuMi0xLjggMS4yLTNzLS40LTIuMi0xLjItM2MtLjgtLjgtMS44LTEuMi0zLTEuMnMtMi4yLjQtMyAxLjJjLS45LjgtMS4zIDEuOC0xLjMgM3MuNCAyLjIgMS4zIDN6Ii8+PC9zdmc+DQo=); background-size: 90%; background-position: center center; background-repeat: no-repeat; vertical-align: bottom; margin-left: .2em; } .rubric .advancedsearch-rubric--filter-advanced-content-inner-col .advancedsearch-rubric--filter-advanced-description { width: 100%; font-size: .9em; border: 0; color: var(--main-grey-dark-color); } .article section.page--main { margin-left: 27px; margin-right: 27px; } /* @media (min-width: 652px) { .ad_m, div[id^="kfad-div-cont"][id$="-TopMobile"], div[id^="kfad-div-cont"][id$="-StripMobile"] { display: none; } } */ /* @media (max-width: 652px) { .ad_w, div[id^="kfad-div-cont"][id$="-Top"], div[id^="kfad-div-cont"][id$="-Strip"] { display: none; } } */ div[id^="kfad-div-cont"][id$="-Top"], div[id^="kfad-div-cont"][id$="-TopMobile"], div[id^="kfad-div-cont"][id$="-StripMobile"] { text-align: center; } div[id^="kfad-div-cont"][id$="-Top"] div, div[id^="kfad-div-cont"][id$="-TopMobile"] div, div[id^="kfad-div-cont"][id$="-StripMobile"] div { display: inline-block; } #yobee-bigrectangle3mtf { margin-right: 25px; } .qc-cmp-button { background-color: #1b98ba !important; border-color: #1b98ba !important; } .qc-cmp-button:hover { background-color: transparent !important; border-color: #1b98ba !important; } .qc-cmp-alt-action, .qc-cmp-link { color: #1b98ba !important; } .qc-cmp-button { color: #0b3f4d !important; } .qc-cmp-button.qc-cmp-secondary-button { color: #1b98ba !important; } .qc-cmp-button.qc-cmp-button.qc-cmp-secondary-button:hover { color: #ffffff !important; } .qc-cmp-button.qc-cmp-secondary-button { border-color: #1b98ba !important; background-color: transparent !important; } .qc-cmp-button.qc-cmp-secondary-button:hover { background-color: #1b98ba !important; } .qc-cmp-ui, .qc-cmp-ui .qc-cmp-main-messaging, .qc-cmp-ui .qc-cmp-messaging, .qc-cmp-ui .qc-cmp-beta-messaging, .qc-cmp-ui .qc-cmp-title, .qc-cmp-ui .qc-cmp-sub-title, .qc-cmp-ui .qc-cmp-purpose-info, .qc-cmp-ui .qc-cmp-table, .qc-cmp-ui .qc-cmp-table-header, .qc-cmp-ui .qc-cmp-vendor-list, .qc-cmp-ui .qc-cmp-vendor-list-title { color: #474746 !important; } .qc-cmp-ui a, .qc-cmp-ui .qc-cmp-alt-action { color: #1b98ba !important; } .qc-cmp-ui { background-color: #ffffff !important; } .qc-cmp-publisher-purposes-table .qc-cmp-table-header { background-color: #fafafa !important; } .qc-cmp-publisher-purposes-table .qc-cmp-table-row { background-color: #ffffff !important; } .qc-cmp-small-toggle.qc-cmp-toggle-on, .qc-cmp-toggle.qc-cmp-toggle-on { background-color: #1b98ba !important; border-color: #1b98ba !important; } /*fine da style.css */ @media (min-width: 839px) { .mobile { display: none; } body.home .superbanner { margin-left: calc((100% - 990px) /2); } .home .medium2 hr.ad-top, .home .medium3 hr.ad-top, .home .middle2 hr.ad-top { margin-top: 21px; } .home .middle1 hr.ad-top, .home .medium1 hr.ad-top { margin-top: 0px; } .home .middle1 hr.ad-bottom { margin-bottom: 0px; } .rubric .rectangleAB hr.ad-top, .rubric .rectangleAB hr.ad-bottom, .rubric .medium2 hr.ad-top, .rubric .medium2 hr.ad-bottom, .rubric .rectangleCD hr.ad-top, .rubric .rectangleCD hr.ad-bottom, .rubric .medium3 hr.ad-top, .rubric .medium3 hr.ad-bottom, .rubric .rectangleEF hr.ad-top, .rubric .rectangleEF hr.ad-bottom, .rubric .medium10 hr.ad-top, .rubric .medium10 hr.ad-bottom, .rubric .medium4 hr.ad-top, .rubric .medium4 hr.ad-bottom, .rubric .medium5 hr.ad-top, .rubric .medium5 hr.ad-bottom, .rubric .medium6 hr.ad-top, .rubric .medium6 hr.ad-bottom, .rubric .middle2 hr.ad-top, .rubric .middle2 hr.ad-bottom { display: none; } body.article .middle1 .ad-top { margin-top: 0px; } /* .home leader-block .leader-block--articles.leader-block--small-articles-accesspoint.mobile { display: none; }*/ ad-container.strip { /*margin-left: calc((100% - 990px) /2);*/ width: 100%; } .banner-block.primo hr.ad-top, .banner-block.secondo hr.ad-top, .banner-block.terzo hr.ad-top, .banner-block.primo hr.ad-bottom, .banner-block.secondo hr.ad-bottom, .banner-block.terzo hr.ad-bottom { display: none; } .banner-block.terzo .banner-widget .banner-widget--content { float: right; } .banner-block.secondo .banner-widget .banner-widget--content { margin-left: calc((100% - 300px) /2); } } @media (max-width: 839px) { .desktop { display: none !important; } container { /* width: 414px;*/ } header[role="banner"], main { margin: 0 20px 0 20px; } /* .home leader-block .leader-block--articles.leader-block--small-articles-accesspoint.desktop { display: none } */ .home leader-block .leader-block--articles.leader-block--small-articles.primo, .home leader-block .leader-block--articles.leader-block--small-articles.secondo { height: unset; } .content-block--articles.vuoto0 { display: none; } hr.ad-top.w100, hr.ad-bottom.w100 { display: none; } header[role="banner"] .brand-header .ad-header.destra { display:block; order:1 } .breakingNews { height: 115px; } .breakingNewsTitle, .mySlides { width: 100%; } .breakingNewsTitle { margin-top: 16px; } .prevNews { height: auto; margin-left: 10px; } .nextNews { height: auto; } .slideshow-container { width: calc(100% - 40px - 26px); } .breakingNewsTitleText { width: 100%; } /* .breakingNewsTitleImg { width: 66%; } .breakingNews { height: 374px; } .breakingNewsTitle, .slideshow-container, .mySlides { width: 100%; } .breakingNewsTitleText { width: 60%; } .breakingNewsTitleImg { width: 40%; margin-top: 5px; } .prevNews { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.905' height='13.196' viewBox='0 0 23.905 13.196'%3E%3Cpath id='Tracciato_1260' data-name='Tracciato 1260' d='M0,0,10.781,10.782,21.077,0' transform='translate(22.491 11.782) rotate(180)' fill='none' stroke='%23cd1819' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: 21px 10px; width: 100%; height: 10px; } .mySlides { height: 103px; margin: 10px; } .nextNews { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.905' height='13.195' viewBox='0 0 23.905 13.195'%3E%3Cpath id='Tracciato_1261' data-name='Tracciato 1261' d='M-8982-12987.987l10.781-10.782,10.3,10.782' transform='translate(-8959.509 -12986.573) rotate(180)' fill='none' stroke='%23cd1819' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: 21px 10px; width: 100%; height: 10px; } */ div.leader-block--articles { order: 1 !important; } .home leader-block .leader-block--column.leader-block--ad-column { order: 2; } .home leader-block .leader-block--articles.leader-block--small-articles.primo { -webkit-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; order: 3; min-height: unset; } .home leader-block > ad-container.strip { order: 4 !important; margin: auto; } .home leader-block .leader-block--articles.leader-block--small-articles.secondo { -webkit-box-ordinal-group: 5; -webkit-order: 5; -ms-flex-order: 5; order: 5; min-height: unset; } .home leader-block .leader-block--column.leader-block--weather-column { -webkit-box-ordinal-group: 6; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .home leader-block .leader-block--articles.leader-block--small-articles-accesspoint { order: 7; width: 374px; } .content-block--generic ad-container div.ad-small div { margin: auto; } .content-block--generic ad-container div.ad-small div:nth-child(n+2) { margin-top: 10px; } .video-block.secondoterzo .video-widget .video-widget--content .article { width: 100%; } .video-widget .video-widget--content .article:nth-child(n+2) { margin-left: 0px; } .video-block .video-widget .video-widget--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .landscape-articles-widget .landscape-articles-widget--content .article { width: calc((100% - 10px) / 2); } .banner-block .banner-widget .banner-widget--content, .content-block--generic.terzo .generic-block .generic-widget .generic-widget--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .home content-block .content-block--articles.rullo_p7 { width: 100% } .rullo_p7 .landscape-articles-widget .landscape-articles-widget--content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .rullo_p7 .landscape-articles-widget .landscape-articles-widget--content .article { background-color: var(--main-bg-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; } .rullo_p7 .landscape-articles-widget .landscape-articles-widget--content .article .article--image, .rullo_p7 .landscape-articles-widget .landscape-articles-widget--content .article .article--text { width: 100%; } .rullo_p7 .landscape-articles-widget .landscape-articles-widget--content.vertical .article .article--text { padding: 8px 7px 0px 10px; } /* .rullo1 .landscape-articles-widget .landscape-articles-widget--content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }*/ .home content-block .content-block--articles.rullo2, .home content-block .content-block--articles.rullo3 { width: 100%; } .home content-block .content-block--articles.rullo1 header.rullo-widget--header, .home content-block .content-block--articles.rullo1 article, .home content-block .content-block--articles.rullo2 header.rullo-widget--header, .home content-block .content-block--articles.rullo2 article, .home content-block .content-block--articles.rullo3 header.rullo-widget--header, .home content-block .content-block--articles.rullo3 article, .home content-block .content-block--articles.rullo4 header.rullo-widget--header, .home content-block .content-block--articles.rullo4 article, .home content-block .content-block--articles.rullo5 header.rullo-widget--header, .home content-block .content-block--articles.rullo5 article { width: calc((100% - 10px) / 2); } .home content-block .content-block--articles.rullo1 header.rullo-widget--header, .home content-block .content-block--articles.rullo1 article { /* width: 100%;*/ } .video-block.primo { width: 100%; -webkit-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .content-block--generic.primo { -webkit-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .video-block.secondoterzo { -webkit-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; order: 3; width: 100%; } .video-block.primo::after, .video-block.secondoterzo .video-widget .video-widget--content .article:nth-child(1)::after, .video-block.quattro::after, .video-block.cinque::after { content: unset; } .content-block--riga.riga1, .content-block--riga.riga2 { display: none; } .home ad-container.medium2 { -webkit-box-ordinal-group: 4; -webkit-order: 4; -ms-flex-order: 4; order: 4; width: 100%; } .home content-block .content-block--column { -webkit-box-ordinal-group: 5; -webkit-order: 5; -ms-flex-order: 5; order: 5; height: unset; } .home ad-container.medium3 { -webkit-box-ordinal-group: 6; -webkit-order: 6; -ms-flex-order: 6; order: 6; width: 100%; } .home content-block .content-block--articles.rullo_p1 { -webkit-box-ordinal-group: 7; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .home content-block .content-block--articles.rullo_p2 { -webkit-box-ordinal-group: 8; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .content-block--generic.secondo { -webkit-box-ordinal-group: 9; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .home content-block .content-block--articles.rullo_p3 { -webkit-box-ordinal-group: 10; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .home content-block .content-block--articles.vuoto1 { display: none; } .banner-block.primo { width: 100%; -webkit-box-ordinal-group: 11; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .video-block.quattro { -webkit-box-ordinal-group: 12; -webkit-order: 12; -ms-flex-order: 12; order: 12; width: 100%; } .banner-block.secondo { width: 100%; -webkit-box-ordinal-group: 13; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .video-block.cinque { -webkit-box-ordinal-group: 14; -webkit-order: 14; -ms-flex-order: 14; order: 14; width: 100%; } .banner-block.terzo { width: 100%; -webkit-box-ordinal-group: 15; -webkit-order: 15; -ms-flex-order: 15; order: 15; } .video-block.sei { -webkit-box-ordinal-group: 16; -webkit-order: 16; -ms-flex-order: 16; order: 16; width: 100%; } .news-cover-widget { -webkit-box-ordinal-group: 17; -webkit-order: 17; -ms-flex-order: 17; order: 17; width: 100%; height: unset; } .home content-block .content-block--articles.rullo_p4 { -webkit-box-ordinal-group: 18; -webkit-order: 18; -ms-flex-order: 18; order: 18; } .content-block--generic.terzo { -webkit-box-ordinal-group: 19; -webkit-order: 19; -ms-flex-order: 19; order: 19; } .home content-block .content-block--articles.vuoto2 { display: none; } .home content-block .content-block--articles.rullo_p5 { -webkit-box-ordinal-group: 20; -webkit-order: 20; -ms-flex-order: 20; order: 20; } .home content-block .content-block--articles.rullo_p6 { -webkit-box-ordinal-group: 21; -webkit-order: 21; -ms-flex-order: 21; order: 21; } .middle2 { -webkit-box-ordinal-group: 22; -webkit-order: 22; -ms-flex-order: 22; order: 22; height: unset; width: 100%; } .home content-block .content-block--articles.rullo_p7 { -webkit-box-ordinal-group: 23; -webkit-order: 23; -ms-flex-order: 23; order: 23; } .home content-block .content-block--articles.rullo_p8 { -webkit-box-ordinal-group: 24; -webkit-order: 24; -ms-flex-order: 24; order: 24; height: unset; } .home content-block .content-block--articles.rullo_p9 { -webkit-box-ordinal-group: 25; -webkit-order: 25; -ms-flex-order: 25; order: 25; } .home content-block .content-block--articles.rullo_p10 { -webkit-box-ordinal-group: 26; -webkit-order: 26; -ms-flex-order: 26; order: 26; } .home content-block .content-block--articles.vuoto3 { display: none; } .home content-block .content-block--articles.rullo1 { -webkit-box-ordinal-group: 27; -webkit-order: 27; -ms-flex-order: 27; order: 27; } .home content-block .content-block--articles.rullo2 { -webkit-box-ordinal-group: 28; -webkit-order: 28; -ms-flex-order: 28; order: 28; } .home content-block .content-block--articles.rullo3 { -webkit-box-ordinal-group: 29; -webkit-order: 29; -ms-flex-order: 29; order: 29; } .home content-block .content-block--articles.vuoto4 { display: none; } .home content-block .content-block--articles.rullo4 { -webkit-box-ordinal-group: 30; -webkit-order: 30; -ms-flex-order: 30; order: 30; } .home content-block .content-block--articles.rullo5 { -webkit-box-ordinal-group: 31; -webkit-order: 31; -ms-flex-order: 31; order: 31; } .home content-block .content-block--column2 { -webkit-box-ordinal-group: 32; -webkit-order: 32; -ms-flex-order: 32; order: 32; width: 100%; } .home content-block .content-block--column3 { -webkit-box-ordinal-group:33; -webkit-order: 33; -ms-flex-order: 33; order: 33; width: 100%; } .home content-block .content-block--column4 { -webkit-box-ordinal-group: 34; -webkit-order: 34; -ms-flex-order: 34; order: 34; width: 100%; } .weather-widget .weather-widget-altoadige-stations-items-item [class$="items-icon"] { height: 2em; width: 2em; } .weather-widget-altoadige-stations-items-place.screen-reader-text.screen-reader-text, .weather-widget-altoadige-stations-items-place.weather-widget-altoadige-stations-items-temp { font-size: medium; } .home .weather-widget .weather-widget-altoadige-stations-items-item { width: calc((100% - 135px) / 3 - -40px); } .home .weather-widget .weather-widget-altoadige-stations-items-item:nth-child(4), .home .weather-widget .weather-widget-altoadige-stations-items-item:nth-child(5), .home .weather-widget .weather-widget-altoadige-stations-items-item:nth-child(6) { display: none; } .weather-widget-altoadige-stations::before, .weather-widget-altoadige-stations::after { display: none; } .weather-widget-altoadige-stations-items-temp { font-size: medium; } footer[role="contentinfo"] { margin-left: 0px; margin-right: 0px; } body.article .content-block--main { width: 100% } .article .main-article .article--content-text [ad-item]#adv-Middle { padding: 5px 0 0 0; float: unset; } .sidebar content-block .content-block--main .breadcrumb { margin-top: 10px; } .rubric .rubric--content .article.aperture, .rubric .rubric--content .contenitore-taboola { width: 100%; } .sidebar content-block .content-block--main .breadcrumb { order: 1; } .rubric .sidebar--header { order: 2; } .rubric .breakingNews { order: 3; } .rubric ad-container.sticky { order: 4; } .rubric--content .article1 { order: 5; } .rubric ad-container.strip { order: 6; margin: auto; } .rubric--content .article2 { order: 7; } .rubric ad-container.middle1 { order: 8; margin: auto; } .rubric--content .article3 { order: 9; } .rubric ad-container.medium1 { order: 10; margin: auto; } .rubric--content .article4 { order: 11; } .rubric ad-container.masthead { order: 12; margin: auto; } .rubric--content .article5 { order: 13; } .rubric ad-container.superbanner { order: 14; margin: auto; } .rubric--content .article6 { order: 15; } .rubric .contenitore-taboola { order: 16; } .rubric ad-container.rectangleAB { order: 17; margin: auto; } .rubric--content .article7 { order: 18; } .rubric ad-container.medium2 { order: 19; margin: auto; } .rubric--content .article8 { order: 20; } .rubric ad-container.rectangleCD { order: 21; margin: auto; } .rubric--content .article9 { order: 22; } .rubric ad-container.medium3 { order: 23; margin: auto; } .rubric--content .article10 { order: 24; } .rubric ad-container.rectangleEF { order: 25; margin: auto; } .rubric--content .article11 { order: 26; } .rubric ad-container.primapagina { order: 27; margin: auto; } .rubric--content .article12 { order: 28; } .rubric--content .article13 { order: 29; } .rubric ad-container.medium10 { order: 30; margin: auto; } .rubric--content .article14 { order: 31; } .rubric--content .article15 { order: 32; } .rubric ad-container.medium4 { order: 33; margin: auto; } .rubric--content .article16 { order: 34; } .rubric--content .article17 { order: 35; } .rubric ad-container.medium5 { order: 36; margin: auto; } .rubric--content .article18 { order: 37; } .rubric ad-container.medium6 { order: 38; margin: auto; } .rubric--content .article19 { order: 39; } .rubric ad-container.middle2 { order: 40; margin: auto; } .rubric--content .article20 { order: 41; } .rubric .rubric--footer { order: 42; } .rubric .rubric--content .article.allrow, .rubric .rubric--content .article.quadrate { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .rubric .rubric--content .article.allrow .article--image, .rubric .rubric--content .article.quadrate .article--image { order: 1; width: 100%; } .rubric .rubric--content .article.allrow .article--text, .rubric .rubric--content .article.quadrate .article--text { width: 100%; background: var(--main-bg-color); } .rubric .rubric--content .article.quadrate { height: unset; } .multimedia content-block .content-block--main { width: 100%; } ad-container.strip { width: 100%; } ad-container.rectangleABC > div[ad-item], ad-container.rectangleDEF > div[ad-item] { width: unset; } body.multimedia .medium1 { margin: 0 auto; } .topic ad-container.rectangleABC { order: 11; margin: auto; } .topic ad-container.rectangleDE { order: 16; margin: auto; } .topic ad-container.rectangleF { order: 17; margin: auto; } .rubric.topic .breakingNews, .rubric.topic ad-container.strip, .rubric.topic ad-container.sticky, .rubric.prima .breakingNews, .rubric.prima ad-container.strip, .rubric.prima ad-container.sticky, .rubric.search ad-container.sticky { order: unset; } .rubric.search content-block .content-block--main, .rubric.vertical-channel .content-block--main, .obituary-single .content-block--main, .obituary-rubric .content-block--main { width: unset; } }