/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/*--------------------------------------------------------------
## KOLT Colors Reference (HEX)
--------------------------------------------------------------*/

/*
KOLT Investments - #282828
KOLT Realty - #D13C45
KOLT Management - #48B76D
KOLT Capital - #3981AA
Dark - #282828
Grey - #494949
Borders & Lines - #F2F2F2
*/

/*Variables*/
:root {
	--investments: #282828;
	--realty: #D13C45;
	--management: #48B76D;
	--capital: #3981AA;
	--dark: #282828;
	--grey: #494949;
	--lines: #F2F2F2;
	--white: #FFFFFF;
}


.kolt-bold-realty {font-weight:bold;color:var(--dark);}


a{
    text-decoration: none !important;
}
body { font-family: 'Montserrat', sans-serif;!important }


/*--------------------------------------------------------------
## KOLT Global Specific
--------------------------------------------------------------*/

/* General Styles + Effects*/
.kolt-thin {font-weight:300;}
.kolt-bold {font-weight:bold;}
.kolt-menu-mobile {cursor:pointer;}
.ee-button.ee-size-sm .ee-button-content-wrapper {padding:15px 0 0 0 !important;}
.ee-unfold__icon {display:none !important;}
.kolt-avatar {cursor:pointer;}

/* KOLT Animated Text Button Effects */
.kolt-txt-btn-effect {
	display: inline-block;
	position: relative;
	text-transform:uppercase;
	font-weight:bold;
	transition: 0.25s ease-in-out;}

.kolt-txt-btn-effect:hover {
	transform: translatex(22px);
	padding-left:10px;
	cursor:pointer;}

.kolt-txt-btn-effect::after {
	content: '';
	position: absolute;
	width: 20px;
	transform: scaleX(0);
	height: 2px;
	bottom: 2px;
	left: -20px;
	background-color: #282828;
	transform-origin: bottom left;
	transition: transform 0.25s ease-in-out;}

.kolt-txt-btn-effect:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;}

/*Portfolio Image Corner Ribbon*/
.widget-image-caption {
	position:absolute;
	top:20px;
	background:#282828;
	color:#FFFFFF !important;
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
	text-transform:uppercase;
	padding:10px 20px 10px 30px !important;}

/*.kolt-content-div p {margin: 20px;}*/

.off-canvas-kolt-investments,
.off-canvas-kolt-realty,
.off-canvas-kolt-management,
.off-canvas-kolt-capital {cursor:pointer;}

/*Image Hover Effects*/
.kolt-image-hover-greyscale {
  filter: grayscale(0%);
  transition: filter 0.5s ease;}

.kolt-image-hover-greyscale:hover {
  filter: grayscale(100%);}

.post-password-form {
  width: 380px;
  height: 100vh;
  margin: 0 auto;
  /* Flex rules */
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;}
.post-password-form p{font-weight:bold;}

/*--------------------------------------------------------------
## KOLT Landing Page Specific
--------------------------------------------------------------*/

/* Landing Page Animations + Effects */
.kolt-home-container {
	display: flex;
	align-items: center;
	justify-content: left;
	height: 300px;
	margin-top: 30vh;}

.kolt-home-logo {
	margin-right: 20px;}

#kolt-home-logo {
	max-width: 220px;
	width: 100%;
	height: 140px;
	transition: opacity 0.3s ease-in-out;}

.kolt-home-menu {
	list-style: none;
	padding: 0;
	margin: 415px 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: left;
	max-height: 100%;
	overflow: auto;}

.kolt-menu-item {
	opacity: 0.5;
	cursor: pointer;
	font-size: 2.75em;
	font-weight: 100;
	height: 140px;
	transition: transform 0.3s ease-in-out;
	color: #797979 !important;}

.kolt-menu-item.active {opacity: 1;}
.kolt-menu-item:nth-child(1).active {color: #282828 !important;}
.kolt-menu-item:nth-child(2).active {color: #D13C45 !important;}
.kolt-menu-item:nth-child(3).active {color: #48B76D !important;}
.kolt-menu-item:nth-child(4).active {color: #3981AA !important;}
.kolt-menu-item:last-child {margin-bottom: 0;}

.kolt-content-div {
	position: fixed;
	top: 0;
	right: 0;
	width: 45%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	overflow-y: auto;}

@media screen and (max-width: 1440px) {
	.kolt-home-container {
		display: flex;
		align-items: center;
		justify-content: left;
		height: 260px;
		margin-top: 28vh;}
	
	.kolt-home-logo {
		margin-right: 20px;}
	
	#kolt-home-logo {
		max-width: 220px;
		width: 100%;
		height: 140px;
		transition: opacity 0.3s ease-in-out;}
	
	.kolt-home-menu {
		list-style: none;
		padding: 0;
		margin: 360px 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: left;
		max-height: 100%;
		overflow: auto;}
	
	.kolt-menu-item {
		opacity: 0.5;
		cursor: pointer;
		font-size: 2em;
		font-weight: 100;
		height: 80px;
		transition: transform 0.3s ease-in-out;
		color: #797979 !important;}
}

/*--------------------------------------------------------------
## KOLT Investments Specific
--------------------------------------------------------------*/

/* Logo Adjustments & Effects */
.kolt-logo {position: relative;}

.kolt-logo:before {
	content: "";
	position: absolute;
	top: 0;
	left: -100vw;
	width: 100vw; 
	height: 100%;
	background-color: var(--dark);
	z-index: -1;}

/* Homepage Masthead Adjustments & Effects */
.kolt-masthead {
	position: relative;
	background-color: rgba(0, 0, 0, 0.7)}

.kolt-masthead:before {
	content: "";
	position: absolute;
	top: 0;
	left: -100vw;
	width: 100vw; 
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: -1;}

/*--------------------------------------------------------------
## KOLT Realty Specific
--------------------------------------------------------------*/

/* KOLT Realty Header Logo */
.kolt-realty-logo {position: relative;}

.kolt-realty-logo:before {
	content: "";
	position: absolute;
	top: 0;
	left: -100vw;
	width: 100vw; 
	height: 100%;
	background-color: var(--realty);
	z-index: -1;}

/* KOLT Realty Homepager SliderBackground Effect */
/* .kolt-realty-slider-effect {
	position: relative;
	background-color: rgba(0, 0, 0, 0.7);} */

.kolt-realty-slider-effect:before {
	content: "";
	position: absolute;
	top: 0;
	/* left: -100vw; */
	/* width: 100vw; */
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: -1;}


/*Realty Homepage Slider Styles*/
.page-id-194 .elementor-slides .swiper-slide-inner {padding:0 !important;}
.page-id-194 .swiper-slide-contents {max-width:100vw !important;width:100vw !important;}
#kolt-realty-homepage-slider-prev, #kolt-realty-homepage-slider-next {cursor:pointer;}

@media screen and (min-width:500px) {
	.page-id-194 .elementor-slides .swiper-slide-inner >div >div >div >div{
		padding-left: 0px !important;
	}
}

/* Homepage Masthead Adjustments & Effects */
.kolt-realty-form {position: relative;background-color: var(--lines);}

.kolt-realty-form:after {
	content: "";
	position: absolute;
	top: 0;
	right: -100vw;
	width: 100vw; 
	height: 100%;
	background-color: var(--lines);
	z-index: -1;}

/*Image Hover Effects*/
.kolt-realty-image-greyscale {
  filter: grayscale(100%);}

/*Kolt Realty Listing Pages*/
.elementor-widget-table .ee-table__cell .ee-table__text {padding-left:0;background-color: var(--white);}
.elementor-element .swiper .elementor-swiper-button-prev,
.elementor-element .swiper .elementor-swiper-button-next {padding:5px 15px 5px 15px;background: var(--realty);}

/*--------------------------------------------------------------
## KOLT Management Specific
--------------------------------------------------------------*/

/* KOLT Management Header Logo */
.kolt-management-logo {position: relative;}

.kolt-management-logo:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100vw;
  width: 100vw; 
  height: 100%;
  background-color: var(--management);
  z-index: -1;}

/* KOLT Management Light Sections - LEFT */
.kolt-management-section-1 {position: relative;}

.kolt-management-section-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100vw;
  width: 100vw; 
  height: 100%;
  background-color: var(--lines);
  z-index: -1;}

/* Homepage Masthead Adjustments & Effects */


.kolt-management-header-green:after {
	content: "";
	position: absolute;
	top: 0;
	right: -100vw;
	width: 100vw; 
	height: 100%;
	background-color: var(--management);
	opacity: 0.75;
	z-index: -1;}