/**
 * Theme Name: Eberle 2.0
 * Author: dewolfe001 (prev. Vuria)
 * Version: 2.01
**/
/* .header {
	background-color:red;
} */

.sub-cat__blue {
	background-color: #000047;
}

.sub-cat__standards a,
.sub-cat__standard:after,
.sub-cat__title:hover {
  color: #000047;
}

.brand__logo-wrap {
	height: 12vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.brand__logo-wrap.text-center.incr1 {
	margin-top: 4vw;
	margin-bottom: 2vw;
}

.brand__logo-wrap.text-center.incr2 {
	margin-top: 0rem;	
	margin-bottom: 6rem;
}

.post-type-archive-brands img.brand__logo {
	width: 100%;	
}

.post-type-archive-brands .incr1 img.brand__logo {
	width: 25vw;
	height: auto;
}

.post-type-archive-brands .incr2 img.brand__logo {
	width: 24vw;
	height: auto;
}

.hero__image .text-center {
	text-shadow: 0 0 2px rgba(0, 0, 71, 0.2);
}

.hero h1,
h1.hero__title {
    color: #000047;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.25) !important;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.75); /* For WebKit browsers */
    text-stroke: 1px rgba(255, 255, 255, 0.75); /* Future-proofing, in case it becomes standard */
}

.hero__subtitle a {
	color: #00c2ff;
	text-shadow: 0 0 3px rgba(0, 0, 71, 0.2);
}

.advantages__row img {
	max-width: 4vw;
	height: auto;
}

img.bigger, img.about-top__small-image {
	width: 20vw;
	height: auto;
}

img.bigger, img.about-top__big-image {
	width: 30vw;
	height: auto;	
}

img.about-bottom__small-image {
	width: 25vw;
	height: auto;
}


.about-video__item {
	filter: grayscale(100%) hue-rotate(180deg) saturate(10) brightness(1);
}

.about-video__wrap::after {
	background: rgba(0, 194, 255, 0.8);						 
}

.slider_right {
	font-size: 5rem;
	line-height: 5.5rem;
	width: 45vw;
	margin-left: auto;
}

.home-products__list .product-type {
  background-color: #000047;
}

.home-products__list .product-type__title {
	color: white;
}

.product-type__title::after {
  content: url("/wp-content/themes/15_07/eberle/images/arrow-right-red.svg?h");
}

.product-type {
  background: #000047;
}

h3.product-type__title {
	color: #ffffff;
}

.sub-cat__title {
  max-width: calc(100% - 8px);
}

.stay-tuned {
  justify-content: center;
}
.stay-tuned__item {
	margin-left: 1rem;
	margin-right: 1rem;
}

.home-main::before,
.cat-main::before,
.archive-products::before,
.cat-main:after,
.archive-products::after {
	background-image: none !important;
}
	
.team::before,
.releases::before,
.posts-content::before,
.main-events::before,
.careers__main:before,
.products-main::before,
.services-main::before,
.about-top::before,
.genpage__main::before {
	background-image: none !important;
}
	
/*
{
	background-image: url("/wp-content/uploads/2024/01/Node-Wave-Dark.svg?h");	
	background-repeat: no-repeat;
	background-position: 0 0;
	max-width: 40vw;
	background-size: cover;
	z-index: -100;		
}
*/

/*
.contact__main::before {
  position: absolute;
  content: "";
  width: 100%;
  min-height: 564px;
  top: 0px;
  right: 0px;
  background-image: url("/wp-content/uploads/2024/01/Node-Wave-Dark.svg?h");
  background-repeat: no-repeat;
  background-position: 0 0;
  max-width: 40vw;
  background-size: cover;
}
*/

.about-bottom {
	position: relative;
	padding-bottom: 8.125rem;
	background-color: white;
	margin-top: 0;	
}

.about-bottom .cell.large-6:first-of-type {
	background-color: white;
	padding-top: 7vw;
	margin-top: -5vw;
}

.about-bottom .cell.large-6:last-of-type {
	margin-top: 3vw;
}

.team::after,
.releases::after,
.posts-content::after,
.main-events::after,
.careers__main:after,
.products-main::after,
.about-bottom__iso-wrap::after {
	background-image: none !important;
}
	
/*
{
	background-image: url("/wp-content/uploads/2024/01/Node-Wave-Dark.svg?h");
	background-repeat: no-repeat;
	max-width: 60vw;
	background-size: cover;
}
*/

/* driving innovations BG */

/*
section.swooped::before {
	background-image: url("/wp-content/uploads/2024/01/Node-Wave-Up-Blue.svg?x");
	width: 25vw;
	height: 25vw;
	background-size: 100% auto;
	background-position: top right;
	position: absolute;
	left: -3vw;
	margin-top: 24px;	
}
*/

section.swooped {
	background-image: url("/wp-content/uploads/2024/01/Node-Wave-Up-Blue.svg?y");
	background-size: 40vw auto;
	background-position: -10vw -2.5vw;
	background-repeat: no-repeat;
}

/*
.innovation::after {
	background-image: url("/wp-content/uploads/2024/01/Node-Wave-Red.svg?i");
	max-width: 48vw;
	background-size: 100% auto;
	background-position: bottom right;
	position: absolute;
	right: -4vw;
	bottom: -5vw;
	margin-top: 24px;
}
*/

.innovation__right-images img.innovation__top-right-image {
	max-height: 15vw !important;
	width: auto;
}

.innovation__right-images img.innovation__right-image {
	max-height: 12vw !important;
	margin-left: 1.5vw;
	width: auto;
}

.innovation::after {
	background-image: none !important;
}

a.grey-border-button.innovation__link {
	background-color: white;
}

a.grey-border-button.innovation__link:hover {
	background-color: #00C2FF;
}


.contact__top::before,
.contact__top::after,
.genpage__main.archive-products::after {
	background-image: none !important;
}

/* .page-template-template-home main:last-of-type */
.page-template-template-contact-a main {
	background-image: url('https://edi2024dev.wpenginepowered.com/wp-content/uploads/2024/01/Wave_Blue.svg');
	background-size: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: -15;
	position: relative;
}

main .swoopwd:before  {
	background-image: url("/wp-content/uploads/2024/01/Wave_Blue.svg?h");
	background-repeat: no-repeat !important;	
	background-position: 0 100vh;
	max-width: 120vw;
	background-size: cover;
	right: 0%;
	top: -25%;	
	z-index: -100;	
} 

.footer__top {
  background-color: rgb(0, 0, 71);
}
 
#searchform{
	input{
		background: #000047;
		color: #fff;
	}
}

/*
.page-template-template-about main {
	background-color: #ffffff;
	background-image: url('https://edi2024dev.wpenginepowered.com/wp-content/uploads/2024/01/Wave_Blue.svg');
	background-size: 150%;
	background-position: -17.5VW 35vw;
	background-repeat: no-repeat;
	z-index: -15;
	position: relative;
}
*/

@media (max-width: 960px) {
	.advantages__row img {
		max-width: 72px;
	}
	img.bigger, img.about-top__big-image, img.about-top__small-image, img.about-bottom__small-image {
	  width: initial;
	}

	.post-type-archive-brands .brand__logo-wrap img {
		width: auto;
		min-width: 320px;
		height: auto;
	}
}

@media (min-width: 601px) and (max-width: 960px) {
	.slider_right {
		font-size: 24px !important;
		line-height: 28px;
		width: 45vw;
		margin-left: 50vw;
	}
}

@media (max-width: 600px) {
	.slider_right {
		font-size: 24px !important;
		line-height: 28px;
		width: 80vw;
		margin-left: 10vw;
	}
}