/*
 Theme Name:   COOL GIRLS TENNIS CLUB
 Author:       Gosia Gozdz myspot.ON
 Template:     Divi
 Version:      1.64

*/

/* ============== GLOBAL STYLES ============== */

/* Fix a horizontal scroll bug on mobile browsers */
#page-container { 
  overflow:hidden; 
  width:100%; 
  max-width:100%; }

/*SELECTION*/
::selection {
     background-color: #772D15;
     color: #F2FFA1;} 

body {
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
}



/* ============== TEXT STYLE ============== */

ul, li, ol {
  line-height:1.2em!important;
}

:where(.et_pb_text) :is(p,ul,ol,blockquote) ~ :is(h1,h2,h3,h4,h5,h6) {
  padding-top:.75em;
}

:where(.et_pb_text) p:last-of-type {
  padding-bottom:1em;
}
:where(.et_pb_text) :is(p,ul,ol,blockquote):last-child {
  padding-bottom:0;
}

:where(.et_pb_text) ::marker {
  color:var(--gcid-primary-color);
  font-family:var(--et_global_heading_font);
}
:where(.et_pb_text) :is(ol,ul) li:not(:last-child) {
  padding-bottom:.5em;
}



/* Style Blockquotes */
:where(.et_pb_text) blockquote {
  border:none;
  position:relative;
  margin:2.75rem 0 2rem;
  padding:60px 40px 40px;
  background:#385F60;
  color:#fff;
  border-radius:0;
  overflow:visible;
}
:where(.et_pb_text) blockquote::after {
  content:'';
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-58%, -48%);
  width:82px;
  height:82px;
  background-color:#F2FFA1;
  -webkit-mask: url("/wp-content/uploads/2026/04/quote-tc.svg") center / contain no-repeat;
  mask: url("/wp-content/uploads/2026/04/quote-tc.svg") center / contain no-repeat;
}
:where(.et_pb_text) blockquote::before {
  content:none;
}

:where(.et_pb_text) blockquote p:last-child {
  padding-bottom:0;
}

:where(.et_pb_post_content) blockquote {
  border:none;
  position:relative;
  margin:0 0 2rem;
  padding:60px 40px 40px;
  background:#385F60;
  color:#fff;
  border-radius:0;
  overflow:visible;
}

:where(.et_pb_post_content) blockquote::after {
  content:'';
  position:absolute;
  top:0;
  left:50%;
  transform:translate(-58%, -12%);
  width:70px;
  height:70px;
  background-color:#F2FFA1;
  -webkit-mask: url("/wp-content/uploads/2026/04/quote-tc.svg") center / contain no-repeat;
  mask: url("/wp-content/uploads/2026/04/quote-tc.svg") center / contain no-repeat;
}

:where(.et_pb_post_content) blockquote::before {
  content:none;
}

:where(.et_pb_post_content) blockquote p:last-child {
  padding-bottom:0;
}

@media (max-width:980px) {
  :where(.et_pb_text) blockquote {
    margin:2.5rem 0 1.5rem;
    padding:36px 20px 24px;
  }

  :where(.et_pb_text) blockquote::after {
    transform:translate(-58%, -76%);
    width:52px;
    height:52px;
  }

  :where(.et_pb_post_content) blockquote {
    margin:0 0 1.5rem;
    padding:36px 20px 24px;
  }

  :where(.et_pb_post_content) blockquote::after {
    transform:translate(-58%, -38%);
    width:44px;
    height:44px;
  }
}

blockquote.wp-block-quote {
  margin-top:40px!important;
}



/* Style Links */
:where(.et_pb_text) a {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(#F2FFA1, #F2FFA1);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 0.12em;
  transition: color .2s ease, background-size .28s ease;
}
:where(.et_pb_text) a:hover {
  color: var(--gcid-primary-color);
  background-size: 100% 0.12em;
}

mark {
  color: inherit;
  background: linear-gradient(transparent 10%, #F2FFA1 10%, #F2FFA1 92%, transparent 92%);
  padding: 0.08em 0.28em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

mark2 {
  color: inherit;
  display: inline;
  background: linear-gradient(transparent 62%, #F2FFA1 62%, #F2FFA1 88%, transparent 88%);
  padding: 0 0.16em 0.01em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* ============== HERO MARKER ANIMATION ============== */

#tc-heading1,
#tc-heading2 {
  position: relative;
  display: block;
  overflow: hidden;
}

#tc-heading1.et_had_animation,
#tc-heading2.et_had_animation {
  opacity: 1!important;
  transform: none!important;
  animation: none!important;
}

#tc-heading1::before,
#tc-heading2::before {
  content: "";
  position: absolute;
  inset: 10% -0.14em 8% -0.14em;
  background: linear-gradient(transparent 10%, #F2FFA1 10%, #F2FFA1 92%, transparent 92%);
  z-index: 0;
  animation-duration: 0.68s;
  animation-timing-function: cubic-bezier(.22,.61,.36,1);
  animation-fill-mode: both;
  pointer-events: none;
}

#tc-heading1::before {
  animation-name: tc-hero-marker-ltr;
  animation-delay: 0s;
}

#tc-heading2::before {
  inset: 18% -0.12em 6% -0.12em;
  animation-name: tc-hero-marker-rtl;
  animation-delay: 0.9s;
}

#tc-heading1 .et_pb_image_wrap,
#tc-heading2 .et_pb_heading_container {
  position: relative;
  display: inline-block;
  z-index: 1;
  opacity: 0;
  transform: none!important;
  animation-duration: 0.68s;
  animation-timing-function: cubic-bezier(.22,.61,.36,1);
  animation-fill-mode: both;
}

#tc-heading1 .et_pb_image_wrap {
  animation-name: tc-hero-reveal-ltr;
  animation-delay: 0s;
}

#tc-heading2 .et_pb_heading_container {
  animation-name: tc-hero-reveal-rtl;
  animation-delay: 0.9s;
}

@keyframes tc-hero-marker-ltr {
  0% {
    transform: translateX(-102%);
  }
  24% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(102%);
  }
}

@keyframes tc-hero-marker-rtl {
  0% {
    transform: translateX(102%);
  }
  24% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-102%);
  }
}

@keyframes tc-hero-reveal-ltr {
  0% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  24% {
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  52% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}

@keyframes tc-hero-reveal-rtl {
  0% {
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  24% {
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  52% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}



/* ============== BACK TO TOP ============== */
.et_pb_scroll_top.et-pb-icon {
  background: transparent;
  color: transparent!important;
  padding: 0;
  width: 54px;
  height: 54px;
  font-size: 0!important;
  right: 20px;
  bottom: 40px !important;
  overflow: hidden;
}

.et_pb_scroll_top.et-pb-icon:before {
  content: ""!important;
  position: absolute;
  inset: 0;
  display: block!important;
  background: url("/wp-content/uploads/2026/04/pilka-tennis-button.svg") center / contain no-repeat;
  transition: transform .35s ease;
  z-index: 0;
}

.et_pb_scroll_top.et-pb-icon::after {
  content: "\21";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 22px;
  line-height: 1;
  font-family: ETmodules!important;
  z-index: 1;
}

.et_pb_scroll_top.et-pb-icon.et-visible {
  transition: all .3s ease-in-out;
}

.et_pb_scroll_top.et-pb-icon:hover::before {
  transform: rotate(180deg);
}

@media (max-width:980px){
.et_pb_scroll_top.et-pb-icon {
  background: transparent;
  border-radius: 0;
  color: transparent!important;
  padding: 0;
  width: 54px;
  height: 54px;
  font-size: 0!important;
  right: 10px;
  bottom: 10px !important;
}}



/* ===================== FORMULARZ ===================== */

.forminator-field input,
span.select2-selection.select2-selection--single,
textarea {
    padding: 15px!important;}

#checkbox-1 label {
    align-items:flex-start!important;}

span.forminator-checkbox-label {
    line-height:1.2em!important;
    text-align:left!important;
    font-size:14px!important;
    color:#195D51;
    width:80%;}

@media (max-width:980px){
	span.forminator-checkbox-label {
width:100%;}
}


button.forminator-button.forminator-button-submit {
    border-radius:40px!important;
    font-size:18px!important;
    padding:0.75em 3em!important;
    display: block!important;
    margin-left: auto!important;
    margin-top:20px!important;
    text-transform:uppercase;
}

button.forminator-button.forminator-button-submit:hover {
   background:#F3BE3D!important;
    box-shadow:none!important;}


/* =========================
   FOOTER
========================= */
@media (max-width:980px) {
  #tc-footer .et_mobile_nav_menu {
    display: none!important;
  }

  #tc-footer .mobile_menu_bar {
    display: none!important;
  }

  #tc-footer .et_pb_menu__menu {
    display: block!important;
  }

  #tc-footer .et_pb_menu__menu,
  #tc-footer .et_pb_menu__menu > nav > ul {
    display: flex!important;
    flex-direction: column!important;
    flex-wrap: nowrap!important;
  }

  #tc-footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content: flex-end!important;
  }

  #tc-footer .et_pb_menu__menu > nav > ul {
    width: 100%;
  }
}

@media (min-width:768px) and (max-width:980px) {
  #tc-footer .et_pb_menu__menu > nav > ul {
    align-items: flex-end!important;
    text-align: right!important;
  }
}

@media (max-width:767px) {
  #tc-footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content: center!important;
  }

  #tc-footer .et_pb_menu__menu > nav > ul {
    align-items: center!important;
    text-align: center!important;
  }
}

#tc-footer .et_pb_menu__menu > nav > ul > li {
  padding-right: 0!important;
}

#tc-footer .et_pb_menu__menu > nav > ul > li > a {
  display: inline;
  background-image: linear-gradient(#F2FFA1, #F2FFA1);
  background-repeat: no-repeat;
  background-position: 0 1.08em;
  background-size: 0 0.06em;
  transition: background-size .28s ease;
}

#tc-footer .et_pb_menu__menu > nav > ul > li > a:hover {
  background-size: 100% 0.06em;
}

@media (max-width:980px) {
  #pm-footer .et_mobile_nav_menu {
    display: none!important;
  }
  #pm-footer .et_pb_menu__menu {
    display: block!important;
  }
  #pm-footer .et_pb_menu__menu,
  #pm-footer .et_pb_menu__menu > nav > ul {
    display: flex;
    flex-direction: column!important;
    flex-wrap: nowrap!important;
  }
  #pm-footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content: flex-start!important;
  }
  #pm-footer .kp-regulaminy .et_pb_menu__menu > nav > ul {
    flex-direction: row!important;
    justify-content: flex-start!important;
    flex-wrap: wrap!important;
  }
}

/* ============== TENNIS CLUB BUTTON ICON ============== */

.tc-button.et_pb_button {
  padding-right: 3.2em!important;
}

.tc-button.et_pb_button:before {
  display: none!important;
  content: none!important;
}

.tc-button.et_pb_button[data-icon]:not([data-icon=""]):after {
  content: ""!important;
  font-family: inherit!important;
  font-size: 0!important;
  color: transparent!important;
  speak: none!important;
}

.tc-button.et_pb_button::after {
  content: "";
  position: absolute;
  right: 1.15em;
  top: 50%;
  width: 1.1em;
  height: 1.1em;
  margin: 0!important;
  background: url("/wp-content/uploads/2026/04/pilka-tenisowa.svg") center / contain no-repeat;
  transform: translateY(-50%);
  transform-origin: center center;
  transition: transform 0.35s ease;
  opacity: 1!important;
  font-size: 0!important;
  line-height: 0!important;
}

.tc-button.et_pb_button:hover::after {
  transform: translateY(-50%) rotate(180deg);
}

.tc-button.et_pb_button:hover::after {
  animation: tc-ball-bounce 0.6s ease;
}

@keyframes tc-ball-bounce {
  0% {
    transform: translateY(-50%) rotate(0deg) scale(1);
  }
  30% {
    transform: translateY(calc(-50% - 4px)) rotate(70deg) scale(1.04);
  }
  55% {
    transform: translateY(calc(-50% + 2px)) rotate(130deg) scale(0.98);
  }
  80% {
    transform: translateY(calc(-50% - 2px)) rotate(170deg) scale(1.02);
  }
  100% {
    transform: translateY(-50%) rotate(180deg) scale(1);
  }
}

/* ============== HEADER MENU ============== */

#tc-header {
  position: sticky;
  top: 0;
  z-index: 999;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#tc-header.et_pb_sticky,
#tc-header.et_pb_sticky--top,
#tc-header.et_pb_section_sticky,
#tc-header.is-sticky {
  background: rgba(221, 213, 207, 0.5);
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
}

#tc-header.tc-header-warsztaty.et_pb_sticky .et_pb_image_0_tb_header img,
#tc-header.tc-header-warsztaty.et_pb_sticky--top .et_pb_image_0_tb_header img,
#tc-header.tc-header-warsztaty.et_pb_section_sticky .et_pb_image_0_tb_header img,
#tc-header.tc-header-warsztaty.is-sticky .et_pb_image_0_tb_header img {
  content: url("/wp-content/uploads/2026/04/WARSZTATY-TENISOWE-BLACK.svg");
}

@media (min-width:981px) {
  #tc-header .et_pb_menu__menu > nav > ul.et-menu {
    gap: 18px;
  }

  #tc-header .et_pb_menu__menu > nav > ul.et-menu > li {
    padding-right: 0!important;
  }

  #tc-header .et_pb_menu__menu > nav > ul.et-menu > li > a {
    position: relative;
    display: inline-block;
    padding: 0.5em 0.62em!important;
    background-image: linear-gradient(#F2FFA1, #F2FFA1);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 0 0;
    transition: color .2s ease, background-size .28s ease;
  }

  #tc-header .et_pb_menu__menu > nav > ul.et-menu > li > a:hover {
    background-size: 100% 100%;
  }
}

/* ============== TOGGLES ============== */

.tc-toggle .et_pb_toggle_title {
  position: relative;
  padding-right: 2.2em!important;
  background-position: right center!important;
  background-repeat: no-repeat!important;
  background-size: 1.1em 1.1em!important;
}

.tc-toggle.et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title {
  background-image: url("/wp-content/uploads/2026/04/arrow-down.svg")!important;
}

.tc-toggle.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
  background-image: url("/wp-content/uploads/2026/04/arrow-up.svg")!important;
}

.tc-toggle .et_pb_toggle_title:before,
.tc-toggle .et_pb_toggle_title:after {
  display: none!important;
}

/* ============== MARQUEE ============== */

.tc-marquee {
  overflow-x: scroll!important;
  overflow-y: hidden!important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  touch-action: pan-x;
}

.tc-marquee::-webkit-scrollbar {
  display: none;
}

.tc-marquee .tc-marquee-track {
  display: flex!important;
  flex-wrap: nowrap!important;
  align-items: center;
  column-gap: var(--tc-marquee-gap, 4rem);
  width: max-content!important;
  max-width: none!important;
  will-change: transform;
  animation: tc-text-marquee-loop 55s linear infinite;
}

.tc-marquee .tc-marquee-track > .tc-marquee-title {
  flex: 0 0 auto!important;
  width: auto!important;
  max-width: none!important;
  margin-bottom: 0!important;
}

.tc-marquee .tc-marquee-track > .tc-marquee-title,
.tc-marquee .tc-marquee-track > .tc-marquee-title .et_pb_heading_container,
.tc-marquee .tc-marquee-track > .tc-marquee-title .et_pb_module_header {
  display: block;
  width: max-content;
  max-width: none;
  white-space: nowrap;
}

.tc-marquee .tc-marquee-track.is-ready {
  animation-play-state: running!important;
}

.tc-marquee.is-touching .tc-marquee-track {
  animation-play-state: paused!important;
}

@keyframes tc-text-marquee-loop {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--tc-marquee-loop-distance, -50%), 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .tc-marquee .tc-marquee-track {
    animation: none;
    transform: none;
  }
}

body.et-fb .tc-marquee {
  display: block!important;
  overflow-x: auto!important;
  overflow-y: hidden!important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

body.et-fb .tc-marquee::-webkit-scrollbar {
  display: none;
}

body.et-fb .tc-marquee .tc-marquee-track {
  display: flex!important;
  flex-wrap: nowrap!important;
  align-items: center!important;
  justify-content: flex-start!important;
  width: max-content!important;
  max-width: none!important;
  animation: none!important;
  transform: none!important;
  column-gap: var(--tc-marquee-gap, 4rem);
}

body.et-fb .tc-marquee .tc-marquee-track > .tc-marquee-title + .tc-marquee-title {
  margin-left: var(--tc-marquee-gap, 4rem)!important;
}

body.et-fb .tc-marquee .tc-marquee-track > .tc-marquee-title {
  flex: 0 0 auto!important;
  width: auto!important;
  max-width: none!important;
  margin-bottom: 0!important;
}

body.et-fb .tc-marquee .tc-marquee-track > .tc-marquee-title,
body.et-fb .tc-marquee .tc-marquee-track > .tc-marquee-title .et_pb_heading_container,
body.et-fb .tc-marquee .tc-marquee-track > .tc-marquee-title .et_pb_module_header {
  white-space: nowrap!important;
  width: max-content!important;
  max-width: none!important;
}

/* ============== VERTICAL PHOTOS MARQUEE ============== */

.tc-marquee-row-photos {
  overflow: hidden;
  border-radius: 10px!important;
}

.tc-marquee-row-photos .tc-photos {
  position: relative;
  height: 85vh;
  overflow: hidden;
  display: block;
  border-radius: 10px!important;
}

.tc-marquee-row-photos .kp-team-track,
.tc-marquee-row-photos .tc-team-track {
  display: grid!important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 3px!important;
  align-items: start;
  width: 100%;
  height: 100%;
  border-radius: 10px!important;
}

.tc-marquee-row-photos .tc-vertical-lane {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  will-change: transform;
  animation: tc-team-marquee-vertical 40s linear infinite;
}

.tc-marquee-row-photos .tc-vertical-lane > .et_pb_image {
  display: block;
  width: 100%;
  margin-bottom: 0!important;
  padding: 0!important;
}

.tc-marquee-row-photos .tc-vertical-lane img {
  width: 100%!important;
  height: auto!important;
  display: block!important;
}

@keyframes tc-team-marquee-vertical {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

@media (max-width: 1024px) and (min-width: 810px) {
  .tc-marquee-row-photos .kp-team-track,
  .tc-marquee-row-photos .tc-team-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 809px) {
  .tc-marquee-row-photos .tc-photos {
    height: auto;
    max-height: 85vh;
  }

  .tc-marquee-row-photos .kp-team-track,
  .tc-marquee-row-photos .tc-team-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body.et-fb .tc-marquee-row-photos .tc-vertical-lane {
  animation: none!important;
  transform: none!important;
}

/* ============== IMAGE FADE ============== */

.et_pb_column:has(> .tc-image-fade) {
  position: relative;
  display: grid;
  height: 650px;
}

.et_pb_column:has(> .tc-image-fade) > .tc-image-fade {
  grid-area: 1 / 1;
  margin: 0!important;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}

.et_pb_column:has(> .tc-image-fade) > .tc-image-fade .et_pb_image_wrap,
.et_pb_column:has(> .tc-image-fade) > .tc-image-fade img {
  display: block;
  width: 100%;
  height: 650px;
  object-fit: cover;
  object-position: top center;
}

.et_pb_column:has(> .tc-image-fade) > .tc-image-fade.is-active {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .et_pb_column:has(> .tc-image-fade) > .tc-image-fade {
    transition: none;
    opacity: 0;
  }

  .et_pb_column:has(> .tc-image-fade) > .tc-image-fade:first-child {
    opacity: 1;
  }
}

@media (max-width: 980px) {
  .et_pb_column:has(> .tc-image-fade) {
    height: 520px;
  }

  .et_pb_column:has(> .tc-image-fade) > .tc-image-fade .et_pb_image_wrap,
  .et_pb_column:has(> .tc-image-fade) > .tc-image-fade img {
    height: 520px;
  }
}

@media (max-width: 767px) {
  .et_pb_column:has(> .tc-image-fade) {
    height: 380px;
  }

  .et_pb_column:has(> .tc-image-fade) > .tc-image-fade .et_pb_image_wrap,
  .et_pb_column:has(> .tc-image-fade) > .tc-image-fade img {
    height: 380px;
  }
}