/*
Theme Name: VGH Versicherungen Child Theme
Theme URI: https://www.vgh.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: 'Sparkasse Web';
		font-style: normal;
		font-weight: normal;
		font-display: swap;
		src: url('fonts/Sparkasse-Web-Light.ttf'); 
	}

	@font-face {
		font-family: 'Sparkasse Web';
		font-style: normal;
		font-weight: bold;
		font-display: swap;
		src: url('fonts/Sparkasse-Web-Regular.ttf');
	}

	@font-face {
		font-family: 'vgh-iconfont';
		font-style: normal;
		font-weight: normal;
		src: url('fonts/vgh-iconfont.ttf');
		src: url('fonts/vgh-iconfont.ttf') format('truetype'), url('fonts/vgh-iconfont.svg#vgh-iconfont') format('svg');
	}

/* Basic */

	body, h1, h2, h3, h4, h5, h6, blockquote, dt, .bold, strong, b, select, .row .col.section-title p, .row .col.section-title span, .bold, strong, b, body .wpb_text_column, .nectar-button, input[type=submit], button[type=submit], input[type="button"], #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a, #footer-outer .widget h4, .nectar-milestone .number, .text-on-hover-wrap .categories a, #page-header-bg .subheader, .nectar-box-roll .overlaid-content .subheader, #call-to-action .container span, .portfolio-filters-inline:not([data-color-scheme="default"]) #current-category, .portfolio-filters-inline:not([data-color-scheme="default"]) ul li a, #search-outer #search input[type=text], #search-results .result .title span, .pricing-table[data-style="default"] .pricing-column h4 .dollar-sign, .pricing-column.highlight h3 .highlight-reason, .nectar-recent-posts-slider .container .strong, #pagination span, #pagination a, #pagination .next.inactive, #pagination .prev.inactive, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce .container-wrap nav.woocommerce-pagination ul li span, .container-wrap nav.woocommerce-pagination ul li span, .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price ins .amount, .woocommerce .cart .quantity input.qty, .ascend.woocommerce .cart .quantity input.qty, .ascend .woocommerce .cart .quantity input.qty, .nectar-quick-view-box .cart .quantity input.qty, .woocommerce table.order-review th, .woocommerce-page table.order-review th, .woocommerce table.order-review tfoot td, .woocommerce table.order-review tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th, .woocommerce-page .woocommerce p.cart-empty {
		font-family: 'Sparkasse Web', Arial, sans-serif !important;
	}

	body h1, body h2, body h3 {
		color: #484a4f;
		font-weight: 400;
	}

	small, #breadcrumbs {
		font-size: 14px;
	}

	code {
		padding: .5em;
		margin-bottom: 0;
		display: inline-block;
	}

/* 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 {
		color: #fff !important;
		background-color: #0558f2 !important;
	}

/* Header */

	#top nav>ul>li.current-menu-item:after, #top nav>ul>li:hover:after {
		content: ' ';
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent transparent #0558f2 transparent;
		display: inline-block;
		border-width: 0.375rem;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -0.375rem;
	}

	/* Secondary Header */

	body.material #header-secondary-outer .breadcrumbs {
		line-height: 45px;
	}

	body.material #header-secondary-outer nav>ul>li:last-child>a {
		padding: 4px 30px;
		color: #fff !important;
		background-color: #0558f2;
		transition: all .3s;
	} body.material #header-secondary-outer nav>ul>li:last-child>a:hover {
		color: #fff !important;
		opacity: .75;
	}

/* Front Page */

	.home-wrap {
		padding-top: 0;
	}

/* Page */

	.container-wrap, .project-title {
		padding-bottom: 0;
	}

	/* Header */

	#page-header-bg h1, .nectar-box-roll .overlaid-content h1,
	#page-header-bg .subheader {
		text-shadow: 0 3px 6px rgba(0,0,0,.25);
	}

	/* SVG */

	svg {
		width: 100%;
	}

	svg .hover > circle, svg .hover.active:hover > circle {
		fill: #edf0f4;
		cursor: pointer;
	} svg .hover > path, svg .hover.active:hover > path {
		fill: #c4d0e4;
	} svg .hover > g > *, svg .hover.active:hover > g > * {
		fill: #c4d0e4;
	}

	svg .hover.active > circle, svg .hover:not(.active):hover > circle {
		fill: rgba(4,70,190,0.7);
	} svg .hover.active > path, svg .hover:not(.active):hover > path {
		fill: #0446be;
	} svg .hover.active > g > *, svg .hover:not(.active):hover > g > * {
		fill: #fff;
	}

	/* DNA */

	svg [data-content] {
		cursor: pointer;
	}

	svg [data-content] > .dot-active, svg [data-content] > .border {
		opacity: 0;
		visibility: hidden;
		transition: all .3s;
	} svg [data-content]:hover > .dot-active, svg [data-content]:hover > .border,
	svg .active[data-content] > .dot-active, svg .active[data-content] > .border {
		opacity: 1;
		visibility: visible;
	}

	svg [data-content]:hover text {
		transition: all .3s;
	} svg [data-content]:hover text,
	svg .active[data-content] text {
		fill: #1C45B7;
	}

/* Multisite */

	.multisite-grid {
		display: grid;
		grid-template-columns: repeat(3, 32.3333%);
		column-gap: 1%;
		row-gap: 4rem;
	}

	.multisite-grid > * {
		text-align: center;
	}

/* Video */

	.wpb_video_widget.vc_video-aspect-ratio-916 .wpb_video_wrapper {
		width: 250px;
		height: 500px;
		padding: 40px 5px;
		margin: 0 auto;

		background-image: url(/wp-content/uploads/phone.svg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	} .wpb_video_widget.vc_video-aspect-ratio-916 .wpb_video_wrapper > video {
		position: relative;
		z-index: -1;
	}

	.nectar_video_player_self_hosted .play_button .play:before {
		width: 40px;
		height: 40px;
		top: -10px; left: -10px;
	} .nectar_video_player_self_hosted .play_button svg {
		width: 20px;
		height: 20px;
	}

	.fancybox-slide--video .fancybox-content {
		min-height: 450px;
	}

/* Tabs */

	.tabbed>ul, .wpb_content_element .tabbed .wpb_tabs_nav {
		margin-bottom: 0;
	}

	.wpb_tab .wpb_content_element {
		margin-bottom: 0;
	}

	.wpb_content_element .wpb_tabs_nav li {
		width: 50%;
	}

	.tabbed>ul li a {
		background-color: transparent;
	} .tabbed[data-color-scheme="accent-color"][data-style="default"] li:not(.cta-button) .active-tab {
		color: #484A4F;
		background-color: #edf0f4;
		border-color: #edf0f4;
	}

	.tabbed .wpb_tab {
		padding: 1.5rem 15px 1rem;
		background-color: #edf0f4;
	}

/* Split Line Heading */

	.nectar-split-heading[data-animation-type="line-reveal-by-space"][data-align="center"] {
		text-align: center;
	}

/* Toggle Panels */

	div[data-style="default"] .toggle > .toggle-title a, div[data-style="default"] .toggle > .toggle-title {
		font-size: 18px;
		line-height: 20px;
	}

	.toggle>.toggle-title a {
		padding: 20px 25px 20px 55px;
		background-color: #edf0f4;
	} .toggle>.toggle-title a:hover {
		background-color: #cbcfd3;
	} .toggle.open > .toggle-title a {
		color: #0558f2;
		background-color: #edf0f4;
	}

	.toggle>.toggle-title a i, .toggle.open>.toggle-title a i {
		color: #0558f2;
		top: 20px; left: 20px;
	}

	.toggle>.toggle-title a i:before, .toggle.open>.toggle-title a i:before {
		display: inline-block;
		font-family: 'vgh-iconfont';
		font-style: normal;
		font-variant: normal;
		text-decoration: inherit;
		text-rendering: optimizeLegibility;
		text-transform: none;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
	} .toggle>.toggle-title a i:before {
		content: 'w';
	} .toggle.open>.toggle-title a i:before {
		content: 'H';
	}

	body .toggle>div {
		background-color: #edf0f4;
		box-shadow: none;
	}

	body .toggle[data-inner-wrap=true]>div .inner-toggle-wrap {
		padding: 1rem 2rem 2.5rem 55px;
	}

/* Icon with Text */

	.iwithtext {
		display: inline-block;
	}

	.iwithtext .iwt-icon {
		top: 6px;
	} .iwithtext .iwt-icon img {
		width: 7px !important;
	} .iwithtext .iwt-icon [class^=icon-].icon-default-style {
		width: 15px;
		height: 15px;
		font-size: 15px;
		line-height: 18px;
	}

	.iwithtext .iwt-text {
		padding-left: 15px;
		transition: all .3s;
	} .iwithtext:hover .iwt-text {
		padding-left: 25px;
	} .iwithtext .iwt-text a {
		color: #484a4f;
	} .iwithtext .iwt-text a:hover {
		color: #0558f2;
	}

/* Call to Action */

	#call-to-action {
		width: 100%;
		position: fixed;
		left: 0; right: 0; bottom: 0;

		font-size: 14px;
		line-height: normal;
		box-shadow: 0 -0.3125rem 0.5rem 0.0625rem rgba(0, 0, 0, 0.1);
	} #call-to-action .container {
		padding: 12px 0;
	}

	#call-to-action .container span:before {
		content: '\62';
		font-family: 'vgh-iconfont';
		font-style: normal;
		font-variant: normal;
		text-decoration: inherit;
		text-rendering: optimizeLegibility;
		text-transform: none;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;

		color: #0558F2;
		display: inline-block;
		margin-right: 5px;
	}

	#call-to-action .triangle,
	#call-to-action .container a {
		display: none;
	}

/* Footer */

	#footer-outer, body #footer-outer #copyright {
		font-size: 16px;
	} #footer-outer #copyright {
		padding-bottom: 60px;
	}

	#footer-outer #copyright .col {
		width: 100%;
		float: none;
	}

	#footer-outer #copyright a {
		margin-right: 1.25rem;
	} #footer-outer img {
		float: right;
		width: 100px;
	}

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

	#header-outer[data-full-width=true] header>.container, body[data-slide-out-widget-area-style=simple] #header-outer[data-full-width=true] #mobile-menu,
	#header-secondary-outer[data-full-width=true]>.container {
		max-width: 1440px;
	}

	.container, body[data-header-format="left-header"] .container, .woocommerce-tabs .full-width-content .tab-container, .nectar-recent-posts-slider .flickity-page-dots, .post-area.standard-minimal.full-width-content .post .inner-wrap, .material #search-outer #search {
		max-width: 1050px;
	}
}

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

	.nectar_video_player_self_hosted .play_button .play:before {
		top: 8px; left: 8px;
	}
}

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

	h1, h2 {
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;

		white-space: normal;
	}
}