/*
Theme Name: Twenty Twenty-Three Child 
Version: 1.0 
Description: Child theme for Twenty Twenty-Three. 
Author: Bizkit.nu
Author URI: https://bizkit.nu/
Template: twentytwentythree 
*/

.title-animate{
  	width: 100%;
	left: 0px; 
  	position: relative;
  	animation-name: example;
  	animation-duration: 2s;
}
@keyframes example {
  	0%   {left:200px;}
  	100% {left:0px;}
}

.text-animate{
  	width: 100%;
	left: 0px; 
  	position: relative;
  	animation-name: example1;
  	animation-duration: 2s;
}
@keyframes example1 {
  	0%   {left:250px;}
  	100% {left:0px;}
}

.FB_list li{ /*AV Nader*/
  margin-top: 3%;
}

.box_info{ /*AV Nader*/
	 box-shadow: 0px 5px 5px #b2b2b2;
}

.FB_text{ /*AV Nader*/
  margin: -1% !important;
}

.box-e-handel_background{ /*AV Nader*/
	background-image: url('https://staging.bizkit.nu/wp-content/uploads/2024/02/output-onlinepngtools.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
}

     .box_border_bottom { /*AV Nader*/
  --b: 7px;
  --c: #0a2839;
  --w: 40px;
  

  padding: var(--b);
  
  position:relative; 
  box-sizing:border-box;
}
.box_border_bottom::before { /*AV Nader*/
	margin-bottom: -1%;
    margin-left: -4%;
  content :"";
  position: absolute;
  inset: 0;
  background: var(--c,#0a2839);
  --_g: #0000 90deg,#000 0;
  --_p: var(--w) var(--w) no-repeat;
  --mask:
    conic-gradient(from 0deg   at bottom var(--b) left  var(--b),var(--_g)) 0    100% / var(--_p);
    -webkit-mask: var(--mask);
            mask: var(--mask);
}

.wp-gr.wpac a.wp-google-name {
	color: #ffffff !important; 
}
.dashicons:before {
	font-family: "dashicons" !important;
  	font-size: 20px;
  	width: 20px;
  	height: 20px;
}
html, body {
  overflow-x: hidden;
}
body {
  position: relative
}
body .is-layout-constrained > * + *,
.wp-site-blocks > * + * {
	margin-block-start: 0px;
}
main {
	border-top: 1px solid #0a283914;
}
.wp-site-blocks {
	padding-bottom: 0px; 
}
.grecaptcha-badge {
	visibility: hidden;
}
a.wp-block-navigation-item__content {
	font-size: 18px; 
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6, p, li, a, span {
	font-family: transat-text, sans-serif !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none !important; 
}
.title-link a {
	font-weight: 600 !important;
	color: #0a2839 !important;
}
/* Titles */
h1 {
	font-size: 90px !important;
	margin: 0px !important; 
}
h2 {
	font-size: 70px !important;
	margin: 0px !important; 
}
h3 {
	font-size: 40px !important;
}
/* Title on startpage */
h1.h1-start {
	font-size: 120px !important; 
}
/* Post titles */
.single-post h1 {
	font-size: 60px !important;
}
.single-post h2 {
	font-size: 40px !important;
}
/* Buttons */
.wp-block-button__link {
	background-color: #44e0ac;
	color: #0a2839;
	transition: background-color 0.5s ease;
}
.wp-block-button__link:hover {
	background-color: #4fffc4;
	color: #0a2839;
    transition: background-color 0.5s ease;
}
/* Contact form */
.contact-form form input,
.contact-form form textarea {
	width: calc(100% - 40px);
	padding: 20px;
	border-radius: 0px;
	border: 2px solid #ffffff;
	background: transparent; 
	color: #ffffff;
	font-size: 18px; 
	font-weight: 400;
	font-family: transat-text, sans-serif;
}
.contact-form form input:focus-visible,
.contact-form form textarea:focus-visible {
	outline: none;
}
/* Chrome, Firefox, Opera, Safari 10.1+ */
.contact-form form input::placeholder,
.contact-form form textarea::placeholder { 
  	color: #ffffff;
	font-size: 18px; 
	font-weight: 400;
	font-family: transat-text, sans-serif;
	opacity: 1; /* Firefox */
}
/* Internet Explorer 10-11 */
.contact-form form input:-ms-input-placeholder,
.contact-form form textarea:-ms-input-placeholder { 
  	color: #ffffff;
	font-size: 18px; 
	font-weight: 400;
	font-family: transat-text, sans-serif;
}
/* Microsoft Edge */
.contact-form form input::-ms-input-placeholder,
.contact-form form textarea::-ms-input-placeholder { 
  	color: #ffffff;
	font-size: 18px; 
	font-weight: 400;
	font-family: transat-text, sans-serif;	
}
.contact-form form input[type=submit] {
	background: #44e0ac;
	color: #0a2839; 
	padding: 20px;
	width: 100%;
	border: none; 
	font-size: 18px;
	font-weight: 600;
	font-family: transat-text, sans-serif;
	transition: background-color 0.5s ease;
	cursor: pointer;
	border-radius: 0px;
	height: 62px;
	-webkit-appearance: none;
}
.contact-form form input[type=submit]:hover {
	background-color: #4fffc4;
	color: #0a2839;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
    color: #ffffff;
	padding: 0px; 
	margin: 0px; 
}
.wpcf7-not-valid-tip {
	color: #ffffff;
	padding-top: 10px; 
	padding-bottom: 10px;
}

/* Accordions */
.schema-faq {display:flex;
	gap:40px;
}

.schema-faq-section {width:50%;
}

.schema-faq .schema-faq-question {
	cursor: pointer;
}
.schema-faq .schema-faq-question, 
.schema-faq .schema-faq-question strong {
	font-weight: 500;
	font-size: larger;
}
.schema-faq .schema-faq-question::after {
	content: '\002B';
  	float: right;
	font-weight: 400; 
}
.schema-faq .schema-faq-section.active .schema-faq-question::after {
  	content: "\2212";
}
.schema-faq .active, .schema-faq-question:hover {
  	background-color: #ffffff; 
	border-color: #DEDEDE; 
}
.schema-faq .active, .schema-faq-question:focus {
	outline: none; 
}
.schema-faq .schema-faq-answer {
  	overflow: hidden;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	font-size: 1.1em;
}

/* Mobile menu */
.wp-block-navigation__responsive-container.is-menu-open {
	background-color: #0a2839 !important;
	color: #ffffff !important;
}
.wp-block-navigation__responsive-container.is-menu-open a {
	font-size: 20px; 
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
	min-width: 250px; 
}

/***** RESPONSIVE STYLES *****/
@media only screen and (max-width: 1200px) {
	/* Titles */
	.e-handel_h1{/*AV Nader*/
		font-size: 70px !important;
	}
	h1 {
		font-size: 40px !important;
	}
	h2 {
		font-size: 30px !important;
	}
	h3 {
		font-size: 20px !important;
	}
	/* Title on startpage */
	h1.h1-start {
		font-size: 60px !important; 
	}
	/* Post titles */
	.single-post h1 {
		font-size: 40px !important;
	}
	.single-post h2 {
		font-size: 30px !important;
	}
	.padding_1{/*AV Nader*/
		padding: 5% !important;
}
	.display_none{/*AV Nader*/
		display:none !important;
	}
}
@media only screen and (max-width: 781px) {
	.wp-block-spacer.hidden-mobile {
		height: 30px !important; 
	}
	.align-left-mobile {
		margin-inline-end: 0 !important;
	}
	.align-right-mobile {
		margin-inline-start: 0 !important;
	}
	.seo-kunder h2,
	.seo-kunder .wp-block-column {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.mobile-dark-text h1,
	.mobile-dark-text li{
		color: #0a2839 !important;
	}
	.box_info{/*AV Nader*/
	border-radius: 0 !important;
}
	.padding_1{/*AV Nader*/
		padding: 5% !important;
}
	.display_none{/*AV Nader*/
		display:none !important;
	}
}
@media only screen and (max-width: 576px) {
	/* Titles */
	h1 {
		font-size: 30px !important;
	}
	h2 {
		font-size: 24px !important;
	}
	h3 {
		font-size: 20px !important;
	}
	/* Title on startpage */
	h1.h1-start {
		font-size: 40px !important; 
	}
	/* Post titles */
	.single-post h1 {
		font-size: 30px !important;
	}
	.single-post h2 {
		font-size: 24px !important;
	}
	.banner-mobile-style {
		padding-left: 20px !important; 
		padding-right: 20px !important;
	}
	.banner-mobile-style h1,
	.banner-mobile-style h2,
	.banner-mobile-style p {
		max-width: 100% !important;
	}
	 .wp-block-cover-image.is-position-top-right, 
	.wp-block-cover.is-position-top-right{/*AV Nader*/
		align-items: center;
	}
	.box_info{/*AV Nader*/
	border-radius: 0 !important;
}
	.padding_1{/*AV Nader*/
		padding: 5% !important;
}
	.display_none{/*AV Nader*/
		display:none !important;
	}
}