/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

/* Global */
html {
  scroll-behavior: smooth;
}
@media screen and (max-width: 959px){
	html {
	  hyphens: auto;
	}
}
.scroll-margin {
	scroll-margin-top: 144px;
}
@media screen and (max-width: 767px){
	.col {
		padding: 0 20px;
	}
}

.site-logo .title-with-logo>:first-child {
	margin-top: -7px;
}
.site-logo img {
	margin-top: -11px;
}
@media screen and (max-width: 767px){
	.site-logo img {
		margin-top: -8px;
	}
}

header .widget-area p {
	display: none;
}

.stk-block-button--style-button-outline--light a.stk-link.stk-button:hover {
	background: white !important;
}
.stk-block-button--style-button-outline--light a.stk-link.stk-button:hover .stk-button__inner-text {
	color: var(--nv-dark-bg) !important;
}
.stk-block-button--style-button-outline--dark a.stk-link.stk-button:hover {
	background: transparent !important;
}
.stk-block-button--style-button-outline--dark a.stk-link.stk-button:hover .stk-button__inner-text {
	color: #e90000 !important;
}
.is-style-ghost .stk-button.stk--hover-effect-darken:hover {
	background: #20143D !important;
	filter: none !important;
}
.is-style-ghost .stk-button.stk--hover-effect-darken:hover .stk-button__inner-text {
	color: white!important;
}

.entry-content a:not([class]):hover,
.widget_text a:not([class]):hover,
.nv-comment-content a:not([class]):hover,
.nv-template .neve-main a:not([class]):hover {
    --linkdeco: none;
}

/* Header */
body.page #header-grid .header--row,
body.error404 #header-grid .header--row {
	max-width: 1820px;
    margin: 60px auto 0;
	border-radius: 20px;
    padding: 0 12px;
}
body.archive #header-grid .header--row,
body.single #header-grid .header--row,
body.page-template-template-pagebuilder-full-width #header-grid .header--row {
	max-width: 1820px;
    margin: 32px auto 0;
	border-radius: 20px;
	background: #1a0a42;
}
#header-grid {
	padding: 0 53px;
}
#header-grid.is-stuck .header--row {
	margin: 32px auto 0!important;
}
#header-grid.is-stuck .header--row .header--row-inner {
	border-radius: 20px;
}
.stk-block-posts__items .stk-container {
    margin: 1px;
}
header .menu-item-has-children div[role="button"] .caret,
.sm-style .sub-menu .wrap::after {
	display: none!important;
}
header .menu-item-has-children div[role="button"]::after {
	content: '\f078';
    font-family: 'Font Awesome 7 Free';
	font-size: 16px;
	margin-left: 3px;
}
li.button.button-primary.menu-item {
	padding: 8px 20px!important;
	margin: 0;
}
li.button.button-primary.menu-item:hover {
    border: 2px solid #ffffff;
    color: #ffffff !important;
	background: transparent;
}
li.button.button-primary.menu-item:hover a {
    color: #ffffff !important;
}
@media screen and (max-width: 959px) {
    .builder-item {
        padding-right: 0!important;
        padding-left: 0!important;
    }
	body.page #header-grid .header--row,
	body.error404 #header-grid .header--row,
	body.single #header-grid .header--row,
	body.page-template-template-pagebuilder-full-width #header-grid .header--row {
		height: auto!important;
		margin: 46px auto 0;
		padding: 8px 20px;
	}
	body.archive #header-grid .header--row, 
	body.single #header-grid .header--row,
	body.page-template-template-pagebuilder-full-width #header-grid .header--row {
		padding: 2px 20px;
		height: auto!important;
	}
	.site-header .header--row-inner {
		height: 44px;
	}
	#header-grid.is-stuck .header--row .header--row-inner {
		height: 32px;
	}
	li.button.button-primary.menu-item {
		width: fit-content;
	}
	li.button.button-primary.menu-item a {
		padding: 0!important;
	}
	.site-header .header--row-inner {
		height: auto;
	}
	#header-grid.is-stuck .header--row .header--row-inner {
		height: auto;
	}
	.icon-bar {
		width: 25px;
	}
	.icon-bar:nth-child(2) {
		margin: 5px 0;
	}
	.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(3) {
		bottom: 9px;
	}
}
@media screen and (max-width: 767px){
	#header-grid {
		padding: 0 10px;
	}
	body.page #header-grid .header--row,
	body.error404 #header-grid .header--row,
	body.single #header-grid .header--row,
	body.page-template-template-pagebuilder-full-width #header-grid .header--row {
		margin: 10px auto 0;
	}
}
.close-sidebar-panel > button {
	padding: 0;
}
.header-menu-sidebar .navbar-toggle-wrapper {
    padding: 32px 32px 0;
}
.nav-ul>li {
    margin: 0 16px;
}
.nav-ul li > .wrap {
    padding: 0!important;
}
.close-sidebar-panel .hamburger-box > svg {
	display: none;
}
.navbar-toggle:focus {
    outline: none;
}
/*.close-sidebar-panel .hamburger-box::after {
	content: '\f00d';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
	color: #ffffff;
    font-size: 24px;
}*/
.icon-bar {
	border-radius: 8px;
}
@media screen and (max-width: 767px){
    body.page #header-grid .header--row, body.single #header-grid .header--row {
        margin: 10px auto 0 !important;
        padding: 4px 15px;
		border-radius: 12px;
    }
}

body.single-referenzen .nav-ul li.referenzen a {
	color: var(--activecolor);
}

/* Hero Header */
.hero-header > div > div {
	height: calc(100vh - 100px);
	min-height: 720px;
}
@media screen and (max-width: 767px){
	.hero-header > div > div {
		min-height: calc(100vh - 60px);
	}
}
/* Contact form */
input[type="text"],
input[type="email"],
input[type="tel"], 
textarea {
	width: 100%;
	border-radius: 10px!important;
}
form select {
    background-position: 97%;
    background-repeat: no-repeat;
    color: #000;
    background-size: 20px;
}
form p {
	margin-bottom: 10px;
}
.button.button-primary {
	border: 2px solid #e90000;
}
.button.button-primary:hover {
	border: 2px solid #e90000;
	color: #e90000!important;
}
input[type="submit"] {
	cursor: pointer;
	background: #e90000!important;
	color: #fff!important;
	padding: 12px 60px;
	float: right;
	border: 2px solid #e90000;
}
input[type="submit"]:hover {
	background: transparent!important;
	color: #e90000!important;
	border: 2px solid #e90000;
}
#wp-block-themeisle-blocks-button-3a8ea038 .wp-block-button__link:hover span {
	display: none;
}
/* CONTACT FORM */
#contact-form .row {
	flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px;
}
#contact-form .row .col {
	padding: 0;
	max-width: 100%!important;
}
input::placeholder, 
textarea::placeholder {
	color: #BFBFBF;
	font-style: italic;
	font-weight: 600;
}
input[aria-invalid="true"]{
	border-color: #E90000!important;
}
.wpcf7-not-valid-tip {
	display: none;
}
textarea {
	height: 172px;
}
.wpcf7-checkbox .wpcf7-list-item {
	margin: 0;
}
.wpcf7-checkbox label {
	display: flex;
    flex-direction: row;
    gap: 8px;
}
.wpcf7-acceptance label {
	display: flex;
    flex-direction: row;
    gap: 8px;
}
.wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}
input[type="checkbox"] {
	appearance: none;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 24px;
    max-width: 24px;
    max-height: 24px;
    border: 3px solid #D4D4D4;
    border-radius: 4px;
    margin-top: 0;
}
input[type="checkbox"]::before {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 16px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
}
input[type="checkbox"]:checked::before {
    transform: scale(1);
}

@media screen and (max-width: 767px){
	input[type="submit"] {
		width: 100%;
		margin-top: 24px;
	}
}
/* Footer */
.site-footer {
	padding: 53px;
}
@media screen and (max-width: 767px){
	.site-footer {
		padding: 10px;
	}
}
.site-footer .hfg_footer {
	max-width: 1820px;
    margin: 0 auto;
}
.footer--row, .footer--row-inner {
	border-radius: 20px;
}
@media screen and (max-width: 960px) {
    footer .footer--row-inner .row {
        grid-template-columns: repeat(2, 1fr);
        gap: 72px;
        padding: 0 32px;
    }
}
@media screen and (max-width: 959px){
	.footer--row, .footer--row-inner {
		padding: 20px 0;
	}
	.builder-item {
		padding-right: 50px;
		padding-left: 50px;
	}
}
@media screen and (max-width: 767px){
	.footer--row, .footer--row-inner {
		padding: 20px 0;
	}
	.builder-item {
		padding-right: 20px;
		padding-left: 20px;
	}
	footer .footer--row-inner .row {
        grid-template-columns: repeat(1, 1fr);
        gap: 72px;
		padding: 0 20px;
    }
}
.arrow-list ul {
	display: flex;
    flex-direction: column;
    gap: 4px;
}
.single-referenzen p {
    margin-bottom: 0!important;
}
.arrow-list ul li::before,
footer ul.menu li a::before {
	content: '\f061';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
	color: #E90000;
	margin-right: 8px;
    font-size: 16px;
}
footer .widget {
	margin-bottom: 32px;
}
@media screen and (max-width: 767px){
	footer .widget {
		margin-bottom: 24px;
	}
	footer .widget .wp-block-heading {
		font-size: var(--h1fontsize);
		line-height: 1;
	}
}
footer .widget li {
	margin-top: 4px;
}

/* Archive */
.stk-block-posts__items .stk-container {
	margin: 1px!important;
}
.alignfull {
    padding: 0 1px;
}
.stk-block-tabs__tab--active {
	font-weight: bold!important;
}
.stk-block.stk-block-column.stk-column>.stk-column-wrapper {
    margin: 0 auto!important;
}

/* Single Post */
.single-referenzen article {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1640px;
    margin: 0 auto;
	padding: 0 50px;
	gap: 72px 120px;
}
.single-referenzen article .col-one {
	flex: 0 0 100%;
    max-width: 100%;
}
.single-referenzen article .col-two {
	flex: 0 0 calc(40% - 60px);
    max-width: calc(40% - 60px);
}
.single-referenzen article .col-three {
	flex: 0 0 calc(60% - 60px);
    max-width: calc(60% - 60px);
}
@media screen and (max-width: 1024px){
	.single-referenzen article {
		gap: 72px;
	}
	.single-referenzen article .col-one {
		order: 1;
	}
	.single-referenzen article .col-two {
		flex: 0 0 60%;
		max-width: 60%;
		order: 3;
	}
	.single-referenzen article .col-three {
		flex: 0 0 100%;
		max-width: 100%;
		order: 2;
	}
}
@media screen and (max-width: 767px){
	.single-referenzen article {
		padding: 0 20px;
		gap: 20px;
	}
	.single-referenzen article .col-two {
		flex: 0 0 100%;
		max-width: 100%;
	}
}


/* SPLIDEJS */
.splide__arrows {
	display: none!important;
}
.splide__slide img {
	border-radius: 20px;
	width: 100%;
}
.splide__pagination {
	bottom: -37px;
}
.splide__pagination__page.is-active {
    background: #20143D;
    transform: none;
}
.splide__pagination__page {
    background: #DFDFDF;
    height: 20px;
    margin: 0 6px;
    width: 20px;
}
.splide__pagination__page:hover {
	background: #20143D;
	transition: .25s ease-in;
}
@media screen and (max-width: 767px){
	.splide__pagination__page {
		height: 16px;
		width: 16px;
	}
}

/* WPML Language Switch */
.wpml-ls-legacy-dropdown {
	width: 68px;
}
.wpml-ls-legacy-dropdown a {
    border: none;
    background-color: transparent;
    padding: 0;
    font-family: 'Noto Sans';
    font-weight: 600;
	font-size: 20px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: '\f078';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
	color: #ffffff;
    font-size: 16px;
	
    vertical-align: middle;
    display: inline-block;
    border: none;
    border-top: none;
    position: absolute;
    right: 16px;
    top: 2px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover:after{
    content: '\f077';
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
    color: inherit;
    background: transparent;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border-top: none;
    padding: 6px 0 0;
}

.wpml-ls-legacy-list-horizontal ul li:first-child {
	border-right: 2px solid white;
}
.wpml-ls-legacy-list-horizontal a {
    font-size: 18px;
    font-weight: 600;
	padding: 2px 8px;
}
.wpml-ls-legacy-list-horizontal ul li:not(.wpml-ls-current-language) a{
	opacity: .5;
}