/*
Theme Name: Koto Child
Theme URI: https://koto.qodeinteractive.com/
Description: A child theme of Koto Theme
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Version: 1.0.2
Text Domain: koto
Template: koto
*/

:root {
  --pink: #FFB3DE; /* hot pink */
}

::selection {
  	color: var(--pink) !important;
	background: #000 !important;
}

::-moz-selection { /* Code for Firefox */
  	color: var(--pink) !important;
	background: #000 !important;
}

button {
	all: unset;
}

/* highlight color */

.eltdf-btn.eltdf-btn-wire:before,
.eltdf-portfolio-list-holder.eltdf-pl-standard-shader article .eltdf-pli-image:after,
.eltdf-ps-navigation .eltdf-ps-back-btn a:after {
  background-color: var(--pink) !important;
}

body .eltdf-fullscreen-menu-opener:hover, 
body .eltdf-fullscreen-menu-opener.eltdf-fm-opened {
  color: #FFB3DE !important;
}

/* header */

.eltdf-page-header .eltdf-main-menu>ul>li.eltdf-active-item>a>span.item_outer .item_text:before, 
.eltdf-main-menu>ul>li:hover>a>span.item_outer .item_text:before,
.eltdf-mobile-header .eltdf-mobile-nav .eltdf-grid>ul>li.eltdf-active-item>a span:before,
.eltdf-mobile-header .eltdf-mobile-nav ul li a span:before, 
.eltdf-mobile-header .eltdf-mobile-nav ul li h5 span:before {
	opacity: 0 !important;
	content: none;
}

.item_text {
	transition: color 0.2s ease;
}

.eltdf-main-menu>ul>li:hover>a,
.eltdf-vertical-menu ul li a:hover .item_text {
	color: var(--pink) !important;
}

.current-menu-item .item_text,
.current-menu-item .current {
	color: var(--pink) !important;
}

.eltdf-page-header .eltdf-main-menu>ul {
	display: flex;
}

.eltdf-page-header .eltdf-main-menu > ul > li:last-child > a {
	padding-right: 0;
}

@media(max-width: 1025px) {
	.eltdf-mobile-header .eltdf-vertical-align-containers .eltdf-position-center {
		text-align: left;
	}
	
	.eltdf-mobile-header .eltdf-mobile-header-inner .eltdf-mobile-menu-opener {
		float: right;
	}
	
	.eltdf-mobile-header .eltdf-mobile-menu-opener a .eltdf-mm-lines .eltdf-mm-line {
		height: 3px !important;
		background-color: #000 !important;
	}
	
	.eltdf-mobile-header .eltdf-grid {
		width: auto;
		padding: 0 15px;
	}
}

/* footer */

.eltdf-page-footer {
	background: #000;
}

.eltdf-page-footer .menu-item a {
	color: rgba(255,255,255,.8);
	display: block;
	padding: 4px 0;
}

.eltdf-page-footer .menu-item.current_page_item a,
.eltdf-page-footer .menu-item a:hover {
	color: var(--pink);
}

.eltdf-page-footer .eltdf-column-content:first-child,
.eltdf-page-footer .eltdf-footer-bottom-inner {
	text-align: left;
}

.eltdf-page-footer .widget_nav_menu.eltdf-footer-column-4 {
	margin-bottom: 0;
}

@media(max-width: 1025px) {
	.eltdf-page-footer .eltdf-column-content,
	.eltdf-page-footer .eltdf-column-content:first-child{
		text-align: center;
	}
	
	.eltdf-page-footer .widget_nav_menu.eltdf-footer-column-4 {
		margin-bottom: 20px;
	}
}

/* content */
.page-template-default .eltdf-content .eltdf-content-inner > .eltdf-container > .eltdf-container-inner,
.page-template .eltdf-content .eltdf-content-inner > .eltdf-container > .eltdf-container-inner, 
.page-template .eltdf-content .eltdf-content-inner > .eltdf-full-width > .eltdf-full-width-inner {
	padding-top: 0 !important;

}

.eltdf-content {
	margin-top: 0 !important;
	padding: 30px 0 80px;
}

.home .eltdf-content {
	padding: 0;
}

.eltdf-content .vc_row {
	padding-left: 15px;
	padding-right: 15px;
}

.eltdf-content .vc_row.u-padding-y-none {
	padding-left: 0;
	padding-right: 0;
}

/* default template */

.page-template-default .eltdf-default-page-template p {
  margin-bottom: 20px;
}

.page-template-default .eltdf-default-page-template b,
.page-template-default .eltdf-default-page-template strong {
  font-weight: 700;
}

.page-template-default .eltdf-default-page-template .wp-block-image {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* accordion */

.wp-block-woocommerce-accordion-item {
	margin-bottom: 20px;
}

/* project single page */

.portfolio-item-template-default .eltdf-content .eltdf-content-inner > .eltdf-container > .eltdf-container-inner {
	padding-top: 0 !important;
}

.portfolio-item-template-default .vc_column_container>.vc_column-inner {
	padding: 0;
}

.portfolio-item-template-default .eltdf-ps-small-images-layout .eltdf-grid-col-8 {
	width: 50%;
}

.portfolio-item-template-default .eltdf-ps-small-images-layout .eltdf-grid-col-4 {
	width: 42%;
	padding-top: 20px;
	padding-left: 50px;
}

@media(max-width: 1025px) {
	.portfolio-item-template-default .eltdf-ps-small-images-layout .eltdf-grid-col-8,
	.portfolio-item-template-default .eltdf-ps-small-images-layout .eltdf-grid-col-4 {
		width: auto;
		padding: 0;
	}
	
	.eltdf-container-inner, 
	.eltdf-grid, 
	.eltdf-row-grid-section {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* home page */ 

.home .eltdf-page-header {
	/* make same header as on other places */ 
	background: #fff !important;
}

.home .wpb_single_image {
	/* make paralax effect */ 
	height: 75vh !important;
    background-attachment: fixed !important;
	background-size: cover !important;
	background-position: 50% 60% !important;    
}

.home .wpb_single_image figure,
.home .wpb_single_image h2 {
	/* make the paralax effect with bgr img and remove the main one */ 
	display: none;
}

.home .intro-text-section p {
	font-size: 18px;
	margin: 12px 0;
}

@media(max-width: 1025px) {
	.home .wpb_single_image {
		height: auto !important;
		background-image: none !important;
	}
	
	.home .wpb_single_image figure {
		display: block;	
	}
	
	.home .wpb_single_image figure img {
		display: block;
		height: 75vh;
		object-fit: cover;
	}
}

/* projects list */ 
	
.eltdf-pli-image img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

/* back to top btn */

.eltdf-wrapper #eltdf-back-to-top>span {
	width: 47px;
    height: 47px;
    line-height: 45px;
}

/* partners */

.partner-logo {
	max-width: 200px;
	margin: 0 auto;
}