/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

body {
	hyphens: auto !important;
}

@media(max-width: 1650px) {
	.decoration-image-container {
		display: none !important;
	}	
}

@media(max-width: 1650px) {
	.full-width-container-specific-breakpoint > .fusion-builder-row > .fusion-layout-column {
		width: 100% !important;
	}	
}

/* SIDE WIDGETS */
.side-widgets-container {
	position: fixed !important;
	top: 30vh !important;
	right: 0 !important;
	z-index: 999999 !important;
	margin: 0 !important;
	padding: 0 !important;
}

@media(max-width: 1024px) {
	.side-widgets-container {
		display: none !important;
	}
}

.side-widgets-container .social-widget-list {
	list-style-type: none !important;
}

.side-widgets-container .social-widget-list li {
	width: 78px;
	height: 77px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #707070;
	transition: background-color .2s, border .2s;
	background-color: #1E3A8E;
}

.side-widgets-container .social-widget-list li.color-light-blue {
	background-color: #00A7E7;
	border: none;
}

.side-widgets-container .social-widget-list li.color-light-blue:hover {
	border: none;
}

.side-widgets-container .social-widget-list li:hover {
	background-color: #B8D3DE;
	border: 1px solid #B8D3DE;
}

.side-widgets-container .social-widget-list li + li {
	margin-top: 15px !important;
}

.side-widgets-container .social-widget-list li a {
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 0px;
}

.side-widgets-container .social-widget-list li a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.side-widgets-container .social-widget-list li .side-widget-info::after {
	content: url('https://karlsruher-stadtmission.de/wp-content/uploads/2024/01/info.png');
	width: 18px;
	height: 54px;
}

.side-widgets-container .social-widget-list li .side-widget-phone::after {
	content: url('https://karlsruher-stadtmission.de/wp-content/uploads/2024/01/phone.png');
	width: 59px;
	height: 57px;
}

.side-widgets-container .social-widget-list li .side-widget-mail::after {
	content: url('https://karlsruher-stadtmission.de/wp-content/uploads/2024/01/mail.png');
	width: 61px;
	height: 46px;
	margin-top: 3px;
}

.side-widgets-container .social-widget-list li .side-widget-instagram::after {
	content: url('https://karlsruher-stadtmission.de/wp-content/uploads/2024/01/instagram.png');
	width: 49px;
	height: 43px;
}

/* CONTACT FORM 7 GLOBAL STYLE */
.wpcf7 > .screen-reader-response {
	display: none!important;
}

.wpcf7 form.init .wpcf7-response-output {
	display: none
}

.wpcf7 > .wpcf7-form .wpcf7-not-valid-tip {
	color: #FF004D!important;
	font-weight: lighter!important;
	font-size: 16px!important;
}

.wpcf7 label {
	font-size: 16px !important;
	color: #1E3A8E !important;
}

.wpcf7 .captcha-image {
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}


.acceptance-box  p,
.acceptance-box  a {
	font-size: 16px!important;
	line-height: 28px!important;
}

/* HEADER SEARCH */
.header-search-container input {
	background-color: #ffffff !important;
}

/* FOCUS STYLES - EAA */
/* Universal visible focus for keyboard navigation only */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

/* Remove default outline when using mouse click */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
select:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

/* Additional styling for Avada-specific elements */
.fusion-button:focus-visible {
  outline: 2px solid #000000 !important;
  outline-offset: 2px;
}

.fusion-form input:focus-visible,
.fusion-form select:focus-visible,
.fusion-form textarea:focus-visible {
  border: 2px solid #000000;
}

/* Apply to container when search input is focused */
.fusion-search-field.search-field {
	margin: 5px;
}
.fusion-search-field.search-field:focus-within {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

/* Make sure links in the carousel show a strong focus ring */
.fusion-image-wrapper.hover-type-none:focus-within {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

/* Style the <a> to behave as a visual wrapper */
.fusion-gallery-image a:focus-visible {
  outline: none; /* remove native link outline */
  display: block; /* ensure it fills the parent */
}

/* Add visual focus style to the parent container */
.fusion-gallery-image:has(a:focus-visible) {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

/* Apply focus outline */
.flex-control-nav li a:focus-visible {
  outline: 2px solid #000000 !important;
  outline-offset: 2px;
  z-index: 9999;
}

/* Remove outline on mouse click */
.flex-control-nav li a:focus:not(:focus-visible) {
  outline: none !important;
}

.fusion-layout-column:has(.fusion-column-anchor:focus-visible) {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

/* Apply custom focus style to all standard form fields */
.wpcf7-form input[type="text"]:focus-visible,
.wpcf7-form input[type="email"]:focus-visible,
.wpcf7-form input[type="tel"]:focus-visible,
.wpcf7-form input[type="url"]:focus-visible,
.wpcf7-form input[type="number"]:focus-visible,
.wpcf7-form input[type="checkbox"]:focus-visible,
.wpcf7-form input[type="radio"]:focus-visible,
.wpcf7-form input[type="submit"]:focus-visible,
.wpcf7-form input[type="button"]:focus-visible,
.wpcf7-form input[type="file"]:focus-visible,
.wpcf7-form textarea:focus-visible,
.wpcf7-form select:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

/* Remove outline on mouse click */
.wpcf7-form input:focus:not(:focus-visible),
.wpcf7-form textarea:focus:not(:focus-visible),
.wpcf7-form select:focus:not(:focus-visible) {
  outline: none;
}