/*
 Theme Name:   Artigo
 Theme URI:    http://themeskingdom.com
 Description: Artigo is a stunning minimalistic WordPress photography portfolio theme designed to ensure clutterless work promotion. Its layout is inspired by magazines 一 a clear grid layout on the homepage allows all your shots to shine. The theme is highly customizable and responsive 一 no matter what screen or resolution, the images you took will look beautiful.
 Author:       Themes Kingdom
 Author URI:   http://themeskingdom.com
 Template:     huntt
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  LICENSE
 Tags: responsive-layout, right-sidebar, gray, white, light, two-columns, three-columns, four-columns, photoblogging, featured-images, featured-image-header, translation-ready, sticky-post, post-formats, rtl-language-support, custom-menu, custom-background, custom-colors
 Text Domain:  artigo
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Colors
# Layout
# Forms
# Components
# Content
	## Posts
# Media
# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body .fancybox-nav span:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 22px;
    font-size: 1.22rem;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body .fancybox-prev span:before {
	content: "\e60a";
}

body .fancybox-next span:before {
	content: "\e60e";
}

body .fancybox-title-float-wrap .child {
	font-size: 16px;
}

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

.icon-search:before,
.search-form:before {
	display: none;
}

.site-footer {
	font-size: 13px;
}

#jp-relatedposts {
	padding-top: 8em;
}

.emphased {
	font-size: 30px;
}

@media screen and (max-width: 600px) {
	.emphased {
		font-size: 24px;
	}
}

div#jp-relatedposts.jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
	font-size: 16px;
	font-family: inherit;
	font-weight: 400;
}

/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/

.featured-image {
	text-align: center;
}

.featured-image img {
	width: auto;
}

.single .entry-content .featured-portrait {
	float: none;
	margin: 0 0 78px 0;
	max-width: inherit;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

body .fancybox-close {
	position: fixed;
	top: 46px;
	right: 52px;
}

.fancybox-lock .fancybox-overlay {
	overflow: hidden;
}

body .fancybox-overlay {
	background: rgba(255,255,255,0.8);
}

body .fancybox-nav {
	height: 50px;
	width: 50%;
	position: fixed;
	top: auto;
	bottom: 8px;
}

body .fancybox-nav span:before {
	color: #000;
}

body .fancybox-nav span {
	background: none;
	text-align: center;
	visibility: visible;
}

body .fancybox-prev span {
	left: auto;
	right: 10px;
}

body .fancybox-next span {
	left: 10px;
	right: auto;
}

.fancybox-inner {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

body .fancybox-image {
	max-height: 80vh;
	width: auto;
}

body .fancybox-title-float-wrap {
	margin-bottom: 0;
	max-width: 30%;
	text-align: left;
	position: fixed;
	right: auto;
	bottom: 20px;
	left: 52px;
}

body .fancybox-title-float-wrap .child {
	background: none;
	color: #000;
	margin-right: 0;
	padding: 10px;
	text-shadow: none;
	white-space: normal;
}

body #fancybox-loading {
	display: none;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

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

	.site-main > article,
	.site-main > .tag-links,
	.site-main > .post-navigation,
	.comments-title,
	.comment-list,
	.comment-respond,
	.no-comments,
	.search-no-results .content-area {
		padding-left: calc((100% - 760px) / 2);
		padding-right: calc((100% - 760px) / 2);
	}

}

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

	.single .entry-content .featured-portrait {
		margin-bottom: 37px;
	}

}