/*--------------------------------------------------------------

Template: Light
Author: xBoot
Author URI: http://wpfreethemeshop.com/
Version:  1.0
Design and Developed by: xBoot

Note: This is the file where you can add your custom styles to change the look of the theme. 
But don't modify "style.css" file.

---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom CSS code here:
-------------------------------------------------------*/

.header-area .menu-left {
	margin-right: 15px;
}

.txtLink a {
	text-decoration: underline;
}

.txtLink a:hover {
	color: #ccc;
	text-decoration: none;
}

.xboot-standard-row a:hover {
	color: #ccc;
}

/* ----------------------------------------------------
	TOP
-------------------------------------------------------*/

.boxNewslistTitle.section-title {
	margin: 0 auto 20px;
}

.newsList {
	text-align: center;
	width: 800px;
	margin: 0 auto;
}

.newsList li {
	margin-bottom: 1.5em;
}

.newsList li span {
	display: inline-block;
	font-style: italic;
	color: #999;
	margin-right: 1em;
}

/* ----------------------------------------------------
	SERVICE
-------------------------------------------------------*/

.boxService {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.boxService .col-md-3 {
      display: flex;
}

/* ----------------------------------------------------
	ABOUT
-------------------------------------------------------*/

.boxAbout table {
	width: 800px;
	margin: 0 auto;
	border-collapse: collapse;
}

.boxAbout table th,
.boxAbout table td {
	vertical-align: top;
	padding: 15px 0;
	text-align: left;
	font-weight: normal;
	line-height: 1.5em;
}

.boxAbout table th {
	width: 220px;
}

.boxAbout table td strong {
	font-weight: normal;
}

.boxAbout table td address {
	margin-bottom: 0;
}

.boxAbout table td ul li {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 1em;
}

/* ----------------------------------------------------
	CONTACT
-------------------------------------------------------*/

.boxContactus  {
	text-align: center;
}

.boxContactus p {
	margin-bottom: 1em;
	line-height: 2em;
}

/* ----------------------------------------------------
	NEWS BLOG
-------------------------------------------------------*/

.boxEntry h3 {
	padding: 2em 0 1em 0;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.8em;
}

.boxEntry img {
	max-width: 100%;
	height: auto;
	margin-bottom: 1.5em;
}

.boxEntry blockquote {
	border: 1px solid #e5e5e5;
}

.boxEntry p.txtTag {
	padding-top: 1.5em !important;
	font-size: 0.91em;
}

.boxPager {
	position: relative;
	margin-right: 40px;
	padding-top: 25px;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

.boxPager .prev {
	position: absolute;
	right: 0;
	top: 25px;
}

.boxPager .next {
	position: absolute;
	left: 0;
	top: 25px;
}

/*wp-pagenavi base*/

.boxPageNavi {
}

.wp-pagenavi {
		clear: both;
		text-align:center;
	padding-top: 80px;
}
.wp-pagenavi a, .wp-pagenavi span {
		color: #999;
		background-color: #FFF;
		border: solid 1px #e5e5e5;
		padding: 8px 15px;
		margin: 0 4px;
		white-space: nowrap;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
		text-align: center;
		text-decoration:none;
}
.wp-pagenavi a:hover{
		color:#FFF; 
		background-color:#999; 
		border-color:#999;
}
.wp-pagenavi span.current{
		color: #FFF;
		background-color: #000;
		border-color: #000;
		font-weight: bold;
}

/* =======================================
	CLEARFIX
==========================================*/

.cl:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */


/* -------------------------------------------------
  Tablet Screen 
---------------------------------------------------*/

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

.boxAbout table {
	width:95%;
}

.boxAbout table th {
	width: 150px;
}

.single-news-post {
	margin-right: 0;
}

.single-blog-post {
		margin-right: 0;
}

.sidebar {
	margin-top: 90px;
}
}

/* -------------------------------------------------
  Small Mobile
---------------------------------------------------*/

@media (max-width: 767px) {

.newsList {
	text-align: left;
	width: 95%;
	margin: 0 auto;
}

.newsList li {
	margin-bottom: 1.5em;
}

.newsList li span {
	display: inline-block;
	font-style: italic;
	color: #999;
	margin-right: 1em;
}


.boxAbout table {
	width: 95%;
}

.boxAbout table th,
.boxAbout table td {
	display: block;
	width: 100%;
}

.boxAbout table th {
	padding: 0;
	font-weight: bold;
}

.boxAbout table td {
	padding: 5px 0 1.5em 0;
	line-height: 1.8em;
}

.boxAbout table td ul li {
	text-indent: -1em;
	margin-left: 0;
	margin-bottom: 1.5em;
}

.single-news-post {
	margin-right: 0;
}

.single-blog-post {
		margin-right: 0;
}

.sidebar {
	margin-top: 90px;
}

}