/*
 Theme Name: Ad Infinitum Child Theme
 Theme URI: https://aquadzign.com/
 Description: A Child Theme for Divi
 Author: Aqua IT Consulting
 Author URI: https://aquadzign.com/
 Template: Divi
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom styles below */

/******************* PRELOADER ANIMATION *******************/
.dipi_preloader_image {
	 animation: pulse_pre_loader 2s infinite;
	 max-width: 200px;
	 image-rendering: -webkit-optimize-contrast;
}

@keyframes pulse_pre_loader {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

/******************* MENU *******************/
#page-container #main-header.et-fixed-header {
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1) !important;
	box-shadow: 0 0 7px rgba(0,0,0,0.1) !important;
	backdrop-filter: blur(10px);
}

@media screen and (max-width: 980px) {
	.et_header_style_left .logo_container {
		top: -6px;
	}
	
	#page-container #main-header {
		transition: 0.3s;
	}
	
	#page-container #main-header.et-fixed-header {
    	background-color: rgba(10, 10, 12, 0.7) !important;
		height: 60px !important;
		transition: 0.3s;
	}
	
	#page-container #main-header.et-fixed-header .logo_container {
		top: 0px;
	}
}

#page-container #mobile_space_fix {
	padding-top: 0px !important;
}

/******************* BANNER LOGO *******************/
@keyframes invertCycle {
  0% {
    filter: invert(0%);
  }
  50% {
    filter: invert(40%);
  }
  100% {
    filter: invert(0%);
  }
}

/******************* BG SPIRAL *******************/
.color-animated-png {
  animation-name: invertCycle;
  animation-duration: 4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.spiral-container {
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	opacity: 0.4;
}

.spiral-container svg {
    width: 100%;
	height: 100%;
}

@keyframes rotateSpiral {
    from { transform: rotate(0deg) scale(1); }
    to { transform: rotate(120deg) scale(1.5); }
}

/******************* SVG REVEAL *******************/
.logo-manifest-container {
	width: 220px;
	margin: 0 auto 30px;
}

.active-path {
	fill: transparent;
	stroke: #fff;
	stroke-width: 1.5;
	stroke-dasharray: 8000;
	stroke-dashoffset: 8000;
	transition: fill 2.5s ease 3s;
}

/* Triggered by JS */
.start-animation .active-path {
	animation: liquidDraw 8s cubic-bezier(0.7, 0, 0.3, 1) forwards;
	fill: #fff;
}

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

/******************* SEAHORSE ANIMATION *******************/
@keyframes colorShift {
  0% {
    filter: saturate(100%) hue-rotate(0deg);
  }
  50% {
    filter: saturate(200%) hue-rotate(250deg);
  }
  100% {
    filter: saturate(0%) hue-rotate(0deg);
  }
}

.seahorse_animation {
  animation: colorShift 13s infinite alternate linear;
}

/******************* POPUP RATING COLOUR *******************/
.dipi-testimonial-review-popup-open #dipi-review-popup-0-1 .dipi-testimonial-star-rating {
	color: #1b6183 !important;
}

/******************* REVEAL *******************/
#page-container .dipi-reveal-container-expanded {
	height: auto !important;
}

/****************Cookie Notice Style Overrides****************/

.cky-btn-customize {
	color: #0A0A0C !important;
	border: 2px solid #0A0A0C !important;
	background-color: transparent;
}

.cky-btn-reject {
	color: #fff !important;
	background-color:  #0A0A0C !important;
	border: 2px solid #0A0A0C !important;
}

.cky-btn-accept {
	background-color:  #0A0A0C !important;
	border: 2px solid #0A0A0C !important;
}

.cky-btn-revisit-wrapper {
	background:  #0A0A0C !important;
}