/*
Theme Name: Automation
Theme URI: https://htland.vn/
Author: Arkadiusz Zalewski
Author URI:  https://htland.vn/
Description: Noteskine is classic, minimal and clean WordPress Blog Theme. Ideal for active and ambitious bloggers who love to share their creativity with audience. Responsive and consistent design supports user experience and readability. Create articles with pull quotes, drop caps and highlighted boxes. Eight post formats give you ability to style content accordingly to your needs. Easy to use customizer panel allows to modify Noteskine  theme with endless color variations. Decide which functions do you need and turn them on or off. Feel free to customize your Noteskine as you wish. Make it unique and more personal.
Tags: one-column,  responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Version: 1.0.4
License: GNU General Public License v3.0
License URI:  https://htland.vn/
Domain Path: /languages/
Text Domain: Automation
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Header Navigation
 * 6.0 - Hero Area
 * 7.0 - Content
 *   7.1 - Post Thumbnail
 *   7.2 - Entry Header
 *   7.3 - Entry Meta
 *   7.4 - Entry Content
 *   7.5 - Galleries
 *   7.6 - Attachments
 *   7.7 - Post Formats
 *   7.8 - 404 Page
 *   7.9 - Archives
 * 8.0 - Related Posts
 * 9.0 - Comments
 * 10.0 - Paging Navigation
 * 11.0 - Footer
 * 12.0 - Media Queries
 * ----------------------------------------------------------------------------------------
 */

/**	
*	1.0 Reset
*
--------------------------------------------------------------------------------------------
*/

/* General Reset */
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	text-decoration: none;
	vertical-align: baseline;
}
	
/* HTML5 display-role reset for older browsers */

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


/* HTML & body */

body,
html {
	height: 100%;
}

body {
	background: 100%;
	background-color: #30373d;
	background-position: center;
	color: #2A4557; /* Main text color */
	font-family: Open Sans, Arial, sans-serif;
	font-size: 10px;
	line-height: 1.6;
}

/* Headings */

h1 {
	font-size: 24px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 21px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 19px;
}

h1, h2, h3, h4, h5, h6 {
	color: #e03555; /* Accent color */
	margin: 20px auto;
}

/* Adress */

address {
	display: block;
	font-style: italic;
}

/* Abbreviation & Acronym */

abbr,
acronym {
	text-transform: uppercase;
}

/* Strong, Bold, Small, Big */

b,
strong {
	font-weight: bold;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

/* Cite & Emphasize */

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

/* Code, Preformatted, Keyboard, Variable, Teletype */

code, 
pre, 
kbd,
var, 
tt {
    font-family: monospace;
}

code, pre {
	background: #ebebeb;
}

pre {
	font-size: 15px;
	line-height: 1.4;
	overflow: auto;
	overflow-y: hidden;
	padding: 0.5em;
	white-space: pre;
}

/* Table */

table,
th,
td {
	border: 1px solid #777; /* 2nd color */
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	font-size: 16px;
	margin: 27px 0;
	width: 100%;
}

th,
td {
	padding: 4px 8px;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
	vertical-align: middle;
}

/* Quote */

q {
  quotes: "“" "”" "‘" "’";
}
q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

blockquote {
	color: #777; /* 2nd text color */
	border-left: 3px solid #e03555; /* Accent color */
	padding: 0 3%;
}

blockquote:before,
blockquote:after {
	content: none;
}

/* Subscript & Superscript */

sup {
	bottom: 0.5em;
	font-size: 0.8em;
	position: relative;
}

sub {
	font-size: 0.8em;
	position: relative;
	top: 0.3em;
}

/* Definition Lists */

dl {
	margin: 20px 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 10px 0 20px;
	padding-left: 4%;
}

/* List Style */

ul li {
	list-style: disc;
}

li ul li {
	list-style: circle;
}

li li ul li {
	list-style: square;
}

ol li {
	list-style: decimal;
}

li ol li {
	list-style: lower-alpha;
}

li li ol li {
	list-style: lower-roman;
}

/* Delete & Insert */

del {
    text-decoration: line-through;
}

ins {
	text-decoration: underline;
}

/* Horizontal Rule */

hr {
	background: #777; /* 2nd text color */
	border: 0;
	height: 2px;
	margin: 40px auto;
	width: 33%; 
}

/* Focus */

:focus {
	outline: none;
}

/**
* 	2.0 Repeatable Patterns
*
* ------------------------------------------------------------------------------------------
*/

/* Box Shadow & Radius */
.content-box,
#disqus_thread {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 3px 10px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 3px 10px 0px rgba(50, 50, 50, 0.5);
}

/* Full-Width Images */

.wp-caption img.size-full-width,
img.alignnone.size-full-width,
img.aligncenter.size-full-width {
	display: block;
	margin: 20px -25%;
	max-width: 150%;
	width: 150%;
}

.wp-caption.alignleft img.size-full-width,
.wp-caption.alignright img.size-full-width {
	display: block;
	height: auto;
	margin: 0 auto;	
	max-width: 100%;
}

/* Image & Caption Alignment */

img.size-full,
img.alignnone, 
img.aligncenter,
.wp-caption.alignnone,
.wp-caption.aligncenter {
	display: block;
	height: auto;
	max-width: 100%;
}

img.aligncenter,
.wp-caption.aligncenter {
	margin: 20px auto;
}

img.alignnone,
.wp-caption.alignnone {
	margin: 20px 0;
}

img.alignleft,
.wp-caption.alignleft {
	float: left;
	height: auto;
	margin: 10px 38px 10px -16.0%;
	max-width: 63%;
}

img.alignright,
.wp-caption.alignright {
	float: right;
	height: auto;
	margin: 10px -16.0% 10px 38px;
	max-width: 63%;
}

/* Captions */

.wp-caption {
	border: 0px solid red;
	position: relative;
}

.wp-caption img {
	display: inline-block;
	height: auto;
	width: 100%;
	vertical-align: middle;
}

.wp-caption-text img {
	width: auto;
}

.wp-caption .wp-caption-text {
	background-color: rgba(50, 50, 50, 0.75);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
	opacity: 0;
	max-height: 50%;
	padding: 7px;
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: left;
	width: 100%;
}

.wp-caption:hover .wp-caption-text{
	opacity: 1;
	transition: 0.33s;
}

/* iframe */

.entry-content iframe,
.entry-content embed {
	margin: 0px -25%;
	overflow: hidden;
}

div.twitter-tweet {
	display: block;
	margin: 0 auto;
}

.wp-video-shortcode {
	max-width: 100%;
}

.wp-audio-shortcode {
	max-width: 100%;
}

/* Search Form */

input, textarea, select {
   -webkit-appearance: none;
}

.entry-content input[type="search"] {
	background: none;
	border: 2px solid #fff; /* Background text color */
	border-radius: 8px;
	box-sizing: border-box;
	color: #fff; /* Background text color */
	font-size:16px;
	height: 42px;
	padding: 0px 20px;
	width: 100%;
}

.entry-content input[type="search"]::-webkit-input-placeholder {
  color: #fff; /* Background text color */
  opacity: 0.5;
}

.search-submit {
	display: none;
}

/* Sticky Post Ribbon */

.sticky .ribbon-wrapper {
	display: block;
	height: 90px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 90px;
}

.sticky .ribbon {
	background: #e03555; /* Accent color */
	color: #fff;
	display: block;
	font-size: 22px;
	line-height: 1.5;
	position: relative;
	top: 15px;
	right: 44px;
	text-align: center;
	-webkit-transform: rotate(-45deg);
	-moz-transform:    rotate(-45deg);
	-ms-transform:     rotate(-45deg);
	-o-transform:      rotate(-45deg);
	width: 150px;
}

/* Dropcap */

.noteskine-dropcap {
	color: #e03555; /* Accent color */
	float: left;
	font-size: 94px;
	line-height: 77px;
	padding-right: 10px;
}

/* Pull Quote */

.noteskine-pull-quote-left,
.noteskine-pull-quote-right {
	color: #e03555; /* Accent color */
	font-size: 20px;
	line-height: 1.5;
	max-width: 48%;
	padding: 5px 0 10px;
}

.noteskine-pull-quote-left {
	float: left;
	margin: 10px 38px 10px -16.0%;
}

.noteskine-pull-quote-right {
	float: right;
	margin: 10px -16% 10px 38px;
}
 
/* Highlighted Box */
 
.entry-content .noteskine-box {
	background-color: #e03555; /* Accent color */
	color: #fff;
	margin: -10px -25%; 
	padding: 15px 25%;
}

.entry-content .noteskine-box blockquote {
	border-left: 3px solid #fff;
	color: #fff;
}
.entry-content .noteskine-box a {
	border-bottom: 1px solid #fff;
	color: #fff;
}

.entry-content .noteskine-box a:hover {
	background: none;
	border-bottom: 2px solid #fff;
	border-radius: 0;
}

/* Password Protected Post */

.post-password-form label {
	display: block;
	text-align: center;
}
.post-password-form  input[type="password"] {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	border-radius: 8px; 
	box-sizing: border-box;
	color: #777;
	display: block;
	height: 42px;
	margin: 10px auto;
	padding: 0px 20px;
	width: 33%;
}

.post-password-form  input[type="password"]:focus {
	border: 1px solid #777;
}

.post-password-form input[type="submit"] {
	display: none;
}

/* Read More Link */

.entry-content a.more-link {
	border: 1px solid #e03555; /* Accent color */
	border-radius: 8px;
	color: #e03555; /* Accent color */
	display: block;
	font-size: 16px;
	line-height: 30px;
	margin: 0px auto -10px;
	padding: 0 10px;
	text-align: center;
	width: 160px;
}

.entry-content a.more-link:hover {
	background: #e03555; /* Accent color */
	border: 1px solid #e03555; /* Accent color */
	border-radius: 8px;
	color: #fff;
	transition: background 0.33s;
}

/* Assistive Text */

.menu-toggle {
	display: none;
}

.screen-reader-text {
	clip: rect(1px 1px 1px 1px); 
	position: absolute !important;
}

/**
* 	3.0 Basic Structure
*
* ------------------------------------------------------------------------------------------
*/

body.custom-background {
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}

#page {
	min-height: 100%;
	position: relative;
}

#main {
	margin: 0 auto;
	max-width: 1024px;
	padding-bottom: 1px;
}

/**	
* 	4.0 Header
*
* ------------------------------------------------------------------------------------------
*/

/* Fix for fixed elements on mobile devices */

.fixfixed #site-header,
.fixfixed #reading-progress,
.fixfixed #hero-image { 
    position: absolute;
} 

/* Site header */

#site-header {
	background: rgba(0, 0, 0, 0.7); /* Header background color */
	height: 42px;
	margin-bottom: 0px;
	position: fixed;
	width: 100%;
	z-index: 9999;
}

#wrapper {
	margin: 0 auto;
	max-width: 1024px;
	position: relative;
}

/* Title & Logo */

#branding {
	float: left;
	position: relative;
	z-index: 9999;
}

#site-title {
	color: #fff;
	font-size: 24px;
	line-height: 42px;
	margin: 0 10px;
}

#site-title a {
	color: #fff;
}

#branding img {

	max-height: 42px;

}

/* Menu Button & Search Button */

.toggle-search,
.toggle-menu {
	line-height: 42px;
}

.toggle {
	color: #fff; /* Header text color */
	float: right;
	font-size: 28px;
	margin: 0 10px;
	position: relative;
	z-index: 9999;
}

.toggle:hover {
	cursor: pointer;
}

.toggle .fa-times {
	display: none;
}

/* Search Box (in the Header) */

.top-search-box {
	display: none;
}

#top-search input[type="search"] {
	background: none;
	border: 1px solid #fff; /* Header text color */
	border-radius: 8px;
	box-sizing:border-box;
	color: #fff; /* Header text color */
	float: right;
	font-size:16px;
	height: 32px;
	line-height: 1;
	margin: 5px;
	padding: 0px 10px;
	width: 200px;
	vertical-align: bottom;
}

#top-search input[type="search"]::-webkit-input-placeholder {
	color: #fff; /* Header text color */
	opacity: 0.5;
}

/* Reading Progress Bar */

#reading-progress {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
	border: none;
	color: #e03555;  /* Accent color */
	height: 4px;
	margin-top: 42px;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 9999;
}

progress::-webkit-progress-bar {
	background-color: transparent;
}

progress::-webkit-progress-value {
	background-color: #e03555; /* Accent color */
}

progress::-moz-progress-bar {
	background-color: #e03555; /* Accent color */
}

/**
*	5.0 Header Navigation
*
* ------------------------------------------------------------------------------------------
*/

/* Header Menu */

#header-menu {
	display: none;
	float: right;
	font-size: 16px;
	max-width: 80%;
}

#header-menu li {
	display: block;
	float: left;
	height: 42px; 
	line-height: 42px;
	position: relative;
}

#header-menu li a {
	color: #fff; /* Header text color */
	display: block;
	height: 42px;
	line-height: 42px;
	padding: 0 17px;
}

#header-menu a:hover {
	background: #fff; /* Header text color */
	color: #000; /* Header background color */
	transition: 0.33s;
}

#header-menu ul ul {
	display: none;
	padding-top: 8px;
	position: absolute;
	top: 42px;
}

#header-menu ul ul ul {
	margin-top: -8px;
	padding-right: 8px;
}

#header-menu ul ul li:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#header-menu ul ul li:first-child > a {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#header-menu ul ul li:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#header-menu ul ul li:last-child > a {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#header-menu ul ul li {
	background-color: rgba(0, 0, 0, 0.7); /* Header background color */
	float: none;
	min-width: 160px;
}

#header-menu ul ul li a {
	padding: 0 17px;
}

#header-menu ul li:hover > ul {
	display: block !important;
}

#header-menu ul ul li ul {
	top: 0;
	right: 160px;
	width: 160px;
}

/* Post Navigation */

#post-navigation {
	font-size: 16px;
	line-height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}

#post-navigation #post-buttons {
	display: inline-block;
	margin: 5px auto;
}

#post-navigation #post-buttons a {
	border: 1px solid #fff; /* Header text color */
	color: #fff; /* Header text color */
	float: left;
	min-width: 140px;
	padding: 0 10px;
}

#post-navigation #post-buttons a:hover {
	background: #fff; /* Header text color */
	color: #000; /* Header background color */
	transition: 0.33s;
}

#post-navigation #post-buttons a:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

#post-navigation #post-buttons a:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-left-width: 0;
}

#post-navigation #post-buttons a:nth-child(2) {
	border-left-width: 0;
}

/* Next / Previous Post Title on hover */

#prev-title a,
#next-title a {
	background: rgba(0, 0, 0, 0.7); /* header background color */
	border-radius: 8px;
	color: #fff; /* Header text color */
	display: none;
	font-size: 18px;
	line-height: 42px;
	margin: 0px auto;
	padding: 0px 20px;
}

/* Top / Bottom Navigation */

#bottom-button,
#top-button {
	display: none;
	max-width: 1024px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}

a.bottom-scroll,
a.top-scroll {
	color: #fff; /* Header text color */
	display:block;
	font-size: 24px;
	line-height: 42px;
	margin: 0 auto;
	text-align: center;
	width: 200px;
}

.fa-step-forward,
.fa-step-backward {
	-webkit-transform: rotate(-90deg);
	-moz-transform:    rotate(-90deg);
	-ms-transform:     rotate(-90deg);
	-o-transform:      rotate(-90deg);
}

/**
 * 	6.0 Hero Area
 *
 * -----------------------------------------------------------------------------------------
 */

#hero-area {
	max-height: 250px;
	padding-top: 42px;
	position: relative;
}

#tagline {
	color: #fff; /* Background text color */
	display: inline-block;
	font-size: 32px;/*22px*/
	margin: 40px auto 0px;
	position: relative;
	text-align: center;
	width: 100%;
}

/* Hero Image */
 
#hero-image {
	position: fixed; /* absolute/fixed */
	width: 100%;
	z-index: -1;
}

#hero-image img {
	opacity: 0.7;
	width: 100%;
}

.gradient {
	background: -webkit-linear-gradient( top, transparent 0%, #3B848C 100% );
	background: -moz-linear-gradient( top, transparent 0%, #3B848C 100% );
	background: linear-gradient( to top, transparent 0%, #3B848C 100% ); 
	height: 300px;
	margin-top: -300px;
	position: absolute;
	width: 100%;
	z-index: 0;
}

/* Social Media Links */

#social-links {
	margin: 40px auto 0px;
	position: relative;
	text-align: center;	 
	width: 100%;
}

#social-links a {
	color: #fff; /* Background text color */
	font-size: 39px;
	margin: 0 12px;
	opacity: 1;
	z-index: 9999;
}

#social-links a:hover {
	opacity: 0.7;
	transition: 0.33s;
}

/**
*	 7.0 Content
*
* -----------------------------------------------------------------------------------------
*/

article {
	background-color: #fff;
	border-radius: 20px;
	margin: 40px auto;
	overflow: hidden;
	position: relative; /* important for sticky ribbon */
	z-index: 9;
}

/**
 * 7.1 Post Thumbnail
 * ------------------------------------------------------------------------------
 */

.wp-post-image {
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0; 
	display: block;
	height: auto;
	width: 100%;
}

/**
 * 7.2 Entry Header 
 * ------------------------------------------------------------------------------
 */

.entry-title {
	color: #e03555; /* Accent color */
	font-weight: bold;
	margin: 20px auto;
	max-width: 90%;
	text-align: center;
}

.entry-title a {
	border-radius: 8px;
	color: #e03555; /* Accent color */
}

.entry-title a:hover {
	background: #e03555; /* Accent color */
	border-radius: 8px;
	color: #fff !important;  /* important for customizer */
	transition:  0.33s;
}

/**
 * 7.3 Entry Meta
 * -----------------------------------------------------------------------------
 */

.top-date {
	color: #2A4557; /* Main text color */
	display: block;
	font-size: 14px;
	line-height: 1;
	margin: 20px auto 30px;
	text-align: center;
}

.top-date a {
	color: #2A4557; /* Main text color */
}

.entry-meta {
	clear: both;
	color: #777; /* 2nd text color */
	font-size: 14px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	width: 86.6667%;
}

.entry-meta > span {
	margin: 0 0 0 14px;
}

.entry-meta > span:first-child {
	margin: 0;
}

.entry-meta .fa {
	margin: 0 4px 0 0;
}

.entry-meta a {
	border-radius: 4px;
	color: #777; /* 2nd text color */
	display: inline-block;
	margin: 3px 0;
	padding: 0 4px;
}

.entry-meta a:hover {
	background: #777; /* 2nd text color */
	color: #fff;
	transition: 0.33s;
}

/**
 * 7.4 Entry Content 
 * ----------------------------------------------------------------------------------
 */

.entry-content {
	color: #2A4557; /* Main text color */
	font-size: 18px;
	line-height: 1.6;
	margin: 20px auto 40px;
	width:90%;
}

.entry-content a {
	color: #e03555; /* Accent color */
}

.entry-content a:hover {
	background: #e03555; /* Accent color */
	border-radius: 4px;
	color: #fff;
	transition: 0.33s;	
}

.entry-content p {
	margin: 20px 0;
}

.entry-content blockquote {
	margin: 20px auto;
}

/* Lists */

.entry-content ul,
.entry-content ol {
	list-style-position: outside;
	margin: 20px 0;
	padding-left: 4%;
	text-align: left;
}

.entry-content ul ul,
.entry-content ol ul,
.entry-content ul ol,
.entry-content ol ol {
	margin: 10px 0;
}

.entry-content li {
	margin: 0.5em 0;
}

/* Page Links */

.page-links {
	margin: 40px auto -20px;
	text-align: center;
}

.page-links span {
	display: inline-block;
}

.page-links span a {
	border: 1px solid #777; /* 2nd text color */
	color: #777; /* 2nd text color */
	float: left;
	font-size: 16px;
	line-height: 30px;
	min-width: 140px;
	padding: 0 10px;
}

.page-links span a:hover {
	background: #777; /* 2nd text color */
	color: #fff;
}

.page-links span a:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.page-links span a:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.page-links span a:nth-child(2) {
	border-left-width: 0;
}

.page-links span a:first-child:hover {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.page-links span a:nth-child(1):hover {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.page-links span a:last-child:hover {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.page-links span a:nth-child(2):hover {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/**
 * 7.5 Gallery 
 * -------------------------------------------------------------------------
 */

.gallery {
	margin: 20px auto;
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0.5%;
	overflow: hidden;
	position: relative;
}

.gallery .attachment-thumbnail {
	display: inline-block;
	height: auto;
	width: 100%;
	vertical-align: middle;
}

.gallery-columns-1 .gallery-item {
	float: none;
	margin: 0.5% auto;
	width: 33%;
}

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

.gallery-columns-2 .gallery-item:nth-of-type(odd) {
	margin-left: 16%;
}

.gallery-columns-2 .gallery-item:nth-of-type(even) {
	margin-right: 16%;
}

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

.gallery-columns-4 .gallery-item {
	margin: 0.3%;
	width: 24.4%;
}

.gallery-columns-5 .gallery-item {
	margin: 0.3%;
	width: 19.4%;
}

.gallery-columns-6 .gallery-item {
	margin: 0.3%;
	width: 16.0667%;
}

.gallery-columns-7 .gallery-item {
	margin: 0.2%;
	width: 13.8857%;
}
.gallery-columns-8 .gallery-item {
	margin: 0.2%;
	width: 12.1%;
}
.gallery-columns-9 .gallery-item {
	margin: 0.2%;
	width: 10.7111%;
}

.gallery-caption {
	background-color: rgba(50, 50, 50, 0.8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: -50%;
	left: 0;
	width: 100%;
	
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

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

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* Jetpack Tiled Gallery Support */

.entry-content .tiled-gallery {
	margin: 20px auto !important;
	overflow: hidden !important;
}

/**
 * 7.6 Attachments
 * ---------------------------------------------------------------------
 */

.attachment .entry-content {
	margin: 0 auto;
}
 
.entry-attachment img {
	height: auto;
	margin: 0 -25%;
	max-width: 1024px;
	width: 150%;
	vertical-align: middle;
}

.entry-attachment a:hover {
	background: none !important;
}

.attachment-description {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	margin: 0;
	max-height: 50%;
	opacity: 1;
	position: absolute;
	bottom: -50%;
	left: 0;
	text-align: left;
	width: 100%;
	transition: 0.4s;
}

article.attachment:hover .attachment-description {
	bottom: 0;
	opacity: 1;
}

.attachment-description .entry-title {
	color: #fff;
	font-size: 18px;
	margin: 20px auto 10px;
}

.attachment-description .entry-description p {
	font-size: 16px;
	margin: 10px auto 20px;
	width: 86.6667%;
}

/**
 * 7.7 Post Formats
 * -------------------------------------------------------------------------------
 */

/* Gallery Format */

.gallery-thumbnail {
	overflow: hidden;
	padding: 15px 15px 0;
}

.gallery-thumbnail .gallery {
	margin: 0 auto;
	width: 100%;
}

.format-gallery .entry-content .gallery {
	margin: 20px -25%;
	width: 150%;
}

.format-gallery .entry-content .tiled-gallery:nth-of-type(1),
.format-gallery .entry-content .gallery:nth-of-type(1) {
	display: none;
}

/* Aside, Quote, Status Format */

.format-aside, 
.format-quote,
.format-status {
	background-position: center center;
}
 
.aside-quote-status {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	background-color: rgba(255, 255, 255, 0.9);
	display: inline-block;
	transition: 0.33s;
	width: 100%;
}

.aside-quote-status .permalink {
	display: inline-block;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.aside-quote-status .entry-content {
	margin: 60px auto;
}

.aside-quote-status .entry-content a {
	border-radius: 0;
	position: relative;
	z-index: 99;
}

.aside-quote-status .entry-content a:hover {
	background: none;
	border-radius: 0;
}

.aside-quote-status a.more-link,
.aside-quote-status a.more-link:hover {
	border-radius: 8px;
}

/* Aside Format */

.aside-container {
	background: -webkit-linear-gradient(135deg,  rgba(255, 255, 255, 0.9), rgba( 255, 255, 255, 0.9));
	background: linear-gradient(135deg,  rgba(255, 255, 255, 0.9), rgba( 255, 255, 255, 0.9));
}

.aside-container * {
	border-color: #2a4557; /* Aside text color */
	color: #2a4557; /* Aside text color */
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.35);
}

.aside-container .entry-content a {
	border-bottom: 1px solid #2a4557; /* Aside text color */
	color: #2a4557; /* Aside text color */
}

.aside-container .entry-content a:hover {
	border-bottom: 2px solid #2a4557; /* Aside text color */
	color: #2a4557; /* Aside text color */
}

.aside-container .entry-content a.more-link {
	border: 1px solid #2a4557; /* Aside text color */
	color: #2a4557; /* Aside text color */
}

.aside-container .entry-content a.more-link:hover {
	background: rgba(84,140,18, 0.5);
	border: 1px solid #2a4557; /* Aside text color */
	color: #2a4557; /* Aside text color */
}

/* Quote Format */

.quote-container {
	background: -webkit-linear-gradient(135deg,  rgba(183, 150, 1, 0.9), rgba(1, 124, 104, 0.9));
	background: linear-gradient(135deg,  rgba(183, 150, 1, 0.9), rgba(1, 124, 104, 0.9));
}

.quote-container * {
	border-color: #fff; /* Quote text color */
	color: #fff; /* Quote text color */
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.35);
}

.quote-container .entry-content a {
	border-bottom: 1px solid #fff; /* Quote text color */
	color: #fff; /* Quote text color */
}

.quote-container .entry-content a:hover {
	border-bottom: 2px solid #fff; /* Quote text color */
	color: #fff; /* Quote text color */
}

.quote-container .entry-content a.more-link {
	border: 1px solid #fff; /* Quote text color */
	color: #fff; /* Quote text color */
}

.quote-container .entry-content a.more-link:hover {
	background: -webkit-linear-gradient(135deg,  rgba(183, 150, 1, 0.9), rgba(1, 124, 104, 0.9));
	background: linear-gradient(135deg,  rgba(183, 150, 1, 0.9), rgba(1, 124, 104, 0.9));
	border: 1px solid #fff; /* Quote text color */
	color: #fff; /* Quote text color */
}

/* Status Format */

.status-container {
	background: -webkit-linear-gradient(135deg,  rgba(45, 147, 147, 0.9), rgba(11, 69, 119, 0.9));
	background: linear-gradient(135deg,  rgba(45, 147, 147, 0.9), rgba(11, 69, 119, 0.9));
}

.status-container * {
	border-color: #fff; /* Status text color */
	color: #fff; /* Status text color */
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.35);
}

.status-container .entry-content a {
	border-bottom: 1px solid #fff; /* Status text color */
	color: #fff; /* Status text color */
}

.status-container .entry-content a:hover {
	border-bottom: 2px solid #fff; /* Status text color */
	color: #fff; /* Status text color */
}

.status-container .entry-content a.more-link {
	border: 1px solid #fff; /* Status text color */
	color: #fff; /* Status text color */
}

.status-container .entry-content a.more-link:hover {
	background: -webkit-linear-gradient(135deg,  rgba(45, 147, 147, 0.9), rgba(11, 69, 119, 0.9));
	background: linear-gradient(135deg,  rgba(45, 147, 147, 0.9), rgba(11, 69, 119, 0.9));
	border: 1px solid #fff; /* Status text color */
	color: #fff; /* Status text color */
}

/* Link Format */

a.external-link {
	border: 2px solid #e03555; /* Accent color */
	border-radius: 8px;
	display: inline-block;
	font-size: 24px;
	height: 38px;
	line-height: 1.6;
	width: 38px;
}

a.external-link:hover {
	background: #e03555; /* Accent color */
	border: 2px solid #e03555; /* Accent color */
	border-radius: 8px;
	color: #fff;
}

/* Audio & Video Format */

/* Image Format */

.home .format-image .wp-post-image,
.archive .format-image .wp-post-image,
.search .format-image .wp-post-image {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

/**
 * 7.8 Error 404 
 * -----------------------------------------------------------------------
 */

article.error404 {
	background: none;
} 
 
.error404 #content {
	margin: 40px auto;
}
 
.error404 .entry-title {
	color: #fff; /* Background text color */
}

.error404 .entry-content {
	color: #fff; /* Background text color */
	text-align: center;
}

/**
 * 7.9 Archives
 * -------------------------------------------------------------------------
 */

.archive-header {
	margin: 40px 16.6667% 0px;
	text-align: center;
}

.archive-title {
	color: #fff; /* Background text color */
	margin: 20px 0;
}

.archive-meta {
	color: #fff; /* Background text color */
	font-size: 18px;
}

/**
 * 	8.0 Related Posts
 *
 * ----------------------------------------------------------------------------------------
 */
 
.related {
	height: 200px;
	margin: 40px auto;
	max-width: 1024px;
	width: 100%;
}

.related li {
	background: #fff;
	float: left;
	height: 200px;
	list-style: none;
	position: relative;
	text-align: center;
	width: 33.333334%;
	
	-webkit-transition: all .33s ease-in-out;
    -moz-transition: all .33s ease-in-out;
    -o-transition: all .33s ease-in-out;
    -ms-transition: all .33s ease-in-out;
}

.related li:before {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -0.25em;
	vertical-align: middle;
}

.related .title{
	color: #2a4557; /* Main text color */
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	width: 90%;
	vertical-align: middle;
	z-index: 9999;
}
.related li img {
	height: 200px;
	max-width: 320px;
	opacity: 0.3;
	position: absolute;
	top: 0;
	width: 100%;
	
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.related li:hover {
	background: #e03555; /* Accent color */
}

.related li:hover .title {
	color: #fff;
}

.related li:nth-child(1),
.related li:nth-child(1) .wp-post-image {
	-webkit-border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
}

.related li:nth-child(2),
.related li:nth-child(2) .wp-post-image {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.related li:nth-child(3),
.related li:nth-child(3) .wp-post-image {
	-webkit-border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
}

/**
 * 	9.0 Comments
 *
 * ----------------------------------------------------------------------------------------
 */
 
/* Comments Style */

.comments-wrapper {
	background: #fff;
	margin: 40px auto;
	overflow: hidden;
}
.comments-area {
	margin: 0 auto;
	width:86.6667%;
}

.comments-title {
	color: #2a4557; /* Main text color */
	font-size: 24px;
	font-weight: bold;
	margin: 20px auto;
	text-align: center;
}

.comment-list {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

.comments-area li {
	font-size: 16px;
	list-style: none;
	margin: 20px auto;
}

.children .comment.depth-2 {
	padding: 0 0 0 60px;
}

.children .comment.depth-3,
.children .comment.depth-4,
.children .comment.depth-5 {
	padding: 0 0 0 46px;
}

.avatar {
	border-radius: 8px; 
	float: left;
	height: 48px;
	width: 48px;
}

.children .avatar {
	border-radius: 4px; 
	height: 36px;
	width: 36px;
}

.comment-content {
	overflow: hidden;
	padding: 0 0 0 12px;
}

.comment-author a {
	color: #e03555; /* Accent color */
	margin-right: 12px;
	padding: 0 2px;
}

.bypostauthor .comment-author a {
	font-weight: bold;
}

.comment-time {
	color: #777; /* 2nd text color */
	font-size: 16px;
	margin-right: 12px;
}

.waiting {
	color: #777; /* 2nd text color */
	font-size: 16px;
}

.comment-text p {
	margin: 8px 0;
}

.comment-text a {
	color: #e03555; /* Accent color */
}

.comment-text dl,
.comment-text table,
.comment-text pre {
	font-size: 16px;
}

.comment-text ul,
.comment-text ol {
	list-style-position: outside;
	margin: 4px 0;
	padding-left: 4%;
	text-align: left;
}

.comment-text li {
	font-size: 16px;
	margin: 0;
}

.comment-text ul li {
	list-style: disc;
}
.comment-text ol li {
	list-style: decimal;
}

.comment-text img,
.comment-text iframe,
.comment-text embed {
	max-width: 100%;
}

.comment-footer a {
	color: #e03555; /* Accent color */
	font-size: 14px;
	margin-top: 8px;
	padding: 0 2px;
}

.reply a {
	margin-right: 12px;
}

.comment-author a:hover,
.comment-text a:hover,
.comment-footer a:hover,
.pingback a:hover {
	background: #e03555; /* Accent color */
	border-radius: 4px;
	color: #fff;
}

.pingback {
	color: #777; /* 2nd text color */
}

.pingback a {
	color: #e03555; /* Accent color */
	margin-left: 12px;
	padding: 0 2px;
}

/* Comment Form */

#respond {
	margin: 20px auto;
	overflow: hidden;
} 

#reply-title {
	color: #2a4557; /* Main text color */
	font-size: 24px;
	font-weight: bold;
	margin: 0 auto 20px;
	text-align: center;
}

#cancel-comment-reply-link {
	color: #e03555; /* Accent color */
	font-size: 24px;
	margin: 0 0 0 20px;
	padding: 0 2px;
}

.logged-in-as,
.must-log-in,
.comment-notes {
	color: #777; /* 2nd text color */
	font-size: 16px;
	margin: 20px auto;
	text-align: center;
}

.must-log-in a,
.logged-in-as a {
	color: #e03555; /* Accent color */
	padding: 0 2px;
}

#cancel-comment-reply-link:hover,
.must-log-in a:hover,
.logged-in-as a:hover {
	background: #e03555; /* Accent color */
	border-radius: 4px;
	color: #fff;
	transition: 0.33s;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-comment {
	margin: 10px auto;
}

.comment-form-author label[for="author"],
.comment-form-email label[for="email"],
.comment-form-url label[for="url"],
.comment-form-comment label[for="comment"] {
	color: #777; /* 2nd text color */
	display: block;
	font-size: 16px;
	padding: 0 0 4px;
	
}

.comment-form-author input[name="author"],
.comment-form-email input[name="email"],
.comment-form-url input[name="url"]{
	background: #ebebeb;
	border: 0px;
	border-radius: 8px;
	box-sizing:border-box;
	color: #2a4557; /* Main text color */
	display: block;
	font-size: 16px;
	height: 42px;
	padding: 0 10px;
	width: 100%;
}

.comment-form-comment textarea#comment {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	border-radius: 8px;
	box-sizing:border-box;
	display: block;
	font-family: Open Sans;
	font-size: 16px;
	height: 210px;
	line-height: 1.5;
	padding: 5px 10px;
	width: 100%;
}

#commentform input:focus,
.comment-form-comment textarea#comment:focus {
	border: 1px solid #777;
}

.form-submit {
	margin: 40px auto 20px;
	text-align: center;
}
.form-submit #submit {
	background: none;
	border: 1px solid #e03555; /* Accent color */
	border-radius: 8px;
	color: #e03555; /* Accent color */
	font-family: Open Sans;
	font-size: 16px;
	line-height: 28px;
	width: 33%;
}

.form-submit #submit:hover {
	background: #e03555; /* Accent color */
	border: 1px solid #e03555; /* Accent color */
	color: #fff;
	transition: 0.33s;/* Browsers support! */
}

/* Comments Navigation */

#comment-nav {
	font-size: 16px;
	margin: 20px auto;
	text-align: center;
}

#comment-nav span {
	display: inline-block;
}

#comment-nav span a {
	border: 1px solid #777; /* 2nd text color */
	color: #777; /* 2nd text color */
	float: left;
	line-height: 30px;
	min-width: 150px;
	padding: 0 10px;
}

#comment-nav span a:hover {
	background: #777; /* 2nd text color */
	color: #fff;
}

#comment-nav span a:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

#comment-nav span a:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

#comment-nav span a:nth-child(2) {
	border-left-width: 0;
}

/* DISQUS Support */

#disqus_thread {
	background: #fff;
	margin: 40px auto;
	text-align: center;
}

#disqus_thread iframe {
	background: #fff;
	max-width: 66%;
	padding: 20px 0;
}

/**
 * 10.0 Paging Navigation
 *
 * ----------------------------------------------------------------------------------------
 */	
	
.pagination {
	font-size: 16px;
	margin: 40px 0 32px;
	text-align: center;
}

.pagination ul {
	display: inline-block;
}

.pagination ul>li {
	display: inline;
}

.pagination ul > li:first-child > a, 
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	border-radius: 8px 0 0 8px;
}

.pagination ul > li:last-child > a, 
.pagination ul > li:last-child > span {
	border-right-width: 1px;
	border-radius: 0 8px 8px 0;
}

.pagination ul > li > a, 
.pagination ul > li > span {
	border: 1px solid #fff; /* Background text color */
	border-left-width: 0;
	color: #fff; /* Background text color */
	float: left;
	line-height: 30px;
	padding: 0 12px;
}

.pagination .current {
	background: #fff; /* Background text color */
	color: #30373d; /* background color */
}

.pagination .page-numbers:hover {
	background: #fff; /* Background text color */
	color: #30373d; /* background color */
	transition: 0.33s;
}

#mobile-pagination {
	display: none;
	font-size: 16px;
	margin: 40px auto 32px;
	text-align: center;
}

#mobile-pagination span {
	display: inline-block;
}

#mobile-pagination span a {
	border: 1px solid #fff; /* Background text color */
	color: #fff; /* Background text color */
	float: left;
	line-height: 30px;
	min-width: 160px;
	padding: 0px 10px;
}
#mobile-pagination a:hover {
	background: #fff; /* Background text color */
	color: #30373d; /* background color */
}
#mobile-pagination a:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
#mobile-pagination a:nth-child(2) {
	border-left: 0;
}
#mobile-pagination a:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

/**
 * 	11.0 Footer
 *
 * ----------------------------------------------------------------------------------------
 */
 
#fat-footer {
	bottom: 0;
	height: 0px; /*48px*/
	position: absolute;
	left:0;
	width: 100%;
}

#footer-wrapper {
	background: rgba(0, 0, 0, 0.7); /* Footer background color */
	width: 100%;	
} 
 
/* Widget Area */

.footer-widgets {
	border-bottom: 1px solid #fff; /* Footer text color */
	display: block;
	font-size: 16px;
	margin: 0 auto;
	max-width: 1024px;
	overflow: hidden;
	padding: 20px 0 20px;
}

.footer-widgets > div {
	display: inline-block;
	float: left;
	overflow: hidden;
	padding: 0 2.5%;
	width: 28.3%;
}

/* Widgets */

.widget-container {
	clear: both;
	color: #fff; /* Footer text color */
	line-height: 1.6;
	margin-bottom: 20px;
}

.widget-container img {
	height: auto;
	max-width: 100%;
}

.widget-container a {
	color: #e03555; /* Footer accent color */
}

.widget-container a:hover {
	color: #fff; /* Footer text color */ 
	transition: 0.33s;
}

.widget-container li {
	line-height: 36px;
	list-style: none;
	width: 100%;
}

.widget-title {
	border-bottom: 1px solid #fff; /* Footer text color */
	color: #fff; /* Footer text color */
	margin: 0 0 10px;
	padding: 5px 0;
}

.widget-container iframe {
	margin: 0 auto;
	width: 100%;
}

.widget_calendar #wp-calendar {
	border: none;
	font-size: 18px;
}

.widget_calendar th,
.widget_calendar td {
	border: none;
	padding: 4px;
	text-align: center;
}

.widget-container .tagcloud a {
	background: #e03555; /* Footer accent color */
	border-radius: 2px;
	color: #fff; /* Footer background color */
	float: left;
	font-size: 14px !important;
	margin: 2px;
	padding: 0 4px;
}
.widget-container .tagcloud a:hover {
	background: #fff; /* Footer text color */
	color: #e03555; /* Footer background color */
	transition: 0.33s;
}

.widget_search input[type="search"] {
	background: none;
	border: 1px solid #fff; /* Footer text color */
	border-radius: 8px; 
	box-sizing:border-box;
	color: #fff; /* Footer text color */
	font-size: 16px;
	height: 32px;
	line-height: 1;
	margin: 0 auto;
	padding: 0px 10px;
	width: 100%;
}

.widget_search input[type="search"]::-webkit-input-placeholder {
	color: #fff; /* Footer text color */
	opacity: 0.5;
}

/* Colophon */
#colophon {
	color: #fff; /* Footer text color */
	line-height: 42px;
	margin: 0 auto;
	max-width: 1024px;
	overflow: hidden;
}

#copyright-message {
	display: inline-block;
	font-size: 12px;
	margin-left: 8px; 
}

/* Footer Menu */

#footer-menu {
	float: right;
	font-size: 16px;
}

#footer-menu ul {
	float: left;
}

#footer-menu li {
	display: inline-block;
}

#footer-menu li a {
	color: #fff; /*Footer text color */
	display: block;
	height: 42px;
	line-height: 42px;
	padding: 0 15px;
	transition: 0.33s;
}

#footer-menu li a:hover {
	background: #fff; /* Footer text color */
	color: #000; /* Footer background color */
}


#footer-menu ul ul {
	display: none;
}
 
/**
 * 	12.0 Media Queries
 *
 * ----------------------------------------------------------------------------------------
 */
 
/**
 * Responsive < 1024px 
 */
@media screen and (max-width: 1024px) {

html {
-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/* Mobile Menu */

#header-menu ul {
	margin: 42px -60px 0 0;
	min-width: 150px;
}

#header-menu li {
	background: rgba(50, 50, 50, 0.8); /* Menu background color */
	float: none;
	height: 42px;
	line-height: 42px;
	position: relative;
}

#header-menu ul li:last-child {
	border-bottom-left-radius: 4px;
}

#header-menu ul li:last-child > a {
	border-bottom-left-radius: 4px;
}

#header-menu ul ul {
	display: none;
	padding-right: 8px;
	position: absolute;
	top: -50px;
	left: -165px;
}

/* Width & alignment */

.entry-header {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}

.entry-content {
	font-size: 17px;
}

.entry-content,
.entry-meta,
.comments-area  {
	margin-right: auto;
	margin-left: auto;
	width: 80%;/*75*/
}

#disqus_thread iframe {
	border-radius: 0px;
	max-width: 80% !important;
	padding: 20px 12.5%;
}
.wp-caption img.size-full-width,
.entry-content img.size-full-width {
	margin: 27px -12.5%;
	position: relative;
	width: 125%;
}

.format-gallery .entry-content .gallery {
	margin: 27px -12.5%;
	width: 125%;
}

.entry-content iframe,
.entry-content embed {
	margin: 10px -12.5%;
}

.wp-caption.alignleft,
.entry-content img.alignleft {
	margin: 10px 38px 10px -7.0%;
	max-width: 53%;
}

.wp-caption.alignright,
.entry-content img.alignright {
	margin: 10px -7.0% 10px 38px;
	max-width: 53%;
}

.noteskine-pull-quote-left {
	margin: 10px 38px 10px -10%;
}

.noteskine-pull-quote-right {
	margin: 10px -10% 10px 38px;
}

.footer-widgets > div {
	display: block;
	float: none;
	margin: 0 auto;
	width: 320px;
}

#post-navigation #post-buttons a  {
	min-width: 0;
	width: 50px;
}

/* Corners */

.content-box,
.aside-quote-status,
.format-image .wp-post-image,
.wp-post-image,
.related li:nth-child(1),
.related li:nth-child(1) .wp-post-image,
.related li:nth-child(3),
.related li:nth-child(3) .wp-post-image,
.home .format-image .wp-post-image,
.archive .format-image .wp-post-image,
.search .format-image .wp-post-image,
#disqus_thread {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
	
/* Hiding elements */

div.left-widget-area,
div.right-widget-area,
.post-nav-text,
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption {
	display: none;
}
}

/* Responsive < 640px */

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

/* Width & alignment */

.entry-header {
	margin-right: auto;
	margin-left: auto;
	width: 95%;
}

.entry-content,
.entry-meta,
.comments-area  {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}

#disqus_thread iframe {
	max-width: 90% !important;
	padding: 20px 5%;
}

.wp-caption img.size-full-width,
.entry-content img.size-full-width {
	margin: 27px -5.5556%;
	position: relative;
	width: 111.1111%;
}

.format-gallery .entry-content .gallery {
	margin: 27px -5.5556%;
	width: 111.1111%;
}

.entry-content iframe,
.entry-content embed {
	margin: 10px -5.5556%;
}

.wp-caption.alignleft,
.entry-content img.alignleft {
	margin: 10px 38px 10px 0;
	max-width: 47%;
}

.wp-caption.alignright,
.entry-content img.alignright {
	margin: 10px 0 10px 38px;
	max-width: 47%;
}

.children .comment.depth-2,
.children .comment.depth-3,
.children .comment.depth-4,
.children .comment.depth-5 {
	padding: 0;
}

.avatar ,
.children .avatar {
	border-radius: 4px; 
	float: left;
	height: 36px;
	width: 36px;
}

#site-header,
#hero-image {
	position: absolute;
}

/* Show elements */

#mobile-pagination {
	display: block;
}

/* Hide elements */

#post-navigation,
#bottom-button a,
#top-button a,
#reading-progress,
#tagline,
#social-links,
.related,
.pagination,
#footer-menu,
.noteskine-pull-quote-left,
.noteskine-pull-quote-right {
	display: none;
}

}

/* Responsive < 480px */

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

.wp-caption.alignleft,
.entry-content img.alignleft,
.wp-caption.alignright,
.entry-content img.alignright {
	float: none;
	margin: 0px auto;
	max-width: 100%;
	width: 100%;
}

#top-search input[type="search"] {
	width: 140px;
}

#comment-nav span a {
	min-width: 90px;
}

/* Hide elements */

.footer-widgets {
	display: none;
}
}


/* Responsive < 320px */

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

#main {
	width: 320px;
}

.form-submit #submit {
	width: 90%;
}

#mobile-pagination span a {
	min-width: 130px;
}
}
/*---------------------------------------------------------*/