/*!
Theme Name: Fastest
Theme URI: http://underscores.me/
Author: designgrande
Author URI: https://designgrande.com
Description: Fastest WordPress theme is one of the most lightweight, search engine friendly and schema ready theme available for free. It is designed for professional magazines and personal blogging websites. It comes with custom featured section where you can show latest or most popular posts on your site in modern grid style. Just below the featured posts section, it has an advertisement section where you can add standard 728 X 90 Google AdSense or banner advertisements. Furthermore, it comes with an integrated recent post with thumbnail widget which is handcrafted especially for this theme. Fastest wordpress theme comes with integrated support for breadcrumb navigation and social media buttons. Both of these options can be controlled via WordPress customiser. With just one single click you can either show them or disable them on single post pages. The social media buttons are specially designed to match the layout and the content structure of this theme. They are not only mobile responsive, great looking, but they are also really super fast. You ask why, well because no external javascript files are loaded. It's just 68 lines of pure PHP, HTML code and 200 bytes of CSS.Furthermore, this theme doesn't use any sort of external scalable font icons like font awesome or ionic. Adding support for these fonts would have only made this template slow. So we have handpicked 18 important icons and have built our own font which is included with this theme for free. Now let's talk a bit about the flexibility of this template. With the help of WordPress customiser, you can customise colors of various elements of this template. For example, you can change the color of the header area, navigation, sub-menu, and dropdown icon. Not only that, you can even change the hyperlinks and the :hover CSS effects.For all those website owners and bloggers who want to make their homepage more appealing, this theme comes with featured hero banner section. You have the freedom to determine the height of the image, but it's suggested not to have more than 650px. Suggested width is 1980px to offer better viewing experience on screens with higher resolutions. You even get an option to add text to the featured hero banner. To give you, even more, control over the design, the color of the text can be modified via customizer.If you are a blogger or an affiliate marketer then you should use themes which has integrated support for a schema markup. Schema markups are necessary as they help search engines especially Google to better understand the content of your website and thus helps to boost your site presents on search engine result pages.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fastest
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, two-columns, right-sidebar, flexible-header, featured-images, blog, theme-options

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.

Fastest is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores 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 https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Header
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Breadcrumb
	## Posts and pages
	## Search Page
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-kerning: normal;
    font-kerning: normal;
    text-rendering: optimizeSpeed;
    -webkit-font-variant-ligatures: common-ligatures;
    -moz-font-variant-ligatures: common-ligatures;
    font-variant-ligatures: common-ligatures;
    -moz-font-feature-settings: "liga","clig";
    -webkit-font-feature-settings: "liga","clig";
    font-feature-settings: "liga","clig";
}

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;
	text-decoration: none;
}

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;
}

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-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;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-size: 1rem;
}

body .site-content {
    line-height: 1.625;
    z-index: 2;
    padding: 50px 0 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Karla, Helvetica Neue, Helvetica, Arial, sans-serif;
    clear: both;
    margin: 0;
    font-size: 2.2rem;
    letter-spacing: -0.1rem;
    line-height: 1.2;
    color: #212b35;
}

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: 0.9375rem;
	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: 0.9375rem;
}

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 https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

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

.wrap {
	margin: 0 auto;
	padding: 0 20px 0;
	max-width: 1280px;
	width: 100%;
}

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

ul, ol {
	margin: 0;
}

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. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

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 {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

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;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.hero {
    line-height: 0;
    position: relative;
    margin: 0 0 -70px;
}

.hero img {
    width: auto;
    display: inline-block;
    height: auto;
}

.hero-info {
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    font-size: 40px;
    width: 100%;
    transform: translate(0);
    text-align: center;
}

.hero-info h4 {
    margin: 0;
    display: inline;
    font-size: 3rem;
}

.admin-bar .site-header {
	top: 32px;
}

.site-header {
	padding: 0 20px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    transition: 0.5s ease-in-out;
    transition: 0.5s cubic-bezier(0.4, 0, 1, 1);
    position: fixed;
    z-index: 1;
    top: 0;
    height: 70px;
    width: 100%;
}

.admin-bar .site-header.nav-up {
    top: -102px;
}

.site-header.nav-up {
	top: -70px;
}

.site-header.custom-active.nav-down.topmost {
    background: transparent;
}

.site-branding {
    padding: 0;
    text-align: center;
    line-height: 0;
}

.site-title {
    font-size: 2rem;
    text-transform: capitalize;
    font-weight: 700;
    margin: 0;
    padding: 35px 0;
}

.site-title a {
    color: #222;
    text-decoration: none;
}

.site-title a:hover {
	color: #ff5722;
}

/*.site-description {
	display: none;
}*/

.site-description {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #212b35;
}

a:visited {
	color: #212b35;
}

a:hover, a:focus, a:active {
	color: #2196F3;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	clear: none;
}

.main-navigation ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: right;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
    padding: 0 0 0 1.5em;
    position: relative;
    box-shadow: 1px 1px 1px rgba(0,0,0,0);
    top: 0;
}

.main-navigation ul li:hover > ul.toggled-on {
    display: block;
    float: none;
    left: 0;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
	float: none;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 1em 0;
	text-decoration: none;
	color: #222;
}

.main-navigation a:hover {
	color: #FF5722;
}

.main-navigation li a,
.main-navigation li > ul a {
	font-weight: 700;
	text-transform: uppercase;
	font-family: Karla, Helvetica, Arial, sans-serif;
}


/* Icon Navigation */

i,
i:before,
.main-navigation li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.main-navigation li:hover i::before {
	display: inline-block;
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
	display: none;
}
.main-navigation .desktop-dropdownsymbol {
	display: none;
	font-size: 12px;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
    color: #FF5722;
    font-weight: 400;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 1.2em 0.5em 0;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
	color: #ff5722;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}


.main-navigation li.search a:before {
	content: '\e803';
	font-family: fastest;
	font-weight: 400;
}

.main-navigation li.search a span {
	display: none;
}

.search-container .section-inner {
    position: relative;
}

.section-inner {
    width: 1240px;
    max-width: 92%;
    margin: 0 auto;
}

.search-container .search-field {
    display: block;
    border: none;
    background: none;
    width: 100%;
    padding: 25px 0;
    margin-right: 50px;
    font-size: 1.2em;
    color: #222;
}

.search-container .search-button {
    display: block;
    background: none;
    position: absolute;
    top: 65%;
    margin-top: -25px;
    right: 0;
    border: none;
}

.search-container {
    position: relative;
    margin: 70px 0 0;
    display: block;
    width: 100%;
    background: #f3f7ff;
}

.section-inner form {
	display: none;
}

/* Responsive Menu
   ========================================================================== */

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

	/* Site Branding */
	.site-branding{
		text-align: left;
	}

	/* Main Navigation */
	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}
	.site-branding {
		float: left;
	}
	.main-navigation {
		width: 60%;
		float: right;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {
		display: block;
		text-align: justify;
	}

	.main-navigation a {
		padding: 1.9em 1.25em;
		font-size: 14px;
	}

	.main-navigation ul ul {
		background: #fff;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

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

	.main-navigation ul ul a {
		padding: 1em 1.25em;
		width: 16em;
		border-top: 1px solid rgba(0,0,0,0.1);
	}

	.main-navigation ul > ul > li > a:last-of-type {
		border-bottom: 0;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #ececec;
		text-indent: 10px;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #222;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0.5em;
		right: auto;
	}

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}
	.main-navigation .desktop-dropdownsymbol {
	    position: absolute;
	    top: 50%;
	    right: -4px;
	    margin-top: -7px;
	    color: #3e3b3b;
	    display: block;
	}

	.main-navigation li:hover i::before {
		display: inline-block;
		-webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    transform: rotate(180deg);
	}

	.dropdown-toggle {
		padding: 0.5em;
	}
}

@media only screen and (max-width: 726px) {

	.menu-toggle,
	.dropdown-toggle {
		display: block;
	}

	.main-navigation .menu {
	    display: none;
	}

	.main-navigation.toggled-on .menu {
	    display: block;
	}

	.main-navigation.toggled-on .sub-menu {
		display: none;
	}

	.main-navigation.toggled-on .sub-menu.toggled-on {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	clip-path: none;
	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;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.wrap:before,
.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,
.wrap:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget-area {
    min-width: 300px;
    max-width: 300px;
    width: 30%;
    float: right;
    margin: 0 0 0 40px;
}

.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

.widget-area .widget ul {
    padding: 0;
}

.widget-area .widget li {
    list-style-type: none;
}

/* Recent Post With Thumbnail Widget */


.fastest-widget-list a {
    display: block;
    min-height: 100px;
    position: relative;
}

.fastest-widget-list .post-icon {
	display: block;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
}

.fastest-widget-list .post-icon img {
	display: block;
	border-radius: 3px;
}

.fastest-widget-list .post-icon .icon-doc {
    font-size: 2em;
    text-align: center;
    position: absolute;
    top: 10%;
    margin-top: 0;
    left: 0;
    right: 0;
}

.fastest-widget-list .inner {
	padding-left: 100px;
}

.fastest-widget-list .title {
    line-height: 140%;
    font-weight: 400;
    color: #111;
    margin: 0;
    padding: 5px 0 5px;
    font-size: 14px;
}

.fastest-widget-list .meta { 
	margin-top: 3px; 
	font-size: 0.75em;
	font-weight: 400;
	text-transform: capitalize;
	color: #888;
}

.fastest-widget-list .excerpt {
	margin-top: 3px;
	color: #666;
	line-height: 130%;
}


.fastest-widget-list p.title,
.fastest-widget-list p.meta {
	 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.fastest-widget-list > li a:hover p.title {
    padding: 5px 0 5px 5px;
}

.fastest-widget-list > li a:hover p.meta {
	padding: 0 0 0 5px;
}


h4.widgettitle {
    font-size: 1.375rem;
    letter-spacing: -0.08rem;
    text-align: right;
    border-bottom: 2px solid #26519e;
    margin: 0 0 30px;
    padding: 0 0 10px;
}

h4.widgettitle:after {
    border-bottom: 2px solid #ececec;
    content: '';
    display: block;
    width: 55%;
    margin: 10px 0 -12px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.content-area {
    width: 67%;
    float: left;
}

@media only screen and (max-width: 1100px) {
	.content-area {
    	width: 65%;
	}
}

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
.breadcrumb {
    font-size: 14px;
}

span.seperator {
    padding: 0 3px;
}

span.seperator:last-child {
    display: none;
}

.breadcrumb, .breadcrumb a {
    color: #777;
    margin: 0 0 20px;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

h1.entry-title {
    font-size: 2.375rem;
    line-height: 1.2;
    letter-spacing: -0.15rem;
    color: #212b35;
    margin: 0;
}

h1.entry-title:after {
    content: '';
    display: block;
    background: #ececec;
    height: 2px;
    margin: 30px 0 10px;
}

.entry-meta, .entry-meta a {
    font-size: 14px;
    color: #777;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 2.5em;
}

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

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

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


/* Homepage Exceprt Design */
.entry-header-wrapper {
    width: 100%;
}

.home-thumb {
    width: 30%;
    float: left;
}

.home-thumb figure {
	margin: 0;
}

.home-content {
    width: 65%;
    float: right;
}

.home-content .entry-title,
.home-content .entry-content {
    margin: 0;
}

.home-content .entry-title {
    line-height: 1.2;
    font-size: 1.8rem;
}

.home-content .entry-meta {
    padding: 20px 0 5px;
    font-size: 13px;
    line-height: 1;
}

.entry-header-wrapper {
    width: 100%;
    margin: 0;
    display: inline-block;
}

.home-content .entry-content p {
	font-size: 15px;
	font-size: 0.938em;
}

.home-below-featured {
	margin: 0 0 5rem;
	text-align: center;
	float: none;
	clear: both;
}

.content-area p,
.content-area li,
.content-area address,
.content-area code,
.content-area pre {
	line-height: 1.825;
	font-size: 17px;
	font-size: 1.0625rem;
}

time.entry-date.published:before {
    content: '\e800';
    font-family: fastest;
    padding: 0 4px 0 0;
}

span.byline:before {
    font-family: fastest;
    content: '\f2c0';
    padding: 0 2px 0 15px;
    font-size: 13px;
    vertical-align: top;
}


/*--------------------------------------------------------------
## Search Page
--------------------------------------------------------------*/
.search h1.page-title {
    text-align: center;
    margin: 0 0 50px;
    display: inline-block;
}

.search h1.page-title:after {
    display: block;
    content: '';
    border-bottom: 12px solid #ececec;
    margin: -14px 0 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

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

.wp-caption .wp-caption-text {
    margin: 0.4075em 0;
    font-size: 14px;
}

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

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

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.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%;
}

.gallery-caption {
	display: block;
}

@media only screen and (max-width: 1023px) {

	.content-area {
	    width: 62%;
	}

}


@media only screen and (max-width: 960px) {

	.content-area,
	.widget-area {
		width: 100%;
	}

}




/********************************
	Featured Section
*******************************/

.home img.centered,
.home .aligncenter {
	margin: 0 auto;
}

.home .wtpsw-post-grid.design-1 .wtpsw-medium-6 .wtpsw-post-title a {
    font-size: 28px;
}

.home .wtpsw-post-grid.design-1 .wtpsw-post-title a {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
}

.wtpsw-post-grid.design-1 .wtpsw-post-title {
    padding: 0 30px 30px;
    line-height: 1;
    font-family: 'HK Grotesk','Roboto',Helvetica,Arial,sans-serif;
    font-weight: 600;
    position: absolute;
    bottom: 0;
}

body .wtpsw-post-grid.design-1 .wtpsw-post-gridbox .wtpsw-post-image-bg .wtpsw-post-list-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    background: -moz-linear-gradient(to bottom,#0000 0,#0006 0%,#000 100%);
    background: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.1) 0%,rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0.1)),to(rgba(0,0,0,1)));
    background: linear-gradient(to bottom,#0000 0,#0000 0%,#000 100%);
    top: 0;
}

.wtpsw-post-grid.design-1 .wtpsw-post-gridbox .wtpsw-post-image-bg {
	overflow: hidden;
	
}

.home .wtpsw-post-gridbox.wtpswcolumns:hover .wtpsw-post-image-bg img{
    background: #202020 !important;
    -moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.wtpsw-post-image-bg img{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.wtpsw-post-grid.design-1 .wtpsw-post-gridbox.wtpsw-medium-3 {
	padding: 0 0 5px 5px;
}

.wtpsw-post-grid.design-1 .wtpsw-post-gridbox.wtpsw-medium-3:nth-child(n+4) {
    padding: 0 0 0 5px;
}

.wtpsw-post-grid.design-1 .wtpsw-medium-3 .wtpsw-post-title {
    bottom: 0;
    position: absolute;
    line-height: 0;
    padding: 0 30px 30px;
}

.home .wtpsw-post-grid.design-1 .wtpsw-post-gridbox.wtpsw-medium-6 {
    padding: 0;
}


.home-featured {
	margin: 0 0 5rem;
}


@media only screen and (max-width: 1400px) {
	.home .featuredpost article h2 {
		font-size: 24px;
	}
}


@media only screen and (max-width: 1200px) {

	body {
		font-size: 15px;
	}
	
	.home .site-header .wrap,
	.home .site-inner {
	    padding: 0 10px 0;
	}
}

@media only screen and (max-width: 1023px) {

	.home .featuredpost article h2 {
		font-size: 22px;
	}

	.home .featuredpost article {
		width: 48%;
		margin: 0 1.95% 50px 0;
	}

	.home .featuredpost article:nth-of-type(2n+0) {
		margin: 0;
		float: right;
	}

	.home .featuredpost article:nth-of-type(3n+0) {
	    width: 48%;
	    margin: 0 0 50px;
	}

}


@media only screen and (max-width: 860px) {

	.one-sixth.first {
		margin: 0 0 30px 0;
	}
	.one-sixth {
		width: 32%;
		margin: 0 0 30px 1%;
	}
}


@media only screen and (max-width: 640px) {

	.one-sixth.first {
		margin: 0 0 20px 0;
	}
	.one-sixth {
		width: 49%;
		margin: 0 0 20px 1%;
	}

	.wtpsw-post-grid.design-1 .wtpsw-post-gridbox.wtpsw-medium-6 {
		height: 250px;
	}

	.home .wtpsw-post-grid.design-1 .wtpsw-medium-6 .wtpsw-post-title a {
    	font-size: 20px;
	}

	.home .wtpsw-post-grid.design-1 .wtpsw-post-gridbox.wtpsw-medium-6,
	.wtpsw-post-grid.design-1 .wtpsw-post-gridbox.wtpsw-medium-3 {
	    padding: 0;
	    margin: 0 0 5px;
	}

	.site-footer {
	    font-size: 14px;
	    font-size: 1.4rem;
	    line-height: 1.625;
	    padding: 20px;
	}

	.site-footer span {
	    padding: 0;
	}
}


@media only screen and (max-width: 419px) {

	.home .featuredpost article h2 {
	    padding: 20px 30px 10px;
	    font-size: 20px;
	    letter-spacing: -1.2px;
	}

	.home .featuredpost article p {
	    padding: 0 30px 30px;
	    font-size: 14px;
	}

	.home .featuredpost article {
		width: 100%;
		margin: 0 0 30px;
	}

	.home .featuredpost article:nth-of-type(2n+0) {
		margin: 0;
		float: none;
	}

	.home .featuredpost article:nth-of-type(3n+0) {
	    width: 100%;
	    margin: 0 0 30px;
	}

	.home .wtpsw-post-grid.design-1 .wtpsw-medium-6 .wtpsw-post-title a {
	    font-size: 18px;
	}
}

@media only screen and (max-width: 299px) {

	.one-sixth.first {
		margin: 0 0 15px 0;
	}
	.one-sixth {
		width: 100%;
		margin: 0 0 15px 0;
	}
}




.social-box {
    display: block;
    margin: 0 0 40px;
}

a.col-2.sbtn span {
    display: none;
}

a.col-1.sbtn {
    width: 25%;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 11px 10px;
    color: #fff;
    margin: 0;
    font-size: 15px;
}

a.col-1.sbtn span {
    margin: 0 0 0 15px;
}

a.col-1.sbtn span.smhide {
    margin: 0 -10px 0 10px;
}

a.col-2.sbtn {
    width: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    color: #fff;
    line-height: 1.825 !important;
}

.s-twitter {
	background: #03A9F4;
}
.s-twitter::before {
    font-family: fastest;
    content: '\f099';
}
.s-twitter:hover {
    background: #0093d6;
}


.s-facebook {
	background: #3F51B5;
}
.s-facebook::before {
    font-family: fastest;
    content: '\f09a';
}
a.col-1.sbtn.s-facebook:hover {
    background: #2f409f;
}



.s-googleplus {
	background: #F44336;
}
.s-googleplus::before {
    font-family: fastest;
    content: '\f1a0';
}
.s-googleplus:hover {
    background: #c82c21;
}



.s-whatsapp {
	background: #4CAF50;
}
.s-whatsapp::before {
    font-family: fastest;
    content: '\f232';
}
a.col-2.sbtn.s-whatsapp:hover {
    background: #3d9440;
}



.s-linkedin {
	background: #1a7baa;
}
.s-linkedin::before {
    font-family: fastest;
    content: '\f0e1';
}
a.col-2.sbtn.s-linkedin:hover {
    background: #136288;
}


.s-pinterest {
	background: #bd081c;
}
.s-pinterest::before {
    font-family: fastest;
    content: '\f231';
}
a.col-2.sbtn.s-pinterest:hover {
    background: #a10718;
}



.s-buffer {
	background: #ced7df;
}
.s-buffer::before {
    font-family: fastest;
    content: '\e804';
}
a.col-2.sbtn.s-buffer:hover {
    background: #c3c5c8;
}


@media only screen and (max-width: 1200px) {
    a.col-1.sbtn {
        width: 28.5%;
        display: inline-block;
        text-align: center;
        border-radius: 50px;
        padding: 10px;
        color: #fff;
        font-size: 15px;
    }
}

@media only screen and (max-width: 1124px) {

	a.col-1.sbtn {
	    width: 22.5%;
	}

    a.col-1.sbtn span.smhide {
	    display: none;
	}
}

@media only screen and (max-width: 768px) {
    a.col-1.sbtn {
        width: 46px;
    }

    a.col-1.sbtn span {
        display: none;
    }
}

@media only screen and (max-width: 448px) {
	a.col-1.sbtn, a.col-2.sbtn {
	    width: 40px;
	    height: 40px;
	}

	a.col-1.sbtn, a.col-2.sbtn {
	    font-size: 14px;
	    padding: 8.5px;
	}


}