/*
Theme Name: Orkan Child
Theme URI: https://orkan.qodeinteractive.com
Description: A child theme of Orkan Theme
Author: Edge Themes
Author URI: http://themeforest.net/user/edge-themes
Version: 1.0.2
Text Domain: orkan
Template: orkan
*/

.mejs-controls .mejs-volume-button,
.mejs-controls .mejs-horizontal-volume-slider {
  display: none !important;
}

.front-page-special-content {
  height: 150px;
  margin-bottom: 30px;
}
.lgx_app_item_img {
  height: 100px;
  filter: grayscale(100%); /* Applies a full grayscale effect */
}
.lgx_app_item_img:hover {
  filter: grayscale(0%); /* Applies a full grayscale effect */
}

.lgx_app_item_link {
  height: 100px;
}

.page-id-1312 .edgtf-content .edgtf-content-inner > .edgtf-container > .edgtf-container-inner, .page-id-1312 .edgtf-content .edgtf-content-inner > .edgtf-full-width > .edgtf-full-width-inner {
  padding-top: 0px !important;
}

h2.logo-slider-title {
  margin: 0px 0px 42px 0px;
  text-align: center;
}
.front-page-special-content {
  margin-bottom: 102px;
  font-size: 16px;
}
.edgtf-mobile-header-inner {
  background: #141414 !important;
}
.edgtf-mobile-menu-opener > a {
  color: #ffffff !important;
}

/* Portrait iPhone and smaller devices */
@media only screen 
   and (max-width : 768px) {
   /* Styles here */
   .edgtf-page-title {
    font-size: 24px !important;
   }
   .edgtf-page-subtitle {
    font-size: 11px;
    line-height: 13px;
   }
}

.portfolio-category-imagine .edgtf-pli-image img {
  animation: portfolioAnim 1s ease-in-out 100ms 1 normal both;
}

@keyframes portfolioAnim {
	0% {
		opacity: 0;
		transform: rotateX(-70deg);
		transform-origin: bottom;
	}

	100% {
		opacity: 1;
		transform: rotateX(0);
		transform-origin: bottom;
	}
}

.edgtf-title-holder {
  animation: holderAnim 500ms ease-in-out 400ms 1 normal both;
}

@keyframes holderAnim {
  0% {
		opacity: 0;
		transform: translateY(-250px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.edgtf-title-wrapper {
  animation: titleAnim 500ms ease-in-out 500ms 1 normal both;
}

@keyframes titleAnim {
	0% {
		opacity: 0;
		transform: translateY(-250px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}