/*
Theme Name: agitect-theme
Theme URI: 
Author: Sarah Schneller
Author URI: 
Description: Theme for the Relaunch of agitect. Design by Sarah Schneller and UXeria (Sabrina Skupien)
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agitect-theme
Tags: 
*/

:root {
	--Gradient-green-blue: linear-gradient(116deg, #6EB63D 0%, #2787CF 60.1%);
	--Gradient-blue-violet: linear-gradient(116deg, #2787CF 0%, #AD46FF 60.1%);
	--Gradient-blue-violet-dark: linear-gradient(116deg, #2F5D83 0%, #723D9C 60.1%);
	--Gradient-violet-blue: linear-gradient(116deg, #AD46FF 0%, #2787CF 60%);
	--Gradient-light-blue: linear-gradient(135deg, #FFF 0%, #F8FAFC 50%, rgba(239, 246, 255, 0.20) 100%);
	--Gradient-Left: linear-gradient(108deg, #6EB63D 0%, #2787CF 153.53%);
	--Gradient-Mid: linear-gradient(108deg, #4FA744 -77.95%, #2787CF 37.49%, #9810FA 152.94%);
	--Gradient-Right: linear-gradient(90deg, #2787CF -104.47%, #9333EA 100%);
}

@media (max-width: 1024px) {
	:root {
		--wp--style--global--content-size: 85vw !important;
	}
}

@media (min-width: 1800px) {
	:root {
		--wp--style--global--content-size: 1600px !important;
	}
}





@media (max-width: 900px) {
	.break-word-mobile {
		hyphens: auto;
		-webkit-hyphens: auto; 
		-ms-hyphens: auto;    
		overflow-wrap: break-word; 
	}
	
	.no-break-mobile {
		hyphens: none;
        -webkit-hyphens: none; /* für Safari/ältere Browser */
		-ms-hyphens: none;     /* für IE */
		overflow-wrap: unset; /* falls nötig */
	}
}

.no-break {
	hyphens: none;
	-webkit-hyphens: none; /* für Safari/ältere Browser */
	-ms-hyphens: none;     /* für IE */
	overflow-wrap: unset; /* falls nötig */
}

@media (min-width: 901px) {
	.no-break-desktop {
		hyphens: none;
        -webkit-hyphens: none; /* für Safari/ältere Browser */
		-ms-hyphens: none;     /* für IE */
		overflow-wrap: unset; /* falls nötig */
	}
}

.no-scroll {
	overflow: hidden;
}

.ag-popup-close {
	cursor: pointer;
}

.absolute-bottom {
	position: absolute;
	bottom: 0;
}


@media (max-width: 1024px) {
	.entry-content.wp-block-post-content {
		margin-top: 58px !important;
	}

}


html {
  scroll-behavior: smooth;
}

img {
	/*width: 100%;*/
}

.subheadline {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 19.2px */
	letter-spacing: 1px;
	text-transform: uppercase;
}

footer {
	margin-top: 0;
	margin-block-start: 0px !important;
}


/* LINK Styling */

.entry-content a:not(.wp-element-button, .kb-button, .kt-svg-icon-link, .no-link-style) {
	border-bottom: solid 1px var(--wp--preset--color--custom-dark);
	padding-bottom: 4px;
	transition: border-color ease 0.5s, color ease 0.5s;
}

.entry-content a:not(.wp-element-button, .kb-button, .kt-svg-icon-link, .no-link-style):hover {
	border-bottom: solid 1px var(--wp--preset--color--custom-primary-shade-four);
	padding-bottom: 4px;
}

.entry-content a:not(.wp-element-button, .kb-button, .kt-svg-icon-link, .no-link-style):after {
	content: '';
	width: 16px;
	height: 16px;
	background-image: url('./icons/arrow-right.svg');
	position: relative;
    display: inline-block;
    top: 2px;
    margin-left: 10px;
}

.entry-content a:not(.wp-element-button, .kb-button, .kt-svg-icon-link, .no-link-style):hover:after {
	background-image: url('./icons/arrow-right-hover.svg');
}

.entry-content .has-custom-white-color a:not(.wp-element-button, .kb-button, .kt-svg-icon-link, .no-link-style) {
	border-bottom: solid 1px var(--wp--preset--color--custom-white);
}

.entry-content .has-custom-white-color a:not(.wp-element-button, .kb-button, .kt-svg-icon-link, .no-link-style):after {
	background-image: url('./icons/arrow-right-white.svg');
}

.no-link-style a, 
.wp-block-categories-list a {
	border-bottom: 0 none !important;
	padding-bottom: auto !important;
	transition: none !important;
}

.no-link-style a:hover, 
.wp-block-categories-list a:hover{
	border-bottom: 0 none !important;
	padding-bottom: auto !important;
}

.no-link-style a:hover:after,
.wp-block-categories-list a:hover:after {
	background-image: none !important;
}

.no-link-style .has-custom-white-color a {
	border-bottom: 0 none !important;
}

.no-link-style .has-custom-white-color a:after {
	background-image: none !important;
}
.no-link-style a:after,
.wp-block-categories-list a:after {
	content: none !important;
	width: 0px !important;
	height: 0px !important;
	background-image: none !important;
    top: 0 !important;
    margin-left: 0 !important;
}



/* gradients */
.gradient {
	background-clip: text !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.green-blue {
	background: var(--Gradient-green-blue, linear-gradient(116deg, #6EB63D 0%, #2787CF 60.1%));
}
.blue-purple {
	background: var(--Gradient-blue-violet, linear-gradient(116deg, #2787CF 0%, #AD46FF 60.1%));
}
.purple-blue {
	background: var(--Gradient-violet-blue, linear-gradient(116deg, #AD46FF 0%, #2787CF 60%));
}

.light-blue {
	background: var(--Gradient-light-blue, linear-gradient(135deg, #FFF 0%, #F8FAFC 50%, rgba(239, 246, 255, 0.20) 100%));
}

.left-green-blue {
	background: var(--Gradient-Left);
}

.mid-green-blue {
	background: var(--Gradient-Mid);
}

.right-blue-purple {
	background: var(--Gradient-Right);
}

/* Gradient top on box */
.border-box-top:before {
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	z-index: 1;
	-moz-border-radius: 0px;
	-webkit-border-radius: 20px 20px 0px 0px;
	border-radius: 20px 20px 0px 0px; 
	background: var(--wp--preset--color--custom-dark);
}

.border-box-top.border-green-blue:before {
	background: var(--Gradient-Left);
}

.border-box-top.border-blue-purple:before {
	background: var(--Gradient-Mid);
}

.border-box-top.border-purple-blue:before {
	background: var(--Gradient-Right);
}

/* Tabs Individual Styling */
.kt-tab-title-active .kt-title-text, .kt-title-item:hover .kt-title-text {
	font-weight: bold;
	background-clip: text !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background: var(--Gradient-blue-violet);
}

.entry-content .kt-title-item a:after {
	content: unset;
}

.kt-tab-title-active svg, .kt-title-item:hover svg {
	color: var(--wp--preset--color--custom-tertiary);
}

.kt-tabs-layout-vtabs.kt-tab-alignment-left>.kt-tabs-title-list li .kt-tab-title {
	justify-content: space-between !important;
}

/* Hero Teaser green triangles */
.triangles {
	position: absolute;
	right: 0;
	z-index: 1;
    height: 80vh;
    width: 44vh;
}

.triangles img {
	width: 100%;
}


@media (max-width: 1024px) {
	.triangles {
		display: none;
	}
}

/* Triangle in Strokes */
@media (min-width: 1024px) {
	.with-stroke-triangles:before {
		content: '';
		background: url('./images/triangles-stroke.svg');
		position: absolute;
		left:0;
		bottom: 0;
		width: 100%;
		height: 720px;
		background-repeat: no-repeat;
		z-index: 0;
	}
}

/*.hero-teaser-with-green-triangles:after {
	content: '';
	background: url('./images/agitect-triangle-big-green.svg');
	position: absolute;
	right:0;
	top: 0;
	width: 100%;
    height: 85vh;
    background-repeat: no-repeat;
	z-index: 2;
}*/

/* events */
.event-date {
	position: absolute;
    right: 20px;
    top: -75px;
    min-width: 25%;
}

.event-category {
	display: inline-block;
}

.event-more-button {
	position: absolute;
	bottom: -26px;
	right: 20px;
}


/* Mega Menu */
#mega-menu-max_mega_menu_1 + p {
	margin: 0;
}
	
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a, 
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a,
.main-navigation ul > li > a {
	background: var(--Gradient-green-blue, linear-gradient(116deg, #6EB63D 0%, #2787CF 60.1%)) !important;
	display: inline-block !important;
	background-clip: text !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	letter-spacing: 1px;
	text-transform: uppercase !important;
}

.main-navigation .wp-block-navigation-submenu > a:after {
	content: "\f344";
    display: inline-block;
    font: inherit;
    font-family: dashicons;
    position: static;
    margin: 0 6px 0 0px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    background: transparent;
    height: auto;
    width: auto;
    top: auto;
	margin-left: 5px;
}

.main-navigation ul > li > ul > li > a{
	background: none !important;
	color: var(--wp--preset--color--custom-dark) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	-webkit-text-fill-color: var(--wp--preset--color--custom-dark) !important; 
}

.main-navigation a:hover {
	font-weight: bold;
}

.main-navigation ul, .main-navigation li {
	padding: 0 !important;
	margin: 0 !important;
}

.wp-block-navigation__responsive-container.is-menu-open.is-menu-open {
	padding: 18px calc(5vw + 15px);
}



#mega-menu-item-97 {
	border-left: solid 2px rgba(61, 142, 52, 0.10) !important;
}

/* TEAM Linked In */
.linked-in-link {
	position: relative;
}

.linked-in-link .kb-svg-icon-wrap {
	position: absolute;
	box-shadow: 0 0 20px 0 rgba(51, 51, 51, 0.15);
	right: 20px;
    top: -50px;
    z-index: 1;
}

.hs-form label, .hs-form input, .hs-form textarea, .hs-form select {
  font-family: 'Open Sans' !important;
} 


/* Blog */
.taxonomy-category a {
	padding: 4px 10px;
	border-radius: 8px;
	background: #F5E7FF;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 12px;
}

.wp-block-categories-list li {
	border-radius: 8px;
	background: rgba(152, 16, 250, 0.10);
	padding: 4px 0;
}

.wp-block-categories-list li a {
	padding: 4px 10px;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--wp--preset--color--custom-tertiary-shade-one);
}


.wp-block-categories-list li {
	float: left;
	list-style: none;
	margin-right: 10px;
}