/*
Theme Name: Fink Child Theme
Theme URI: https://finkct.de/
Description: This is a custom child theme for Salient
Author: ComMotion
Author URI: https://commotion.online/
Template: salient
Version: 0.1
*/

/* Fonts */

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

/* Basic */

	:root {
		--green: #87bd25;
	}

	body, h1, h2, h3, h4, h5, h6, blockquote, select, strong, .toggles a, .nectar-button,
	#slide-out-widget-area .inner .off-canvas-menu-container li>a, body #sidebar h4, body .widget h4, body #footer-outer .widget h4, input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], button[type=submit], input[type=button], input[type=submit], #call-to-action span, .uppercase {
		font-family: 'Asap', 'sans-serif' !important;
	}

	a {
		text-decoration: underline;
	} a i, a.fa {
		text-decoration: none !important;
	}

	abbr[title], abbr[data-original-title] {
		cursor: help;
		border-bottom: 1px dotted #555;
	}

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

	code {
		padding: .5em;
		margin-bottom: 0;
		white-space: break-spaces;
	} p code, ul li code {
		display: inline;
	}

/* Breadcrumbs */

	#breadcrumbs {
		font-size: .8em;
	}

/* Page */

	.m-0 {
		margin: 0 !important;
	}

/* Blog */

	.masonry.meta_overlaid .masonry-blog-item {
		padding: 5px;
	}

	body .masonry.meta_overlaid .masonry-blog-item .post-featured-img img {
		height: auto !important;
		aspect-ratio: 1;
	} body .masonry.meta_overlaid .masonry-blog-item .post-featured-img:before {
		height: 35%;
		background-color: rgba(0,0,0,.5);
	}

/* Buttons */

	.nectar-button, .nectar-button.medium, .nectar-button.large, button[type=submit], input[type=button], input[type=submit] {
		font-size: 20px !important;
	}

/* Gallery */

	.nectar-flickity:not(.masonry) .flickity-slider .cell {
		overflow: visible;
	} .nectar-flickity:not(.masonry) .flickity-slider .cell img {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.nectar-flickity:not(.masonry) .flickity-slider .cell:not(.is-selected) img {
		transform: translateX(950px) perspective(550px) rotateY(50deg) scale(0.5, 0.5);
	} .nectar-flickity:not(.masonry) .flickity-slider .cell:not(.is-selected) + .cell:not(.is-selected) img {
		transform: translateX(350px) perspective(550px) rotateY(25deg) scale(0.5, 0.5);
	} .nectar-flickity:not(.masonry) .flickity-slider .cell.is-selected img {
		transform: scale(0.75, 0.75);
	} .nectar-flickity:not(.masonry) .flickity-slider .cell.is-selected + .cell img {
		transform: translateX(-350px) perspective(550px) rotateY(-25deg) scale(0.5, 0.5);
	} .nectar-flickity:not(.masonry) .flickity-slider .cell.is-selected + .cell + .cell img {
		transform: translateX(-950px) perspective(550px) rotateY(-50deg) scale(0.5, 0.5);
	}

/* Toggle Panels */

	body .toggle {
		margin: 0;
	}

	.toggle > .toggle-title a, .toggle > .toggle-title a:hover,
	div[data-style="default"] .toggle > .toggle-title a {
		padding: 1em 1em 2em 4em;

		color: #fff;
		background-color: #009ee3;

		font-size: 25px;
		font-weight: bold;
		line-height: 1;
		text-decoration: none;
		
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border-top-right-radius: 10px;
	} div[data-style="default"] .toggle > .toggle-title a:before {
		content: '';
		position: absolute;
		left: 0; top: -20px;
		width: 100px;
		height: 20px;
		background-color: #009ee3;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	} .toggle>.toggle-title a i {
		display: none;
	}

	.toggle > .toggle-title a, .toggle:nth-child(2n) > .toggle-title a:hover,
	div[data-style="default"] .toggle:nth-child(2n) > .toggle-title a,
	div[data-style="default"] .toggle:nth-child(2n) > .toggle-title a:before {
		color: #009ee3;
		background-color: #111d2d;
	}

	body .toggle[data-inner-wrap=true]>div .inner-toggle-wrap {
		padding: 1.5em 2em 4em;
		color: #000;
	}

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


}

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


}

@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;
	}
}