/*!BASIC CSS
 * Author:  Diário de Notícias da Madeira
 * Email:   dep.informatica@dnoticias.pt
 * ---
 * Project: DNOTICIAS.PT (2018-12-11)
 * URL:     http://www.dnoticias.pt
*/
body {background: #edf0f4;}
.btn {text-transform: uppercase;}
.list-editions {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack:  start;
  align-content: stretch;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.list-editions li {
  display: block; position: relative; 
  margin: 14px 14px 28px 14px;
  -webkit-flex: 0 1 calc(16.66666666666667% - 28px);
  -ms-flex: 0 1 calc(16.66666666666667% - 28px);
  flex: 0 1 calc(16.66666666666667% - 28px);
}
.destaque-edition .list-editions li {
  -webkit-flex: 0 1 calc(33.33333333333333% - 28px);
  -ms-flex: 0 1 calc(33.33333333333333% - 28px);
  flex: 0 1 calc(33.33333333333333% - 28px);
}
.list-editions li > a {
  display: block; position: relative;
  text-decoration: none;
}
.list-editions li img {
  position: relative;
  width: 170px; margin: 0 auto;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,.17);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,.17);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,.17);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.list-editions li > a:hover img {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,.1);
  -moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,.1);
  box-shadow: 0px 7px 7px 0px rgba(0,0,0,.1);
}
.list-editions.list-editions-main li > a:hover img {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}
.list-editions h4 {
  display: block;  position: absolute; bottom: -26px;
  padding-top: 10px; text-align: left;
  font: 400 12px/16px 'Titillium Web', Helvetica, Arial, sans-serif;
  color: #9c9fa6; text-transform: none; white-space: nowrap;
}
.list-editions h4 strong {
  font-weight: 700;
  display: inline;
}
.list-editions .btn-edicao-todas,
.list-editions .list-editions-empty {
  background: #e0e3e8;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.list-editions .btn-edicao-todas {
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
}
.list-editions .btn-edicao-todas a {width: 100%;}
.list-editions .btn-edicao-todas div:before {
  display: block; position: absolute;
  width: 100%; height: 0; left: 0; top: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  background: #fff; content: "";
}
.destaque-edition .list-editions .btn-edicao-todas div:before {background: #14265a;}
.list-editions .btn-edicao-todas:hover div:before {height: 100%;}
.list-editions .btn-edicao-todas div img {visibility: hidden;}
.list-editions .btn-edicao-todas div h3 {
  display: block; position: absolute;
  width: 100%; top: 50%; left: 0;
  padding: 14px; text-align: center;
  font: 700 11px/16px 'Titillium Web', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  transform: translateY(-50%);
}
.list-editions .btn-edicao-todas div h3 span {
  display: block; position: relative;
  width: auto; text-align: center;
  font-weight: 400; text-decoration: underline;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.list-editions .btn-edicao-todas div h3 span span {
  display: inline-block; position: relative;
  width: 100%
}
.list-editions .btn-edicao-todas div h3 span span.anim-vertodas {
  transform: translateY(0); opacity: 1; 
}
.list-editions .btn-edicao-todas div h3 span span.anim-numedi {
  position: absolute; left: 0; top: 0;
  transform: translateY(-100%); opacity: 0; 
}
.list-editions .btn-edicao-todas:hover div h3 span {text-decoration: none;}
.list-editions .btn-edicao-todas:hover div h3 span span.anim-vertodas {
  transform: translateY(100%); opacity: 0; 
}
.list-editions .btn-edicao-todas:hover div h3 span span.anim-numedi {
  opacity: 1;
  transform: translateY(0);
}
.list-editions .btn-edicao-todas h4 {width: 100%; text-align: center;}

/* DESTAQUES - Especial */
.destaques-especial {background-color: #ac985b;}
.destaques-especial .btn:hover {color: #ac985b;}
.destaques-especial .content {padding-bottom: 20px; overflow: visible;}
.destaques-especial .list-editions {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.destaques-especial .list-editions li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 0 1 33.33333333333333%;
  -ms-flex: 0 1 33.33333333333333%;
  flex: 0 1 33.33333333333333%;
}
.destaques-especial .list-editions li h4 {color: #d2c8ae;}
.destaques-especial .list-editions li > div {
  width: 50%; margin: 14px;
  text-align: center;
}
.destaques-especial .list-editions li > div h3 {
  margin-bottom: 0; color: #ffe98c;
}
.destaques-especial .list-editions li > div h4 {
  position: relative; bottom: auto;
  color: #ffffff; text-transform: uppercase;
  text-align: center; width: 100%;
  white-space: initial;
}
.destaques-especial .list-editions li > div span {
  display: block; position: relative; float: left;
  width: 100%; padding: 14px; color: #ffffff;
  font: 400 18px/18px 'Titillium web', Helvetica, Arial, sans-serif;
}
.destaques-especial .list-editions li > div span strong {font-size: 28px;}
.destaques-especial .list-editions .list-special-bg {
  display: block; position: absolute;
  left: -38.25%; bottom: -10px; width: 176.5%; height: 100%;
  background: url(../imgs/destaques-especial-bg.png) no-repeat center bottom;
  background-size: 100% auto;
}

/* DESTAQUES - Edição */
.destaques-edicao {
  padding: 50px 0; margin-bottom: 0;
  background-color: #0a132d;
}
.destaque-edition {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.destaque-edition .list-editions {
  width: 50%;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.destaque-edition .list-editions.list-editions-main li {margin: 14px auto 28px auto;}
.destaque-edition .list-editions.list-editions-main li > a {width: 396px;}
.destaque-edition .list-editions.list-editions-main li img {width: auto;}
.destaque-edition .list-editions h4,
.destaque-edition .list-editions h4.download-primeira a {color: #a5a7ac; text-decoration: none;}
.destaque-edition .list-editions h4.download-primeira {
  display: block; position: absolute;
  right: 0; bottom: -26px;
}
.destaque-edition .list-editions h4.download-primeira a {
  position: relative; display: inline-block;
}
.destaque-edition .list-editions h4.download-primeira .ico-downPage {
  display: block; position: relative; float: right;
  width: 17px; height: 17px; margin-left: 5px; margin-top: -2px;
  /*background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMSBUaW55Ly9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLXRpbnkuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGJhc2VQcm9maWxlPSJ0aW55IiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjAuMjc1LDguMzE1YzAtMC4wNjMtMC4wMTUtMC4xMjEtMC4wNC0wLjE3M2MtMC4wMjMtMC4zMjItMC4wNTQtMC4zNzMtMC4wOC0wLjQxOGMtMC4wNTktMC4wOTYtMC41NzUtMC42MzItMS41MzYtMS41OTQgICBsLTMuOTAyLTMuOWMtMC45NjItMC45NjEtMS40OTgtMS40NzgtMS41OS0xLjUzM2MtMC4wOTQtMC4wNTgtMC4xOTktMC4xMjQtMi40MTItMC4xMjRINi44NGMtMC42MTIsMC0yLjA1MSwwLjAwMi0yLjE3NywwLjAyMSAgIGMtMC4xOTIsMC4wMjQtMC40ODIsMC4yMDQtMC42LDAuMzJDMy45NjEsMS4wMTgsMy44MjQsMS4xOTYsMy43NzksMS4zNTJDMy43NDMsMS40NywzLjcyNSwyLjI1NiwzLjcyNSwzLjY4OHYxNi42MjQgICBjMCwwLjA4MiwwLjAwMSwyLjAyMiwwLjAyMSwyLjE3N2MwLjAyNCwwLjE5MiwwLjIwNSwwLjQ4MSwwLjMxOSwwLjU5OGMwLjA4MiwwLjA4MSwwLjI2NiwwLjIzMywwLjQ0MywwLjI4OCAgIGMwLjE0OCwwLjA0MywxLjM1LDAuMDUzLDIuMzMyLDAuMDUzaDEwLjMyYzAuMDgyLDAsMi4wMjEtMC4wMDEsMi4xNzgtMC4wMjFjMC4xOTMtMC4wMjQsMC40ODItMC4yMDYsMC41OTgtMC4zMiAgIGMwLjEwMy0wLjEwNCwwLjIzOS0wLjI4LDAuMjg3LTAuNDQxYzAuMDM1LTAuMTE4LDAuMDUzLTAuOTAzLDAuMDUzLTIuMzMzVjEwLjEzM2MwLTAuODA5LTAuMDEtMS4zMzYtMC4wMjMtMS42ODQgICBDMjAuMjY3LDguNDA3LDIwLjI3NSw4LjM2MiwyMC4yNzUsOC4zMTV6IE0xMi45MywxLjU5NGMwLjI1MywwLjI0MywwLjY3OCwwLjY1OSwxLjIyMSwxLjIwM2wzLjkwMiwzLjkgICBjMC41NDIsMC41NDEsMC45NTcsMC45NjUsMS4yLDEuMjE4aC00LjcyNGMtMC44ODIsMC0xLjYtMC43MTgtMS42LTEuNlYxLjU5NHogTTE5LjQ3NSwyMC4zMTJjMCwxLjE2OS0wLjAxOCwyLjA0My0wLjAxMiwyLjA4NSAgIGMtMC4wMSwwLjAyMS0wLjA1LDAuMDgtMC4wOTIsMC4xMjJjLTAuMDMsMC4wMjctMC4xMzUsMC4wODktMC4xMjEsMC4wOTNjLTAuMDg4LDAuMDA2LTAuODgzLDAuMDE1LTIuMDksMC4wMTVINi44NCAgIGMtMC45OSwwLTEuNzctMC4wMTMtMi4wMDktMC4wMTNjLTAuMDQzLDAtMC4wNjksMC4wMDEtMC4wNzUsMC4wMDJjLTAuMDIxLTAuMDEtMC4wODEtMC4wNTEtMC4xMjItMC4wOTIgICBjLTAuMDI2LTAuMDI5LTAuMDgyLTAuMTI0LTAuMDkzLTAuMTI0YzAsMC0wLjAwMSwwLTAuMDAxLDAuMDAxYy0wLjAwNi0wLjA4OC0wLjAxNS0wLjg4Mi0wLjAxNS0yLjA4OVYzLjY4OCAgIGMwLTEuMjE1LDAuMDE4LTIuMDQ1LDAuMDE0LTIuMDg3YzAuMDA5LTAuMDIsMC4wNDktMC4wOCwwLjA4OC0wLjExOWMwLjAzLTAuMDI3LDAuMTM2LTAuMDg4LDAuMTI3LTAuMDk0ICAgQzQuODUsMS4zODEsNS42NzUsMS4zNzQsNi44NCwxLjM3NGgzLjg3NWMwLjU2NiwwLDEuMDUyLDAuMDA3LDEuNDE0LDAuMDE3djQuOTI1YzAsMS4zMjMsMS4wNzcsMi40LDIuNCwyLjRoNC45MyAgIGMwLjAwOSwwLjM2MywwLjAxNiwwLjg1LDAuMDE2LDEuNDE3VjIwLjMxMnoiIGZpbGw9IiNkZWRlZGUiLz4KCTxwYXRoIGQ9Ik0xMS42MzQsMjAuMjAzYzAuMDEsMC4wMTcsMC4wMjEsMC4wMzMsMC4wMzIsMC4wNDhjMC4wMDksMC4wMTIsMC4wMTMsMC4wMjQsMC4wMjMsMC4wMzVzMC4wMjMsMC4wMTUsMC4wMzUsMC4wMjMgICBjMC4wMjksMC4wMjMsMC4wNTksMC4wNDgsMC4wOTUsMC4wNjNjMC4wNTQsMC4wMjIsMC4xMSwwLjAzLDAuMTY3LDAuMDI4YzAuMTA3LDAuMDA0LDAuMjE1LTAuMDMyLDAuMjk3LTAuMTE0ICAgYzAuMDI0LTAuMDI0LDAuMDM3LTAuMDU0LDAuMDU0LTAuMDgxbDIuOTc0LTIuOTc0YzAuMTU2LTAuMTU2LDAuMTU2LTAuNDEsMC0wLjU2NmMtMC4wNzgtMC4wNzgtMC4xODEtMC4xMTctMC4yODMtMC4xMTcgICBzLTAuMjA1LDAuMDM5LTAuMjgzLDAuMTE3bC0yLjM3MSwyLjM3MXYtNi4wNjRjMC0wLjIyMS0wLjE4LTAuNC0wLjQtMC40cy0wLjQsMC4xOC0wLjQsMC40djYuMDM3bC0yLjM0NC0yLjM0NCAgIGMtMC4wNzgtMC4wNzgtMC4xODEtMC4xMTctMC4yODMtMC4xMTdzLTAuMjA1LDAuMDM5LTAuMjgzLDAuMTE3Yy0wLjE1NiwwLjE1Ni0wLjE1NiwwLjQxLDAsMC41NjZMMTEuNjM0LDIwLjIwM3oiIGZpbGw9IiNkZWRlZGUiLz4KPC9nPgo8L3N2Zz4K);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0 0;*/
}
.destaque-edition .list-editions h4.download-primeira .ico-downPage svg {
  width: 17px; height: 17px;
  fill: #a9a9a9;
}
.destaques-edicao .destaque-edition .list-editions .btn-edicao-todas,
.destaques-edicao .destaque-edition .list-editions .list-editions-empty {background: #17213e;}
.destaques-edicao .destaque-edition .list-editions .btn-edicao-todas h3 {color: #ffffff;}

.destaque-edition .list-editions h4.download-primeira a:hover {color: #ffffff;}
.destaque-edition .list-editions h4.download-primeira a:hover .ico-downPage svg {fill: #ffffff;}

/******************** HEMEROTECA ********************/
/* PAGINAÇÃO */ 
.item-list .pager li {
  display: inline-block!important;
  margin: 0; padding: 7px 10px!important;
  font: 12px/12px 'Titillium web', Helvetica, Arial;
  text-transform: capitalize;
}
.item-list ul {
  padding: 28px 0!important;
  margin: 0!important;
  min-height: 33px;
}
.item-list ul li {
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  margin-bottom: 3px!important;
}
.item-list ul li a {text-decoration: none;}
.item-list ul li a.active {color: #000;}
.item-list .pager li.pager-current {
  color: #c4161c; 
  border-color: #c4161c;
}
.item-list .pager li.pager-next {margin-left: 10px;}
.item-list .pager li.pager-previous {margin-right: 10px;}

.ui-datepicker-inline {
  border: 0!important;
  margin: 0!important;
  padding: 0!important;
  width: auto!important;
}
.ui-datepicker-header {height: 30px;}
.edicaodiario_hemeroteca_bydate-filtro {
  background: #ffffff;
  margin-bottom: 30px;
}
.edicaoselector, .dateselector {
  float: left; margin-right: 15px;
}
.head_menu, #chooseData input {
  display: block;
  font: 700 11px/20px 'Titillium web', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;    
  white-space: nowrap;
  color: #000000;
  border: none;
  background: transparent;
}
.head_menu:hover, #chooseData input:hover {cursor:pointer;}
#chooseData input {width: 180px; height: 20px;}
.edicaoselector, #chooseData {padding: 10px 20px;}
.edicaoselector {position: relative; padding-right: 30px;}
.edicaoselector:after {
  display: block; position: absolute;
  right: 14px; top: 17px;
  width: 0; height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #000000 transparent transparent transparent;
  content: "";
}
.head_menu > img {display: none;}
.ui-daterangepicker ul, .ui-daterangepicker .ranges, 
.ui-daterangepicker .range-start, 
.ui-daterangepicker .range-end {
  float: left;
}
.edicaoselector .sub_menu,
.dateselector .ui-daterangepickercontain {
  position: absolute;
  /*left: 0; top: 40px;*/ z-index: 9999;
  background: #ffffff;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,.25);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,.25);
  box-shadow: 0px 3px 10px 0px rgba(0,0,0,.25);
}
.edicaoselector .sub_menu {display: none; left: 0; top: 40px;}
.edicaoselector .sub_menu a,
.dateselector #ui-daterangepicker-position a {
  display: block; position: relative;
  font: 700 11px/11px 'Titillium web', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 10px 35px 10px 20px;
  white-space: nowrap;
  color: #000000;
  border-bottom: 1px solid #ebebeb;
}
.ui-component-content {
  float: left;
  border-right: 1px solid #ebebeb;
}    
.dateselector .ranges {
  float: left;
  padding: 10px;
}
.dateselector #ui-daterangepicker-position .ranges a {padding: 3px 5px;}
.edicaoselector .sub_menu a:hover,
.dateselector #ui-daterangepicker-position a:hover {background-color: #f1f1f1;}
.cancelFiltros a {
  position: relative;
  float: right;
  font: 700 11px/11px 'Titillium web', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  border: none;
  background: #bdbdbd;
  padding: 14px 20px;
}
.dateselector #ui-daterangepicker-position a.ui-arrow-right-content:after {
  display: block; position: absolute;
  right: 10px; top: 12px;
  width: 0; height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #000000;
  content: "";
}
.dateselector #ui-daterangepicker-position a.ui-arrow-right-active {color: #c4161c;}
.dateselector #ui-daterangepicker-position a.ui-arrow-right-active:after {
  display: block; position: absolute;
  right: 10px; top: 12px;
  width: 0; height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #c4161c;
  content: "";
}
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
  width: 100%;
  border: 0;
  padding: 30px 10px 10px;
}
.ui-default-state.btnDone {
  display: block!important;
  font: 700 12px/14px 'Titillium web', Helvetica, Arial;
  padding: 5px 25px;
  margin: 10px;
  width: calc(100% - 20px);
  clear: both;
}
.ui-clearfix {display: block;}
.ui-datepicker-next, .ui-datepicker-prev {
  width: 20px; height: 20px;
  left: 10px; top: 5px;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
  width: 100%; height: 100%;
  border: 1px solid #d3d3d3!important;
}
.ui-datepicker-next {left: 176px;}
.ui-datepicker-header select {
  height: 20px; top: 5px;
  font-size: 12px; line-height: 20px;
}
.ui-datepicker-header select.ui-datepicker-new-month {
  width: 85px; left: 32px;
}
.ui-datepicker-header select.ui-datepicker-new-year {
  left: 119px; width: 55px;
}

/******************** MEDIA QUERIES ********************/
@media screen and (min-width: 1025px) and (max-width: 1180px) {
}
@media screen and (max-width: 1024px) {
  .destaque-edition {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .destaque-edition.content {padding-top: 0; padding-bottom: 0;}
  .list-editions-main.list-editions {margin-bottom: 56px;}
  .destaque-edition .list-editions {width: 100%;}
  .list-editions li,
  .destaque-edition .list-editions li {
    -webkit-flex: 0 1 calc(25% - 28px);
    -ms-flex: 0 1 calc(25% - 28px);
    flex: 0 1 calc(25% - 28px);
  }
  .list-editions .list-editions-empty {display: none;}
  .destaques-especial .list-editions li {
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}
@media screen and (max-width: 768px) {
  .list-editions li,
  .destaque-edition .list-editions li {
    -webkit-flex: 0 1 calc(33.33333333333333% - 28px);
    -ms-flex: 0 1 calc(33.33333333333333% - 28px);
    flex: 0 1 calc(33.33333333333333% - 28px);
  }
  .destaques-especial .list-editions li {
    -webkit-flex: 0 1 66.66666666666667%;
    -ms-flex: 0 1 66.66666666666667%;
    flex: 0 1 66.66666666666667%;
  }
  .item-list .pager li.pager-first .pager-first-txt,
  .item-list .pager li.pager-last .pager-last-txt {display: none!important;}
}
@media screen and (max-width: 600px) {
  .list-editions li,
  .destaque-edition .list-editions li {
    -webkit-flex: 0 1 calc(50% - 28px);
    -ms-flex: 0 1 calc(50% - 28px);
    flex: 0 1 calc(50% - 28px);
  }
  .destaques-especial .list-editions li {
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
  }
  /*HEMEROTECA*/
  .edicaoselector, .dateselector {margin: 0; width: 100%;}
  .edicaoselector .sub_menu, .ui-component-content, #chooseData input {width: 100%;}
  .cancelFiltros a {
    width: 100%; padding: 10px;
    text-align: center;
  }
  .dateselector .ui-daterangepickercontain {width: calc(100% - 28px);}
  .ui-component-content {width: 100%; border-right: none;}
  .item-list .pager li.pager-first .pager-first-txt,
  .item-list .pager li.pager-last .pager-last-txt,
  .item-list .pager li.pager-previous,
  .item-list .pager li.pager-next {display: none!important;}
  .item-list .pager li.pager-next,.item-list .pager li.pager-previous {margin: 0px;}

  .item-list .pager li.pager-first {margin-left: 0; margin-right: 10px;}
  .item-list .pager li.pager-last {margin-left: 10px;}
}
@media screen and (max-width: 420px) {
  .destaque-edition .list-editions.list-editions-main li {
    -webkit-flex: 0 1 calc(100% - 28px);
    -ms-flex: 0 1 calc(100% - 28px);
    flex: 0 1 calc(100% - 28px);
  }
  .destaque-edition .list-editions.list-editions-main li > a {
    width: 100%;
  }
}
@media screen and (max-width: 374px) {
  .list-editions li,
  .destaque-edition .list-editions li {
    -webkit-flex: 0 1 calc(100% - 28px);
    -ms-flex: 0 1 calc(100% - 28px);
    flex: 0 1 calc(100% - 28px);
  }
  .destaques-especial .list-editions .list-special-bg {
    bottom: 20px;
  }
  .list-editions h4 {
    position: relative;
    bottom: 0;
    text-align: center;
    width: 100%;
  }
}