h2 { color: #222222; font-size: 30px; font-weight: 400; }
h3 { color: #222222; font-size: 24px; font-weight: 700; }
h4 { color: #222222; font-size: 21px; font-weight: 700; }

.main-content { background-color: #fff; border-right: 1px solid #e9e9e9; padding: 55px 15px 30px; }

.post { padding: 0px 15px; width: 100%; }
.post h1 { color: #000; font-size: 50px; font-weight: 700; text-transform: initial; }
.post .category { font-size: 14px; font-weight: 700; margin: 0px; text-transform: uppercase; }
.post h5 { color: #999; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.post h5 a { color: #999; }
.post h5 a:hover{ color: #666; }
.post p, .post li { font-size: 16px; }

.ad { padding: 30px 15px; }

.read { margin-top: 23px; }
.read span { color: #999; font-size: 11px; font-weight: 600; margin-left: 15px; text-transform: uppercase; }
.read img { margin-top: -3px; }

.orange { color: #ec5d3b; }
.violet { color: #716aba; }
.green { color: #00a270; }
.pink { color: #eb1d5d; }
.yellow { color: #e5c00f; }
.lightpink { color: #f06d7d; }
.lightblue { color: #7fa8d6; }

.share { color: #fff; display: inline-block; font-family: "Open Sans", serif; font-size: 13px; font-weight: 400; margin-top: 15px; padding: 10px; text-align: center; width: 130px; }
.share .fa { float: left; margin-top: 4px; }
.share .like { float: right; }
.facebook { background-color: #3c5a96;}
.google-plus { background-color: #dd4b39; }
.twitter { background-color: #55acee; }
.linkedin { background-color: #0077af; }

.photo { clear: both; padding: 20px 0px 30px; text-align: center; }
.photo img { width:100%; height:auto; }

.pull-left .avatar { width: 56px; border-radius: 50%; border:3px solid white; margin-right: 7px; transition: all 0.3s ease-in-out; }
.pull-left .avatar:hover { transform: scale(1.2); border-color:whitesmoke; }

.hilite { background-color: #f5f5f5; overflow: hidden; margin: 0px 0px 25px; padding: 30px 15px; }
.hilite h3 { color: #222; font-size: 24px; font-weight: 700; margin: 0px 0px 15px; }
.hilite p { font-size: 14px !important; }
.advt { color: #bbbbbb; font-size: 14px; font-weight: 300; text-transform: uppercase; }

.quote { background-color: #fbfbfb; overflow: hidden; margin: 0px 0px; padding: 30px 15px; }
.quote p { color: #666; font-size: 21px; font-weight: 300; font-style: italic; }
.bd { background: #80a324; background: -moz-linear-gradient(left, #80a324 0%, #1291b5 100%); background: -webkit-linear-gradient(left, #80a324 0%,#1291b5 100%); background: linear-gradient(to right, #80a324 0%,#1291b5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a324', endColorstr='#1291b5',GradientType=1 ); border: none; clear: both; height: 3px; margin: 0px; padding: 0px; width: 100%; }
.nospace { padding: 0px 5px; }

.subhead { color: #222; font-size: 18px; font-weight: 700; }
.list { list-style: none; margin: 0px; padding: 0px; }
.list li { background: url("../images/bullet.png") no-repeat left 8px; color: #666; font-size: 16px; font-weight: 300; margin-bottom: 5px; padding-left: 13px; }

.list2 { list-style: none; margin: 0px; padding: 0px; }
.list2 li { background: url("../images/bullet1.png") no-repeat 10px 18px; color: #666; font-size: 16px; font-weight: 300; margin-bottom: 2px; padding: 10px 10px 10px 26px; }
.list2 li:nth-of-type(odd) { background-color: #fbfbfb; }
.list2 li:nth-of-type(even) { background-color: #f5f5f5; }

.list3 { list-style: none; margin: 0px; padding: 0px; }
.list3 li { color: #666; font-size: 16px; font-weight: 300; margin-bottom: 15px; }
.list3 li span { background-color: #14c3f4; border-radius: 100%; color: #fff; display: inline-block; font-size: 15px; font-weight: 700; height: 25px; line-height: 25px; margin-right: 10px; text-align: center; width: 25px; }

.list4 { list-style: none; margin: 0px; padding: 0px; }
.list4 li { color: #666; font-size: 16px; font-weight: 300;  margin-bottom: 2px; padding: 10px 10px; }
.list4 li span { background-color: #a6ce39; border-radius: 100%; color: #fff; display: inline-block; font-size: 15px; font-weight: 700; height: 25px; line-height: 25px; margin-right: 10px; text-align: center; width: 25px; }
.list4 li:nth-of-type(odd) { background-color: #fbfbfb; }
.list4 li:nth-of-type(even) { background-color: #f5f5f5; }

.sharebox { padding-top: 15px; }
.a2a_svg, .a2a_count { border-radius: 0 !important; }

select.form-control { border-color: #dfdfdf; border-radius: 0px; color: #666; font-size: 12px; font-weight: 700; text-transform: uppercase; }
input.form-control { border-color: #dfdfdf; border-radius: 0px; color: #666; font-size: 12px; font-weight: 700; text-transform: uppercase; }
textarea.form-control { border-color: #dfdfdf; border-radius: 0px; color: #666; font-size: 16px; font-weight: 300; padding: 20px; }

.table-responsive { box-shadow: 0px 0px 15px rgba(0,0,0,0.1); border: 1px solid #dfdfdf }
.table { padding: 0px; margin: 0px; }
.table > tbody > tr, .table > thead > tr { background: #80a324; background: -moz-linear-gradient(left, #80a324 0%, #1291b5 100%); background: -webkit-linear-gradient(left, #80a324 0%,#1291b5 100%); background: linear-gradient(to right, #80a324 0%,#1291b5 100%); color: #fff; font-size: 16px; font-weight: 700; }
.table > tbody > tr > td { background-color: #fff; color: #777; font-size: 14px; font-weight: 300; }

.display { background-color: #fbfbfb; overflow: hidden; margin: 30px 0px 0px; padding: 30px 15px; }
.display h3 { color: #222; font-size: 30px; font-weight: 700; text-transform: uppercase; }
.display h4 { color: #222; font-size: 16px; font-weight: 700; }
.display h4 span { color: #666666; font-size: 16px; font-weight: 300; }
.display p { color: #666; font-size: 14px !important; font-weight: 300; }
.display .read { color: #222; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.display .fa { color: #ccc; font-size: 30px; margin: 5px 2px; }
.display .fa:hover { background-color: transparent; }
.display .fa-facebook:hover { color: #3c5a96;}
.display .fa-google-plus:hover { color: #dd4b39; }
.display .fa-twitter:hover { color: #55acee; }
.display .fa-twitter { margin:0 14px; }
.display img { margin-bottom: 15px; border-radius:50%; }

.related { clear: both; width: 100%; }
.related .box { margin-bottom: 25px; }
.related h3 { color: #222; font-size: 30px; font-weight: 700; margin-left: 15px; position: relative; text-transform: uppercase; }
.related h3::after { content: ''; height: 25px; background-color: #14c3f4; width: 3px; position: absolute; left: -15px; margin: 0; top: 2px; }
.related a { color: #000; clear: both; display: block; font-size: 18px; font-weight: 600; margin-top: 15px;  }
.related a:hover { color: #a6ce39; }
.related .box img { max-width: 100%; height: auto; }

.sidebar { padding: 70px 15px 30px; }
.sidebar .nav-tabs { border: none; margin-bottom: 30px; }
.sidebar .nav-tabs > li { color: #222; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.sidebar .nav-tabs > li > a { border: none; border-radius: 0px; color: #222; margin: 0px 15px; padding: 10px 0px; }
.sidebar .nav-tabs > li > a:hover, .sidebar .nav-tabs > li.active > a:hover, .sidebar .nav-tabs > li.active > a:focus { background-color: transparent; border:0; border-bottom: 2px solid #ccc; }
.sidebar .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background: transparent; border: none; border-bottom: 2px solid #ccc; color: #222; }
.sidebar .tab-content { float: left; margin-bottom: 30px; }
.sidebar hr { border-top-width: 2px; clear: both; width: 100%; }

.article { border-bottom: 1px solid #eee; float: left; padding: 15px 0px; width: 100%; }
.article:last-child { border-bottom: none; }
.article h5 { color: #222; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.article h5 a { color: #222; }
.article h5 a:hover{ color: #999; }
.article p { font-size: 12px; font-weight: 300; line-height: 20px; margin: 0px; }
.article .avatar { margin:0; }
.article .avatar img { border-radius:50%; }

.subscribe { margin-bottom: 30px; }
.subscribe h3 { color: #222; font-size: 18px; font-weight: 600; position: relative; text-transform: uppercase; }
.subscribe h3::after { content: ''; height: 13px; background-color: #14c3f4; width: 3px; position: absolute; left: -15px; margin: 0 0; top: 2px; }
.subscribe p { color: #333; font-size: 14px; }
.subscribe p strong { font-weight: 800; }
.subscribe p span { border-radius: 2px; color: #fff; display: inline-block; float: right; font-size: 11px; line-height: 11px; margin-top: 15px; padding: 6px 8px; font-weight: 500; }
.subscribe .fa { border-radius: 100%; color: #fff; font-size: 22px; height: 42px; line-height: 42px; margin-right: 5px; text-align: center; width: 42px; }
.subscribe .fa-facebook, .blue { background-color: #3c5a96; }
.subscribe .fa-google-plus, .plus { background-color: #dd4b39; }
.subscribe .fa-twitter, .tweet { background-color: #55acee; }
.subscribe .fa-rss, .rss { background-color: #ff830a; }

img.alignright { float:right; }
img.alignleft { float:left; }
img.aligncenter { max-width:100%; height:auto; margin:15px auto; display: block; }


/*-------------------
	Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	.post h1 { font-size: 28px; }
	.share { width: 125px; }
	.hilite, .display { padding: 15px 0px; }
	.hilite h3 { margin-top: 15px; }
	.quote p { font-size: 15px; }
	.sidebar { background-color: #f5f5f5; }
	.sidebar .nav-tabs > li { font-size: 15px; }
	.a2a_kit a { display:inline-block; float: none!important; }
	.a2a_button_email, .a2a_dd { display:none!important; }
	.sharebox { display: block; width: 100%; text-align: center; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.quote p { font-size: 15px; }
	.display .fa { font-size: 18px; }
	.sidebar .nav-tabs > li { font-size: 13px; }
	.sidebar .nav-tabs > li > a { margin: 0px 5px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sidebar .nav-tabs > li { font-size: 15px; }
}

@media (min-width: 1400px) {
	.share { width: 150px; }
	.quote p { font-size: 21px !important; }
	.table > tbody > tr > th, .table > tbody > tr > td { padding: 15px 15px; }
	.related a { font-size: 24px; }
}

@media (min-width: 1600px) {
	.share { width: 150px; }
	.quote p { font-size: 21px !important; }
	.table > tbody > tr > th, .table > tbody > tr > td { padding: 15px 15px; }
	.related a { font-size: 24px; }
}

@media (min-width: 1920px) {
	.share { width: 150px; }
	.quote p { font-size: 21px !important; }
	.table > tbody > tr > th, .table > tbody > tr > td { padding: 15px 15px; }
	.related a { font-size: 24px; }
}