/*
 Theme Name:   Sydney Child
 Description:  Child Theme für Sydney für Poolbau Berlin
 Author:       Carsten M. Schulz
 Author URI:   https://stableweb.de
 Template:     sydney
 Version:      0.1
 Text Domain:  sydney-child
*/

.content-inner {
	background-color: #00102E !important;
}
h4 {
	line-height: 1.1em !important;
}
#secondary {
	border: 2px solid white;
	border-radius: 20px;
	border-top-left-radius: 0;
}
#secondary a:not(.btn-swpool) {
	color: #0AC6FF !important;
}
#secondary a:hover {
	font-weight: bold;
}

.bottom-header-row #mainnav ul ul li, .main-header #mainnav ul ul li {
	background-color: #00102E;
	color: #0AC6FF !important;
	border: 1px solid #0AC6FF;
}
.bottom-header-row #mainnav ul ul li:hover, .main-header #mainnav ul ul li:hover {
	border: 2px solid #0AC6FF;
	font-weight: bold;
}
.bottom-header-row #mainnav ul ul li a, .bottom-header-row #mainnav ul ul li:hover a, .main-header #mainnav ul ul li:hover a, .main-header #mainnav ul ul li a {
	color: #0AC6FF !important;
}

button, .btn, a.btn {
	border: 2px solid #0AC6FF;
	border-radius: 10px;
	border-top-left-radius: 0;
	color: #00102E !important;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #0AC6FF;
	font-size: 1.3em;
	padding: 12px 35px;
	display: block;
	text-align: center;
}
button:hover, .btn:hover, a.btn:hover {
/*	border-color: #0AC6FF !important;*/
	background-color: #00102E !important;
	color: #0AC6FF !important;
}

#secondary .btn-swpool {
	font-size: 1.1em;
	padding: 12px 12px;
}

.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
  border-top-color: #0AC6FF !important;
}
.highlight {
	color: #0AC6FF;
	font-size: 1.3em;
	display: inline-block;
	margin-right: 0.2em;
}
.elementor-widget-container ul {
	list-style: none;
}
.footer-widgets .widget ul li::before, .widget-area .widget ul li::before, .elementor-widget-container ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #0AC6FF; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.content-inner {
	padding-top: 0px;
}
header.entry-header {
	display: none;
}
.quadratisch img {
	aspect-ratio: 1 / 1;
}


.frage {
	text-align: left;
}
.antwort {
	text-align: right;
	color: #0AC6FF;
}

/* Formulare */
fieldset {
	border: 2px solid white;
	border-radius: 20px;
	border-top-left-radius: 0;
	padding: 15px;
	margin-bottom: 15px;
}
fieldset > label {
	font-size: 1.2em;
	font-weight: bold;
}
label .pflicht {
	display: inline-block;
	margin-left: 5px;
	font-size: 1.1em;
	color: #0AC6FF;
	font-weight: bold;
}
.form-group label {
	display: block;
}
.form-group input, .form-group select, .form-group textarea {
	width: 100%;
	margin-bottom: 15px;
	color: #00102E;
	border-radius: 5px;
}
.form-group select option {
	border-bottom: 1px solid #00102E;
}
.swpool_form_hp {
	display: none;
}
#swpool-anfrage-do {
	width: 100%;
}

.dropzone {
	min-height: 150px;
	/*border: 2px solid rgba(0,0,0,.3);*/
	background-color: rgba( 255, 255, 255, 1 );
	padding: 20px 20px;
	color: #00102E;;
}


/* SLICK */
.slick-dots {
	bottom: 0;
}
.slick-dots li button::before {
	color: #0AC6FF;
}
.slick-prev::before, .slick-next::before {
	color: #0AC6FF;
}
.referenzen .slick-slide img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.slick-caption {
	padding: 15px;
	text-align: center;
	font-size: 1.2em;
}

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

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

@media only screen and (max-width: 767px) {
	.antwort {
		margin-bottom: 15px;
	}
}
@media only screen and (min-width: 767.1px) {
}

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