/*
 Theme Name:   Gira
 Theme URI:    http://themeskingdom.com
 Description:  Gira is a WordPress portfolio theme created for all kinds of artists 一 painters, sculptors, and illustrators. This theme is fully customizable and responsive, which enables you to show all your art pieces successfully, not worrying about being listed in Google searches. Gira allows you to show your originality and uniqueness, transferring all your artworks’ beauty into the digital world.
 Author:       Themes Kingdom
 Author URI:   http://themeskingdom.com
 Template:     resonant
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  LICENSE
 Tags: blog, portfolio, news, photography, translation-ready, theme-options, threaded-comments, post-formats, rtl-language-support, featured-images, custom-menu, custom-logo, custom-colors, custom-background, editor-style, grid-layout, two-columns, three-columns, four-columns
 Text Domain:  gira
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Colors
# Elements
# Layout
# Forms
# Components
# Content
	## Pages
	## Templates
	## Portfolio
	## Asides
# Responsive
--------------------------------------------------------------*/

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

h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
blockquote p,
q,
q p,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.emphasis,
.site-title a,
.site-header .main-navigation a,
.dropcap:before,
.post-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-next a,
.posts-navigation .nav-next a,
.widget.widget_recent_entries li > a,
.widget table caption,
.widget th,
.widget tfoot td a,
.widget_recent_comments .comment-author-link,
.widget_recent_comments .comment-author-link a,
.widget_recent_comments .recentcomments,
.widget_recent_comments .recentcomments a,
.comments-area .comment-list .comment-author b > a,
body.search .search-post-type,
body.error404 .page-content > p,
.error-404 .search-instructions,
.error-404 input[type="search"],
.search-no-results input[type="search"],
body.search.search-no-results section.no-results .page-content > p,
body #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post h4.jp-relatedposts-post-title,
body #jp-relatedposts h3.jp-relatedposts-headline,
.comments-area .comment-list .comment-author b,
.comments-area .no-comments,
.search-wrap input[type="search"],
.no-results input[type="search"],
.error-404 input[type="search"],
body div#jp-relatedposts h3.jp-relatedposts-headline em,
body div#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a,
#infinite-handle span button,
#infinite-handle span button:focus,
#infinite-handle span button:hover,
body #TB_caption,
.format-video #TB_ajaxWindowTitle {
	font-family: 'Cormorant Garamond', 'Times New Roman', serif; /*serif*/
}

body,
input,
textarea,
keygen,
select,
button,
body .sd-social-icon .sd-content ul li a.sd-button,
body .sd-social-text .sd-content ul li a.sd-button,
body .sd-content ul li a.sd-button,
body .sd-content ul li .option a.share-ustom,
body .sd-content ul li.preview-item div.option.option-smart-off a,
body .sd-content ul li.advanced a.share-more,
body .sd-social-icon-text .sd-content ul li a.sd-button,
body .sd-social-official .sd-content > ul > li > a.sd-button,
body #sharing_email .sharing_send,
body .sd-social-official .sd-content > ul > li .digg_button > a,
body .jp-carousel-wrap,
.jp-carousel-wrap .jp-carousel-light #carousel-reblog-box input#carousel-reblog-submit,
.jp-carousel-wrap #jp-carousel-comment-form-button-submit,
.jp-carousel-wrap textarea#jp-carousel-comment-form-comment-field,
.jp-carousel-titleanddesc-title,
body div#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
body div#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
	font-family: 'Crimson Text', 'Times New Roman', serif; /*serif*/
}

/*icons*/

@font-face {
	font-family: 'icomoon-gira';
	src: url('assets/fonts/icons-gira/icomoon.eot?r9izow');
	src: url('assets/fonts/icons-gira/icomoon.eot?r9izow#iefix') format('embedded-opentype'),
		url('assets/fonts/icons-gira/icomoon.ttf?r9izow') format('truetype'),
		url('assets/fonts/icons-gira/icomoon.woff?r9izow') format('woff'),
		url('assets/fonts/icons-gira/icomoon.svg?r9izow#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-top:before,
.post-navigation .nav-previous a:after,
.posts-navigation .nav-previous a:after,
.post-navigation .nav-next a:after,
.posts-navigation .nav-next a:after,
.jp-carousel-previous-button span:before,
.jp-carousel-next-button span:before,
.slideshow-controls a:first-of-type:after,
.slideshow-controls a:last-of-type:after,
#TB_prev a:before,
#TB_next a:before {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon-gira' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

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

.icon-left:before,
.post-navigation .nav-previous a:after,
.posts-navigation .nav-previous a:after,
.jp-carousel-previous-button span:before,
.slideshow-controls a:first-of-type:after,
#TB_prev a:before {
	content: "\e920";
}


.icon-right:before,
.post-navigation .nav-next a:after,
.posts-navigation .nav-next a:after,
.jp-carousel-next-button span:before,
.slideshow-controls a:last-of-type:after,
#TB_next a:before {
	content: "\e921";
}

.icon-top:before {
	content: "\e922";
}

.icon-search,
.icon-sidebar,
.horizontal .portfolio-archive .has-post-thumbnail .entry-title {
	font-size: 15px;
}

.back-to-top i,
.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:after,
.posts-navigation .nav-previous a:after,
.posts-navigation .nav-next a:after {
	font-size: 32px;
	font-size: 2rem;
}

.site-branding .site-title a {
	font-size: 16px;
}

.paging-navigation li,
.page-title {
	font-weight: 100;
}

.site-info,
.site-header .main-navigation a {
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
blockquote p,
q,
q p,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.emphasis,
.site-title a,
.site-header .main-navigation a,
.dropcap:before,
.post-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-next a,
.posts-navigation .nav-next a,
.widget.widget_recent_entries li > a,
.widget table caption,
.widget th,
.widget tfoot td a,
.widget_recent_comments .comment-author-link,
.widget_recent_comments .comment-author-link a,
.widget_recent_comments .recentcomments,
.widget_recent_comments .recentcomments a,
.comments-area .comment-list .comment-author b > a,
body.search .search-post-type,
body.error404 .page-content > p,
.error-404 .search-instructions,
.error-404 input[type="search"],
.search-no-results input[type="search"],
body.search.search-no-results section.no-results .page-content > p,
body #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post h4.jp-relatedposts-post-title,
body #jp-relatedposts h3.jp-relatedposts-headline,
.comments-area .comment-list .comment-author b,
.comments-area .no-comments,
.search-wrap input[type="search"],
.no-results input[type="search"],
.error-404 input[type="search"],
body div#jp-relatedposts h3.jp-relatedposts-headline em,
body div#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a,
#infinite-handle span button,
#infinite-handle span button:focus,
#infinite-handle span button:hover,
body #TB_caption,
.format-video #TB_ajaxWindowTitle {
	font-weight: 400;
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/

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,
select {
	border: 1px solid #000;
}

body .jp-carousel-overlay,
body #TB_overlay {
	background-color: #fff;
}

body #TB_caption,
body #TB_window a,
body .tb-close-icon {
	color: #000;
}

.highlighted-text {
	color: #fff;
}

.highlighted-text,
body .tb-close-icon:before,
body .tb-close-icon:after,
.jp-carousel-close-hint span:before,
.jp-carousel-close-hint span:after,
.content-in .portfolio-archive .has-post-thumbnail .entry-title a:before,
.horizontal .has-post-thumbnail .entry-title a:before,
.viewport-slider .horizontal .entry-title a:before,
.fullwidth-slider .horizontal .entry-title a:before {
	background-color: #000;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

h1,
h2,
h3,
h4 {
	letter-spacing: 0;
}

.highlighted-text {
	line-height: 1.3;
	padding-left: 10px;
	padding-right: 10px;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

.widget {
	max-width: 350px;
}
.scroll-box {
	max-width: 350px;
}

.page-template-default:not(.woocommerce) .page {
	max-width: 960px;
}

.portfolio-arch-content {
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 1025px) {
	.portfolio-arch-content {
		max-width: 880px;
	}
}

@media only screen and (max-width: 1440px) and (min-width: 1025px) {
	.portfolio-arch-content {
		max-width: 780px;
	}
}

@media only screen and (min-width: 1025px) {
	.portfolio-arch-content + .portfolio-listing,
	.home.page-template-portfolio-page .horizontal + .content-area .portfolio-arch-content + .portfolio-listing {
		margin-top: 10vh;
	}
}

.portfolio-archive .jetpack-portfolio,
.category-filter {
	text-align: center;
}

.category-filter li {
    padding-right: 10px;
    padding-left: 10px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.big-search-trigger i {
	top: 4px;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/

.page-template-default:not(.woocommerce) .page {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

div#respond {
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
## Templates
--------------------------------------------------------------*/

.portfolio-archive .thickbox {
	display: block;
	height: auto;
	width: auto;
	opacity: 1;
	position: static;
}

.portfolio-archive .thickbox:before,
.portfolio-archive .thickbox:after {
	display: none;
}

.layout-two-columns .portfolio-wrapper {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.content-below .portfolio-wrapper .jetpack-portfolio {
	margin-top: 2rem;
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.content-below .portfolio-wrapper .jetpack-portfolio {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 767px){
	.content-below .portfolio-wrapper .jetpack-portfolio {
		margin-top: 20px;
	}
}

@media (min-width: 768px) {
	body:not(.gapless) .portfolio-archive article.jetpack-portfolio:nth-of-type(2) {
		margin-top: 80px;
	}

	body:not(.gapless) .content-below .portfolio-wrapper article.jetpack-portfolio:nth-of-type(2) {
	    margin-top: calc(2rem + 100px);
	}
}

@media (min-width: 1200px) {
	body:not(.gapless) .portfolio-archive article.jetpack-portfolio.col-lg-3:nth-of-type(4) {
		margin-top: 80px;
	}

	body:not(.gapless) .content-below .portfolio-wrapper article.jetpack-portfolio.col-lg-3:nth-of-type(4) {
	    margin-top: calc(2rem + 100px);
	}
}

@media (min-width: 1441px) {

	body:not(.gapless) .portfolio-archive article.jetpack-portfolio.col-sm-tk-5:nth-of-type(4) {
		margin-top: 80px;
	}

	body:not(.gapless) .content-below .portfolio-wrapper article.jetpack-portfolio.col-sm-tk-5:nth-of-type(4) {
	    margin-top: calc(2rem + 100px);
	}
}

/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/

.single-jetpack-portfolio article .entry-header {
	text-align: center;
}

@media only screen and (min-width: 1025px) {
	.listing .featured-image a:hover img,
	.portfolio-archive article:hover .featured-image img {
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

@media (hover: hover) {
	.portfolio-archive .jetpack-portfolio:hover .featured-image a {
		opacity: 1;
	}
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.close-sidebar:before,
.close-sidebar:after,
#big-search-close:before,
#big-search-close:after,
.jp-carousel-close-hint span:before,
.jp-carousel-close-hint span:after,
body .tb-close-icon:before,
body .tb-close-icon:after {
	width: 2px;
}

body #TB_window {
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

body #TB_window[style*="visibility: visible;"] {
	transition-delay: 0.1s;
	opacity: 1;
}

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

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

	.content-in .portfolio-archive .has-post-thumbnail .entry-title a,
	.horizontal .has-post-thumbnail .entry-title a {
		color: #000;
	}

}

@media (hover:hover) {

	/*Hover States*/
	.portfolio-archive .jetpack-portfolio:hover .featured-image a {
		opacity: .6;
	}

}