/* -------------------------------------------------- 
Theme Name:         	Binder Child Theme
Theme URI:          	https://bindertechrecruiting.de/
Description:        	Binder Child Theme
Version:            	1.0.0
Author:             	ComMotion
Author URI:         	https://commotion.online/
Text Domain: 			salient
Template: 				salient

License: 				GNU General Public License v2.0
License URI:			http://www.gnu.org/licenses/gpl-2.0.html

Foundation License:		MIT License
Foundation License URI:	http://www.opensource.org/licenses/mit-license.php
-------------------------------------------------- */

/* -------------------------------------------------- 

	This stylesheet will not be loaded by default.
	The main stylesheet is in assets/css/ and development will be through assets/scss/

-------------------------------------------------- */

/* Fonts */

	@font-face {
		font-family: 'Montserrat';
		font-style: normal;
		font-display: swap;
		src: url('fonts/Montserrat-Variable.ttf');
	}

/* Basic */

	body, h1, h2, h3, h4, h5, h6, dt, blockquote, strong, b, .bold, .row .col.section-title p, .row .col.section-title span, #slide-out-widget-area .inner .off-canvas-menu-container li a, #call-to-action span, #call-to-action .container a, .nectar-button, input[type=submit], button[type=submit], input[type="button"], select, .portfolio-filters-inline #current-category, #search-outer #search input[type=text], #search-results .result .title span, #page-header-bg .subheader, .nectar-box-roll .overlaid-content .subheader, .pricing-column.highlight h3 .highlight-reason,
	#pagination .next.inactive, #pagination .prev.inactive, #pagination a, #pagination span, #infscr-loading div {
		font-family: 'Montserrat', sans-serif !important;
	} body h1, body h2, body h3, body h4, body h5, body h6 {
		color: #001e18;
	}

	small {
		font-size: 14px;
		font-weight: normal;
		line-height: normal;
	}

	code {
		padding: .5em;
		margin-bottom: 0;
		white-space: normal;
	} p code {
		display: inline;
	}

/* Cookie */

	#cookie-notice.cookie-notice-visible {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	} #cookie-notice.cookie-notice-visible .cookie-notice-container {
		max-width: 500px;
		background-color: #fff;
		border-radius: 5px;
	}

	.cn-button {
		color: #000 !important;
		padding: .5em 1em;
		background: transparent !important;
	} #cn-accept-cookie {
		background-color: #b9f3e6 !important;
	}

	#cookie-notice.cookie-revoke-visible {
		display: none;
	}

/* Header */

	body #header-outer.side-widget-open, body[data-header-color="dark"] #header-outer.side-widget-open {
		background-color: transparent;
	} body #header-outer.side-widget-open #top #logo, body #header-outer.side-widget-open #top nav>ul:not(.buttons) {
		opacity: 0;
		visibility: hidden;
	}

	#header-outer:not([data-format=left-header]) #top>.container>.row, #header-outer:not([data-format=left-header]) #top>.container>.row nav, #header-outer:not([data-format=left-header]) #top>.container>.row nav>ul, #header-outer:not([data-format=left-header]) #top>.container>.row nav>ul>li {
		align-items: center;
	}

	body.material #header-outer:not([data-format=left-header]) #top nav>.buttons {
		margin-left: 25px;
		padding-left: 25px;
		border-left: 1px solid #000;
	} body.material #header-outer.side-widget-open #top nav>.buttons {
		border-left: 0 none;
	}

	/* Off Canvas */

	.blurred-wrap.blurred {
		-webkit-filter: blur(0) !important;
		-moz-filter: blur(0) !important;
		-ms-filter: blur(0) !important;
		filter: blur(0) !important;
	}

	#slide-out-widget-area-bg.fullscreen {
		width: 350px !important;
		height: 100%;
		display: block !important;
		margin-left: auto;
		right: 0;

		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		box-shadow: 0 3px 45px rgba(0,0,0,.25);
		background-color: rgba(255,255,255,.9);
		/* background: linear-gradient(180deg, rgba(255,255,255,.17) 0%, #FFFFFF 101.43%, rgba(255,255,255,.53) 100%); */
		-webkit-backdrop-filter: blur(8px);
		-moz-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);

		opacity: 1 !important;
		transform: translate(0, 0) !important;
		transition: width .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s !important;
	} #slide-out-widget-area-bg.fullscreen-alt.dark, #slide-out-widget-area-bg.fullscreen.dark {
		opacity: 1 !important;
	} .blurred-wrap:not(.blurred) + #slide-out-widget-area-bg.fullscreen {
		width: 0 !important;
	}

	#slide-out-widget-area.fullscreen, #slide-out-widget-area.fullscreen-alt {
		text-align: left !important;
	}

	#slide-out-widget-area.fullscreen .inner, #slide-out-widget-area.fullscreen-alt .inner {
		margin: 0 !important;
		padding: 0 !important;
	}

	#slide-out-widget-area .off-canvas-menu-container {
		width: 350px;
		padding: 4rem !important;
		margin-left: auto !important;
	}

	#slide-out-widget-area.fullscreen .off-canvas-menu-container li.current-menu-item a {
		display: inline-block;
	} #slide-out-widget-area.fullscreen .off-canvas-menu-container li.current-menu-item a:before {
		content: '';
		width: calc(100% - 20px);
		height: 10px;
		background-color: #b9f3e6;

		position: absolute;
		left: 10px; bottom: 10px; right: 10px;
		z-index: -1;
	}

	#header-outer:not(.transparent) #top nav ul .slide-out-widget-area-toggle a:hover .lines:after, #header-outer:not(.transparent) #top nav ul .slide-out-widget-area-toggle a:hover .lines:before, #header-outer:not(.transparent) #top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after, body[data-header-format="left-header"] #header-outer[data-lhe="animated_underline"] #top nav > ul > li:not([class*="button_"]) > a > span:after, #header-outer[data-lhe="animated_underline"] .nectar-header-text-content a:after {
		background-color: #000 !important;
	}

	#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container .menu>li#menu-item-1133, #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container .menu>li#menu-item-1264 {
		margin-bottom: 2.5rem;
	}

/* Breadcrumbs */

	#breadcrumbs a {
		color: inherit;
	}

/* Page */

	#ajax-content-wrap .container-wrap {
		padding-top: 0;
	}

	.wpb_wrapper>div.mb-0 {
		margin-bottom: 0;
	}

/* Blob */

	.blob {
		width: 100%;
		height: 50vh;
		max-height: 500px;
		background-color: #b9f3e6;
		border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;

		animation: morph 10s linear infinite;
		transform-style: preserve-3d;
		outline: 1px solid transparent;
		will-change: border-radius;

		display: none;
	}

	/* .blob:before, .blob:after {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		background-color: #b9f3e6;
		border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;

		position: absolute;
		left: 0; top: 0;

		will-change: border-radius, transform, opacity;
		animation-delay: .5s;
	} .blob:before {
		animation: morph 5s linear infinite;
		animation-duration: 2.5s;
	} .blob:after {
		animation: morph 5s linear infinite;
		animation-delay: 1s;
		line-height: 120px;
		text-indent: -21px;
	} */

	@keyframes morph {
		0%, 100% {
			border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
			transform: translate3d(0,0,0) rotateZ(0.01deg);
		} 34% {
			border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
			transform:  translate3d(0,5px,0) rotateZ(0.01deg);
		} 50% {
			transform: translate3d(0,0,0) rotateZ(0.01deg);
		} 67% {
			border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
			transform: translate3d(0,-3px,0) rotateZ(0.01deg);
		}
	}

/* Button */

	.nectar-button, .wp-block-button__link {
		font-size: 16px !important;
		padding: 15px 22px;
	}

	.col.dark .nectar-button.see-through:hover, .col.dark .nectar-button.see-through-2:hover,
	.col.dark .nectar-button.see-through.active, .col.dark .nectar-button.see-through-2.active {
		border-color: #b9f3e6 !important;
	}

	.nectar-button.box-shadow {
		margin-right: 25px;
		box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.08) !important;
		transition: all .3s;
	} .nectar-button:hover {
		box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2) !important;
	}

/* Tabs */

	/* Button */

	.tabbed[data-style="default"] > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.tabbed[data-style="default"] > ul li {
		float: none;
		margin: 1%;
	}

	.tabbed[data-style="default"] > ul li a {
		color: #001e18;
		padding: 15px 35px;
		line-height: 1;
		background-color: transparent;
		border: 2px solid rgba(0, 30, 24, 0.75);
		border-radius: 200px;
	} .tabbed[data-color-scheme="accent-color"][data-style="default"] li:not(.cta-button) .active-tab {
		color: #001e18;
		background-color: transparent;
	}

	/* Underline */

	.tabbed[data-style="minimal_alt"] > ul li:not(.cta-button) {
		margin: 0 50px 0 0 !important;
	}

	.tabbed[data-style=minimal]>ul li:not(.cta-button) .active-tab, .tabbed[data-style=minimal]>ul li:not(.cta-button) a, .tabbed[data-style=minimal_alt]>ul li:not(.cta-button) .active-tab, .tabbed[data-style=minimal_alt]>ul li:not(.cta-button) a {
		color: #001e18;
		font-size: 30px;
		line-height: 40px;
		font-weight: 600;
		margin-bottom: 25px;
		overflow: visible;
		transition: all .3s;
	} .tabbed[data-style=minimal]>ul li:not(.cta-button):not(.active-tab) a, .tabbed[data-style=minimal_alt]>ul li:not(.cta-button):not(.active-tab) a {
		color: #99a5a3;
	}

	.tabbed[data-style="minimal_alt"] .magic-line {
		height: 5px;
		z-index: -1;
	}

	.tabbed[data-style*=minimal]>ul li a:after {
		width: 75px;
	}

/* Clients */

	.clients[data-he=greyscale_to_color]>div img {
		margin: 0 auto !important;
		display: block;
		max-height: 40px;
		opacity: .5 !important;
	} .clients[data-he=greyscale_to_color]>div:hover img {
		opacity: 1 !important;
	}

/* Toggle Panels */

	body .toggles--minimal-shadow .toggle {
		margin-bottom: 10px;
		border: 0 none;
		border-radius: 10px;
		box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.08);
		transition: all .3s;
	} body .toggles--minimal-shadow .toggle:hover {
		box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.2);
	} .toggles--minimal-shadow .toggle:before {
		display: none;
	}

	.toggle>.toggle-title, .toggle>.toggle-title a, div[data-style="minimal"] .toggle:hover > .toggle-title a {
		color: #000;
		font-size: 20px;
		font-weight: bold;
		line-height: normal;
	}

	div[data-style*=minimal] .toggle>.toggle-title i {
		border: 0 none;
	} div[data-style*="minimal"] .toggle.open .toggle-title i {
		transform: rotate(90deg) translateY(4px);
	}

/* Call to Action */

	.nectar-cta[data-style=see-through] .link_wrap .arrow:before, .nectar-cta[data-style=see-through] .link_wrap .arrow:after {
		transform: scale(1,1) translateX(9px);
	} .nectar-cta[data-style=see-through] .link_wrap .link_text:after {
		transform: scale(.8);
		opacity: 0;
	}

	.nectar-cta[data-style=see-through] .link_wrap .link_text .arrow {
		transition: all .3s;
	} .nectar-cta[data-style=see-through] .link_wrap:hover .link_text .arrow {
		animation-name: bounce;
		animation-duration: 1s;
		animation-iteration-count: infinite;
	}

	@keyframes bounce {
		0%   { margin-left: 0; }
		50%  { margin-left: 10px; }
		100% { margin-left: 0; }
	}

/* Footer */

	#footer-outer img {
		width: 200px;
	}

	#footer-outer .widget {
		margin-bottom: 0;
	} #footer-outer .widget h4 {
		margin-bottom: 10px;
	}

	/* Copyright */

	body #footer-outer #copyright {
		padding-bottom: 25px;
	} #footer-outer #copyright .col {
		padding-top: 25px;
		border-top: 2px solid #000;
	}

	#footer-outer #copyright a:not(.nectar-button) {
		display: inline-block;
		font-weight: bold;
		margin-top: 15px;
		margin-right: 15px;
	}

@media only screen and (min-width: 1000px) {

	.tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a:after {
		content: '';
		display: block;
		width: calc(100% - 75px);
		height: 10px;

		position: absolute;
		left: 75px; right: 0; bottom: -20px;
		background-color: #fff;
	}
}

@media only screen and (max-width: 999px) {

	#blob {
		display: none;
	} .blob {
		display: block;
		width: 75%;
		height: 25vh;
	}
}

@media only screen and (max-width: 690px) {

	h1, h2, .row .col.section-title h1, .row .col.section-title h2, .home h3 {
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;

		white-space: normal;
	}

	#slide-out-widget-area-bg.fullscreen {
		width: 100% !important;
	} #slide-out-widget-area .off-canvas-menu-container {
		width: 100%;
		max-width: 320px;
		padding: 5em 0 0 !important;
		margin: 0 auto !important;
	} body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li > a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
		padding: 15px 0;
		font-size: 20px !important;
	}
}