/*
Author: Nic Brain
Author URI: https://www.nicbrain.com/
*/

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,700italic,900);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/** {
	margin: 0;
	padding: 0;
}*/

/*html {
	position: relative;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	margin: 0 0 80px;
}*/

/* The Filter */
#TheFilter {
	border: 0px solid;
	text-align: center;
	font-size: 28px;
	margin-top: 50px;
	color: #444;
}

#CategoryFilter {
	display: block;
	font-size: 12px;
	margin-top: 5px;
	color: #6d6d6d;
	text-transform: uppercase;
	font-family: 'Lato';
	-webkit-user-select: none; /* Webkit */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE 10  */
	-o-user-select: none;      /* Opera */
	user-select: none;
}

#wrapper {
	width: 100%;
}

#content-box {
	margin: 0 auto;
	max-width: 850px;
}

.wp-header-menu {
	float: right;
	min-width: 40%;
	margin-top: 33px;
	max-width: 50%;
}

.wp-header-menu .menu {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 13px;
	font-weight: 700;
	float: right;
	-webkit-font-smoothing: antialiased;
}

.wp-header-menu .menu-item {
	display: inline;
	list-style-type: none;
	padding-left: 25px;
}

.wp-header-menu a:link, .wp-header-menu a:visited {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

/* Main Index */

#content {
	margin: 0 auto 100px auto;
	width: 55%;
}

.posts {
	padding: 25px 0;
	/*max-width: 760px;*/
	margin: 0 auto;
}

.posts .article-box {
	padding: 50px 0;
	width: 100%;
	display: inline-block;
	border-bottom: 1px solid #ccc;
}

.posts .article-box.single {
	border-bottom: 0px;
}

.category-block {
	height: 7px;
	width: 106px;
	margin-bottom: 12px;
	border: 1px solid #D60000;
	background-color: #D60000;
}

.the-date {
	max-width: 100%;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	color: #B8B8B8;
	text-transform: capitalize;
	margin-bottom: 15px;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
}

.date-sep {
	padding: 0 5px;
}

.comment-jump:link, .comment-jump:visited {
	text-decoration: none;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	color: #B8B8B8;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
} 

h1.the-title, h2.the-title {
	font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
	color: #555;
	font-size: 50px;
	font-weight: 300;
	word-spacing: 5px;
	line-height: 58px;
	margin-bottom: 20px;
	-webkit-font-smoothing: antialiased;
}

h1.the-title a:link, h1.the-title a:visited {
	color: #555;
	text-decoration: none;
}

h2.the-title a:link, h2.the-title a:visited {
	color: #555;
	text-decoration: none;
}

#content img {
	border: 0;
	height: auto;
	max-width: 100%;
}

.featured-image {
	width: 100%;
}

.excerpt iframe {
	width: 100%;
	height: 375px;
}

.excerpt-link a, .excerpt-link {
	font-family: 'Ubuntu', sans-serif;
	color: #333;
	font-size: 13px;
	text-decoration: none;
	font-weight: 700;
	padding: 8px 15px;
	border: 3px solid #ff0000;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

a.excerpt-link:hover:after {
	content: " \00BB";
}

a.el-category-1:hover {
	border-color: #D60000;
	background: #D60000;
	color: #fff;
}

a.el-category-2:hover {
	border-color: #3B86FF;
	background: #3B86FF;
	color: #fff;
}

a.el-category-3:hover {
	border-color: #31AD00;
	background: #31AD00;
	color: #fff;
}

a.el-category-4:hover {
	border-color: #F08C00;
	background: #F08C00;
	color: #fff;
}

a.el-category-5:hover {
	border-color: #FAE605;
	background: #FAE605;
	color: #fff;
}

a.el-category-6:hover {
	border-color: #7000A8;
	background: #7000A8;
	color: #fff;
}

.pagenation {
	/*width: 760px;*/
	height: 65px;
	margin: 0 auto 100px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
}

button.InfinityScroll {
	background-color: transparent;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 12px 50px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	margin-top: 75px;
}

button.InfinityScroll:hover {
	background-color: #000;
	color: #fff;
}

#AjaxLoader {
	text-align: center;
}

img.AjaxLoader {
	margin-top: 50px;
}

/* Single Page */

div.post-content-single {
	float: left;
	width: 100%;
}

div.post-details {
	float: left;
	border-right: 1px solid #E8E8E8;
	padding-right: 5px;
	width: 17%;
	margin-top: 33px;
	margin-right: 4%;
}

i.CreditFA {
	margin-right: 5px;
}

i.TagsFA {
	margin-left: 15px;
	margin-right: 5px;
}

.post-content-single h1, .post-content-single h2, .post-content-single h3, .post-content-single h4, .post-content-single h5, .post-content-single h6 {
	font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
	margin: 12px 0 25px 0;
	font-weight: 400;
	line-height: 32px;
	color: #555;
	-webkit-font-smoothing: antialiased;
}

.post-content-single h1 {
	font-size: 32px;
}

.post-content-single h2 {
	font-size: 30px;
}

.post-content-single h3 {
	font-size: 28px;
}

.post-content-single h4 {
	font-size: 26px;
}

.post-content-single h5 {
	font-size: 24px;
}

.post-content-single h6 {
	font-size: 22px;
}

.post-content-single ol, .post-content-single ul {
	font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
	font-size: 18px;
	color: #555;
	line-height: 34px;
	font-weight: 400;
	margin: 10px 0 25px 33px;
	list-style-position: outside;
	list-style-type: decimal-leading-zero;
	-webkit-font-smoothing: antialiased;
}

.post-content-single ul {
	list-style-type: disc;
}

.post-content-single li {
	padding-left: 8px;
	padding-bottom: 3px;
}

.post-content-single li a:link, .post-content-single li a:visited {
	font-size: 17px;
	color: #444;
	text-decoration: none;
	font-weight: 700;
}

.post-content-single li a:hover {
	text-decoration: underline;
}

blockquote {
	margin: 40px 0 40px 30px;
	padding: 5px 20px 5px 20px;
	border-left: 8px solid #aaaaaa;
}

blockquote p {
	font-size: 18px!important;
	line-height: 32px!important;
	margin: 0!important;
}

#content p {
	font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
	color: #555;
	font-size: 18px;
	margin: 10px 0 25px 0;
	font-weight: 400;
	line-height: 32px;
	-webkit-font-smoothing: antialiased;
}

p a:link, p a:visited {
	color: #444;
	text-decoration: none;
	font-weight: 700;
}

p a:hover {
	text-decoration: underline;
}

ul.post-details {
	list-style-type: none;
}

li.pd-title {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	color: #555;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}

li.pd-title:not(:first-child) {
	padding-top: 30px;
}

li.pd-detail {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 12px;
	color: #555;
	font-weight: bold;
	padding-top: 10px;
	-webkit-font-smoothing: antialiased;
}

li.pd-social-network1 {
	padding-top: 10px;
}

li.pd-detail-cat {
	padding-top: 10px;
}

li.pd-kudos {
	padding-top: 10px;
}

li.pd-detail-cat a:link, li.pd-detail-cat a:visited {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
}

a.pd-twitter:link, a.pd-facebook:link, a.pd-google:link {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}

a.pd-twitter:link, a.pd-twitter:visited {
	color: #359AEC;
}

a.pd-facebook:link, a.pd-facebook:visited {
	color: #3B5B9A;
}

a.pd-google:link, a.pd-google:visited {
	color: #D44132;
}

.post-pagenation {
	width: 100%;
	/*height: 40px;*/
	margin: 50px 0 0 0;
	border: 0px;
	float: right;
	clear: both;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.prev-post {
	float: left;
	margin: 5px 0 0 35px;
	font-size: 50px;
	padding: 0px;
	color: #636363;
}

.next-post {
	float: right;
	margin: -35px 35px 0 0;
	font-size: 50px;
	padding: 0px;
	color: #636363;
}

.prev-post a:link, .prev-post a:visited, .next-post a:link, .next-post a:visited {
	text-decoration: none;
}

li.dc-category-1 a:link, li.dc-category-1 a:visited {
	color: #D60000;
}

li.dc-category-2 a:link, li.dc-category-2 a:visited {
	color: #3B86FF;
}

li.dc-category-3 a:link, li.dc-category-3 a:visited {
	color: #31AD00;
}

li.dc-category-4 a:link, li.dc-category-4 a:visited {
	color: #F08C00;
}

li.dc-category-5 a:link, li.dc-category-5 a:visited {
	color: #FAE605;
}

li.dc-category-6 a:link, li.dc-category-6 a:visited {
	color: #7000A8;
}

.post-content-single iframe {
	width: 100%;
	height: 400px;
}

/* Category Blocks */
.cb-category-1 {
	background-color: #D60000;
	border-color: #D60000;
}

.cb-category-2 {
	background-color: #3B86FF;
	border-color: #3B86FF;
}

.cb-category-3 {
	background-color: #31AD00;
	border-color: #31AD00;
}

.cb-category-4 {
	background-color: #F08C00;
	border-color: #F08C00;
}

.cb-category-5 {
	background-color: #FAE605;
	border-color: #FAE605;
}

.cb-category-6 {
	background-color: #7000A8;
	border-color: #7000A8;
}

/* Category Excerpt Links */

.el-category-1 {
	border-color: #D60000;
}

.el-category-2 {
	border-color: #3B86FF;
}

.el-category-3 {
	border-color: #31AD00;
}

.el-category-4 {
	border-color: #F08C00;
}

.el-category-5 {
	border-color: #FAE605;
}

.el-category-6 {
	border-color: #7000A8;
}

/* Filter Colours */

#TheFilter.filter-category-0 {
	color: #444;
}

#TheFilter.filter-category-1 {
	color: #D60000;
}

#TheFilter.filter-category-2 {
	color: #3B86FF;
}

#TheFilter.filter-category-3 {
	color: #31AD00;
}

#TheFilter.filter-category-4 {
	color: #F08C00;
}

#TheFilter.filter-category-5 {
	color: #FAE605;
}

#TheFilter.filter-category-6 {
	color: #7000A8;
}

/* The 404 */
#the-404 {
	height: 100%;
	text-align: center;
}

#the-404 h2.the-404 {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size: 200px;
	color: #E8E8E8;
	margin-top: 125px;
	-webkit-font-smoothing: antialiased;
}

#the-404 p.the-404-note {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	margin-top: 125px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #777;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
}

#the-404 p.the-404-note a:link, .the-404-note a:visited  {
	color: #31AD00;
}

/* Post Styles */

div.intro {
	font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
	line-height: 25px;
	padding: 10px 10px 10px 2px;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #B0B0B0;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
	font-style: italic;
	-webkit-font-smoothing: antialiased;
}

div.intro a:link, div.intro a:visited {
	text-decoration: none;
}

div.intro.cl-1 a:link, div.intro.cl-1 a:visited {
	color: #D60000;
}

div.intro.cl-2 a:link, div.intro.cl-2 a:visited {
	color: #3B86FF;
}

div.intro.cl-3 a:link, div.intro.cl-3 a:visited {
	color: #31AD00;
}

div.intro.cl-4 a:link, div.intro.cl-4 a:visited {
	color: #F08C00;
}

div.intro.cl-5 a:link, div.intro.cl-5 a:visited {
	color: #FAE605;
}

div.intro.cl-6 a:link, div.intro.cl-6 a:visited {
	color: #7000A8;
}

div.intro a.TagLink:link, div.intro a.TagLink:visited {
	color: #7d7d7d;
}

.highlight+p {
	font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif;
	color: #555;
	font-size: 18px;
	margin: 10px 0 25px 0;
	font-weight: 400;
	line-height: 30px;
	-webkit-font-smoothing: antialiased;
	background: #fff198;
	padding-left: 2px;
}

div.redalert+p {
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #FFE6E3;
	color: #C41227!important;
	border: 1px solid #FF0000;
}

div.amberalert+p {
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #FFF7D6;
	color: #A87B00!important;
	border: 1px solid #D4AD00;
}

div.greenalert+p {
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #EDFDD3;
	color: #457A3A!important;
	border: 1px solid rgb(116, 253, 88);
}

/* Kudos */
.kudos {
    font-size: 2em;
	margin: 0 auto 0 auto;
}

.kudos {
    color: #000;
    position: relative;
    width: 2.5em;
    height: 2.5em;
    /*margin: .5em auto 1.5em auto;*/
    background: #fff;
    box-shadow: inset 0 0 0 0.20em #000, inset 0 0 0 0.95em #fff, inset 0 0 0 2.5em #000;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
    -webkit-transition: box-shadow 0.225s ease-out;
    -moz-transition: box-shadow 0.225s ease-out;
    -o-transition: box-shadow 0.225s ease-out;
    transition: box-shadow 0.225s ease-out
}

.kudos:before {
    -webkit-transition: font-size 0.45s ease-in;
    -moz-transition: font-size 0.45s ease-in;
    -o-transition: font-size 0.45s ease-in;
    transition: font-size 0.45s ease-in;
    font-size: 1.75em;
    line-height: 1.75;
    color: #fff
}

.kudos.active {
    -webkit-transition: box-shadow 1.5s linear;
    -moz-transition: box-shadow 1.5s linear;
    -o-transition: box-shadow 1.5s linear;
    transition: box-shadow 1.5s linear;
    box-shadow: inset 0 0 0 0.20em #000, inset 0 0 0 0 #fff, inset 0 0 0 0.75em rgba(204, 61, 57, 0.75), inset 0 0 0 2.5em #cc3d39
}

.kudos.active:after {
    content: 'Don\'t Move!'
}

.kudos.finish {
    -webkit-transition: box-shadow 0.45s linear, -webkit-transform 0.5625s ease-in-out;
    -moz-transition: box-shadow 0.45s linear, -moz-transform 0.5625s ease-in-out;
    -o-transition: box-shadow 0.45s linear, -o-transform 0.5625s ease-in-out;
    transition: box-shadow 0.45s linear, transform 0.5625s ease-in-out;
    /*box-shadow: inset 0 0 0 0.20em rgba(204, 61, 57, 0.5), inset 0 0 0 0.5em #fff, inset 0 0 0 0.75em rgba(204, 61, 57, 0.75), inset 0 0 0 1em #fff, inset 0 0 0 0 #fff, inset 0 0 0 2.5em #cc3d39*/
	box-shadow: inset 0 0 0 0.20em #000, inset 0 0 0 0.325em #fff, inset 0 0 0 2.5em #000;
}

/*.kudos.finish:hover {
    -webkit-transform: scale(1.25, 1.25);
    -moz-transform: scale(1.25, 1.25);
    -ms-transform: scale(1.25, 1.25);
    -o-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25)
}*/

.kudos.finish:before {
    /*font-size: 2.25em;
    line-height: 2.75;*/
	font-size: 1.10em;
    line-height: 2.45;
    color: #fff
}

.kudos:after {
    position: absolute;
    content: attr(data-amount) " Kudos";
    bottom: -2.35em;
    left: 0;
    /*width: 2.5em;*/
    text-align: center;
    line-height: 1em;
	font-family: 'lato';
	font-size: 21px;
}

.KudoHeart:before {
    font-family: 'FontAwesome';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f004";
}

/* Resolution Width: 299px-767px - Portrait */
@media only screen and (min-width:0px) and (max-width:767px) and (orientation:portrait) {
	#content {
		width: 85%;
	}

	.posts {
		padding: 0;
	}

	h2.the-title {
		font-size: 36px;
		line-height: 48px;
		margin-bottom: 18px;
	}

	.excerpt iframe {
		width: 100%;
		height: 200px;
	}
	
	.post-content-single iframe {
		width: 100%;
		height: 200px;
	}

	.prev-post {
		margin-left: 15px;
	}
	
	.next-post {
		margin-right: 15px;
	}

	.kudo-box {
		user-select: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
	}
}

/* Resolution Width: 768px-1023px - Portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	#content {
		width: 85%;
	}
}

/* Resolution Width: 768px-1023px - Portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
	#content {
		width: 85%;
	}
}