/*
Theme Name:   KANLAN Active
Description:  Kamran Heirati & Talan Khosravi Architects
Author:       Farshad Sadri
Author URL:   http://farshadsadri.com
Template:     kanlan
Version:      1.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  KANLAN
*/

/* KANLAN stylesheet */


@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica/Helvetica.woff2') format('woff2'),
        url('fonts/helvetica/Helvetica.woff') format('woff'),
        url('fonts/helvetica/Helvetica.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica/Helvetica-Light.woff2') format('woff2'),
        url('fonts/helvetica/Helvetica-Light.woff') format('woff'),
        url('fonts/helvetica/Helvetica-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/helvetica/Helvetica-Bold.woff2') format('woff2'),
        url('fonts/helvetica/Helvetica-Bold.woff') format('woff'),
        url('fonts/helvetica/Helvetica-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



body #header #logo img {
	height: 70px;
}

.admin-bar #header {
	top:32px;
}
 
/********** Mouse *************/
body.loftloader-lite-enabled.disable-mouse {
	cursor: default !important;
}
body.loftloader-lite-enabled.disable-mouse.loading-end {
	cursor: none !important;	
}
body .custom-mouse {
	width: 8px;
	height: 8px;
}
body:not(.smooth-leave).mouse-hover .custom-mouse {
	width: 13px;
 	height: 13px;	
}
body.disable-mouse:fullscreen, body #wpadminbar, body #wpadminbar a, body .plyr__video-wrapper, body .plyr__video-wrapper a {
		cursor: default !important;
}




body .bg_white {
	background:#fff;
	color: #000;
}
/* dash after portfolio item * /
body.loading-end .slist .slist-item.do-anim-text.animated a::after {
	transform: translateY(0%);
    opacity: 1;
}
.slist.block-align.text-left.spaced-big .slist-item a::after {
	content: " ";
	background: #000;
	height: 53px;
	position: absolute;
	width: 5px;
	right: 20px;
	transform: translateY(50%) rotate(-4deg);
	transform-origin: top right;
	opacity: 0;
	transition: all 1.2s cubic-bezier(.19,1,.22,1),color .3s ease .1s;
}
.slist.block-align.text-left.spaced-big .slist-item:hover a::after {
	opacity: 0.2;
}
.slist.block-align.text-left.spaced-big .slist-item:nth-last-child(2) a::after {
	opacity: 0;
}
/* */

/* block portfolio item */
.slist.block-align.text-left.spaced-big .slist-item h4 {
	background:#000;
	padding: 0.1em 0.25em;
}
.slist.block-align.text-left.spaced-big .slist-item a {
	padding: 12px 12px 12px 0;
}
.portfolio-filter {
	min-height: 24px;
}
/* */

/********* Menu ************/
.menu-toggle span.hamburger {
	width: 8px;
	height: 25px;
}
.menu-toggle span.hamburger::after, .menu-toggle span.hamburger::before {
	height: 8px;
	top: auto;
	border-radius: 100px;
	overflow: hidden;
	background: #EA2536;
}
.menu-toggle span.hamburger::before {
	margin-top: 0;
}
.menu-toggle span.hamburger::after {
	margin-top: 13px;
}
body.loading-end.menu-is-open .menu-toggle span::before, body.loading-end.menu-is-open .menu-toggle span::after {
	height: 25px;
	width: 3px;
}
#menu {
	margin-top: 11px;
}
body.loading-end:not(.scrolled-hero).menu-is-open #header .header-light nav#main-nav ul > li a,
.switch-light nav#main-nav ul > li a {
	color: #fff !important;
}
body.loading-end:not(.scrolled-hero) #header .header-light #logo img#dark-logo ~ img#light-logo {
	opacity: 1;
  visibility: visible;
}
body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light #logo img#dark-logo {
	opacity: 0;
  visibility: hidden;
}


@media screen and (max-width: 1024px) {
	#menu {
		margin-top: 0;
	}
	body.loading-end .slist.block-align.text-left.spaced-big .slist-item a::after {
		opacity:0;
	}
	body.loading-end:not(.scrolled-hero).menu-is-open #header .header-light nav#main-nav ul > li a,
.switch-light nav#main-nav ul > li a {
	color: #000 !important;
}
	#menu #menu-inner .scroll-menu {min-height: 200px;}
}

/**** Language bar ****/
body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light  .menu-language, body.loading-end.scrolled-hero:not(.menu-is-open) #header .switch-light  .menu-language a, 
body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light .menu-language, body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-light .menu-language a {
	color: #fff;
}
body.loading-end.scrolled-hero:not(.menu-is-open) #header .header-dark .menu-language, body.loading-end.scrolled-hero:not(.menu-is-open) #header .header-dark .menu-language a {
	color: #000;
}

.menu-language {
	padding: 0 5px 5px 10px;
}

/**** Contact Us ****/
.wpcf7-form-control.wpcf7-select {
  background: #000;
}
input[type="submit"], .button, button {
	font-size: 1.2em;
}
/**** About Us ****/


/**** Portfolio ****/
@media screen and (max-width: 1024px) {
	.single-portfolio .column-section .column.one-fifth  {
		width: 40% !important;
  	float: left !important;
  	margin-top: 30px !important;
	}
}
@media screen and (max-width: 420px) {
	.single-portfolio .column-section .column.one-fifth  {
		width: 45% !important;
  	float: left !important;
  	margin-top: 30px !important;
  	margin-right: 20px !important;
	}
}

body .video-center 
.phat-bgvideo-container {
	width: 80% !important;
	height: 90% !important;
	top: 5% !important;
	left: 10% !important;
}
.narrow-slider .carousel-slider .gallery-image {
	width: 450px;
}

/* Vertical Truncate for project name (avoid messing up the grid) */
.portfolio-item .portfolio-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/**** Share Button ****/
#single-share.switch-dark .share-title a, #single-share.switch-dark a:not(:hover) {
	color: #000;
}
#single-share.switch-light .share-title a, #single-share.switch-light a:not(:hover) {
	color: #fff;
}
/**** Modifiers ****/
.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

@media screen and (max-width: 1024px) {
	.hide-mobile {
		display:none  !important;
	}
	.text-center-mobile {
		text-align: center;
	}

	.text-right-mobile {
		text-align: right;
	}

	.text-left-mobile {
		text-align: left;
	}
	body .mobile-two .gallery-container .sr-gallery-item {
		width: calc(50% - 20px) !important;
	}
}
@media screen and (min-width: 1025px) {
	.hide-desktop {
		display:none  !important;
	}
}


/**** Google ReCAPTCHA ****/
.grecaptcha-badge {
    visibility: hidden;
    pointer-events: none;
}