@charset 'utf-8';
/*
 * name:news.css
 * author:sovanda nulo
*/

/* news
------------------------------------------------ */

#news { margin-bottom: 120px; }
#news-table { width: 100%; border-collapse: collapse; border-bottom: none; }
#news-table thead { display: none; }
#news-table tbody tr { background: none; }
#news-table tbody tr:nth-of-type(2) td { border-top: 1px solid #e2e0e1; }
#news-table tbody tr td { position: relative; background: none; font-size: 15px; font-size: 1.5rem; letter-spacing: .025em; padding: 23px 0; border-bottom: 1px solid #e2e0e1; transition: linear .4s; transition: linear .25s; }
#news-table tbody tr td:nth-of-type(2) { width: 160px; font-size: 13px; font-size: 1.3rem; font-weight: bold; color: #ea5550; }
#news-table tbody tr td p { transition: linear .4s; transition: linear .25s; }
#news-table tbody tr td p.Txts:after { content: 'PDF'; font-size: 12px; font-size: 1.2rem; line-height: 16px; display: inline-block; background: #ea5550; color: #fff; padding: 0 8px; margin-left: 15px; -webkit-border-radius: 2px; border-radius: 2px; }
#news-table tbody tr:hover td { border-bottom: 1px solid #000; }
#news-table tbody tr:hover td p { padding-left: 15px; }
#news-table tbody tr td .Liks { position: absolute; top: 0; left: -160px; width: calc( 100% + 160px ); height: 100%; }
#news-table tbody tr td .Liks a { display: block; width: 100%; height: 100%; }
#news-table_paginate { font-size: 15px; font-size: 1.5rem; padding-top: 60px; text-align: center; float: none; }
#news-table_paginate a { width: 50px; padding: 0.8em .5em; overflow: hidden; color: #ccc !important; margin: 0 .25em; background: none; border: 1px solid #ccc; box-shadow: none; }
#news-table_paginate a.previous,
#news-table_paginate a.next { text-indent: -200px; }
#news-table_paginate a.next { background: url(../../img/share/page-next.png) no-repeat center; background-size: 8px; }
#news-table_paginate a.next:hover { background: #000 url(../../img/share/page-nextH.png) no-repeat center; background-size: 8px; }
#news-table_paginate a.previous { background: url(../../img/share/page-prev.png) no-repeat center; background-size: 8px; }
#news-table_paginate a.previous:hover { background: #000 url(../../img/share/page-prevH.png) no-repeat center; background-size: 8px; }
#news-table_paginate a.disabled { display: none; }
#news-table_paginate a.current,
#news-table_paginate a:hover { color: #fff !important; border: 1px solid #000; background: #000; }

.news-filter { display: block; }
.news-filter--name { font-size: 22px; font-size: 2.2rem; font-weight: bold; letter-spacing: .025em; line-height: 1.2; margin-top: 7px; float: left; }
.news-filter--select { position: relative; cursor: pointer; width: 150px; text-align: center; float: right; }
.news-filter--select--next { font-size: 16px; font-size: 1.6rem; font-weight: bold; display: block; padding: 7px 0 8px; background: #ea5550; color: #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.news-filter--select--list { font-size: 15px; font-size: 1.5rem; letter-spacing: .025em; width: 100%; position: absolute; top: 40px; left: 0; background: #fff; display: none; z-index: 2; box-shadow: 0px 0px 8px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1); border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.news-filter--select--list a { display: block; padding: 8px 0; }
.news-filter--select--list li.selected a,
.news-filter--select--list a:hover { background: rgba(233, 83, 84, .15); }

/* custom data table */
#news-table_info,
#news-table_length,
#news-table_filter { display: none; }

/* Responsive
------------------------------------------------ */
@media screen and (min-width: 768px) {
    #news-table { width: 100% !important; }
}

@media screen and (max-width: 768px) {

	#news { margin-bottom: 60px; }
	#news-table { border-top: 1px solid #e2e0e1; }
	#news-table tbody tr { border-bottom: 1px solid #e2e0e1; }
	#news-table tbody tr:nth-of-type(2) td { border-top: none; }
	#news-table tbody tr td { display: block; width: 100%; font-size: 13px; font-size: 1.3rem; padding: 2px 0 15px; border: none; }
	#news-table tbody tr td:nth-of-type(2) { width: 100%; font-size: 12px; font-size: 1.2rem; border: none; padding: 15px 0 2px; }
	#news-table tbody tr td p.Txts:after { font-size: 10px; font-size: 1rem; line-height: 13px; padding: 0 7px; margin-left: 8px; }
	#news-table tbody tr:hover td { border-bottom: none; }
	#news-table tbody tr:hover td p { padding-left: 0; }
	#news-table tbody tr td .Liks { top: -36px; left: 0; width: 100%; height: calc( 100% + 36px ); }
	#news-table_paginate { font-size: 13px; font-size: 1.3rem; padding-top: 30px; }
	#news-table_paginate a { width: 40px; padding: 0.68em .5em; margin: 0 .25em; }
	#news-table_paginate a.next { background: url(../../img/share/page-next.png) no-repeat center; background-size: 6px; }
	#news-table_paginate a.next:hover { background: url(../../img/share/page-nextH.png) no-repeat center; background-size: 6px; }
	#news-table_paginate a.previous { background: url(../../img/share/page-prev.png) no-repeat center; background-size: 6px; }
	#news-table_paginate a.previous:hover { background: url(../../img/share/page-prevH.png) no-repeat center; background-size: 6px; }

	.news-filter { margin-bottom: 30px; }
	.news-filter--name { font-size: 15px; font-size: 1.5rem; margin: 0 0 18px; float: none; text-align: center; }
	.news-filter--select { width: 115px; display: block; margin: 0 auto; float: none; }
	.news-filter--select--next { font-size: 13px; font-size: 1.3rem; padding: 10px 0; }
	.news-filter--select--list { font-size: 13px; font-size: 1.3rem; }

}