/*
Theme Name: ACU - KH
Theme URI: https://www.acu.gov.kh/
Author: the Anti-Corruption Unit IT department
Author URI: https://acu.gov.kh/
Description: Anti-Corrution Unit website.
Version: 1.0
Text Domain: acu-kh
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(https://fonts.googleapis.com/css?family=Koulen);
@import url(https://fonts.googleapis.com/css?family=Hanuman);
@import url(https://fonts.googleapis.com/css?family=Chenla);

/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: 'Open Sans', Hanuman, serif;
	font-size: 100%;
	line-height: 170%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/**********************************
Global Configuration
**********************************/
a{
	color: #1020d0;
}

/* Site Layout */
body{
	background:url(assets/img/pkar-chan.png);
}

.wrapper{
	max-width: 980px;
	margin: 0 auto;
	box-shadow: #888 0 0 100px;
	background:#fff;
	overflow:hidden;
}

.banner{
	background:url(assets/img/banner-bg.jpg) no-repeat;
	height:150px;
	overflow:hidden;
}

.site-branding{
	padding: 20px 0 0 15px;
}

.site-branding img{
	max-width: 100%;
	height:auto;
}

@media (max-width: 768px){
	.site-branding{
		padding: 15px;
		text-align:center;
		
	}
	
	.banner{
		height:auto;
		background:linear-gradient(#D3DEE4,#F4FAFF);
	}
	
	
}

/*
 * Navigation Styling 
 */
 
.navbar{
	min-height:40px;
	margin-bottom:15px;
}

.navbar-right a{
	font-size: 12px !important;
}

.navbar, .dropdown-menu{
	background:linear-gradient(#1976D2,#0D47A1);
	border:none;
	border-radius:0;
}

.dropdown-menu>li>a{
	color: #fff;
	font-size:0.95em;
	padding:0 10px;
	line-height:30px;
}

.navbar-inverse .navbar-nav>li>a
{
	color: #fff;
	font-size:0.95em;
	border-top: 3px solid rgba(0,0,0,0);
	padding:0 10px;
	line-height:40px;
}

@media (min-width: 768px){

.navbar, .dropdown-menu{
	border:none;
	border-radius:0;
}

.dropdown-menu{
	padding:0;
}

.navbar-collapse{
	padding-left:0;
}
	
.navbar-inverse .navbar-nav>li>a
{
	border-top: 3px solid rgba(0,0,0,0);
}
.dropdown-menu>li>a:hover{
	color: #fff;
	background:rgba(255,255,255,0.2);
}

.mainnav .dropdown-menu>.active>a, .navbar-inverse .navbar-nav>.active>a{
	background-color: rgba(0,0,0,0.1);
  	box-shadow: 0 0 10px rgba(0,0,0,0.2) inset;
	border-top: 3px solid #ffc107;
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:active,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:active,
.navbar-inverse .navbar-nav>.open>a:focus {
	color:#fff;
	box-shadow: rgba(255,255,255,0.2) 0 0 20px inset;
	border-top: 3px solid #ffc107;
	background:none;
}
}

/*
 * .main-container
 */
.main-container{
	/*margin:15px 0;*/
}

/*
 * .main-content
 */

.main-content{
	margin-bottom:15px;
}




/*
*
* Footer 
*
*/

.footer, a {
    text-decoration: none;
}
div.footer{
	color: #222;
	background-color: #f1f1f1;
	padding:15px 5px;
	font-size:0.9em;
	overflow: hidden;
}

.footer, a:hover{
	color: #EE1B2E;
}

.footer .footer-info h3, .footer .footer-col-2 h3{
	font-size: 18px;
    font-family: koulen;
    font-weight: normal;
    text-shadow: #fff 0 1px 0;
    border-bottom: 3px solid #aaa;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.footer .footer-info .copyright{
	margin-top: 10px;
    margin-bottom: 10px;
    font-family: koulen;
}

.footer .footer-info table td{
	text-shadow: #ccc 0 1px 0;
    font-size: 16px;
}
.footer .footer-col-2 .counter-view{
	background:#0f6b95;
	text-align:center;
	height:36px;
	margin:5px 0;
	
}
.footer .footer-col-2 .counter-info{
    float: left;
    padding-left: 10px;
    color: #fff;
    padding-top: 2px;
    font-size: 15px;
	font-family:'Open Sans', Chenla, serif;
}

.footer .footer-col-2 .counter-stat table td{
   text-shadow: #ccc 0 1px 0;
    font-size: 16px;
}

.footer ul.socials{
	margin:0;
	padding:0;
	list-style:none;
}

.footer ul.socials li{
	line-height: 40px;
}

.footer ul.socials i.fa{
	line-height: 30px;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	margin-right: 5px;
	border-radius: 50%;
	font-size: 18px;
}

.footer ul.socials i.fa-facebook{
	background: #3b5998;
}

.footer ul.socials i.fa-twitter{
	background: #1da1f2;
}

.footer ul.socials i.fa-youtube{
	background: #e62117;
}

.footer i.fa-instagram{
	background: #c23383;
}



#online-user-counter{
	padding-right:8px;
	padding-top:4px;
}
#online-user-counter>div{
	background:none !important;
}

/********************************
Back to Top
********************************/
.back-to-top {
    background: #0D47A1;
    position: fixed;
    right: 30px;
    bottom: 55px;
	color:#fff;
    cursor: pointer;
    margin-bottom: 0;
    border-radius: 50%;
    z-index: 10;
	width: 42px;
    height: 42px;
	display:none;
    line-height: 42px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 3px;
}

/*
 * Partner Carousel
 *
 *
 */

#partner-carousel{
	padding:15px 0;
	background:#fff;
	border-top: 3px solid #E3E3E3;
	clear:both;
	overflow:hidden;
	width:100%;
}
#partner-carousel .carousel-inner .active.left { left: 0%; }
#partner-carousel .carousel-inner .next        { left: 0%; }
#partner-carousel .carousel-inner .prev		{ left: 0%; }
#partner-carousel .carousel-control 			 { width:  4%; }
#partner-carousel .carousel-control.left,#partner-carousel .carousel-control.right {background-image:none;}
#partner-carousel .img-responsive{
	width:100px;
	height:auto;
	margin: 0 auto;
	}



#slideshow-carousel{
	max-width:100%;
	max-height:auto;
}

#slideshow-carousel .carousel-inner > .item > img,
#slideshow-carousel .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
	  height:auto;
  }






/*
 * Sidebar 
 */

@media (min-width: 768px){
	.main-sidebar{
		padding-right:0;
	}
}

.widgets{
	
}

.widget{
	margin-bottom:15px;
	overflow:hidden;
}

.widget h3{
	background:url(assets/img/bullet-left.png) no-repeat left center, url(assets/img/bullet-right.png) no-repeat right center, linear-gradient(#1976D2,#0D47A1);
    text-align: center;
    margin-bottom:0;
    border-bottom:2px solid #303F9F;
	line-height:36px;
	font-size:14px;
	color: white;
	margin:0;
}

.widget img{
	width:100%;
	height:auto;
}

div.heading{
    background:linear-gradient(#1976D2,#0D47A1) ;
    font-family: AbeeZee;
    text-align: center;
    margin-bottom:0;
    border-bottom:2px solid #303F9F;
}

div.heading h3{
    line-height:36px;
	font-size:14px;
    background: url(assets/img/bullet-left.png) no-repeat left center, url(assets/img/bullet-right.png) no-repeat right center;
    color: white;
	margin-left:-8px;
	margin-right:-8px;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:10px;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.widget .sidebar-menu-khmer ul li{
	
	
	list-style: none;
	text-decoration: none;
    border-bottom: 1px solid #e7e6e6;
	text-align: -webkit-match-parent;

	
}
 
.widget .sidebar-menu-khmer ul li a{
	list-style: none;
	text-decoration: none;
    border-bottom: 1px solid #BDD4EA;
	display: block;
	list-style: none;
   	color:#000000;
	display: block;
	padding: 8px 12px 8px 20px;
	background:url(assets/img/next.png) no-repeat 5px 17px;
}

.widget .sidebar-menu-khmer ul li a:{
	
   	background-color:#0D47A1;
}
.widget .sidebar-menu-khmer ul li a:hover{
	background-color:#BDD4EA;
}


/*********** Custom Login Form *****************/
.my-login-form{
	padding: 36px;
    margin-bottom: 28px;
    background-color: #fff;
	margin-left: auto;
    margin-right: auto;
    min-height: 364px;
    min-width: 320px;
    max-width: 412px;
	width: calc(100% - 40px);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.55);
    box-shadow: 0 2px 3px rgba(0,0,0,.55);
    border: 1px solid #818c94;
	border: 1px solid rgba(0,0,0,.4);
	margin-top: 20px;
}

.my-login-form label{
	display: block;
}

.my-login-form #user_login, .my-login-form #user_pass{
	width: 100%;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

.my-login-form .my-login-form-title{
	text-align: center;
    font-family: Chenla;
    font-size: 1.2em;
    margin-bottom: 20px;
    color: #0067b7;
}

.my-login-form #wp-submit{
	border-color: #0067b8;
	color: #fff;
	background-color: #0067b8;
	width: 100%;
	border-width: 1px;
	display: inline-block;
    min-width: 100px;
    padding: 4px 12px 4px 12px;
    position: relative;
    max-width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
    touch-action: manipulation;
}

.my-login-form-more-info{
	text-align: center;
}

.my-alert .failed-alert{
	border: 1px solid #e81123;
	background: #ffe5e8;
	padding: 3px 10px;
	color: #e81123;
	font-size: 13px;
}

.my-alert .empty-alert{
	border: 1px solid #FFCC00;
	background: rgb(255, 245, 211);
	padding: 3px 10px;
	font-size: 13px;
	color: rgb(189, 123, 0);
}

.my-alert .logout-alert{
	border: 1px solid #7fb901;
	background: #fbfff1;
	padding: 3px 10px;
	color: #507200;
	font-size: 13px;
}

/********* USER WIDGET ***********/

.user-widget{
	background: #f1f1f1;
	padding: 10px 0;
	border-radius: 5px;
}

.user-profile{
	margin-bottom: 15px;
	position: relative;
	height: 48px;
}

.user-widget .user-photo{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 0px;
	z-index: 100;
}

.user-widget .user-name{
	background: #DDDDDD;
	padding: 3px;
	padding-left: 68px;
	position: absolute;
	bottom: 0;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-weight: bold;
	font-size: 14px;
}

.user-widget ul{
	list-style: none;
	padding-left: 30px;
}

.user-widget ul li{
	line-height: 2em;
}

/********* END USER WIDGET **********/

/*********** End Custom Login Form *************/

/**********************************
Specific Style for Archive Widget
**********************************/
.widget-archive{padding: 0 0 40px 0; float: left; width: 235px;}
.widget-archive ul {margin: 0; list-style:none;}
.widget-archive li {margin: 0; padding: 0;}
.widget-archive li a{ border-left: 1px solid #d6d7d7; padding: 5px 0 3px 10px; margin: 0 0 0 55px; display: block;}
li.archive-year{float: left; font-family: Helvetica, Arial, san-serif; padding: 5px 0 3px 10px; color:#ed1a1c;}
li.archive-year a{color:#ed1a1c; margin: 0; border: 0px; padding: 0;}




/*
 * Content Body
 */
 
 #breadcrumbs{
	background: #f1f1f1;
    border-radius: 3px;
    padding: 5px 15px;
    color: #555;
    margin: 0 0 20px 0;
}
 
  #breadcrumbs .breadcrumb_last{
	display: none;
 }
 
.content-body{
}

.content-body ul{
	padding-left:40px;
}

.content-body h1{
	font-family:'Open Sans', Chenla, serif;
	font-size:1.4em;
	margin:2px 0 10px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.content-body h2{
	font-family:'Open Sans', Chenla, serif;
	font-size:1.3em;
	margin:15px 0 10px 0;
	color:#253084;
}

.content-body p{
	font-size:16px;
	line-height:30px;
	color:#444444;
	margin:10px 0;
	text-align:justify;
}

.content-body .post-date{
	font-size:0.8em;
	color:#0D47A1;
	margin-bottom:15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.btn{
	font-family:'Open Sans', Chenla, serif;
}

.pdfWrapper {
	position: relative;
	padding-bottom: 140%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:10px;
	margin-top:10px;
}

.pdfWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* This is for link page*/

.table th{
	font-family: KD Jayavarman I;
	background-color:#EEF4E5;
	color: #2F07F7;
	text-align:center;
	padding-top: 5px;
	border-bottom: 2px solid #F50D38;
}
.table tbody td{
	background: url(assets/img/next.png) no-repeat 0px 15px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EEF4E5;
}

.table tbody td a{
	text-decoration: none;
	color: #320CF3;
	padding: inherit;
		
}

.table tbody td a:hover{
	color: #F7061C;
}

/* This is for asset declaration form*/
.nav-tabs>li>a {
    color: #2F07F7;
}

.nav-tabs>li>a:hover{
	background-color:#BDD4EA;
}

div.container{
	width: 720px;
	height: auto;
}



/*******************************************************
 * Entry Widget
 *******************************************************/

.entry-widgets{
	margin:15px 0 15px 0;
	clear:both;
	margin-left:-12px;
}

.entry-widgets .col-md-4{
	padding:0;
	padding-left:12px;
}


.entry-widgets .entry-widget{
	background:#ddd;
	border-radius:5px;
	min-height: 400px;
	padding:10px;
	margin-bottom:15px;
}

.entry-widget h2{
	font-family:'Open Sans', Chenla, serif;
	font-size:1.3em;
	text-align:center;
	text-shadow: #eee 1px 1px 0;
}

.entry-widget figure.img-shadow{
	background:url(assets/img/shadow.png) no-repeat bottom center;
	background-size:contain;
	padding-bottom:15px;
	width:96px;
	display:block;
	margin:30px auto 10px auto;
}

.entry-widget figure.img-shadow img{
	display:block;
	margin:0 auto;
	width:72px;
}

.entry-widget-content{
	margin:15px 0 15px 0;
}

.entry-widget-content select{
	width:100%;
	margin:10px 0;
	font-size:14px;
}

.entry-widget-content label{
	font-size:0.9em;
}

.entry-widget-content .btn{
	margin-top:10px;
}

.entry-widget-content ul li{
	list-style: none;
	text-decoration: none;
}
 
.entry-widget-content ul li a{
	font-size:0.9em;
	list-style: none;
	text-decoration: none;
	display: block;
	list-style: none;
   	color:#337ab7;
	display: block;
	padding: 5px 2px 2px 20px;
	background:url(assets/img/next.png) no-repeat 2px 12px;
}

.entry-widget-content ul li a:active{
   	color:#0D47A1;
	text-decoration:underline;
}
.entry-widget-content ul li:hover{
	background:linear-gradient(#BDD4EA,#ACC3D9);
	border-radius:5px;
}

.entry-widget .devider{
	height:0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #f1f1f1;
	margin:15px 0;
}


/****** ICONS GRID *******/
.icons-grid{
	text-align:center;
}

.icons-grid ul{
	display:inline;
}
.icons-grid ul li{
	list-style: none;
	text-decoration: none;
	display:inline;
}

.icons-grid img{
	width:48px;
	height:48px;
	display:block;
	margin:0 auto;
}

.icons-grid .icon-label{
	padding:0 5px;
	font-family:'Open Sans', Chenla, serif;
	font-size:11px;
	text-align:center;
	color:#555;
	text-shadow: #eee 1px 1px 0;
}
 
.icons-grid ul>li>a{
	font-size:0.9em;
	list-style: none;
	text-decoration: none;
	list-style: none;
   	color:#337ab7;
	display: inline-block;
	height:72px;
	width:66px;
	margin-bottom:7px;
	margin-left:0px;
	border-radius:5px;
	background:none;
	-webkit-transition: background-color 250ms;
    -moz-transition: background-color 250ms;
    -o-transition: background-color 250ms;
    transition: background-color 250ms;
}

.icons-grid ul>li>a:hover{
	/*background:linear-gradient(#BDD4EA,#ACC3D9);*/
	background:#fff;
}


/************************************************************
					News Widgets
************************************************************/

.news-widgets{
	margin:15px 0 15px 0;
	clear:both;
	margin-left:-12px;
}

.news-widgets .col-md-4{
	padding:0;
	padding-left:12px;
}


.news-widgets .new-widget{
	margin-bottom:15px;
}

.new-widget h2{
	border-radius:5px;
	background:linear-gradient(#1976D2,#0D47A1);
	color:#fff;
	font-family:'Open Sans', Chenla, serif;
	font-size:1em;
	text-align:center;
	padding:5px;
	text-shadow: #0D47A1 1px 1px 0;
}

.new-widget figure.img-shadow{
	background:url(assets/img/shadow.png) no-repeat bottom center;
	background-size:contain;
	padding-bottom:15px;
	width:96px;
	display:block;
	margin:30px auto 10px auto;
}

.new-widget figure.img-shadow img{
	display:block;
	margin:0 auto;
	width:72px;
}

.animated {
            -webkit-animation-duration: 5s;
            animation-duration: 5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         
         @-webkit-keyframes fadeInDown {
            0% {
               opacity: 0;
               -webkit-transform: translateY(-20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateY(0);
            }
         }
         
         @keyframes fadeInDown {
            0% {
               opacity: 0;
               transform: translateY(-20px);
            }
            100% {
               opacity: 1;
               transform: translateY(0);
            }
         }
         
         .fadeInDown {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
         }
		 

.new-widget-content{
	margin:0px 0 15px 0;
}

.new-widget-content select{
	width:100%;
}

.new-widget-content label{
	font-size:0.9em;
}

.new-widget-content .btn{
	margin-top:10px;
}

.new-widget-content ul li{
	list-style: none;
	text-decoration: none;
	padding:5px 2px 5px 2px;
	border-bottom:1px solid #eee;
	margin-bottom:5px;
	margin-top:5px;
	overflow:hidden;
}
 
.new-widget-content ul>li>a{
	font-size:0.9em;
	list-style: none;
	text-decoration: none;
	display: block;
	list-style: none;
   	color:#1A237E;
	display: block;
	max-height:48px;
	overflow:hidden;
	background:none;
	-webkit-transition: color 150ms;
    -moz-transition: color 150ms;
    -o-transition: color 150ms;
    transition: color 150ms;


}

.new-widget-content ul li p{
	font-size:11px;
	color:#000;
}

.new-widget-content ul>li>a:hover{
	color:#FF0004;
}

.new-widget .devider{
	height:0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #f1f1f1;
	margin:15px 0;
}

.new-widget .see-more{
	text-align:right;
}
.new-widget .see-more a{
	color:#1A237E;
	font-size:0.9em;
}


.new-widget .document-thumb{
	float:left;
	margin-right:10px;
}

.new-widget .document-thumb img{
	width:64px;
	height:auto;
	min-height:64px;
	max-height:90px;
	box-shadow:#aaa 1px 1px 3px;
}

.new-widget .document-title{
	font-size:14px;
	overflow:hidden;
	max-height:67px;
	margin-bottom:5px;
	font-family: 'Open Sans', Chenla, serif;
}

.new-widget .document-action{
	display:inline-block;
}



/*this is for leader page*/

.leader-page .nav-tabs img{
	float: right;
    width: 200px;
}


/***************************************************
	Marquee
***************************************************/

.marquee-container{
	margin:15px 0;
	background:#f1f1f1;
	border-radius:5px;
	overflow:hidden;
	height:37px;
}

.marquee-container .marquee-heading{
	border-radius:5px 0 0 5px;
	background:linear-gradient(#D32F2F,#B71C1C);
	color:#fff;
	font-family:'Open Sans', Chenla, serif;
	font-size:1em;
	text-align:center;
	padding:5px;
	text-shadow: #B71C1C 1px 1px 0;
	width:100px;
	float:left;
	box-shadow:#ddd 10px 0 10px;
}

.marquee {
  overflow: hidden;
  padding:5px;
  box-shadow:#ddd 0 0 10px inset;
}

.marquee a{
	color:#000;
}

.marquee span{
	margin:0 20px;
	display:inline-block;
	color:#D32F2F;
	font-size:0.9em;
	text-shadow:#fff 1px 1px 0;
}

.marquee a:hover{
	color:#D32F2F;
	text-decoration:none;
}

/***************************************************
	Responsive Design
***************************************************/
@media (max-width: 768px){
	.entry-widgets .entry-widget{
		min-height:0px;
	}
}

/**************************************************
Search Box
**************************************************/
.searchbox{
	height:30px;
	position:relative;
	width:100%;
    border-radius: 5px;
	overflow:hidden;
	background: linear-gradient(#4FA1F9,#176CC7);
}
.searchbox .txtSearch{
    border: none;
    padding: 2px 10px;
	box-shadow: #ccc 0 0 5px inset;
	width:100%;
	background:#f5f5f5;
}

.searchbox .btnSearch{
    text-align: center;
    display: block;
    float: right;
    padding: 3px 10px 0 10px;
    width: 40px;
	color:#fff;
}

.searchbox .btnSearch:hover{
	background: linear-gradient(#91C6FF,#176CC7);
}

.xdate {
text-align: right;
padding: 95px 10px;
color: #08F5E3;
float: right;
}

/*remove wonder plugin*/

div.html5gallery-container-0
div.html5gallery-box-0
div.html5gallery-elem-0
div.html5gallery-elem-img-0
a{
  visibility: hidden;
}




element.style {
    display: none;
    visibility: visible;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 180px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
}

/************** Article Group Added 9-Jun-2017 *******************/



/*------------------------------------------------
Pagination
-------------------------------------------------*/
/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.mypagination{
	margin:15px 0;
	text-align:left;
}
.mypagination span,
.mypagination a {
  display: inline-block;
  padding: 4px 10px;
  margin-bottom:4px;
  
}
.mypagination a {
  background-color: #0078D7;
  color: #fff;
}
.mypagination a:hover{
   opacity:0.9;
   color:#fff;
}
.mypagination span.page-num {
  margin-right: 10px;
  padding: 0;
}
.mypagination span.dots {
  padding: 0;
  color: gainsboro;
}
.mypagination span.current {
  background: #0078D7;	
  opacity:0.8;
  color:#fff;
}


/***************************************
Article Group List View
***************************************/
/**
 * Top Posts
 */
 
.article-group-list-view{
	margin:20px 0 0 0;
	padding:0;
}

.article-group-list-view .datethumb{
    float: left;
    width: 70px;
    background: #f1f1f1;
    border: 1px solid #999;
    border-radius: 7px;
    overflow: hidden;
    text-align: center;
	margin-right: 15px;
}

.article-group-list-view .datethumb_body{
	line-height: 1em;
    border-top: 1px solid #aaa;
    color: #555;
}

.article-group-list-view .datethumb_main{
    font-size: 20px;
    color: #555;
    font-weight: 700;
    line-height: 1em;
    padding-top: 5px;
}

.article-group-list-view .datethumb_sub{
    font-size: 12px;
}

.article-group-list-view .datethumb_header{
	background: #ff0000;
    color: #fff;
    font-weight: 700;
	line-height: 1.5em;
	font-size: 13px;
}



.article-group-list-view .post-content{
	display:block;
	overflow:hidden;
	line-height:1em;
	color:#222;
}

.article-group-list-view h2.title{
	font-size:14px;
	line-height:28px;
	font-weight:400;
	overflow:hidden;
	margin:0 0 5px 0;
	color:#222;
	-webkit-transition: color 150ms;
	-moz-transition: color 150ms;
	-o-transition: color 150ms;
	transition: color 150ms;
}

.article-group-list-view .post-content .summary{
	font-size:15px;
	line-height:25px;
}

.article-group-list-view ul {
	margin: 0;
	padding:0;
}

.article-group-list-view ul li {
list-style: none;
    overflow: hidden;
    clear: both;
    border: 1px solid #eee;
    /* padding-bottom: 15px; */
    margin-bottom: 15px;
    background: linear-gradient(to top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.01) 5%);
    padding: 15px;
    border-radius: 3px;
}

.article-group-list-view a:hover{
	text-decoration: none;
}

.article-group-list-view a:hover .thumb{
	opacity:0.8;
}

.article-group-list-view a:hover .title{
	color:#0078D7;
}

.article-group-list-view li .thumb-alignment{
	width:192px;
	float:left;
	text-align:center;
	background:#fff;
	line-height:0;
	margin-right:30px;
	overflow:hidden;
}
.article-group-list-view li .thumb-container{
	display:inline-block;
}

.article-group-list-view li .thumb{
	display:table-cell;
	vertical-align:middle;
	height:120px;
	-webkit-transition: opacity 150ms;
	-moz-transition: opacity 150ms;
	-o-transition: opacity 150ms;
	transition: opacity 150ms;
}

.article-group-list-view li img{
	width:100%;
	height:auto;
}

.article-group-list-view .post-meta{
	font-size:15px;
	line-height:20px;
	color:#888;
}

@media (max-width: 480px){
	.article-group-list-view ul li{
		margin-bottom:20px;
		padding-bottom:20px;
	}
	.article-group-list-view li .thumb-alignment{
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	.article-group-list-view li .thumb-container{
		display:block;
	}
	.article-group-list-view li .thumb{
		display:block;
		height:auto;
	}
	
}