/*
 Theme Name:   Idento
 Theme URI:    http://themeskingdom.com
 Description:  Idento is a bold personal WordPress theme made for anyone who wants to build their online presence. This responsive and fully customizable theme is the epitome of striking design that won’t go unnoticed.
 Author:       Themes Kingdom
 Author URI:   http://themeskingdom.com
 Template:     bottega
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  LICENSE
 Tags: portfolio, photography, blog, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-width-template, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  idento
*/

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

/* preloader */

.show .site-content,
.no-js .site-content {
	-webkit-transition: opacity 0.5s 0.2s, margin 0s;
	-moz-transition: opacity 0.5s 0.2s, margin 0s;
	-ms-transition: opacity 0.5s 0.2s, margin 0s;
	-o-transition: opacity 0.5s 0.2s, margin 0s;
	transition: opacity 0.5s 0.2s, margin 0s;
}

.show .site-header,
.no-js .site-header {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.tk-theme-frontend .site > * {
	opacity: 0;
}

.tk-theme-frontend.show .site > *,
.tk-theme-frontend.no-js .site > * {
	opacity: 1;
}

#sidebar_trigger,
#site-navigation,
.site-branding {
	position: relative;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

#site-navigation,
.site-branding {
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

#sidebar_trigger,
#site-navigation {
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px);
}

.site-branding {
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px);
}

.show #sidebar_trigger,
.no-js #sidebar_trigger,
.show #site-navigation,
.no-js #site-navigation,
.show .site-branding,
.no-js .site-branding {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.tk-theme-frontend .site-footer {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	transform: translateX(-20px);
}

.show .site-footer,
.no-js .site-footer {
	-webkit-transition: opacity 0.3s 0.3s ease-in-out, transform 0.4s 0.3s ease-in-out;
	-moz-transition: opacity 0.3s 0.3s ease-in-out, transform 0.4s 0.3s ease-in-out;
	-ms-transition: opacity 0.3s 0.3s ease-in-out, transform 0.4s 0.3s ease-in-out;
	-o-transition: opacity 0.3s 0.3s ease-in-out, transform 0.4s 0.3s ease-in-out;
	transition: opacity 0.3s 0.3s ease-in-out, transform 0.4s 0.3s ease-in-out;
}

.tk-theme-frontend.show .site-footer,
.tk-theme-frontend.no-js .site-footer {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

/*
.tk-theme-frontend.show .content-area,
.tk-theme-frontend.no-js .content-area {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.tk-theme-frontend .content-area {
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
}
*/

.tk-theme-frontend .content-area {
	opacity: 1;
}

.page-template-info-page .entry-content {
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);
	opacity: 0;

	-webkit-transition: opacity 0.3s 0.6s linear, transform 0.4s 0.6s ease-in-out;
	-moz-transition: opacity 0.3s 0.6s linear, transform 0.4s 0.6s ease-in-out;
	-ms-transition: opacity 0.3s 0.6s linear, transform 0.4s 0.6s ease-in-out;
	-o-transition: opacity 0.3s 0.6s linear, transform 0.4s 0.6s ease-in-out;
	transition: opacity 0.3s 0.6s linear, transform 0.4s 0.6s ease-in-out;
}

.page-template-info-page.show .entry-content,
.page-template-info-page.no-js .entry-content {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	opacity: 1;
}

/* contact */

body .contact-form label span {
	color: inherit;
}

.contact-form .contact-submit button {
	border: 0;
	border-radius: 0;
	padding: 0;
	height: auto;

	font-size: 60px;
}

.contact-form .contact-submit button:hover,
.contact-form .contact-submit button:active,
.contact-form .contact-submit button:focus {
	background-color: transparent;
}

.contact-form .contact-submit button:hover:after {
	left: 10px;
}

.contact-form .contact-submit button:after {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !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;
}

.contact-form .contact-submit button:after {
	content: "\e902";
	position: relative;
	left: 0;
	margin-left: 0.1em;

	-webkit-transition: left 0.2s ease-in-out;
	-moz-transition: left 0.2s ease-in-out;
	-ms-transition: left 0.2s ease-in-out;
	-o-transition: left 0.2s ease-in-out;
	transition: left 0.2s ease-in-out;
}

@media screen and (max-width: 1200px) {
	.contact-form .contact-submit button {
		font-size: 46px;
	}
}

@media screen and (max-width: 900px) {
	.contact-form .contact-submit button {
		font-size: 36px;
	}
}

.entry-content h1 {
	font-size: 110px;
	font-size: 6.875rem;
	font-size: calc(25.5px + 4.4vw);
}

/* logo changes */

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

	.site-branding {
		width: 400px;
	}

}

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

	.site-branding {
		width: 300px;
	}

}

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

	.site-branding {
		width: 220px;
	}
}

.site-title,
.site-title a {
	font-weight: 400;
	font-family: 'HK Gothic No2', 'Helvetica Neue', Helvetica, Arial, sans-serif; /*sans-serif*/
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: bolder;
}