/*
Theme Name: Maffashion
Theme URI: http://underscores.me/
Author: Sixbox.es
Author URI: http://sixbox.es
Description: Template dla bloga maffashion
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maffashion
Tags:

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.

Maffashion is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

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

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

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

body {
	margin: 0;
        font-family: 'Exo 2', sans-serif;
        color:#120c02;
}

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

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

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

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

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

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

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

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

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

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor:pointer;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: inherit;
        text-decoration:none;
}


a:focus {
	outline: 0;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

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

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

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

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

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

.main-navigation ul ul li {

}

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

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

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

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

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

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

@media screen and (min-width: 1110px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		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 {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

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

/*--------------------------------------------------------------
# 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,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

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

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

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}


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

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

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

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

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## 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, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

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

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

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

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

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

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
MISC
--------------------------------------------------------------*/
.wrap {width:1110px;margin:auto;position:relative;}
.posts {width:71%;float:left;border-right:1px solid #e5e5e5;padding-right:30px;}
.entry-title {font-family:'EB Garamond', serif;font-weight:700;}
/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
.site-branding {float:left;width:100%;height:190px;text-align:center;padding-top:27px;}
.site-title {}
.site-title img {max-height:138px;}
#site-navigation {z-index:999;position:absolute;top:194px;background:#fff;float:left;width:100%;height:42px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;line-height:40px;font-size:14px;text-transform:uppercase;}
.logged-in #site-navigation {top:222px;}
#site-navigation li {position:relative;padding:0 60px;}
#site-navigation li a {position:relative;}
#site-navigation li a:after {background:#120c02; bottom: 11px; content: ""; height: 1px; left: 0; position: absolute; width:0%;-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
#site-navigation li a:hover:after {width:100%;-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
#site-navigation li:first-of-type {padding-left:0;}
#site-navigation li:last-of-type {padding-right:0;}
#site-navigation li:last-of-type:after {content:" ";}
#site-navigation li:after {content: "-"; position: absolute; right: 0; top: 0;cursor:default;}
.socials {float:right;}
.socials a {float:left;height:40px;padding:0 14px;display:inline-block;font-size:20px;-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.socials a:hover {color:#fff;background:#120c02;-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
/*--------------------------------------------------------------
INDEX
--------------------------------------------------------------*/
.site-content {margin-top:73px;}

.topad {margin-bottom:30px;float:left;height:auto;width:100%;text-align:center;}
.topad a {display:block;}
.topad a img {width:100%;}

.top-featured {
    float: left;
    height: 400px;
    margin-bottom: 45px;
    overflow: hidden;
    width: 100%;
}
.fpost {color:#fff;text-shadow:0 0 3px #120c02;overflow:hidden;position:relative;}
.home .fpost .bg {position:absolute;width:100%;height:100%;transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
/*.home .fpost:hover .bg {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1)  rotate(0.02deg);  -o-transform:scale(1.1);-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease;}*/
.home .fpost .thumb {height:100%;position: relative; width: 100%;float:left;}
.fpost {float:left;width:100%;height:400px;margin-bottom:35px;}
.fpost .thumb {padding:165px 65px 5px 65px;}
.fmeta {font-weight:700;text-transform:uppercase;font-size:14px;}
.fpost h2 {font-family:'EB Garamond', serif;font-weight:700;font-size:52px;text-transform:uppercase;font-style:italic;}

.owl-controls {color:#fff;}
.owl-prev {font-size: 40px; left: 10px; position: absolute; top: 170px;}
.owl-next {font-size: 40px; right: 10px; position: absolute; top: 170px;}
/*
.f1 {float:left;width:100%;height:400px;margin-bottom:35px;}
.f1 .thumb {padding:165px 65px 5px 65px;}
.f2 .thumb, .f3 .thumb, .f4 .thumb, .f5 .thumb {text-align:center;display:table;padding:0px 5px 5px 0px;-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.f2, .f3, .f4, .f5 {float:left;margin-right:3%;width:22.75%;height:190px;}
.f2:hover .thumb, .f3:hover .thumb, .f4:hover .thumb, .f5:hover .thumb {background-color:rgba(28,28,28,0.8);-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}

.f5 {margin-right:0;}


.f1 h2 {margin-top:0px;}
.f2 .fmeta, .f3 .fmeta, .f4 .fmeta, .f5 .fmeta {display:none;}
.f2 h2, .f3 h2, .f4 h2, .f5 h2 {display:table-cell;vertical-align:middle;margin-top:0px;position:relative;top:35px;font-size:20px;opacity:0;-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease;}
.f2:hover h2, .f3:hover h2, .f4:hover h2, .f5:hover h2 {top:0;opacity:1;-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease;}
*/
/*--------------------------------------------------------------
zmiany w sliderze
--------------------------------------------------------------*/
.fpost {float:left;width:100%;height:400px;margin-bottom:35px;}
.fpost .thumb {padding:165px 65px 5px 65px;}
.fpost h2 {margin-top:0px;}

.home article, .archive article {width:46%;float:left;margin-right:8%;text-align:center;margin-bottom: 27px;}
.home article:nth-of-type(even), .archive article:nth-of-type(even) {margin-right:0;}
.home article .thumb, .archive article .thumb {position:relative;width:100%;height:260px;float:left;overflow:hidden;}
.home article .thumb .bg, .archive article .thumb .bg {position:absolute;width:100%;height:100%;transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.home article .thumb:hover .bg, .archive article .thumb:hover .bg {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1)  rotate(0.02deg);;  -o-transform:scale(1.1);-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease;}

.home article .entry-title, .archive article .entry-title {color: #131313; float: left; font-size: 25px; font-style: italic; margin-top: 25px;margin-bottom:0;line-height:1; text-align: center; text-transform: uppercase; width: 100%;}
.home article .entry-meta, .archive article .entry-meta {color:#a4a4a4;font-size:12px;margin-top: 8px;text-transform:uppercase;}
.home .dated, .home .comments-number, .archive .dated, .archive .comments-number {display:inline-block;}
.ispacer {background:#d5d5d5;width:30px;height:1px;display:inline-block;}

.ipages  {width:71%;float:left;text-align:center;height:120px;padding-top:44px;padding-right:30px;}
.page-numbers {border:1px solid #ccc;color:#120c02;font-weight:700;font-size:14px;padding:11px 17px;margin:0 9px;-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.page-numbers:hover, .customnav a:hover {background:#1a1a1a;color:#fff;border-color:#1a1a1a;-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.page-numbers.current {border-color:#1a1a1a;cursor:default;}
.customnav {width:71%;float:left;text-align:center;padding-bottom:30px;}
.customnav h3 {text-transform:uppercase;}
.customnav input {border:1px solid #ccc;padding: 8px; width: 55px;}
.customlink {margin-top:20px;display: inline-block;}
.customnav a {text-transform:uppercase;border:1px solid #ccc;color:#120c02;font-weight:700;font-size:14px;padding:11px 17px;margin:0 9px;-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.feed {float:left;width:100%;border-top:1px solid #e4e4e4;padding:30px 0;}
.instalink {display:block;}
.instagram_shots {list-style:none;margin:0;padding:0;}
.instagram_shots li {float:left;margin-right: 2.6%;margin-bottom:22px;width:12%;overflow:hidden;height:133px;}
.instagram_shots li:nth-of-type(7), .instagram_shots li:nth-of-type(14) {margin-right:0;}
.instagram_shots li a img {width:100%;height:133px;transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);  -o-transform:scale(1);-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.instagram_shots li:hover a img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1)  rotate(0.02deg);  -o-transform:scale(1.1);-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease;}
/*--------------------------------------------------------------
SIDEBAR
--------------------------------------------------------------*/
#secondary {float:right;width:27%;}
.widget {border-bottom:1px solid #eaeaea;padding:35px 0;position:relative;}
.widgettitle {margin-bottom:35px;border-bottom: 1px solid #eaeaea; color: #353535; display: block; font-size: 14px; margin-top: 0;position: relative; text-align: center; text-transform: uppercase;}
.widgettitle span {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eaeaea;
    padding: 9px 18px;
    position: relative;
    top: 10px;
}
.widget_search {padding-top:0;}
.widget .search-form {position:relative;}
.widget .search-field {border: 1px solid #ebebeb; font-size: 14px; font-weight: 700; padding: 14px 22px; text-transform: uppercase; width: 100%;box-sizing:border-box;}
.widget .search-submit {border:none;background:#fff;font-family:'FontAwesome'; position: absolute; right: 1px; top: 1px;bottom:1px; width: 18%;-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.widget .search-submit:hover {background:#120c02;color:#fff;-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.widget .search-field::-webkit-input-placeholder { /* WebKit browsers */
    color:    #120c02;
    opacity:  1;
}
.widget .search-field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #120c02;
   opacity:  1;
}
.widget .search-field::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #120c02;
   opacity:  1;
}
.widget .search-field:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #120c02;
   opacity:  1;
}
.fb_iframe_widget {margin:auto;display:block !important;text-align:center;}
/*--------------------------------------------------------------
SINGLE
--------------------------------------------------------------*/
.sthumb {float:left;width:100%;height:400px;margin-bottom:30px;color:#181817;position:relative;}
.sthumb .bg {height:100%;padding:235px 60px 10px 60px;text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);}
.smeta {font-size:14px;font-weight:700;text-transform:uppercase;}
.sthumb h1 {text-transform:uppercase;font-size:42px;font-family:'EB Garamond', serif;margin-top:0;font-style:italic;}
.single .feed {margin-top:255px;}
.single .entry-content {border-bottom:1px solid #eaeaea;line-height:30px;padding-bottom:35px;margin-top:0;}
.comments-area {display:none;}
.single .entry-title {font-style:italic;text-align:left;text-transform:uppercase;}
#video {display:none;}
.ybuttons {font-size:24px;text-align:center;display:none;}
.ybuttons div {padding:0 10px;display:inline-block;cursor:pointer;-webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease;}
.ybuttons div:hover {color:#e52d27;-webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease;}
.related {border-bottom: 1px solid #eaeaea;float:left;width:100%;margin-bottom:30px;}
.relatedwrap {float:left;width:32%;height:275px;}
.relatedwrap:nth-of-type(1) {margin-right:1%;}
.relatedwrap:nth-of-type(2) {margin-right:1%;}
.relatedthumb {width:100%;height:200px;}
.relatedlink {width:100%;height:100%;float:left;}
.relatedwrap h3 {font-family:'EB Garamond', serif;font-size:22px;text-align:center;}
/*--------------------------------------------------------------
PAGE
--------------------------------------------------------------*/
.page .entry-title {font-size:42px;margin-top:0;font-style:italic;}
.page .site-footer {margin-top:120px;}

/*--------------------------------------------------------------
SEARCH
--------------------------------------------------------------*/
.search .page-title {text-transform:uppercase;margin-top:0;font-style:italic;}
.search article {width:46%;float:left;margin-right:8%;text-align:center;margin-bottom: 27px;}
.search article:nth-of-type(even) {margin-right:0;}
.search article .thumb {position:relative;width:100%;height:260px;float:left;overflow:hidden;}
.search article .thumb .bg {position:absolute;width:100%;height:100%;transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);-webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease;}
.search article .thumb:hover .bg {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1)  rotate(0.02deg);;  -o-transform:scale(1.1);-webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease;}

.search article .entry-title {color: #131313; float: left; font-size: 25px; font-style: italic; margin-top: 25px;margin-bottom:0;line-height:1; text-align: center; text-transform: uppercase; width: 100%;}
.search article .entry-meta {color:#a4a4a4;font-size:12px;margin-top: 8px;text-transform:uppercase;}
.search .dated, .search .comments-number {display:inline-block;}
.search .site-footer {margin-top:120px;}

/*--------------------------------------------------------------
ARCHIVE
--------------------------------------------------------------*/
.aleft, .aright {float:left;width:50%;}
.aleft ul, .aright ul {margin:0;padding:0;list-style:none;}
.aleft h2, .aright h2 {text-transform:uppercase;font-size:20px;}
/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
.site-footer {float:left;width:100%;height:78px;border-top:1px solid #e4e4e4;line-height:78px;}
.fleft {float:left;}
.fright {float:right;}
.fright a {font-weight:700;}

/*--------------------------------------------------------------
BANNERY
--------------------------------------------------------------*/

.camp-side {position:absolute;}
.camp-left {left:-185px;}
.camp-right {right:-185px;}

/*--------------------------------------------------------------
RWD
--------------------------------------------------------------*/

@media screen and (max-width: 1485px) {
    .wrap {width:1000px;}
    .camp-left {left:-170px;}
    .camp-right {right:-170px;}
}

@media screen and (max-width: 1360px) {
    .camp-side {display:none;}
}

@media screen and (max-width: 1110px) {
    .wrap {width:100%; padding:0 15px;}
    .menu-toggle {float:left;border:none;background:none;font-size: 22px; line-height: 42px;}
    .nav-menu {background: #fff; position: absolute; top: 41px; left:15px;right:15px;border-bottom:1px solid #eaeaea;}
    .nav-menu li {padding: 0 !important; padding-right: 0; text-align: center; width: 100%;}
    #site-navigation li::after {content:' ';}
}


@media screen and (max-width: 980px) {
    .instagram_shots li {width:14.5%;}
    .instagram_shots li:nth-of-type(7), .instagram_shots li:nth-of-type(14) {margin-right:2.6%;}
    .instagram_shots li:nth-of-type(6), .instagram_shots li:nth-of-type(12) {margin-right:0;}
    .instagram_shots li:nth-of-type(13), .instagram_shots li:nth-of-type(14) {display:none;}
    .fpost .thumb, .sthumb .bg { padding: 140px 45px 5px;}
    /*.f1 .thumb, .sthumb .bg { padding: 140px 45px 5px;}*/
}


@media screen and (max-width: 868px) {
    /*.f2, .f3, .f4, .f5 {float:left;margin-right:3%;width:48.5%;margin-bottom:35px;}
    .f3, .f5 {margin-right:0;}*/
}
@media screen and (max-width: 768px) {
    .single .feed {margin-top:50px;}
    .instagram_shots li {width: 17.92%;height:115px;}
    .instagram_shots li a img {height:115px;}
    .instagram_shots li:nth-of-type(6), .instagram_shots li:nth-of-type(12) {margin-right:2.6%;}
    .instagram_shots li:nth-of-type(5), .instagram_shots li:nth-of-type(10) {margin-right:0;}
    .instagram_shots li:nth-of-type(13), .instagram_shots li:nth-of-type(14), .instagram_shots li:nth-of-type(11), .instagram_shots li:nth-of-type(12) {display:none;}
    .posts, #secondary, .ipages, .customnav {width:100%;border-right:none;padding-right:0;}
    #disqus_thread {margin-bottom:35px;border-bottom:1px solid #eaeaea;padding-bottom:35px;}
    .home article {margin-right: 4%; width: 48%;}
    .fpost .thumb, .sthumb .bg { padding: 100px 30px 5px;}
    /*.f1 .thumb, .sthumb .bg { padding: 100px 30px 5px;}*/
    .top-featured {border-bottom: 1px solid #eaeaea; margin-bottom: 35px;}
}

@media screen and (max-width: 660px) {
    .site-title {display: block; margin-left: 15px; margin-right: 15px;}
}

@media screen and (max-width: 600px) {
    .instagram_shots li {width: 23%;}
    .instagram_shots li:nth-of-type(4), .instagram_shots li:nth-of-type(8), .instagram_shots li:nth-of-type(12) {margin-right:0;}
    .instagram_shots li:nth-of-type(5), .instagram_shots li:nth-of-type(10) {margin-right:2.6%;}
    .instagram_shots li:nth-of-type(11), .instagram_shots li:nth-of-type(12) {display:block;}
    .instagram_shots li:nth-of-type(13), .instagram_shots li:nth-of-type(14) {display:none;}
}

@media screen and (max-width: 580px) {
    .fpost .thumb, .sthumb .bg { padding: 65px 30px 5px;}
    /*.f1 .thumb, .sthumb .bg { padding: 65px 30px 5px;}*/
}

@media screen and (max-width: 480px) {
    .fpost .thumb, .sthumb .bg { padding: 35px 15px 5px;}
    .fpost h2 {font-size:36px;}
    /*.f1 .thumb, .sthumb .bg { padding: 35px 15px 5px;}
    .f1 h2 {font-size:36px;} */
    
    .fleft, .fright {float:left;width:100%;text-align:center;}
    .site-footer {line-height:40px;}
}

@media screen and (max-width: 420px) {
    .instagram_shots li {width: 31.6%;}
    .instagram_shots li:nth-of-type(4), .instagram_shots li:nth-of-type(8), .instagram_shots li:nth-of-type(12) {margin-right:2.6%;}
    .instagram_shots li:nth-of-type(3), .instagram_shots li:nth-of-type(6), .instagram_shots li:nth-of-type(9), .instagram_shots li:nth-of-type(12) {margin-right:0%;}
    /* .f2 h2, .f3 h2, .f4 h2, .f5 h2 {font-size:14px;} */
    .home article {margin-right: 0%; width: 100%;}
    .sthumb h1 {font-size:32px;}
}

@media screen and (max-width: 360px) {
    /*.f2, .f3, .f4, .f5 {height: 160px;}*/
    .site-title {margin-top: 20px;}
}

@media screen and (max-width: 320px) {
    .instagram_shots li {width: 48.7%;}
    .instagram_shots li:nth-of-type(3), .instagram_shots li:nth-of-type(6), .instagram_shots li:nth-of-type(9), .instagram_shots li:nth-of-type(12) {margin-right:2.6%;}
    .instagram_shots li:nth-of-type(even) {margin-right:0;}
        .instagram_shots li:nth-of-type(13), .instagram_shots li:nth-of-type(14) {display:block;}
}

.entry-content iframe {width:100% !important;}
.html5-scrubber-button, .html5-progress-bar {display:none !important;opacity:0;visibility:hidden;}

.comingsoon {float:left;width:100%;text-align:center;font-family:'Lato', sans-serif;text-transform:uppercase;}
.comingsoon .site-branding {margin-top:100px;margin-bottom:50px;}
.comingsoon span {padding:50px 0;font-size:30px;}
.comingsoon h2 {font-size: 49px; margin-top: 0;}
.comingsoon h5 {
    font-size: 20px;
    margin: 15px 0;
    font-weight:400;
}

.comingsoon h6 {
    font-size: 20px;
    margin: 40px 0px;
    font-weight:400;
}
.comingsoon h6 a {border-bottom:1px solid #1a1a1a;}

.single .entry-content div, .single .entry-content a {margin:auto !important;}

.aright ul {display:none;}


.sshares {float:left;width:100%;text-align:center;text-transform:uppercase;padding:30px 0;}
.sshares h2 {width:100%;text-align:center;font-size:20px;font-weight:400;text-transform:uppercase;}

.related, #disqus_thread {width: 71%;float: left;}

.imp {position:absolute;}