/*
Theme Name: ameno
Theme URI: http://bgwebagency.com/free-wordpress-themes/ameno-free-wordpress-theme/
Author: BG Web Agency
Author URI: http://bgwebagency.com
Description: The ameno theme focuses mainly on readability of content and is suitable for blog, portfolio or any other website that needs it's content to highlight.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ameno
Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ameno is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
ameno WordPress Theme incorporates code from Simone WordPress Theme.
ameno is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-size: 62.5%; 
	overflow-y: scroll;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------
New For ServTrax
---------------------------------------*/
@font-face {
				font-family: 'HeaveneticaCond7BoldSH';
				src: url('http://www.servtrax.com/font/hecbsh.eot');
				src: url('http://www.servtrax.com/font/hecbsh.eot?#iefix') format('embedded-opentype'),
						 url('http://www.servtrax.com/font/hecbsh.woff') format('woff'),
						 url('http://www.servtrax.com/font/hecbsh.ttf') format('truetype'),
						 url('http://www.servtrax.com/font/hecbsh.svg#hecbsh') format('svg');
				font-weight: normal;
				font-style: normal;
}

body{background:#FFFFFF; font:12px Arial, Helvetica, sans-serif; color:#5b5858;}

p{line-height:1.7;}
ul,li 
{
margin:0px; padding:0px;
}
a{color:#f8a109; text-decoration:none;}
a:hover{color:#000000; text-decoration:none;}
h1,h2,h3,h4,h5,h6 
{	
	font-weight:normal;
}
/*Copied to the typography section */
h3{ color:#f08c17; font-size:20px; margin:10px 0px; font-size:20px; text-transform:uppercase;}
h4{font-size:18px; color:#FFFFFF; background:#545454; padding:10px 15px; font-weight:bold; text-transform:uppercase; margin-top:15px;}
h5{font-size:15px; color:#2e557c;font-weight:bold; margin:7px 0px;}
h6{font-size:12px; font-weight:bold; margin-bottom:10px; font-family: 'HeaveneticaCond7BoldSH'; color:#04496a;}
/*end Copied to the Typography Section*/
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

#main{background:#fff; width:100%; height:auto; padding-top:20px; border:1px sold #cdcdcd;}
.wrapper{width:1001px; height:auto; margin:0 auto;}

.top{background:url(http://www.servtrax.com/images/top_bg.jpg) repeat-x; padding:0px; position:relative; height:91px;}
.logo{position:absolute; left:0; top:2px; z-index:12;}
/*.logo a{background:url(http://www.servtrax.com/images/logo.jpg) no-repeat; width:220px; height:88px; display:block; float:left;}*/


.top-link{width:561px; float:right;}
.call{float:left; width:190px; padding-top:2px;}
.face-link{background:url(http://www.servtrax.com/images/top-link-bg2.png) no-repeat; width:560px; height:28px; margin-top:0px; padding-left:5px; float:left;}
.face{background:url(http://www.servtrax.com/images/top-line.jpg) no-repeat right center; width:450px; padding-right:10px; float:left; padding-bottom:7px;}
.face ul{margin:0px;}
.face ul li{list-style:none; float:left;}
.face ul li a{color:#FFFFFF; text-decoration:none; padding:5px 12px 0px 22px; display:block; margin-left:18px;}
.face ul li a:hover{color:#fbb84a; text-decoration:none;}
.face .home a{background:url(http://www.servtrax.com/images/home.jpg) no-repeat left; font:12px Arial, Helvetica, sans-serif;}
.face .mail a{background:url(http://www.servtrax.com/images/mail.jpg) no-repeat left; font:12px Arial, Helvetica, sans-serif;}
.face .inq a{background:url(http://www.servtrax.com/images/inquiry.jpg) no-repeat left; font:12px Arial, Helvetica, sans-serif;}
.face .news a{background:url(http://www.servtrax.com/images/news.png) no-repeat left; font:12px Arial, Helvetica, sans-serif;}
.facebook{margin:0px 5px; float:left;}
a.news-link {font-weight:bold;color:#2e557c;}
a:hover.news-link {font-weight:bold;color:#f8a109;text-decoration:underline;}

#header{width:1001px; height:393px; margin-bottom:5px; position:relative;}

/*#menu{width:500px; height:38px; position:absolute; right:0; top:45px; z-index:12; background:url(http://www.servtrax.com/images/menu.png) no-repeat;}
#menu ul{ margin:0px;}
#menu ul li{ list-style:none; float:left;}
#menu li a{ padding:7px 21px 7px 21px; text-decoration:none; color:#2e557c; display:block; font: bold 17px HeaveneticaCond7BoldSH; border-right:1px solid #bf9b71;}
#menu li a:hover{ background:url(http://www.servtrax.com/images/menu-hover.png) no-repeat top center; color:#FFFFFF;}
#menu .actived a{padding:7px 21px 7px 21px; text-decoration:none; background:url(http://www.servtrax.com/images/menu-hover.png) no-repeat top center; color:#FFFFFF;}

#menu .home a:hover{ background:url(http://www.servtrax.com/images/menu-hover.png) no-repeat left; color:#FFFFFF !important;}
#menu .home a.active{background:url(http://www.servtrax.com/images/menu-hover.png) no-repeat left; padding:7px 22px 7px 22px; text-decoration:none; color:#2e557c; font-size:17px; font-family:HeaveneticaCond7BoldSH;color:#FFFFFF !important;}*/

#menu{width:510px; height:38px; position:absolute; right:0; top:45px; z-index:12; background:url(http://www.servtrax.com/images/menu.png) no-repeat;}
#menu ul{ margin:0px;}
#menu ul li{ list-style:none; float:left;}
#menu li a{ padding:7px 21px 7px 21px; text-decoration:none; color:#2e557c; font-size:17px; display:block; font-family:HeaveneticaCond7BoldSH; border-right:1px solid #bf9b71;}
#menu li a:hover{ background:url(http://www.servtrax.com/images/menu-hover.png) no-repeat top center; color:#FFFFFF;}
#menu .actived a{padding:7px 21px 7px 21px; text-decoration:none; background:url(http://www.servtrax.com/images/menu-hover.png) no-repeat top center; color:#FFFFFF;}

#menu .home a:hover{ background:url(http://www.servtrax.com/images/menu-hover.png) no-repeat left; color:#FFFFFF !important;}
#menu .home a.active{background:url(http://www.servtrax.com/images/menu-hover.png) no-repeat left; padding:7px 21px 7px 21px; text-decoration:none; color:#2e557c; font-size:17px; font-family:HeaveneticaCond7BoldSH;color:#FFFFFF !important;}


#menu .contact a{border:none;}
#menu .contact a:hover{ background:url(http://www.servtrax.com/images/menu-hover.png) no-repeat right;padding:7px 17px 7px 17px; color:#FFFFFF !important;}
#menu .contact a.active{background:url(http://www.servtrax.com/images/menu-hover.png) no-repeat right; padding:7px 17px 7px 17px; text-decoration:none; color:#2e557c; font-size:17px; font-family:HeaveneticaCond7BoldSH; color:#FFFFFF !important;}

.main-blue-bg{background:url(http://www.servtrax.com/images/bg1.jpg) repeat-y top; margin-top:10px; color:#FFFFFF; float:left; width:1001px;}
.main-blue{background:url(http://www.servtrax.com/images/blue-bg.jpg) no-repeat top; padding:15px 15px 15px 20px; color:#FFFFFF; float:left; width:966px;}
.main-blue-box{border-right:1px dashed #FFF; padding:5px 25px 5px 5px; margin-left:15px; width:275px ; float:left;}
.main-blue-last{ border:none;padding:5px 25px 5px 5px;margin-left:15px; width:275px ; float:left;}
.main-blue h2{border-bottom:1px dashed #7f97af; padding-bottom:20px; margin-bottom:10px; font-family:HeaveneticaCond7BoldSH; color:#FFFFFF; font-size:20px; line-height:24px; text-transform:uppercase;}
.main-blue .plate{background:url(http://www.servtrax.com/images/plateform.jpg) no-repeat left 5px; padding-left:50px;}
.main-blue .ser{background:url(http://www.servtrax.com/images/services.jpg) no-repeat left 5px; padding-left:38px;}
.main-blue .ser1{background:url(http://www.servtrax.com/images/services1.jpg) no-repeat left 5px; padding-left:38px;}

.main-blue-bottom{background:url(http://www.servtrax.com/images/blue-bg1.jpg) no-repeat top; height:8px; float:left; width:981px; margin-left:10px;}

.main-body{background:url(http://www.servtrax.com/images/main-bg.jpg) repeat-y; padding:5px; width:991;height:auto;}
/*.left-box{ width:283px; float:left; padding:10px; background-color:#fff;}*/
.left-box{ width:100%; padding:10px; background-color:#fff;}
.right-box{ width:620px; float:right; padding:15px;}

.hr{border-top:1px dashed #999999; margin:25px 0px; clear:both;}
.video{border:1px solid #d1d0d0; padding:5px;}

.readmore{width:71px; height:20px; margin-top:15px; float:right;}
.readmore a{ display:block; padding:3px 7px; color:#000000; background:url(http://www.servtrax.com/images/readmore.png) no-repeat; text-decoration:none;font-size: 11px;height: 15px;}

#footer{background:transparent; padding:15px 0px; width:100%; color:#FFFFFF;}
#footer li{ list-style:none; background:url(http://www.servtrax.com/images/footer-line.gif) no-repeat right; padding:3px 10px; float:left;}
#footer li a{ color:#FFFFFF; text-decoration:none; size:11px; display:block;}
#footer li a:hover{ color:#f8a109;}
#footer .last li{border:none;}
#footer li.last{ background:none;}
#footer .left{float:left; width:716px;}
#footer .right{float:right; width:355px;}
#footer .right a{color:#f8a109;}
#footer .right a:hover{color:#FFFFFF;}


/*--- slider begin ---*/

#faded { position:relative;}
#faded .rap { height:403px; margin-top:0px; overflow: hidden}

ul.pagination { position:absolute; z-index:3; margin-top:-44px; margin-left:7px; right:0px; width:149px; height:35px; padding:12px 0 0 21px;}
ul.pagination li {float:left; padding-right:2px; font-size:0;}
ul.pagination li a {background:url(http://www.servtrax.com/images/button.png) no-repeat; height:4px; width:4px; display:block; padding:5px; line-height:0; color:#61583f;}
ul.pagination li a:hover, ul.pagination li.current a { background:url(http://www.servtrax.com/images/button_active.png) no-repeat; color:#f2f1d8}

/*--- slider end ---*/
.slider-box{ width:350px; right:7px; top:300px; padding:1px; position:absolute; color:#FFFFFF; z-index:9999;}
.slider-box h2{ font-size:24px; text-transform:uppercase; color:#ffb535; font-family:HeaveneticaCond7BoldSH;}
.slider-box h2 span{ color:#021528;}

/*--- About end ---*/
.about-top{background:url(http://www.servtrax.com/images/about-top.jpg) no-repeat top; width:1001px; height:2px; margin-top:35px;}
.left-testi{background:url(http://www.servtrax.com/images/left-testi.jpg) no-repeat left; text-transform:uppercase; font-size:18px; padding:5px 5px 5px 50px; margin:15px 0px; color: #E86505;}
.span{font-size:24px; font-weight:bold; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1px;}
.span-name {width:440px;float:right; text-align:right; color:#E86505;margin-top:7px;font-weight:bold;}
/*.span-name1 {width:245px;float:left; text-align:right; color:#E86505;margin-top:7px; font-weight:bold;}*/
.span-name1 {width:100%;float:left; text-align:right; color:#E86505;margin-top:7px; font-weight:bold;}

.per li{list-style:none;padding:5px 5px 5px 25px; margin-left:25px; background:url(http://www.servtrax.com/images/arrow.jpg) no-repeat left; display:block;}
.client{width:120px; height:96px; padding:10px; float:left; margin:5px; background:url(http://www.servtrax.com/images/client-bg.jpg) no-repeat; }

.t-border{border-bottom:1px dashed #999999; margin-bottom:10px;background:url(http://www.servtrax.com/images/right-testi.jpg) no-repeat left; text-transform:uppercase; font-size:18px; padding:5px 5px 15px 50px;}
.img{float:left; margin:10px 15px 20px 10px;border:1px solid #999999;}
.space{clear:both; margin:12px 0px; border-bottom:1px dashed #A6A6A6; display:block; height:15px;}

.serlist li{background:url(http://www.servtrax.com/images/serv-list.jpg) no-repeat 0px 13px; padding:7px 7px 7px 18px; list-style:none; line-height:1.7;}


/* Form */
#form{background:#7fb513; padding:10px; height:380px;}	
.block2{width:380px; padding:2px 0 0;}
.block3{width:380px; padding:2px 0 0;}
.block4{width:380px; padding:2px 0 0;}
.block5{width:380px; padding:2px 0 0;}
.block6{width:380px; padding:2px 0 0;}
.labelclass label{width:150px; text-align:left; padding:6px 0px; float:left; font-size:12px !important; line-height:14px; color:#000;}
.labelclass{width:150px; float:left;}
.textclass {width:210px; float:left;}
.textclass input{border:1px solid #263a14; margin:2px 0px; padding:0; background:#FFF; width:177px; display:inline; float:left; height:21px;}
.textclass select{border:1px solid #263a14; margin:2px 0px; padding:0; background:#FFF; width:177px; display:inline; float:left; height:21px;}
.textclass textarea{border:1px solid #263a14; margin:5px 0 0 0; padding:0; background:#FFF;width:178px; height:45px; float:left; font-family:Arial, Helvetica, sans-serif;
font-size:12px;}
.submitclass{width:237px; display:block;}
.submitclass input[type=submit]{background:url(http://www.servtrax.com/images/sub.jpg) 0 0;height:24px; width:72px; margin:15px 3px 0 5px; padding:0; border:none; cursor:pointer; font-size:0; line-height:0; float:right;}

.list_st li{list-style:disc; margin-left:15px;}

#news li{list-style:none;
width:267px;
	position: relative;
	overflow: hidden;
	z-index: 2;
	height:250px;
	padding:5px 0 0 5px;
	margin:10px 0 0 2px;
}
.fade li{list-style:none;
/*width:250px;*/
  width:100%;
	position: relative;
	overflow: hidden;
	/*z-index: 2;*/
	height:400px;
    font: 12px Arial, Helvetica, sans-serif;
  margin-left:-25px;
	/*padding:5px 0 0 5px;
	margin:10px 0 0 2px;*/
}
.test_box{height:400px; width:100%}
/*------------------------Gallery----------------------*/

.gallery {
	/*width:265px;*/
  width:100%;
	position: relative;border:1px solid #d1d0d0;
}
.gallery .holder {
	width:214px;
	position: relative;
	overflow: hidden;
	z-index: 2;
	height:140px;
	padding:5px 0 0 5px;
	margin:10px 0 0 32px;
	
}
.gallery .holder ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	width:2200px;
}
.gallery .holder ul li {
	width:199px;
	float:left;
	font-size:11px;
	margin:0 10px 0 0;
	text-align:center;
	border:1px solid #bdc2c2;
	background:#FFFFFF;
	padding:5px;
}
.gallery .holder ul li a{
	display:block;
	height:101px;
	}
.gallery .holder ul li img { display: block; }
.next-g,
.prev-g {
	position: absolute;
	right: 0;
	top:45px;
	width:23px;
	height:56px;
	/*background:url(http://www.servtrax.com/images/next.jpg) no-repeat 0 0;*/
	z-index: 20;
	overflow:visible;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}
.next-g{
	position:absolute !important;
	right:0px !important;
	z-index:40 !important;
	}
.next-disable {	/*background:url(http://www.servtrax.com/images/next.png) no-repeat 0 0; */}
.prev-g{
	/*background:url(http://www.servtrax.com/images/prev.jpg) no-repeat 0 0 !important;*/
	right: auto;
	left:0 ;
}
.prev-disable { /*background:url(http://www.servtrax.com/images/prev.jpg) no-repeat 0 0 !important;*/ }
.control {
	font-size: 17px;
	line-height: 21px;
}

.gallery1 {
	width:281px;
	position: relative;
}
.gallery1 .holder1 {
	width:267px;
	position: relative;
	overflow: hidden;
	z-index: 2;
	height:250px;
	padding:5px 0 0 5px;
	margin:10px 0 0 2px;
	
}
.gallery1 .holder1 ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	width:2200px;
}
.gallery1 .holder1 ul li {
	width:250px;
	float:left;
	margin:0 5px 0 0;
	text-align:left;
	padding:5px;
}

/*------------------------------End Gallery---------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'PT Serif', serif;
	font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #404040;
    color: hsl(0, 0%, 25%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: right;
	font-style: normal;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    color: #272727;
    -ms-word-break: break-word;
    word-break: break-word;
}
h2{ color:#E86505; }
h3{ color:#f08c17; font-size:20px; margin:10px 0px; font-size:20px; text-transform:uppercase;}
h4{font-size:18px; color:#FFFFFF; background:#545454; padding:10px 15px; font-weight:bold; text-transform:uppercase; margin-top:15px;}
h5{font-size:15px; color:#2e557c;font-weight:bold; margin:7px 0px;}
h6{font-size:12px; font-weight:bold; margin-bottom:10px; font-family: 'HeaveneticaCond7BoldSH'; color:#04496a;}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #f3f3f3; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
 	padding: 1em 2em;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Lato';
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
    background: #ff2a13;
    border: 1px solid #ac1100;
    border-radius: 3px;
    cursor: pointer;
    -webkit-appearance: button;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #600900;
    background-color: #ef2201;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline: 5px auto #ff2a13;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    padding: 8px;
    font-family: 'Lato', sans-serif;
    color: #555;
    border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	max-width: 100%;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    text-decoration: none;	
    color: #000;
    color: hsl(0, 0%, 0%); 
}

a:visited {
    color: #333;
    color: hsl(0, 0%, 20%);
}

a:hover,
a:focus,
a:active {
    color: #8D480E;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	position: relative;
	clear: both;
	display: block;
	float: left;
	width: 100%;
	font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    background: #313131;
    background: hsl(0, 0%, 19%);
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	padding: 1em 1em;
    font-size: 14px;
    font-size: 1.4rem;
	text-decoration: none;
	line-height: 1.3em;
    color: white;
    color: hsl(0, 0%, 100%);
	font-family: "Lato",sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.221em;
}

.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
    background: #313131;
    background: hsl(0, 0%, 19%);
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display: block;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
    background: white;
    color: #313131;
    color: hsl(0, 0%, 19%);
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

@media screen and (max-width: 600px) {
	.menu-toggle {
		display: block;
		height: 2.75em;
		padding: 0 1em;
		font-weight: normal;
		font-size: 14px;
		font-size: 1.4rem;
		text-decoration: none;
		line-height: 2.75em;
		color: white;
		font-family: "Lato",sans-serif;
		font-style: normal;
		font-weight: 400;
		letter-spacing: 0.221em;
	}
        
	.main-navigation.toggled .nav-menu {
		display: block;
		border-top: 1px solid;
		border-top-color: #fff;
		border-top-color: hsla(0, 0%, 100%, .5);
	}

	.main-navigation ul {
		display: none;
		padding-left: 0;
	}
        
	.main-navigation li { 
		float: none; 
	}

	.main-navigation li a { 
		padding: 1.3em 2em; 
	}

	.main-navigation li li a { 
		padding-left: 4em; 
	}

	.main-navigation li li li a { 
		padding-left: 6em; 
	}

	.main-navigation li:hover > a {
		background: #313131;
		background: hsl(0, 0%, 19%);
	}
	
	.main-navigation ul ul,
	.main-navigation ul ul ul {
		position: relative;
		top: inherit;
		left: 0;
		display: block;
		float: none;
		background: #313131;
		background: hsl(0, 0%, 19%);
	}
	
	.main-navigation ul ul a { width: 100%; }

	.main-navigation ul a:hover,
	.main-navigation ul ul a:hover {
		background: #4d4d4d;
		background: hsl(0, 0%, 30%);
	}

	.main-navigation .current_page_ancestor { background: inherit; }

	.main-navigation ul ul .current_page_parent {
		color: inherit;
		background: inherit;
	}

	.main-navigation .current_page_item > a,
	.main-navigation .current_page_item > a:hover,
	.main-navigation .current_page_item li:hover,
	.main-navigation .current_page_parent .current_page_item > a  {
		color: #fff;
		color: hsl(0, 0%, 100%);
		background: #4d4d4d;
		background: hsl(0, 0%, 30%);    
	}
        
} /* End responsive menu */

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	font-size: 18px;
	font-size: 1.8rem;
	font-family: 'Lato', sans-serif;
	color: #000;
	color: hsl(0, 0%, 0%);
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
	padding-right: 15%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	padding-left: 15%;
}
.nav-indicator { 
    margin-bottom: 1em; 
}

.nav-previous h1,
.nav-next h1 { 
    font-weight: 900; 
}

.post-nav-box {
    padding: 2em 0;
    margin-bottom: 4em;
    border-top: hsl(0, 0%, 80%) solid 1px;
    border-bottom: hsl(0, 0%, 80%) solid 1px; 
}

.comment-navigation {
    padding: 1em 0;
    margin: 3em 0;
    border-top: hsl(0, 0%, 80%) solid 1px;
    border-bottom: hsl(0, 0%, 80%) solid 1px;  
}

.comment-navigation i {
    margin: 0 1em;
}
/* Social Menu */

#header-meta{
}

.logo {
  background: url('http://www.servtrax.com/images/logo.jpg') no-repeat;
	float: left;
  height: 100%;
  width: 50%;
	clear:both;
	padding: 1em 4em;
}

.site-title{
  
	font-size:4rem;	
}

.site-description{
}

#menu-social {
	float: right;
}

.menu-social ul {
    float: right;
    text-align: center;
    list-style: none;   
	line-height:30px; 
	margin:0;
	padding: 0;
}

.menu-social ul li {
    position: relative;
    float:left; 
    padding: 0 5px;
    line-height: 30px; 
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.menu-social li a, .site-title a, .site-description {
	color:#fff;
}

.menu-social li a:hover {
	text-decoration:underline;
}

.menu-social li a:before {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
    font-family: 'Fontawesome';
    font-size: 14px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    content: '\f0c0';
}

.menu-social li a[href*="facebook.com"]::before { content: '\f09a'; }

.menu-social li a[href*="twitter.com"]::before { content: '\f099'; }

.menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; }

.menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; }

.menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; }

.menu-social li a[href*="github.com"]::before { content: '\f09b'; }

.menu-social li a[href*="tumblr.com"]::before { content: '\f173'; }

.menu-social li a[href*="youtube.com"]::before { content: '\f167'; }

.menu-social li a[href*="flickr.com"]::before { content: '\f16e'; }

.menu-social li a[href*="vimeo.com"]::before { content: '\f194'; }

.menu-social li a[href*="instagram.com"]::before { content: '\f16d'; }

.menu-social li a[href*="linkedin.com"]::before { content: '\f0e1'; }
                    
@media screen and (max-width: 600px) {
    #menu-social ul {
	    position: absolute;
        top: 0;
        left: 0;
        display: block;
    }
    
    #menu-social li a { 
        padding-left:.5em;
        padding-right: .5em;
    }
	.logo {
		float: none;
		padding: 2em 1em;
		text-align: center;
	}
}

.paging-navigation ul {
    margin: 0;
	padding: 0;
	text-align: left;
}

.paging-navigation li { display: inline; }

a.page-numbers,
span.page-numbers {
     padding: .3em .7em;
     color: #333;
     color: hsl(0, 0%, 20%);
	 box-shadow: 0 0 0 2px #2E4D71 inset;
}

a:hover.page-numbers {
    color: #000;
    color: hsl(0, 0%, 0%);
}

.paging-navigation .current {
    font-weight: bold;
    color: #fff;
	background:#2E4D71;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Alignment responsive */
@media screen and (min-width: 1320px) {
    .alignleft {
        margin-left: -160px; 
    }
}

@media screen and (min-width: 1820px) {
    .alignright { 
        margin-right: -160px; 
    }
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#masthead{
    background: #efefef;
	position:relative;
  height:91px;
  margin-bottom:50px;
}

.site-branding {
    background: url('http://www.servtrax.com/images/top_bg.jpg') repeat-x;
    position: relative;
    width: 100%;
    height: 100%;
    float: left;	
}

.header-image img {
    display: block;
    margin: 0 auto;
}

.header-background-image {
    background: no-repeat center;
    background-size: cover!important;
    -moz-background-size: cover!important;
    -webkit-background-size: cover!important;
}

/* Header search */

.search-box-wrapper {
    z-index: 2;
    width: 100%;
    display: none;
}

.search-toggle {
    float: right;
    width: 30px;
    line-height: 30px;
    margin-right: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
	position:relative;
	z-index:3;
}

.search-toggle .fa{
	font-size:14px;	
	display:block;
	line-height:30px;
}

.search-toggle:hover,
.search-toggle.active {
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
}

@media screen and (max-width: 600px) {
    .search-toggle {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
    }
}

input[type="search"] {
    box-sizing: border-box;
    width: 100%;
}

.search-box-wrapper {
    width: 100%;
    background: rgba(255,42,19,0.9);
    position: absolute;
	z-index: 1;
    top: 0;
    height: 100%;
}

.search-box {
    float: right;
	width: 400px;
    padding: 0.5em;
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
	position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -22px;
    z-index: 3;
}

.search-box .search-field {
    max-width: 100%;
    float: right;
    padding: 0.5rem 2rem 0.5rem 3rem;
    font-size: 20px;
    font-size: 2rem;
    background-color: #fff;
    border: 0;
}

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit { 
    display: none; 
}
                    
/* Header responsive */
@media screen and (max-width: 600px) {
    .site-branding { padding: 0; }
    
    .title-wrapper  {
        max-width: 100%;
        margin: 0;
        padding: 4rem;
        border: none;
    }
	.search-box {
		width:280px;
		margin-left:-140px;	
	}
	
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.widget-title {
    margin-bottom: 1em;    
    font-size: 24px;
    font-size: 2.4rem;
    border-bottom: 2px solid #000;    
}

.widget a {
    font-weight: 700;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.widget ul,
.widget ol {
    padding: 0;
    margin: -1em 0 0;
    list-style-type: none;
}

.widget li { padding: 1em 0 0; }

.widget li ul,
.widget li ol { margin-top: 0; }

.widget li li { margin-left: 1.5em; }

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.footer-widgets { margin: 0 auto; }

.footer-widgets .widget-title,
.footer-widgets .widget a:hover {
    color: #fff;
    color: hsl(0, 0%, 100%);
    border-color: #fff;
    border-color: hsl(0, 0%, 100%);
}

.footer-widgets .widget {
    float: left;
    width: 320px;
    margin: 0 4rem 8rem 4rem;
}

.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before {
    display: block;
    float: left;
    padding-top: 2px;
    margin-left: -2.5em;
    font-family: 'fontawesome';
    font-size: 14px;
    font-size: 1.4rem;
	color:#2E4D71;
} 

.widget_recent_entries li,
.widget_recent_comments li { margin: 0 0 .5em 2.5em; }

.widget_recent_entries li:before { content: "\f036"; }

.widget_recent_comments li:before { content: "\f0e5"; }

.widget_archive li { margin: 0 0 0 2.5em; }

.widget_archive li:before { content: "\f187"; }

.widget_nav_menu a,
.widget_pages a {
    display: block;
    padding: 1em 0;
    border-bottom: solid 1px hsl(0, 0%, 90%);
}

.widget_nav_menu li,
.widget_pages li { padding-top: 0; }

.widget_rss li { margin-bottom: .5em; }

.widget_rss .rss-date,
.widget_rss cite {
    display: block;
    font-size: 85%;
}

/* Footer widgets responsive */
@media screen and (max-width: 879px) {
    #footer-widgets { width: 100%!important; }
    
    .footer-widgets .widget {
        float: none;
        width: 100%;
        margin: 0 0 8rem;
    }
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/* Typography */
.entry-title {
    margin: 0 0 2rem;
    font-weight: 900;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.3em;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.page .entry-title {
    margin-top: .7em;
}

.entry-content a { 
    text-decoration: underline; 
}
                    
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-bottom: .4em; }

.entry-content h1 {
    font-size: 32px;
    font-size: 3.2rem;
}

.entry-content h2 {
    font-size: 30px;
    font-size: 3.0rem;
}

.entry-content h3 {
    font-size: 28px;
    font-size: 2.8rem;
}

.entry-content h4 {
    font-size: 26px;
    font-size: 2.6rem;
}

.entry-content h5 {
    font-size: 24px;
    font-size: 2.4rem;
}

.entry-content h6 {
    font-size: 22px;
    font-size: 2.2rem;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6em;
}

.entry-content blockquote p {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.5em;
}

/* Smaller fonts for smaller screens */
@media screen and (max-width: 680px) {
    .entry-title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.3em;
    }
    .entry-content h1 {
        font-size: 28px;
        font-size: 2.8rem;
    }

    .entry-content h2 {
        font-size: 26px;
        font-size: 2.6rem;
    }

    .entry-content h3 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .entry-content h4 {
        font-size: 22px;
        font-size: 2.2rem;
    }

    .entry-content h5 {
        font-size: 20px;
        font-size: 2rem;
    }

    .entry-content h6 {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .entry-content p,
    .entry-content ul,
    .entry-content ol  {
        font-size: 18px;
        font-size: 1.8rem;
    }
    
    .entry-content blockquote p {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.5em;
    }
}

/* Meta */
.category-list {
    margin: 1.3em 0 1em;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.category-list a {
    color: #333;
    color: hsl(0, 0%, 10%);
}

.category-list a:hover {
    color: #000;
    color: hsl(0, 0%, 0%);
}

.entry-meta {
    margin-bottom: 2rem;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}

.entry-meta a { font-weight: 600; }

.entry-footer {
    margin-top: 3rem;
    margin-bottom: 5rem;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2em;
}

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

.entry-footer li {
    display: inline-block;
    margin-right: 4rem;
}

.entry-footer a {
    margin-right: .5rem;
}
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.byline, .posted-on, .tags-links, .comments-link, .edit-link {
    display: inline-block;
    vertical-align: top;
	margin: 0 2em 0 0;
}

.category-list:before, .byline:before, .posted-on:before, .tags-links:before, .comments-link:before, .edit-link:before {
    padding-top: 2px;
    font-family: 'fontawesome';
    font-size: 14px;
    font-size: 1.4rem;
    color: #2E4D71;	
	margin-right: 0.5em;
}

.category-list:before {
	content: "\f07c";
}

.byline:before {
	content: "\f007";
}

.posted-on:before {
	content: "\f073";	
}

.tags-links:before {
	content: "\f02c";	
}

.comments-link:before {
	content: "\f0e5";	
}

.edit-link:before {
	content: "\f040";
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
/*	margin: 1.5em 0 0;*/
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Blockquotes */
blockquote {
    padding: 0em 1.5em 0;
    margin-bottom: 1em;
    font-style: italic;
    border-left: 5px solid #2E4D71;
}

blockquote em { 
    font-style: normal; 
}

blockquote cite {
    display: block;
    margin-top: 1em;
    margin-left: 40%;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    line-height: 1.5em;
    text-align: right;
}

blockquote.alignleft {
    width: 50%;
    float: left;
    padding: 1em 0 0;
    margin-right: 2em;
}

blockquote.alignright {
    width: 50%;
    float: right;
    padding: 1em 0 0;
    margin-left: 2em;
}

/* Blockquotes responsive */
/* Optional rules that set blockquotes to full width on smaller screens */
@media screen and (max-width: 780px) {
    blockquote.alignleft,
    blockquote.alignright { width: 40%; }
}

@media screen and (max-width:600px) {
    blockquote.alignleft,
    blockquote.alignright {
        width: 100%;
        padding: 1em 1.5em 0;   
    }
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.format-aside .entry-content {
    margin-top: 1em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-title {
    font-weight: 900;
    font-size: 36px;
    font-size: 3.6rem;
}

.comments-area > ol {
    padding: 0;
    margin: 2em 0;
    list-style-type: none;
}

ol.children { list-style-type: none; }

.comment-list ol { margin-left: 50px; }

.comment-meta { margin-bottom: 1em; }

.comment-author .avatar {
    width: 50px;
    display: block;
    float: left;
    margin-right: 20px;
}

.comment-author .fn {
    font-weight: 900;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-size: 2rem;
}

.comment-metadata {
    font-size: 14px;
    font-size:1.4rem;
}

.comment-content { font-size: 90%; }

.comment-content,
.reply { margin-left: 70px; }

.comment-body {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: solid hsl(0, 0%, 80%) 1px;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.bypostauthor > .comment-body {
    position: relative;
    padding: 1em;
    margin-bottom: 2em;
    background: hsl(0, 0%, 93%);
    border: none;
}

.comment-content ol { margin-left: 1.5em; }

.reply {
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}

/* Comments responsive */
@media screen and (max-width:600px) {    
    .comment-list ol { margin-left: 0; }
    
    .comment-content ol { margin-left: 1.5em; }
    
    .comment-content,
    .reply { margin-left: 0; }
}

.comment-reply-title {
    margin-bottom: .5em;
    font-weight: 900;
    font-size: 30px;
    font-size: 3rem;
}

.comment-form {
    padding-bottom: 4rem;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.comment-form textarea {
    font-family: 'PT Serif', serif;
    font-size: 18px;
    font-size: 1.8rem;
}

.comment-form label { display: block; }

.required { color: red; }

.comment-awaiting-moderation { /* Green background color to make moderation seem less aggressive */
    padding: .5rem 1rem;
    margin: 1rem 0;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #84bd68;
    background: hsl(100, 39%, 57%);
}

/*--------------------------------------------------------------
Index and Archive
--------------------------------------------------------------*/

.read-more {
    font-weight: 900;
    font-size: 18px;
    font-size: 1.8rem;
}

.read-more a{
    padding: 11px 28px;
	border: 2px solid #2E4D71;	
	color: #666666;
	box-shadow: inset 0 0 0 0 #2E4D71;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.read-more a:hover{
    border: 2px solid #2E4D71;	
	box-shadow: inset 0 100px 0 0 #2E4D71;
	color:#fff;
}

.read-more i { margin-left: .5em; }

.sticky-post {
    position: absolute;
    top: 1rem;
    right: 3rem;
}

.taxonomy-description {
    padding-top: 2rem;
    margin: 2rem 0;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    border-top: 1px solid hsl(0, 0%, 75%);
    border-bottom: 1px solid hsl(0, 0%, 75%);
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Featured Images */

.single-post-thumbnail { 
    background: #b2b2b2 url(images/pattern.svg) repeat; 
}

.single-post-thumbnail img {
    display: block;
    margin: 0 auto;
}

@media screen and (min-width: 1820px) {
    .image-shifter {
        width: 1060px;
        float: none;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1819px) {
    .image-shifter {
        width: 1060px; 
    }
}

.front-index-thumbnail {
    margin-bottom: -3.2em;
}

@media screen and (max-width: 779px){
    .front-index-thumbnail {
        margin-bottom: 0;
    }
}
.single-post-thumbnail img,
.front-index-thumbnail img {
    display: block;
    margin: 0 auto;
}

.has-thumbnail {
    position: relative;
    margin-top: -8em;
}

.small-index-thumbnail { 
    margin-top: -1em;
    margin-bottom: 1em;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption .wp-caption-text {
    padding: 0.8075em 1em;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Lato', sans-serif;
    background: #e5e5e5;
    background: hsl(0, 0%, 90%);
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.wp-caption .wp-caption-text ,
.gallery-caption {
    padding: 0.8075em 1em;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'Lato', sans-serif;
    background: #e5e5e5;
    background: hsl(0, 0%, 90%);
}

.site-main .gallery {
	margin-bottom: 1.5em;
}

.site-main .gallery-item {
    position: relative;    
    max-width:100%;
    float: right;
    margin-top:0;
	margin-left:0;
    margin-right: 3.333333333%;
    margin-bottom: 3rem;
    background: #333;
    overflow: hidden;
}

.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 50%;
    width: 100%;
    padding: 6px 8px;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    text-align: left;
    background-color: hsla(0, 0%, 0%, .8);
    opacity: 0;
}

.gallery-item:hover .gallery-caption { 
    opacity: 1; 
}

.site-main .gallery a img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border: none;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
    padding: 2em;
    font-family: 'Lato';
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    color: hsl(0, 0%, 100%);
    background: #313131;
    background: hsl(0, 0%, 19%);
}

.site-footer a {
    color: #fff;
    color: hsl(0, 0%, 100%);
}

.site-info { 
    text-align: center; 
}