/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Noelle Theobald
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/*===== FONTS =====*/

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/uploads/fonts/inter-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/uploads/fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/uploads/fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/uploads/fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/uploads/fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/uploads/fonts/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/uploads/fonts/manrope-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/uploads/fonts/manrope-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/uploads/fonts/manrope-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/uploads/fonts/manrope-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/uploads/fonts/manrope-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/*===== FOOTER SOCIAL ICON HOVER EFFEKT =====*/
.social-icon-footer:hover  .et_pb_icon_wrap .et-pb-icon {
	color:var(--gcid-heading-color)
}

/*===== MENU =====*/
#main-header {
	width: 92%;
	margin: 20px 4% -110px 4%;
	border-radius: 100px;
}

#main-header .container {
	width:90%;
}

#top-menu li {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;  
	padding: 0px 25px;
}
@media only screen and (max-width: 1014px) and (min-width: 980px) {
	#top-menu li {
		padding: 0px 15px;
	}
}

#top-menu-nav > ul > li > a:hover {
 	opacity: 1;
	transition: all .2s ease-in-out;
 	color: #1883f2;
}

#top-menu li.current-menu-item > a {
	color: #fff;
	background-color: #2ea3f2;
	padding: 10px 25px !important;
	border-radius: 100px;
	margin: -10px -25px !important;
}
@media only screen and (max-width: 1014px) and (min-width: 980px) {
	#top-menu li.current-menu-item > a {
		margin: -10px -15px !important;
	}
}

#top-menu li.current-menu-item > a:hover {
	color: #fff;
}

.et_header_style_left #et-top-navigation nav > ul > li > a {
	padding-bottom: 0px;
	margin-bottom: 33px;
}

.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 0px;
}

.mobile_menu_bar::before {
	font-size: 40px;
}

.et_mobile_menu {
	width: 90%;
	left: 5%;
	border-radius: 0px 0px 20px 20px;
}

/*===== BEITRAGSSLIDER =====*/

.beitrags-slider {
	overflow: visible !important;
}
.beitrags-slider {
	overflow: visible !important;
	background-size: 300px auto;
  	background-position: right -40px bottom -70px;
  	background-image: linear-gradient(180deg,rgba(255,255,255,0.3) 0%,rgba(252,254,255,0.3) 100%),url(http://gruppe2.tennisclub-gersheim.de/wp-content/uploads/2025/10/TC-Gersheim-bg-Ball-01.webp);
}

.beitrags-slider h3, .beitrags-slider .et_pb_slide_content {
	margin-bottom: 15px;
}

.et-pb-arrow-prev, .et-pb-arrow-next {
	opacity: 1;
}

.et-pb-arrow-prev {	
	left: -60px;
}

.beitrags-slider:hover .et-pb-arrow-prev {	
	left: -60px;
}

.et-pb-arrow-next {	
	right: -60px;
}

.beitrags-slider:hover .et-pb-arrow-next {	
	right: -60px;
}

/*===== BUTTON ICON =====*/
.et_pb_button::after {
	font-size: 11px !important;
}

/*===== SLIDER TERMINE STARTSEITE =====*/
.et_pb_slide {
	padding: 0px;
}

/*===== PORTFOLIO MANNSCHAFTEN =====*/
ul.et_pb_tabs_controls {
	background-color: transparent;
}

.et_pb_tabs_controls li a {
	color: #2ea3f2;
	border: 1px solid #188EF2;
	border-radius: 30px;
	padding: 4px 25px;
}
@media only screen and (max-width: 460px) {
	.et_pb_tabs_controls li a {
		padding: 4px 15px;
	}
}

.et_pb_tabs_controls li a:hover {
	background-color: #188EF2;
	color: #fff;
	transform: scaleX(1.05) scaleY(1.05);
	transition: all 300ms ease 0ms;
}

.et_pb_tabs_controls li {
	margin-left: 15px;
	border-right: 0px;
	border-bottom: none !important;
}
.et_pb_tabs_controls li.et_pb_tab_active {
  	background-color: #188EF2;
 	border-radius: 30px;
}
.et_pb_tab_active a {
  	color: #fff !important;
}
ul.et_pb_tabs_controls::after {
	border: none;
}

.et_pb_tabs .et_pb_tabs_controls {
  	display: flex;
	justify-content: center;
}

/*===== VORSTRAND =====*/
.vorstand:hover p {
  color: var(--gcid-lvd4yx02fe);
}

/*===== SLIDER TRAINER =====*/
.team-slider {
    overflow: visible !important;
}

.team-slider-wrapper {
    padding-bottom: 50px !important; 
    position: relative;
    width: 100%;
    max-width: 1200px; 
    margin: 0 auto;
	overflow: hidden;
}

/* Slides */
.team-slider .swiper-slide {
    text-align: center;
    height: auto; 
    padding-top: 20px;
    padding-bottom: 60px;
}

/* Scrollbar Track */
.team-slider .swiper-scrollbar {
    position: absolute;
    bottom: 30px; 
    height: 4px !important; 
    background: #cddf00 !important; 
    border-radius: 2px;
}

/* Scrollbar Handle (Tennisball) */
.team-slider .swiper-scrollbar-drag {
    width: 40px !important; 
    height: 40px; 
    position: relative;
    top: -18px; 
    cursor: url('/wp-content/uploads/2025/10/TC-Gersheim-Cursor-Schlaeger.webp') 20 20, grab !important;

    background: url('/wp-content/uploads/2025/10/TC-Gersheim-Ball-Slider.webp') no-repeat center center !important;
    background-size: contain !important; 
    background-color: transparent !important;
    border-radius: 0 !important; 
}

/* Active Drag */
.team-slider .swiper-scrollbar-drag:active {
    cursor: grabbing;
}

/* Trainer Bild */
.trainer-bild {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border: 4px solid white;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/*===== KONTAKTFORMULAR ====*/
.ff-default .ff-el-form-control {
	border: 1px solid #188ef2 !important;
	border-radius: 30px !important;
	font-size: 16px;
}

.ff-default .ff-el-form-control:hover {
	border: 1px solid #B5D600 !important;
}

.ff-default .ff_btn_style {
	border-radius: 30px !important;
	background-color: #188ef2 !important;
	padding: 7px 25px !important;
	font-weight: 600 !important;
}

.ff-default .ff_btn_style:hover {
	background-color: #000418 !important;
	opacity: 1 !important;
}