/*!
Theme Name: Abyss
Author: Evolve
Author URI: #
Description: Custom made WordPress theme for Abyss
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: abyss
*/

@import 'main.css';

/* Parallax */
.jarallax {
	position: relative;
	z-index: 0;
}

.jarallax>.jarallax-img {
	position: absolute;
	object-fit: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
h2 {
	color: #171137;
}

.unrivalled .unrivalled__slider .un-slider .un-slider__box .un-slider__img-box:hover .un-slider__img {
	transform: scale(1.1)!important;
	scale: 1.1!important;
}

.vision .process {
	width: 51%;
}

.text-white p {
	color: #fff!important;
}

.relentless__box a,
.refuse__box a,
.swiper-slide a h5, 
.blog__title a {
	color: #000;
}

#menu-main .active a,
.header__nav-link.current {
	color: #41E2BA;
}

.unrivalled .unrivalled__slider::after {
	display: none;
}

.partners-page-world-first {
	background: transparent;
}

.page-template-partners .homeworld {
	background-color: #F7F7F7;
}

.page-template-partners .main {
	background-color: #F7F7F7;
}

.page-template-partners .market-lead {
	/* padding-top: 9REM;
	padding-bottom: 2REM; */
	padding: 9REM;
}

.page-template-partners .casestudy {
	background-color: #e2fbf5!important;
	margin-bottom: 150px;
}

.page-template-partners .tech-meet {
	background: none!important;
}

.page-template-careers .tech-meet {
	background: none;
}

.page-template-careers .relentless {
	background: #e2fbf5 !important
}

.page-template-careers .multi-domain {
	padding: 26.2rem 0 18rem!important;
}

.page-template-careers .multi-domain .multi-domain__body {
	height: 100%;
}

.page-template-careers .multi-domain__content {
	position: absolute;
	bottom: 0;
}

.multi-domain .multi-domain__grid::after { 
	display: none;
}


.tech-meet__img-box, .team__img-box, .casestudy__img_box {
	border-radius: 10px;
}

/* Queries for elements that we can't tweak on template lvl */
@media screen and (max-width:991px) {
	/* .jarallax {
		min-height: 0!important;
	} */


	.footer__top {
		display: none;
	}

	.vision .process {
		width: 100%;
	}

	/* homepage */
	.home .hero__bg_rover {
		display: none;
		}

	.home .intelligence {
		padding: 0 0 15rem 0!important;
		padding-bottom: 15rem;
		margin-top: 0rem;
		min-height: unset;
	}

	/* .home .unrivalled {
		padding: 8rem 0 14.3rem!important; 
	} */

	.home .animateme {
		display: block !important;
		height: 400px;
	}

	.home .col-lg-5.offset-lg-1.offset-0.col-12 {
		text-align: center;
	}
	.home .section.relentless.jarallax,.section.refuse.jarallax {
		text-align: center;
	}

	.home .section.refuse.jarallax .col-lg-6.col-12.offset-lg-1.offset-0 {
		top: 130px;
		position: relative;
	}

	.home .section.gallery.leadway .content__button.aos-init.aos-animate {
		text-align: center;
	}

	.home .section.relentless.jarallax .content__button {
		text-align: center;
	}

	.home .relentless__right {
		display: none;
	}

	.home .market-lead .market-lead__left {
		margin-right: 0;
		text-align: center;
	}

	.home #yellowFrame {
		display: none!important;
	}

	.home .intelligence {
		background: url("../png/section-02-mobile.png") no-repeat;
		background-size: cover;
		background-position: bottom;
	}
	.home .unrivalled .unrivalled__slider .un-slider .swiper-slide {
		/* width: 26.8rem!important; */
	}
	.home .hero__bg_reef, .hero__bg_fish, .hero__bg_fish_shoal {
		display: none;
	}

	/* about */
	.page-template-about {

	}

	.about-hero {
		min-height: 1px;
		padding: 15rem 0;
	}
	.page-template-about .gallery__right {
		text-align: center;
	}
	.page-template-about .section.team.jarallax.parralax-bg {
		text-align: center;
	}

	.page-template-about .col-lg-5.offset-lg-1.offset-0.col-12.order-sm-last.order-first {
		margin-top: -50px;
		margin-bottom: 60px;
	}
	.page-template-about .gallery .gallery__left {
		margin-left: 10rem;
	}
	.page-template-about #svg1 {
		display: block !important;
		height: 400px;
	}

	.page-template-about .swiper-buttons {
		display: none !important;
	}

	.page-template-about .casestudy .content__line-btn {
		display: none !important;
	}

	.page-template-about .swiper-controls {
		margin-bottom: -4rem;
	}

	/* Solutions */

	.post-type-archive-solutions .img-fluid.jarallax-img{
		margin-top: initial!important;
	}

	.post-type-archive-solutions .tech-meet {
		text-align: center;
	}

	.post-type-archive-solutions .end {
		padding: 26rem 0!important;
	}

	/* Industries */

	.industries-hero {
		/* same class on solutions archive page */
		min-height: unset;
		padding: 15rem 0;
	}

	.page-template-industries .multiple-industries__grid {
		grid-template-columns: repeat(1, 1fr)!important;
		grid-gap: 4.5rem;
		width: 80%;
		margin: 0 auto;
	}

	.page-template-industries .space {
		padding: 10rem 0;
	}

	/* case studies */
		.experince-hero {
			min-height: unset;
			padding: 15rem 0;
		}

		.post-type-archive-case_studies .roi__filter .btn {
			width: 100%;
		}

		.post-type-archive-case_studies .roi__filter-title {
			float: right;
		}

		.post-type-archive-case_studies .blog .blog__main .blog__main-img img {
			min-height: 300px;
		}

		.post-type-archive-case_studies .roi__body {
			display: none;
		}

		/* single case study */

		.cstudy-hero {
			min-height: unset;
			padding: 15rem 0;
		}

		.single-case_studies .recent {
			display: none;
		}

		/* careers */
		.page-template-careers #pinkShape {
			height: 400px;
			display: block !important;
			top: 500px;
		}

		.page-template-careers .col-lg-5.offset-lg-1.offset-0.col-12.order-sm-last.order-first {
			margin-top: 30px;
		}

		.page-template-careers .section.team.jarallax.parralax-bg {
			text-align: center;
		}

		.page-template-careers .multi-domain .multi-domain__grid .multi-domain__card {
			min-height: 65rem;!important;
		}

		.page-template-careers .multi-domain {
			padding: 8rem 1.5rem!important;
		}
		/* partners */
		.page-template-partners .container.mt-4 {
			text-align: left;
		}

		.page-template-partners .market-lead {
			padding: 7.8rem 0 8.8rem!important;
		}

		.page-template-partners .relentless__left {
			text-align: center;
		}

		.page-template-partners .section.homeworld.casestudy {
			text-align: center;
		}

		.page-template-partners .swiper-controls {
			display: none!important;
		}

		.page-template-partners .col-lg-5.offset-lg-1.offset-0.col-12 {
			margin-bottom: 50px;
			text-align: center;
		}

		.page-template-partners #pinkShape {
			display: block !important;
			width: 310px;
			top: 275px;
			left: 10%;
		}

	.d-sm-none {
		display:none!important;
	}

	.aristera {
		text-align: left!important;
	}
}

.mobile-only {
	display: none;
}
.header .header__navbar .header__collapse .header__nav .header__nav-item {
    padding: 0 3rem;
}
.header .header__navbar .header__collapse .header__nav .header__nav-item:not(:last-child) {
    margin-right: 0rem;
}
.menu-item-has-children .sub-menu{
	display: none;
	position: absolute;
	background: #171137;
	border-top: 1px solid #4a475c;
	left: 0;
	width: 200px;
}
.menu-item-has-children .sub-menu .header__nav-item{
	padding: 0 !Important;
}
.menu-item-has-children .sub-menu .header__nav-item a{
	padding:10px 20px !Important;
    display: block;
}
.menu-item-has-children:hover {
	background-color: #171137;	
	position: relative;
	border-radius: 5px 5px 0 0;
}
.menu-item-has-children:hover .sub-menu{
	display: block;
}


/* mobile menu */
  @media screen and (max-width: 991px)  {
	.header .header__navbar .header__collapse{
		overflow: auto !important;
	}
	.menu-item-has-children .sub-menu {
		display: block;
		position: inherit;
		background: #171137;
		border: none;
		left: 0;
		width: auto;
		margin-left: 2rem;
		margin-top: 2rem;
	}
	.menu-item-has-children .sub-menu .menu-item{
		margin-bottom: 0	 !important;
	}
	.menu-item-has-children .sub-menu .menu-item::after{
		display: none;
	}
	.menu-item-has-children .sub-menu .header__nav-item a {
		padding: 0px 0px !Important;
		display: block;
	}
   .mobile-only {
		display: initial;
	}
	.header__button {
		display: none;
	}
  .header .header__navbar .header__collapse--active .header__nav {
  	flex-direction: column;
  	align-items: flex-start;
  	margin: 4rem 0 0 0;
  	margin-bottom: 0px;
  	justify-content: space-between;
  	margin-bottom: 4rem;
	flex-grow: 1;
	width: 100%;
  }
  .menu-item {
	width: 100%;
  }
  .menu-item::after {
  	content: '';
  	border-bottom: 1px solid white;
  	width: 100%;
  	background: white;
  	height: 1px;
  	display: block;
  	margin-top: 15px;
  	opacity: 0.5;
  }
  #header-sidebar a.header__nav-link  {
	font-family: "Proxima Nova Lt";
  }
}


/* SVG Animations */
.svg-animation-trigger {
	opacity: 0;
	display: inline-block!important;
}
.svg-animation {
	opacity: 1;
	display: initial;
	fill: none;
	stroke-dashoffset: 2221;
	stroke-dasharray: 2221;
	stroke-linecap: round;
	animation: anim_stroke 4s ease-in forwards;
	-webkit-animation: anim_stroke 4s ease-in forwards;
}

@keyframes anim_stroke {
	to {
		stroke-dashoffset: 0;
	}
}

/* video video hack */
.vimeo-video-box iframe {
	height: 500px;
    min-width: 100%;
}
/* about page slider hack */
.vision .process__item:not(:last-child) {
	margin-left: 0!important;
}

@media screen and (max-width: 767px) {
	.vimeo-video-box iframe {
		width: 100% !important;
		min-height: 200px !important;
		height: auto !important;
	}
	/* about page slider hack */
	.vision .process__item:not(:last-child) {
		margin-left: 0!important;
	}
}

@media screen and (min-width: 767px) {
	.homeNav {
		display:none !important;
	}
}